naive-ui 2.31.0 → 2.32.0

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
-import { OptionValue, Option, Filter, OnUpdateValue } from './interface';
+import { OptionValue, Option, Filter, OnUpdateValue, TransferRenderTargetLabel, TransferRenderSourceList, TransferRenderSourceLabel } from './interface';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -27,13 +27,12 @@ export declare const transferProps: {
         readonly default: (pattern: string, option: Option) => number | true;
     };
     readonly size: PropType<"small" | "medium" | "large">;
+    readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
+    readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
+    readonly renderSourceList: PropType<TransferRenderSourceList>;
     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 onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Transfer", {
         itemHeightSmall: string;
         itemHeightMedium: string;
@@ -42,21 +41,34 @@ export declare const transferProps: {
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -377,21 +389,34 @@ export declare const transferProps: {
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -712,21 +737,34 @@ export declare const transferProps: {
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -1066,13 +1104,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: (pattern: string, option: Option) => number | true;
     };
     readonly size: PropType<"small" | "medium" | "large">;
+    readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
+    readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
+    readonly renderSourceList: PropType<TransferRenderSourceList>;
     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 onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Transfer", {
         itemHeightSmall: string;
         itemHeightMedium: string;
@@ -1081,21 +1118,34 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -1416,21 +1466,34 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -1751,21 +1814,34 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -2079,15 +2155,10 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    locale: import("vue").Ref<{
-        sourceTitle: string;
-        targetTitle: string;
-    }>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     itemSize: import("vue").ComputedRef<number>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
-    isInputing: import("vue").Ref<boolean>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -2202,21 +2273,34 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             borderRadius: string;
+            dividerColor: string;
             borderColor: string;
             listColor: string;
             headerColor: string;
             titleTextColor: string;
             titleTextColorDisabled: string;
             extraTextColor: string;
-            filterDividerColor: string;
+            extraTextColorDisabled: string;
             itemTextColor: string;
             itemTextColorDisabled: string;
             itemColorPending: string;
             titleFontWeight: string;
-            iconColor: string;
-            iconColorDisabled: string;
-            extraFontSize: string;
-            width: string;
+            closeColorHover: string;
+            closeColorPressed: string;
+            closeIconColor: string;
+            closeIconColorHover: string;
+            closeIconColorPressed: string;
+            extraFontSizeSmall: string;
+            extraFontSizeMedium: string;
+            extraFontSizeLarge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            closeSize: string;
+            closeIconSize: string;
+            headerHeightSmall: string;
+            headerHeightMedium: string;
+            headerHeightLarge: string;
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
@@ -2559,30 +2643,23 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     filteredSrcOpts: import("vue").ComputedRef<Option[]>;
-    filteredTgtOpts: import("vue").ComputedRef<any[]>;
+    tgtOpts: import("vue").ComputedRef<Option[]>;
     srcPattern: import("vue").Ref<string>;
-    tgtPattern: import("vue").Ref<string>;
-    toButtonDisabled: import("vue").ComputedRef<boolean>;
-    fromButtonDisabled: import("vue").ComputedRef<boolean>;
-    handleSrcHeaderCheck: (value: boolean) => void;
-    handleTgtHeaderCheck: () => void;
-    handleToSrcClick: () => void;
-    handleToTgtClick: () => void;
-    handleInputFocus: () => void;
-    handleInputBlur: () => void;
-    handleTgtFilterUpdateValue: (value: string | null) => void;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     handleSrcFilterUpdateValue: (value: string | null) => void;
+    handleCheckedAll: () => void;
+    handleClearAll: () => void;
+    handleItemCheck: (checked: boolean, optionValue: OptionValue) => void;
+    handleChecked: (optionValueList: OptionValue[]) => void;
     cssVars: import("vue").ComputedRef<{
         '--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-font-size': string;
         '--n-header-extra-text-color': string;
+        '--n-header-extra-text-color-disabled': string;
         '--n-header-font-weight': string;
         '--n-header-text-color': string;
         '--n-header-text-color-disabled': string;
@@ -2591,9 +2668,15 @@ declare const _default: import("vue").DefineComponent<{
         '--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;
+        '--n-header-height': string;
+        '--n-close-size': string;
+        '--n-close-icon-size': string;
+        '--n-close-color-hover': string;
+        '--n-close-color-pressed': string;
+        '--n-close-icon-color': string;
+        '--n-close-icon-color-hover': string;
+        '--n-close-icon-color-pressed': string;
+        '--n-divider-color': string;
     }>;
 }, 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>;
@@ -2620,13 +2703,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: (pattern: string, option: Option) => number | true;
     };
     readonly size: PropType<"small" | "medium" | "large">;
+    readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
+    readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
+    readonly renderSourceList: PropType<TransferRenderSourceList>;
     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 onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Transfer", {
         itemHeightSmall: string;
         itemHeightMedium: string;
@@ -2635,21 +2717,34 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -2970,21 +3065,34 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -3305,21 +3413,34 @@ declare const _default: import("vue").DefineComponent<{
         fontSizeMedium: string;
         fontSizeLarge: string;
         borderRadius: string;
+        dividerColor: string;
         borderColor: string;
         listColor: string;
         headerColor: string;
         titleTextColor: string;
         titleTextColorDisabled: string;
         extraTextColor: string;
-        filterDividerColor: string;
+        extraTextColorDisabled: string;
         itemTextColor: string;
         itemTextColorDisabled: string;
         itemColorPending: string;
         titleFontWeight: string;
-        iconColor: string;
-        iconColorDisabled: string;
-        extraFontSize: string;
-        width: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        extraFontSizeSmall: string;
+        extraFontSizeMedium: string;
+        extraFontSizeLarge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+        headerHeightSmall: string;
+        headerHeightMedium: string;
+        headerHeightLarge: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
@@ -3635,7 +3756,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
-    readonly onChange: MaybeArray<OnUpdateValue>;
     readonly options: Option[];
     readonly virtualScroll: boolean;
     readonly filterable: boolean;