@sdata/web-vue 3.30.0 → 4.1.0

package/es/space/space.js

@@ -1,103 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isArray, isNumber } from "../_utils/is.js";
-import { getAllElements } from "../_utils/vue-utils.js";
-import { Comment, Fragment, computed, createVNode, defineComponent, inject } from "vue";
-//#region components/space/space.tsx
-var space_default = /* @__PURE__ */ defineComponent({
-	name: "Space",
-	props: {
-		/**
-		* @zh 对齐方式
-		* @en Alignment
-		* @values 'start', 'end', 'center', 'baseline'
-		*/
-		align: { type: String },
-		/**
-		* @zh 间距方向
-		* @en Spacing direction
-		*/
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		/**
-		* @zh 间距大小，支持分别制定横向和竖向的间距
-		* @en Spacing size, support for setting horizontal and vertical spacing separately
-		*/
-		size: {
-			type: [
-				Number,
-				String,
-				Array
-			],
-			default: "small"
-		},
-		/**
-		* @zh 环绕类型的间距，用于折行的场景。
-		* @en The spacing of the wrapping type, used in the scene of wrapping.
-		*/
-		wrap: { type: Boolean },
-		/**
-		* @zh 充满整行
-		* @en fill the block
-		* @version 2.11.0
-		*/
-		fill: { type: Boolean }
-	},
-	/**
-	* @zh 设置分隔符
-	* @en Set separator
-	* @slot split
-	*/
-	setup(props, { slots }) {
-		const prefixCls = getPrefixCls("space");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const rtl = computed(() => {
-			var _configCtx$rtl;
-			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
-		});
-		const mergedAlign = computed(() => {
-			var _props$align;
-			return (_props$align = props.align) !== null && _props$align !== void 0 ? _props$align : props.direction === "horizontal" ? "center" : "";
-		});
-		const cls = computed(() => [prefixCls, {
-			[`${prefixCls}-${props.direction}`]: props.direction,
-			[`${prefixCls}-align-${mergedAlign.value}`]: mergedAlign.value,
-			[`${prefixCls}-wrap`]: props.wrap,
-			[`${prefixCls}-fill`]: props.fill,
-			[`${prefixCls}-rtl`]: rtl.value
-		}]);
-		function getSize(size) {
-			if (isNumber(size)) return size;
-			switch (size) {
-				case "mini": return 4;
-				case "small": return 8;
-				case "medium": return 16;
-				case "large": return 24;
-				default: return 8;
-			}
-		}
-		const getSpaceStyle = computed(() => {
-			const style = {};
-			const [colGap, rowGap] = (isArray(props.size) ? props.size : [props.size, props.size]).map(getSize);
-			style.columnGap = `${colGap}px`;
-			style.rowGap = `${rowGap}px`;
-			return style;
-		});
-		return () => {
-			var _slots$default;
-			const children = getAllElements((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), true).filter((item) => item.type !== Comment);
-			return createVNode("div", {
-				"class": cls.value,
-				"style": getSpaceStyle.value
-			}, [children.map((child, index) => {
-				var _child$key, _slots$split;
-				const shouldRenderSplit = slots.split && index > 0;
-				return createVNode(Fragment, { "key": (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : `item-${index}` }, [shouldRenderSplit && createVNode("div", { "class": `${prefixCls}-item-split` }, [(_slots$split = slots.split) === null || _slots$split === void 0 ? void 0 : _slots$split.call(slots)]), createVNode("div", { "class": `${prefixCls}-item` }, [child])]);
-			})]);
-		};
-	}
-});
+import space_vue_vue_type_script_setup_true_lang_default from "./space.vue_vue_type_script_setup_true_lang.js";
+//#region components/space/space.vue
+var space_default = space_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { space_default as default };

package/es/space/space.vue.d.ts

@@ -0,0 +1,22 @@
+import type { VNode } from 'vue';
+type SpaceSize = number | 'mini' | 'small' | 'medium' | 'large';
+type __VLS_Props = {
+    align?: 'start' | 'end' | 'center' | 'baseline';
+    direction?: 'vertical' | 'horizontal';
+    size?: SpaceSize | [SpaceSize, SpaceSize];
+    wrap?: boolean;
+    fill?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+    split?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/space/space.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isArray, isNumber } from "../_utils/is.js";
+import { getAllElements } from "../_utils/vue-utils.js";
+import { Comment, Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, useSlots } from "vue";
+//#region components/space/space.vue?vue&type=script&setup=true&lang.ts
+var space_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Space" }), {}, {
+	__name: "space",
+	props: {
+		align: {},
+		direction: { default: "horizontal" },
+		size: { default: "small" },
+		wrap: {
+			type: Boolean,
+			default: false
+		},
+		fill: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("space");
+		const VNodeRenderer = ({ content }) => content;
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const rtl = computed(() => {
+			var _configCtx$rtl;
+			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
+		});
+		const mergedAlign = computed(() => {
+			var _props$align;
+			return (_props$align = __props.align) !== null && _props$align !== void 0 ? _props$align : __props.direction === "horizontal" ? "center" : "";
+		});
+		const classes = computed(() => [prefixCls, {
+			[`${prefixCls}-${__props.direction}`]: __props.direction,
+			[`${prefixCls}-align-${mergedAlign.value}`]: mergedAlign.value,
+			[`${prefixCls}-wrap`]: __props.wrap,
+			[`${prefixCls}-fill`]: __props.fill,
+			[`${prefixCls}-rtl`]: rtl.value
+		}]);
+		function getSize(value) {
+			if (isNumber(value)) return value;
+			switch (value) {
+				case "mini": return 4;
+				case "small": return 8;
+				case "medium": return 16;
+				case "large": return 24;
+				default: return 8;
+			}
+		}
+		const spaceStyle = computed(() => {
+			const [columnGap, rowGap] = (isArray(__props.size) ? __props.size : [__props.size, __props.size]).map(getSize);
+			return {
+				columnGap: `${columnGap}px`,
+				rowGap: `${rowGap}px`
+			};
+		});
+		function getItems() {
+			var _slots$default;
+			return getAllElements((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), true).filter((item) => item.type !== Comment).map((child, index) => {
+				var _child$key;
+				return {
+					key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : `item-${index}`,
+					content: child
+				};
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classes.value),
+				style: normalizeStyle(spaceStyle.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(getItems(), (item, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.key }, [slots.split && index > 0 ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-item-split`)
+				}, [renderSlot(_ctx.$slots, "split")], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-item`) }, [createVNode(VNodeRenderer, { content: item.content }, null, 8, ["content"])], 2)], 64);
+			}), 128))], 6);
+		};
+	}
+}));
+//#endregion
+export { space_vue_vue_type_script_setup_true_lang_default as default };

