naive-ui 2.43.0 → 2.43.2

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

@@ -1,5 +1,5 @@
+import type { PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type PropType, type SlotsType, type VNode } from 'vue';
 export declare const stepProps: {
     readonly status: PropType<"process" | "finish" | "error" | "wait">;
     readonly title: StringConstructor;
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     stepsSlots: import("./Steps").StepsSlots;
     mergedClsPrefix: import("vue").Ref<string, string>;
-    vertical: import("vue").ComputedRef<boolean>;
+    vertical: import("vue").Ref<boolean, boolean>;
     mergedStatus: import("vue").ComputedRef<"error" | "wait" | "finish" | "process">;
     handleStepClick: import("vue").ComputedRef<(() => void) | undefined>;
     cssVars: import("vue").ComputedRef<{
@@ -47,6 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
+    contentPlacement: import("vue").Ref<"bottom" | "right", "bottom" | "right">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly status: PropType<"process" | "finish" | "error" | "wait">;
     readonly title: StringConstructor;

package/lib/steps/src/Step.js

@@ -28,9 +28,8 @@ exports.default = (0, vue_1.defineComponent)({
             (0, _utils_1.throwError)('step', '`n-step` must be placed inside `n-steps`.');
         const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
         const { props: stepsProps, mergedThemeRef, mergedClsPrefixRef, stepsSlots } = NSteps;
-        const verticalRef = (0, vue_1.computed)(() => {
-            return stepsProps.vertical;
-        });
+        const verticalRef = (0, vue_1.toRef)(stepsProps, 'vertical');
+        const contentPlacementRef = (0, vue_1.toRef)(stepsProps, 'contentPlacement');
         const mergedStatusRef = (0, vue_1.computed)(() => {
             const { status } = props;
             if (status) {
@@ -102,11 +101,12 @@ exports.default = (0, vue_1.defineComponent)({
             handleStepClick,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            contentPlacement: contentPlacementRef
         };
     },
     render() {
-        const { mergedClsPrefix, onRender, handleStepClick, disabled } = this;
+        const { mergedClsPrefix, onRender, handleStepClick, disabled, contentPlacement, vertical } = this;
         const descriptionNode = (0, _utils_1.resolveWrappedSlot)(this.$slots.default, (children) => {
             const mergedDescription = children || this.description;
             if (mergedDescription) {
@@ -114,6 +114,48 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return null;
         });
+        const splitorNode = (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` });
+        const indicatorNode = (
+        // We need a key here to prevent reconcile progress from affecting styling.
+        // A DOM can be reused so if it is used both for A component & B component,
+        // the styling transition bewteen two components may be incorrect.
+        (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator`, key: contentPlacement },
+            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator-slot` },
+                (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
+                    default: () => {
+                        return (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (icon) => {
+                            const { mergedStatus, stepsSlots } = this;
+                            return !(mergedStatus === 'finish' || mergedStatus === 'error') ? (icon || ((0, vue_1.h)("div", { key: this.internalIndex, class: `${mergedClsPrefix}-step-indicator-slot__index` }, this.internalIndex))) : mergedStatus === 'finish' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "finish" }, {
+                                default: () => (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
+                                    (0, vue_1.h)(icons_1.CheckmarkIcon, null)
+                                ])
+                            })) : mergedStatus === 'error' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "error" }, {
+                                default: () => (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
+                                    (0, vue_1.h)(icons_1.CloseIcon, null)
+                                ])
+                            })) : null;
+                        });
+                    }
+                })),
+            vertical ? splitorNode : null));
+        const contentNode = ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content` },
+            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header` },
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header__title` }, (0, _utils_1.resolveSlot)(this.$slots.title, () => [this.title])),
+                !vertical && contentPlacement === 'right' ? splitorNode : null),
+            descriptionNode));
+        let stepNode;
+        if (!vertical && contentPlacement === 'bottom') {
+            stepNode = ((0, vue_1.h)(vue_1.Fragment, null,
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-line` },
+                    indicatorNode,
+                    splitorNode),
+                contentNode));
+        }
+        else {
+            stepNode = ((0, vue_1.h)(vue_1.Fragment, null,
+                indicatorNode,
+                contentNode));
+        }
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-step`,
@@ -122,30 +164,6 @@ exports.default = (0, vue_1.defineComponent)({
                 this.themeClass,
                 descriptionNode && `${mergedClsPrefix}-step--show-description`,
                 `${mergedClsPrefix}-step--${this.mergedStatus}-status`
-            ], style: this.cssVars, onClick: handleStepClick },
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator` },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator-slot` },
-                    (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                        default: () => {
-                            return (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (icon) => {
-                                const { mergedStatus, stepsSlots } = this;
-                                return !(mergedStatus === 'finish' || mergedStatus === 'error') ? (icon || ((0, vue_1.h)("div", { key: this.internalIndex, class: `${mergedClsPrefix}-step-indicator-slot__index` }, this.internalIndex))) : mergedStatus === 'finish' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "finish" }, {
-                                    default: () => (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
-                                        (0, vue_1.h)(icons_1.CheckmarkIcon, null)
-                                    ])
-                                })) : mergedStatus === 'error' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "error" }, {
-                                    default: () => (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
-                                        (0, vue_1.h)(icons_1.CloseIcon, null)
-                                    ])
-                                })) : null;
-                            });
-                        }
-                    })),
-                this.vertical ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content` },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header__title` }, (0, _utils_1.resolveSlot)(this.$slots.title, () => [this.title])),
-                    !this.vertical ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
-                descriptionNode)));
+            ], style: this.cssVars, onClick: handleStepClick }, stepNode));
     }
 });

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

