naive-ui 2.28.3 → 2.29.0

package/es/tag/src/common-props.d.ts

@@ -12,7 +12,7 @@ declare const _default: {
     };
     readonly round: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     readonly closable: BooleanConstructor;

package/es/tag/styles/_common.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    closeSizeTiny: string;
     closeSizeSmall: string;
     closeSizeMedium: string;
     closeSizeLarge: string;

package/es/tag/styles/_common.js

@@ -1,4 +1,5 @@
 export default {
+    closeSizeTiny: '12px',
     closeSizeSmall: '14px',
     closeSizeMedium: '14px',
     closeSizeLarge: '14px',

package/es/tag/styles/dark.js

@@ -5,9 +5,9 @@ const tagDark = {
     name: 'Tag',
     common: commonDark,
     self(vars) {
-        const { textColor2, primaryColorHover, primaryColorPressed, primaryColor, infoColor, successColor, warningColor, errorColor, baseColor, borderColor, opacityDisabled, closeColor, closeColorHover, closeColorPressed, borderRadiusSmall: borderRadius, fontSizeTiny, fontSizeSmall, fontSizeMedium, heightTiny, heightSmall, heightMedium } = vars;
-        return Object.assign(Object.assign({}, commonVariables), { heightSmall: heightTiny, heightMedium: heightSmall, heightLarge: heightMedium, borderRadius,
-            opacityDisabled, fontSizeSmall: fontSizeTiny, fontSizeMedium: fontSizeSmall, fontSizeLarge: fontSizeMedium, 
+        const { textColor2, primaryColorHover, primaryColorPressed, primaryColor, infoColor, successColor, warningColor, errorColor, baseColor, borderColor, opacityDisabled, closeColor, closeColorHover, closeColorPressed, borderRadiusSmall: borderRadius, fontSizeMini, fontSizeTiny, fontSizeSmall, fontSizeMedium, heightMini, heightTiny, heightSmall, heightMedium } = vars;
+        return Object.assign(Object.assign({}, commonVariables), { heightTiny: heightMini, heightSmall: heightTiny, heightMedium: heightSmall, heightLarge: heightMedium, borderRadius,
+            opacityDisabled, fontSizeTiny: fontSizeMini, fontSizeSmall: fontSizeTiny, fontSizeMedium: fontSizeSmall, fontSizeLarge: fontSizeMedium, 
             // checked
             textColorCheckable: textColor2, textColorHoverCheckable: primaryColorHover, textColorPressedCheckable: primaryColorPressed, textColorChecked: baseColor, colorCheckable: '#0000', colorHoverCheckable: '#0000', colorPressedCheckable: '#0000', colorChecked: primaryColor, colorCheckedHover: primaryColorHover, colorCheckedPressed: primaryColorPressed, 
             // default

package/es/tag/styles/light.d.ts

@@ -1,11 +1,13 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 declare const self: (vars: ThemeCommonVars) => {
+    heightTiny: string;
     heightSmall: string;
     heightMedium: string;
     heightLarge: string;
     borderRadius: string;
     opacityDisabled: string;
+    fontSizeTiny: string;
     fontSizeSmall: string;
     fontSizeMedium: string;
     fontSizeLarge: string;
@@ -55,6 +57,7 @@ declare const self: (vars: ThemeCommonVars) => {
     closeColorError: string;
     closeColorHoverError: string;
     closeColorPressedError: string;
+    closeSizeTiny: string;
     closeSizeSmall: string;
     closeSizeMedium: string;
     closeSizeLarge: string;

package/es/tag/styles/light.js

@@ -2,9 +2,9 @@ import commonVariables from './_common';
 import { changeColor } from 'seemly';
 import { commonLight } from '../../_styles/common';
 const self = (vars) => {
-    const { textColor2, primaryColorHover, primaryColorPressed, primaryColor, infoColor, successColor, warningColor, errorColor, baseColor, borderColor, opacityDisabled, tagColor, closeColor, closeColorHover, closeColorPressed, borderRadiusSmall: borderRadius, fontSizeTiny, fontSizeSmall, fontSizeMedium, heightTiny, heightSmall, heightMedium } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { heightSmall: heightTiny, heightMedium: heightSmall, heightLarge: heightMedium, borderRadius,
-        opacityDisabled, fontSizeSmall: fontSizeTiny, fontSizeMedium: fontSizeSmall, fontSizeLarge: fontSizeMedium, 
+    const { textColor2, primaryColorHover, primaryColorPressed, primaryColor, infoColor, successColor, warningColor, errorColor, baseColor, borderColor, opacityDisabled, tagColor, closeColor, closeColorHover, closeColorPressed, borderRadiusSmall: borderRadius, fontSizeMini, fontSizeTiny, fontSizeSmall, fontSizeMedium, heightMini, heightTiny, heightSmall, heightMedium } = vars;
+    return Object.assign(Object.assign({}, commonVariables), { heightTiny: heightMini, heightSmall: heightTiny, heightMedium: heightSmall, heightLarge: heightMedium, borderRadius,
+        opacityDisabled, fontSizeTiny: fontSizeMini, fontSizeSmall: fontSizeTiny, fontSizeMedium: fontSizeSmall, fontSizeLarge: fontSizeMedium, 
         // checked
         textColorCheckable: textColor2, textColorHoverCheckable: primaryColorHover, textColorPressedCheckable: primaryColorPressed, textColorChecked: baseColor, colorCheckable: '#0000', colorHoverCheckable: '#0000', colorPressedCheckable: '#0000', colorChecked: primaryColor, colorCheckedHover: primaryColorHover, colorCheckedPressed: primaryColorPressed, 
         // default

package/es/theme-editor/src/ThemeEditor.d.ts

@@ -99,12 +99,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;

package/es/theme-editor/src/ThemeEditor.js

@@ -4,7 +4,6 @@ import { configProviderInjectionKey } from '../../config-provider/src/context';
 import { lightTheme } from '../../themes/light';
 import { NConfigProvider } from '../../config-provider';
 import { NPopover } from '../../popover';
-import { NScrollbar } from '../../_internal';
 import { NCollapse, NCollapseItem } from '../../collapse';
 import { NInput } from '../../input';
 import { NSpace } from '../../space';
@@ -152,7 +151,7 @@ export default defineComponent({
             default: () => {
                 var _a, _b;
                 return [
-                    h(NPopover, { arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                    h(NPopover, { scrollable: true, arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
                             width: '288px',
                             height: 'calc(100vh - 200px)',
                             padding: 0
@@ -185,130 +184,119 @@ export default defineComponent({
                             onClick: () => {
                                 this.showPanel = !this.showPanel;
                             } }, { default: () => ColorWandIcon })),
-                        default: () => (h(NScrollbar, { contentStyle: { padding: '8px 14px' } }, {
-                            default: () => (h(Fragment, null,
-                                h(NSpace, { vertical: true }, {
-                                    default: () => (h(Fragment, null,
-                                        h("input", { type: "file", ref: "fileInputRef", style: {
-                                                display: 'block',
-                                                width: 0,
-                                                height: 0,
-                                                visibility: 'hidden'
-                                            }, onChange: this.handleInputFileChange }),
-                                        h("div", { style: {
-                                                marginBottom: '8px',
-                                                fontSize: '18px',
-                                                fontWeight: 500
-                                            } }, this.locale.title),
-                                        this.locale.filterCompName,
-                                        h(NInput, { onChange: () => {
-                                                this.compNamePattern =
-                                                    this.tempCompNamePattern;
-                                            }, onInput: (value) => {
-                                                this.tempCompNamePattern = value;
-                                            }, value: this.tempCompNamePattern, placeholder: this.locale.filterCompName }),
-                                        this.locale.filterVarName,
-                                        h(NInput, { onChange: (value) => {
-                                                this.varNamePattern = value;
-                                            }, onInput: (value) => {
-                                                this.tempVarNamePattern = value;
-                                            }, value: this.tempVarNamePattern, placeholder: this.locale.filterVarName }),
-                                        h(NButton, { size: "small", onClick: () => {
-                                                this.compNamePattern = '';
-                                                this.varNamePattern = '';
-                                                this.tempCompNamePattern = '';
-                                                this.tempVarNamePattern = '';
-                                            }, block: true }, { default: () => this.locale.clearSearch }),
-                                        h(NButton, { size: "small", onClick: this.handleClearAllClick, block: true }, {
-                                            default: () => this.locale.clearAllVars
-                                        }),
-                                        h(NSpace, { itemStyle: { flex: 1 } }, {
-                                            default: () => (h(Fragment, null,
-                                                h(NButton, { block: true, size: "small", onClick: this.handleImportClick }, {
-                                                    default: () => this.locale.import
-                                                }),
-                                                h(NButton, { block: true, size: "small", onClick: this.handleExportClick }, {
-                                                    default: () => this.locale.export
-                                                })))
-                                        })))
-                                }),
-                                h(NDivider, null),
-                                h(NCollapse, null, {
-                                    default: () => {
-                                        const { theme, compNamePattern, varNamePattern } = this;
-                                        const themeKeys = Object.keys(theme);
-                                        const compNamePatternLower = compNamePattern.toLowerCase();
-                                        const varNamePatternLower = varNamePattern.toLowerCase();
-                                        let filteredItemsCount = 0;
-                                        const collapsedItems = themeKeys
-                                            .filter((themeKey) => {
-                                            return themeKey
-                                                .toLowerCase()
-                                                .includes(compNamePatternLower);
-                                        })
-                                            .map((themeKey) => {
-                                            const componentTheme = themeKey === 'common'
-                                                ? this.themeCommonDefault
-                                                : theme[themeKey];
-                                            if (componentTheme === undefined) {
-                                                return null;
-                                            }
-                                            const varKeys = Object.keys(componentTheme).filter((key) => {
-                                                return (key !== 'name' &&
-                                                    key
-                                                        .toLowerCase()
-                                                        .includes(varNamePatternLower));
-                                            });
-                                            if (!varKeys.length) {
-                                                return null;
-                                            }
-                                            filteredItemsCount += 1;
-                                            return (h(NCollapseItem, { title: themeKey, name: themeKey }, {
-                                                default: () => {
-                                                    return (h(NSpace, { vertical: true }, {
-                                                        default: () => varKeys.map((varKey) => {
-                                                            var _a, _b, _c, _d;
-                                                            return [
-                                                                h("div", { key: `${varKey}Label` }, varKey),
-                                                                showColorPicker(varKey) ? (h(NColorPicker, { key: varKey, modes: [
-                                                                        'rgb',
-                                                                        'hex'
-                                                                    ], value: ((_b = (_a = this
-                                                                        .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]) ||
-                                                                        componentTheme[varKey], onComplete: this
-                                                                        .applyTempOverrides, onUpdateValue: (value) => {
-                                                                        this.setTempOverrides(themeKey, varKey, value);
-                                                                    } }, {
-                                                                    action: () => {
-                                                                        var _a, _b;
-                                                                        return (h(NButton, { size: "small", disabled: componentTheme[varKey] ===
-                                                                                ((_b = (_a = this
-                                                                                    .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]), onClick: () => {
-                                                                                this.setTempOverrides(themeKey, varKey, componentTheme[varKey]);
-                                                                                this.applyTempOverrides();
-                                                                            } }, {
-                                                                            default: () => this
-                                                                                .locale
-                                                                                .restore
-                                                                        }));
-                                                                    }
-                                                                })) : (h(NInput, { key: varKey, onChange: this
-                                                                        .applyTempOverrides, onUpdateValue: (value) => {
-                                                                        this.setTempOverrides(themeKey, varKey, value);
-                                                                    }, value: ((_d = (_c = this
-                                                                        .tempOverrides) === null || _c === void 0 ? void 0 : _c[themeKey]) === null || _d === void 0 ? void 0 : _d[varKey]) || '', placeholder: componentTheme[varKey] }))
-                                                            ];
-                                                        })
-                                                    }));
-                                                }
-                                            }));
+                        default: () => (h(Fragment, null,
+                            h("input", { type: "file", ref: "fileInputRef", style: {
+                                    display: 'block',
+                                    width: 0,
+                                    height: 0,
+                                    visibility: 'hidden'
+                                }, onChange: this.handleInputFileChange }),
+                            h(NSpace, { vertical: true }, {
+                                default: () => (h(Fragment, null,
+                                    h("div", { style: {
+                                            marginBottom: '8px',
+                                            fontSize: '18px',
+                                            fontWeight: 500
+                                        } }, this.locale.title),
+                                    this.locale.filterCompName,
+                                    h(NInput, { onChange: () => {
+                                            this.compNamePattern = this.tempCompNamePattern;
+                                        }, onInput: (value) => {
+                                            this.tempCompNamePattern = value;
+                                        }, value: this.tempCompNamePattern, placeholder: this.locale.filterCompName }),
+                                    this.locale.filterVarName,
+                                    h(NInput, { onChange: (value) => {
+                                            this.varNamePattern = value;
+                                        }, onInput: (value) => {
+                                            this.tempVarNamePattern = value;
+                                        }, value: this.tempVarNamePattern, placeholder: this.locale.filterVarName }),
+                                    h(NButton, { size: "small", onClick: () => {
+                                            this.compNamePattern = '';
+                                            this.varNamePattern = '';
+                                            this.tempCompNamePattern = '';
+                                            this.tempVarNamePattern = '';
+                                        }, block: true }, { default: () => this.locale.clearSearch }),
+                                    h(NButton, { size: "small", onClick: this.handleClearAllClick, block: true }, {
+                                        default: () => this.locale.clearAllVars
+                                    }),
+                                    h(NSpace, { itemStyle: { flex: 1 } }, {
+                                        default: () => (h(Fragment, null,
+                                            h(NButton, { block: true, size: "small", onClick: this.handleImportClick }, {
+                                                default: () => this.locale.import
+                                            }),
+                                            h(NButton, { block: true, size: "small", onClick: this.handleExportClick }, {
+                                                default: () => this.locale.export
+                                            })))
+                                    })))
+                            }),
+                            h(NDivider, null),
+                            h(NCollapse, null, {
+                                default: () => {
+                                    const { theme, compNamePattern, varNamePattern } = this;
+                                    const themeKeys = Object.keys(theme);
+                                    const compNamePatternLower = compNamePattern.toLowerCase();
+                                    const varNamePatternLower = varNamePattern.toLowerCase();
+                                    let filteredItemsCount = 0;
+                                    const collapsedItems = themeKeys
+                                        .filter((themeKey) => {
+                                        return themeKey
+                                            .toLowerCase()
+                                            .includes(compNamePatternLower);
+                                    })
+                                        .map((themeKey) => {
+                                        const componentTheme = themeKey === 'common'
+                                            ? this.themeCommonDefault
+                                            : theme[themeKey];
+                                        if (componentTheme === undefined) {
+                                            return null;
+                                        }
+                                        const varKeys = Object.keys(componentTheme).filter((key) => {
+                                            return (key !== 'name' &&
+                                                key
+                                                    .toLowerCase()
+                                                    .includes(varNamePatternLower));
                                         });
-                                        if (!filteredItemsCount)
-                                            return h(NEmpty, null);
-                                        return collapsedItems;
-                                    }
-                                })))
-                        }))
+                                        if (!varKeys.length) {
+                                            return null;
+                                        }
+                                        filteredItemsCount += 1;
+                                        return (h(NCollapseItem, { title: themeKey, name: themeKey }, {
+                                            default: () => {
+                                                return (h(NSpace, { vertical: true }, {
+                                                    default: () => varKeys.map((varKey) => {
+                                                        var _a, _b, _c, _d;
+                                                        return [
+                                                            h("div", { key: `${varKey}Label` }, varKey),
+                                                            showColorPicker(varKey) ? (h(NColorPicker, { key: varKey, modes: ['rgb', 'hex'], value: ((_b = (_a = this.tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]) ||
+                                                                    componentTheme[varKey], onComplete: this.applyTempOverrides, onUpdateValue: (value) => {
+                                                                    this.setTempOverrides(themeKey, varKey, value);
+                                                                } }, {
+                                                                action: () => {
+                                                                    var _a, _b;
+                                                                    return (h(NButton, { size: "small", disabled: componentTheme[varKey] ===
+                                                                            ((_b = (_a = this
+                                                                                .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]), onClick: () => {
+                                                                            this.setTempOverrides(themeKey, varKey, componentTheme[varKey]);
+                                                                            this.applyTempOverrides();
+                                                                        } }, {
+                                                                        default: () => this.locale
+                                                                            .restore
+                                                                    }));
+                                                                }
+                                                            })) : (h(NInput, { key: varKey, onChange: this.applyTempOverrides, onUpdateValue: (value) => {
+                                                                    this.setTempOverrides(themeKey, varKey, value);
+                                                                }, value: ((_d = (_c = this.tempOverrides) === null || _c === void 0 ? void 0 : _c[themeKey]) === null || _d === void 0 ? void 0 : _d[varKey]) || '', placeholder: componentTheme[varKey] }))
+                                                        ];
+                                                    })
+                                                }));
+                                            }
+                                        }));
+                                    });
+                                    if (!filteredItemsCount)
+                                        return h(NEmpty, null);
+                                    return collapsedItems;
+                                }
+                            })))
                     }),
                     (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)
                 ];

package/es/time/src/Time.js

@@ -1,6 +1,6 @@
 import { h, createTextVNode, defineComponent, computed } from 'vue';
-import { format, formatDistanceStrict, fromUnixTime, getTime } from 'date-fns';
-import { getTimezoneOffset } from 'date-fns-tz';
+import { format, formatDistanceStrict, fromUnixTime, getTime } from 'date-fns/esm';
+import getTimezoneOffset from 'date-fns-tz/esm/getTimezoneOffset';
 import { useLocale } from '../../_mixins';
 const timeProps = {
     time: {

package/es/time-picker/src/Panel.d.ts

@@ -166,12 +166,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/time-picker/src/TimePicker.d.ts

@@ -2071,12 +2071,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/time-picker/src/TimePicker.js

@@ -3,7 +3,7 @@ import { useIsMounted, useKeyboard, useMergedState } from 'vooks';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { clickoutside } from 'vdirs';
 import { happensIn } from 'seemly';
-import { isValid, startOfSecond, startOfMinute, startOfHour, format, set, setHours, setMinutes, setSeconds, getTime, getMinutes, getHours, getSeconds } from 'date-fns';
+import { isValid, startOfSecond, startOfMinute, startOfHour, format, set, setHours, setMinutes, setSeconds, getTime, getMinutes, getHours, getSeconds } from 'date-fns/esm';
 import { strictParse } from '../../date-picker/src/utils';
 import { TimeIcon } from '../../_internal/icons';
 import { NInput } from '../../input';
@@ -377,6 +377,7 @@ export default defineComponent({
             if (mergedShowRef.value) {
                 const panelEl = (_a = panelInstRef.value) === null || _a === void 0 ? void 0 : _a.$el;
                 if (!(panelEl === null || panelEl === void 0 ? void 0 : panelEl.contains(e.relatedTarget))) {
+                    deriveInputValue();
                     doBlur(e);
                     closePanel({
                         returnFocus: false
@@ -384,6 +385,7 @@ export default defineComponent({
                 }
             }
             else {
+                deriveInputValue();
                 doBlur(e);
             }
         }
@@ -503,6 +505,7 @@ export default defineComponent({
         function handleMenuFocusOut(e) {
             if (isInternalFocusSwitch(e))
                 return;
+            deriveInputValue();
             doBlur(e);
             closePanel({
                 returnFocus: false
@@ -635,7 +638,9 @@ export default defineComponent({
                     h(VTarget, null, {
                         default: () => (h(NInput, { ref: "inputInstRef", status: this.mergedStatus, value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
                             ? {
-                                [this.clearable ? 'clear' : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
+                                [this.clearable
+                                    ? 'clear-icon-placeholder'
+                                    : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
                                     default: () => $slots.icon ? $slots.icon() : h(TimeIcon, null)
                                 }))
                             }

package/es/time-picker/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cE, cM, cB, cNotM } from '../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-icon-color
 // --n-icon-color-disabled
 // --n-bezier

package/es/time-picker/src/utils.js

@@ -1,4 +1,4 @@
-import { getHours } from 'date-fns';
+import { getHours } from 'date-fns/esm';
 import { throwError } from '../../_utils';
 export const time = {
     amHours: [

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

@@ -396,12 +396,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

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

@@ -2178,12 +2178,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

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

@@ -107,12 +107,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/transfer/src/TransferFilter.js

@@ -34,7 +34,7 @@ export default defineComponent({
         const { mergedTheme, mergedClsPrefix } = this;
         return (h("div", { class: `${mergedClsPrefix}-transfer-filter` },
             h(NInput, { value: this.value, onUpdateValue: this.onUpdateValue, disabled: this.disabled, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, clearable: true, size: "small", placeholder: this.placeholder, onFocus: this.onFocus, onBlur: this.onBlur }, {
-                clear: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-transfer-icon` }, { default: () => h(SearchIcon, null) }))
+                'clear-icon-placeholder': () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-transfer-icon` }, { default: () => h(SearchIcon, null) }))
             })));
     }
 });

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

@@ -120,12 +120,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

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

@@ -107,12 +107,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/transfer/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-import fadeInTransition from '../../../_styles/transitions/fade-in.cssr';
+import { fadeInTransition } from '../../../_styles/transitions/fade-in.cssr';
 const animation = c([c('@keyframes transfer-slide-in-from-left', `
  0% {
  transform: translateX(-150%);
@@ -112,7 +112,6 @@ export default c([cB('transfer', `
  flex-basis: 0;
  flex-grow: 1;
  box-sizing: border-box;
- overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;

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

@@ -728,12 +728,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/tree/src/TreeNodeCheckbox.d.ts

@@ -102,12 +102,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/tree/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
-import fadeInHeightExpandTransition from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
 // --n-arrow-color
 // --n-bezier
 // --n-font-size