@sdata/web-vue 1.9.0 → 1.11.0

package/es/_hooks/use-allow-clear.d.ts

@@ -1,4 +1,4 @@
 import { Ref } from 'vue';
-export declare const useAllowClear: (allowClear?: Ref<boolean | undefined>) => {
+export declare const useAllowClear: (allowClear?: Ref<boolean | undefined>, extraPropNames?: readonly string[]) => {
     mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
 };

package/es/_hooks/use-allow-clear.js

@@ -2,13 +2,13 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { computed, getCurrentInstance, inject } from "vue";
 //#region components/_hooks/use-allow-clear.ts
 var ALLOW_CLEAR_PROP_NAMES = ["allowClear", "allow-clear"];
-var useAllowClear = (allowClear) => {
+var useAllowClear = (allowClear, extraPropNames = []) => {
 	const instance = getCurrentInstance();
 	const configProviderCtx = inject(configProviderInjectionKey, void 0);
 	const hasAllowClearProp = computed(() => {
 		const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
 		if (!rawProps) return false;
-		return ALLOW_CLEAR_PROP_NAMES.some((propName) => Object.prototype.hasOwnProperty.call(rawProps, propName));
+		return [...ALLOW_CLEAR_PROP_NAMES, ...extraPropNames].some((propName) => Object.hasOwn(rawProps, propName));
 	});
 	return { mergedAllowClear: computed(() => {
 		if (hasAllowClearProp.value) return allowClear === null || allowClear === void 0 ? void 0 : allowClear.value;

package/es/_hooks/use-pure-prop.js

@@ -1,9 +1,9 @@
 import { isEqual } from "../_utils/is-equal.js";
-import { ref, toRef, watch } from "vue";
+import { shallowRef, toRef, watch } from "vue";
 //#region components/_hooks/use-pure-prop.ts
 var usePureProp = (props, name) => {
 	const _value = toRef(props, name);
-	const value = ref(_value.value);
+	const value = shallowRef(_value.value);
 	watch(_value, (cur, pre) => {
 		if (!isEqual(cur, pre)) value.value = cur;
 	});

package/es/_hooks/use-resize-observer.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 export declare const useResizeObserver: ({ elementRef, onResize, }: {
     elementRef: Ref<HTMLElement | undefined>;
-    onResize: () => void;
+    onResize: (entry: ResizeObserverEntry) => void;
 }) => {
     createResizeObserver: () => void;
     destroyResizeObserver: () => void;

package/es/_utils/clipboard.js

@@ -19,7 +19,8 @@ var clipboard = function() {
 		range.selectNode(span);
 		selection === null || selection === void 0 || selection.addRange(range);
 		try {
-			window.document.execCommand("copy");
+			var _window$document$exec, _window$document;
+			(_window$document$exec = (_window$document = window.document).execCommand) === null || _window$document$exec === void 0 || _window$document$exec.call(_window$document, "copy");
 		} catch (err) {
 			console.error(`execCommand Error: ${err}`);
 		}

package/es/_utils/date.d.ts

@@ -29,7 +29,5 @@ export declare function getDateValue(value: (Dayjs | undefined)[] | undefined):
 export declare function getDateValue(value: Dayjs | (Dayjs | undefined)[]): Date | (Date | undefined)[];
 export declare function getDateValue(value: Dayjs | (Dayjs | undefined)[] | undefined): Date | (Date | undefined)[] | undefined;
 export declare function initializeDateLocale(localeName: string, weekStart: number): void;
-export declare function pickDataAttributes<T extends Record<string, any>, K extends keyof T>(obj: T): {
-    [key in K]: any;
-};
+export declare function pickDataAttributes<T extends Record<string, unknown>>(obj: T): Record<`data-${string}` | `aria-${string}`, unknown>;
 export {};

package/es/_utils/date.js

@@ -116,7 +116,7 @@ function initializeDateLocale(localeName, weekStart) {
 function pickDataAttributes(obj) {
 	const clone = {};
 	obj && Object.keys(obj).forEach((key) => {
-		const k = String(key);
+		const k = key;
 		if (k.indexOf("data-") === 0) clone[k] = obj[k];
 		if (k.indexOf("aria-") === 0) clone[k] = obj[k];
 	});

package/es/_utils/raf.d.ts

@@ -1,3 +1,3 @@
-declare const raf: any;
-declare const caf: any;
+declare const raf: typeof requestAnimationFrame;
+declare const caf: typeof cancelAnimationFrame;
 export { raf, caf };

package/es/_utils/style.d.ts

@@ -1,3 +1,3 @@
 export declare function fixedWidth(width: number): Record<string, unknown>;
 export declare function setTransformStyle(value: string): Record<string, unknown>;
-export declare function getStyle(element: HTMLElement | null, prop: string | null): string | number | CSSRule | ((index: number) => string) | ((property: string, value: string | null, priority?: string) => void) | null;
+export declare function getStyle(element: HTMLElement | null, prop: string | null): string | number | ((index: number) => string) | CSSRule | ((property: string, value: string | null, priority?: string) => void) | null;

package/es/_utils/use-prop-or-slot.d.ts

@@ -1,7 +1,5 @@
 import { Slots } from 'vue';
-export default function usePropOrSlot<T = {
+export default function usePropOrSlot<T extends Record<string, unknown>>(props: T, slots: Slots, propName: keyof T & string): import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>(props: T, slots: Slots, propName: string): import("vue").ComputedRef<any>;
-export declare function hasPropOrSlot<T = {
-    [key: string]: any;
-}>(props: T, slots: Slots, propName: string): import("vue").ComputedRef<boolean>;
+}>[] | NonNullable<T[keyof T & string]> | undefined>;
+export declare function hasPropOrSlot<T extends Record<string, unknown>>(props: T, slots: Slots, propName: keyof T & string): import("vue").ComputedRef<boolean>;

package/es/_utils/virtual-dropdown.d.ts

@@ -0,0 +1,4 @@
+import type { VirtualListProps } from '../_components/virtual-list/interface';
+import type { TriggerProps } from '../trigger';
+export declare const DEFAULT_VIRTUAL_DROPDOWN_HEIGHT = "200px";
+export declare function resolveDropdownVirtualListProps(virtualListProps?: VirtualListProps, triggerProps?: Pick<TriggerProps, 'popupStyle'>, defaultItemSize?: number): VirtualListProps | undefined;

package/es/_utils/virtual-dropdown.js

@@ -0,0 +1,17 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+//#region components/_utils/virtual-dropdown.ts
+var DEFAULT_VIRTUAL_DROPDOWN_HEIGHT = "200px";
+function resolveDropdownVirtualListProps(virtualListProps, triggerProps, defaultItemSize) {
+	var _ref, _popupStyle$maxHeight;
+	if (!virtualListProps) return;
+	const nextVirtualListProps = _objectSpread2({}, virtualListProps);
+	if (nextVirtualListProps.itemSize === void 0 && nextVirtualListProps.minItemSize === void 0) {
+		if (defaultItemSize !== void 0) nextVirtualListProps.itemSize = defaultItemSize;
+	}
+	if (nextVirtualListProps.height !== void 0) return nextVirtualListProps;
+	const popupStyle = triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.popupStyle;
+	const fallbackHeight = (_ref = (_popupStyle$maxHeight = popupStyle === null || popupStyle === void 0 ? void 0 : popupStyle.maxHeight) !== null && _popupStyle$maxHeight !== void 0 ? _popupStyle$maxHeight : popupStyle === null || popupStyle === void 0 ? void 0 : popupStyle.height) !== null && _ref !== void 0 ? _ref : DEFAULT_VIRTUAL_DROPDOWN_HEIGHT;
+	return _objectSpread2(_objectSpread2({}, nextVirtualListProps), {}, { height: fallbackHeight });
+}
+//#endregion
+export { resolveDropdownVirtualListProps };

package/es/alert/alert.vue.d.ts

@@ -125,6 +125,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -167,6 +168,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -204,6 +206,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -243,6 +246,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -285,6 +289,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -322,6 +327,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -361,6 +367,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -403,6 +410,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -440,6 +448,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -479,6 +488,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -521,6 +531,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -558,6 +569,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -597,6 +609,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -639,6 +652,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -676,6 +690,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/alert/index.d.ts

@@ -103,6 +103,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -145,6 +146,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -182,6 +184,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -221,6 +224,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -263,6 +267,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -300,6 +305,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -339,6 +345,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -381,6 +388,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -418,6 +426,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -457,6 +466,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -499,6 +509,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -536,6 +547,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -575,6 +587,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -617,6 +630,7 @@ declare const Alert: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -654,6 +668,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -816,6 +831,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -858,6 +874,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -895,6 +912,7 @@ declare const Alert: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -934,6 +952,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -976,6 +995,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -1013,6 +1033,7 @@ declare const Alert: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -1052,6 +1073,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1094,6 +1116,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -1131,6 +1154,7 @@ declare const Alert: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -1170,6 +1194,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1212,6 +1237,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -1249,6 +1275,7 @@ declare const Alert: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -1288,6 +1315,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1330,6 +1358,7 @@ declare const Alert: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -1367,6 +1396,7 @@ declare const Alert: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/auto-complete/auto-complete.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { VirtualListProps } from '../_components/virtual-list-v2/interface';
+import { VirtualListProps } from '../_components/virtual-list/interface';
 import { FilterOption, SelectOptionData, SelectOptionGroup } from '../select/interface';
 import { TriggerProps } from '../trigger';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -104,9 +104,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     defaultValue: string;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
+    strict: boolean;
     modelValue: string;
     allowClear: boolean;
-    strict: boolean;
     filterOption: FilterOption;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/auto-complete/auto-complete.js

@@ -1,8 +1,9 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
-import virtual_list_v2_default from "../_components/virtual-list-v2/index.js";
+import virtual_list_default from "../_components/virtual-list/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
 import Input from "../input/index.js";
 import { getKeyFromValue } from "../select/utils.js";
 import { useSelect } from "../select/hooks/use-select.js";
@@ -11,6 +12,7 @@ import select_dropdown_default from "../select/select-dropdown.js";
 import Trigger from "../trigger/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, toRef, toRefs, watch } from "vue";
 //#region components/auto-complete/auto-complete.tsx
+var DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE = 36;
 var auto_complete_default = /* @__PURE__ */ defineComponent({
 	name: "AutoComplete",
 	inheritAttrs: false,
@@ -78,6 +80,9 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 		const computedPopupVisible = computed(() => _popupVisible.value && validOptionInfos.value.length > 0);
 		const virtualListRef = ref();
 		const component = computed(() => props.virtualListProps ? "div" : "li");
+		const resolvedVirtualListProps = computed(() => {
+			return resolveDropdownVirtualListProps(props.virtualListProps, props.triggerProps, DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE);
+		});
 		const handlePopupVisibleChange = (popupVisible) => {
 			_popupVisible.value = popupVisible;
 		};
@@ -162,9 +167,9 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 				"onReachBottom": handleDropdownReachBottom
 			}, {
 				"default": () => validOptions.value.map((info) => renderOption(info)),
-				"virtual-list": () => createVNode(virtual_list_v2_default, mergeProps(props.virtualListProps, {
+				"virtual-list": () => createVNode(virtual_list_default, mergeProps(resolvedVirtualListProps.value, {
 					"ref": virtualListRef,
-					"data": validOptions.value
+					"items": validOptions.value
 				}), { item: ({ item }) => renderOption(item) }),
 				"footer": slots.footer
 			});