@@ -1,7 +1,7 @@
+import type { ExtractPropTypes, PropType, Ref, SlotsType, VNode } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { StepsTheme } from '../styles';
-import { type ExtractPropTypes, type PropType, type Ref, type SlotsType, type VNode } from 'vue';
 export declare const stepsProps: {
     current: NumberConstructor;
     status: {
@@ -13,6 +13,10 @@ export declare const stepsProps: {
         default: string;
     };
     vertical: BooleanConstructor;
+    contentPlacement: {
+        type: PropType<"right" | "bottom">;
+        default: string;
+    };
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
@@ -145,6 +149,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     vertical: BooleanConstructor;
+    contentPlacement: {
+        type: PropType<"right" | "bottom">;
+        default: string;
+    };
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
@@ -266,6 +274,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     vertical: BooleanConstructor;
+    contentPlacement: {
+        type: PropType<"right" | "bottom">;
+        default: string;
+    };
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
@@ -377,5 +389,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     size: "small" | "medium";
     status: "error" | "wait" | "finish" | "process";
     vertical: boolean;
+    contentPlacement: "bottom" | "right";
 }, SlotsType<StepsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/steps/src/Steps.js

@@ -27,7 +27,10 @@ exports.stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, size: {
         type: String,
         default: 'medium'
-    }, vertical: Boolean, 'onUpdate:current': [Function, Array], onUpdateCurrent: [Function, Array] });
+    }, vertical: Boolean, contentPlacement: {
+        type: String,
+        default: 'right'
+    }, 'onUpdate:current': [Function, Array], onUpdateCurrent: [Function, Array] });
 exports.stepsInjectionKey = (0, _utils_1.createInjectionKey)('n-steps');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
@@ -53,7 +56,9 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-steps`,
                 this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
-                this.vertical && `${mergedClsPrefix}-steps--vertical`
+                this.vertical && `${mergedClsPrefix}-steps--vertical`,
+                this.contentPlacement === 'bottom'
+                    && `${mergedClsPrefix}-steps--content-bottom`
             ] }, stepsWithIndex((0, _utils_1.flatten)((0, _utils_1.getSlot)(this)))));
     }
 });

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

@@ -104,4 +104,11 @@ exports.default = (0, cssr_1.cB)('steps', `
  margin: 0 !important;
  left: calc(var(--n-indicator-size) / 2);
  height: calc(100% - var(--n-indicator-size));
