naive-ui 2.30.6 → 2.30.7

package/lib/locales/common/viVN.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const viVN = {
+    name: 'vi-VN',
+    global: {
+        undo: 'Hoàn tác',
+        redo: 'Làm lại',
+        confirm: 'Xác nhận'
+    },
+    Popconfirm: {
+        positiveText: 'Xác nhận',
+        negativeText: 'Hủy'
+    },
+    Cascader: {
+        placeholder: 'Vui lòng chọn',
+        loading: 'Đang tải',
+        loadingRequiredMessage: (label) => `Vui lòng tải tất cả thông tin con của ${label} trước.`
+    },
+    Time: {
+        dateFormat: '',
+        dateTimeFormat: 'HH:mm:ss dd-MM-yyyy'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MM-yyyy',
+        dateFormat: 'đ-MM-yyyy',
+        dateTimeFormat: 'HH:mm:ss dd-MM-yyyy',
+        quarterFormat: 'qqq-yyyy',
+        clear: 'Xóa',
+        now: 'Hôm nay',
+        confirm: 'Xác nhận',
+        selectTime: 'Chọn giờ',
+        selectDate: 'Chọn ngày',
+        datePlaceholder: 'Chọn ngày',
+        datetimePlaceholder: 'Chọn ngày giờ',
+        monthPlaceholder: 'Chọn tháng',
+        yearPlaceholder: 'Chọn năm',
+        quarterPlaceholder: 'Chọn quý',
+        startDatePlaceholder: 'Ngày bắt đầu',
+        endDatePlaceholder: 'Ngày kết thúc',
+        startDatetimePlaceholder: 'Thời gian bắt đầu',
+        endDatetimePlaceholder: 'Thời gian kết thúc',
+        startMonthPlaceholder: 'Tháng bắt đầu',
+        endMonthPlaceholder: 'Tháng kết thúc',
+        monthBeforeYear: true,
+        firstDayOfWeek: 0,
+        today: 'Hôm nay'
+    },
+    DataTable: {
+        checkTableAll: 'Chọn tất cả có trong bảng',
+        uncheckTableAll: 'Bỏ chọn tất cả có trong bảng',
+        confirm: 'Xác nhận',
+        clear: 'Xóa'
+    },
+    Transfer: {
+        sourceTitle: 'Nguồn',
+        targetTitle: 'Đích'
+    },
+    Empty: {
+        description: 'Không có dữ liệu'
+    },
+    Select: {
+        placeholder: 'Vui lòng chọn'
+    },
+    TimePicker: {
+        placeholder: 'Chọn thời gian',
+        positiveText: 'OK',
+        negativeText: 'Hủy',
+        now: 'Hiện tại'
+    },
+    Pagination: {
+        goto: 'Đi đến trang',
+        selectionSuffix: 'trang'
+    },
+    DynamicTags: {
+        add: 'Thêm'
+    },
+    Log: {
+        loading: 'Đang tải'
+    },
+    Input: {
+        placeholder: 'Vui lòng nhập'
+    },
+    InputNumber: {
+        placeholder: 'Vui lòng nhập'
+    },
+    DynamicInput: {
+        create: 'Tạo'
+    },
+    ThemeEditor: {
+        title: 'Tùy chỉnh giao diện',
+        clearAllVars: 'Xóa tất cả các biến',
+        clearSearch: 'Xóa tìm kiếm',
+        filterCompName: 'Lọc tên component',
+        filterVarName: 'Lọc tên biến',
+        import: 'Nhập',
+        export: 'Xuất',
+        restore: 'Đặt lại mặc định'
+    },
+    Image: {
+        tipPrevious: 'Hình trước (←)',
+        tipNext: 'Hình tiếp (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Chiều kim đồng hồ',
+        tipZoomOut: 'Thu nhỏ',
+        tipZoomIn: 'Phóng to',
+        tipClose: 'Đóng (Esc)',
+        // TODO: translation
+        tipOriginalSize: 'Xem kích thớc gốc'
+    }
+};
+exports.default = viVN;

package/lib/locales/date/viVN.d.ts

@@ -0,0 +1,3 @@
+import { NDateLocale } from './enUS';
+declare const dateVi: NDateLocale;
+export default dateVi;

package/lib/locales/date/viVN.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const vi_1 = __importDefault(require("date-fns/locale/vi")); //
+const dateVi = {
+    name: 'vi-VN',
+    locale: vi_1.default
+};
+exports.default = dateVi;

package/lib/locales/index.d.ts

@@ -18,6 +18,7 @@ export { default as plPL } from './common/plPL';
 export { default as ptBR } from './common/ptBR';
 export { default as thTH } from './common/thTH';
 export { default as eo } from './common/eo';
