@sdata/web-vue 3.19.0 → 3.21.0

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/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/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: {
@@ -100,6 +111,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             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: {
@@ -122,6 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             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: {
@@ -141,6 +162,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         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())])

package/es/card/index.d.ts

@@ -13,6 +13,9 @@ declare const Card: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         hoverable: {
             type: BooleanConstructor;
             default: boolean;
@@ -57,6 +60,10 @@ declare const Card: {
                     type: NumberConstructor;
                 };
                 loading: BooleanConstructor;
+                delay: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
                 dot: BooleanConstructor;
                 tip: StringConstructor;
                 hideIcon: {
@@ -66,6 +73,7 @@ declare const Card: {
             }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                 dot: boolean;
                 loading: boolean;
+                delay: number | boolean;
                 hideIcon: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -79,6 +87,10 @@ declare const Card: {
                     type: NumberConstructor;
                 };
                 loading: BooleanConstructor;
+                delay: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
                 dot: BooleanConstructor;
                 tip: StringConstructor;
                 hideIcon: {
@@ -88,6 +100,7 @@ declare const Card: {
             }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 dot: boolean;
                 loading: boolean;
+                delay: number | boolean;
                 hideIcon: boolean;
             }>;
             __isFragment?: never;
@@ -98,6 +111,10 @@ declare const Card: {
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -107,6 +124,7 @@ declare const Card: {
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             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;
@@ -420,6 +438,9 @@ declare const Card: {
             type: BooleanConstructor;
             default: boolean;
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         hoverable: {
             type: BooleanConstructor;
             default: boolean;
@@ -470,6 +491,9 @@ declare const Card: {
         type: BooleanConstructor;
         default: boolean;
     };
+    spinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;
@@ -514,6 +538,10 @@ declare const Card: {
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -523,6 +551,7 @@ declare const Card: {
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             dot: boolean;
             loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -536,6 +565,10 @@ declare const Card: {
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -545,6 +578,7 @@ declare const Card: {
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             dot: boolean;
             loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }>;
         __isFragment?: never;
@@ -555,6 +589,10 @@ declare const Card: {
             type: NumberConstructor;
         };
         loading: BooleanConstructor;
+        delay: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
         dot: BooleanConstructor;
         tip: StringConstructor;
         hideIcon: {
@@ -564,6 +602,7 @@ declare const Card: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         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/cascader/base-cascader-panel.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SpinProps } from '../spin';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { CascaderOptionInfo } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     multiple: BooleanConstructor;
     checkStrictly: BooleanConstructor;
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     dropdown: BooleanConstructor;
     virtualListProps: {
         type: PropType<VirtualListProps>;
@@ -39,6 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     multiple: BooleanConstructor;
     checkStrictly: BooleanConstructor;
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     dropdown: BooleanConstructor;
     virtualListProps: {
         type: PropType<VirtualListProps>;

package/es/cascader/base-cascader-panel.js

@@ -27,6 +27,7 @@ var base_cascader_panel_default = /* @__PURE__ */ defineComponent({
 		multiple: Boolean,
 		checkStrictly: Boolean,
 		loading: Boolean,
+		spinProps: Object,
 		dropdown: Boolean,
 		virtualListProps: { type: Object }
 	},
@@ -41,7 +42,7 @@ var base_cascader_panel_default = /* @__PURE__ */ defineComponent({
 			if (props.loading) return createVNode("div", {
 				"key": "panel-column-loading",
 				"class": [`${prefixCls}-panel-column`, `${prefixCls}-panel-column-loading`]
-			}, [createVNode(Spin, null, null)]);
+			}, [createVNode(Spin, props.spinProps, null)]);
 			if (props.displayColumns.length === 0) return createVNode("div", {
 				"key": "panel-column-empty",
 				"class": `${prefixCls}-panel-column`

package/es/cascader/cascader-search-panel.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SpinProps } from '../spin';
 import { CascaderOptionInfo } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
@@ -6,6 +7,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     activeKey: StringConstructor;
     multiple: BooleanConstructor;
     checkStrictly: BooleanConstructor;
@@ -16,6 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     loading: BooleanConstructor;
+    spinProps: PropType<SpinProps>;
     activeKey: StringConstructor;
     multiple: BooleanConstructor;
     checkStrictly: BooleanConstructor;

package/es/cascader/cascader-search-panel.js

@@ -17,6 +17,7 @@ var cascader_search_panel_default = /* @__PURE__ */ defineComponent({
 			required: true
 		},
 		loading: Boolean,
+		spinProps: Object,
 		activeKey: String,
 		multiple: Boolean,
 		checkStrictly: Boolean,
@@ -26,7 +27,7 @@ var cascader_search_panel_default = /* @__PURE__ */ defineComponent({
 		const prefixCls = getPrefixCls("cascader");
 		const configCtx = inject(configProviderInjectionKey, void 0);
 		const renderContent = () => {
-			if (props.loading) return createVNode(Spin, null, null);
+			if (props.loading) return createVNode(Spin, props.spinProps, null);
 			if (props.options.length === 0) {
 				var _ref, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
 				return createVNode("div", { "class": `${prefixCls}-list-empty` }, [(_ref = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "cascader" })) !== null && _ref !== void 0 ? _ref : createVNode(Empty, null, null)]);

package/es/cascader/cascader.vue.d.ts

@@ -1,20 +1,32 @@
 import type { CascaderModelValue, CascaderOption } from './interface';
 import type { CascaderProps } from './types';
-declare var __VLS_30: any, __VLS_33: {}, __VLS_36: {}, __VLS_39: {}, __VLS_42: {}, __VLS_52: {}, __VLS_61: {};
+declare var __VLS_16: {
+    value: CascaderModelValue;
+    displayValue: string | string[];
+    inputValue: string;
+    selectedOptions: CascaderOption[];
+    selectedPaths: CascaderOption[][];
+    popupVisible: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+}, __VLS_32: any, __VLS_35: {}, __VLS_38: {}, __VLS_41: {}, __VLS_44: {}, __VLS_54: {}, __VLS_63: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_30) => any;
+    trigger?: (props: typeof __VLS_16) => any;
+} & {
+    label?: (props: typeof __VLS_32) => any;
 } & {
-    prefix?: (props: typeof __VLS_33) => any;
+    prefix?: (props: typeof __VLS_35) => any;
 } & {
-    'arrow-icon'?: (props: typeof __VLS_36) => any;
+    'arrow-icon'?: (props: typeof __VLS_38) => any;
 } & {
-    'loading-icon'?: (props: typeof __VLS_39) => any;
+    'loading-icon'?: (props: typeof __VLS_41) => any;
 } & {
-    'search-icon'?: (props: typeof __VLS_42) => any;
+    'search-icon'?: (props: typeof __VLS_44) => any;
 } & {
-    empty?: (props: typeof __VLS_52) => any;
+    empty?: (props: typeof __VLS_54) => any;
 } & {
-    empty?: (props: typeof __VLS_61) => any;
+    empty?: (props: typeof __VLS_63) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (value: string) => any;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.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 { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
@@ -17,7 +18,7 @@ import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos
 import base_cascader_panel_default from "./base-cascader-panel.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
 import cascader_search_panel_default from "./cascader-search-panel.js";
-import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 //#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
 var DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE = 36;
 var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -88,6 +89,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			type: Boolean,
 			default: false
 		},
+		spinProps: {},
 		searchOptionOnlyLabel: {
 			type: Boolean,
 			default: false
@@ -134,14 +136,21 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		var _props$defaultValue;
 		const props = __props;
 		const emit = __emit;
+		/**
+		* @zh 自定义触发元素
+		* @en Custom trigger element
+		* @slot trigger
+		*/
 		const attrs = useAttrs();
 		const slots = useSlots();
+		const configCtx = inject(configProviderInjectionKey, void 0);
 		const getDefaultValue = (multiple, pathMode) => {
 			if (multiple) return [];
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
+		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, spinProps, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
+		const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.cascaderSpinProps), spinProps.value));
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		const _inputValue = ref(props.defaultInputValue);
 		const instance = getCurrentInstance();
@@ -480,6 +489,21 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			});
 			return result;
 		});
+		const triggerValue = computed(() => {
+			var _values$2;
+			const values = Array.from(computedValueMap.value.values());
+			return props.multiple ? values : (_values$2 = values[0]) !== null && _values$2 !== void 0 ? _values$2 : "";
+		});
+		const triggerDisplayValue = computed(() => {
+			var _labels$;
+			const labels = selectViewValue.value.map((item) => item.label);
+			return props.multiple ? labels : (_labels$ = labels[0]) !== null && _labels$ !== void 0 ? _labels$ : "";
+		});
+		const triggerSelectedPaths = computed(() => Array.from(computedValueMap.value.keys()).map((key) => {
+			var _leafOptionMap$get;
+			return (_leafOptionMap$get = leafOptionMap.get(key)) === null || _leafOptionMap$get === void 0 ? void 0 : _leafOptionMap$get.path.map((item) => item.raw);
+		}).filter((path) => Boolean(path)));
+		const triggerSelectedOptions = computed(() => triggerSelectedPaths.value.map((path) => path.at(-1)).filter((option) => Boolean(option)));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Tooltip), {
 				"popup-visible": unref(tipVisible),
@@ -511,6 +535,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							multiple: unref(multiple),
 							"check-strictly": unref(checkStrictly),
 							loading: unref(loading),
+							"spin-props": resolvedSpinProps.value,
 							"path-label": !unref(searchOptionOnlyLabel)
 						}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
 							name: "empty",
@@ -522,6 +547,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"multiple",
 							"check-strictly",
 							"loading",
+							"spin-props",
 							"path-label"
 						])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
 							key: 1,
@@ -532,6 +558,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"total-level": totalLevel.value,
 							"check-strictly": unref(checkStrictly),
 							loading: unref(loading),
+							"spin-props": resolvedSpinProps.value,
 							"virtual-list-props": resolvedVirtualListProps.value,
 							dropdown: ""
 						}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
@@ -546,9 +573,20 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"total-level",
 							"check-strictly",
 							"loading",
+							"spin-props",
 							"virtual-list-props"
 						]))]),
-						default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
+						default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+							value: triggerValue.value,
+							displayValue: triggerDisplayValue.value,
+							inputValue: computedInputValue.value,
+							selectedOptions: triggerSelectedOptions.value,
+							selectedPaths: triggerSelectedPaths.value,
+							popupVisible: unref(computedPopupVisible),
+							disabled: unref(mergedDisabled),
+							loading: unref(loading),
+							multiple: unref(multiple)
+						}, () => [createVNode(unref(select_view_default), mergeProps({
 							"model-value": selectViewValue.value,
 							"input-value": computedInputValue.value,
 							disabled: unref(mergedDisabled),
@@ -616,7 +654,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"tag-nowrap",
 							"input-attrs",
 							"onKeydown"
-						])]),
+						])])]),
 						_: 3
 					}, 16, [
 						"floating-options",

package/es/cascader/index.d.ts

@@ -10,6 +10,6 @@ declare const Cascader: CascaderComponent;
 export type CascaderInstance = InstanceType<typeof _Cascader>;
 export type CascaderPanelInstance = InstanceType<typeof _CascaderPanel>;
 export type { CascaderChangeHandler, CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderLoadMore, CascaderModelValue, CascaderOption, CascaderOptionValue, CascaderPathValue, CascaderSearchHandler, CascaderSingleValue, } from './interface';
-export type { CascaderEmits, CascaderPanelEmits, CascaderPanelProps, CascaderProps } from './types';
+export type { CascaderEmits, CascaderPanelEmits, CascaderPanelProps, CascaderProps, CascaderTriggerSlotProps, } from './types';
 export { _CascaderPanel as CascaderPanel };
 export default Cascader;

package/es/cascader/types.d.ts

@@ -2,9 +2,21 @@ import type { VirtualListProps } from '../_components/virtual-list/interface';
 import type { FitWidthProps } from '../_hooks/use-fit-width';
 import type { Size } from '../_utils/constant';
 import type { FloatingOptions } from '../_utils/floating';
+import type { SpinProps } from '../spin';
 import type { TriggerProps } from '../trigger';
 import type { CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderLoadMore, CascaderModelValue, CascaderOption } from './interface';
 export type CascaderExpandTrigger = 'click' | 'hover';
+export interface CascaderTriggerSlotProps {
+    value: CascaderModelValue;
+    displayValue: string | string[];
+    inputValue: string;
+    selectedOptions: CascaderOption[];
+    selectedPaths: CascaderOption[][];
+    popupVisible: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+}
 export interface CascaderProps extends FitWidthProps {
     pathMode?: boolean;
     multiple?: boolean;
@@ -38,6 +50,7 @@ export interface CascaderProps extends FitWidthProps {
     checkStrictly?: boolean;
     loadMore?: CascaderLoadMore;
     loading?: boolean;
+    spinProps?: SpinProps;
     searchOptionOnlyLabel?: boolean;
     searchDelay?: number;
     fieldNames?: CascaderFieldNames;

package/es/color-picker/color-picker.js

@@ -273,7 +273,19 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 				"content": readonlyTipText.value,
 				"position": "top"
 			}, { default: () => [createVNode(Trigger, mergeProps({ "onPopupVisibleChange": onPopupVisibleChange }, mergedTriggerProps.value), {
-				default: () => [slots.default ? slots.default() : renderTriggerInput()],
+				default: () => {
+					var _ref, _slots$trigger, _slots$trigger2, _slots$default;
+					return [(_ref = (_slots$trigger = (_slots$trigger2 = slots.trigger) === null || _slots$trigger2 === void 0 ? void 0 : _slots$trigger2.call(slots, {
+						value: mergedValue.value,
+						displayValue: triggerInputValue.value,
+						color: getColorObject(colorState.value),
+						popupVisible: popupVisible.value,
+						disabled: props.disabled,
+						readonly: Boolean(props.readonly),
+						format: normalizedFormat.value,
+						previewStyle: previewStyle.value
+					})) !== null && _slots$trigger !== void 0 ? _slots$trigger : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) !== null && _ref !== void 0 ? _ref : renderTriggerInput()];
+				},
 				content: renderPanel
 			})] });
 		};

