@sdata/web-vue 3.12.0 → 3.13.0

package/es/_components/picker/input-range.vue.d.ts

@@ -2,13 +2,13 @@ import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 declare function focus(index?: number): void;
 declare function blur(): void;
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_18: {};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_1) => any;
+    prefix?: (props: typeof __VLS_8) => any;
 } & {
-    separator?: (props: typeof __VLS_3) => any;
+    separator?: (props: typeof __VLS_10) => any;
 } & {
-    'suffix-icon'?: (props: typeof __VLS_18) => any;
+    'suffix-icon'?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: {
@@ -28,7 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     allowClear: {
         type: BooleanConstructor;
@@ -75,7 +75,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     allowClear: {
         type: BooleanConstructor;
@@ -103,7 +103,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:focusedIndex"?: ((_index: number) => any) | undefined;
 }>, {
     error: boolean;
-    readonly: boolean;
     value: (Dayjs | undefined)[];
     disabled: boolean | boolean[];
     placeholder: string[];

package/es/_components/picker/input-range.vue_vue_type_script_setup_true_lang.js

@@ -5,8 +5,10 @@ import { isArray, isDayjs, isFunction, isNumber, isUndefined } from "../../_util
 import icon_hover_default from "../icon-hover.js";
 import IconClose from "../../icon/icon-close/index.js";
 import feedback_icon_default from "../feedback-icon.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../../_hooks/use-readonly-tip.js";
 import { useSize } from "../../_hooks/use-size.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toRefs, unref, useSlots, withCtx, withKeys } from "vue";
+import Tooltip from "../../tooltip/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toRef, toRefs, unref, useSlots, withCtx, withKeys } from "vue";
 //#region components/_components/picker/input-range.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
@@ -29,7 +31,7 @@ var input_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			type: [Boolean, Array],
 			default: false
 		},
-		readonly: { type: Boolean },
+		readonly: { type: [Boolean, String] },
 		allowClear: { type: Boolean },
 		placeholder: {
 			type: Array,
@@ -62,6 +64,8 @@ var input_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			error
 		});
 		const { mergedSize } = useSize(_mergedSize);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const refInput0 = ref();
 		const refInput1 = ref();
 		const getDisabled = (index) => {
@@ -110,6 +114,9 @@ var input_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		function onPressTab(e) {
 			e.preventDefault();
 		}
+		function onReadonlyKeydown(e) {
+			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
+		}
 		function onClear(e) {
 			emit("clear", e);
 		}
@@ -127,51 +134,61 @@ var input_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			blur
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(classNames.value) }, [
-				_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(`${unref(prefixCls)}-prefix`)
-				}, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("", true),
-				createElementVNode("div", { class: normalizeClass(getInputWrapClassName(0)) }, [createElementVNode("input", mergeProps({
-					ref_key: "refInput0",
-					ref: refInput0,
-					disabled: disabled0.value,
-					placeholder: __props.placeholder[0],
-					value: displayValue0.value
-				}, __props.readonly ? { readonly: true } : {}, {
-					onInput: onChange,
-					onKeydown: [withKeys(onPressEnter, ["enter"]), withKeys(onPressTab, ["tab"])],
-					onClick: _cache[0] || (_cache[0] = () => changeFocusedInput(0))
-				}), null, 16, _hoisted_1)], 2),
-				createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-separator`) }, [renderSlot(_ctx.$slots, "separator", {}, () => [_cache[2] || (_cache[2] = createTextVNode(" - ", -1))])], 2),
-				createElementVNode("div", { class: normalizeClass(getInputWrapClassName(1)) }, [createElementVNode("input", mergeProps({
-					ref_key: "refInput1",
-					ref: refInput1,
-					disabled: disabled1.value,
-					placeholder: __props.placeholder[1],
-					value: displayValue1.value
-				}, __props.readonly ? { readonly: true } : {}, {
-					onInput: onChange,
-					onKeydown: [withKeys(onPressEnter, ["enter"]), withKeys(onPressTab, ["tab"])],
-					onClick: _cache[1] || (_cache[1] = () => changeFocusedInput(1))
-				}), null, 16, _hoisted_2)], 2),
-				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-suffix`) }, [
-					__props.allowClear && !unref(mergedDisabled) && unref(value).length === 2 ? (openBlock(), createBlock(icon_hover_default, {
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(classNames.value),
+					onKeydown: onReadonlyKeydown
+				}, [
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						prefix: unref(prefixCls),
-						class: normalizeClass(`${unref(prefixCls)}-clear-icon`),
-						onClick: onClear
-					}, {
-						default: withCtx(() => [createVNode(unref(IconClose))]),
-						_: 1
-					}, 8, ["prefix", "class"])) : createCommentVNode("", true),
-					createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-suffix-icon`) }, [renderSlot(_ctx.$slots, "suffix-icon")], 2),
-					unref(feedback) ? (openBlock(), createBlock(feedback_icon_default, {
-						key: 1,
-						type: unref(feedback)
-					}, null, 8, ["type"])) : createCommentVNode("", true)
-				], 2)
-			], 2);
+						class: normalizeClass(`${unref(prefixCls)}-prefix`)
+					}, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(getInputWrapClassName(0)) }, [createElementVNode("input", mergeProps({
+						ref_key: "refInput0",
+						ref: refInput0,
+						disabled: disabled0.value,
+						placeholder: __props.placeholder[0],
+						value: displayValue0.value
+					}, __props.readonly ? { readonly: true } : {}, {
+						onInput: onChange,
+						onKeydown: [withKeys(onPressEnter, ["enter"]), withKeys(onPressTab, ["tab"])],
+						onClick: _cache[0] || (_cache[0] = () => changeFocusedInput(0))
+					}), null, 16, _hoisted_1)], 2),
+					createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-separator`) }, [renderSlot(_ctx.$slots, "separator", {}, () => [_cache[2] || (_cache[2] = createTextVNode(" - ", -1))])], 2),
+					createElementVNode("div", { class: normalizeClass(getInputWrapClassName(1)) }, [createElementVNode("input", mergeProps({
+						ref_key: "refInput1",
+						ref: refInput1,
+						disabled: disabled1.value,
+						placeholder: __props.placeholder[1],
+						value: displayValue1.value
+					}, __props.readonly ? { readonly: true } : {}, {
+						onInput: onChange,
+						onKeydown: [withKeys(onPressEnter, ["enter"]), withKeys(onPressTab, ["tab"])],
+						onClick: _cache[1] || (_cache[1] = () => changeFocusedInput(1))
+					}), null, 16, _hoisted_2)], 2),
+					createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-suffix`) }, [
+						__props.allowClear && !unref(mergedDisabled) && unref(value).length === 2 ? (openBlock(), createBlock(icon_hover_default, {
+							key: 0,
+							prefix: unref(prefixCls),
+							class: normalizeClass(`${unref(prefixCls)}-clear-icon`),
+							onClick: onClear
+						}, {
+							default: withCtx(() => [createVNode(unref(IconClose))]),
+							_: 1
+						}, 8, ["prefix", "class"])) : createCommentVNode("", true),
+						createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-suffix-icon`) }, [renderSlot(_ctx.$slots, "suffix-icon")], 2),
+						unref(feedback) ? (openBlock(), createBlock(feedback_icon_default, {
+							key: 1,
+							type: unref(feedback)
+						}, null, 8, ["type"])) : createCommentVNode("", true)
+					], 2)
+				], 34)]),
+				_: 3
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

