@sdata/web-vue 3.20.0 → 3.22.0

package/es/cascader/cascader-option.js

@@ -1,7 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";
-import { PerformantEllipsis } from "../ellipsis/index.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import IconRight from "../icon/icon-right/index.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
@@ -82,15 +82,19 @@ var cascader_option_default = /* @__PURE__ */ defineComponent({
 			}
 			return getCheckedStatus(props.option, cascaderCtx.valueMap);
 		});
+		const renderEllipsis = (label) => {
+			if (cascaderCtx.ellipsis === false) return label;
+			return createVNode(cascaderCtx.ellipsis === "performant-ellipsis" ? PerformantEllipsis : Ellipsis, null, _isSlot(label) ? label : { default: () => [label] });
+		};
 		const renderLabelContent = () => {
 			var _cascaderCtx$slots;
 			if (props.pathLabel) {
 				var _cascaderCtx$formatLa, _cascaderCtx$formatLa2;
 				const label = (_cascaderCtx$formatLa = cascaderCtx === null || cascaderCtx === void 0 || (_cascaderCtx$formatLa2 = cascaderCtx.formatLabel) === null || _cascaderCtx$formatLa2 === void 0 ? void 0 : _cascaderCtx$formatLa2.call(cascaderCtx, props.option.path.map((item) => item.raw))) !== null && _cascaderCtx$formatLa !== void 0 ? _cascaderCtx$formatLa : getOptionLabel(props.option, { separator: cascaderCtx.separator });
-				return createVNode(PerformantEllipsis, null, _isSlot(label) ? label : { default: () => [label] });
+				return renderEllipsis(label);
 			}
 			if ((_cascaderCtx$slots = cascaderCtx.slots) === null || _cascaderCtx$slots === void 0 ? void 0 : _cascaderCtx$slots.option) return cascaderCtx.slots.option({ data: props.option });
-			return createVNode(PerformantEllipsis, null, { default: () => [props.option.label] });
+			return renderEllipsis(props.option.label);
 		};
 		const renderIcon = () => {
 			if (isLoading.value) return createVNode(IconLoading, null, null);

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

@@ -12,6 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderPanelProps, {},
     "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
 }>, {
     options: CascaderOption[];
+    ellipsis: boolean | "performant-ellipsis";
     multiple: boolean;
     valueKey: string;
     expandTrigger: import("./types").CascaderExpandTrigger;

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

@@ -18,6 +18,10 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: false
 		},
+		ellipsis: {
+			type: [Boolean, String],
+			default: true
+		},
 		modelValue: {},
 		defaultValue: {},
 		options: { default: () => [] },
@@ -45,7 +49,7 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, modelValue, valueKey, expandChild, expandTrigger, multiple, pathMode } = toRefs(props);
+		const { options, checkStrictly, loadMore, modelValue, valueKey, expandChild, expandTrigger, multiple, ellipsis, pathMode } = toRefs(props);
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		watch(modelValue, (nextModelValue) => {
 			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
@@ -148,7 +152,8 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			addLazyLoadOptions,
 			slots,
 			valueMap: computedValueMap,
-			expandTrigger: expandTrigger.value
+			expandTrigger: expandTrigger.value,
+			ellipsis: ellipsis.value
 		}));
 		const handleKeyDown = getKeyDownHandler(/* @__PURE__ */ new Map([
 			[KEYBOARD_KEY.ENTER, (_ev) => {

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;
@@ -42,6 +54,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
     onShowChange?: ((visible: boolean) => any) | undefined;
 }>, {
     options: CascaderOption[];
+    ellipsis: boolean | "performant-ellipsis";
     separator: string;
     multiple: boolean;
     disabled: boolean;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,10 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			type: Boolean,
 			default: false
 		},
+		ellipsis: {
+			type: [Boolean, String],
+			default: true
+		},
 		modelValue: {},
 		defaultValue: {},
 		options: { default: () => [] },
@@ -136,6 +140,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);
@@ -144,7 +153,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (pathMode) return;
 			return "";
 		};
-		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 { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, ellipsis, 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);
@@ -400,6 +409,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			setSelectedPath,
 			loadMore,
 			expandTrigger,
+			ellipsis,
 			addLazyLoadOptions,
 			formatLabel,
 			separator: props.separator,
@@ -484,6 +494,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 +581,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 +659,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/context.d.ts

@@ -11,5 +11,6 @@ export interface CascaderContext {
     slots: Slots;
     valueMap: Map<string, CascaderSingleValue>;
     expandTrigger: 'click' | 'hover';
+    ellipsis: boolean | 'performant-ellipsis';
 }
 export declare const cascaderInjectionKey: InjectionKey<CascaderContext>;

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/style/index.css

@@ -230,6 +230,7 @@
   color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 36px;
+  text-align: left;
   background-color: transparent;
   cursor: pointer;
 }

package/es/cascader/style/index.scss

@@ -136,6 +136,7 @@ $cascader-prefix-cls: string.unquote('#{theme.$prefix}-cascader');
     color: $cascader-color-item-text;
     font-size: $cascader-font-item-size;
     line-height: $cascader-size-item-height;
+    text-align: left;
     background-color: transparent;
     cursor: pointer;
 

package/es/cascader/types.d.ts

@@ -6,9 +6,21 @@ 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;
+    ellipsis?: boolean | 'performant-ellipsis';
     modelValue?: CascaderModelValue;
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];
@@ -65,6 +77,7 @@ export type CascaderEmits = {
 export interface CascaderPanelProps {
     pathMode?: boolean;
     multiple?: boolean;
+    ellipsis?: boolean | 'performant-ellipsis';
     modelValue?: CascaderModelValue;
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];

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/index.css

@@ -17783,6 +17783,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 36px;
+  text-align: left;
   background-color: transparent;
   cursor: pointer;
 }