@sdata/web-vue 3.18.0 → 3.20.0

package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js

@@ -9,6 +9,7 @@ import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useCursor } from "../_hooks/use-cursor.js";
+import { useFitWidth } from "../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { omit } from "../_utils/omit.js";
@@ -50,6 +51,22 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		*/
 		placeholder: String,
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 是否禁用
 		* @en Whether to disable
 		*/
@@ -154,6 +171,17 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			return (_modelValue$value = modelValue.value) !== null && _modelValue$value !== void 0 ? _modelValue$value : _value.value;
 		});
 		const [recordCursor, setCursor] = useCursor(textareaRef);
+		const { fitWidthStyle, fitWidthValue } = useFitWidth({
+			fitWidth: () => props.fitWidth,
+			text: computed(() => computedValue.value || props.placeholder),
+			fallbackWidth: "12ch",
+			target: textareaRef,
+			whiteSpace: "pre-wrap"
+		});
+		const fitWidthContentStyle = computed(() => props.fitWidth ? {
+			width: fitWidthValue,
+			minWidth: 0
+		} : void 0);
 		watch(modelValue, (value) => {
 			if (isUndefined(value) || isNull(value)) _value.value = "";
 		});
@@ -262,7 +290,10 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		watch(() => modelValue.value, (value) => {
 			if (value !== computedValue.value) updateValue(value !== null && value !== void 0 ? value : "", false);
 		});
-		const getWrapperAttrs = (attr) => omit(attrs, INPUT_EVENTS);
+		const getWrapperAttrs = (attr) => {
+			const wrapperAttrs = omit(attr, INPUT_EVENTS);
+			return _objectSpread2(_objectSpread2({}, wrapperAttrs), {}, { style: [fitWidthStyle.value, wrapperAttrs.style] });
+		};
 		const getTextareaAttrs = (attr) => pick(attrs, INPUT_EVENTS);
 		const rawTextareaAttrs = getTextareaAttrs(attrs);
 		const mergeTextareaAttrs = computed(() => {
@@ -275,7 +306,9 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			[`${prefixCls}-focus`]: focused.value,
 			[`${prefixCls}-disabled`]: mergedDisabled.value,
 			[`${prefixCls}-error`]: mergedError.value,
-			[`${prefixCls}-scroll`]: isScroll.value
+			[`${prefixCls}-scroll`]: isScroll.value,
+			[`${prefixCls}-fit-width`]: props.fitWidth,
+			[`${prefixCls}-max-w-full`]: props.maxWFull
 		}]);
 		let styleDeclaration;
 		const lineHeight = ref(0);
@@ -387,7 +420,7 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							disabled: unref(mergedDisabled),
 							readonly: !!__props.readonly,
 							class: unref(prefixCls),
-							style: textareaStyle.value,
+							style: [fitWidthContentStyle.value, textareaStyle.value],
 							value: computedValue.value,
 							placeholder: __props.placeholder,
 							onKeydown: handleKeyDown,

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

