@sdata/web-vue 3.20.0 → 3.21.0

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

@@ -136,6 +136,11 @@ 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);
@@ -484,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),
@@ -556,7 +576,17 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"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),
@@ -624,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

@@ -6,6 +6,17 @@ 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;

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;

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

@@ -2932,5 +2932,5 @@ declare const Select: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type SelectInstance = InstanceType<typeof _Select>;
-export type { SelectProps, SelectOption, SelectOptionData, SelectOptionGroup, SelectFieldNames, FilterOption, SelectFallbackOption, } from './interface';
+export type { SelectProps, SelectOption, SelectOptionData, SelectOptionGroup, SelectFieldNames, SelectTriggerSlotProps, FilterOption, SelectFallbackOption, } from './interface';
 export default Select;

package/es/select/interface.d.ts

@@ -5,6 +5,16 @@ import type { ScrollbarProps } from '../scrollbar';
 import type { TriggerProps } from '../trigger';
 export type SelectOptionValue = string | number | boolean | Record<string, unknown>;
 export type SelectModelValue = SelectOptionValue | SelectOptionValue[] | null | undefined;
+export interface SelectTriggerSlotProps {
+    value: SelectModelValue;
+    displayValue: string | string[];
+    inputValue: string;
+    selectedOptions: SelectOptionData[];
+    popupVisible: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+}
 export interface OptionValueWithKey {
     value: SelectOptionValue;
     key: string;

package/es/select/select.js

@@ -468,6 +468,16 @@ var select_default = /* @__PURE__ */ defineComponent({
 			}
 			return result;
 		});