package/es/color-picker/index.d.ts

@@ -311,6 +311,6 @@ declare const ColorPicker: {
 }, {}, 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;
 };
-export type { RGB, HSV, HSVA, Color, ColorMode, ColorModes, ColorFormat, ColorObject, ColorValueState, ColorPickerChangeTrigger, GradientColorPoint, RecentColorsValue, } from './interface';
+export type { RGB, HSV, HSVA, Color, ColorMode, ColorModes, ColorFormat, ColorObject, ColorValueState, ColorPickerChangeTrigger, ColorPickerTriggerSlotProps, GradientColorPoint, RecentColorsValue, } from './interface';
 export type ColorPickerInstance = InstanceType<typeof _ColorPicker>;
 export default ColorPicker;

package/es/color-picker/interface.d.ts

@@ -35,6 +35,16 @@ export type ColorFormat = 'HEX' | 'HEX8' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA' | 'HS
 export type RecentColorsValue = string[] | boolean | null;
 export type ColorModes = ColorMode[];
 export type ColorPickerChangeTrigger = 'palette-saturation-brightness' | 'palette-saturation' | 'palette-brightness' | 'palette-hue-bar' | 'palette-alpha-bar' | 'input' | 'preset' | 'recent' | 'clear';
+export interface ColorPickerTriggerSlotProps {
+    value: string;
+    displayValue: string;
+    color: ColorObject;
+    popupVisible: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    format: ColorFormat;
+    previewStyle: Record<string, string>;
+}
 export interface ColorObject {
     alpha: number;
     css: string;