+export { default as viVN } from './common/viVN';
 export { default as dateZhCN } from './date/zhCN';
 export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
@@ -38,6 +39,7 @@ export { default as datePlPL } from './date/plPL';
 export { default as datePtBR } from './date/ptBR';
 export { default as dateThTH } from './date/thTH';
 export { default as dateEo } from './date/eo';
+export { default as dateViVN } from './date/viVN';
 export type { NLocale } from './common/enUS';
 export type { NDateLocale } from './date/enUS';
 export type { NPartialLocale } from './utils/index';

package/lib/locales/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLocale = exports.dateEo = exports.dateThTH = exports.datePtBR = exports.datePlPL = exports.dateEnGB = exports.dateSkSK = exports.dateItIT = exports.dateEsAR = exports.dateFrFR = exports.dateNlNL = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateKoKR = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.eo = exports.thTH = exports.ptBR = exports.plPL = exports.enGB = exports.skSK = exports.itIT = exports.esAR = exports.frFR = exports.nlNL = exports.nbNO = exports.deDE = exports.idID = exports.koKR = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
+exports.createLocale = exports.dateViVN = exports.dateEo = exports.dateThTH = exports.datePtBR = exports.datePlPL = exports.dateEnGB = exports.dateSkSK = exports.dateItIT = exports.dateEsAR = exports.dateFrFR = exports.dateNlNL = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateKoKR = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.viVN = exports.eo = exports.thTH = exports.ptBR = exports.plPL = exports.enGB = exports.skSK = exports.itIT = exports.esAR = exports.frFR = exports.nlNL = exports.nbNO = exports.deDE = exports.idID = exports.koKR = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
 var zhCN_1 = require("./common/zhCN");
 Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return __importDefault(zhCN_1).default; } });
 var zhTW_1 = require("./common/zhTW");
@@ -44,6 +44,8 @@ var thTH_1 = require("./common/thTH");
 Object.defineProperty(exports, "thTH", { enumerable: true, get: function () { return __importDefault(thTH_1).default; } });
 var eo_1 = require("./common/eo");
 Object.defineProperty(exports, "eo", { enumerable: true, get: function () { return __importDefault(eo_1).default; } });
+var viVN_1 = require("./common/viVN");
+Object.defineProperty(exports, "viVN", { enumerable: true, get: function () { return __importDefault(viVN_1).default; } });
 var zhCN_2 = require("./date/zhCN");
 Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return __importDefault(zhCN_2).default; } });
 var zhTW_2 = require("./date/zhTW");
@@ -84,5 +86,7 @@ var thTH_2 = require("./date/thTH");
 Object.defineProperty(exports, "dateThTH", { enumerable: true, get: function () { return __importDefault(thTH_2).default; } });
 var eo_2 = require("./date/eo");
 Object.defineProperty(exports, "dateEo", { enumerable: true, get: function () { return __importDefault(eo_2).default; } });
+var viVN_2 = require("./date/viVN");
+Object.defineProperty(exports, "dateViVN", { enumerable: true, get: function () { return __importDefault(viVN_2).default; } });
 var index_1 = require("./utils/index");
 Object.defineProperty(exports, "createLocale", { enumerable: true, get: function () { return index_1.createLocale; } });

package/lib/modal/src/styles/index.cssr.js

