@sdata/web-vue 2.2.1 → 2.6.0

package/es/popover/index.d.ts

@@ -14,11 +14,11 @@ declare const Popover: {
         title: StringConstructor;
         content: StringConstructor;
         trigger: {
-            type: import("vue").PropType<import("..").TriggerEvent | import("..").TriggerEvent[]>;
+            type: import("vue").PropType<import("../index.ts").TriggerEvent | import("../index.ts").TriggerEvent[]>;
             default: string;
         };
         position: {
-            type: import("vue").PropType<import("..").TriggerPosition>;
+            type: import("vue").PropType<import("../index.ts").TriggerPosition>;
             default: string;
         };
         contentClass: {
@@ -28,7 +28,7 @@ declare const Popover: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         scrollbar: {
-            type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
+            type: import("vue").PropType<boolean | import("../index.ts").ScrollbarProps>;
             default: boolean;
         };
         arrowClass: {
@@ -51,7 +51,7 @@ declare const Popover: {
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-        scrollbar: boolean | import("..").ScrollbarProps;
+        scrollbar: boolean | import("../index.ts").ScrollbarProps;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -71,11 +71,11 @@ declare const Popover: {
         title: StringConstructor;
         content: StringConstructor;
         trigger: {
-            type: import("vue").PropType<import("..").TriggerEvent | import("..").TriggerEvent[]>;
+            type: import("vue").PropType<import("../index.ts").TriggerEvent | import("../index.ts").TriggerEvent[]>;
             default: string;
         };
         position: {
-            type: import("vue").PropType<import("..").TriggerPosition>;
+            type: import("vue").PropType<import("../index.ts").TriggerPosition>;
             default: string;
         };
         contentClass: {
@@ -85,7 +85,7 @@ declare const Popover: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         scrollbar: {
-            type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
+            type: import("vue").PropType<boolean | import("../index.ts").ScrollbarProps>;
             default: boolean;
         };
         arrowClass: {
@@ -105,7 +105,7 @@ declare const Popover: {
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-        scrollbar: boolean | import("..").ScrollbarProps;
+        scrollbar: boolean | import("../index.ts").ScrollbarProps;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -122,11 +122,11 @@ declare const Popover: {
     title: StringConstructor;
     content: StringConstructor;
     trigger: {
-        type: import("vue").PropType<import("..").TriggerEvent | import("..").TriggerEvent[]>;
+        type: import("vue").PropType<import("../index.ts").TriggerEvent | import("../index.ts").TriggerEvent[]>;
         default: string;
     };
     position: {
-        type: import("vue").PropType<import("..").TriggerPosition>;
+        type: import("vue").PropType<import("../index.ts").TriggerPosition>;
         default: string;
     };
     contentClass: {
@@ -136,7 +136,7 @@ declare const Popover: {
         type: import("vue").PropType<import("vue").CSSProperties>;
     };
     scrollbar: {
-        type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
+        type: import("vue").PropType<boolean | import("../index.ts").ScrollbarProps>;
         default: boolean;
     };
     arrowClass: {
@@ -159,7 +159,7 @@ declare const Popover: {
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-    scrollbar: boolean | import("..").ScrollbarProps;
+    scrollbar: boolean | import("../index.ts").ScrollbarProps;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;

package/es/progress/index.d.ts

@@ -8,7 +8,7 @@ declare const Progress: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         percent: {
             type: NumberConstructor;
@@ -40,7 +40,7 @@ declare const Progress: {
             default: boolean;
         };
         status: {
-            type: import("vue").PropType<import("..").Status>;
+            type: import("vue").PropType<import("../index.ts").Status>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: "circle" | "line";
@@ -61,7 +61,7 @@ declare const Progress: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         percent: {
             type: NumberConstructor;
@@ -93,7 +93,7 @@ declare const Progress: {
             default: boolean;
         };
         status: {
-            type: import("vue").PropType<import("..").Status>;
+            type: import("vue").PropType<import("../index.ts").Status>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         type: "circle" | "line";
@@ -111,7 +111,7 @@ declare const Progress: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<import("..").Size>;
+        type: import("vue").PropType<import("../index.ts").Size>;
     };
     percent: {
         type: NumberConstructor;
@@ -143,7 +143,7 @@ declare const Progress: {
         default: boolean;
     };
     status: {
-        type: import("vue").PropType<import("..").Status>;
+        type: import("vue").PropType<import("../index.ts").Status>;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "circle" | "line";

package/es/qr-code/index.d.ts

@@ -60,7 +60,7 @@ declare const QrCode: {
             default: undefined;
         };
         spinProps: {
-            type: import("vue").PropType<import("../spin").SpinProps>;
+            type: import("vue").PropType<import("../spin/index.ts").SpinProps>;
             default: undefined;
         };
     }>> & Readonly<{
@@ -157,7 +157,7 @@ declare const QrCode: {
             default: undefined;
         };
         spinProps: {
-            type: import("vue").PropType<import("../spin").SpinProps>;
+            type: import("vue").PropType<import("../spin/index.ts").SpinProps>;
             default: undefined;
         };
     }>> & Readonly<{
@@ -249,7 +249,7 @@ declare const QrCode: {
         default: undefined;
     };
     spinProps: {
-        type: import("vue").PropType<import("../spin").SpinProps>;
+        type: import("vue").PropType<import("../spin/index.ts").SpinProps>;
         default: undefined;
     };
 }>> & Readonly<{

package/es/radio/radio.d.ts

@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<import("..").Size>;
+                type: PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<import("..").Size>;
+                type: PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {
@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
         };
         size: {
-            type: PropType<import("..").Size>;
+            type: PropType<import("../index.ts").Size>;
             default: string;
         };
         disabled: {

package/es/resize-box/resize-box.vue.d.ts

@@ -1,16 +1,16 @@
 import { PropType } from 'vue';
 export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
-declare var __VLS_9: {}, __VLS_20: {
+declare var __VLS_9: {}, __VLS_19: {
     direction: "top" | "bottom" | "left" | "right";
-}, __VLS_23: {
+}, __VLS_22: {
     direction: "top" | "bottom" | "left" | "right";
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 } & {
-    'resize-trigger'?: (props: typeof __VLS_20) => any;
+    'resize-trigger'?: (props: typeof __VLS_19) => any;
 } & {
-    'resize-trigger-icon'?: (props: typeof __VLS_23) => any;
+    'resize-trigger-icon'?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     width: {

package/es/resize-box/resize-box.vue_vue_type_script_setup_true_lang.js

@@ -79,14 +79,14 @@ var resize_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		* @binding {'left' | 'right' | 'top' | 'bottom'} direction
 		*/
 		const { height: propHeight, width: propWidth, directions } = toRefs(props);
-		const [width, setWidth] = useMergeState(null, reactive({ value: propWidth }));
-		const [height, setHeight] = useMergeState(null, reactive({ value: propHeight }));
+		const [resWidth, setResWidth] = useMergeState(null, reactive({ value: propWidth }));
+		const [resHeight, setResHeight] = useMergeState(null, reactive({ value: propHeight }));
 		const wrapperRef = ref();
 		const paddingStyles = reactive({});
 		const prefixCls = getPrefixCls("resizebox");
 		const classNames = computed(() => [prefixCls]);
 		const styles = computed(() => {
-			return _objectSpread2(_objectSpread2(_objectSpread2({}, isNumber(width.value) ? { width: `${width.value}px` } : {}), isNumber(height.value) ? { height: `${height.value}px` } : {}), paddingStyles);
+			return _objectSpread2(_objectSpread2(_objectSpread2({}, isNumber(resWidth.value) ? { width: `${resWidth.value}px` } : {}), isNumber(resHeight.value) ? { height: `${resHeight.value}px` } : {}), paddingStyles);
 		});
 		const allowDirections = computed(() => directions.value.filter((direction) => allDirections.includes(direction)));
 		const record = {
@@ -113,22 +113,22 @@ var resize_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			switch (direction) {
 				case DIRECTION_LEFT:
 					newWidth = startWidth - offsetX;
-					setWidth(newWidth);
+					setResWidth(newWidth);
 					emit("update:width", newWidth);
 					break;
 				case DIRECTION_RIGHT:
 					newWidth = startWidth + offsetX;
-					setWidth(newWidth);
+					setResWidth(newWidth);
 					emit("update:width", newWidth);
 					break;
 				case DIRECTION_TOP:
 					newHeight = startHeight - offsetY;
-					setHeight(newHeight);
+					setResHeight(newHeight);
 					emit("update:height", newHeight);
 					break;
 				case DIRECTION_BOTTOM:
 					newHeight = startHeight + offsetY;
-					setHeight(newHeight);
+					setResHeight(newHeight);
 					emit("update:height", newHeight);
 					break;
 				default: break;

package/es/result/index.d.ts

@@ -4,7 +4,7 @@ import _Result from './result.vue';
 declare const Result: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         status: {
-            type: import("vue").PropType<import("./utils").ResultStatus>;
+            type: import("vue").PropType<import("./utils.ts").ResultStatus>;
             default: string;
             validator: (value: any) => boolean;
         };
@@ -21,7 +21,7 @@ declare const Result: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         status: {
-            type: import("vue").PropType<import("./utils").ResultStatus>;
+            type: import("vue").PropType<import("./utils.ts").ResultStatus>;
             default: string;
             validator: (value: any) => boolean;
         };
@@ -35,7 +35,7 @@ declare const Result: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     status: {
-        type: import("vue").PropType<import("./utils").ResultStatus>;
+        type: import("vue").PropType<import("./utils.ts").ResultStatus>;
         default: string;
         validator: (value: any) => boolean;
     };

package/es/scrollbar/style/index.css

@@ -22,7 +22,7 @@
 }
 .sd-scrollbar-container {
   min-width: 100%;
-  min-height: 100%;
+  height: 100%;
 }
 .sd-scrollbar .os-scrollbar {
   --os-size: 6px;

package/es/scrollbar/style/index.scss

@@ -11,7 +11,10 @@ $scroll-prefix-cls: string.unquote('#{theme.$prefix}-scrollbar');
 
   &-container {
     min-width: 100%;
-    min-height: 100%;
+    // Fill the outer element so that when it has a bounded height the host is
+    // constrained and the viewport can scroll. `height: 100%` resolves to
+    // `auto` when the outer is auto-sized, so unconstrained usages are unaffected.
+    height: 100%;
   }
 
   .os-scrollbar {

package/es/sd-vue.js

@@ -19,6 +19,7 @@ import AvatarGroup from "./avatar/avatar-group.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
+import BorderBeam from "./border-beam/index.js";
 import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Empty from "./empty/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
@@ -94,7 +95,6 @@ import JsonForm from "./json-form/index.js";
 import content_default from "./layout/content.js";
 import footer_default from "./layout/footer.js";
 import header_default from "./layout/header.js";
-import ResizeBox from "./resize-box/index.js";
 import sider_default from "./layout/sider.js";
 import Layout from "./layout/index.js";
 import item_default from "./menu/item.js";
@@ -108,6 +108,7 @@ import PageHeader from "./page-header/index.js";
 import Popconfirm from "./popconfirm/index.js";
 import Progress from "./progress/index.js";
 import QrCode from "./qr-code/index.js";
+import ResizeBox from "./resize-box/index.js";
 import Result from "./result/index.js";
 import Secret from "./secret/index.js";
 import line_default from "./skeleton/line.js";
@@ -216,6 +217,7 @@ var components = {
 	Affix,
 	Anchor,
 	BackTop,
+	BorderBeam,
 	ConfigProvider,
 	ThemeProvider,
 	ResizeBox,

package/es/select/select.d.ts

@@ -379,11 +379,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             trigger: {
-                type: PropType<import("..").TriggerEvent | import("..").TriggerEvent[]>;
+                type: PropType<import("../trigger").TriggerEvent | import("../trigger").TriggerEvent[]>;
                 default: string;
             };
             position: {
-                type: PropType<import("..").TriggerPosition>;
+                type: PropType<import("../trigger").TriggerPosition>;
                 default: string;
             };
             disabled: {
@@ -395,7 +395,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: number;
             };
             popupTranslate: {
-                type: PropType<import("..").TriggerPopupTranslate>;
+                type: PropType<import("../trigger").TriggerPopupTranslate>;
             };
             showArrow: {
                 type: BooleanConstructor;
@@ -570,11 +570,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             trigger: {
-                type: PropType<import("..").TriggerEvent | import("..").TriggerEvent[]>;
+                type: PropType<import("../trigger").TriggerEvent | import("../trigger").TriggerEvent[]>;
                 default: string;
             };
             position: {
-                type: PropType<import("..").TriggerPosition>;
+                type: PropType<import("../trigger").TriggerPosition>;
                 default: string;
             };
             disabled: {
@@ -586,7 +586,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: number;
             };
             popupTranslate: {
-                type: PropType<import("..").TriggerPopupTranslate>;
+                type: PropType<import("../trigger").TriggerPopupTranslate>;
             };
             showArrow: {
                 type: BooleanConstructor;
@@ -752,11 +752,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         trigger: {
-            type: PropType<import("..").TriggerEvent | import("..").TriggerEvent[]>;
+            type: PropType<import("../trigger").TriggerEvent | import("../trigger").TriggerEvent[]>;
             default: string;
         };
         position: {
-            type: PropType<import("..").TriggerPosition>;
+            type: PropType<import("../trigger").TriggerPosition>;
             default: string;
         };
         disabled: {
@@ -768,7 +768,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         popupTranslate: {
-            type: PropType<import("..").TriggerPopupTranslate>;
+            type: PropType<import("../trigger").TriggerPopupTranslate>;
         };
         showArrow: {
             type: BooleanConstructor;
@@ -927,7 +927,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         scrollToClose: boolean;
         scrollToCloseDistance: number;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
+        install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;
     };
     SelectView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -977,7 +977,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         allowSearch: {
             type: BooleanConstructor;
-            default: (props: import("../_utils/types").Data) => boolean;
+            default: (props: import("../_utils/types.ts").Data) => boolean;
         };
         maxTagCount: {
             type: PropType<number | "responsive">;
@@ -1047,7 +1047,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         allowSearch: {
             type: BooleanConstructor;
-            default: (props: import("../_utils/types").Data) => boolean;
+            default: (props: import("../_utils/types.ts").Data) => boolean;
         };
         maxTagCount: {
             type: PropType<number | "responsive">;
@@ -1360,10 +1360,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
             };
             options: {
-                type: PropType<Array<string | number | import("..").CheckboxOption>>;
+                type: PropType<Array<string | number | import("../checkbox").CheckboxOption>>;
             };
             direction: {
-                type: PropType<import("..").Direction>;
+                type: PropType<import("../index.ts").Direction>;
                 default: string;
             };
             disabled: {
@@ -1386,10 +1386,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
             };
             options: {
-                type: PropType<Array<string | number | import("..").CheckboxOption>>;
+                type: PropType<Array<string | number | import("../checkbox").CheckboxOption>>;
             };
             direction: {
-                type: PropType<import("..").Direction>;
+                type: PropType<import("../index.ts").Direction>;
                 default: string;
             };
             disabled: {
@@ -1405,7 +1405,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             defaultValue: (string | number | boolean)[];
             modelValue: (string | number | boolean)[];
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
+        install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;
     };
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/slider/index.d.ts

@@ -30,7 +30,7 @@ declare const Slider: {
             default: number;
         };
         direction: {
-            type: import("vue").PropType<import("..").Direction>;
+            type: import("vue").PropType<import("../index.ts").Direction>;
             default: string;
         };
         disabled: {
@@ -106,7 +106,7 @@ declare const Slider: {
             default: number;
         };
         direction: {
-            type: import("vue").PropType<import("..").Direction>;
+            type: import("vue").PropType<import("../index.ts").Direction>;
             default: string;
         };
         disabled: {
@@ -176,7 +176,7 @@ declare const Slider: {
         default: number;
     };
     direction: {
-        type: import("vue").PropType<import("..").Direction>;
+        type: import("vue").PropType<import("../index.ts").Direction>;
         default: string;
     };
     disabled: {

package/es/split/split.vue.d.ts

@@ -1,13 +1,13 @@
 import { PropType } from 'vue';
-declare var __VLS_9: {}, __VLS_21: {}, __VLS_24: {}, __VLS_26: {};
+declare var __VLS_9: {}, __VLS_20: {}, __VLS_23: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
     first?: (props: typeof __VLS_9) => any;
 } & {
-    'resize-trigger'?: (props: typeof __VLS_21) => any;
+    'resize-trigger'?: (props: typeof __VLS_20) => any;
 } & {
-    'resize-trigger-icon'?: (props: typeof __VLS_24) => any;
+    'resize-trigger-icon'?: (props: typeof __VLS_23) => any;
 } & {
-    second?: (props: typeof __VLS_26) => any;
+    second?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {

package/es/split/split.vue_vue_type_script_setup_true_lang.js

@@ -115,8 +115,8 @@ var split_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const triggerSize = ref(0);
 		const wrapperRef = ref();
 		const prefixCls = getPrefixCls("split");
-		const [size, setSize] = useMergeState(defaultSize.value, reactive({ value: propSize }));
-		const sizeConfig = computed(() => getSizeConfig(size.value));
+		const [mergedSize, setMergedSize] = useMergeState(defaultSize.value, reactive({ value: propSize }));
+		const sizeConfig = computed(() => getSizeConfig(mergedSize.value));
 		const isHorizontal = computed(() => direction.value === "horizontal");
 		const classNames = computed(() => [prefixCls, {
 			[`${prefixCls}-horizontal`]: isHorizontal.value,
@@ -149,8 +149,8 @@ var split_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		function updateSize(newPxSize, containerSize) {
 			if (!containerSize) return;
 			const newSize = sizeConfig.value.isPx ? `${newPxSize}px` : px2percent(newPxSize, containerSize);
-			if (size.value === newSize) return;
-			setSize(newSize);
+			if (mergedSize.value === newSize) return;
+			setMergedSize(newSize);
 			emit("update:size", newSize);
 		}
 		function getLegalPxSize(size, containerSize) {
@@ -210,7 +210,7 @@ var split_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				record.startPageX = e.pageX;
 				record.startPageY = e.pageY;
 				record.startContainerSize = (_await$getContainerSi = yield getContainerSize()) !== null && _await$getContainerSi !== void 0 ? _await$getContainerSi : 0;
-				record.startSize = size.value;
+				record.startSize = mergedSize.value;
 				on(window, "mousemove", onMoving);
 				on(window, "mouseup", onMovingEnd);
 				on(window, "contextmenu", onMovingEnd);
@@ -225,7 +225,7 @@ var split_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		onMounted(_asyncToGenerator(function* () {
 			var _await$getContainerSi2;
 			const containerSize = (_await$getContainerSi2 = yield getContainerSize()) !== null && _await$getContainerSi2 !== void 0 ? _await$getContainerSi2 : 0;
-			updateSize(getLegalPxSize(size.value, containerSize), containerSize);
+			updateSize(getLegalPxSize(mergedSize.value, containerSize), containerSize);
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.component), {

package/es/steps/index.d.ts

@@ -11,11 +11,11 @@ declare const Steps: {
             default: string;
         };
         direction: {
-            type: import("vue").PropType<import("..").Direction>;
+            type: import("vue").PropType<import("../index.ts").Direction>;
             default: string;
         };
         labelPlacement: {
-            type: import("vue").PropType<import("..").Direction>;
+            type: import("vue").PropType<import("../index.ts").Direction>;
             default: string;
         };
         current: {
@@ -71,11 +71,11 @@ declare const Steps: {
             default: string;
         };
         direction: {
-            type: import("vue").PropType<import("..").Direction>;
+            type: import("vue").PropType<import("../index.ts").Direction>;
             default: string;
         };
         labelPlacement: {
-            type: import("vue").PropType<import("..").Direction>;
+            type: import("vue").PropType<import("../index.ts").Direction>;
             default: string;
         };
         current: {
@@ -125,11 +125,11 @@ declare const Steps: {
         default: string;
     };
     direction: {
-        type: import("vue").PropType<import("..").Direction>;
+        type: import("vue").PropType<import("../index.ts").Direction>;
         default: string;
     };
     labelPlacement: {
-        type: import("vue").PropType<import("..").Direction>;
+        type: import("vue").PropType<import("../index.ts").Direction>;
         default: string;
     };
     current: {