@sdata/web-vue 3.19.0 → 3.20.0

package/es/config-provider/context.d.ts

@@ -8,6 +8,7 @@ import type { EllipsisTooltipProps } from '../ellipsis';
 import type { JsonFormProviderConfig } from '../json-form/types';
 import type { SdLang } from '../locale/interface';
 import type { PaginationSelectProps } from '../pagination/interface';
+import type { SpinProps } from '../spin';
 import type { SDThemeNormalized } from './theme';
 export interface ConfigProviderModal {
     mask?: boolean;
@@ -87,6 +88,17 @@ export interface ConfigProvider {
     drawer?: ConfigProviderDrawer;
     pagination?: ConfigProviderPagination;
     colorPicker?: ConfigProviderColorPicker;
+    spinProps?: SpinProps;
+    basicCrudTableSpinProps?: SpinProps;
+    cardSpinProps?: SpinProps;
+    cascaderSpinProps?: SpinProps;
+    listSpinProps?: SpinProps;
+    qrCodeSpinProps?: SpinProps;
+    selectSpinProps?: SpinProps;
+    tableSpinProps?: SpinProps;
+    timelineSpinProps?: SpinProps;
+    toolbarSpinProps?: SpinProps;
+    treeSelectSpinProps?: SpinProps;
     jsonForm?: JsonFormProviderConfig;
     theme?: SDThemeNormalized;
 }

package/es/config-provider/index.d.ts

@@ -63,6 +63,39 @@ declare const ConfigProvider: {
         colorPicker: {
             type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        basicCrudTableSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        cardSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        cascaderSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        listSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        qrCodeSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        selectSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        tableSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        timelineSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        toolbarSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        treeSelectSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         jsonForm: {
             type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
         };
@@ -150,6 +183,39 @@ declare const ConfigProvider: {
         colorPicker: {
             type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        basicCrudTableSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        cardSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        cascaderSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        listSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        qrCodeSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        selectSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        tableSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        timelineSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        toolbarSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
+        treeSelectSpinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         jsonForm: {
             type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
         };
@@ -234,6 +300,39 @@ declare const ConfigProvider: {
     colorPicker: {
         type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
     };
+    spinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    basicCrudTableSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    cardSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    cascaderSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    listSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    qrCodeSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    selectSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    tableSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    timelineSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    toolbarSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
+    treeSelectSpinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
     jsonForm: {
         type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
     };

package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js

@@ -11,8 +11,8 @@ import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
 import Button from "../button/index.js";
-import Ellipsis from "../ellipsis/index.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import Ellipsis from "../ellipsis/index.js";
 import { getFocusableElements, useFocusTrap } from "../_hooks/use-focus-trap.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { DRAWER_PLACEMENTS } from "./utils.js";

package/es/index.css

@@ -8677,10 +8677,21 @@ body.sd-tour-active .sd-tour-popover * {
   animation: sender-recording-bar 0.8s ease-in-out infinite;
 }
 .sd-sender-footer {
+  display: flex;
+  gap: 8px;
+  align-items: center;
   box-sizing: border-box;
   padding-block: 4px 12px;
   padding-inline: 12px;
 }
+.sd-sender-footer-content {
+  flex: auto;
+  min-width: 0;
+}
+.sd-sender-footer-suffix {
+  flex: none;
+  margin-inline-start: auto;
+}
 .sd-sender-header {
   overflow: hidden;
   border-bottom: 1px solid color-mix(in srgb, var(--sd-color-neutral-3) 10%, transparent);

package/es/index.d.ts

@@ -129,7 +129,7 @@ export type { ScrollbarElements, ScrollbarEventListener, ScrollbarEventListenerA
 export { default as Select } from './select';
 export type { FilterOption, SelectFallbackOption, SelectFieldNames, SelectInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectProps, } from './select';
 export { default as Sender, SenderHeader, SenderSwitch } from './sender';
-export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderInstance, SenderHeaderProps, SenderHeaderSemanticType, SenderInsertPosition, SenderInputSlotConfig, SenderInstance, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSwitchInstance, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './sender';
+export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderInstance, SenderHeaderProps, SenderHeaderSemanticType, SenderInsertPosition, SenderInputSlotConfig, SenderInstance, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSpeechConfig, SenderSpeechDataEvent, SenderSpeechEndEvent, SenderSpeechEndReason, SenderSpeechErrorEvent, SenderSpeechErrorPhase, SenderSpeechStartEvent, SenderSpeechTransportCloseEvent, SenderSpeechTransportMessageEvent, SenderSpeechTransportOpenEvent, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSuffixPlacement, SenderSwitchInstance, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './sender';
 export { default as Secret } from './secret';
 export type { SecretInstance } from './secret';
 export { default as Skeleton, SkeletonLine, SkeletonShape } from './skeleton';
@@ -139,7 +139,7 @@ export type { SliderChangeHandler, SliderFormatTooltip, SliderInstance, SliderVa
 export { default as Space } from './space';
 export type { SpaceInstance } from './space';
 export { default as Spin } from './spin';
-export type { SpinInstance } from './spin';
+export type { SpinInstance, SpinProps } from './spin';
 export { default as Split } from './split';
 export type { SplitInstance } from './split';
 export { default as Statistic, Countdown } from './statistic';

package/es/list/index.d.ts

@@ -24,6 +24,9 @@ declare const List: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         hoverable: {
             type: BooleanConstructor;
             default: boolean;
@@ -100,6 +103,9 @@ declare const List: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         hoverable: {
             type: BooleanConstructor;
             default: boolean;
@@ -168,6 +174,9 @@ declare const List: {
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;

package/es/list/list.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import type { ScrollIntoViewOptions, VirtualListProps } from '../_components/virtual-list/interface';
+import type { SpinProps } from '../spin';
 import { PaginationProps } from '../pagination';
 import { ScrollbarProps } from '../scrollbar';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -22,6 +23,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;
@@ -77,6 +81,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;

package/es/list/list.js

@@ -59,6 +59,11 @@ var list_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 传递给加载中 Spin 的属性
+		* @en Props passed to the loading Spin
+		*/
+		spinProps: { type: Object },
+		/**
 		* @zh 是否显示选中样式
 		* @en Whether to display the selected style
 		*/
@@ -163,6 +168,7 @@ var list_default = /* @__PURE__ */ defineComponent({
 		const { scrollbar } = toRefs(props);
 		const prefixCls = getPrefixCls("list");
 		const configCtx = inject(configProviderInjectionKey, void 0);
+		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.listSpinProps), props.spinProps));
 		const { componentRef, elementRef: listRef } = useComponentRef("containerRef");
 		const isVirtualList = computed(() => props.virtualListProps);
 		const { scrollbarProps } = useScrollbar(scrollbar);
@@ -337,10 +343,10 @@ var list_default = /* @__PURE__ */ defineComponent({
 			return createVNode("div", {
 				"class": `${prefixCls}-wrapper`,
 				"style": wrapperStyle.value
-			}, [createVNode(Spin, {
+			}, [createVNode(Spin, mergeProps(mergedSpinProps.value, {
 				"class": `${prefixCls}-spin`,
 				"loading": props.loading
-			}, { default: () => [createVNode(ContentComponent, mergeProps({
+			}), { default: () => [createVNode(ContentComponent, mergeProps({
 				"ref": componentRef,
 				"class": cls.value,
 				"style": contentStyle.value

package/es/modal/modal.vue_vue_type_script_setup_true_lang.js

@@ -15,8 +15,8 @@ import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
 import Button from "../button/index.js";
-import Ellipsis from "../ellipsis/index.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import Ellipsis from "../ellipsis/index.js";
 import { getFocusableElements, useFocusTrap } from "../_hooks/use-focus-trap.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { useDraggable } from "./hooks/use-draggable.js";

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

@@ -60,7 +60,7 @@ declare const QrCode: {
             default: undefined;
         };
         spinProps: {
-            type: import("vue").PropType<import("../spin/index.ts").SpinProps>;
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
             default: undefined;
         };
     }>> & Readonly<{
@@ -72,19 +72,21 @@ declare const QrCode: {
         color: string;
         size: number;
         icon: string;
-        bordered: boolean;
-        status: import("./types").QrCodeStatusType;
         spinProps: 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" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+        bordered: boolean;
+        status: import("./types").QrCodeStatusType;
         iconAlt: string;
         iconSize: import("./types").QrCodeIconSize;
         bgColor: string;
@@ -157,7 +159,7 @@ declare const QrCode: {
             default: undefined;
         };
         spinProps: {
-            type: import("vue").PropType<import("../spin/index.ts").SpinProps>;
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
             default: undefined;
         };
     }>> & Readonly<{
@@ -167,19 +169,21 @@ declare const QrCode: {
         color: string;
         size: number;
         icon: string;
-        bordered: boolean;
-        status: import("./types").QrCodeStatusType;
         spinProps: 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" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+        bordered: boolean;
+        status: import("./types").QrCodeStatusType;
         iconAlt: string;
         iconSize: import("./types").QrCodeIconSize;
         bgColor: string;
@@ -249,7 +253,7 @@ declare const QrCode: {
         default: undefined;
     };
     spinProps: {
-        type: import("vue").PropType<import("../spin/index.ts").SpinProps>;
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
         default: undefined;
     };
 }>> & Readonly<{
@@ -261,19 +265,21 @@ declare const QrCode: {
     color: string;
     size: number;
     icon: string;
-    bordered: boolean;
-    status: import("./types").QrCodeStatusType;
     spinProps: 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" | "hideIcon">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+    bordered: boolean;
+    status: import("./types").QrCodeStatusType;
     iconAlt: string;
     iconSize: import("./types").QrCodeIconSize;
     bgColor: string;

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

@@ -136,19 +136,21 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     color: string;
     size: number;
     icon: string;
-    bordered: boolean;
-    status: QrCodeStatusType;
     spinProps: 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" | "hideIcon">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+    bordered: boolean;
+    status: QrCodeStatusType;
     iconAlt: string;
     iconSize: QrCodeIconSize;
     bgColor: string;

package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,10 @@
+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 { useI18n } from "../locale/index.js";
 import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
 import qr_code_status_default from "./qr-code-status.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, watch } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, watch } from "vue";
 import QRCode from "qrcode";
 //#region components/qr-code/qr-code.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
@@ -158,6 +159,8 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const props = __props;
 		const emit = __emit;
 		const { t } = useI18n();
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.qrCodeSpinProps), props.spinProps));
 		const prefixCls = getPrefixCls("qr-code");
 		const canvasRef = ref();
 		const svgMarkup = ref("");
@@ -281,7 +284,7 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				}, () => [createVNode(qr_code_status_default, {
 					"prefix-cls": unref(prefixCls),
 					status: __props.status,
-					"spin-props": __props.spinProps,
+					"spin-props": resolvedSpinProps.value,
 					onRefresh: handleRefresh
 				}, null, 8, [
 					"prefix-cls",

package/es/select/index.d.ts

@@ -40,6 +40,9 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("..").SpinProps>;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -1395,6 +1398,9 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("..").SpinProps>;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -1609,6 +1615,9 @@ declare const Select: {
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: import("vue").PropType<import("..").SpinProps>;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/es/select/select-dropdown.vue.d.ts

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue';
 import type { EmitType } from '../_utils/types';
+import type { SpinProps } from '../spin';
 import { ScrollbarProps } from '../scrollbar';
 declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {}, __VLS_27: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
@@ -15,6 +16,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
     bottomOffset: {
@@ -44,6 +46,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     reachBottom: (_ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
     bottomOffset: {

package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js

@@ -12,6 +12,7 @@ var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	__name: "select-dropdown",
 	props: {
 		loading: Boolean,
+		spinProps: Object,
 		empty: Boolean,
 		virtualList: Boolean,
 		bottomOffset: {
@@ -60,10 +61,7 @@ var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-header`)
 				}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
-				__props.loading ? (openBlock(), createBlock(unref(Spin), {
-					key: 1,
-					class: normalizeClass(`${unref(prefixCls)}-loading`)
-				}, null, 8, ["class"])) : __props.empty ? (openBlock(), createElementBlock("div", {
+				__props.loading ? (openBlock(), createBlock(unref(Spin), mergeProps({ key: 1 }, __props.spinProps, { class: `${unref(prefixCls)}-loading` }), null, 16, ["class"])) : __props.empty ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-empty`)
 				}, [renderSlot(_ctx.$slots, "empty", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(SelectEmpty) || unref(Empty))))])], 2)) : createCommentVNode("", true),

package/es/select/select.d.ts

@@ -4,6 +4,7 @@ import type { VirtualListProps } from '../_components/virtual-list/interface';
 import type { Size } from '../_utils/constant';
 import type { FloatingOptions } from '../_utils/floating';
 import type { ScrollbarProps } from '../scrollbar';
+import type { SpinProps } from '../spin';
 import type { SelectFieldNames, SelectModelValue, SelectOption, SelectOptionData, SelectOptionValue } from './interface';
 import { type TriggerProps } from '../trigger';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -44,6 +45,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -218,6 +222,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/es/select/select.js

@@ -1,4 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
+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 { isArray, isBoolean, isEmptyObject, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
@@ -17,7 +18,7 @@ import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import Checkbox from "../checkbox/index.js";
-import { computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
+import { computed, createVNode, defineComponent, getCurrentInstance, inject, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
 //#region components/select/select.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -90,6 +91,11 @@ var select_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 传递给下拉加载中 Spin 的属性
+		* @en Props passed to the loading Spin in the dropdown
+		*/
+		spinProps: { type: Object },
 		disabled: {
 			type: Boolean,
 			default: false
@@ -221,6 +227,8 @@ var select_default = /* @__PURE__ */ defineComponent({
 		"exceedLimit": (_value, _ev) => true
 	},
 	setup(props, { slots, emit, attrs, expose }) {
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.selectSpinProps), props.spinProps));
 		const { size, disabled, error, options, filterOption, valueKey, multiple, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
 		const prefixCls = getPrefixCls("select");
 		const selectViewRef = ref(null);
@@ -528,6 +536,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 		const renderDropDown = () => createVNode(select_dropdown_default, {
 			"ref": dropdownRef,
 			"loading": props.loading,
+			"spinProps": mergedSpinProps.value,
 			"empty": validOptionInfos.value.length === 0,
 			"virtualList": Boolean(resolvedVirtualListProps.value),
 			"scrollbar": props.scrollbar,

package/es/sender/index.d.ts

@@ -115,5 +115,5 @@ export declare const SenderSwitch: {
 export type SenderInstance = InstanceType<typeof _Sender>;
 export type SenderHeaderInstance = InstanceType<typeof _SenderHeader>;
 export type SenderSwitchInstance = InstanceType<typeof _SenderSwitch>;
-export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderSemanticType, SenderHeaderProps, SenderInsertPosition, SenderInputSlotConfig, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './types';
+export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderSemanticType, SenderHeaderProps, SenderInsertPosition, SenderInputSlotConfig, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSpeechConfig, SenderSpeechDataEvent, SenderSpeechEndEvent, SenderSpeechEndReason, SenderSpeechErrorEvent, SenderSpeechErrorPhase, SenderSpeechStartEvent, SenderSpeechTransportCloseEvent, SenderSpeechTransportMessageEvent, SenderSpeechTransportOpenEvent, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSuffixPlacement, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './types';
 export default Sender;