naive-ui 2.24.0 → 2.24.4

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

@@ -149,164 +149,167 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         return ((0, vue_1.h)(config_provider_1.NConfigProvider, { themeOverrides: this.overrides }, {
-            default: () => [
-                (0, vue_1.h)(popover_1.NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
-                        width: '288px',
-                        height: 'calc(100vh - 200px)',
-                        padding: 0
-                    } }, {
-                    trigger: () => ((0, vue_1.h)(element_1.NElement, { style: [
-                            {
-                                position: 'fixed',
-                                zIndex: 10,
-                                bottom: '40px',
-                                right: '40px',
-                                width: '44px',
-                                height: '44px',
-                                fontSize: '26px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                borderRadius: '50%',
-                                backgroundColor: 'var(--popover-color)',
-                                color: 'var(--text-color-2)',
-                                transition: 'all .3s var(--cubic-bezier-ease-in-out)',
-                                boxShadow: '0 2px 8px 0px rgba(0, 0, 0, .12)',
-                                cursor: 'pointer'
-                            },
-                            this.$attrs.style
-                        ], 
-                        // @ts-expect-error
-                        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: () => {
+                var _a, _b;
+                return [
+                    (0, vue_1.h)(popover_1.NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                            width: '288px',
+                            height: 'calc(100vh - 200px)',
+                            padding: 0
+                        } }, {
+                        trigger: () => ((0, vue_1.h)(element_1.NElement, { style: [
+                                {
+                                    position: 'fixed',
+                                    zIndex: 10,
+                                    bottom: '40px',
+                                    right: '40px',
+                                    width: '44px',
+                                    height: '44px',
+                                    fontSize: '26px',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    borderRadius: '50%',
+                                    backgroundColor: 'var(--popover-color)',
+                                    color: 'var(--text-color-2)',
+                                    transition: 'all .3s var(--cubic-bezier-ease-in-out)',
+                                    boxShadow: '0 2px 8px 0px rgba(0, 0, 0, .12)',
+                                    cursor: 'pointer'
+                                },
+                                this.$attrs.style
+                            ], 
+                            // @ts-expect-error
+                            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;
                                             }
-                                        }));
-                                    });
-                                    if (!filteredItemsCount)
-                                        return (0, vue_1.h)(empty_1.NEmpty, null);
-                                    return collapsedItems;
-                                }
-                            })))
-                    }))
-                }),
-                (0, vue_1.renderSlot)(this.$slots, 'default')
-            ]
+                                            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/themes/index.d.ts

@@ -1,2 +1,3 @@
 export { darkTheme } from './dark';
+export { lightTheme } from './light';
 export { createTheme } from './utils';

package/lib/themes/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = exports.darkTheme = void 0;
+exports.createTheme = exports.lightTheme = exports.darkTheme = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return dark_1.darkTheme; } });
+var light_1 = require("./light");
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return light_1.lightTheme; } });
 var utils_1 = require("./utils");
 Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return utils_1.createTheme; } });

package/lib/thing/src/Thing.d.ts

@@ -55,41 +55,34 @@ declare const _default: import("vue").DefineComponent<{
         textColor: string;
         titleFontWeight: string;
     }, any>>>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    titleExtra?: unknown;
-    description?: unknown;
-    content?: unknown;
-    contentIndented?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    contentIndented: boolean;
-} & {
-    content?: string | undefined;
-    description?: string | undefined;
-    title?: string | undefined;
-    theme?: import("../../_mixins").Theme<"Thing", {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    titleExtra: StringConstructor;
+    description: StringConstructor;
+    content: StringConstructor;
+    contentIndented: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Thing", {
         fontSize: string;
         titleTextColor: string;
         textColor: string;
         titleFontWeight: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Thing", {
+    }, any>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Thing", {
         fontSize: string;
         titleTextColor: string;
         textColor: string;
         titleFontWeight: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Thing", {
+    }, any>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Thing", {
         fontSize: string;
         titleTextColor: string;
         textColor: string;
         titleFontWeight: string;
-    }, any>> | undefined;
-    titleExtra?: string | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     contentIndented: boolean;
 }>;
 export default _default;

package/lib/thing/src/Thing.js

@@ -30,7 +30,7 @@ exports.default = (0, vue_1.defineComponent)({
         return () => {
             const { value: mergedClsPrefix } = mergedClsPrefixRef;
             return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing`, style: cssVarsRef.value },
-                slots.avatar && props.contentIndented ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar` }, (0, vue_1.renderSlot)(slots, 'avatar'))) : null,
+                slots.avatar && props.contentIndented ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main` },
                     !props.contentIndented &&
                         (slots.header ||
@@ -38,37 +38,33 @@ exports.default = (0, vue_1.defineComponent)({
                             slots['header-extra'] ||
                             props.titleExtra ||
                             slots.avatar) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar-header-wrapper` },