package/es/_components/picker/input.vue.d.ts

@@ -2,11 +2,11 @@ import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
 declare function focus(): void;
 declare function blur(): void;
-declare var __VLS_1: {}, __VLS_16: {};
+declare var __VLS_8: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_1) => any;
+    prefix?: (props: typeof __VLS_8) => any;
 } & {
-    'suffix-icon'?: (props: typeof __VLS_16) => any;
+    'suffix-icon'?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: {
@@ -19,7 +19,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -87,7 +87,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onPress-enter"?: (() => any) | undefined;
 }>, {
     error: boolean;
-    readonly: boolean;
     disabled: boolean;
     allowClear: boolean;
     focused: boolean;

package/es/_components/picker/input.vue_vue_type_script_setup_true_lang.js

@@ -5,8 +5,10 @@ import { isDayjs, isFunction } from "../../_utils/is.js";
 import icon_hover_default from "../icon-hover.js";
 import IconClose from "../../icon/icon-close/index.js";
 import feedback_icon_default from "../feedback-icon.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../../_hooks/use-readonly-tip.js";
 import { useSize } from "../../_hooks/use-size.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toRefs, unref, useSlots, withCtx, withKeys } from "vue";
+import Tooltip from "../../tooltip/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toRef, toRefs, unref, useSlots, withCtx, withKeys } from "vue";
 //#region components/_components/picker/input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
@@ -19,7 +21,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		size: { type: String },
 		focused: { type: Boolean },
 		disabled: { type: Boolean },
-		readonly: { type: Boolean },
+		readonly: { type: [Boolean, String] },
 		error: { type: Boolean },
 		allowClear: { type: Boolean },
 		placeholder: { type: String },
@@ -47,6 +49,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			error
 		});
 		const { mergedSize } = useSize(_mergedSize);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const prefixCls = getPrefixCls("picker");
 		const classNames = computed(() => [
 			prefixCls,
@@ -75,6 +79,9 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		function onBlur(e) {
 			emit("blur", e);
 		}
+		function onReadonlyKeydown(e) {
+			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
+		}
 		function focus() {
 			refInput.value && refInput.value.focus && refInput.value.focus();
 		}
@@ -86,40 +93,50 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			blur
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(classNames.value) }, [
-				_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(`${unref(prefixCls)}-prefix`)
-				}, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("", true),
-				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-input`) }, [createElementVNode("input", mergeProps({
-					ref_key: "refInput",
-					ref: refInput,
-					disabled: unref(mergedDisabled),
-					placeholder: __props.placeholder,
-					class: `${unref(prefixCls)}-start-time`,
-					value: displayValue.value
-				}, __props.readonly ? { readonly: true } : {}, {
-					onKeydown: withKeys(onPressEnter, ["enter"]),
-					onInput: onChange,
-					onBlur
-				}), null, 16, _hoisted_1)], 2),
-				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-suffix`) }, [
-					__props.allowClear && !unref(mergedDisabled) && displayValue.value ? (openBlock(), createBlock(icon_hover_default, {
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(classNames.value),
+					onKeydown: onReadonlyKeydown
+				}, [
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						prefix: unref(prefixCls),
-						class: normalizeClass(`${unref(prefixCls)}-clear-icon`),
-						onClick: onClear
-					}, {
-						default: withCtx(() => [createVNode(unref(IconClose))]),
-						_: 1
-					}, 8, ["prefix", "class"])) : createCommentVNode("", true),
-					createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-suffix-icon`) }, [renderSlot(_ctx.$slots, "suffix-icon")], 2),
-					unref(feedback) ? (openBlock(), createBlock(feedback_icon_default, {
-						key: 1,
-						type: unref(feedback)
-					}, null, 8, ["type"])) : createCommentVNode("", true)
-				], 2)
-			], 2);
+						class: normalizeClass(`${unref(prefixCls)}-prefix`)
+					}, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-input`) }, [createElementVNode("input", mergeProps({
+						ref_key: "refInput",
+						ref: refInput,
+						disabled: unref(mergedDisabled),
+						placeholder: __props.placeholder,
+						class: `${unref(prefixCls)}-start-time`,
+						value: displayValue.value
+					}, __props.readonly ? { readonly: true } : {}, {
+						onKeydown: withKeys(onPressEnter, ["enter"]),
+						onInput: onChange,
+						onBlur
+					}), null, 16, _hoisted_1)], 2),
+					createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-suffix`) }, [
+						__props.allowClear && !unref(mergedDisabled) && displayValue.value ? (openBlock(), createBlock(icon_hover_default, {
+							key: 0,
+							prefix: unref(prefixCls),
+							class: normalizeClass(`${unref(prefixCls)}-clear-icon`),
+							onClick: onClear
+						}, {
+							default: withCtx(() => [createVNode(unref(IconClose))]),
+							_: 1
+						}, 8, ["prefix", "class"])) : createCommentVNode("", true),
+						createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-suffix-icon`) }, [renderSlot(_ctx.$slots, "suffix-icon")], 2),
+						unref(feedback) ? (openBlock(), createBlock(feedback_icon_default, {
+							key: 1,
+							type: unref(feedback)
+						}, null, 8, ["type"])) : createCommentVNode("", true)
+					], 2)
+				], 34)]),
+				_: 3
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

