@sdata/web-vue 3.19.0 → 3.21.0

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

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import type { SpinProps } from '../spin';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 import { SdLang } from '../locale/interface';
@@ -69,6 +70,39 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     colorPicker: {
         type: PropType<ConfigProviderColorPicker>;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
+    basicCrudTableSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    cardSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    cascaderSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    listSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    qrCodeSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    selectSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    tableSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    timelineSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    toolbarSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    treeSelectSpinProps: {
+        type: PropType<SpinProps>;
+    };
     jsonForm: {
         type: PropType<JsonFormProviderConfig>;
     };
@@ -139,6 +173,39 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     colorPicker: {
         type: PropType<ConfigProviderColorPicker>;
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
+    basicCrudTableSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    cardSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    cascaderSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    listSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    qrCodeSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    selectSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    tableSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    timelineSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    toolbarSpinProps: {
+        type: PropType<SpinProps>;
+    };
+    treeSelectSpinProps: {
+        type: PropType<SpinProps>;
+    };
     jsonForm: {
         type: PropType<JsonFormProviderConfig>;
     };

package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js

@@ -125,6 +125,61 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		*/
 		colorPicker: { type: Object },
 		/**
+		* @zh Spin 组件默认属性
+		* @en Default props for Spin
+		*/
+		spinProps: { type: Object },
+		/**
+		* @zh BasicCrudTable 内部 Spin 的默认属性
+		* @en Default props for Spin inside BasicCrudTable
+		*/
+		basicCrudTableSpinProps: { type: Object },
+		/**
+		* @zh Card 内部 Spin 的默认属性
+		* @en Default props for Spin inside Card
+		*/
+		cardSpinProps: { type: Object },
+		/**
+		* @zh Cascader 内部 Spin 的默认属性
+		* @en Default props for Spin inside Cascader
+		*/
+		cascaderSpinProps: { type: Object },
+		/**
+		* @zh List 内部 Spin 的默认属性
+		* @en Default props for Spin inside List
+		*/
+		listSpinProps: { type: Object },
+		/**
+		* @zh QrCode 内部 Spin 的默认属性
+		* @en Default props for Spin inside QrCode
+		*/
+		qrCodeSpinProps: { type: Object },
+		/**
+		* @zh Select 内部 Spin 的默认属性
+		* @en Default props for Spin inside Select
+		*/
+		selectSpinProps: { type: Object },
+		/**
+		* @zh Table 内部 Spin 的默认属性，优先于 `spinProps`
+		* @en Default props for Spin inside Table, taking precedence over `spinProps`
+		*/
+		tableSpinProps: { type: Object },
+		/**
+		* @zh Timeline 内部 Spin 的默认属性
+		* @en Default props for Spin inside Timeline
+		*/
+		timelineSpinProps: { type: Object },
+		/**
+		* @zh Toolbar 内部 Spin 的默认属性
+		* @en Default props for Spin inside Toolbar
+		*/
+		toolbarSpinProps: { type: Object },
+		/**
+		* @zh TreeSelect 内部 Spin 的默认属性
+		* @en Default props for Spin inside TreeSelect
+		*/
+		treeSelectSpinProps: { type: Object },
+		/**
 		* @zh JsonForm 组件默认配置
 		* @en Default config for JsonForm
 		*/
@@ -156,7 +211,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		* @version 2.28.0
 		*/
 		const slots = useSlots();
-		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker } = toRefs(props);
+		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker, spinProps, basicCrudTableSpinProps, cardSpinProps, cascaderSpinProps, listSpinProps, qrCodeSpinProps, selectSpinProps, tableSpinProps, timelineSpinProps, toolbarSpinProps, treeSelectSpinProps } = toRefs(props);
 		const config = reactive({
 			slots,
 			prefixCls,
@@ -175,6 +230,17 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			drawer,
 			pagination,
 			colorPicker,
+			spinProps,
+			basicCrudTableSpinProps,
+			cardSpinProps,
+			cascaderSpinProps,
+			listSpinProps,
+			qrCodeSpinProps,
+			selectSpinProps,
+			tableSpinProps,
+			timelineSpinProps,
+			toolbarSpinProps,
+			treeSelectSpinProps,
 			jsonForm: toRefs(props).jsonForm,
 			theme: normalizeTheme(props.theme)
 		});

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/date-picker/index.d.ts