package/es/spin/dot-loading.js

@@ -1,30 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { createVNode, defineComponent } from "vue";
-//#region components/spin/dot-loading.tsx
-var DOT_NUMBER = 5;
-var dot_loading_default = /* @__PURE__ */ defineComponent({
-	name: "DotLoading",
-	props: { size: { type: Number } },
-	setup(props) {
-		const prefixCls = getPrefixCls("dot-loading");
-		return () => {
-			const style = props.size ? {
-				width: `${props.size}px`,
-				height: `${props.size}px`
-			} : {};
-			return createVNode("div", {
-				"class": prefixCls,
-				"style": {
-					width: props.size ? `${props.size * 7}px` : void 0,
-					height: props.size ? `${props.size}px` : void 0
-				}
-			}, [Array(DOT_NUMBER).fill(1).map((_, index) => createVNode("div", {
-				"class": `${prefixCls}-item`,
-				"key": index,
-				"style": style
-			}, null))]);
-		};
-	}
-});
+import dot_loading_vue_vue_type_script_setup_true_lang_default from "./dot-loading.vue_vue_type_script_setup_true_lang.js";
+//#region components/spin/dot-loading.vue
+var dot_loading_default = dot_loading_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { dot_loading_default as default };

package/es/spin/dot-loading.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/spin/dot-loading.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";
+//#region components/spin/dot-loading.vue?vue&type=script&setup=true&lang.ts
+var DOT_NUMBER = 5;
+var dot_loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DotLoading" }), {}, {
+	__name: "dot-loading",
+	props: { size: {} },
+	setup(__props) {
+		const prefixCls = getPrefixCls("dot-loading");
+		const itemStyle = computed(() => __props.size ? {
+			width: `${__props.size}px`,
+			height: `${__props.size}px`
+		} : {});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(prefixCls)),
+				style: normalizeStyle({
+					width: __props.size ? `${__props.size * 7}px` : void 0,
+					height: __props.size ? `${__props.size}px` : void 0
+				})
+			}, [(openBlock(), createElementBlock(Fragment, null, renderList(DOT_NUMBER, (index) => {
+				return createElementVNode("div", {
+					key: index,
+					class: normalizeClass(`${unref(prefixCls)}-item`),
+					style: normalizeStyle(itemStyle.value)
+				}, null, 6);
+			}), 64))], 6);
+		};
+	}
+}));
+//#endregion
+export { dot_loading_vue_vue_type_script_setup_true_lang_default as default };