package/es/_hooks/use-readonly-tip.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+export declare const isReadonlyModificationKey: (e: KeyboardEvent) => boolean;
+export interface UseReadonlyTipOptions {
+    duration?: number;
+}
+export declare const useReadonlyTip: (readonly: Ref<boolean | string | undefined>, disabled: Ref<boolean>, options?: UseReadonlyTipOptions) => {
+    tipVisible: Ref<boolean, boolean>;
+    show: () => void;
+    hide: () => void;
+};
+export declare const useReadonlyTipText: (readonly: Ref<boolean | string | undefined>) => import("vue").ComputedRef<string>;

package/es/_hooks/use-readonly-tip.js

@@ -0,0 +1,66 @@
+import { useI18n } from "../locale/index.js";
+import { computed, onBeforeUnmount, ref } from "vue";
+//#region components/_hooks/use-readonly-tip.ts
+var DEFAULT_DURATION = 2e3;
+/**
+* @zh 判断按键是否会修改输入框的值，用于在只读状态下提示用户
+* @en Whether the keystroke would modify the input value, used to prompt the user in readonly state
+* @param e
+*/
+var isReadonlyModificationKey = (e) => {
+	const { key, ctrlKey, metaKey, altKey } = e;
+	if ((ctrlKey || metaKey) && (key === "v" || key === "V" || key === "x" || key === "X")) return true;
+	if (ctrlKey || metaKey || altKey) return false;
+	return key.length === 1 || key === "Backspace" || key === "Delete";
+};
+/**
+* @zh 只读模式提示。在用户尝试修改只读组件时短暂显示 tooltip，每次新的修改尝试都会重置隐藏计时器。
+* @en Readonly tip. Briefly shows a tooltip when the user attempts to modify a readonly component;
+* each new attempt resets the hide timer.
+* @param readonly
+* @param disabled
+* @param options
+*/
+var useReadonlyTip = (readonly, disabled, options) => {
+	var _options$duration;
+	const duration = (_options$duration = options === null || options === void 0 ? void 0 : options.duration) !== null && _options$duration !== void 0 ? _options$duration : DEFAULT_DURATION;
+	const tipVisible = ref(false);
+	let timer = null;
+	const hide = () => {
+		if (timer) {
+			clearTimeout(timer);
+			timer = null;
+		}
+		tipVisible.value = false;
+	};
+	const show = () => {
+		if (!readonly.value || disabled.value) return;
+		if (timer) clearTimeout(timer);
+		tipVisible.value = true;
+		timer = setTimeout(() => {
+			tipVisible.value = false;
+			timer = null;
+		}, duration);
+	};
+	onBeforeUnmount(hide);
+	return {
+		tipVisible,
+		show,
+		hide
+	};
+};
+/**
+* @zh 获取只读提示文案：readonly 为字符串时直接使用该字符串，否则取自 i18n 的 `readonlyTip`（缺失时回退英文）
+* @en Returns the readonly tip text: if `readonly` is a string, use it directly;
+* otherwise fall back to i18n `readonlyTip` (English when missing).
+*/
+var useReadonlyTipText = (readonly) => {
+	const { t } = useI18n();
+	return computed(() => {
+		if (typeof readonly.value === "string") return readonly.value;
+		const text = t("readonlyTip");
+		return text === "readonlyTip" ? "Read-only mode" : text;
+	});
+};
+//#endregion
+export { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText };

