@sdata/web-vue 3.3.1 → 3.5.0

package/es/timeline/timeline.d.ts

@@ -153,8 +153,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -175,8 +175,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }>;
         __isFragment?: never;
@@ -194,8 +194,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        dot: boolean;
         loading: boolean;
+        dot: boolean;
         hideIcon: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;

package/es/toolbar/style/index.css

@@ -42,7 +42,6 @@
   grid-template-columns: repeat(auto-fill, minmax(var(--toolbar-span-width), 1fr));
   gap: 8px;
   width: 100%;
-  background-color: var(--sd-color-bg-2);
 }
 .sd-toolbar-body--schema .sd-form > * {
   max-width: var(--toolbar-item-max-width);

package/es/toolbar/style/index.scss

@@ -36,7 +36,6 @@ $toolbar-prefix-cls: string.unquote('#{theme.$prefix}-toolbar');
     grid-template-columns: repeat(auto-fill, minmax(var(--toolbar-span-width), 1fr));
     gap: $toolbar-body-gap;
     width: 100%;
-    background-color: $toolbar-color-bg;
 
     > * {
       max-width: var(--toolbar-item-max-width);

package/es/toolbar/style/token.scss

@@ -16,8 +16,6 @@ $toolbar-expand-gap: global.$spacing-2;
 
 $toolbar-padding-bottom: global.$spacing-4;
 
-$toolbar-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
-
 $toolbar-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));
 
 $toolbar-border-width: global.$border-1;

package/es/tree/base-node.vue.d.ts

