@sdata/web-vue 3.18.0 → 3.20.0

package/es/_hooks/use-fit-width.js

@@ -0,0 +1,76 @@
+import { getPrefixCls } from "../_utils/global-config.js";
+import { computed, nextTick, onMounted, onUpdated, ref, toValue, watch } from "vue";
+import { measureNaturalWidth, prepareWithSegments } from "@chenglou/pretext";
+//#region components/_hooks/use-fit-width.ts
+var getFitWidthCssVar = (prefix) => `--${prefix}-fit-width`;
+function getFont(style) {
+	if (style.font) return style.font;
+	return [
+		style.fontStyle,
+		style.fontVariant,
+		style.fontWeight,
+		style.fontStretch,
+		style.fontSize,
+		style.fontFamily
+	].filter(Boolean).join(" ");
+}
+function useFitWidth(options) {
+	const fitWidthCssVar = getFitWidthCssVar(getPrefixCls());
+	const fitWidthValue = `var(${fitWidthCssVar})`;
+	const measuredWidth = ref(toValue(options.fallbackWidth));
+	let measurementKey = "";
+	const measure = () => {
+		var _options$additionalWi;
+		if (!toValue(options.fitWidth)) return;
+		const text = toValue(options.text);
+		const target = options.target.value;
+		if (!text || !target || typeof window === "undefined") {
+			measuredWidth.value = toValue(options.fallbackWidth);
+			measurementKey = "";
+			return;
+		}
+		const style = window.getComputedStyle(target);
+		const font = getFont(style);
+		const parsedLetterSpacing = Number.parseFloat(style.letterSpacing);
+		const letterSpacing = Number.isFinite(parsedLetterSpacing) ? parsedLetterSpacing : 0;
+		const nextMeasurementKey = [
+			text,
+			font,
+			letterSpacing,
+			options.whiteSpace,
+			options.additionalWidth
+		].join("\0");
+		if (nextMeasurementKey === measurementKey) return;
+		const prepared = prepareWithSegments(text, font, {
+			whiteSpace: options.whiteSpace,
+			letterSpacing
+		});
+		measuredWidth.value = `${measureNaturalWidth(prepared) + ((_options$additionalWi = options.additionalWidth) !== null && _options$additionalWi !== void 0 ? _options$additionalWi : 0)}px`;
+		measurementKey = nextMeasurementKey;
+	};
+	const scheduleMeasure = () => {
+		nextTick(measure);
+	};
+	watch([
+		() => toValue(options.fitWidth),
+		() => toValue(options.text),
+		() => toValue(options.fallbackWidth),
+		options.target
+	], scheduleMeasure, { immediate: true });
+	onMounted(() => {
+		measure();
+		if (typeof document !== "undefined" && document.fonts) document.fonts.ready.then(() => {
+			measurementKey = "";
+			measure();
+		});
+	});
+	onUpdated(measure);
+	return {
+		fitWidthCssVar,
+		fitWidthStyle: computed(() => toValue(options.fitWidth) ? { [fitWidthCssVar]: measuredWidth.value } : {}),
+		fitWidthValue,
+		measure
+	};
+}
+//#endregion
+export { getFitWidthCssVar, useFitWidth };

package/es/_hooks/use-form-item.d.ts

