naive-ui 2.34.4 → 2.36.0

package/lib/split/src/Split.js

@@ -0,0 +1,151 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitProps = void 0;
+const vue_1 = require("vue");
+const _utils_1 = require("../../_utils");
+const use_config_1 = __importDefault(require("../../_mixins/use-config"));
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+const _mixins_1 = require("../../_mixins");
+const styles_1 = require("../styles");
+const evtd_1 = require("evtd");
+exports.splitProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { direction: {
+        type: String,
+        default: 'horizontal'
+    }, resizeTriggerSize: {
+        type: Number,
+        default: 3
+    }, disabled: Boolean, defaultSize: {
+        type: Number,
+        default: 0.5
+    }, min: {
+        type: Number,
+        default: 0
+    }, max: {
+        type: Number,
+        default: 1
+    }, onDragStart: Function, onDragMove: Function, onDragEnd: Function });
+exports.default = (0, vue_1.defineComponent)({
+    name: 'Split',
+    props: exports.splitProps,
+    setup(props) {
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, use_config_1.default)(props);
+        const themeRef = (0, _mixins_1.useTheme)('Split', '-split', index_cssr_1.default, styles_1.splitLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { self: { resizableTriggerColorHover } } = themeRef.value;
+            return {
+                '--n-resize-trigger-color-hover': resizableTriggerColorHover
+            };
+        });
+        const resizeTriggerElRef = (0, vue_1.ref)(null);
+        const isDraggingRef = (0, vue_1.ref)(false);
+        const currentSize = (0, vue_1.ref)(props.defaultSize);
+        const firstPaneStyle = (0, vue_1.computed)(() => {
+            const size = currentSize.value * 100;
+            return {
+                flex: `0 0 calc(${size}% - ${(props.resizeTriggerSize * size) / 100}px)`
+            };
+        });
+        const resizeTriggerStyle = (0, vue_1.computed)(() => {
+            return props.direction === 'horizontal'
+                ? {
+                    width: `${props.resizeTriggerSize}px`,
+                    height: '100%'
+                }
+                : {
+                    width: '100%',
+                    height: `${props.resizeTriggerSize}px`
+                };
+        });
+        const resizeTriggerWrapperStyle = (0, vue_1.computed)(() => {
+            const horizontal = props.direction === 'horizontal';
+            return {
+                width: horizontal ? `${props.resizeTriggerSize}px` : '',
+                height: horizontal ? '' : `${props.resizeTriggerSize}px`,
+                cursor: props.direction === 'horizontal' ? 'col-resize' : 'row-resize'
+            };
+        });
+        let offset = 0;
+        const handleMouseDown = (e) => {
+            e.preventDefault();
+            isDraggingRef.value = true;
+            if (props.onDragStart)
+                props.onDragStart(e);
+            const mouseMoveEvent = 'mousemove';
+            const mouseUpEvent = 'mouseup';
+            const onMouseMove = (e) => {
+                updateSize(e);
+                if (props.onDragMove)
+                    props.onDragMove(e);
+            };
+            const onMouseUp = () => {
+                (0, evtd_1.off)(mouseMoveEvent, document, onMouseMove);
+                (0, evtd_1.off)(mouseUpEvent, document, onMouseUp);
+                isDraggingRef.value = false;
+                if (props.onDragEnd)
+                    props.onDragEnd(e);
+                document.body.style.cursor = '';
+            };
+            document.body.style.cursor = resizeTriggerWrapperStyle.value.cursor;
+            (0, evtd_1.on)(mouseMoveEvent, document, onMouseMove);
+            (0, evtd_1.on)(mouseUpEvent, document, onMouseUp);
+            const resizeTriggerEl = resizeTriggerElRef.value;
+            if (resizeTriggerEl) {
+                const elRect = resizeTriggerEl.getBoundingClientRect();
+                if (props.direction === 'horizontal') {
+                    offset = e.clientX - elRect.left;
+                }
+                else {
+                    offset = elRect.top - e.clientY;
+                }
+            }
+            updateSize(e);
+        };
+        const updateSize = (event) => {
+            var _a, _b;
+            const parentRect = (_b = (_a = resizeTriggerElRef.value) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+            if (!parentRect)
+                return;
+            const newSize = props.direction === 'horizontal'
+                ? (event.clientX - parentRect.left - offset) /
+                    (parentRect.width - props.resizeTriggerSize)
+                : (event.clientY - parentRect.top + offset) /
+                    (parentRect.height - props.resizeTriggerSize);
+            currentSize.value = newSize;
+            if (props.min) {
+                currentSize.value = Math.max(newSize, props.min);
+            }
+            if (props.max) {
+                currentSize.value = Math.min(currentSize.value, props.max);
+            }
+        };
+        return {
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            resizeTriggerElRef,
+            isDragging: isDraggingRef,
+            mergedClsPrefix: mergedClsPrefixRef,
+            resizeTriggerWrapperStyle,
+            resizeTriggerStyle,
+            handleMouseDown,
+            firstPaneStyle
+        };
+    },
+    render() {
+        var _a, _b, _c, _d;
+        return ((0, vue_1.h)("div", { class: [
+                `${this.mergedClsPrefix}-split`,
+                `${this.mergedClsPrefix}-split--${this.direction}`
+            ], style: this.cssVars },
+            (0, vue_1.h)("div", { class: `${this.mergedClsPrefix}-split-pane-1`, style: this.firstPaneStyle }, (_b = (_a = this.$slots)[1]) === null || _b === void 0 ? void 0 : _b.call(_a)),
+            !this.disabled && ((0, vue_1.h)("div", { ref: "resizeTriggerElRef", class: `${this.mergedClsPrefix}-split__resize-trigger-wrapper`, style: this.resizeTriggerWrapperStyle, onMousedown: this.handleMouseDown }, (0, _utils_1.resolveSlot)(this.$slots['resize-trigger'], () => [
+                (0, vue_1.h)("div", { style: this.resizeTriggerStyle, class: [
+                        `${this.mergedClsPrefix}-split__resize-trigger`,
+                        this.isDragging &&
+                            `${this.mergedClsPrefix}-split__resize-trigger--hover`
+                    ] })
+            ]))),
+            (0, vue_1.h)("div", { class: `${this.mergedClsPrefix}-split-pane-2` }, (_d = (_c = this.$slots)[2]) === null || _d === void 0 ? void 0 : _d.call(_c))));
+    }
+});