package/es/auto-complete/auto-complete.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     data: {
         type: PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
@@ -67,6 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     data: {
         type: PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
@@ -101,6 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDropdownScroll?: ((_ev: Event) => any) | undefined;
     onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
 }>, {
+    readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     disabled: boolean;
     defaultValue: string;

package/es/auto-complete/auto-complete.js

@@ -5,11 +5,11 @@ import virtual_list_default from "../_components/virtual-list/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
+import Trigger from "../trigger/index.js";
 import Input from "../input/index.js";
 import { getKeyFromValue } from "../select/utils.js";
 import { useSelect } from "../select/hooks/use-select.js";
 import select_dropdown_default from "../select/select-dropdown.js";
-import Trigger from "../trigger/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, toRef, toRefs, watch } from "vue";
 //#region components/auto-complete/auto-complete.tsx
 var DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE = 36;
@@ -43,6 +43,14 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 用于自动提示的数据
 		* @en Data used for auto-complete
 		*/
@@ -185,6 +193,7 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 			return resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE);
 		});
 		const handlePopupVisibleChange = (popupVisible) => {
+			if (popupVisible && props.readonly) return;
 			_popupVisible.value = popupVisible;
 		};
 		const strictFilterOption = (inputValue, option) => {
@@ -308,6 +317,7 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 				"allowClear": mergedAllowClear.value,
 				"modelValue": computedValue.value,
 				"disabled": mergedDisabled.value,
+				"readonly": props.readonly,
 				"onInput": handleInputValueChange,
 				"onClear": handleClear
 			}, { onKeydown: handleKeyDown }), slots)],

