naive-ui 2.23.1 → 2.24.2

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

@@ -1,4 +1,4 @@
-import { h, computed, defineComponent, renderSlot, ref, Fragment, toRaw, watch } from 'vue';
+import { h, computed, defineComponent, ref, Fragment, toRaw, watch } from 'vue';
 import { cloneDeep, merge } from 'lodash-es';
 import { lightTheme } from '../../themes/light';
 import { NConfigProvider } from '../../config-provider';
@@ -147,164 +147,167 @@ export default defineComponent({
     },
     render() {
         return (h(NConfigProvider, { themeOverrides: this.overrides }, {
-            default: () => [
-                h(NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
-                        width: '288px',
-                        height: 'calc(100vh - 200px)',
-                        padding: 0
-                    } }, {
-                    trigger: () => (h(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: () => (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: () => {
+                var _a, _b;
+                return [
+                    h(NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                            width: '288px',
+                            height: 'calc(100vh - 200px)',
+                            padding: 0
+                        } }, {
+                        trigger: () => (h(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: () => (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;
                                             }
-                                        }));
-                                    });
-                                    if (!filteredItemsCount)
-                                        return h(NEmpty, null);
-                                    return collapsedItems;
-                                }
-                            })))
-                    }))
-                }),
-                renderSlot(this.$slots, 'default')
-            ]
+                                            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/themes/index.d.ts

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

package/es/themes/index.js

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

package/es/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/es/thing/src/Thing.js

@@ -1,4 +1,4 @@
-import { h, renderSlot, defineComponent, computed, Fragment } from 'vue';
+import { h, defineComponent, computed, Fragment } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { thingLight } from '../styles';
 import style from './styles/index.cssr';