package/lib/split/src/styles/index.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
+// --n-border-color
+// --n-color
+exports.default = (0, cssr_1.cB)('split', `
+ display: flex;
+ width: 100%;
+ height: 100%;
+`, [(0, cssr_1.cM)('horizontal', `
+ flex-direction: row;
+ `), (0, cssr_1.cM)('vertical', `
+ flex-direction: column;
+ `), (0, cssr_1.cB)('split-pane-1', `
+ overflow: hidden;
+ `), (0, cssr_1.cB)('split-pane-2', `
+ overflow: hidden;
+ flex: 1;
+ `), (0, cssr_1.cE)('resize-trigger', `
+ background-color: var(--n-border-color);
+ transition: background-color .3s var(--n-bezier);
+ `, [(0, cssr_1.cM)('hover', `
+ background-color: var(--n-resize-trigger-color-hover);
+ `), (0, cssr_1.c)('&:hover', `
+ background-color: var(--n-resize-trigger-color-hover);
+ `)])]);

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

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

package/lib/split/styles/dark.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../../_styles/common");
+const splitDark = {
+    name: 'Split',
+    common: common_1.commonDark
+};
+exports.default = splitDark;

package/lib/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/lib/split/styles/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitLight = exports.splitDark = void 0;
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "splitDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
+var light_1 = require("./light");
+Object.defineProperty(exports, "splitLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });

package/lib/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/lib/split/styles/light.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.self = void 0;
+const common_1 = require("../../_styles/common");
+const self = (vars) => {
+    const { primaryColorHover } = vars;
+    return {
+        resizableTriggerColorHover: primaryColorHover
+    };
+};
+exports.self = self;
+const themeLight = {
+    name: 'Split',
+    common: common_1.commonLight,
+    self: exports.self
+};
+exports.default = themeLight;

package/lib/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/lib/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/lib/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/lib/steps/src/styles/index.cssr.js

@@ -84,6 +84,7 @@ exports.default = (0, cssr_1.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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/tabs/src/Tab.js

@@ -78,7 +78,9 @@ exports.default = (0, vue_1.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)),
                 (0, vue_1.h)("span", { class: `${clsPrefix}-tabs-tab__label` }, internalAddable ? ((0, vue_1.h)(vue_1.Fragment, null,

package/lib/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/lib/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/lib/tabs/src/Tabs.js

@@ -221,6 +221,19 @@ exports.default = (0, vue_1.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: [] };
@@ -288,7 +301,7 @@ exports.default = (0, vue_1.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 = (0, lodash_1.throttle)(_handleNavResize, 64);
@@ -319,7 +332,7 @@ exports.default = (0, vue_1.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 = (0, lodash_1.throttle)(_handleTabsResize, 64);
         function handleAdd() {

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

@@ -129,7 +129,9 @@ exports.default = (0, cssr_1.cB)('tabs', `
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), (0, cssr_1.cM)('shadow-end', [(0, cssr_1.c)('&::after', `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
- `)])])]), (0, cssr_1.cM)('left, right', [(0, cssr_1.cB)('tabs-nav-scroll-wrapper', [(0, cssr_1.c)('&::before', `
+ `)])])]), (0, cssr_1.cM)('left, right', [(0, cssr_1.cB)('tabs-nav-scroll-content', `
+ flex-direction: column;
+ `), (0, cssr_1.cB)('tabs-nav-scroll-wrapper', [(0, cssr_1.c)('&::before', `
  top: 0;
  left: 0;
  right: 0;
@@ -165,6 +167,7 @@ exports.default = (0, cssr_1.cB)('tabs', `
  display: flex;
  position: relative;
  min-width: 100%;
+ min-height: 100%;
  width: fit-content;
  box-sizing: border-box;
  `), (0, cssr_1.cB)('tabs-wrapper', `
@@ -298,7 +301,6 @@ exports.default = (0, cssr_1.cB)('tabs', `
  `), (0, cssr_1.cB)('tabs-pad', `
  flex-grow: 1;
  transition: border-color .3s var(--n-bezier);
- border-bottom: 1px solid var(--n-tab-border-color);
  `), (0, cssr_1.cB)('tabs-tab-pad', `
  transition: border-color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('tabs-tab', `
@@ -339,6 +341,8 @@ exports.default = (0, cssr_1.cB)('tabs', `
  border-bottom: 1px solid #0000;
  `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-bottom: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-pad', `
+ border-bottom: 1px solid var(--n-tab-border-color);
  `)])]), (0, cssr_1.cM)('left', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
  border-top-left-radius: var(--n-tab-border-radius);
  border-bottom-left-radius: var(--n-tab-border-radius);
@@ -346,6 +350,8 @@ exports.default = (0, cssr_1.cB)('tabs', `
  border-right: 1px solid #0000;
  `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-right: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-pad', `
+ border-right: 1px solid var(--n-tab-border-color);
  `)])]), (0, cssr_1.cM)('right', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
  border-top-right-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
@@ -353,6 +359,8 @@ exports.default = (0, cssr_1.cB)('tabs', `
  border-left: 1px solid #0000;
  `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-left: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-pad', `
+ border-left: 1px solid var(--n-tab-border-color);
  `)])]), (0, cssr_1.cM)('bottom', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
  border-bottom-left-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
@@ -360,4 +368,6 @@ exports.default = (0, cssr_1.cB)('tabs', `
  border-top: 1px solid #0000;
  `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-top: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-pad', `
+ border-top: 1px solid var(--n-tab-border-color);
  `)])])])]);

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