package/es/spin/index.d.ts

@@ -1,79 +1,56 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _Spin from './spin';
+import _Spin from './spin.vue';
 declare const Spin: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: NumberConstructor;
-        };
-        loading: BooleanConstructor;
-        delay: {
-            type: (BooleanConstructor | NumberConstructor)[];
-            default: boolean;
-        };
-        dot: BooleanConstructor;
-        tip: StringConstructor;
-        hideIcon: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        dot: boolean;
-        loading: boolean;
-        delay: number | boolean;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        size?: number;
+        loading?: boolean;
+        delay?: boolean | number;
+        dot?: boolean;
+        tip?: string;
+        hideIcon?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        delay: boolean | number;
         hideIcon: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: NumberConstructor;
-        };
-        loading: BooleanConstructor;
-        delay: {
-            type: (BooleanConstructor | NumberConstructor)[];
-            default: boolean;
-        };
-        dot: BooleanConstructor;
-        tip: StringConstructor;
-        hideIcon: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        dot: boolean;
-        loading: boolean;
-        delay: number | boolean;
+    }, Readonly<{
+        size?: number;
+        loading?: boolean;
+        delay?: boolean | number;
+        dot?: boolean;
+        tip?: string;
+        hideIcon?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+        delay: boolean | number;
         hideIcon: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: NumberConstructor;
-    };
-    loading: BooleanConstructor;
-    delay: {
-        type: (BooleanConstructor | NumberConstructor)[];
-        default: boolean;
-    };
-    dot: BooleanConstructor;
-    tip: StringConstructor;
-    hideIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    dot: boolean;
-    loading: boolean;
-    delay: number | boolean;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    size?: number;
+    loading?: boolean;
+    delay?: boolean | number;
+    dot?: boolean;
+    tip?: string;
+    hideIcon?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    delay: boolean | number;
     hideIcon: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: () => import("vue").VNode[];
+        icon?: () => import("vue").VNode[];
+        element?: () => import("vue").VNode[];
+        tip?: () => import("vue").VNode[];
+    };
+}) & {
     install: (app: App, options?: SDOptions) => void;
 };
 export type SpinInstance = InstanceType<typeof _Spin>;

package/es/spin/spin.js

