naive-ui 2.23.1 → 2.24.2

package/es/tooltip/src/Tooltip.d.ts

@@ -133,6 +133,7 @@ declare const tooltipProps: {
         type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     onShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
@@ -275,6 +276,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     onShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
@@ -432,67 +434,8 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     syncPosition: () => void;
     setShow: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-    show?: unknown;
-    defaultShow?: unknown;
-    showArrow?: unknown;
-    trigger?: unknown;
-    delay?: unknown;
-    duration?: unknown;
-    raw?: unknown;
-    placement?: unknown;
-    x?: unknown;
-    y?: unknown;
-    disabled?: unknown;
-    getDisabled?: unknown;
-    displayDirective?: unknown;
-    arrowStyle?: unknown;
-    flip?: unknown;
-    animated?: unknown;
-    width?: unknown;
-    overlap?: unknown;
-    internalExtraClass?: unknown;
-    onClickoutside?: unknown;
-    'onUpdate:show'?: unknown;
-    onUpdateShow?: unknown;
-    zIndex?: unknown;
-    to?: unknown;
-    internalSyncTargetWithParent?: unknown;
-    internalInheritedEventHandlers?: unknown;
-    onShow?: unknown;
-    onHide?: unknown;
-    arrow?: unknown;
-    minWidth?: unknown;
-    maxWidth?: unknown;
-} & {
-    flip: boolean;
-    disabled: boolean;
-    duration: number;
-    raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
-    overlap: boolean;
-    trigger: import("../../popover").PopoverTrigger;
-    showArrow: boolean;
-    delay: number;
-    displayDirective: "show" | "if";
-    animated: boolean;
-    defaultShow: boolean;
-    internalExtraClass: string[];
-    internalSyncTargetWithParent: boolean;
-    internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
-} & {
-    show?: boolean | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    maxWidth?: number | undefined;
-    minWidth?: number | undefined;
-    width?: number | "trigger" | undefined;
-    zIndex?: number | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Tooltip", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;
         boxShadow: string;
         color: string;
@@ -513,8 +456,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
+    }>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;
         boxShadow: string;
         color: string;
@@ -535,8 +478,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
+    }>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;
         boxShadow: string;
         color: string;
@@ -557,16 +500,82 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    arrowStyle?: string | import("vue").CSSProperties | undefined;
-    onClickoutside?: ((e: MouseEvent) => void) | undefined;
-    getDisabled?: (() => boolean) | undefined;
-    "onUpdate:show"?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onUpdateShow?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onShow?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onHide?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    arrow?: boolean | undefined;
-}>, {
+    }>>>;
+    show: {
+        type: import("vue").PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultShow: BooleanConstructor;
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: import("vue").PropType<import("../../popover").PopoverTrigger>;
+        default: string;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    raw: BooleanConstructor;
+    placement: {
+        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        default: string;
+    };
+    x: NumberConstructor;
+    y: NumberConstructor;
+    disabled: BooleanConstructor;
+    getDisabled: import("vue").PropType<() => boolean>;
+    displayDirective: {
+        type: import("vue").PropType<"show" | "if">;
+        default: string;
+    };
+    arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: import("vue").PropType<number | "trigger">;
+        default: undefined;
+    };
+    overlap: BooleanConstructor;
+    internalExtraClass: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
+    'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    zIndex: NumberConstructor;
+    to: {
+        type: import("vue").PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    internalSyncTargetWithParent: BooleanConstructor;
+    internalInheritedEventHandlers: {
+        type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
+        default: () => never[];
+    };
+    internalTrapFocus: BooleanConstructor;
+    onShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    onHide: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    arrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        default: undefined;
+    };
+    minWidth: NumberConstructor;
+    maxWidth: NumberConstructor;
+}>>, {
     show: boolean | undefined;
     flip: boolean;
     width: number | "trigger";
@@ -580,6 +589,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];

package/es/transfer/src/Transfer.d.ts

