@sdata/web-vue 3.18.0 → 3.20.0

package/es/space/index.d.ts

@@ -11,7 +11,7 @@ declare const Space: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"]>;
+            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "medium" | "large" | "mini", number | "small" | "medium" | "large" | "mini"]>;
             default: string;
         };
         wrap: {
@@ -22,9 +22,9 @@ declare const Space: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         fill: boolean;
-        size: number | "small" | "mini" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"];
-        direction: "horizontal" | "vertical";
+        size: number | "small" | "medium" | "large" | "mini" | [number | "small" | "medium" | "large" | "mini", number | "small" | "medium" | "large" | "mini"];
         wrap: boolean;
+        direction: "horizontal" | "vertical";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -41,7 +41,7 @@ declare const Space: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"]>;
+            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "medium" | "large" | "mini", number | "small" | "medium" | "large" | "mini"]>;
             default: string;
         };
         wrap: {
@@ -52,9 +52,9 @@ declare const Space: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         fill: boolean;
-        size: number | "small" | "mini" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"];
-        direction: "horizontal" | "vertical";
+        size: number | "small" | "medium" | "large" | "mini" | [number | "small" | "medium" | "large" | "mini", number | "small" | "medium" | "large" | "mini"];
         wrap: boolean;
+        direction: "horizontal" | "vertical";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -68,7 +68,7 @@ declare const Space: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"]>;
+        type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "medium" | "large" | "mini", number | "small" | "medium" | "large" | "mini"]>;
         default: string;
     };
     wrap: {
@@ -79,9 +79,9 @@ declare const Space: {
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     fill: boolean;
-    size: number | "small" | "mini" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"];
-    direction: "horizontal" | "vertical";
+    size: number | "small" | "medium" | "large" | "mini" | [number | "small" | "medium" | "large" | "mini", number | "small" | "medium" | "large" | "mini"];
     wrap: boolean;
+    direction: "horizontal" | "vertical";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDOptions) => void;
 };

package/es/space/space.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     fill: boolean;
-    size: number | "small" | "mini" | "medium" | "large" | [SpaceSize, SpaceSize];
-    direction: "horizontal" | "vertical";
+    size: number | "small" | "medium" | "large" | "mini" | [SpaceSize, SpaceSize];
     wrap: boolean;
+    direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/spin/index.d.ts

@@ -7,6 +7,10 @@ declare const Spin: {
             type: NumberConstructor;
         };
         loading: BooleanConstructor;