@@ -1,155 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { getFirstComponent } from "../_utils/vue-utils.js";
-import IconLoading from "../icon/icon-loading/index.js";
-import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
-import dot_loading_default from "./dot-loading.js";
-import { Fragment, cloneVNode, computed, createVNode, defineComponent, inject, shallowRef, toRef } from "vue";
-import { watchDebounced } from "@vueuse/core";
-//#region components/spin/spin.tsx
-var spin_default = /* @__PURE__ */ defineComponent({
-	name: "Spin",
-	props: {
-		/**
-		* @zh 尺寸
-		* @en Size
-		*/
-		size: { type: Number },
-		/**
-		* @zh 是否为加载中状态（仅在容器模式下生效）
-		* @en Whether it is loading state (Only effective in container mode)
-		*/
-		loading: Boolean,
-		/**
-		* @zh 加载指示器显示前的延迟时间。设置为 `true` 时延迟 400ms
-		* @en Delay before showing the loading indicator. Uses 400ms when set to `true`
-		*/
-		delay: {
-			type: [Boolean, Number],
-			default: false
-		},
-		/**
-		* @zh 是否使用点类型的动画
-		* @en Whether to use dot type animation
-		*/
-		dot: Boolean,
-		/**
-		* @zh 提示内容
-		* @en Prompt content
-		*/
-		tip: String,
-		/**
-		* @zh 是否隐藏图标
-		* @en Whether to hide the icon
-		*/
-		hideIcon: {
-			type: Boolean,
-			default: false
-		}
-	},
-	/**
-	* @zh 自定义图标（自动旋转）
-	* @en Custom icon (auto-rotation)
-	* @slot icon
-	*/
-	/**
-	* @zh 自定义元素
-	* @en Custom element
-	* @slot element
-	*/
-	/**
-	* @zh 自定义提示内容
-	* @en Custom tip
-	* @slot tip
-	*/
-	setup(props, { slots }) {
-		const prefixCls = getPrefixCls("spin");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const { mergedValue: mergedLoading } = useConfigProviderProp(toRef(props, "loading"), {
-			propNames: ["loading"],
-			getGlobalValue: (ctx) => {
-				var _ctx$spinProps;
-				return ctx === null || ctx === void 0 || (_ctx$spinProps = ctx.spinProps) === null || _ctx$spinProps === void 0 ? void 0 : _ctx$spinProps.loading;
-			}
-		});
-		const { mergedValue: mergedDelay } = useConfigProviderProp(toRef(props, "delay"), {
-			propNames: ["delay"],
-			getGlobalValue: (ctx) => {
-				var _ctx$spinProps2;
-				return ctx === null || ctx === void 0 || (_ctx$spinProps2 = ctx.spinProps) === null || _ctx$spinProps2 === void 0 ? void 0 : _ctx$spinProps2.delay;
-			}
-		});
-		const { mergedValue: mergedSize } = useConfigProviderProp(toRef(props, "size"), {
-			propNames: ["size"],
-			getGlobalValue: (ctx) => {
-				var _ctx$spinProps3;
-				return ctx === null || ctx === void 0 || (_ctx$spinProps3 = ctx.spinProps) === null || _ctx$spinProps3 === void 0 ? void 0 : _ctx$spinProps3.size;
-			}
-		});
-		const { mergedValue: mergedDot } = useConfigProviderProp(toRef(props, "dot"), {
-			propNames: ["dot"],
-			getGlobalValue: (ctx) => {
-				var _ctx$spinProps4;
-				return ctx === null || ctx === void 0 || (_ctx$spinProps4 = ctx.spinProps) === null || _ctx$spinProps4 === void 0 ? void 0 : _ctx$spinProps4.dot;
-			}
-		});
-		const { mergedValue: mergedTip } = useConfigProviderProp(toRef(props, "tip"), {
-			propNames: ["tip"],
-			getGlobalValue: (ctx) => {
-				var _ctx$spinProps5;
-				return ctx === null || ctx === void 0 || (_ctx$spinProps5 = ctx.spinProps) === null || _ctx$spinProps5 === void 0 ? void 0 : _ctx$spinProps5.tip;
-			}
-		});
-		const { mergedValue: mergedHideIcon } = useConfigProviderProp(toRef(props, "hideIcon"), {
-			propNames: ["hideIcon", "hide-icon"],
-			getGlobalValue: (ctx) => {
-				var _ctx$spinProps6;
-				return ctx === null || ctx === void 0 || (_ctx$spinProps6 = ctx.spinProps) === null || _ctx$spinProps6 === void 0 ? void 0 : _ctx$spinProps6.hideIcon;
-			}
-		});
-		const delayTime = computed(() => mergedDelay.value === true ? 400 : Math.max(0, Number(mergedDelay.value) || 0));
-		const requestedLoading = computed(() => slots.default ? Boolean(mergedLoading.value) : true);
-		const delayedLoading = shallowRef(false);
-		watchDebounced(requestedLoading, (loading) => {
-			delayedLoading.value = loading;
-		}, {
-			debounce: delayTime,
-			immediate: true
-		});
-		const activeLoading = computed(() => delayTime.value > 0 ? Boolean(requestedLoading.value && delayedLoading.value) : requestedLoading.value);
-		const cls = computed(() => [prefixCls, {
-			[`${prefixCls}-loading`]: slots.default ? activeLoading.value : Boolean(mergedLoading.value),
-			[`${prefixCls}-with-tip`]: mergedTip.value && !slots.default
-		}]);
-		const renderIcon = () => {
-			if (slots.icon) {
-				const iconVNode = getFirstComponent(slots.icon());
-				if (iconVNode) return cloneVNode(iconVNode, { spin: true });
-			}
-			if (slots.element) return slots.element();
-			if (mergedDot.value) return createVNode(dot_loading_default, { "size": mergedSize.value }, null);
-			if (configCtx === null || configCtx === void 0 ? void 0 : configCtx.slots.loading) return configCtx.slots.loading();
-			return createVNode(IconLoading, {
-				"spin": true,
-				"size": mergedSize.value
-			}, null);
-		};
-		const renderSpinIcon = () => {
-			var _slots$tip, _slots$tip2, _slots$tip3;
-			const style = mergedSize.value ? { fontSize: `${mergedSize.value}px` } : void 0;
-			const hasTip = Boolean((_slots$tip = slots.tip) !== null && _slots$tip !== void 0 ? _slots$tip : mergedTip.value);
-			return createVNode(Fragment, null, [!mergedHideIcon.value && createVNode("div", {
-				"class": `${prefixCls}-icon`,
-				"style": style,
-				"aria-hidden": "true"
-			}, [renderIcon()]), hasTip && createVNode("div", { "class": `${prefixCls}-tip` }, [(_slots$tip2 = (_slots$tip3 = slots.tip) === null || _slots$tip3 === void 0 ? void 0 : _slots$tip3.call(slots)) !== null && _slots$tip2 !== void 0 ? _slots$tip2 : mergedTip.value])]);
-		};
-		return () => createVNode("div", {
-			"role": "status",
-			"aria-live": "polite",
-			"class": cls.value
-		}, [slots.default ? createVNode(Fragment, null, [slots.default(), activeLoading.value && createVNode("div", { "class": `${prefixCls}-mask` }, [createVNode("div", { "class": `${prefixCls}-mask-icon` }, [renderSpinIcon()])])]) : activeLoading.value ? renderSpinIcon() : null]);
-	}
-});
+import spin_vue_vue_type_script_setup_true_lang_default from "./spin.vue_vue_type_script_setup_true_lang.js";
+//#region components/spin/spin.vue
+var spin_default = spin_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { spin_default as default };

package/es/spin/spin.vue.d.ts

@@ -0,0 +1,27 @@
+import type { VNode } from 'vue';
+type __VLS_Props = {
+    size?: number;
+    loading?: boolean;
+    delay?: boolean | number;
+    dot?: boolean;
+    tip?: string;
+    hideIcon?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    element?: () => VNode[];
+    tip?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    delay: boolean | number;
+    hideIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};