@@ -46,6 +46,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('modal-container', `
  display: flex;
  position: relative;
  `)]), (0, cssr_1.cB)('modal', `
+ position: relative;
  align-self: center;
  color: var(--n-text-color);
  margin: auto;

package/lib/notification/src/Notification.d.ts

@@ -72,6 +72,9 @@ export declare const Notification: import("vue").DefineComponent<{
         '--n-padding-right': string;
         '--n-padding-top': string;
         '--n-padding-bottom': string;
+        '--n-title-font-size': string;
+        '--n-meta-font-size': string;
+        '--n-description-font-size': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;

package/lib/notification/src/Notification.js

@@ -46,7 +46,7 @@ exports.Notification = (0, vue_1.defineComponent)({
         const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type } = props;
-            const { self: { color, textColor, closeIconColor, closeIconColorHover, closeIconColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, closeColorHover, closeColorPressed, [(0, _utils_1.createKey)('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
+            const { self: { color, textColor, closeIconColor, closeIconColorHover, closeIconColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, closeColorHover, closeColorPressed, titleFontSize, metaFontSize, descriptionFontSize, [(0, _utils_1.createKey)('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
             const { left, right, top, bottom } = (0, seemly_1.getPadding)(padding);
             return {
                 '--n-color': color,
@@ -76,7 +76,10 @@ exports.Notification = (0, vue_1.defineComponent)({
                 '--n-padding-left': left,
                 '--n-padding-right': right,
                 '--n-padding-top': top,
-                '--n-padding-bottom': bottom
+                '--n-padding-bottom': bottom,
+                '--n-title-font-size': titleFontSize,
+                '--n-meta-font-size': metaFontSize,
+                '--n-description-font-size': descriptionFontSize
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/lib/notification/src/NotificationContainer.d.ts

@@ -144,6 +144,9 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             closeIconSize: string;
             width: string;
             padding: string;
+            titleFontSize: string;
+            metaFontSize: string;
+            descriptionFontSize: string;
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {

package/lib/notification/src/NotificationProvider.d.ts

@@ -75,6 +75,9 @@ declare const notificationProviderProps: {
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -108,6 +111,9 @@ declare const notificationProviderProps: {
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -141,6 +147,9 @@ declare const notificationProviderProps: {
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -188,6 +197,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -221,6 +233,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -254,6 +269,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -333,6 +351,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -366,6 +387,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -399,6 +423,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;

package/lib/notification/src/styles/index.cssr.js

@@ -11,6 +11,9 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-action-text-color
 // --n-title-text-color
 // --n-title-font-weight
+// --n-title-font-size
+// --n-meta-font-size
+// --n-description-font-size
 // --n-bezier
 // --n-bezier-ease-out
 // --n-bezier-ease-in
@@ -192,7 +195,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  justify-content: space-between;
  margin-top: 12px;
  `, [(0, cssr_1.cE)('meta', `
- font-size: 12px;
+ font-size: var(--n-meta-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-description-text-color);
  `), (0, cssr_1.cE)('action', `
@@ -201,12 +204,12 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('notification-container', `
  color: var(--n-action-text-color);
  `)]), (0, cssr_1.cE)('header', `
  font-weight: var(--n-title-font-weight);
- font-size: 16px;
+ font-size: var(--n-title-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-title-text-color);
  `), (0, cssr_1.cE)('description', `
  margin-top: 8px;
- font-size: 12px;
+ font-size: var(--n-description-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-description-text-color);
  `), (0, cssr_1.cE)('content', `

package/lib/notification/styles/_common.d.ts

@@ -4,5 +4,8 @@ declare const _default: {
     closeIconSize: string;
     width: string;
     padding: string;
+    titleFontSize: string;
+    metaFontSize: string;
+    descriptionFontSize: string;
 };
 export default _default;

package/lib/notification/styles/_common.js

@@ -5,5 +5,8 @@ exports.default = {
     closeSize: '20px',
     closeIconSize: '16px',
     width: '365px',
-    padding: '16px'
+    padding: '16px',
+    titleFontSize: '16px',
+    metaFontSize: '12px',
+    descriptionFontSize: '12px'
 };

package/lib/notification/styles/light.d.ts

@@ -26,6 +26,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeIconSize: string;
     width: string;
     padding: string;
+    titleFontSize: string;
+    metaFontSize: string;
+    descriptionFontSize: string;
 };
 export declare type NotificationThemeVars = ReturnType<typeof self>;
 declare const notificationLight: import("../../_mixins").Theme<"Notification", {
@@ -55,6 +58,9 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     closeIconSize: string;
     width: string;
     padding: string;
+    titleFontSize: string;
+    metaFontSize: string;
+    descriptionFontSize: string;
 }, {
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
         color: string;

package/lib/select/index.d.ts

@@ -1,5 +1,5 @@
 export { default as NSelect } from './src/Select';
 export type { SelectProps } from './src/Select';
-export type { SelectGroupOption, SelectOption, SelectInst } from './src/interface';
+export type { SelectGroupOption, SelectOption, SelectInst, SelectFilter } from './src/interface';
 export type { RenderLabelImpl as SelectRenderLabel, RenderOptionImpl as SelectRenderOption } from '../_internal/select-menu/src/interface';
 export type { RenderTag as SelectRenderTag } from '../_internal/selection/src/interface';

package/lib/select/src/Select.d.ts

@@ -5,7 +5,7 @@ import { RenderLabel, RenderOption } from '../../_internal/select-menu/src/inter
 import { RenderTag } from '../../_internal/selection/src/interface';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom, SelectBaseOption } from './interface';
+import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom, SelectBaseOption, SelectFilter } from './interface';
 declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -40,7 +40,7 @@ declare const selectProps: {
     };
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, option: SelectOption) => boolean>;
+    readonly filter: PropType<SelectFilter>;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
@@ -527,7 +527,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, option: SelectOption) => boolean>;
+    readonly filter: PropType<SelectFilter>;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
@@ -1350,7 +1350,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, option: SelectOption) => boolean>;
+    readonly filter: PropType<SelectFilter>;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";

package/lib/select/src/Select.js