- `)])]), (0, cssr_1.cB)('step-content', [(0, cssr_1.cE)('description', 'margin-top: 8px;')])])])])])]);
+ `)])]), (0, cssr_1.cB)('step-content', [(0, cssr_1.cE)('description', 'margin-top: 8px;')])])])])]), (0, cssr_1.cM)('content-bottom', [(0, cssr_1.cNotM)('vertical', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'flex-direction: column', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-line', 'display: flex;', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ margin-top: 0;
+ align-self: center;
+ `)])])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-content', 'margin-top: calc(var(--n-indicator-size) / 2 - var(--n-step-header-font-size) / 2);', [(0, cssr_1.cB)('step-content-header', `
+ margin-left: 0;
+ `), (0, cssr_1.cB)('step-content__description', `
+ margin-left: 0;
+ `)])])])])])])]);

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

@@ -1,6 +1,6 @@
+import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue } from './interface';
-import { type CSSProperties, type PropType, type SlotsType, type VNode } from 'vue';
 export declare const switchProps: {
     readonly size: {
         readonly type: PropType<"small" | "medium" | "large">;
@@ -463,11 +463,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly value: string | number | boolean | undefined;
-    readonly size: "small" | "medium" | "large";
     readonly disabled: boolean | undefined;
-    readonly round: boolean;
-    readonly loading: boolean;
+    readonly size: "small" | "medium" | "large";
     readonly defaultValue: string | number | boolean;
+    readonly loading: boolean;
+    readonly round: boolean;
     readonly checkedValue: string | number | boolean;
     readonly uncheckedValue: string | number | boolean;
     readonly rubberBand: boolean;

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

@@ -1,5 +1,5 @@
+import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type PropType } from 'vue';
 export declare const tableProps: {
     bordered: {
         type: BooleanConstructor;

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

@@ -1,35 +1,35 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const tabProps: {
+    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
     };
-    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
-    readonly disabled: BooleanConstructor;
-    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;
 };
 export type TabProps = ExtractPublicPropTypes<typeof tabProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
     };
-    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
-    readonly disabled: BooleanConstructor;
-    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;
@@ -46,18 +46,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleClose(e: MouseEvent): void;
     activateTab(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
     };
-    readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
-    readonly disabled: BooleanConstructor;
-    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;

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

@@ -1,5 +1,5 @@
+import type { HTMLAttributes, PropType, SlotsType, VNode, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type HTMLAttributes, type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
 export declare const tabPaneProps: {
     readonly tab: PropType<string | number | VNode | (() => VNodeChild)>;
     readonly name: {

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

@@ -1,7 +1,8 @@
+import type { ComponentPublicInstance, CSSProperties, ExtractPropTypes, PropType, SlotsType, VNode } from 'vue';
+import type { VXScrollInst } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Addable, OnBeforeLeave, OnClose, OnUpdateValue, TabsType } from './interface';
-import { type ComponentPublicInstance, type CSSProperties, type ExtractPropTypes, nextTick, type PropType, type SlotsType, type VNode } from 'vue';
-import { type VXScrollInst } from 'vueuc';
+import { nextTick } from 'vue';
 export declare const tabsProps: {
     readonly value: PropType<string | number>;
     readonly defaultValue: PropType<string | number>;
@@ -734,12 +735,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     addTabFixed: import("vue").Ref<boolean, boolean>;
     tabWrapperStyle: import("vue").ComputedRef<{
         display: string;
-        justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
+        justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
     } | undefined>;
-    handleNavResize: import("lodash").DebouncedFuncLeading<(entry: ResizeObserverEntry) => void>;
+    handleNavResize: (entry: ResizeObserverEntry) => void;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
-    handleScroll: import("lodash").DebouncedFuncLeading<(e: Event) => void>;
-    handleTabsResize: import("lodash").DebouncedFuncLeading<(entry: ResizeObserverEntry) => void>;
+    handleScroll: (e: Event) => void;
+    handleTabsResize: (entry: ResizeObserverEntry) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-color-segment': string;
@@ -775,7 +776,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         '--n-tab-color-segment': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
-    animationDirection: import("vue").Ref<"next" | "prev", "next" | "prev">;
+    animationDirection: import("vue").Ref<"prev" | "next", "prev" | "next">;
     renderNameListRef: {
         value: Array<string | number>;
     };
@@ -1106,7 +1107,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly type: TabsType;
     readonly size: "small" | "medium" | "large";
     readonly closable: boolean;
-    readonly placement: "left" | "right" | "top" | "bottom";
+    readonly placement: "top" | "bottom" | "left" | "right";
     readonly trigger: "click" | "hover";
     readonly animated: boolean;
     readonly tabsPadding: number;

package/lib/tabs/src/Tabs.js

@@ -15,6 +15,8 @@ const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const Tab_1 = __importDefault(require("./Tab"));
+// Fix vue-tsc error
+const throttle = lodash_1.throttle;
 exports.tabsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { value: [String, Number], defaultValue: [String, Number], trigger: {
         type: String,
         default: 'click'
@@ -372,7 +374,7 @@ exports.default = (0, vue_1.defineComponent)({
                     : yScrollElRef.value) || null);
             }
         }
-        const handleNavResize = (0, lodash_1.throttle)(_handleNavResize, 64);
+        const handleNavResize = throttle(_handleNavResize, 64);
         (0, vue_1.watch)([() => props.justifyContent, () => props.size], () => {
             void (0, vue_1.nextTick)(() => {
                 const { type } = props;
@@ -419,7 +421,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
             deriveScrollShadow(((_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) || null);
         }
-        const handleTabsResize = (0, lodash_1.throttle)(_handleTabsResize, 64);
+        const handleTabsResize = throttle(_handleTabsResize, 64);
         function handleAdd() {
             const { onAdd } = props;
             if (onAdd)
@@ -451,7 +453,7 @@ exports.default = (0, vue_1.defineComponent)({
                 endReachedRef.value = scrollTop + offsetHeight >= scrollHeight;
             }
         }
-        const handleScroll = (0, lodash_1.throttle)((e) => {
+        const handleScroll = throttle((e) => {
             deriveScrollShadow(e.target);
         }, 64);
         (0, vue_1.provide)(interface_1.tabsInjectionKey, {

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

@@ -1,5 +1,5 @@
+import type { PropType, Ref, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { type PropType, type Ref, type SlotsType, type VNode } from 'vue';
 export interface TagPublicMethods {
     setTextContent: (textContent: string) => void;
 }
@@ -970,14 +970,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         closeMargin: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "info" | "warning" | "success" | "primary";
-    size: "small" | "medium" | "large" | "tiny";
     disabled: boolean | undefined;
-    strong: boolean;
-    round: boolean;
-    checked: boolean;
+    type: "default" | "info" | "warning" | "error" | "success" | "primary";
+    size: "tiny" | "small" | "medium" | "large";
     bordered: boolean | undefined;
     closable: boolean;
+    round: boolean;
+    strong: boolean;
+    checked: boolean;
     checkable: boolean;
     triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;

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

@@ -1,4 +1,4 @@
-import { type GlobalThemeOverrides } from '../../config-provider';
+import type { GlobalThemeOverrides } from '../../config-provider';
 declare const _default: import("vue").DefineComponent<{}, {
     locale: import("vue").Ref<{
         title: string;

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

@@ -1,5 +1,5 @@
+import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type CSSProperties, type PropType, type SlotsType, type VNode } from 'vue';
 export declare const thingProps: {
     title: StringConstructor;
     titleExtra: StringConstructor;

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

@@ -1,5 +1,5 @@
+import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type PropType } from 'vue';
 export declare const timeProps: {
     readonly time: {
         readonly type: PropType<number | Date>;
@@ -58,8 +58,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly type: "relative" | "date" | "datetime";
     readonly to: number | Date;
-    readonly time: number | Date;
     readonly text: boolean;
+    readonly time: number | Date;
     readonly unix: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/time-picker/src/Panel.d.ts

@@ -1,6 +1,6 @@
+import type { PropType } from 'vue';
 import type { MaybeArray } from '../../_utils';
-import { type PropType } from 'vue';
-import { type IsHourDisabled, type IsMinuteDisabled, type IsSecondDisabled, type Item, type ItemValue } from './interface';
+import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, Item, ItemValue } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<Array<"clear" | "now" | "confirm"> | null>;
@@ -846,7 +846,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     use12Hours: BooleanConstructor;
 }>> & Readonly<{}>, {
     transitionDisabled: boolean;
-    actions: ("clear" | "confirm" | "now")[] | null;
+    actions: ("clear" | "now" | "confirm")[] | null;
     use12Hours: boolean;
     isValueInvalid: boolean;
     isHourInvalid: boolean;

package/lib/time-picker/src/PanelCol.d.ts

@@ -1,5 +1,5 @@
+import type { PropType } from 'vue';
 import type { Item } from './interface';
-import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;

package/lib/time-picker/src/TimePicker.d.ts

@@ -1,8 +1,8 @@
+import type { PropType, VNode } from 'vue';
+import type { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, PanelRef, Size } from './interface';
-import { type PropType, type VNode } from 'vue';
-import { type FollowerPlacement } from 'vueuc';
 export declare const timePickerProps: {
     to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -3573,15 +3573,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    to: string | boolean | HTMLElement;
     disabled: boolean | undefined;
-    show: boolean | undefined;
-    format: string;
     showIcon: boolean;
     bordered: boolean | undefined;
+    to: string | boolean | HTMLElement;
     clearable: boolean;
     defaultValue: number | null;
     placement: FollowerPlacement;
+    show: boolean | undefined;
+    format: string;
     inputReadonly: boolean;
     use12Hours: boolean;
     stateful: boolean;

package/lib/time-picker/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { type MaybeArray } from '../../_utils';
+import type { MaybeArray } from '../../_utils';
 export declare const time: {
     amHours: string[];
     pmHours: string[];

package/lib/timeline/src/Timeline.d.ts

@@ -1,7 +1,7 @@
+import type { ExtractPropTypes, PropType, Ref } from 'vue';
+import type { MergedTheme } from '../../_mixins';
+import type { ExtractPublicPropTypes } from '../../_utils';
 import type { TimelineTheme } from '../styles';
-import { type ExtractPropTypes, type PropType, type Ref } from 'vue';
-import { type MergedTheme } from '../../_mixins';
-import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const timelineProps: {
     readonly horizontal: BooleanConstructor;
     readonly itemPlacement: {
@@ -260,8 +260,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         iconSizeLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly size: "medium" | "large";
     readonly horizontal: boolean;
+    readonly size: "medium" | "large";
     readonly itemPlacement: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/timeline/src/TimelineItem.d.ts

@@ -1,5 +1,5 @@
+import type { PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type PropType, type SlotsType, type VNode } from 'vue';
 export declare const timelineItemProps: {
     time: PropType<string | number>;
     title: StringConstructor;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "info" | "warning" | "success";
+    type: "default" | "info" | "warning" | "error" | "success";
     lineType: "default" | "dashed";
 }, SlotsType<TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/tooltip/src/Tooltip.d.ts

@@ -1,6 +1,6 @@
+import type { SlotsType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { PopoverInst, PopoverSlots } from '../../popover';
-import { type SlotsType } from 'vue';
 export type TooltipInst = PopoverInst;
 export declare const tooltipProps: {
     theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
@@ -669,21 +669,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
 }>> & Readonly<{}>, {
-    to: string | boolean | HTMLElement;
     disabled: boolean;
-    show: boolean | undefined;
-    flip: boolean;
-    width: number | "trigger";
-    duration: number;
     raw: boolean;
+    to: string | boolean | HTMLElement;
     placement: import("vueuc/lib/binder/src/interface").Placement;
+    width: number | "trigger";
+    show: boolean | undefined;
     showArrow: boolean;
     trigger: import("../../popover").PopoverTrigger;
     arrow: boolean | undefined;
     defaultShow: boolean;
     delay: number;
+    duration: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    flip: boolean;
     animated: boolean;
     overlap: boolean;
     keepAliveOnHover: boolean;

package/lib/transfer/src/Transfer.d.ts

@@ -1,6 +1,6 @@
-import { type PropType, type VNodeChild } from 'vue';
-import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
-import { type Filter, type OnUpdateValue, type Option, type OptionValue, type TransferRenderSourceLabel, type TransferRenderSourceList, type TransferRenderTargetLabel } from './interface';
+import type { PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { Filter, OnUpdateValue, Option, OptionValue, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './interface';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -3960,10 +3960,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly options: Option[];
-    readonly filter: Filter;
     readonly disabled: boolean | undefined;
+    readonly filter: Filter;
     readonly defaultValue: OptionValue[] | null;
+    readonly options: Option[];
     readonly filterable: boolean;
     readonly virtualScroll: boolean;
     readonly sourceFilterable: boolean;

package/lib/transfer/src/TransferFilter.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     placeholder: StringConstructor;