naive-ui 2.34.4 → 2.36.0

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

@@ -0,0 +1,25 @@
+import { c, cB, cM, cE } from '../../../_utils/cssr';
+// vars:
+// --n-border-color
+// --n-color
+export default cB('split', `
+ display: flex;
+ width: 100%;
+ height: 100%;
+`, [cM('horizontal', `
+ flex-direction: row;
+ `), cM('vertical', `
+ flex-direction: column;
+ `), cB('split-pane-1', `
+ overflow: hidden;
+ `), cB('split-pane-2', `
+ overflow: hidden;
+ flex: 1;
+ `), cE('resize-trigger', `
+ background-color: var(--n-border-color);
+ transition: background-color .3s var(--n-bezier);
+ `, [cM('hover', `
+ background-color: var(--n-resize-trigger-color-hover);
+ `), c('&:hover', `
+ background-color: var(--n-resize-trigger-color-hover);
+ `)])]);

package/es/split/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import { type SplitTheme } from './light';
+declare const splitDark: SplitTheme;
+export default splitDark;

package/es/split/styles/dark.js

@@ -0,0 +1,6 @@
+import { commonDark } from '../../_styles/common';
+const splitDark = {
+    name: 'Split',
+    common: commonDark
+};
+export default splitDark;

package/es/split/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as splitDark } from './dark';
+export { default as splitLight } from './light';
+export type { SplitTheme, SplitThemeVars } from './light';

package/es/split/styles/index.js

@@ -0,0 +1,2 @@
+export { default as splitDark } from './dark';
+export { default as splitLight } from './light';

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

@@ -0,0 +1,9 @@
+import type { ThemeCommonVars } from '../../_styles/common';
+import { type Theme } from '../../_mixins';
+export declare const self: (vars: ThemeCommonVars) => {
+    resizableTriggerColorHover: string;
+};
+export type SplitThemeVars = ReturnType<typeof self>;
+declare const themeLight: Theme<'Split', SplitThemeVars>;
+export default themeLight;
+export type SplitTheme = typeof themeLight;

package/es/split/styles/light.js

@@ -0,0 +1,13 @@
+import { commonLight } from '../../_styles/common';
+export const self = (vars) => {
+    const { primaryColorHover } = vars;
+    return {
+        resizableTriggerColorHover: primaryColorHover
+    };
+};
+const themeLight = {
+    name: 'Split',
+    common: commonLight,
+    self
+};
+export default themeLight;

package/es/statistic/src/Statistic.d.ts

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-label-font-size': string;
@@ -121,5 +121,5 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     tabularNums: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/steps/src/Step.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     stepsSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
     vertical: import("vue").ComputedRef<boolean>;
@@ -56,5 +56,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean;
     readonly internalIndex: number;
-}>;
+}, {}>;
 export default _default;

package/es/steps/src/Steps.d.ts

@@ -248,7 +248,7 @@ declare const _default: import("vue").DefineComponent<{
         indicatorIconSizeMedium: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     current: NumberConstructor;
@@ -369,8 +369,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorIconSizeMedium: string;
     }, any>>>;
 }>>, {
+    status: "wait" | "error" | "finish" | "process";
     size: "small" | "medium";
     vertical: boolean;
-    status: "wait" | "error" | "finish" | "process";
-}>;
+}, {}>;
 export default _default;

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