@@ -137,6 +137,9 @@ exports.default = (0, vue_1.defineComponent)({
             return beingCreatedOptionsRef.value.concat(createdOptionsRef.value).concat(compitableOptionsRef.value);
         });
         const resolvedFilterRef = (0, vue_1.computed)(() => {
+            const { filter } = props;
+            if (filter)
+                return filter;
             const { labelField, valueField } = props;
             return (pattern, option) => {
                 if (!option)
@@ -400,7 +403,13 @@ exports.default = (0, vue_1.defineComponent)({
                 const { value: beingCreatedOptions } = beingCreatedOptionsRef;
                 const beingCreatedOption = beingCreatedOptions[0] || null;
                 if (beingCreatedOption) {
-                    createdOptionsRef.value.push(beingCreatedOption);
+                    const createdOptions = createdOptionsRef.value;
+                    if (!createdOptions.length) {
+                        createdOptionsRef.value = [beingCreatedOption];
+                    }
+                    else {
+                        createdOptions.push(beingCreatedOption);
+                    }
                     beingCreatedOptionsRef.value = emptyArray;
                 }
             }

package/lib/select/src/interface.d.ts

@@ -48,3 +48,4 @@ export interface SelectInst {
 }
 export declare type SelectFallbackOption = (value: string & number) => SelectOption;
 export declare type SelectFallbackOptionImpl = (value: string | number) => SelectOption;
+export declare type SelectFilter = (pattern: string, option: SelectOption) => boolean;

package/lib/tabs/src/Tabs.js

@@ -97,7 +97,7 @@ exports.default = (0, vue_1.defineComponent)({
                 else {
                     barEl.classList.remove(disabledClassName);
                 }
-                if (barWidth && tabEl.offsetWidth >= barWidth) {
+                if (typeof barWidth === 'number' && tabEl.offsetWidth >= barWidth) {
                     const offsetDiffLeft = Math.floor((tabEl.offsetWidth - barWidth) / 2) + tabEl.offsetLeft;
                     barEl.style.left = `${offsetDiffLeft}px`;
                     barEl.style.maxWidth = `${barWidth}px`;

package/lib/tree/src/Tree.d.ts

@@ -29,6 +29,7 @@ export declare const treeSharedProps: {
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -78,6 +79,7 @@ declare const treeProps: {
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -146,7 +148,6 @@ declare const treeProps: {
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
-    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
@@ -381,6 +382,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -449,7 +451,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
-    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
@@ -1156,6 +1157,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -1224,7 +1226,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => VNodeChild>;
-    readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
     readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;

package/lib/tree/src/Tree.js

@@ -72,6 +72,7 @@ exports.treeSharedProps = {
         default: () => []
     },
     indeterminateKeys: Array,
+    renderSwitcherIcon: Function,
     onUpdateIndeterminateKeys: [Function, Array],
     'onUpdate:indeterminateKeys': [Function, Array],
     onUpdateExpandedKeys: [Function, Array],
@@ -110,7 +111,7 @@ const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _m
     }, checkboxPlacement: {
         type: String,
         default: 'left'
-    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, renderSwitcherIcon: Function, nodeProps: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
+    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
     // internal props for tree-select
     internalTreeSelect: Boolean, internalScrollable: Boolean, internalScrollablePadding: String, 
     // use it to display

package/lib/tree/src/TreeNode.d.ts

@@ -27,7 +27,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     internalScrollable: import("vue").Ref<boolean>;
     draggable: import("vue").Ref<boolean>;
     blockLine: import("vue").Ref<boolean>;
-    nodeProps: import("vue").ComputedRef<import("vue").HTMLAttributes | undefined>;
+    nodeProps: import("vue").ComputedRef<(import("vue").HTMLAttributes & Record<string, unknown>) | undefined>;
     checkboxFocusable: import("vue").Ref<boolean>;
     droppingPosition: import("vue").Ref<import("./interface").DropPosition | null>;
     droppingOffsetLevel: import("vue").Ref<number>;

package/lib/tree/src/interface.d.ts

@@ -28,7 +28,7 @@ export declare type RenderPrefix = RenderTreePart;
 export declare type RenderSuffix = RenderTreePart;
 export declare type TreeNodeProps = (info: {
     option: TreeOption;
-}) => HTMLAttributes;
+}) => HTMLAttributes & Record<string, unknown>;
 export interface TreeDragInfo {
     event: DragEvent;
     node: TreeOption;

package/lib/tree-select/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NTreeSelect } from './src/TreeSelect';
 export type { TreeSelectProps } from './src/TreeSelect';
-export type { TreeSelectOption } from './src/interface';
+export type { TreeSelectOption, TreeSelectNodeProps, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';