naive-ui 2.28.3 → 2.29.0

package/lib/tag/src/Tag.d.ts

@@ -31,7 +31,7 @@ declare const tagProps: {
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -40,11 +40,13 @@ declare const tagProps: {
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -94,6 +96,7 @@ declare const tagProps: {
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -102,11 +105,13 @@ declare const tagProps: {
         closeMarginRtl: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -156,6 +161,7 @@ declare const tagProps: {
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -164,11 +170,13 @@ declare const tagProps: {
         closeMarginRtl: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -218,6 +226,7 @@ declare const tagProps: {
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -256,7 +265,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -265,11 +274,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -319,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -327,11 +339,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -381,6 +395,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -389,11 +404,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -443,6 +460,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -514,7 +532,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -523,11 +541,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -577,6 +597,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -585,11 +606,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -639,6 +662,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -647,11 +671,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -701,6 +727,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -711,7 +738,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "default" | "error" | "primary" | "info" | "success" | "warning";
     round: boolean;
-    size: "small" | "medium" | "large";
+    size: "small" | "medium" | "large" | "tiny";
     disabled: boolean | undefined;
     checked: boolean;
     bordered: boolean | undefined;

package/lib/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/lib/tag/styles/_common.d.ts

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

package/lib/tag/styles/_common.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
+    closeSizeTiny: '12px',
     closeSizeSmall: '14px',
     closeSizeMedium: '14px',
     closeSizeLarge: '14px',

package/lib/tag/styles/dark.js

@@ -10,9 +10,9 @@ const tagDark = {
     name: 'Tag',
     common: common_1.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({}, _common_1.default), { 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({}, _common_1.default), { 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/lib/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/lib/tag/styles/light.js

@@ -7,9 +7,9 @@ const _common_1 = __importDefault(require("./_common"));
 const seemly_1 = require("seemly");
 const common_1 = require("../../_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({}, _common_1.default), { 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({}, _common_1.default), { 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/lib/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/lib/theme-editor/src/ThemeEditor.js

@@ -6,7 +6,6 @@ const context_1 = require("../../config-provider/src/context");
 const light_1 = require("../../themes/light");
 const config_provider_1 = require("../../config-provider");
 const popover_1 = require("../../popover");
-const _internal_1 = require("../../_internal");
 const collapse_1 = require("../../collapse");
 const input_1 = require("../../input");
 const space_1 = require("../../space");
@@ -154,7 +153,7 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => {
                 var _a, _b;
                 return [
-                    (0, vue_1.h)(popover_1.NPopover, { arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                    (0, vue_1.h)(popover_1.NPopover, { scrollable: true, arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
                             width: '288px',
                             height: 'calc(100vh - 200px)',
                             padding: 0
@@ -187,130 +186,119 @@ exports.default = (0, vue_1.defineComponent)({
                             onClick: () => {
                                 this.showPanel = !this.showPanel;
                             } }, { default: () => ColorWandIcon })),
-                        default: () => ((0, vue_1.h)(_internal_1.NScrollbar, { contentStyle: { padding: '8px 14px' } }, {
-                            default: () => ((0, vue_1.h)(vue_1.Fragment, null,
-                                (0, vue_1.h)(space_1.NSpace, { vertical: true }, {
-                                    default: () => ((0, vue_1.h)(vue_1.Fragment, null,
-                                        (0, vue_1.h)("input", { type: "file", ref: "fileInputRef", style: {
-                                                display: 'block',
-                                                width: 0,
-                                                height: 0,
-                                                visibility: 'hidden'
-                                            }, onChange: this.handleInputFileChange }),
-                                        (0, vue_1.h)("div", { style: {
-                                                marginBottom: '8px',
-                                                fontSize: '18px',
-                                                fontWeight: 500
-                                            } }, this.locale.title),
-                                        this.locale.filterCompName,
-                                        (0, vue_1.h)(input_1.NInput, { onChange: () => {
-                                                this.compNamePattern =
-                                                    this.tempCompNamePattern;
-                                            }, onInput: (value) => {
-                                                this.tempCompNamePattern = value;
-                                            }, value: this.tempCompNamePattern, placeholder: this.locale.filterCompName }),
-                                        this.locale.filterVarName,
-                                        (0, vue_1.h)(input_1.NInput, { onChange: (value) => {
-                                                this.varNamePattern = value;
-                                            }, onInput: (value) => {
-                                                this.tempVarNamePattern = value;
-                                            }, value: this.tempVarNamePattern, placeholder: this.locale.filterVarName }),
-                                        (0, vue_1.h)(button_1.NButton, { size: "small", onClick: () => {
-                                                this.compNamePattern = '';
-                                                this.varNamePattern = '';
-                                                this.tempCompNamePattern = '';
-                                                this.tempVarNamePattern = '';
-                                            }, block: true }, { default: () => this.locale.clearSearch }),
-                                        (0, vue_1.h)(button_1.NButton, { size: "small", onClick: this.handleClearAllClick, block: true }, {
-                                            default: () => this.locale.clearAllVars
-                                        }),
-                                        (0, vue_1.h)(space_1.NSpace, { itemStyle: { flex: 1 } }, {
-                                            default: () => ((0, vue_1.h)(vue_1.Fragment, null,
-                                                (0, vue_1.h)(button_1.NButton, { block: true, size: "small", onClick: this.handleImportClick }, {
-                                                    default: () => this.locale.import
-                                                }),
-                                                (0, vue_1.h)(button_1.NButton, { block: true, size: "small", onClick: this.handleExportClick }, {
-                                                    default: () => this.locale.export
-                                                })))
-                                        })))
-                                }),
-                                (0, vue_1.h)(divider_1.NDivider, null),
-                                (0, vue_1.h)(collapse_1.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 ((0, vue_1.h)(collapse_1.NCollapseItem, { title: themeKey, name: themeKey }, {
-                                                default: () => {
-                                                    return ((0, vue_1.h)(space_1.NSpace, { vertical: true }, {
-                                                        default: () => varKeys.map((varKey) => {
-                                                            var _a, _b, _c, _d;
-                                                            return [
-                                                                (0, vue_1.h)("div", { key: `${varKey}Label` }, varKey),
-                                                                showColorPicker(varKey) ? ((0, vue_1.h)(color_picker_1.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 ((0, vue_1.h)(button_1.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
-                                                                        }));
-                                                                    }
-                                                                })) : ((0, vue_1.h)(input_1.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: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                            (0, vue_1.h)("input", { type: "file", ref: "fileInputRef", style: {
+                                    display: 'block',
+                                    width: 0,
+                                    height: 0,
+                                    visibility: 'hidden'
+                                }, onChange: this.handleInputFileChange }),
+                            (0, vue_1.h)(space_1.NSpace, { vertical: true }, {
+                                default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                                    (0, vue_1.h)("div", { style: {
+                                            marginBottom: '8px',
+                                            fontSize: '18px',
+                                            fontWeight: 500
+                                        } }, this.locale.title),
+                                    this.locale.filterCompName,
+                                    (0, vue_1.h)(input_1.NInput, { onChange: () => {
+                                            this.compNamePattern = this.tempCompNamePattern;
+                                        }, onInput: (value) => {
+                                            this.tempCompNamePattern = value;
+                                        }, value: this.tempCompNamePattern, placeholder: this.locale.filterCompName }),
+                                    this.locale.filterVarName,
+                                    (0, vue_1.h)(input_1.NInput, { onChange: (value) => {
+                                            this.varNamePattern = value;
+                                        }, onInput: (value) => {
+                                            this.tempVarNamePattern = value;
+                                        }, value: this.tempVarNamePattern, placeholder: this.locale.filterVarName }),
+                                    (0, vue_1.h)(button_1.NButton, { size: "small", onClick: () => {
+                                            this.compNamePattern = '';
+                                            this.varNamePattern = '';
+                                            this.tempCompNamePattern = '';
+                                            this.tempVarNamePattern = '';
+                                        }, block: true }, { default: () => this.locale.clearSearch }),
+                                    (0, vue_1.h)(button_1.NButton, { size: "small", onClick: this.handleClearAllClick, block: true }, {
+                                        default: () => this.locale.clearAllVars
+                                    }),
+                                    (0, vue_1.h)(space_1.NSpace, { itemStyle: { flex: 1 } }, {
+                                        default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                                            (0, vue_1.h)(button_1.NButton, { block: true, size: "small", onClick: this.handleImportClick }, {
+                                                default: () => this.locale.import
+                                            }),
+                                            (0, vue_1.h)(button_1.NButton, { block: true, size: "small", onClick: this.handleExportClick }, {
+                                                default: () => this.locale.export
+                                            })))
+                                    })))
+                            }),
+                            (0, vue_1.h)(divider_1.NDivider, null),
+                            (0, vue_1.h)(collapse_1.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 (0, vue_1.h)(empty_1.NEmpty, null);
-                                        return collapsedItems;
-                                    }
-                                })))
-                        }))
+                                        if (!varKeys.length) {
+                                            return null;
+                                        }
+                                        filteredItemsCount += 1;
+                                        return ((0, vue_1.h)(collapse_1.NCollapseItem, { title: themeKey, name: themeKey }, {
+                                            default: () => {
+                                                return ((0, vue_1.h)(space_1.NSpace, { vertical: true }, {
+                                                    default: () => varKeys.map((varKey) => {
+                                                        var _a, _b, _c, _d;
+                                                        return [
+                                                            (0, vue_1.h)("div", { key: `${varKey}Label` }, varKey),
+                                                            showColorPicker(varKey) ? ((0, vue_1.h)(color_picker_1.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 ((0, vue_1.h)(button_1.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
+                                                                    }));
+                                                                }
+                                                            })) : ((0, vue_1.h)(input_1.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 (0, vue_1.h)(empty_1.NEmpty, null);
+                                    return collapsedItems;
+                                }
+                            })))
                     }),
                     (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)
                 ];

package/lib/time/src/Time.js

@@ -1,8 +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 vue_1 = require("vue");
 const date_fns_1 = require("date-fns");
-const date_fns_tz_1 = require("date-fns-tz");
+const getTimezoneOffset_1 = __importDefault(require("date-fns-tz/getTimezoneOffset"));
 const _mixins_1 = require("../../_mixins");
 const timeProps = {
     time: {
@@ -33,8 +36,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (timezone) {
                 return (time, _format) => {
                     return (0, date_fns_1.format)((0, date_fns_1.getTime)(time) +
-                        -(0, date_fns_tz_1.getTimezoneOffset)(Intl.DateTimeFormat().resolvedOptions().timeZone, time) +
-                        (0, date_fns_tz_1.getTimezoneOffset)(timezone, time), _format);
+                        -(0, getTimezoneOffset_1.default)(Intl.DateTimeFormat().resolvedOptions().timeZone, time) +
+                        (0, getTimezoneOffset_1.default)(timezone, time), _format);
                 };
             }
             return date_fns_1.format;

package/lib/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;