@@ -6,11 +6,9 @@ declare var __VLS_10: {}, __VLS_13: {}, __VLS_22: {
     indeterminate: boolean | undefined;
     expanded: boolean | undefined;
     isLeaf: boolean;
-}, __VLS_45: {
+}, __VLS_39: {
     title: string | undefined;
-}, __VLS_52: {
-    title: string | undefined;
-}, __VLS_54: {
+}, __VLS_47: {
     loading: boolean | undefined;
     checked: boolean | undefined;
     selected: boolean | undefined;
@@ -25,11 +23,9 @@ type __VLS_Slots = {} & {
 } & {
     icon?: (props: typeof __VLS_22) => any;
 } & {
-    title?: (props: typeof __VLS_45) => any;
-} & {
-    title?: (props: typeof __VLS_52) => any;
+    title?: (props: typeof __VLS_39) => any;
 } & {
-    'drag-icon'?: (props: typeof __VLS_54) => any;
+    'drag-icon'?: (props: typeof __VLS_47) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {

package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,7 @@ import useTreeContext from "./hooks/use-tree-context.js";
 import useDraggable$1 from "./hooks/use-draggable.js";
 import useNodeKey from "./hooks/use-node-key.js";
 import node_switcher_default from "./node-switcher.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useSlots, withCtx } from "vue";
 import { onLongPress, useSwipe } from "@vueuse/core";
 //#region components/tree/base-node.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-level", "data-key"];
@@ -52,6 +52,7 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const key = useNodeKey();
 		const prefixCls = getPrefixCls("tree-node");
 		const treeContext = useTreeContext();
+		const slots = useSlots();
 		const node = computed(() => {
 			var _treeContext$key2Tree;
 			return (_treeContext$key2Tree = treeContext.key2TreeNode) === null || _treeContext$key2Tree === void 0 ? void 0 : _treeContext$key2Tree.get(key.value);
@@ -130,12 +131,12 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const treeDragIcon = computed(() => treeContext.dragIcon);
 		const treeNodeIcon = computed(() => treeContext.nodeIcon);
 		const shouldRenderEllipsis = computed(() => {
-			var _treeContext$treeProp3, _treeContext$treeProp4;
-			return ((_treeContext$treeProp3 = treeContext.treeProps) === null || _treeContext$treeProp3 === void 0 ? void 0 : _treeContext$treeProp3.ellipsis) === true || ((_treeContext$treeProp4 = treeContext.treeProps) === null || _treeContext$treeProp4 === void 0 ? void 0 : _treeContext$treeProp4.ellipsis) === "performant-ellipsis";
+			var _treeContext$treeProp3, _treeContext$treeProp4, _treeContext$treeProp5;
+			return !treeContext.nodeTitle && !slots.title && (((_treeContext$treeProp3 = treeContext.treeProps) === null || _treeContext$treeProp3 === void 0 ? void 0 : _treeContext$treeProp3.ellipsis) === true || ((_treeContext$treeProp4 = treeContext.treeProps) === null || _treeContext$treeProp4 === void 0 ? void 0 : _treeContext$treeProp4.ellipsis) === "performant-ellipsis" || Boolean((_treeContext$treeProp5 = treeContext.treeProps) === null || _treeContext$treeProp5 === void 0 ? void 0 : _treeContext$treeProp5.virtualListProps));
 		});
 		const ellipsisComponent = computed(() => {
-			var _treeContext$treeProp5;
-			return ((_treeContext$treeProp5 = treeContext.treeProps) === null || _treeContext$treeProp5 === void 0 ? void 0 : _treeContext$treeProp5.ellipsis) === "performant-ellipsis" ? PerformantEllipsis : Ellipsis;
+			var _treeContext$treeProp6, _treeContext$treeProp7;
+			return ((_treeContext$treeProp6 = treeContext.treeProps) === null || _treeContext$treeProp6 === void 0 ? void 0 : _treeContext$treeProp6.ellipsis) === true && !((_treeContext$treeProp7 = treeContext.treeProps) === null || _treeContext$treeProp7 === void 0 ? void 0 : _treeContext$treeProp7.virtualListProps) ? Ellipsis : PerformantEllipsis;
 		});
 		const titleTextClassNames = computed(() => [`${prefixCls}-title-text`, { [`${prefixCls}-title-text-ellipsis`]: shouldRenderEllipsis.value }]);
 		function onSwitcherClick(e) {
@@ -312,20 +313,17 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				}, [_ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", normalizeProps(mergeProps({ key: 0 }, nodeStatus))) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeNodeIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeNodeIcon.value), mergeProps({
 					key: 2,
 					node: treeNodeData.value
-				}, nodeStatus), null, 16, ["node"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(titleTextClassNames.value) }, [shouldRenderEllipsis.value ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisComponent.value), {
-					key: 0,
-					class: normalizeClass(`${unref(prefixCls)}-title-ellipsis`)
-				}, {
-					default: withCtx(() => [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : renderSlot(_ctx.$slots, "title", {
-						key: 1,
-						title: __props.title
-					}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
-					_: 3
-				}, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : renderSlot(_ctx.$slots, "title", {
+				}, nodeStatus), null, 16, ["node"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(titleTextClassNames.value) }, [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", {
 					key: 1,
 					title: __props.title
-				}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 64)), unref(draggable) ? (openBlock(), createElementBlock("span", {
+				}, () => [createTextVNode(toDisplayString(__props.title), 1)]) : shouldRenderEllipsis.value ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisComponent.value), {
 					key: 2,
+					class: normalizeClass(`${unref(prefixCls)}-title-ellipsis`)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+					_: 1
+				}, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(__props.title), 1)], 64)), unref(draggable) ? (openBlock(), createElementBlock("span", {
+					key: 4,
 					class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-drag-icon`])
 				}, [_ctx.$slots["drag-icon"] ? renderSlot(_ctx.$slots, "drag-icon", normalizeProps(mergeProps({ key: 0 }, nodeStatus))) : __props.dragIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dragIcon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeDragIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeDragIcon.value), mergeProps({
 					key: 2,

package/es/tree/tree.vue.d.ts

@@ -396,12 +396,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     size: "small" | "mini" | "medium" | "large";
     data: TreeNodeData[];
-    ellipsis: TreeEllipsis;
     multiple: boolean;
     checkable: boolean | ((node: TreeNodeData, info: {
         level: number;
         isLeaf: boolean;
     }) => boolean);
+    ellipsis: TreeEllipsis;
     checkStrictly: boolean;
     animation: boolean;
     draggable: boolean;
@@ -414,7 +414,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     searchValue: string;
     onlyCheckLeaf: boolean;
     defaultExpandAll: boolean;
-    checkedStrategy: "all" | "parent" | "child";
+    checkedStrategy: "parent" | "all" | "child";
     defaultExpandSelected: boolean;
     defaultExpandChecked: boolean;
     autoExpandParent: boolean;

package/es/tree-select/tree-select.vue.d.ts

@@ -390,14 +390,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     showArrow: boolean;
     show: boolean;
     scrollbar: boolean | ScrollbarProps;
-    separator: string;
-    border: boolean;
-    multiple: boolean;
     allowClear: boolean;
     loading: boolean;
+    multiple: boolean;
     showHeaderOnEmpty: boolean;
     showFooterOnEmpty: boolean;
     checkable: boolean;
+    separator: string;
     showPath: boolean;
     defaultInputValue: string;
     allowSearch: boolean | {
@@ -406,6 +405,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     defaultShow: boolean;
     filterable: boolean;
     clearable: boolean;
+    border: boolean;
     fallbackOption: boolean | ((key: number | string) => TreeNodeData | boolean);
     selectable: boolean | "leaf" | ((node: TreeNodeData, info: {
         isLeaf: boolean;
@@ -415,7 +415,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     treeCheckable: boolean;
     treeCheckStrictly: boolean;
     labelInValue: boolean;
-    treeCheckedStrategy: "all" | "parent" | "child";
+    treeCheckedStrategy: "parent" | "all" | "child";
     virtualScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/typography/base.d.ts

@@ -160,8 +160,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         color: string;
     };
     disabled: boolean;
-    underline: boolean;
     ellipsis: boolean | EllipsisConfig;
+    underline: boolean;
     editable: boolean;
     copyable: boolean;
     editing: boolean;

package/es/watermark/index.d.ts

@@ -55,10 +55,10 @@ declare const Watermark: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         repeat: boolean;
-        alpha: number;
         rotate: number;
         zIndex: number;
         gap: [number, number];
+        alpha: number;
         antiTamper: boolean;
         grayscale: boolean;
         staggered: boolean;
@@ -122,10 +122,10 @@ declare const Watermark: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         repeat: boolean;
-        alpha: number;
         rotate: number;
         zIndex: number;
         gap: [number, number];
+        alpha: number;
         antiTamper: boolean;
         grayscale: boolean;
         staggered: boolean;
@@ -186,10 +186,10 @@ declare const Watermark: {
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     repeat: boolean;
-    alpha: number;
     rotate: number;
     zIndex: number;
     gap: [number, number];
+    alpha: number;
     antiTamper: boolean;
     grayscale: boolean;
     staggered: boolean;

package/es/watermark/watermark.d.ts

@@ -104,10 +104,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     repeat: boolean;
-    alpha: number;
     rotate: number;
     zIndex: number;
     gap: [number, number];
+    alpha: number;
     antiTamper: boolean;
     grayscale: boolean;
     staggered: boolean;

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.3.1",
+  "version": "3.5.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -67,8 +67,8 @@
     "qrcode": "^1.5.4",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
-    "vue": "^3.5.38",
-    "vue-virtual-scroller": "^3.0.4"
+    "virtua": "^0.49.2",
+    "vue": "^3.5.38"
   },
   "devDependencies": {
     "@babel/types": "^7.29.7",

package/es/_components/virtual-list/use-virtual-size.js

@@ -1,94 +0,0 @@
-import { computed, onMounted, ref } from "vue";
-//#region components/_components/virtual-list/use-virtual-size.ts
-var useVirtualSize = ({ dataKeys, fixedSize, estimatedSize, overscan, visibleCount }) => {
-	const firstRangeAverageSize = ref(0);
-	const sizeMap = /* @__PURE__ */ new Map();
-	const fallbackEstimatedSize = computed(() => {
-		var _estimatedSize$value;
-		return (_estimatedSize$value = estimatedSize.value) !== null && _estimatedSize$value !== void 0 ? _estimatedSize$value : 30;
-	});
-	const total = computed(() => dataKeys.value.length);
-	const start = ref(0);
-	const range = computed(() => {
-		return Math.max(visibleCount.value + overscan.value * 2, 1);
-	});
-	const end = computed(() => {
-		const nextEnd = start.value + range.value;
-		if (nextEnd > total.value) return total.value;
-		return nextEnd;
-	});
-	const maxStart = computed(() => {
-		const max = total.value - range.value;
-		if (max < 0) return 0;
-		return max;
-	});
-	const setStart = (index) => {
-		if (index < 0) start.value = 0;
-		else if (index > maxStart.value) start.value = maxStart.value;
-		else start.value = index;
-	};
-	const isFixed = ref(fixedSize.value);
-	const resolvedEstimatedSize = computed(() => {
-		if (fallbackEstimatedSize.value !== 30) return fallbackEstimatedSize.value;
-		return firstRangeAverageSize.value || fallbackEstimatedSize.value;
-	});
-	const setItemSize = (key, size) => {
-		sizeMap.set(key, size);
-	};
-	const getItemSize = (index) => {
-		var _sizeMap$get;
-		if (isFixed.value) return resolvedEstimatedSize.value;
-		const key = dataKeys.value[index];
-		if (key === void 0) return resolvedEstimatedSize.value;
-		return (_sizeMap$get = sizeMap.get(key)) !== null && _sizeMap$get !== void 0 ? _sizeMap$get : resolvedEstimatedSize.value;
-	};
-	const hasItemSize = (key) => {
-		return sizeMap.has(key);
-	};
-	onMounted(() => {
-		const firstRangeTotalSize = Array.from(sizeMap.values()).reduce((sum, value) => sum + value, 0);
-		if (firstRangeTotalSize > 0) firstRangeAverageSize.value = firstRangeTotalSize / sizeMap.size;
-	});
-	const getOffset = (startIndex, endIndex) => {
-		let offset = 0;
-		for (let index = startIndex; index < endIndex; index++) offset += getItemSize(index);
-		return offset;
-	};
-	const getScrollOffset = (index) => {
-		if (isFixed.value) return resolvedEstimatedSize.value * index;
-		return getOffset(0, index);
-	};
-	const frontPadding = computed(() => {
-		if (isFixed.value) return resolvedEstimatedSize.value * start.value;
-		return getOffset(0, start.value);
-	});
-	const getStartByScroll = (scrollOffset) => {
-		let offset = scrollOffset;
-		let anchorIndex = 0;
-		while (offset > 0 && anchorIndex < total.value) {
-			offset -= getItemSize(anchorIndex);
-			anchorIndex += 1;
-		}
-		const nextStart = anchorIndex - overscan.value;
-		if (nextStart < 0) return 0;
-		if (nextStart > maxStart.value) return maxStart.value;
-		return nextStart;
-	};
-	return {
-		frontPadding,
-		behindPadding: computed(() => {
-			if (isFixed.value) return resolvedEstimatedSize.value * (total.value - end.value);
-			return getOffset(end.value, total.value);
-		}),
-		start,
-		end,
-		getStartByScroll,
-		setItemSize,
-		hasItemSize,
-		setStart,
-		getScrollOffset,
-		getItemSize
-	};
-};
-//#endregion
-export { useVirtualSize };

package/es/_components/virtual-list-v2/hooks/use-size.d.ts

@@ -1,17 +0,0 @@
-import { Ref } from 'vue';
-export declare const useSize: ({ dataKeys, fixedSize, estimatedSize, buffer, }: {
-    dataKeys: Ref<(string | number)[]>;
-    fixedSize: Ref<boolean>;
-    estimatedSize: Ref<number | undefined>;
-    buffer: Ref<number>;
-}) => {
-    frontPadding: import("vue").ComputedRef<number>;
-    behindPadding: import("vue").ComputedRef<number>;
-    start: Ref<number, number>;
-    end: import("vue").ComputedRef<number>;
-    getStartByScroll: (scrollOffset: number) => number;
-    setItemSize: (key: string | number, size: number) => void;
-    hasItemSize: (key: string | number) => boolean;
-    setStart: (index: number) => void;
-    getScrollOffset: (index: number) => number;
-};

package/es/_components/virtual-list-v2/hooks/use-size.js

@@ -1,95 +0,0 @@
-import { computed, onMounted, ref } from "vue";
-//#region components/_components/virtual-list-v2/hooks/use-size.ts
-var useSize = ({ dataKeys, fixedSize, estimatedSize, buffer }) => {
-	const firstRangeAverageSize = ref(0);
-	const sizeMap = /* @__PURE__ */ new Map();
-	const total = computed(() => dataKeys.value.length);
-	const start = ref(0);
-	const end = computed(() => {
-		const _end = start.value + buffer.value * 3;
-		if (_end > total.value) return total.value;
-		return _end;
-	});
-	const maxStart = computed(() => {
-		const max = total.value - buffer.value * 3;
-		if (max < 0) return 0;
-		return max;
-	});
-	const setStart = (index) => {
-		if (index < 0) start.value = 0;
-		else if (index > maxStart.value) start.value = maxStart.value;
-		else start.value = index;
-	};
-	const isFixed = ref(fixedSize.value);
-	const _estimatedSize = computed(() => {
-		var _estimatedSize$value;
-		const nextEstimatedSize = (_estimatedSize$value = estimatedSize.value) !== null && _estimatedSize$value !== void 0 ? _estimatedSize$value : 30;
-		if (nextEstimatedSize !== 30) return nextEstimatedSize;
-		return firstRangeAverageSize.value || nextEstimatedSize;
-	});
-	const setItemSize = (key, size) => {
-		sizeMap.set(key, size);
-	};
-	const getItemSize = (index) => {
-		var _sizeMap$get;
-		if (isFixed.value) return _estimatedSize.value;
-		const _key = dataKeys.value[index];
-		if (_key === void 0) return _estimatedSize.value;
-		return (_sizeMap$get = sizeMap.get(_key)) !== null && _sizeMap$get !== void 0 ? _sizeMap$get : _estimatedSize.value;
-	};
-	const hasItemSize = (key) => {
-		return sizeMap.has(key);
-	};
-	onMounted(() => {
-		const firstRangeTotalSize = Array.from(sizeMap.values()).reduce((pre, value) => pre + value, 0);
-		if (firstRangeTotalSize > 0) firstRangeAverageSize.value = firstRangeTotalSize / sizeMap.size;
-	});
-	const getScrollOffset = (index) => {
-		if (isFixed.value) return _estimatedSize.value * index;
-		return getOffset(0, index);
-	};
-	const getOffset = (start, end) => {
-		let offset = 0;
-		for (let i = start; i < end; i++) offset += getItemSize(i);
-		return offset;
-	};
-	const frontPadding = computed(() => {
-		if (isFixed.value) return _estimatedSize.value * start.value;
-		return getOffset(0, start.value);
-	});
-	const getOffsetIndex = (scrollOffset) => {
-		const isForward = scrollOffset >= frontPadding.value;
-		let offset = Math.abs(scrollOffset - frontPadding.value);
-		const _start = isForward ? start.value : start.value - 1;
-		let offsetIndex = 0;
-		while (offset > 0) {
-			const itemSize = getItemSize(_start + offsetIndex);
-			offset -= itemSize;
-			isForward ? offsetIndex++ : offsetIndex--;
-		}
-		return offsetIndex;
-	};
-	const getStartByScroll = (scrollOffset) => {
-		const offsetIndex = getOffsetIndex(scrollOffset);
-		const _start = start.value + offsetIndex - buffer.value;
-		if (_start < 0) return 0;
-		if (_start > maxStart.value) return maxStart.value;
-		return _start;
-	};
-	return {
-		frontPadding,
-		behindPadding: computed(() => {
-			if (isFixed.value) return _estimatedSize.value * (total.value - end.value);
-			return getOffset(end.value, total.value);
-		}),
-		start,
-		end,
-		getStartByScroll,
-		setItemSize,
-		hasItemSize,
-		setStart,
-		getScrollOffset
-	};
-};
-//#endregion
-export { useSize };

package/es/_components/virtual-list-v2/index.d.ts

@@ -1,2 +0,0 @@
-import VirtualList from './virtual-list.vue';
-export default VirtualList;

package/es/_components/virtual-list-v2/index.js

@@ -1,5 +0,0 @@
-import virtual_list_default from "./virtual-list.js";
-//#region components/_components/virtual-list-v2/index.ts
-var virtual_list_v2_default = virtual_list_default;
-//#endregion
-export { virtual_list_v2_default as default };

package/es/_components/virtual-list-v2/interface.d.ts

@@ -1,44 +0,0 @@
-import { VNode } from 'vue';
-import type { ScrollbarProps } from '../../scrollbar';
-export type VirtualItemKey = string | number;
-export interface InternalDataItem {
-    key: VirtualItemKey;
-    index: number;
-    item: unknown;
-}
-export type ItemSlot = (props: {
-    item: unknown;
-    index: number;
-}) => VNode[];
-export interface ScrollIntoViewOptions {
-    index?: number;
-    key?: VirtualItemKey;
-    align: 'auto' | 'top' | 'bottom';
-}
-export interface VirtualListProps {
-    height?: number | string;
-    threshold?: number;
-    isStaticItemHeight?: boolean;
-    fixedSize?: boolean;
-    estimatedSize?: number;
-    buffer?: number;
-    data?: unknown[];
-    itemKey?: string | ((item: unknown) => VirtualItemKey);
-    component?: keyof HTMLElementTagNameMap | {
-        container?: keyof HTMLElementTagNameMap;
-        list?: keyof HTMLElementTagNameMap;
-        content?: keyof HTMLElementTagNameMap;
-    };
-    listAttrs?: Record<string, unknown>;
-    contentAttrs?: Record<string, unknown>;
-    paddingPosition?: 'content' | 'list';
-    scrollbar?: boolean | ScrollbarProps;
-}
-export type ScrollOptions = number | {
-    index?: number;
-    key?: VirtualItemKey;
-    align?: 'auto' | 'top' | 'bottom';
-};
-export interface VirtualListRef {
-    scrollTo: (options: ScrollOptions) => void;
-}

package/es/_components/virtual-list-v2/virtual-list-item.d.ts

@@ -1,22 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    hasItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    setItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    hasItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    setItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/_components/virtual-list-v2/virtual-list-item.js

@@ -1,37 +0,0 @@
-import { getFirstComponent } from "../../_utils/vue-utils.js";
-import { cloneVNode, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref } from "vue";
-//#region components/_components/virtual-list-v2/virtual-list-item.tsx
-var virtual_list_item_default = /* @__PURE__ */ defineComponent({
-	name: "VirtualListItem",
-	props: {
-		hasItemSize: {
-			type: Function,
-			required: true
-		},
-		setItemSize: {
-			type: Function,
-			required: true
-		}
-	},
-	setup(props, { slots }) {
-		var _getCurrentInstance;
-		const key = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.vnode.key;
-		const itemRef = ref();
-		const setItemSize = () => {
-			var _itemRef$value$$el, _itemRef$value, _ele$getBoundingClien, _ele$getBoundingClien2;
-			const ele = (_itemRef$value$$el = (_itemRef$value = itemRef.value) === null || _itemRef$value === void 0 ? void 0 : _itemRef$value.$el) !== null && _itemRef$value$$el !== void 0 ? _itemRef$value$$el : itemRef.value;
-			const height = (_ele$getBoundingClien = ele === null || ele === void 0 || (_ele$getBoundingClien2 = ele.getBoundingClientRect) === null || _ele$getBoundingClien2 === void 0 ? void 0 : _ele$getBoundingClien2.call(ele).height) !== null && _ele$getBoundingClien !== void 0 ? _ele$getBoundingClien : ele === null || ele === void 0 ? void 0 : ele.offsetHeight;
-			if (height) props.setItemSize(key, height);
-		};
-		onMounted(() => setItemSize());
-		onBeforeUnmount(() => setItemSize());
-		return () => {
-			var _slots$default;
-			const child = getFirstComponent((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
-			if (child) return cloneVNode(child, { ref: itemRef }, true);
-			return null;
-		};
-	}
-});
-//#endregion
-export { virtual_list_item_default as default };