package/es/auto-complete/index.d.ts

@@ -24,6 +24,10 @@ declare const AutoComplete: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         data: {
             type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
             default: () => never[];
@@ -72,6 +76,7 @@ declare const AutoComplete: {
         dropdownScroll: (_ev: Event) => true;
         dropdownReachBottom: (_ev: Event) => true;
     }, import("vue").PublicProps, {
+        readonly: string | boolean;
         data: (string | number | SelectOptionData | SelectOptionGroup)[];
         disabled: boolean;
         defaultValue: string;
@@ -99,6 +104,10 @@ declare const AutoComplete: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         data: {
             type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
             default: () => never[];
@@ -139,6 +148,7 @@ declare const AutoComplete: {
         focus(): void;
         blur(): void;
     }, {
+        readonly: string | boolean;
         data: (string | number | SelectOptionData | SelectOptionGroup)[];
         disabled: boolean;
         defaultValue: string;
@@ -163,6 +173,10 @@ declare const AutoComplete: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     data: {
         type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
@@ -211,6 +225,7 @@ declare const AutoComplete: {
     dropdownScroll: (_ev: Event) => true;
     dropdownReachBottom: (_ev: Event) => true;
 }, string, {
+    readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     disabled: boolean;
     defaultValue: string;

package/es/button/button.vue.d.ts

@@ -1,19 +1,22 @@
 import type { PropType } from 'vue';
+import type { TooltipProps } from '../tooltip';
 import { Status, Size, BorderShape } from '../_utils/constant';
 import { ButtonTypes } from './constants';
-declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {};
+declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_24: {}, __VLS_26: {}, __VLS_28: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_6) => any;
+    icon?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_17) => any;
 } & {
-    icon?: (props: typeof __VLS_17) => any;
+    icon?: (props: typeof __VLS_24) => any;
 } & {
-    default?: (props: typeof __VLS_19) => any;
+    default?: (props: typeof __VLS_26) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_28) => any;
+} & {
+    tooltip?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
@@ -52,6 +55,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     href: StringConstructor;
+    tooltip: {
+        type: PropType<string | TooltipProps>;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (_ev: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -91,6 +97,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     href: StringConstructor;
+    tooltip: {
+        type: PropType<string | TooltipProps>;
+    };
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
 }>, {