-                        slots.avatar ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar` }, (0, vue_1.renderSlot)(slots, 'avatar'))) : null,
+                        slots.avatar ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,
                         slots.header ||
                             props.title ||
                             slots['header-extra'] ||
                             props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header-wrapper` },
                             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header` },
-                                slots.header || props.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__title` }, (0, vue_1.renderSlot)(slots, 'header', undefined, () => [
-                                    props.title
-                                ]))) : null,
-                                slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, (0, vue_1.renderSlot)(slots, 'header-extra', undefined, () => [
-                                    props.titleExtra
-                                ]))) : null),
-                            slots.description || props.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__description` }, (0, vue_1.renderSlot)(slots, 'description', undefined, () => [
-                                props.description
-                            ]))) : null)) : null)) : ((0, vue_1.h)(vue_1.Fragment, null,
+                                slots.header || props.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__title` }, slots.header ? slots.header() : props.title)) : null,
+                                slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
+                                    ? slots['header-extra']()
+                                    : props.titleExtra)) : null),
+                            slots.description || props.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__description` }, slots.description
+                                ? slots.description()
+                                : props.description)) : null)) : null)) : ((0, vue_1.h)(vue_1.Fragment, null,
                         slots.header ||
                             props.title ||
                             slots['header-extra'] ||
                             props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header` },
-                            slots.header || props.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__title` }, (0, vue_1.renderSlot)(slots, 'header', undefined, () => [
-                                props.title
-                            ]))) : null,
-                            slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, (0, vue_1.renderSlot)(slots, 'header-extra', undefined, () => [
-                                props.titleExtra
-                            ]))) : null)) : null,
-                        slots.description || props.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__description` }, (0, vue_1.renderSlot)(slots, 'description', undefined, () => [
-                            props.description
-                        ]))) : null)),
-                    slots.default || props.content ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__content` }, (0, vue_1.renderSlot)(slots, 'default', undefined, () => [props.content]))) : null,
-                    slots.footer ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__footer` }, (0, vue_1.renderSlot)(slots, 'footer'))) : null,
-                    slots.action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__action` }, (0, vue_1.renderSlot)(slots, 'action'))) : null)));
+                            slots.header || props.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__title` }, slots.header ? slots.header() : props.title)) : null,
+                            slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
+                                ? slots['header-extra']()
+                                : props.titleExtra)) : null)) : null,
+                        slots.description || props.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__description` }, slots.description
+                            ? slots.description()
+                            : props.description)) : null)),
+                    slots.default || props.content ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__content` }, slots.default ? slots.default() : props.content)) : null,
+                    slots.footer ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__footer` }, slots.footer())) : null,
+                    slots.action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__action` }, slots.action())) : null)));
         };
     }
 });

package/lib/time/src/Time.d.ts

@@ -38,24 +38,24 @@ declare const _default: import("vue").DefineComponent<{
     readonly timezone: StringConstructor;
 }, {
     renderedTime: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly time?: unknown;
-    readonly type?: unknown;
-    readonly to?: unknown;
-    readonly unix?: unknown;
-    readonly format?: unknown;
-    readonly text?: unknown;
-    readonly timezone?: unknown;
-} & {
-    type: "relative" | "date" | "datetime";
-    text: boolean;
-    unix: boolean;
-} & {
-    time?: number | Date | undefined;
-    format?: string | undefined;
-    to?: number | Date | undefined;
-    timezone?: string | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly time: {
+        readonly type: PropType<number | Date>;
+        readonly default: undefined;
+    };
+    readonly type: {
+        readonly type: PropType<"relative" | "date" | "datetime">;
+        readonly default: "datetime";
+    };
+    readonly to: {
+        readonly type: PropType<number | Date>;
+        readonly default: undefined;
+    };
+    readonly unix: BooleanConstructor;
+    readonly format: StringConstructor;
+    readonly text: BooleanConstructor;
+    readonly timezone: StringConstructor;
+}>>, {
     type: "relative" | "date" | "datetime";
     text: boolean;
     time: number | Date;

package/lib/time-picker/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NTimePicker } from './src/TimePicker';
 export type { TimePickerProps } from './src/TimePicker';
+export type { TimePickerInst } from './src/interface';