@@ -8,7 +8,7 @@ export declare const useFormItem: ({ size, disabled, error, uninject, }?: {
     uninject?: boolean;
 }) => {
     formItemCtx: FormItemContext;
-    mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large" | undefined>;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "mini" | undefined>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     mergedError: import("vue").ComputedRef<boolean>;
     feedback: Ref<string | undefined, string | undefined>;

package/es/_hooks/use-size.d.ts

@@ -3,5 +3,5 @@ import { Size } from '../_utils/constant';
 export declare const useSize: (size?: Ref<Size | undefined>, { defaultValue }?: {
     defaultValue?: Size;
 }) => {
-    mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "mini">;
 };

package/es/anchor/anchor.vue.d.ts

@@ -100,8 +100,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onChange?: ((_hash: string) => any) | undefined;
     onSelect?: ((_hash: string | undefined, _preHash: string) => any) | undefined;
 }>, {
-    direction: "horizontal" | "vertical";
     smooth: boolean;
+    direction: "horizontal" | "vertical";
     offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
     lineLess: boolean;

package/es/anchor/index.d.ts

@@ -53,8 +53,8 @@ declare const Anchor: {
         change: (_hash: string) => any;
         select: (_hash: string | undefined, _preHash: string) => any;
     }, import("vue").PublicProps, {
-        direction: "horizontal" | "vertical";
         smooth: boolean;
+        direction: "horizontal" | "vertical";
         offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
         lineLess: boolean;
@@ -114,8 +114,8 @@ declare const Anchor: {
         onChange?: ((_hash: string) => any) | undefined;
         onSelect?: ((_hash: string | undefined, _preHash: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        direction: "horizontal" | "vertical";
         smooth: boolean;
+        direction: "horizontal" | "vertical";
         offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
         lineLess: boolean;
@@ -175,8 +175,8 @@ declare const Anchor: {
     change: (_hash: string) => any;
     select: (_hash: string | undefined, _preHash: string) => any;
 }, string, {
-    direction: "horizontal" | "vertical";
     smooth: boolean;
+    direction: "horizontal" | "vertical";
     offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
     lineLess: boolean;

package/es/auto-complete/auto-complete.d.ts

@@ -45,6 +45,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     virtualListProps: {
         type: PropType<VirtualListProps>;
     };
@@ -104,6 +112,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     virtualListProps: {
         type: PropType<VirtualListProps>;
     };
@@ -116,13 +132,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDropdownScroll?: ((_ev: Event) => any) | undefined;
     onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
 }>, {
+    strict: boolean;
+    disabled: boolean;
     readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
-    disabled: boolean;
     defaultValue: string;
     modelValue: string;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     filterOption: FilterOption;
-    strict: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/auto-complete/auto-complete.js

@@ -96,6 +96,22 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 传递虚拟列表属性，传入此参数以开启虚拟滚动 [VirtualListProps](#VirtualListProps)
 		* @en Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)
 		* @type VirtualListProps
@@ -326,6 +342,8 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 					"modelValue": computedValue.value,
 					"disabled": mergedDisabled.value,
 					"readonly": props.readonly,
+					"fitWidth": props.fitWidth,
+					"maxWFull": props.maxWFull,
 					"inputAttrs": {
 						"role": "combobox",
 						"aria-haspopup": "listbox",

package/es/auto-complete/index.d.ts

@@ -53,6 +53,14 @@ declare const AutoComplete: {
             type: BooleanConstructor;
             default: boolean;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         virtualListProps: {
             type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
@@ -79,14 +87,16 @@ declare const AutoComplete: {
         dropdownScroll: (_ev: Event) => true;
         dropdownReachBottom: (_ev: Event) => true;
     }, import("vue").PublicProps, {
+        strict: boolean;
+        disabled: boolean;
         readonly: string | boolean;
         data: (string | number | SelectOptionData | SelectOptionGroup)[];
-        disabled: boolean;
         defaultValue: string;
         modelValue: string;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         filterOption: FilterOption;
-        strict: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -136,6 +146,14 @@ declare const AutoComplete: {
             type: BooleanConstructor;
             default: boolean;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         virtualListProps: {
             type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
@@ -154,14 +172,16 @@ declare const AutoComplete: {
         focus(): void;
         blur(): void;
     }, {
+        strict: boolean;
+        disabled: boolean;
         readonly: string | boolean;
         data: (string | number | SelectOptionData | SelectOptionGroup)[];
-        disabled: boolean;
         defaultValue: string;
         modelValue: string;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         filterOption: FilterOption;
-        strict: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -208,6 +228,14 @@ declare const AutoComplete: {
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     virtualListProps: {
         type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
     };
@@ -234,14 +262,16 @@ declare const AutoComplete: {
     dropdownScroll: (_ev: Event) => true;
     dropdownReachBottom: (_ev: Event) => true;
 }, string, {
+    strict: boolean;
+    disabled: boolean;
     readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
-    disabled: boolean;
     defaultValue: string;
     modelValue: string;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     filterOption: FilterOption;
-    strict: 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/basic-crud-table/basic-crud-table.vue.d.ts

@@ -896,9 +896,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     }) | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (params: ToolbarModelValue) => any;
+    reset: () => any;
     error: (error: unknown) => any;
     delete: (row: TableData, context?: unknown) => any;
-    reset: () => any;
     create: () => any;
     edit: (row: TableData, context?: unknown) => any;
     "update:loading": (value: boolean) => any;
@@ -911,9 +911,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     modalClose: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSearch?: ((params: ToolbarModelValue) => any) | undefined;
+    onReset?: (() => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
     onDelete?: ((row: TableData, context?: unknown) => any) | undefined;
-    onReset?: (() => any) | undefined;
     onCreate?: (() => any) | undefined;
     onEdit?: ((row: TableData, context?: unknown) => any) | undefined;
     "onUpdate:loading"?: ((value: boolean) => any) | undefined;

package/es/basic-crud-table/basic-crud-table.vue_vue_type_script_setup_true_lang.js

@@ -25,6 +25,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		columns: {},
 		tableProps: { default: () => ({}) },
 		toolbarProps: { default: () => ({}) },
+		spinProps: {},
 		modalProps: { default: () => ({}) },
 		modalFormProps: { default: () => ({ schemas: [] }) },
 		fullHeight: {
@@ -121,6 +122,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const modalVisible = useModel(__props, "modalVisible");
 		const slots = useSlots();
 		const configProvider = inject(configProviderInjectionKey, void 0);
+		const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configProvider === null || configProvider === void 0 ? void 0 : configProvider.basicCrudTableSpinProps), __props.spinProps));
 		const toolbarRef = shallowRef();
 		const modalRef = shallowRef();
 		const current = shallowRef(resolvePaginationNumber("current", "defaultCurrent", 1));
@@ -431,10 +433,10 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 						})
 					]), 1040, ["modelValue", "loading"])) : createCommentVNode("", true)
 				], 2)) : createCommentVNode("", true),
-				createVNode(unref(Spin), {
+				createVNode(unref(Spin), mergeProps(resolvedSpinProps.value, {
 					loading: loading.value,
-					class: normalizeClass(`${unref(prefixCls)}-body`)
-				}, {
+					class: `${unref(prefixCls)}-body`
+				}), {
 					default: withCtx(() => [createVNode(unref(Table), mergeProps(__props.tableProps, {
 						scroll: resolvedTableScroll.value,
 						columns: resolvedColumns.value,
@@ -488,7 +490,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 						"pagination"
 					])]),
 					_: 3
-				}, 8, ["loading", "class"]),
+				}, 16, ["loading", "class"]),
 				createVNode(basic_crud_modal_default, {
 					ref_key: "modalRef",
 					ref: modalRef,

package/es/basic-crud-table/index.d.ts

@@ -10,9 +10,9 @@ declare const BasicCrudTable: {
         modalVisible?: boolean;
     }> & Readonly<{
         onSearch?: ((params: import("../index.ts").ToolbarModelValue) => any) | undefined;
+        onReset?: (() => any) | undefined;
         onError?: ((error: unknown) => any) | undefined;
         onDelete?: ((row: import("../index.ts").TableData, context?: unknown) => any) | undefined;
-        onReset?: (() => any) | undefined;
         onCreate?: (() => any) | undefined;
         onEdit?: ((row: import("../index.ts").TableData, context?: unknown) => any) | undefined;
         "onUpdate:loading"?: ((value: boolean) => any) | undefined;
@@ -892,9 +892,9 @@ declare const BasicCrudTable: {
         }) | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         search: (params: import("../index.ts").ToolbarModelValue) => any;
+        reset: () => any;
         error: (error: unknown) => any;
         delete: (row: import("../index.ts").TableData, context?: unknown) => any;
-        reset: () => any;
         create: () => any;
         edit: (row: import("../index.ts").TableData, context?: unknown) => any;
         "update:loading": (value: boolean) => any;
@@ -920,9 +920,9 @@ declare const BasicCrudTable: {
         modalVisible?: boolean;
     }> & Readonly<{
         onSearch?: ((params: import("../index.ts").ToolbarModelValue) => any) | undefined;
+        onReset?: (() => any) | undefined;
         onError?: ((error: unknown) => any) | undefined;
         onDelete?: ((row: import("../index.ts").TableData, context?: unknown) => any) | undefined;
-        onReset?: (() => any) | undefined;
         onCreate?: (() => any) | undefined;
         onEdit?: ((row: import("../index.ts").TableData, context?: unknown) => any) | undefined;
         "onUpdate:loading"?: ((value: boolean) => any) | undefined;
@@ -1812,9 +1812,9 @@ declare const BasicCrudTable: {
     modalVisible?: boolean;
 }> & Readonly<{
     onSearch?: ((params: import("../index.ts").ToolbarModelValue) => any) | undefined;
+    onReset?: (() => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
     onDelete?: ((row: import("../index.ts").TableData, context?: unknown) => any) | undefined;
-    onReset?: (() => any) | undefined;
     onCreate?: (() => any) | undefined;
     onEdit?: ((row: import("../index.ts").TableData, context?: unknown) => any) | undefined;
     "onUpdate:loading"?: ((value: boolean) => any) | undefined;
@@ -2694,9 +2694,9 @@ declare const BasicCrudTable: {
     }) | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (params: import("../index.ts").ToolbarModelValue) => any;
+    reset: () => any;
     error: (error: unknown) => any;
     delete: (row: import("../index.ts").TableData, context?: unknown) => any;
-    reset: () => any;
     create: () => any;
     edit: (row: import("../index.ts").TableData, context?: unknown) => any;
     "update:loading": (value: boolean) => any;

package/es/basic-crud-table/types.d.ts

@@ -1,6 +1,7 @@
 import type { UnknownRecord } from 'type-fest';
 import type { JsonFormProps } from '../json-form';
 import type ModalComponent from '../modal/modal.vue';
+import type { SpinProps } from '../spin';
 import type { TableColumnData, TableData, TableInstance } from '../table';
 import type { ToolbarProps } from '../toolbar';
 export type MaybePromise<T> = T | Promise<T>;
@@ -19,6 +20,7 @@ export interface BasicCrudTableProps<TRow extends TableData = TableData> {
     columns: TableColumnData[];
     tableProps?: BasicCrudTableTableProps;
     toolbarProps?: BasicCrudTableToolbarProps;
+    spinProps?: SpinProps;
     modalProps?: BasicCrudTableModalProps;
     modalFormProps?: BasicCrudTableModalFormProps;
     fullHeight?: boolean;

package/es/button/button.vue.d.ts

@@ -107,12 +107,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
 }>, {
-    autofocus: boolean;
     disabled: boolean;
+    autofocus: boolean;
     loading: boolean;
     long: boolean;
     loadingFixedWidth: boolean;
-    htmlType: "reset" | "submit" | "button";
+    htmlType: "button" | "reset" | "submit";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/button/index.d.ts

@@ -48,12 +48,12 @@ declare const Button: {
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_ev: MouseEvent) => any;
     }, import("vue").PublicProps, {
-        autofocus: boolean;
         disabled: boolean;
+        autofocus: boolean;
         loading: boolean;
         long: boolean;
         loadingFixedWidth: boolean;
-        htmlType: "reset" | "submit" | "button";
+        htmlType: "button" | "reset" | "submit";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -104,12 +104,12 @@ declare const Button: {
     }>> & Readonly<{
         onClick?: ((_ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        autofocus: boolean;
         disabled: boolean;
+        autofocus: boolean;
         loading: boolean;
         long: boolean;
         loadingFixedWidth: boolean;
-        htmlType: "reset" | "submit" | "button";
+        htmlType: "button" | "reset" | "submit";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -159,12 +159,12 @@ declare const Button: {
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (_ev: MouseEvent) => any;
 }, string, {
-    autofocus: boolean;
     disabled: boolean;
+    autofocus: boolean;
     loading: boolean;
     long: boolean;
     loadingFixedWidth: boolean;
-    htmlType: "reset" | "submit" | "button";
+    htmlType: "button" | "reset" | "submit";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         icon?: (props: {}) => any;

package/es/card/card.d.ts

@@ -1,4 +1,5 @@
 import { PropType, CSSProperties } from 'vue';
+import type { SpinProps } from '../spin';
 import { type ScrollbarProps } from '../scrollbar';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     bordered: {
@@ -9,6 +10,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;
@@ -47,6 +51,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;
@@ -91,6 +98,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: {
@@ -98,8 +109,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 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: {};
@@ -113,6 +125,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: {
@@ -120,8 +136,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-            loading: boolean;
             dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }>;
         __isFragment?: never;
@@ -132,6 +149,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: {
@@ -139,8 +160,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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: import("vue").App, options?: import("../_utils/types").SDOptions) => void;

package/es/card/card.js

@@ -1,3 +1,5 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getAllElements } from "../_utils/vue-utils.js";
 import { useSize } from "../_hooks/use-size.js";
@@ -5,7 +7,7 @@ import { useScrollbar } from "../_hooks/use-scrollbar.js";
 import Scrollbar from "../scrollbar/index.js";
 import Spin from "../spin/index.js";
 import { cardInjectionKey } from "./context.js";
-import { computed, createVNode, defineComponent, mergeProps, provide, reactive, toRef, toRefs } from "vue";
+import { computed, createVNode, defineComponent, inject, mergeProps, provide, reactive, toRef, toRefs } from "vue";
 //#region components/card/card.tsx
 var card_default = /* @__PURE__ */ defineComponent({
 	name: "Card",
@@ -31,6 +33,11 @@ var card_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 传递给加载中 Spin 的属性
+		* @en Props passed to the loading Spin
+		*/
+		spinProps: { type: Object },
+		/**
 		* @zh 是否可悬浮
 		* @en Can be hovered
 		*/
@@ -110,6 +117,8 @@ var card_default = /* @__PURE__ */ defineComponent({
 	* @slot actions
 	*/
 	setup(props, { slots }) {
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.cardSpinProps), props.spinProps));
 		const prefixCls = getPrefixCls("card");
 		const { size } = toRefs(props);
 		const { mergedSize: _mergedSize } = useSize(size);
@@ -161,7 +170,7 @@ var card_default = /* @__PURE__ */ defineComponent({
 				createVNode("div", {
 					"class": bodyCls.value,
 					"style": props.bodyStyle
-				}, [props.loading ? createVNode(Spin, null, null) : scrollEnabled.value ? createVNode(Scrollbar, mergeProps(scrollbarProps.value, { "outerClass": `${prefixCls}-body-scrollbar` }), { default: () => {
+				}, [props.loading ? createVNode(Spin, mergedSpinProps.value, null) : scrollEnabled.value ? createVNode(Scrollbar, mergeProps(scrollbarProps.value, { "outerClass": `${prefixCls}-body-scrollbar` }), { default: () => {
 					var _slots$default;
 					return [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
 				} }) : (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots), slots.actions && !cardContext.hasMeta && renderActions(slots.actions())])