+		const triggerValue = computed(() => {
+			const values = computedValueObjects.value.map((item) => item.value);
+			return props.multiple ? values : values[0];
+		});
+		const triggerDisplayValue = computed(() => {
+			var _labels$;
+			const labels = selectViewValue.value.map((item) => String(item.label));
+			return props.multiple ? labels : (_labels$ = labels[0]) !== null && _labels$ !== void 0 ? _labels$ : "";
+		});
+		const triggerSelectedOptions = computed(() => selectViewValue.value.map((item) => item.option).filter((option) => Boolean(option)));
 		const ellipsisPrefixCls = getPrefixCls("ellipsis");
 		const renderOptionEllipsis = (label) => createVNode("span", { "class": [ellipsisPrefixCls, `${ellipsisPrefixCls}--single-line`] }, [createVNode("span", { "class": `${ellipsisPrefixCls}-content` }, [label])]);
 		const getOptionContentFunc = (optionInfo) => {
@@ -610,7 +620,16 @@ var select_default = /* @__PURE__ */ defineComponent({
 			}, props.triggerProps, { "floatingOptions": (_props$floatingOption = props.floatingOptions) !== null && _props$floatingOption !== void 0 ? _props$floatingOption : (_props$triggerProps = props.triggerProps) === null || _props$triggerProps === void 0 ? void 0 : _props$triggerProps.floatingOptions }), {
 				default: () => {
 					var _slots$trigger, _slots$trigger2;
-					return [(_slots$trigger = (_slots$trigger2 = slots.trigger) === null || _slots$trigger2 === void 0 ? void 0 : _slots$trigger2.call(slots)) !== null && _slots$trigger !== void 0 ? _slots$trigger : createVNode(select_view_default, mergeProps({
+					return [(_slots$trigger = (_slots$trigger2 = slots.trigger) === null || _slots$trigger2 === void 0 ? void 0 : _slots$trigger2.call(slots, {
+						value: triggerValue.value,
+						displayValue: triggerDisplayValue.value,
+						inputValue: computedInputValue.value,
+						selectedOptions: triggerSelectedOptions.value,
+						popupVisible: computedPopupVisible.value,
+						disabled: mergedDisabled.value,
+						loading: props.loading,
+						multiple: props.multiple
+					})) !== null && _slots$trigger !== void 0 ? _slots$trigger : createVNode(select_view_default, mergeProps({
 						"ref": selectViewRef,
 						"class": prefixCls,
 						"modelValue": selectViewValue.value,

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

@@ -368,6 +368,17 @@ declare const TimePicker: {
     hideDisabledOptions: 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: string | (string | undefined)[] | undefined;
+            date: Date | (Date | undefined)[] | undefined;
+            displayValue: string | (string | undefined)[];
+            inputValue: string | (string | undefined)[] | undefined;
+            popupVisible: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            range: boolean;
+        }) => any;
+    } & {
         prefix?: (props: {}) => any;
     } & {
         'suffix-icon'?: (props: {}) => any;
@@ -378,5 +389,5 @@ declare const TimePicker: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type TimePickerInstance = InstanceType<typeof _TimePicker>;
-export type { TimeValue } from './interface';
+export type { TimePickerTriggerSlotProps, TimeValue } from './interface';
 export default TimePicker;

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

@@ -1,5 +1,15 @@
 import { Dayjs } from 'dayjs';
 export type TimeValue = Date | string | number;
+export interface TimePickerTriggerSlotProps {
+    value: string | Array<string | undefined> | undefined;
+    date: Date | Array<Date | undefined> | undefined;
+    displayValue: string | Array<string | undefined>;
+    inputValue: string | Array<string | undefined> | undefined;
+    popupVisible: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    range: boolean;
+}
 export interface BasePanelProps {
     disableConfirm: boolean;
     use12Hours: boolean;

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

@@ -2,13 +2,24 @@ import { PropType } from 'vue';
 import type { FloatingOptions } from '../_utils/floating';
 import { Size } from '../_utils/constant';
 import { TriggerProps } from '../trigger';
-declare var __VLS_21: {}, __VLS_24: {}, __VLS_42: {};
+declare var __VLS_10: {
+    value: string | (string | undefined)[] | undefined;
+    date: Date | (Date | undefined)[] | undefined;
+    displayValue: string | (string | undefined)[];
+    inputValue: string | (string | undefined)[] | undefined;
+    popupVisible: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    range: boolean;
+}, __VLS_23: {}, __VLS_26: {}, __VLS_44: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_21) => any;
+    trigger?: (props: typeof __VLS_10) => any;
+} & {
+    prefix?: (props: typeof __VLS_23) => any;
 } & {
-    'suffix-icon'?: (props: typeof __VLS_24) => any;
+    'suffix-icon'?: (props: typeof __VLS_26) => any;
 } & {
-    extra?: (props: typeof __VLS_42) => any;
+    extra?: (props: typeof __VLS_44) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {

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

@@ -201,6 +201,11 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const props = __props;
 		const emit = __emit;
 		/**
+		* @zh 自定义触发元素
+		* @en Custom trigger element
+		* @slot trigger
+		*/
+		/**
 		* @zh 输入框前缀
 		* @en Input box prefix
 		* @slot prefix
@@ -236,6 +241,12 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			isRange,
 			format: computedFormat
 		}));
+		const triggerValue = computed(() => getFormattedValue(computedValue.value, computedFormat.value));
+		const triggerDate = computed(() => getDateValue(computedValue.value));
+		const triggerDisplayValue = computed(() => {
+			var _triggerValue$value;
+			return (_triggerValue$value = triggerValue.value) !== null && _triggerValue$value !== void 0 ? _triggerValue$value : isRange.value ? [] : "";
+		});
 		const [panelVisible, setLocalVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
 		const setPanelVisible = (newVisible) => {
 			if (newVisible !== panelVisible.value) {
@@ -438,7 +449,16 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"hide-disabled-options",
 					"hide-footer"
 				]))], 2)]),
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(InputComponent.value), mergeProps(_objectSpread2(_objectSpread2({}, _ctx.$attrs), inputProps.value), {
+				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(__props.readonly),
+					range: isRange.value
+				}, () => [(openBlock(), createBlock(resolveDynamicComponent(InputComponent.value), mergeProps(_objectSpread2(_objectSpread2({}, _ctx.$attrs), inputProps.value), {
 					ref_key: "refInput",
 					ref: refInput,
 					"input-value": unref(inputValue),
@@ -483,7 +503,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"fit-width-fallback",
 					"fit-width-fallback-text",
 					"onClear"
-				]))]),
+				]))])]),
 				_: 3
 			}, 16, [
 				"position",

package/es/tree-select/index.d.ts

@@ -1,7 +1,7 @@
 import type { SFCWithInstall } from '../_utils/types';
 import type { TreeSelectProps } from './interface';
 import _TreeSelect from './tree-select.vue';
-export type { ChangeHandler as TreeSelectChangeHandler, ClearHandler as TreeSelectClearHandler, FallbackOption as TreeSelectFallbackOption, FilterTreeNode as TreeSelectFilterTreeNode, LabelValue, PopupVisibleChangeHandler as TreeSelectPopupVisibleChangeHandler, SearchHandler as TreeSelectSearchHandler, TreeSelectProps, TreeSelectValue, } from './interface';
+export type { ChangeHandler as TreeSelectChangeHandler, ClearHandler as TreeSelectClearHandler, FallbackOption as TreeSelectFallbackOption, FilterTreeNode as TreeSelectFilterTreeNode, LabelValue, PopupVisibleChangeHandler as TreeSelectPopupVisibleChangeHandler, SearchHandler as TreeSelectSearchHandler, TreeSelectProps, TreeSelectTriggerSlotProps, TreeSelectValue, } from './interface';
 declare const TreeSelect: SFCWithInstall<typeof _TreeSelect>;
 export type TreeSelectInstance = InstanceType<typeof _TreeSelect>;
 export type TreeSelectLoadMore = NonNullable<TreeSelectProps['loadMore']>;

package/es/tree-select/interface.d.ts

@@ -9,6 +9,16 @@ export interface LabelValue {
     label: string | number;
 }
 export type TreeSelectValue = TreeNodeKey | TreeNodeKey[] | LabelValue | LabelValue[];
+export interface TreeSelectTriggerSlotProps {
+    value: TreeSelectValue | undefined;
+    displayValue: string | string[];
+    inputValue: string;
+    selectedOptions: TreeNodeData[];
+    popupVisible: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+}
 export type FilterTreeNode = (searchKey: string, nodeData: TreeNodeData) => boolean;
 export type FallbackOption = boolean | ((key: TreeNodeKey) => TreeNodeData | boolean);
 export type ChangeHandler = (selectedValue: TreeSelectValue | undefined) => void;

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

@@ -7,7 +7,16 @@ import { ScrollbarProps } from '../scrollbar';
 import { TreeFieldNames, TreeNodeData, TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger';
 import { LabelValue, TreeSelectValue } from './interface';
-declare var __VLS_16: {}, __VLS_32: {}, __VLS_35: any, __VLS_38: {
+declare var __VLS_16: {
+    value: TreeSelectValue | undefined;
+    displayValue: string | string[];
+    inputValue: string;
+    selectedOptions: TreeNodeData[];
+    popupVisible: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+}, __VLS_32: {}, __VLS_35: any, __VLS_38: {
     data: any;
 }, __VLS_41: {}, __VLS_43: {}, __VLS_50: {}, __VLS_64: {};
 type __VLS_Slots = {} & {

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

@@ -504,6 +504,16 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				return _objectSpread2(_objectSpread2({}, i), {}, { option: node === null || node === void 0 ? void 0 : node.treeNodeData });
 			});
 		});
+		const triggerValue = computed(() => {
+			const values = labelInValue.value ? selectedValue.value : selectedKeys.value;
+			return isMultiple.value ? values : values === null || values === void 0 ? void 0 : values[0];
+		});
+		const triggerDisplayValue = computed(() => {
+			var _labels$;
+			const labels = selectViewValue.value.map((item) => String(item.label));
+			return isMultiple.value ? labels : (_labels$ = labels[0]) !== null && _labels$ !== void 0 ? _labels$ : "";
+		});
+		const triggerSelectedOptions = computed(() => selectViewValue.value.map((item) => item.option).filter((option) => Boolean(option)));
 		const setSelectedKeys = (newVal) => {
 			setLocalSelectedKeys(newVal);
 			nextTick(() => {
@@ -692,7 +702,16 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 								class: normalizeClass(`${unref(prefixCls)}-footer`)
 							}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
 						], 6)]),
-						default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(select_view_default), mergeProps({
+						default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+							value: triggerValue.value,
+							displayValue: triggerDisplayValue.value,
+							inputValue: computedInputValue.value,
+							selectedOptions: triggerSelectedOptions.value,
+							popupVisible: unref(panelVisible),
+							disabled: unref(mergedDisabled),
+							loading: __props.loading,
+							multiple: isMultiple.value
+						}, () => [createVNode(unref(select_view_default), mergeProps({
 							ref_key: "refSelectView",
 							ref: refSelectView,
 							"model-value": selectViewValue.value,

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.19.0",
+  "version": "3.20.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",