@@ -2564,59 +2564,61 @@ declare const _default: import("vue").DefineComponent<{
     handleTgtFilterUpdateValue: (value: string | null) => void;
     handleSrcFilterUpdateValue: (value: string | null) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--bezier-ease-in': string;
-        '--bezier-ease-out': string;
-        '--border-color': string;
-        '--border-radius': string;
-        '--extra-font-size': string;
-        '--filter-divider-color': string;
-        '--font-size': string;
-        '--header-color': string;
-        '--header-extra-text-color': string;
-        '--header-font-weight': string;
-        '--header-text-color': string;
-        '--header-text-color-disabled': string;
-        '--item-color-pending': string;
-        '--item-height': string;
-        '--item-text-color': string;
-        '--item-text-color-disabled': string;
-        '--list-color': string;
-        '--width': string;
-        '--icon-color': string;
-        '--icon-color-disabled': string;
+        '--n-bezier': string;
+        '--n-bezier-ease-in': string;
+        '--n-bezier-ease-out': string;
+        '--n-border-color': string;
+        '--n-border-radius': string;
+        '--n-extra-font-size': string;
+        '--n-filter-divider-color': string;
+        '--n-font-size': string;
+        '--n-header-color': string;
+        '--n-header-extra-text-color': string;
+        '--n-header-font-weight': string;
+        '--n-header-text-color': string;
+        '--n-header-text-color-disabled': string;
+        '--n-item-color-pending': string;
+        '--n-item-height': string;
+        '--n-item-text-color': string;
+        '--n-item-text-color-disabled': string;
+        '--n-list-color': string;
+        '--n-width': string;
+        '--n-icon-color': string;
+        '--n-icon-color-disabled': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly options?: unknown;
-    readonly disabled?: unknown;
-    readonly virtualScroll?: unknown;
-    readonly sourceTitle?: unknown;
-    readonly targetTitle?: unknown;
-    readonly filterable?: unknown;
-    readonly sourceFilterPlaceholder?: unknown;
-    readonly targetFilterPlaceholder?: unknown;
-    readonly filter?: unknown;
-    readonly size?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    filter: Filter;
-    virtualScroll: boolean;
-    filterable: boolean;
-    options: Option[];
-    defaultValue: OptionValue[] | null;
-} & {
-    value?: OptionValue[] | null | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    disabled?: boolean | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    theme?: import("../../_mixins").Theme<"Transfer", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: PropType<OptionValue[] | null>;
+    readonly defaultValue: {
+        readonly type: PropType<OptionValue[] | null>;
+        readonly default: null;
+    };
+    readonly options: {
+        readonly type: PropType<Option[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly virtualScroll: BooleanConstructor;
+    readonly sourceTitle: StringConstructor;
+    readonly targetTitle: StringConstructor;
+    readonly filterable: BooleanConstructor;
+    readonly sourceFilterPlaceholder: StringConstructor;
+    readonly targetFilterPlaceholder: StringConstructor;
+    readonly filter: {
+        readonly type: PropType<Filter>;
+        readonly default: (pattern: string, option: Option) => number | true;
+    };
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly onChange: {
+        readonly type: PropType<MaybeArray<OnUpdateValue>>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Transfer", {
         itemHeightSmall: string;
         itemHeightMedium: string;
         itemHeightLarge: string;
@@ -2949,8 +2951,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Transfer", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Transfer", {
         itemHeightSmall: string;
         itemHeightMedium: string;
         itemHeightLarge: string;
@@ -3283,8 +3285,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Transfer", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Transfer", {
         itemHeightSmall: string;
         itemHeightMedium: string;
         itemHeightLarge: string;
@@ -3617,14 +3619,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    sourceTitle?: string | undefined;
-    targetTitle?: string | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    sourceFilterPlaceholder?: string | undefined;
-    targetFilterPlaceholder?: string | undefined;
-}>, {
+    }>>>;
+}>>, {
     filter: Filter;
     disabled: boolean | undefined;
     onChange: MaybeArray<OnUpdateValue>;

package/es/transfer/src/Transfer.js

@@ -159,27 +159,27 @@ export default defineComponent({
                 const { value: size } = mergedSizeRef;
                 const { common: { cubicBezierEaseInOut, cubicBezierEaseIn, cubicBezierEaseOut }, self: { width, borderRadius, borderColor, listColor, headerColor, titleTextColor, titleTextColorDisabled, extraTextColor, filterDividerColor, itemTextColor, itemColorPending, itemTextColorDisabled, extraFontSize, titleFontWeight, iconColor, iconColorDisabled, [createKey('fontSize', size)]: fontSize, [createKey('itemHeight', size)]: itemHeight } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--bezier-ease-in': cubicBezierEaseIn,
-                    '--bezier-ease-out': cubicBezierEaseOut,
-                    '--border-color': borderColor,
-                    '--border-radius': borderRadius,
-                    '--extra-font-size': extraFontSize,
-                    '--filter-divider-color': filterDividerColor,
-                    '--font-size': fontSize,
-                    '--header-color': headerColor,
-                    '--header-extra-text-color': extraTextColor,
-                    '--header-font-weight': titleFontWeight,
-                    '--header-text-color': titleTextColor,
-                    '--header-text-color-disabled': titleTextColorDisabled,
-                    '--item-color-pending': itemColorPending,
-                    '--item-height': itemHeight,
-                    '--item-text-color': itemTextColor,
-                    '--item-text-color-disabled': itemTextColorDisabled,
-                    '--list-color': listColor,
-                    '--width': width,
-                    '--icon-color': iconColor,
-                    '--icon-color-disabled': iconColorDisabled
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-bezier-ease-in': cubicBezierEaseIn,
+                    '--n-bezier-ease-out': cubicBezierEaseOut,
+                    '--n-border-color': borderColor,
+                    '--n-border-radius': borderRadius,
+                    '--n-extra-font-size': extraFontSize,
+                    '--n-filter-divider-color': filterDividerColor,
+                    '--n-font-size': fontSize,
+                    '--n-header-color': headerColor,
+                    '--n-header-extra-text-color': extraTextColor,
+                    '--n-header-font-weight': titleFontWeight,
+                    '--n-header-text-color': titleTextColor,
+                    '--n-header-text-color-disabled': titleTextColorDisabled,
+                    '--n-item-color-pending': itemColorPending,
+                    '--n-item-height': itemHeight,
+                    '--n-item-text-color': itemTextColor,
+                    '--n-item-text-color-disabled': itemTextColorDisabled,
+                    '--n-list-color': listColor,
+                    '--n-width': width,
+                    '--n-icon-color': iconColor,
+                    '--n-icon-color-disabled': iconColorDisabled
                 };
             })
         };

package/es/transfer/src/TransferFilter.d.ts

@@ -484,22 +484,23 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    placeholder?: unknown;
-    disabled?: unknown;
-    onFocus?: unknown;
-    onBlur?: unknown;
-    onUpdateValue?: unknown;
-} & {
-    disabled: boolean;
-    onFocus: () => void;
-    onBlur: () => void;
-    onUpdateValue: (value: string | null) => void;
-} & {
-    value?: string | undefined;
-    placeholder?: string | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: BooleanConstructor;
+    onFocus: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onBlur: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onUpdateValue: {
+        type: PropType<(value: string | null) => void>;
+        required: true;
+    };
+}>>, {
     disabled: boolean;
 }>;
 export default _default;

package/es/transfer/src/TransferHeader.d.ts

@@ -9,16 +9,17 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     title: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    source?: unknown;
-    onChange?: unknown;
-    title?: unknown;
-} & {
-    source: boolean;
-    onChange: (value: boolean) => void;
-} & {
-    title?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    source: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(value: boolean) => void>;
+        required: true;
+    };
+    title: StringConstructor;
+}>>, {
     source: boolean;
 }>;
 export default _default;

package/es/transfer/src/TransferList.d.ts

@@ -499,11 +499,14 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
     scrollerInstRef: import("vue").Ref<{
-        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-        sync: () => void;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
     } | null>;
     vlInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
@@ -513,23 +516,36 @@ declare const _default: import("vue").DefineComponent<{
     syncVLScroller: () => void;
     scrollContainer: () => HTMLElement | null;
     scrollContent: () => HTMLElement | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    virtualScroll?: unknown;
-    itemSize?: unknown;
-    options?: unknown;
-    disabled?: unknown;
-    isMounted?: unknown;
-    isInputing?: unknown;
-    source?: unknown;
-} & {
-    source: boolean;
-    disabled: boolean;
-    itemSize: number;
-    virtualScroll: boolean;
-    isMounted: boolean;
-    options: Option[];
-    isInputing: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    virtualScroll: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    itemSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<Option[]>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isMounted: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isInputing: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    source: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
     source: boolean;
 }>;
 export default _default;

package/es/transfer/src/TransferList.js

@@ -70,24 +70,22 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedTheme, mergedClsPrefix, syncVLScroller } = this;
+        const { mergedTheme, mergedClsPrefix, virtualScroll, syncVLScroller } = this;
         return (h(Fragment, null,
-            this.virtualScroll ? (h(NScrollbar, { ref: "scrollerInstRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, container: this.scrollContainer, content: this.scrollContent }, {
-                default: () => (h(VirtualList, { ref: "srcVlInstRef", style: { height: '100%' }, class: `${mergedClsPrefix}-transfer-list-content`, items: this.options, itemSize: this.itemSize, showScrollbar: false, onResize: syncVLScroller, onScroll: syncVLScroller, keyField: "value" }, {
+            h(NScrollbar, { ref: "scrollerInstRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, container: virtualScroll ? this.scrollContainer : undefined, content: virtualScroll ? this.scrollContent : undefined }, {
+                default: () => virtualScroll ? (h(VirtualList, { ref: "vlInstRef", style: { height: '100%' }, class: `${mergedClsPrefix}-transfer-list-content`, items: this.options, itemSize: this.itemSize, showScrollbar: false, onResize: syncVLScroller, onScroll: syncVLScroller, keyField: "value" }, {
                     default: ({ item }) => {
                         const { source, disabled } = this;
                         return (h(NTransferListItem, { source: source, key: item.value, value: item.value, disabled: item.disabled || disabled, label: item.label }));
                     }
-                }))
-            })) : (h(NScrollbar, { theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
-                default: () => (h("div", { class: `${mergedClsPrefix}-transfer-list-content` },
+                })) : (h("div", { class: `${mergedClsPrefix}-transfer-list-content` },
                     h(TransitionGroup, { name: "item", appear: this.isMounted, css: !this.isInputing }, {
                         default: () => {
                             const { source, disabled } = this;
                             return this.options.map((option) => (h(NTransferListItem, { source: source, key: option.value, value: option.value, disabled: option.disabled || disabled, label: option.label })));
                         }
                     })))
-            })),
+            }),
             h(Transition, { name: "fade-in-transition", appear: this.isMounted, css: !this.isInputing }, {
                 default: () => this.options.length ? null : (h(NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty }))
             })));

package/es/transfer/src/TransferListItem.d.ts

@@ -486,17 +486,24 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     checked: import("vue").ComputedRef<boolean>;
     handleClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    source?: unknown;
-    label?: unknown;
-    value?: unknown;
-    disabled?: unknown;
-} & {
-    value: string | number;
-    label: string;
-    source: boolean;
-    disabled: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    source: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
     source: boolean;
     disabled: boolean;
 }>;

package/es/transfer/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref } from 'vue';
+import { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { TransferTheme } from '../styles';
 export declare type OptionValue = string | number;
@@ -27,5 +27,5 @@ export interface TransferInjection {
     handleSrcCheckboxClick: (checked: boolean, value: OptionValue) => void;
     handleTgtCheckboxClick: (checked: boolean, value: OptionValue) => void;
 }
-export declare const transferInjectionKey: InjectionKey<TransferInjection>;
+export declare const transferInjectionKey: import("vue").InjectionKey<TransferInjection>;
 export declare type OnUpdateValue = (value: OptionValue[]) => void;

package/es/transfer/src/interface.js

@@ -1 +1,2 @@
-export const transferInjectionKey = Symbol('transfer');
+import { createInjectionKey } from '../../_utils';
+export const transferInjectionKey = createInjectionKey('n-transfer');