Comparing version 0.4.63 to 0.4.64
@@ -23,3 +23,3 @@ declare const Binder: import("vue").DefineComponent<{ | ||
syncTarget: boolean; | ||
}>; | ||
}, {}>; | ||
export default Binder; |
@@ -87,3 +87,3 @@ import { PropType } from 'vue'; | ||
overlap: boolean; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -7,3 +7,3 @@ declare const _default: import("vue").DefineComponent<{}, { | ||
}; | ||
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>; | ||
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>; | ||
export default _default; |
@@ -41,2 +41,2 @@ import { PropType } from 'vue'; | ||
returnFocusOnDeactivated: boolean; | ||
}>; | ||
}, {}>; |
@@ -28,3 +28,3 @@ import { PropType } from 'vue'; | ||
disabled: boolean; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -25,3 +25,3 @@ import { PropType } from 'vue'; | ||
onUpdateOverflow: PropType<(overflow: boolean) => void>; | ||
}>>, {}>; | ||
}>>, {}, {}>; | ||
export default _default; |
@@ -7,3 +7,3 @@ import { PropType } from 'vue'; | ||
onResize: PropType<VResizeObserverOnResize>; | ||
}>>, {}>; | ||
}>>, {}, {}>; | ||
export default _default; |
@@ -152,3 +152,3 @@ import { PropType, CSSProperties } from 'vue'; | ||
paddingBottom: string | number; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -115,8 +115,11 @@ /* eslint-disable no-void */ | ||
const totalWidthRef = useMemo(() => { | ||
if (props.renderCol == null && props.renderItemWithCols == null) | ||
if (props.renderCol == null && props.renderItemWithCols == null) { | ||
return undefined; | ||
} | ||
if (props.columns.length === 0) | ||
return undefined; | ||
let width = 0; | ||
props.columns.forEach(column => { width += column.width; }); | ||
props.columns.forEach((column) => { | ||
width += column.width; | ||
}); | ||
return width; | ||
@@ -132,3 +135,3 @@ }); | ||
}); | ||
const { scrollLeftRef, setListWidth } = setupXScroll({ | ||
const { scrollLeftRef, listWidthRef } = setupXScroll({ | ||
columnsRef: toRef(props, 'columns'), | ||
@@ -342,6 +345,14 @@ renderColRef: toRef(props, 'renderCol'), | ||
// If height is same, return | ||
if (entry.contentRect.height === listHeightRef.value) | ||
return; | ||
if (props.renderCol == null && props.renderItemWithCols == null) { | ||
if (entry.contentRect.height === listHeightRef.value) | ||
return; | ||
} | ||
else { | ||
if (entry.contentRect.height === listHeightRef.value && | ||
entry.contentRect.width === listWidthRef.value) { | ||
return; | ||
} | ||
} | ||
listHeightRef.value = entry.contentRect.height; | ||
setListWidth(entry.contentRect.width); | ||
listWidthRef.value = entry.contentRect.width; | ||
const { onResize } = props; | ||
@@ -437,3 +448,3 @@ if (onResize !== undefined) | ||
const index = keyToIndex.get(key); | ||
const renderedCols = (renderCol != null) | ||
const renderedCols = renderCol != null | ||
? h(VirtualListRow, { | ||
@@ -444,3 +455,3 @@ index, | ||
: undefined; | ||
const renderedItemWithCols = (renderItemWithCols != null) | ||
const renderedItemWithCols = renderItemWithCols != null | ||
? h(VirtualListRow, { | ||
@@ -447,0 +458,0 @@ index, |
@@ -28,2 +28,2 @@ import { PropType } from 'vue'; | ||
}; | ||
}>>, {}>; | ||
}>>, {}, {}>; |
@@ -8,4 +8,4 @@ import { Ref } from 'vue'; | ||
}): { | ||
setListWidth: (value: number) => void; | ||
listWidthRef: Ref<number>; | ||
scrollLeftRef: Ref<number>; | ||
}; |
@@ -55,7 +55,5 @@ import { computed, provide, ref } from 'vue'; | ||
return { | ||
setListWidth(value) { | ||
listWidthRef.value = value; | ||
}, | ||
listWidthRef, | ||
scrollLeftRef | ||
}; | ||
} |
@@ -18,3 +18,3 @@ import { PropType } from 'vue'; | ||
disabled: boolean; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -23,3 +23,3 @@ declare const Binder: import("vue").DefineComponent<{ | ||
syncTarget: boolean; | ||
}>; | ||
}, {}>; | ||
export default Binder; |
@@ -87,3 +87,3 @@ import { PropType } from 'vue'; | ||
overlap: boolean; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -7,3 +7,3 @@ declare const _default: import("vue").DefineComponent<{}, { | ||
}; | ||
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>; | ||
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>; | ||
export default _default; |
@@ -41,2 +41,2 @@ import { PropType } from 'vue'; | ||
returnFocusOnDeactivated: boolean; | ||
}>; | ||
}, {}>; |
@@ -28,3 +28,3 @@ import { PropType } from 'vue'; | ||
disabled: boolean; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -25,3 +25,3 @@ import { PropType } from 'vue'; | ||
onUpdateOverflow: PropType<(overflow: boolean) => void>; | ||
}>>, {}>; | ||
}>>, {}, {}>; | ||
export default _default; |
@@ -7,3 +7,3 @@ import { PropType } from 'vue'; | ||
onResize: PropType<VResizeObserverOnResize>; | ||
}>>, {}>; | ||
}>>, {}, {}>; | ||
export default _default; |
@@ -152,3 +152,3 @@ import { PropType, CSSProperties } from 'vue'; | ||
paddingBottom: string | number; | ||
}>; | ||
}, {}>; | ||
export default _default; |
@@ -120,8 +120,11 @@ "use strict"; | ||
const totalWidthRef = (0, vooks_1.useMemo)(() => { | ||
if (props.renderCol == null && props.renderItemWithCols == null) | ||
if (props.renderCol == null && props.renderItemWithCols == null) { | ||
return undefined; | ||
} | ||
if (props.columns.length === 0) | ||
return undefined; | ||
let width = 0; | ||
props.columns.forEach(column => { width += column.width; }); | ||
props.columns.forEach((column) => { | ||
width += column.width; | ||
}); | ||
return width; | ||
@@ -137,3 +140,3 @@ }); | ||
}); | ||
const { scrollLeftRef, setListWidth } = (0, xScroll_1.setupXScroll)({ | ||
const { scrollLeftRef, listWidthRef } = (0, xScroll_1.setupXScroll)({ | ||
columnsRef: (0, vue_1.toRef)(props, 'columns'), | ||
@@ -347,6 +350,14 @@ renderColRef: (0, vue_1.toRef)(props, 'renderCol'), | ||
// If height is same, return | ||
if (entry.contentRect.height === listHeightRef.value) | ||
return; | ||
if (props.renderCol == null && props.renderItemWithCols == null) { | ||
if (entry.contentRect.height === listHeightRef.value) | ||
return; | ||
} | ||
else { | ||
if (entry.contentRect.height === listHeightRef.value && | ||
entry.contentRect.width === listWidthRef.value) { | ||
return; | ||
} | ||
} | ||
listHeightRef.value = entry.contentRect.height; | ||
setListWidth(entry.contentRect.width); | ||
listWidthRef.value = entry.contentRect.width; | ||
const { onResize } = props; | ||
@@ -442,3 +453,3 @@ if (onResize !== undefined) | ||
const index = keyToIndex.get(key); | ||
const renderedCols = (renderCol != null) | ||
const renderedCols = renderCol != null | ||
? (0, vue_1.h)(VirtualListRow_1.VirtualListRow, { | ||
@@ -449,3 +460,3 @@ index, | ||
: undefined; | ||
const renderedItemWithCols = (renderItemWithCols != null) | ||
const renderedItemWithCols = renderItemWithCols != null | ||
? (0, vue_1.h)(VirtualListRow_1.VirtualListRow, { | ||
@@ -452,0 +463,0 @@ index, |
@@ -28,2 +28,2 @@ import { PropType } from 'vue'; | ||
}; | ||
}>>, {}>; | ||
}>>, {}, {}>; |
@@ -8,4 +8,4 @@ import { Ref } from 'vue'; | ||
}): { | ||
setListWidth: (value: number) => void; | ||
listWidthRef: Ref<number>; | ||
scrollLeftRef: Ref<number>; | ||
}; |
@@ -58,5 +58,3 @@ "use strict"; | ||
return { | ||
setListWidth(value) { | ||
listWidthRef.value = value; | ||
}, | ||
listWidthRef, | ||
scrollLeftRef | ||
@@ -63,0 +61,0 @@ }; |
@@ -18,3 +18,3 @@ import { PropType } from 'vue'; | ||
disabled: boolean; | ||
}>; | ||
}, {}>; | ||
export default _default; |
{ | ||
"name": "vueuc", | ||
"version": "0.4.63", | ||
"version": "0.4.64", | ||
"description": "Util Components for Vue", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
246945
6368