naive-ui 2.38.2 → 2.40.0

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

@@ -1,6 +1,6 @@
-import { type PropType } from 'vue';
+import { type PropType, type VNodeChild } from 'vue';
 import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
-import { type OptionValue, type Option, type Filter, type OnUpdateValue, type TransferRenderTargetLabel, type TransferRenderSourceList, type TransferRenderSourceLabel } from './interface';
+import { type Filter, type OnUpdateValue, type Option, type OptionValue, type TransferRenderSourceLabel, type TransferRenderSourceList, type TransferRenderTargetLabel } from './interface';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -16,10 +16,10 @@ export declare const transferProps: {
         readonly default: undefined;
     };
     readonly virtualScroll: BooleanConstructor;
-    readonly sourceTitle: StringConstructor;
+    readonly sourceTitle: PropType<string | (() => VNodeChild)>;
     readonly selectAllText: StringConstructor;
     readonly clearText: StringConstructor;
-    readonly targetTitle: StringConstructor;
+    readonly targetTitle: PropType<string | (() => VNodeChild)>;
     readonly filterable: {
         readonly type: BooleanConstructor;
         readonly default: undefined;
@@ -117,8 +117,10 @@ export declare const transferProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -183,6 +185,7 @@ export declare const transferProps: {
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -190,6 +193,7 @@ export declare const transferProps: {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -473,8 +477,10 @@ export declare const transferProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -539,6 +545,7 @@ export declare const transferProps: {
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -546,6 +553,7 @@ export declare const transferProps: {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -829,8 +837,10 @@ export declare const transferProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -895,6 +905,7 @@ export declare const transferProps: {
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -902,6 +913,7 @@ export declare const transferProps: {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -1129,10 +1141,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly virtualScroll: BooleanConstructor;
-    readonly sourceTitle: StringConstructor;
+    readonly sourceTitle: PropType<string | (() => VNodeChild)>;
     readonly selectAllText: StringConstructor;
     readonly clearText: StringConstructor;
-    readonly targetTitle: StringConstructor;
+    readonly targetTitle: PropType<string | (() => VNodeChild)>;
     readonly filterable: {
         readonly type: BooleanConstructor;
         readonly default: undefined;
@@ -1230,8 +1242,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -1296,6 +1310,7 @@ declare const _default: import("vue").DefineComponent<{
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1303,6 +1318,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -1586,8 +1602,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -1652,6 +1670,7 @@ declare const _default: import("vue").DefineComponent<{
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1659,6 +1678,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -1942,8 +1962,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -2008,6 +2030,7 @@ declare const _default: import("vue").DefineComponent<{
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2015,6 +2038,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -2231,111 +2255,7 @@ declare const _default: import("vue").DefineComponent<{
     itemSize: import("vue").ComputedRef<number>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemHeightSmall: string;
             itemHeightMedium: string;
@@ -2410,8 +2330,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
@@ -2476,6 +2398,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearSize: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -2483,6 +2406,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -2776,10 +2700,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly virtualScroll: BooleanConstructor;
-    readonly sourceTitle: StringConstructor;
+    readonly sourceTitle: PropType<string | (() => VNodeChild)>;
     readonly selectAllText: StringConstructor;
     readonly clearText: StringConstructor;
-    readonly targetTitle: StringConstructor;
+    readonly targetTitle: PropType<string | (() => VNodeChild)>;
     readonly filterable: {
         readonly type: BooleanConstructor;
         readonly default: undefined;
@@ -2877,8 +2801,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -2943,6 +2869,7 @@ declare const _default: import("vue").DefineComponent<{
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2950,6 +2877,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -3233,8 +3161,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -3299,6 +3229,7 @@ declare const _default: import("vue").DefineComponent<{
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -3306,6 +3237,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -3589,8 +3521,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
@@ -3655,6 +3589,7 @@ declare const _default: import("vue").DefineComponent<{
             clearSize: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -3662,6 +3597,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;

package/es/transfer/src/Transfer.mjs

@@ -1,8 +1,8 @@
-import { computed, defineComponent, h, provide, watchEffect, toRef } from 'vue';
+import { computed, defineComponent, h, provide, toRef, watchEffect } from 'vue';
 import { useIsMounted } from 'vooks';
 import { depx } from 'seemly';
 import { NScrollbar } from "../../_internal/index.mjs";
-import { useFormItem, useTheme, useConfig } from "../../_mixins/index.mjs";
+import { useConfig, useFormItem, useTheme } from "../../_mixins/index.mjs";
 import { createKey } from "../../_utils/cssr/index.mjs";
 import { call, warnOnce } from "../../_utils/index.mjs";
 import { transferLight } from "../styles/index.mjs";
@@ -27,10 +27,10 @@ export const transferProps = Object.assign(Object.assign({}, useTheme.props), {
     default: undefined
   },
   virtualScroll: Boolean,
-  sourceTitle: String,
+  sourceTitle: [String, Function],
   selectAllText: String,
   clearText: String,
-  targetTitle: String,
+  targetTitle: [String, Function],
   filterable: {
     type: Boolean,
     default: undefined
@@ -47,7 +47,7 @@ export const transferProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Function,
     default: (pattern, option) => {
       if (!pattern) return true;
-      return ~('' + option.label).toLowerCase().indexOf(('' + pattern).toLowerCase());
+      return ~`${option.label}`.toLowerCase().indexOf(`${pattern}`.toLowerCase());
     }
   },
   size: String,

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

@@ -10,111 +10,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemHeightSmall: string;
             itemHeightMedium: string;
@@ -189,8 +85,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
@@ -255,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearSize: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -262,6 +161,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;

package/es/transfer/src/TransferFilter.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, inject } from 'vue';
+import { defineComponent, h, inject } from 'vue';
 import { SearchIcon } from "../../_internal/icons/index.mjs";
 import { NBaseIcon } from "../../_internal/index.mjs";
 import { NInput } from "../../input/index.mjs";
@@ -15,7 +15,6 @@ export default defineComponent({
     }
   },
   setup() {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const {
       mergedThemeRef,
       mergedClsPrefixRef

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

@@ -1,5 +1,4 @@
-/// <reference types="vue/jsx" />
-import { type PropType } from 'vue';
+import { type PropType, type VNodeChild } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     size: {
         type: PropType<"small" | "medium" | "large">;
@@ -10,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     source: BooleanConstructor;
     onCheckedAll: PropType<() => void>;
     onClearAll: PropType<() => void>;
-    title: StringConstructor;
+    title: PropType<string | (() => VNodeChild)>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"small" | "medium" | "large">;
@@ -21,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     source: BooleanConstructor;
     onCheckedAll: PropType<() => void>;
     onClearAll: PropType<() => void>;
-    title: StringConstructor;
+    title: PropType<string | (() => VNodeChild)>;
 }>>, {
     source: boolean;
 }, {}>;

package/es/transfer/src/TransferHeader.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, inject } from 'vue';
+import { defineComponent, h, inject } from 'vue';
 import { NButton } from "../../button/index.mjs";
 import { useLocale } from "../../_mixins/index.mjs";
 import { transferInjectionKey } from "./interface.mjs";
@@ -14,7 +14,7 @@ export default defineComponent({
     source: Boolean,
     onCheckedAll: Function,
     onClearAll: Function,
-    title: String
+    title: [String, Function]
   },
   setup(props) {
     const {
@@ -26,7 +26,6 @@ export default defineComponent({
       disabledRef,
       mergedClsPrefixRef,
       srcOptionsLengthRef
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     } = inject(transferInjectionKey);
     const {
       localeRef
@@ -56,7 +55,7 @@ export default defineComponent({
         class: `${mergedClsPrefix}-transfer-list-header`
       }, title && h("div", {
         class: `${mergedClsPrefix}-transfer-list-header__title`
-      }, title), source && h(NButton, {
+      }, typeof title === 'function' ? title() : title), source && h(NButton, {
         class: `${mergedClsPrefix}-transfer-list-header__button`,
         theme: mergedTheme.peers.Button,
         themeOverrides: mergedTheme.peerOverrides.Button,