@@ -33,6 +33,14 @@ declare const TimePicker: {
         placeholder: {
             type: import("vue").PropType<string | string[]>;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         size: {
             type: import("vue").PropType<import("../index.ts").Size>;
         };
@@ -101,13 +109,15 @@ declare const TimePicker: {
         "popup-visible-change": (_visible: boolean) => any;
     }, import("vue").PublicProps, {
         type: "time" | "time-range";
+        position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+        disabled: boolean;
         error: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-        disabled: boolean;
         unmountOnClose: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         format: string;
         use12Hours: boolean;
         disableConfirm: boolean;
@@ -150,6 +160,14 @@ declare const TimePicker: {
         placeholder: {
             type: import("vue").PropType<string | string[]>;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         size: {
             type: import("vue").PropType<import("../index.ts").Size>;
         };
@@ -211,13 +229,15 @@ declare const TimePicker: {
         "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         type: "time" | "time-range";
+        position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+        disabled: boolean;
         error: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-        disabled: boolean;
         unmountOnClose: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         format: string;
         use12Hours: boolean;
         disableConfirm: boolean;
@@ -257,6 +277,14 @@ declare const TimePicker: {
     placeholder: {
         type: import("vue").PropType<string | string[]>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         type: import("vue").PropType<import("../index.ts").Size>;
     };
@@ -325,13 +353,15 @@ declare const TimePicker: {
     "popup-visible-change": (_visible: boolean) => any;
 }, string, {
     type: "time" | "time-range";
+    position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+    disabled: boolean;
     error: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-    disabled: boolean;
     unmountOnClose: boolean;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     format: string;
     use12Hours: boolean;
     disableConfirm: boolean;

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

@@ -25,7 +25,7 @@ export interface PanelProps extends Omit<BasePanelProps, 'disableConfirm'> {
 export interface RangePanelProps extends Omit<PanelProps, 'value'> {
     value?: Array<Dayjs | undefined>;
 }
-export interface TimePickerProps extends BasePanelProps {
+export interface TimePickerProps extends BasePanelProps, FitWidthProps {
     type: 'time' | 'time-range';
     modelValue?: TimeValue | TimeValue[];
     defaultValue?: TimeValue | TimeValue[];
@@ -49,3 +49,4 @@ export interface TimeListItem {
     selected?: boolean;
 }
 export type TimeList = TimeListItem[];
+import type { FitWidthProps } from '../_hooks/use-fit-width';

package/es/time-picker/range-panel.js

@@ -0,0 +1,58 @@
+import { isUndefined } from "../_utils/is.js";
+import { isValidRangeValue } from "./utils/index.js";
+import panel_default from "./panel.js";
+import { computed, createVNode, defineComponent, mergeProps, ref, toRefs, watch } from "vue";
+//#region components/time-picker/range-panel.tsx
+var range_panel_default = /* @__PURE__ */ defineComponent({
+	name: "TimePickerRangePanel",
+	components: { Panel: panel_default },
+	props: {
+		value: { type: Array },
+		displayIndex: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: [
+		"select",
+		"confirm",
+		"update:displayIndex",
+		"display-index-change"
+	],
+	setup(props, { emit }) {
+		const { value, displayIndex } = toRefs(props);
+		const localDisplayIndex = ref(displayIndex.value);
+		watch(displayIndex, () => {
+			localDisplayIndex.value = displayIndex.value;
+		});
+		const displayValue = computed(() => (value === null || value === void 0 ? void 0 : value.value) ? value.value[localDisplayIndex.value] : void 0);
+		function onSelect(selectedValue) {
+			const newValue = isUndefined(value) || isUndefined(value === null || value === void 0 ? void 0 : value.value) ? [] : [...value.value];
+			newValue[localDisplayIndex.value] = selectedValue;
+			emit("select", newValue);
+		}
+		function onConfirm() {
+			if (!isValidRangeValue(value === null || value === void 0 ? void 0 : value.value)) {
+				const newIndex = (localDisplayIndex.value + 1) % 2;
+				localDisplayIndex.value = newIndex;
+				emit("display-index-change", newIndex);
+				emit("update:displayIndex", newIndex);
+			} else emit("confirm", value === null || value === void 0 ? void 0 : value.value);
+		}
+		return {
+			displayValue,
+			onSelect,
+			onConfirm
+		};
+	},
+	render() {
+		return createVNode(panel_default, mergeProps(this.$attrs, {
+			"isRange": true,
+			"value": this.displayValue,
+			"onSelect": this.onSelect,
+			"onConfirm": this.onConfirm
+		}), this.$slots);
+	}
+});
+//#endregion
+export { range_panel_default as default };

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

@@ -41,6 +41,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: {
         type: PropType<string | string[]>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         type: PropType<Size>;
     };
@@ -131,6 +139,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: {
         type: PropType<string | string[]>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         type: PropType<Size>;
     };
@@ -192,13 +208,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
 }>, {
     type: "time" | "time-range";
+    position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+    disabled: boolean;
     error: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-    disabled: boolean;
     unmountOnClose: boolean;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     format: string;
     use12Hours: boolean;
     disableConfirm: boolean;

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

@@ -13,8 +13,10 @@ import { getFormattedValue, isValidInputValue, isValidRangeValue } from "./utils
 import useTimeFormat from "./hooks/use-time-format.js";
 import IconClockCircle from "../icon/icon-clock-circle/index.js";
 import useIsDisabledTime from "./hooks/use-is-disabled-time.js";
+import panel_default from "./panel.js";
 import input_range_default from "../_components/picker/input-range.js";
 import useTimeState from "./hooks/use-time-state.js";
+import range_panel_default from "./range-panel.js";
 import { computed, createBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toRefs, unref, watch, withCtx } from "vue";
 //#region components/time-picker/time-picker.vue?vue&type=script&setup=true&lang.ts
 var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -88,6 +90,22 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* */
 		placeholder: { type: [String, Array] },
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 输入框尺寸
 		* @en Input box size
 		* @values 'mini','small','medium','large'
@@ -203,12 +221,15 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const { mergedAllowClear } = useAllowClear(allowClear);
 		const isRange = computed(() => type.value === "time-range");
 		const InputComponent = computed(() => isRange.value ? input_range_default : input_default);
+		const PanelComponent = computed(() => isRange.value ? range_panel_default : panel_default);
 		const prefixCls = getPrefixCls("timepicker");
 		const refInput = ref();
 		const { format: computedFormat, use12Hours: computedUse12Hours } = useTimeFormat(reactive({
 			format,
 			use12Hours
 		}));
+		const fitWidthFallbackText = computed(() => dayjs(new Date(2e3, 0, 1, 0, 0, 0)).format(computedFormat.value));
+		const fitWidthFallback = computed(() => `${Array.from(fitWidthFallbackText.value).length}ch`);
 		const { computedValue, panelValue, inputValue, setValue, setPanelValue, setInputValue } = useTimeState(reactive({
 			modelValue,
 			defaultValue,
@@ -388,7 +409,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				content: withCtx(() => [createElementVNode("div", {
 					class: normalizeClass(`${unref(prefixCls)}-container`),
 					onClick: onPanelClick
-				}, [(openBlock(), createBlock(resolveDynamicComponent(isRange.value ? "RangePanel" : "Panel"), mergeProps(panelProps.value, {
+				}, [(openBlock(), createBlock(resolveDynamicComponent(PanelComponent.value), mergeProps(panelProps.value, {
 					value: unref(panelValue),
 					visible: unref(panelVisible),
 					format: unref(computedFormat),
@@ -432,6 +453,10 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					editable: !__props.readonly,
 					"allow-clear": unref(mergedAllowClear) && !__props.readonly,
 					placeholder: computedPlaceholder.value,
+					"fit-width": __props.fitWidth,
+					"max-w-full": __props.maxWFull,
+					"fit-width-fallback": fitWidthFallback.value,
+					"fit-width-fallback-text": fitWidthFallbackText.value,
 					onClear: unref(onInputClear)
 				}), createSlots({
 					"suffix-icon": withCtx(() => [renderSlot(_ctx.$slots, "suffix-icon", {}, () => [createVNode(unref(IconClockCircle))])]),
@@ -453,6 +478,10 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"editable",
 					"allow-clear",
 					"placeholder",
+					"fit-width",
+					"max-w-full",
+					"fit-width-fallback",
+					"fit-width-fallback-text",
 					"onClear"
 				]))]),
 				_: 3

package/es/timeline/index.d.ts

@@ -19,6 +19,9 @@ declare const Timeline: {
         pending: {
             type: (StringConstructor | BooleanConstructor)[];
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         labelPosition: {
             type: import("vue").PropType<import("./interface").LabelPositionType>;
             default: string;
@@ -130,6 +133,10 @@ declare const Timeline: {
                     type: NumberConstructor;
                 };
                 loading: BooleanConstructor;
+                delay: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
                 dot: BooleanConstructor;
                 tip: StringConstructor;
                 hideIcon: {
@@ -137,8 +144,9 @@ declare const Timeline: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                loading: boolean;
                 dot: boolean;
+                loading: boolean;
+                delay: number | boolean;
                 hideIcon: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -152,6 +160,10 @@ declare const Timeline: {
                     type: NumberConstructor;
                 };
                 loading: BooleanConstructor;
+                delay: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
                 dot: BooleanConstructor;
                 tip: StringConstructor;
                 hideIcon: {
@@ -159,8 +171,9 @@ declare const Timeline: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-                loading: boolean;
                 dot: boolean;
+                loading: boolean;
+                delay: number | boolean;
                 hideIcon: boolean;
             }>;
             __isFragment?: never;
@@ -171,6 +184,10 @@ declare const Timeline: {
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -178,8 +195,9 @@ declare const Timeline: {
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            loading: boolean;
             dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
             install: (app: App, options?: SDOptions) => void;
@@ -206,6 +224,9 @@ declare const Timeline: {
         pending: {
             type: (StringConstructor | BooleanConstructor)[];
         };
+        spinProps: {
+            type: import("vue").PropType<import("../index.ts").SpinProps>;
+        };
         labelPosition: {
             type: import("vue").PropType<import("./interface").LabelPositionType>;
             default: string;
@@ -234,6 +255,9 @@ declare const Timeline: {
     pending: {
         type: (StringConstructor | BooleanConstructor)[];
     };
+    spinProps: {
+        type: import("vue").PropType<import("../index.ts").SpinProps>;
+    };
     labelPosition: {
         type: import("vue").PropType<import("./interface").LabelPositionType>;
         default: string;
@@ -345,6 +369,10 @@ declare const Timeline: {
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -352,8 +380,9 @@ declare const Timeline: {
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            loading: boolean;
             dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -367,6 +396,10 @@ declare const Timeline: {
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -374,8 +407,9 @@ declare const Timeline: {
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-            loading: boolean;
             dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }>;
         __isFragment?: never;
@@ -386,6 +420,10 @@ declare const Timeline: {
             type: NumberConstructor;
         };
         loading: BooleanConstructor;
+        delay: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
         dot: BooleanConstructor;
         tip: StringConstructor;
         hideIcon: {
@@ -393,8 +431,9 @@ declare const Timeline: {
             default: boolean;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        loading: boolean;
         dot: boolean;
+        loading: boolean;
+        delay: number | boolean;
         hideIcon: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: App, options?: SDOptions) => void;

package/es/timeline/timeline.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SpinProps } from '../spin';
 import type { ModeType, LabelPositionType } from './interface';
 import { Direction } from '../_utils/constant';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -16,6 +17,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     pending: {
         type: (StringConstructor | BooleanConstructor)[];
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     labelPosition: {
         type: PropType<LabelPositionType>;
         default: string;
@@ -35,6 +39,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     pending: {
         type: (StringConstructor | BooleanConstructor)[];
     };
+    spinProps: {
+        type: PropType<SpinProps>;
+    };
     labelPosition: {
         type: PropType<LabelPositionType>;
         default: string;
@@ -146,6 +153,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -153,8 +164,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            loading: boolean;
             dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -168,6 +180,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
             };
             loading: BooleanConstructor;
+            delay: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
             dot: BooleanConstructor;
             tip: StringConstructor;
             hideIcon: {
@@ -175,8 +191,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-            loading: boolean;
             dot: boolean;
+            loading: boolean;
+            delay: number | boolean;
             hideIcon: boolean;
         }>;
         __isFragment?: never;
@@ -187,6 +204,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
         };
         loading: BooleanConstructor;
+        delay: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
         dot: BooleanConstructor;
         tip: StringConstructor;
         hideIcon: {
@@ -194,8 +215,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        loading: boolean;
         dot: boolean;
+        loading: boolean;
+        delay: number | boolean;
         hideIcon: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;

package/es/timeline/timeline.js

@@ -1,9 +1,11 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Spin from "../spin/index.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import { timelineInjectionKey } from "./context.js";
 import item_default from "./item.js";
-import { computed, createVNode, defineComponent, provide, reactive, toRefs } from "vue";
+import { computed, createVNode, defineComponent, inject, mergeProps, provide, reactive, toRefs } from "vue";
 //#region components/timeline/timeline.tsx
 var timeline_default = /* @__PURE__ */ defineComponent({
 	name: "Timeline",
@@ -41,6 +43,11 @@ var timeline_default = /* @__PURE__ */ defineComponent({
 		*/
 		pending: { type: [Boolean, String] },
 		/**
+		* @zh 传递给幽灵节点 Spin 的属性
+		* @en Props passed to the pending node Spin
+		*/
+		spinProps: { type: Object },
+		/**
 		* @zh 设置标签文本的位置
 		* @en Position of label text
 		* @values 'relative', 'same'
@@ -56,6 +63,8 @@ var timeline_default = /* @__PURE__ */ defineComponent({
 	* @slot dot
 	*/
 	setup(props, { slots }) {
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.timelineSpinProps), props.spinProps));
 		const prefixCls = getPrefixCls("timeline");
 		const hasPending = computed(() => {
 			return props.pending || slots.pending;
@@ -84,7 +93,7 @@ var timeline_default = /* @__PURE__ */ defineComponent({
 					default: () => [props.pending !== true && createVNode("div", null, [props.pending])],
 					dot: () => {
 						var _slots$dot, _slots$dot2;
-						return (_slots$dot = (_slots$dot2 = slots.dot) === null || _slots$dot2 === void 0 ? void 0 : _slots$dot2.call(slots)) !== null && _slots$dot !== void 0 ? _slots$dot : createVNode(Spin, { "size": 12 }, null);
+						return (_slots$dot = (_slots$dot2 = slots.dot) === null || _slots$dot2 === void 0 ? void 0 : _slots$dot2.call(slots)) !== null && _slots$dot !== void 0 ? _slots$dot : createVNode(Spin, mergeProps({ "size": 12 }, mergedSpinProps.value), null);
 					}
 				}));
 			} else {