@@ -15,17 +15,17 @@ export default defineComponent({
         const cssVarsRef = computed(() => {
             const { self: { titleTextColor, textColor, titleFontWeight, fontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
-                '--bezier': cubicBezierEaseInOut,
-                '--font-size': fontSize,
-                '--text-color': textColor,
-                '--title-font-weight': titleFontWeight,
-                '--title-text-color': titleTextColor
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': fontSize,
+                '--n-text-color': textColor,
+                '--n-title-font-weight': titleFontWeight,
+                '--n-title-text-color': titleTextColor
             };
         });
         return () => {
             const { value: mergedClsPrefix } = mergedClsPrefixRef;
             return (h("div", { class: `${mergedClsPrefix}-thing`, style: cssVarsRef.value },
-                slots.avatar && props.contentIndented ? (h("div", { class: `${mergedClsPrefix}-thing-avatar` }, renderSlot(slots, 'avatar'))) : null,
+                slots.avatar && props.contentIndented ? (h("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,
                 h("div", { class: `${mergedClsPrefix}-thing-main` },
                     !props.contentIndented &&
                         (slots.header ||
@@ -33,37 +33,33 @@ export default defineComponent({
                             slots['header-extra'] ||
                             props.titleExtra ||
                             slots.avatar) ? (h("div", { class: `${mergedClsPrefix}-thing-avatar-header-wrapper` },
-                        slots.avatar ? (h("div", { class: `${mergedClsPrefix}-thing-avatar` }, renderSlot(slots, 'avatar'))) : null,
+                        slots.avatar ? (h("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,
                         slots.header ||
                             props.title ||
                             slots['header-extra'] ||
                             props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header-wrapper` },
                             h("div", { class: `${mergedClsPrefix}-thing-header` },
-                                slots.header || props.title ? (h("div", { class: `${mergedClsPrefix}-thing-header__title` }, renderSlot(slots, 'header', undefined, () => [
-                                    props.title
-                                ]))) : null,
-                                slots['header-extra'] || props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header__extra` }, renderSlot(slots, 'header-extra', undefined, () => [
-                                    props.titleExtra
-                                ]))) : null),
-                            slots.description || props.description ? (h("div", { class: `${mergedClsPrefix}-thing-main__description` }, renderSlot(slots, 'description', undefined, () => [
-                                props.description
-                            ]))) : null)) : null)) : (h(Fragment, null,
+                                slots.header || props.title ? (h("div", { class: `${mergedClsPrefix}-thing-header__title` }, slots.header ? slots.header() : props.title)) : null,
+                                slots['header-extra'] || props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
+                                    ? slots['header-extra']()
+                                    : props.titleExtra)) : null),
+                            slots.description || props.description ? (h("div", { class: `${mergedClsPrefix}-thing-main__description` }, slots.description
+                                ? slots.description()
+                                : props.description)) : null)) : null)) : (h(Fragment, null,
                         slots.header ||
                             props.title ||
                             slots['header-extra'] ||
                             props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header` },
-                            slots.header || props.title ? (h("div", { class: `${mergedClsPrefix}-thing-header__title` }, renderSlot(slots, 'header', undefined, () => [
-                                props.title
-                            ]))) : null,
-                            slots['header-extra'] || props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header__extra` }, renderSlot(slots, 'header-extra', undefined, () => [
-                                props.titleExtra
-                            ]))) : null)) : null,
-                        slots.description || props.description ? (h("div", { class: `${mergedClsPrefix}-thing-main__description` }, renderSlot(slots, 'description', undefined, () => [
-                            props.description
-                        ]))) : null)),
-                    slots.default || props.content ? (h("div", { class: `${mergedClsPrefix}-thing-main__content` }, renderSlot(slots, 'default', undefined, () => [props.content]))) : null,
-                    slots.footer ? (h("div", { class: `${mergedClsPrefix}-thing-main__footer` }, renderSlot(slots, 'footer'))) : null,
-                    slots.action ? (h("div", { class: `${mergedClsPrefix}-thing-main__action` }, renderSlot(slots, 'action'))) : null)));
+                            slots.header || props.title ? (h("div", { class: `${mergedClsPrefix}-thing-header__title` }, slots.header ? slots.header() : props.title)) : null,
+                            slots['header-extra'] || props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
+                                ? slots['header-extra']()
+                                : props.titleExtra)) : null)) : null,
+                        slots.description || props.description ? (h("div", { class: `${mergedClsPrefix}-thing-main__description` }, slots.description
+                            ? slots.description()
+                            : props.description)) : null)),
+                    slots.default || props.content ? (h("div", { class: `${mergedClsPrefix}-thing-main__content` }, slots.default ? slots.default() : props.content)) : null,
+                    slots.footer ? (h("div", { class: `${mergedClsPrefix}-thing-main__footer` }, slots.footer())) : null,
+                    slots.action ? (h("div", { class: `${mergedClsPrefix}-thing-main__action` }, slots.action())) : null)));
         };
     }
 });

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

@@ -1,15 +1,15 @@
 import { c, cB, cE } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --font-size
-// --text-color
-// --title-font-weight
-// --title-text-color
+// --n-bezier
+// --n-font-size
+// --n-text-color
+// --n-title-font-weight
+// --n-title-text-color
 
 export default cB('thing', `
  display: flex;
- transition: color .3s var(--bezier);
- font-size: var(--font-size);
- color: var(--text-color);
+ transition: color .3s var(--n-bezier);
+ font-size: var(--n-font-size);
+ color: var(--n-text-color);
 `, [cB('thing-avatar', `
  margin-right: 12px;
  margin-top: 2px;
@@ -27,9 +27,9 @@ export default cB('thing', `
  align-items: center;
  `, [cE('title', `
  font-size: 16px;
- font-weight: var(--title-font-weight);
- transition: color .3s var(--bezier);
- color: var(--title-text-color);
+ font-weight: var(--n-title-font-weight);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-title-text-color);
  `)]), cE('description', [c('&:not(:last-child)', `
  margin-bottom: 4px;
  `)]), cE('content', [c('&:not(:first-child)', `

package/es/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/es/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';