+        delay: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
         dot: BooleanConstructor;
         tip: StringConstructor;
         hideIcon: {
@@ -14,8 +18,9 @@ declare const Spin: {
             default: boolean;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        loading: boolean;
         dot: boolean;
+        loading: boolean;
+        delay: number | boolean;
         hideIcon: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -29,6 +34,10 @@ declare const Spin: {
             type: NumberConstructor;
         };
         loading: BooleanConstructor;
+        delay: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
         dot: BooleanConstructor;
         tip: StringConstructor;
         hideIcon: {
@@ -36,8 +45,9 @@ declare const Spin: {
             default: boolean;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        loading: boolean;
         dot: boolean;
+        loading: boolean;
+        delay: number | boolean;
         hideIcon: boolean;
     }>;
     __isFragment?: never;
@@ -48,6 +58,10 @@ declare const Spin: {
         type: NumberConstructor;
     };
     loading: BooleanConstructor;
+    delay: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
     dot: BooleanConstructor;
     tip: StringConstructor;
     hideIcon: {
@@ -55,8 +69,9 @@ declare const Spin: {
         default: boolean;
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    loading: boolean;
     dot: boolean;
+    loading: boolean;
+    delay: number | boolean;
     hideIcon: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDOptions) => void;

package/es/spin/spin.d.ts

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     loading: BooleanConstructor;
+    delay: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
     dot: BooleanConstructor;
     tip: StringConstructor;
     hideIcon: {
@@ -14,6 +18,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     loading: BooleanConstructor;
+    delay: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
     dot: BooleanConstructor;
     tip: StringConstructor;
     hideIcon: {
@@ -21,8 +29,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    loading: boolean;
     dot: boolean;
+    loading: boolean;
+    delay: number | boolean;
     hideIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/spin/spin.js

@@ -2,8 +2,10 @@ 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 } from "vue";
+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",
@@ -19,6 +21,14 @@ var spin_default = /* @__PURE__ */ defineComponent({
 		*/
 		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
 		*/
@@ -55,9 +65,61 @@ var spin_default = /* @__PURE__ */ defineComponent({
 	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`]: props.loading,
-			[`${prefixCls}-with-tip`]: props.tip && !slots.default
+			[`${prefixCls}-loading`]: slots.default ? activeLoading.value : Boolean(mergedLoading.value),
+			[`${prefixCls}-with-tip`]: mergedTip.value && !slots.default
 		}]);
 		const renderIcon = () => {
 			if (slots.icon) {
@@ -65,28 +127,28 @@ var spin_default = /* @__PURE__ */ defineComponent({
 				if (iconVNode) return cloneVNode(iconVNode, { spin: true });
 			}
 			if (slots.element) return slots.element();
-			if (props.dot) return createVNode(dot_loading_default, { "size": props.size }, null);
+			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": props.size
+				"size": mergedSize.value
 			}, null);
 		};
 		const renderSpinIcon = () => {
 			var _slots$tip, _slots$tip2, _slots$tip3;
-			const style = props.size ? { fontSize: `${props.size}px` } : void 0;
-			const hasTip = Boolean((_slots$tip = slots.tip) !== null && _slots$tip !== void 0 ? _slots$tip : props.tip);
-			return createVNode(Fragment, null, [!props.hideIcon && createVNode("div", {
+			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 : props.tip])]);
+			}, [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(), props.loading && createVNode("div", { "class": `${prefixCls}-mask` }, [createVNode("div", { "class": `${prefixCls}-mask-icon` }, [renderSpinIcon()])])]) : renderSpinIcon()]);
+		}, [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]);
 	}
 });
 //#endregion

package/es/statistic/index.d.ts

@@ -45,9 +45,9 @@ declare const Statistic: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        start: boolean;
         animationDuration: number;
         animation: boolean;
-        start: boolean;
         format: string;
         precision: number;
         showGroupSeparator: boolean;
@@ -101,9 +101,9 @@ declare const Statistic: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
+        start: boolean;
         animationDuration: number;
         animation: boolean;
-        start: boolean;
         format: string;
         precision: number;
         showGroupSeparator: boolean;
@@ -154,9 +154,9 @@ declare const Statistic: {
         type: import("vue").PropType<import("vue").CSSProperties>;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    start: boolean;
     animationDuration: number;
     animation: boolean;
-    start: boolean;
     format: string;
     precision: number;
     showGroupSeparator: boolean;

package/es/statistic/statistic.vue.d.ts

@@ -92,9 +92,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<CSSProperties>;
     };
 }>> & Readonly<{}>, {
+    start: boolean;
     animationDuration: number;
     animation: boolean;
-    start: boolean;
     format: string;
     precision: number;
     showGroupSeparator: boolean;

package/es/steps/index.d.ts

@@ -52,7 +52,7 @@ declare const Steps: {
         type: "default" | "dot" | "arrow" | "navigation";
         small: boolean;
         direction: "horizontal" | "vertical";
-        status: "error" | "wait" | "finish" | "process";
+        status: "wait" | "error" | "finish" | "process";
         current: number;
         defaultCurrent: number;
         lineLess: boolean;
@@ -109,7 +109,7 @@ declare const Steps: {
         type: "default" | "dot" | "arrow" | "navigation";
         small: boolean;
         direction: "horizontal" | "vertical";
-        status: "error" | "wait" | "finish" | "process";
+        status: "wait" | "error" | "finish" | "process";
         current: number;
         defaultCurrent: number;
         lineLess: boolean;
@@ -166,7 +166,7 @@ declare const Steps: {
     type: "default" | "dot" | "arrow" | "navigation";
     small: boolean;
     direction: "horizontal" | "vertical";
-    status: "error" | "wait" | "finish" | "process";
+    status: "wait" | "error" | "finish" | "process";
     current: number;
     defaultCurrent: number;
     lineLess: boolean;
@@ -229,12 +229,12 @@ declare const Steps: {
         $slots: {
             node?: (props: {
                 step: number;
-                status: "error" | "wait" | "finish" | "process";
+                status: "wait" | "error" | "finish" | "process";
             }) => any;
         } & {
             icon?: (props: {
                 step: number;
-                status: "error" | "wait" | "finish" | "process";
+                status: "wait" | "error" | "finish" | "process";
             }) => any;
         } & {
             default?: (props: {}) => any;

package/es/steps/step.vue.d.ts

@@ -2,10 +2,10 @@ import { PropType } from 'vue';
 import { StepStatus } from './interface';
 declare var __VLS_1: {
     step: number;
-    status: "error" | "wait" | "finish" | "process";
+    status: "wait" | "error" | "finish" | "process";
 }, __VLS_3: {
     step: number;
-    status: "error" | "wait" | "finish" | "process";
+    status: "wait" | "error" | "finish" | "process";
 }, __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     node?: (props: typeof __VLS_1) => any;

package/es/steps/steps.vue.d.ts

@@ -89,7 +89,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     type: "default" | "dot" | "arrow" | "navigation";
     small: boolean;
     direction: "horizontal" | "vertical";
-    status: "error" | "wait" | "finish" | "process";
+    status: "wait" | "error" | "finish" | "process";
     current: number;
     defaultCurrent: number;
     lineLess: boolean;

package/es/table/index.d.ts

@@ -31,16 +31,19 @@ declare const Table: {
         };
         size: {
             type: import("vue").PropType<import("..").Size>;
-            default: () => "small" | "mini" | "medium" | "large";
+            default: () => "small" | "medium" | "large" | "mini";
         };
         tableLayoutFixed: {
             type: BooleanConstructor;
             default: boolean;
         };
         loading: {
-            type: (ObjectConstructor | BooleanConstructor)[];
+            type: import("vue").PropType<boolean | import("..").SpinProps>;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("..").SpinProps>;
+        };
         rowSelection: {
             type: import("vue").PropType<import("./interface").TableRowSelection>;
         };
@@ -236,10 +239,22 @@ declare const Table: {
         rowContextmenu: (_record: import("./interface").TableData, _ev: Event) => true;
         cellContextmenu: (_record: import("./interface").TableData, _column: import("./interface").TableColumnData, _ev: Event) => true;
     }, import("vue").PublicProps, {
-        size: "small" | "mini" | "medium" | "large";
-        data: import("./interface").TableData[];
+        size: "small" | "medium" | "large" | "mini";
         scrollbar: boolean | import("..").ScrollbarProps;
-        loading: boolean | Record<string, any>;
+        data: import("./interface").TableData[];
+        loading: boolean | (Partial<{
+            dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
+            hideIcon: boolean;
+        }> & Omit<{
+            readonly dot: boolean;
+            readonly loading: boolean;
+            readonly delay: number | boolean;
+            readonly hideIcon: boolean;
+            readonly size?: number | undefined;
+            readonly tip?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">);
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
@@ -249,7 +264,7 @@ declare const Table: {
         stripe: boolean;
         tableLayoutFixed: boolean;
         pagination: boolean | import("..").PaginationProps;
-        pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+        pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
         spanAll: boolean;
@@ -288,16 +303,19 @@ declare const Table: {
         };
         size: {
             type: import("vue").PropType<import("..").Size>;
-            default: () => "small" | "mini" | "medium" | "large";
+            default: () => "small" | "medium" | "large" | "mini";
         };
         tableLayoutFixed: {
             type: BooleanConstructor;
             default: boolean;
         };
         loading: {
-            type: (ObjectConstructor | BooleanConstructor)[];
+            type: import("vue").PropType<boolean | import("..").SpinProps>;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("..").SpinProps>;
+        };
         rowSelection: {
             type: import("vue").PropType<import("./interface").TableRowSelection>;
         };
@@ -470,10 +488,22 @@ declare const Table: {
         clearSorters(): void;
         scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void | undefined;
     }, {
-        size: "small" | "mini" | "medium" | "large";
-        data: import("./interface").TableData[];
+        size: "small" | "medium" | "large" | "mini";
         scrollbar: boolean | import("..").ScrollbarProps;
-        loading: boolean | Record<string, any>;
+        data: import("./interface").TableData[];
+        loading: boolean | (Partial<{
+            dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
+            hideIcon: boolean;
+        }> & Omit<{
+            readonly dot: boolean;
+            readonly loading: boolean;
+            readonly delay: number | boolean;
+            readonly hideIcon: boolean;
+            readonly size?: number | undefined;
+            readonly tip?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">);
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
@@ -483,7 +513,7 @@ declare const Table: {
         stripe: boolean;
         tableLayoutFixed: boolean;
         pagination: boolean | import("..").PaginationProps;
-        pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+        pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
         spanAll: boolean;
@@ -519,16 +549,19 @@ declare const Table: {
     };
     size: {
         type: import("vue").PropType<import("..").Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "small" | "medium" | "large" | "mini";
     };
     tableLayoutFixed: {
         type: BooleanConstructor;
         default: boolean;
     };
     loading: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: import("vue").PropType<boolean | import("..").SpinProps>;
         default: boolean;
     };
+    spinProps: {
+        type: import("vue").PropType<import("..").SpinProps>;
+    };
     rowSelection: {
         type: import("vue").PropType<import("./interface").TableRowSelection>;
     };
@@ -724,10 +757,22 @@ declare const Table: {
     rowContextmenu: (_record: import("./interface").TableData, _ev: Event) => true;
     cellContextmenu: (_record: import("./interface").TableData, _column: import("./interface").TableColumnData, _ev: Event) => true;
 }, string, {
-    size: "small" | "mini" | "medium" | "large";
-    data: import("./interface").TableData[];
+    size: "small" | "medium" | "large" | "mini";
     scrollbar: boolean | import("..").ScrollbarProps;
-    loading: boolean | Record<string, any>;
+    data: import("./interface").TableData[];
+    loading: boolean | (Partial<{
+        dot: boolean;
+        loading: boolean;
+        delay: number | boolean;
+        hideIcon: boolean;
+    }> & Omit<{
+        readonly dot: boolean;
+        readonly loading: boolean;
+        readonly delay: number | boolean;
+        readonly hideIcon: boolean;
+        readonly size?: number | undefined;
+        readonly tip?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">);
     bordered: boolean | import("./interface").TableBorder;
     columns: import("./interface").TableColumnData[];
     hoverable: boolean;
@@ -737,7 +782,7 @@ declare const Table: {
     stripe: boolean;
     tableLayoutFixed: boolean;
     pagination: boolean | import("..").PaginationProps;
-    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
     rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
     showHeader: boolean;
     spanAll: boolean;
@@ -838,7 +883,7 @@ declare const Table: {
             default: () => {};
         };
         type: {
-            type: import("vue").PropType<"normal" | "radio" | "checkbox" | "expand" | "operation">;
+            type: import("vue").PropType<"normal" | "checkbox" | "radio" | "expand" | "operation">;
             default: string;
         };
         operations: {
@@ -892,7 +937,7 @@ declare const Table: {
             default: () => {};
         };
         type: {
-            type: import("vue").PropType<"normal" | "radio" | "checkbox" | "expand" | "operation">;
+            type: import("vue").PropType<"normal" | "checkbox" | "radio" | "expand" | "operation">;
             default: string;
         };
         operations: {
@@ -934,9 +979,9 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        type: "normal" | "radio" | "checkbox" | "expand" | "operation";
-        summary: boolean;
+        type: "normal" | "checkbox" | "radio" | "expand" | "operation";
         column: import("./interface").TableColumnData;
+        summary: boolean;
         dataColumns: import("./interface").TableColumnData[];
         operations: import("./interface").TableOperationColumn[];
         record: import("./interface").TableDataWithRaw;
@@ -1057,8 +1102,8 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        tooltip: boolean | Record<string, any>;
         ellipsis: boolean;
+        tooltip: boolean | Record<string, any>;
         filterable: import("./interface").TableFilterable;
         sortable: import("./interface").TableSortable;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/table/interface.d.ts

@@ -1,6 +1,7 @@
 import type { Simplify } from 'type-fest';
 import { CSSProperties, RenderFunction, Slots, VNodeChild } from 'vue';
 import type { FloatingOptions } from '../_utils/floating';
+import type { SpinProps } from '../spin';
 import { BaseType, ClassName, Data } from '../_utils/types';
 import { TriggerProps } from '../trigger';
 export declare const TABLE_PAGE_POSITION: readonly ["tl", "top", "tr", "bl", "bottom", "br"];
@@ -154,6 +155,8 @@ export interface TableProps {
     expandable?: TableExpandable;
     pagination?: boolean | Data;
     pagePosition?: string;
+    loading?: boolean | SpinProps;
+    spinProps?: SpinProps;
 }
 export type TableRowKey = string | ((record: TableData) => BaseType);
 export type TableSpanMethodContext = Simplify<{

package/es/table/table-column.d.ts

@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    tooltip: boolean | Record<string, any>;
     ellipsis: boolean;
+    tooltip: boolean | Record<string, any>;
     filterable: TableFilterable;
     sortable: TableSortable;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;