@@ -79,6 +79,7 @@ export default cB('steps', `
  position: absolute;
  left: 0;
  top: 0;
+ white-space: nowrap;
  font-size: var(--n-indicator-index-font-size);
  width: var(--n-indicator-icon-size);
  height: var(--n-indicator-icon-size);

package/es/switch/src/Switch.d.ts

@@ -287,7 +287,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydown: (e: KeyboardEvent) => void;
     mergedRailStyle: import("vue").ComputedRef<string | CSSProperties | undefined>;
     pressed: import("vue").Ref<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedValue: import("vue").ComputedRef<string | number | boolean>;
     checked: import("vue").ComputedRef<boolean>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
@@ -463,5 +463,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly checkedValue: string | number | boolean;
     readonly uncheckedValue: string | number | boolean;
     readonly rubberBand: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/table/src/Table.d.ts

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-td-color': string;
@@ -346,5 +346,5 @@ declare const _default: import("vue").DefineComponent<{
     striped: boolean;
     singleLine: boolean;
     singleColumn: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/table/src/Tbody.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/table/src/Td.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/table/src/Th.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/table/src/Thead.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/table/src/Tr.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/tabs/src/Tab.d.ts

@@ -76,5 +76,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly internalLeftPadded: boolean;
     readonly internalAddable: boolean;
     readonly internalCreatedByPane: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/tabs/src/Tab.js

@@ -75,7 +75,9 @@ export default defineComponent({
                 onClick: trigger === 'click' ? this.activateTab : undefined,
                 onMouseenter: trigger === 'hover' ? this.activateTab : undefined,
                 style: internalAddable ? undefined : style
-            }, this.internalCreatedByPane
+            }, 
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            this.internalCreatedByPane
                 ? (this.tabProps || {})
                 : this.$attrs)),
                 h("span", { class: `${clsPrefix}-tabs-tab__label` }, internalAddable ? (h(Fragment, null,

package/es/tabs/src/TabPane.d.ts

@@ -76,5 +76,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly closable: boolean | undefined;
     readonly displayDirective: "show" | "if" | "show:lazy";
-}>;
+}, {}>;
 export default _default;

package/es/tabs/src/Tabs.d.ts

@@ -21,7 +21,7 @@ export declare const tabsProps: {
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "bottom" | "top">;
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -337,7 +337,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "bottom" | "top">;
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -635,7 +635,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     syncBarPosition: () => void;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedValue: import("vue").ComputedRef<string | number | null>;
     renderedNames: Set<NonNullable<string | number>>;
     tabsRailElRef: import("vue").Ref<HTMLElement | null>;
@@ -654,13 +654,13 @@ declare const _default: import("vue").DefineComponent<{
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
+            [name: string]: import("vue").Slot<any> | undefined;
         }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string> & {
+        $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -675,12 +675,12 @@ declare const _default: import("vue").DefineComponent<{
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
+    } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     scrollWrapperElRef: import("vue").Ref<HTMLElement | null>;
     addTabFixed: import("vue").Ref<boolean>;
     tabWrapperStyle: import("vue").ComputedRef<{
@@ -726,7 +726,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-tab-color-segment': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
-    animationDirection: import("vue").Ref<"prev" | "next">;
+    animationDirection: import("vue").Ref<"next" | "prev">;
     renderNameListRef: {
         value: Array<string | number>;
     };
@@ -752,7 +752,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "bottom" | "top">;
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -1052,9 +1052,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly type: TabsType;
     readonly size: "small" | "medium" | "large";
     readonly closable: boolean;
-    readonly placement: "left" | "right" | "bottom" | "top";
+    readonly placement: "left" | "right" | "top" | "bottom";
     readonly trigger: "click" | "hover";
     readonly animated: boolean;
     readonly tabsPadding: number;
-}>;
+}, {}>;
 export default _default;

package/es/tabs/src/Tabs.js

@@ -215,6 +215,19 @@ export default defineComponent({
             if (tabsPaneWrapperEl) {
                 tabsPaneWrapperEl.style.maxHeight = '';
                 tabsPaneWrapperEl.style.height = '';
+                const { paneWrapperStyle } = props;
+                if (typeof paneWrapperStyle === 'string') {
+                    tabsPaneWrapperEl.style.cssText = paneWrapperStyle;
+                }
+                else if (paneWrapperStyle) {
+                    const { maxHeight, height } = paneWrapperStyle;
+                    if (maxHeight !== undefined) {
+                        tabsPaneWrapperEl.style.maxHeight = maxHeight;
+                    }
+                    if (height !== undefined) {
+                        tabsPaneWrapperEl.style.height = height;
+                    }
+                }
             }
         }
         const renderNameListRef = { value: [] };
@@ -282,7 +295,7 @@ export default defineComponent({
                 }
             }
             if (type !== 'segment') {
-                deriveScrollShadow((_b = xScrollInstRef.value) === null || _b === void 0 ? void 0 : _b.$el);
+                deriveScrollShadow(((_b = xScrollInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) || null);
             }
         }
         const handleNavResize = throttle(_handleNavResize, 64);
@@ -313,7 +326,7 @@ export default defineComponent({
                     addTabFixedRef.value = false;
                 }
             }
-            deriveScrollShadow((_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el);
+            deriveScrollShadow(((_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) || null);
         }
         const handleTabsResize = throttle(_handleTabsResize, 64);
         function handleAdd() {

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

@@ -124,7 +124,9 @@ export default cB('tabs', `
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), cM('shadow-end', [c('&::after', `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
- `)])])]), cM('left, right', [cB('tabs-nav-scroll-wrapper', [c('&::before', `
+ `)])])]), cM('left, right', [cB('tabs-nav-scroll-content', `
+ flex-direction: column;
+ `), cB('tabs-nav-scroll-wrapper', [c('&::before', `
  top: 0;
  left: 0;
  right: 0;
@@ -160,6 +162,7 @@ export default cB('tabs', `
  display: flex;
  position: relative;
  min-width: 100%;
+ min-height: 100%;
  width: fit-content;
  box-sizing: border-box;
  `), cB('tabs-wrapper', `
@@ -293,7 +296,6 @@ export default cB('tabs', `
  `), cB('tabs-pad', `
  flex-grow: 1;
  transition: border-color .3s var(--n-bezier);
- border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-tab-pad', `
  transition: border-color .3s var(--n-bezier);
  `), cB('tabs-tab', `
@@ -334,6 +336,8 @@ export default cB('tabs', `
  border-bottom: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-bottom: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-bottom: 1px solid var(--n-tab-border-color);
  `)])]), cM('left', [cM('card-type', [cB('tabs-tab', `
  border-top-left-radius: var(--n-tab-border-radius);
  border-bottom-left-radius: var(--n-tab-border-radius);
@@ -341,6 +345,8 @@ export default cB('tabs', `
  border-right: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-right: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-right: 1px solid var(--n-tab-border-color);
  `)])]), cM('right', [cM('card-type', [cB('tabs-tab', `
  border-top-right-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
@@ -348,6 +354,8 @@ export default cB('tabs', `
  border-left: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-left: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-left: 1px solid var(--n-tab-border-color);
  `)])]), cM('bottom', [cM('card-type', [cB('tabs-tab', `
  border-bottom-left-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
@@ -355,4 +363,6 @@ export default cB('tabs', `
  border-top: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-top: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-top: 1px solid var(--n-tab-border-color);
  `)])])])]);

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

@@ -624,7 +624,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     contentRef: Ref<HTMLElement | null>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     handleClick: (e: MouseEvent) => void;
@@ -984,5 +984,5 @@ declare const _default: import("vue").DefineComponent<{
     triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;
     internalCloseIsButtonTag: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1 +1 @@
-export declare const MaximizeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export declare const MaximizeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

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

@@ -1 +1 @@
-export declare const MinimizeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export declare const MinimizeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

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

@@ -117,8 +117,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     theme: import("vue").ComputedRef<GlobalThemeOverrides>;
     showPanel: import("vue").Ref<boolean>;
-    tempOverrides: any;
-    overrides: any;
+    tempOverrides: import("vue").Ref<any>;
+    overrides: import("vue").Ref<any>;
     compNamePattern: import("vue").Ref<string>;
     tempCompNamePattern: import("vue").Ref<string>;
     varNamePattern: import("vue").Ref<string>;
@@ -132,5 +132,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleInputFileChange: () => void;
     toggleMaximized: () => void;
     isMaximized: import("vue").Ref<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/themes/dark.js

@@ -54,6 +54,7 @@ import { popconfirmDark } from '../popconfirm/styles';
 import { popoverDark } from '../popover/styles';
 import { popselectDark } from '../popselect/styles';
 import { progressDark } from '../progress/styles';
+import { qrcodeDark } from '../qr-code/styles';
 import { radioDark } from '../radio/styles';
 import { rateDark } from '../rate/styles';
 import { resultDark } from '../result/styles';
@@ -80,6 +81,7 @@ import { typographyDark } from '../typography/styles';
 import { treeDark } from '../tree/styles';
 import { uploadDark } from '../upload/styles';
 import { watermarkDark } from '../watermark/styles';
+import { splitDark } from '../split/styles';
 export const darkTheme = {
     name: 'dark',
     common: commonDark,
@@ -138,6 +140,7 @@ export const darkTheme = {
     Popover: popoverDark,
     Popselect: popselectDark,
     Progress: progressDark,
+    QrCode: qrcodeDark,
     Radio: radioDark,
     Rate: rateDark,
     Result: resultDark,
@@ -163,5 +166,6 @@ export const darkTheme = {
     TreeSelect: treeSelectDark,
     Typography: typographyDark,
     Upload: uploadDark,
-    Watermark: watermarkDark
+    Watermark: watermarkDark,
+    Split: splitDark
 };

package/es/themes/light.js

@@ -56,6 +56,7 @@ import { popconfirmLight } from '../popconfirm/styles';
 import { popoverLight } from '../popover/styles';
 import { popselectLight } from '../popselect/styles';
 import { progressLight } from '../progress/styles';
+import { qrcodeLight } from '../qr-code/styles';
 import { radioLight } from '../radio/styles';
 import { rateLight } from '../rate/styles';
 import { resultLight } from '../result/styles';
@@ -82,6 +83,7 @@ import { treeLight } from '../tree/styles';
 import { treeSelectLight } from '../tree-select/styles';
 import { uploadLight } from '../upload/styles';
 import { watermarkLight } from '../watermark/styles';
+import { splitLight } from '../split/styles';
 export const lightTheme = {
     name: 'light',
     common: commonLight,
@@ -140,6 +142,7 @@ export const lightTheme = {
     Popover: popoverLight,
     Popselect: popselectLight,
     Progress: progressLight,
+    QrCode: qrcodeLight,
     Radio: radioLight,
     Rate: rateLight,
     Row: rowLight,
@@ -165,5 +168,6 @@ export const lightTheme = {
     TreeSelect: treeSelectLight,
     Typography: typographyLight,
     Upload: uploadLight,
-    Watermark: watermarkLight
+    Watermark: watermarkLight,
+    Split: splitLight
 };

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

@@ -4,8 +4,10 @@ export declare const thingProps: {
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -32,8 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -58,8 +62,10 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -82,5 +88,5 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     contentIndented: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/thing/src/Thing.js

@@ -2,7 +2,7 @@ import { h, defineComponent, computed, Fragment } from 'vue';
 import { useConfig, useTheme, useThemeClass, useRtl } from '../../_mixins';
 import { thingLight } from '../styles';
 import style from './styles/index.cssr';
-export const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, descriptionStyle: [String, Object], content: String, contentStyle: [String, Object], contentIndented: Boolean });
+export const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, descriptionClass: String, descriptionStyle: [String, Object], content: String, contentClass: String, contentStyle: [String, Object], contentIndented: Boolean });
 export default defineComponent({
     name: 'Thing',
     props: thingProps,
@@ -53,7 +53,10 @@ export default defineComponent({
                                 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`, style: props.descriptionStyle }, slots.description
+                            slots.description || props.description ? (h("div", { class: [
+                                    `${mergedClsPrefix}-thing-main__description`,
+                                    props.descriptionClass
+                                ], style: props.descriptionStyle }, slots.description
                                 ? slots.description()
                                 : props.description)) : null)) : null)) : (h(Fragment, null,
                         slots.header ||
@@ -64,10 +67,16 @@ export default defineComponent({
                             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`, style: props.descriptionStyle }, slots.description
+                        slots.description || props.description ? (h("div", { class: [
+                                `${mergedClsPrefix}-thing-main__description`,
+                                props.descriptionClass
+                            ], style: props.descriptionStyle }, slots.description
                             ? slots.description()
                             : props.description)) : null)),
-                    slots.default || props.content ? (h("div", { class: `${mergedClsPrefix}-thing-main__content`, style: props.contentStyle }, slots.default ? slots.default() : props.content)) : null,
+                    slots.default || props.content ? (h("div", { class: [
+                            `${mergedClsPrefix}-thing-main__content`,
+                            props.contentClass
+                        ], style: props.contentStyle }, 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/time/src/Time.d.ts

@@ -61,5 +61,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly time: number | Date;
     readonly to: number | Date;
     readonly unix: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/time/src/Time.js

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