@@ -7,7 +7,7 @@ import _QuarterPicker from './pickers/quarter-picker';
 import _WeekPicker from './pickers/week-picker';
 import _YearPicker from './pickers/year-picker';
 import _RangePicker from './range-picker.vue';
-export type { CalendarValue, DatePickerProps, DisabledDate, DisabledTime, DisabledTimeProps, FormatFunc, MonthPickerProps, PickerProps, QuarterPickerProps, RangeDisabledDate, RangeDisabledTime, RangePickerProps, ShortcutType, ValueFormat, WeekPickerProps, YearPickerProps, } from './interface';
+export type { CalendarValue, DatePickerProps, DatePickerTriggerSlotProps, DisabledDate, DisabledTime, DisabledTimeProps, FormatFunc, MonthPickerProps, PickerProps, QuarterPickerProps, RangeDisabledDate, RangeDisabledTime, RangePickerProps, RangePickerTriggerSlotProps, ShortcutType, ValueFormat, WeekPickerProps, YearPickerProps, } from './interface';
 export type DatePickerChangeHandler = (value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => void;
 export type DatePickerSelectHandler = DatePickerChangeHandler;
 export type DatePickerOkHandler = DatePickerChangeHandler;
@@ -883,6 +883,17 @@ declare const DatePicker: {
         clearRangeOnReselect: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
+            trigger?: (props: {
+                value: (CalendarValue | undefined)[] | undefined;
+                date: (Date | undefined)[] | undefined;
+                displayValue: (string | undefined)[];
+                inputValue: (string | undefined)[] | undefined;
+                popupVisible: boolean;
+                disabled: boolean;
+                disabledInputs: boolean[];
+                readonly: boolean;
+            }) => any;
+        } & {
             default?: (props: {}) => any;
         } & {
             prefix?: (props: {}) => any;

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

@@ -22,6 +22,25 @@ export type RangeDisabledDate = (current: Date, type: 'start' | 'end') => boolea
 export type RangeDisabledTime = (current: Date, type: 'start' | 'end') => DisabledTimeProps;
 export type Mode = 'date' | 'year' | 'quarter' | 'month' | 'week';
 export type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export interface DatePickerTriggerSlotProps {
+    value: CalendarValue | undefined;
+    date: Date | undefined;
+    displayValue: string;
+    inputValue: string | undefined;
+    popupVisible: boolean;
+    disabled: boolean;
+    readonly: boolean;
+}
+export interface RangePickerTriggerSlotProps {
+    value: Array<CalendarValue | undefined> | undefined;
+    date: Array<Date | undefined> | undefined;
+    displayValue: Array<string | undefined>;
+    inputValue: Array<string | undefined> | undefined;
+    popupVisible: boolean;
+    disabled: boolean;
+    disabledInputs: boolean[];
+    readonly: boolean;
+}
 export interface DatePickerProps {
     dayStartOfWeek: WeekStart;
     format?: string | FormatFunc;

package/es/date-picker/picker.vue.d.ts

@@ -15,7 +15,15 @@ declare function onPanelShortcutClick(value: Dayjs, shortcut: ShortcutType): voi
 declare function onPanelHeaderLabelClick(type: 'year' | 'month'): void;
 declare function onMonthHeaderClick(): void;
 declare function onPanelHeaderSelect(date: Dayjs): void;
-declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
+declare var __VLS_10: {
+    value: string | number | Date | undefined;
+    date: Date | undefined;
+    displayValue: string;
+    inputValue: string | undefined;
+    popupVisible: boolean;
+    disabled: boolean;
+    readonly: boolean;
+}, __VLS_12: {}, __VLS_28: {}, __VLS_31: {}, __VLS_39: {
     component: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             mode: {
@@ -465,9 +473,9 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
-}, __VLS_46: {}, __VLS_49: {
+}, __VLS_48: {}, __VLS_51: {
     date: Date;
-}, __VLS_51: {
+}, __VLS_53: {
     component: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             mode: {
@@ -917,27 +925,29 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
-}, __VLS_60: {}, __VLS_63: {
+}, __VLS_62: {}, __VLS_65: {
     date: Date;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    trigger?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
 } & {
-    prefix?: (props: typeof __VLS_26) => any;
+    prefix?: (props: typeof __VLS_28) => any;
 } & {
-    'suffix-icon'?: (props: typeof __VLS_29) => any;
+    'suffix-icon'?: (props: typeof __VLS_31) => any;
 } & {
-    panelRender?: (props: typeof __VLS_37) => any;
+    panelRender?: (props: typeof __VLS_39) => any;
 } & {
-    extra?: (props: typeof __VLS_46) => any;
+    extra?: (props: typeof __VLS_48) => any;
 } & {
-    cell?: (props: typeof __VLS_49) => any;
+    cell?: (props: typeof __VLS_51) => any;
 } & {
-    panelRender?: (props: typeof __VLS_51) => any;
+    panelRender?: (props: typeof __VLS_53) => any;
 } & {
-    extra?: (props: typeof __VLS_60) => any;
+    extra?: (props: typeof __VLS_62) => any;
 } & {
-    cell?: (props: typeof __VLS_63) => any;
+    cell?: (props: typeof __VLS_65) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     locale: {

package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js

@@ -282,6 +282,11 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const props = __props;
 		const emit = __emit;
 		/**
+		* @zh 自定义触发元素
+		* @en Custom trigger element
+		* @slot trigger
+		*/
+		/**
 		* @zh 自定义渲染面板
 		* @en Customize panel rendering
 		* @slot panelRender
@@ -445,6 +450,14 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			return (_ref = (_previewValue$value = previewValue.value) !== null && _previewValue$value !== void 0 ? _previewValue$value : processValue.value) !== null && _ref !== void 0 ? _ref : selectedValue.value;
 		});
 		const [inputValue, setInputValue] = useState();
+		const triggerLocalValue = computed(() => selectedValue.value ? toLocal(selectedValue.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+		const triggerValue = computed(() => selectedValue.value ? getReturnValue(selectedValue.value) : void 0);
+		const triggerDate = computed(() => getDateValue(triggerLocalValue.value));
+		const triggerDisplayValue = computed(() => {
+			var _getFormattedValue;
+			if (!triggerLocalValue.value) return "";
+			return isFunction(inputFormat.value) ? inputFormat.value(triggerLocalValue.value) : (_getFormattedValue = getFormattedValue(triggerLocalValue.value, inputFormat.value)) !== null && _getFormattedValue !== void 0 ? _getFormattedValue : "";
+		});
 		const [panelVisible, setLocalPanelVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
 		const setPanelVisible = (newVisible) => {
 			if (panelVisible.value !== newVisible) {
@@ -678,7 +691,15 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
 					key: "1"
 				} : void 0]), 1040))])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(input_default, mergeProps(_ctx.$attrs, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+					value: triggerValue.value,
+					date: triggerDate.value,
+					displayValue: triggerDisplayValue.value,
+					inputValue: unref(inputValue),
+					popupVisible: unref(panelVisible),
+					disabled: unref(mergedDisabled),
+					readonly: Boolean(unref(readonly))
+				}, () => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(input_default, mergeProps(_ctx.$attrs, {
 					ref_key: "refInput",
 					ref: refInput,
 					size: __props.size,
@@ -725,7 +746,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					"input-value",
 					"value",
 					"format"
-				])])]),
+				])])])]),
 				_: 3
 			}, 16, [
 				"floating-options",

package/es/date-picker/range-picker.vue.d.ts

@@ -16,7 +16,16 @@ declare function onPanelShortcutMouseEnter(value: Array<Dayjs | undefined>): voi
 declare function onPanelShortcutMouseLeave(): void;
 declare function onPanelShortcutClick(value: Array<Dayjs | undefined>, shortcut: ShortcutType): void;
 declare function onPanelConfirm(): void;
-declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
+declare var __VLS_10: {
+    value: (CalendarValue | undefined)[] | undefined;
+    date: (Date | undefined)[] | undefined;
+    displayValue: (string | undefined)[];
+    inputValue: (string | undefined)[] | undefined;
+    popupVisible: boolean;
+    disabled: boolean;
+    disabledInputs: boolean[];
+    readonly: boolean;
+}, __VLS_12: {}, __VLS_27: {}, __VLS_30: {}, __VLS_38: {}, __VLS_41: {
     component: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             mode: {
@@ -652,10 +661,10 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
-}, __VLS_48: {}, __VLS_51: {
+}, __VLS_50: {}, __VLS_53: {
     type: string;
     date: Date;
-}, __VLS_53: {
+}, __VLS_55: {
     component: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             mode: {
@@ -1291,30 +1300,32 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
-}, __VLS_62: {}, __VLS_65: {
+}, __VLS_64: {}, __VLS_67: {
     type: string;
     date: Date;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    trigger?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
 } & {
-    prefix?: (props: typeof __VLS_25) => any;
+    prefix?: (props: typeof __VLS_27) => any;
 } & {
-    'suffix-icon'?: (props: typeof __VLS_28) => any;
+    'suffix-icon'?: (props: typeof __VLS_30) => any;
 } & {
-    separator?: (props: typeof __VLS_36) => any;
+    separator?: (props: typeof __VLS_38) => any;
 } & {
-    panelRender?: (props: typeof __VLS_39) => any;
+    panelRender?: (props: typeof __VLS_41) => any;
 } & {
-    extra?: (props: typeof __VLS_48) => any;
+    extra?: (props: typeof __VLS_50) => any;
 } & {
-    cell?: (props: typeof __VLS_51) => any;
+    cell?: (props: typeof __VLS_53) => any;
 } & {
-    panelRender?: (props: typeof __VLS_53) => any;
+    panelRender?: (props: typeof __VLS_55) => any;
 } & {
-    extra?: (props: typeof __VLS_62) => any;
+    extra?: (props: typeof __VLS_64) => any;
 } & {
-    cell?: (props: typeof __VLS_65) => any;
+    cell?: (props: typeof __VLS_67) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mode: {

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -372,6 +372,16 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			return (_ref = (_previewValue$value = previewValue.value) !== null && _previewValue$value !== void 0 ? _previewValue$value : processValue.value) !== null && _ref !== void 0 ? _ref : selectedValue.value;
 		});
 		const [inputValue, setInputValue] = useState();
+		const triggerLocalValue = computed(() => {
+			var _selectedValue$value;
+			return (_selectedValue$value = selectedValue.value) === null || _selectedValue$value === void 0 ? void 0 : _selectedValue$value.map((item) => item ? toLocal(item, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+		});
+		const triggerValue = computed(() => selectedValue.value ? getReturnRangeValue(selectedValue.value, returnValueFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+		const triggerDate = computed(() => getDateValue(triggerLocalValue.value));
+		const triggerDisplayValue = computed(() => {
+			var _getFormattedValue;
+			return (_getFormattedValue = getFormattedValue(triggerLocalValue.value, computedFormat.value)) !== null && _getFormattedValue !== void 0 ? _getFormattedValue : [];
+		});
 		const startHeaderMode = ref();
 		const endHeaderMode = ref();
 		const [panelVisible, setLocalPanelVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
@@ -705,7 +715,16 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
 					key: "1"
 				} : void 0]), 1040))])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(input_range_default, mergeProps({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+					value: triggerValue.value,
+					date: triggerDate.value,
+					displayValue: triggerDisplayValue.value,
+					inputValue: unref(inputValue),
+					popupVisible: unref(panelVisible),
+					disabled: triggerDisabled.value,
+					disabledInputs: disabledArray.value,
+					readonly: Boolean(__props.readonly)
+				}, () => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(input_range_default, mergeProps({
 					ref_key: "refInput",
 					ref: refInput
 				}, _ctx.$attrs, {
@@ -756,7 +775,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"input-value",
 					"value",
 					"format"
-				])])]),
+				])])])]),
 				_: 3
 			}, 16, [
 				"floating-options",

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';