@sdata/web-vue 3.12.0 → 3.13.0

package/es/input/index.d.ts

@@ -23,7 +23,7 @@ declare const Input: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         error: {
@@ -82,7 +82,7 @@ declare const Input: {
     }, import("vue").PublicProps, {
         type: "text" | "password";
         error: boolean;
-        readonly: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -116,7 +116,7 @@ declare const Input: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         error: {
@@ -167,7 +167,7 @@ declare const Input: {
     }, {
         type: "text" | "password";
         error: boolean;
-        readonly: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -198,7 +198,7 @@ declare const Input: {
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     error: {
@@ -257,7 +257,7 @@ declare const Input: {
 }, string, {
     type: "text" | "password";
     error: boolean;
-    readonly: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: string;
     allowClear: boolean;

package/es/input/input.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     error: {
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     error: {
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     type: "text" | "password";
     error: boolean;
-    readonly: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: string;
     allowClear: boolean;

package/es/input/input.js

@@ -7,13 +7,18 @@ import IconClose from "../icon/icon-close/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import feedback_icon_default from "../_components/feedback-icon.js";
 import { useCursor } from "../_hooks/use-cursor.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { useSize } from "../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { Enter } from "../_utils/keycode.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
-import { computed, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, ref, toRefs, watch } from "vue";
+import Tooltip from "../tooltip/index.js";
+import { computed, createTextVNode, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch } from "vue";
 //#region components/input/input.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var input_default = /* @__PURE__ */ defineComponent({
 	name: "Input",
 	inheritAttrs: false,
@@ -59,7 +64,7 @@ var input_default = /* @__PURE__ */ defineComponent({
 		* @en Whether it is read-only
 		*/
 		readonly: {
-			type: Boolean,
+			type: [Boolean, String],
 			default: false
 		},
 		/**
@@ -198,6 +203,8 @@ var input_default = /* @__PURE__ */ defineComponent({
 		const { mergedSize } = useSize(_mergedSize);
 		const { mergedAllowClear } = useAllowClear(allowClear);
 		const [recordCursor, setCursor] = useCursor(inputRef);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const _value = ref(props.defaultValue);
 		const computedValue = computed(() => {
 			var _props$modelValue;
@@ -314,6 +321,7 @@ var input_default = /* @__PURE__ */ defineComponent({
 			emit("clear", ev);
 		};
 		const handleKeyDown = (e) => {
+			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
 			const keyCode = e.key || e.code;
 			if (!isComposition.value && keyCode === Enter.key) {
 				emitChange(computedValue.value, e);
@@ -354,7 +362,7 @@ var input_default = /* @__PURE__ */ defineComponent({
 					"value": computedValue.value,
 					"type": props.type,
 					"placeholder": props.placeholder,
-					"readonly": props.readonly,
+					"readonly": !!props.readonly,
 					"disabled": mergedDisabled.value,
 					"onInput": handleInput,
 					"onKeydown": handleKeyDown,
@@ -380,12 +388,16 @@ var input_default = /* @__PURE__ */ defineComponent({
 			]);
 		};
 		const render = () => {
-			if (slots.prepend || slots.append || props.prepend || props.append) return createVNode("span", mergeProps({ "class": outerCls.value }, wrapperAttrs.value), [
+			const node = slots.prepend || slots.append || props.prepend || props.append ? createVNode("span", mergeProps({ "class": outerCls.value }, wrapperAttrs.value), [
 				(slots.prepend || props.prepend) && createVNode("span", { "class": `${prefixCls}-prepend` }, [slots.prepend ? slots.prepend() : props.prepend]),
 				renderInput(true),
 				(slots.append || props.append) && createVNode("span", { "class": `${prefixCls}-append` }, [slots.append ? slots.append() : props.append])
-			]);
-			return renderInput();
+			]) : renderInput();
+			return createVNode(Tooltip, {
+				"popupVisible": tipVisible.value,
+				"content": readonlyTipText.value,
+				"position": "top"
+			}, _isSlot(node) ? node : { default: () => [node] });
 		};
 		return {
 			inputRef,

package/es/input-number/index.d.ts

@@ -61,8 +61,8 @@ declare const InputNumber: {
             type: import("vue").PropType<"change" | "input">;
             default: string;
         };
-        readOnly: {
-            type: BooleanConstructor;
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         inputAttrs: {
@@ -92,6 +92,7 @@ declare const InputNumber: {
         keydown: (_ev: KeyboardEvent) => true;
     }, import("vue").PublicProps, {
         error: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         allowClear: boolean;
         max: number;
@@ -100,7 +101,6 @@ declare const InputNumber: {
         min: number;
         hideButton: boolean;
         modelEvent: "change" | "input";
-        readOnly: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -162,8 +162,8 @@ declare const InputNumber: {
             type: import("vue").PropType<"change" | "input">;
             default: string;
         };
-        readOnly: {
-            type: BooleanConstructor;
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         inputAttrs: {
@@ -185,6 +185,7 @@ declare const InputNumber: {
         blur(): void;
     }, {
         error: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         allowClear: boolean;
         max: number;
@@ -193,7 +194,6 @@ declare const InputNumber: {
         min: number;
         hideButton: boolean;
         modelEvent: "change" | "input";
-        readOnly: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -252,8 +252,8 @@ declare const InputNumber: {
         type: import("vue").PropType<"change" | "input">;
         default: string;
     };
-    readOnly: {
-        type: BooleanConstructor;
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     inputAttrs: {
@@ -283,6 +283,7 @@ declare const InputNumber: {
     keydown: (_ev: KeyboardEvent) => true;
 }, string, {
     error: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     allowClear: boolean;
     max: number;
@@ -291,7 +292,6 @@ declare const InputNumber: {
     min: number;
     hideButton: boolean;
     modelEvent: "change" | "input";
-    readOnly: 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/input-number/input-number.d.ts

@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<"change" | "input">;
         default: string;
     };
-    readOnly: {
-        type: BooleanConstructor;
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     inputAttrs: {
@@ -130,8 +130,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<"change" | "input">;
         default: string;
     };
-    readOnly: {
-        type: BooleanConstructor;
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     inputAttrs: {
@@ -147,6 +147,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: ((_value: InputNumberValue) => any) | undefined;
 }>, {
     error: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     allowClear: boolean;
     max: number;
@@ -155,6 +156,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     min: number;
     hideButton: boolean;
     modelEvent: "change" | "input";
-    readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/input-number/input-number.js

@@ -135,8 +135,8 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		* @en Readonly
 		* @version 2.33.1
 		*/
-		readOnly: {
-			type: Boolean,
+		readonly: {
+			type: [Boolean, String],
 			default: false
 		},
 		/**
@@ -321,7 +321,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		const handleStepButton = (event, method, needRepeat = false) => {
 			var _inputRef$value;
 			event.preventDefault();
-			if (props.readOnly) return;
+			if (props.readonly) return;
 			(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
 			nextStep(method, event);
 			if (needRepeat) repeatTimer = window.setTimeout(() => event.target.dispatchEvent(event), repeatTimer ? SPEED : FIRST_DELAY);
@@ -364,10 +364,10 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		};
 		const keyDownHandler = getKeyDownHandler(new Map([[KEYBOARD_KEY.ARROW_UP, (ev) => {
 			ev.preventDefault();
-			!props.readOnly && nextStep("plus", ev);
+			!props.readonly && nextStep("plus", ev);
 		}], [KEYBOARD_KEY.ARROW_DOWN, (ev) => {
 			ev.preventDefault();
-			!props.readOnly && nextStep("minus", ev);
+			!props.readonly && nextStep("minus", ev);
 		}]]));
 		const onKeyDown = (event) => {
 			emit("keydown", event);
@@ -387,7 +387,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		});
 		const renderSuffix = () => {
 			var _slots$suffix, _slots$plus, _slots$minus;
-			if (props.readOnly) return null;
+			if (props.readonly) return null;
 			return createVNode(Fragment, null, [slots.suffix && createVNode("div", { "class": `${prefixCls}-suffix` }, [(_slots$suffix = slots.suffix) === null || _slots$suffix === void 0 ? void 0 : _slots$suffix.call(slots)]), createVNode("div", { "class": `${prefixCls}-step` }, [createVNode("button", {
 				"class": [`${prefixCls}-step-button`, { [`${prefixCls}-step-button-disabled`]: mergedDisabled.value || isMax.value }],
 				"type": "button",
@@ -410,7 +410,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			prefixCls,
 			`${prefixCls}-mode-${props.mode}`,
 			`${prefixCls}-size-${mergedSize.value}`,
-			{ [`${prefixCls}-readonly`]: props.readOnly }
+			{ [`${prefixCls}-readonly`]: props.readonly }
 		]);
 		const renderPrependButton = () => {
 			return createVNode(Button, mergeProps({
@@ -458,7 +458,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 				"modelValue": _value.value,
 				"placeholder": props.placeholder,
 				"disabled": mergedDisabled.value,
-				"readonly": props.readOnly,
+				"readonly": props.readonly,
 				"error": props.error,
 				"inputAttrs": _objectSpread2({
 					"role": "spinbutton",

package/es/input-tag/index.d.ts

@@ -25,7 +25,7 @@ declare const InputTag: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         allowClear: {
@@ -92,7 +92,7 @@ declare const InputTag: {
         blur: (_ev: FocusEvent) => true;
     }, import("vue").PublicProps, {
         error: boolean;
-        readonly: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: (string | number | import("./interface").TagData)[];
         allowClear: boolean;
@@ -137,7 +137,7 @@ declare const InputTag: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         allowClear: {
@@ -194,7 +194,7 @@ declare const InputTag: {
         blur(): void;
     }, {
         error: boolean;
-        readonly: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: (string | number | import("./interface").TagData)[];
         allowClear: boolean;
@@ -236,7 +236,7 @@ declare const InputTag: {
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     allowClear: {
@@ -303,7 +303,7 @@ declare const InputTag: {
     blur: (_ev: FocusEvent) => true;
 }, string, {
     error: boolean;
-    readonly: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: (string | number | import("./interface").TagData)[];
     allowClear: boolean;

package/es/input-tag/input-tag.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     allowClear: {
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     allowClear: {
@@ -153,7 +153,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRemove?: ((_removed: string | number, _ev: Event) => any) | undefined;
 }>, {
     error: boolean;
-    readonly: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: (string | number | TagData)[];
     allowClear: boolean;

package/es/input-tag/input-tag.js

@@ -7,15 +7,17 @@ import icon_hover_default from "../_components/icon-hover.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import feedback_icon_default from "../_components/feedback-icon.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { useSize } from "../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { Backspace, Enter } from "../_utils/keycode.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
+import Tooltip from "../tooltip/index.js";
 import Ellipsis from "../ellipsis/index.js";
 import Tag from "../tag/index.js";
 import { getValueData } from "./utils.js";
-import { TransitionGroup, computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, onMounted, reactive, ref, toRefs, watch } from "vue";
+import { TransitionGroup, computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, onMounted, reactive, ref, toRef, toRefs, watch } from "vue";
 //#region components/input-tag/input-tag.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -84,7 +86,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		* @en Whether it is read-only mode
 		*/
 		readonly: {
-			type: Boolean,
+			type: [Boolean, String],
 			default: false
 		},
 		/**
@@ -233,6 +235,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		});
 		const { mergedSize } = useSize(_mergedSize);
 		const { mergedAllowClear } = useAllowClear(allowClear);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames));
 		const _focused = ref(false);
 		const _value = ref(props.defaultValue);
@@ -443,6 +447,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			return -1;
 		};
 		const handleKeyDown = (e) => {
+			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
 			if (mergedDisabled.value || props.readonly) return;
 			const keyCode = e.key || e.code;
 			if (!isComposition.value && computedInputValue.value && keyCode === Enter.key) handlePressEnter(e);
@@ -515,9 +520,13 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			});
 		});
 		const isCompressedResponsiveTag = (index, value) => isResponsiveMaxTagCount.value && !isOverflowCounterTag(value) && hiddenTagCount.value > 0 && index === 0 && responsiveTagMaxWidth.value > 0;
-		const render = () => {
+		const render = () => createVNode(Tooltip, {
+			"popupVisible": tipVisible.value,
+			"content": readonlyTipText.value,
+			"position": "top"
+		}, { default: () => {
 			var _slots$suffix;
-			return createVNode("span", mergeProps({
+			return [createVNode("span", mergeProps({
 				"ref": wrapperRef,
 				"class": cls.value,
 				"onMousedown": handleMousedown
@@ -578,7 +587,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 					"style": getInputStyle.value,
 					"placeholder": valueData.value.length === 0 ? props.placeholder : void 0,
 					"disabled": mergedDisabled.value,
-					"readonly": props.readonly || props.disabledInput,
+					"readonly": !!(props.readonly || props.disabledInput),
 					"onInput": handleInput,
 					"onKeydown": handleKeyDown,
 					"onFocus": handleFocus,
@@ -592,8 +601,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 					onMousedown: (e) => e.stopPropagation()
 				}), { default: () => [createVNode(IconClose, null, null)] }),
 				(slots.suffix || Boolean(feedback.value)) && createVNode("span", { "class": `${prefixCls}-suffix` }, [(_slots$suffix = slots.suffix) === null || _slots$suffix === void 0 ? void 0 : _slots$suffix.call(slots), Boolean(feedback.value) && createVNode(feedback_icon_default, { "type": feedback.value }, null)])
-			]);
-		};
+			])];
+		} });
 		return {
 			inputRef,
 			render

package/es/locale/interface.d.ts

@@ -116,6 +116,7 @@ export interface ValidateMessage {
 }
 export interface SdLang {
     locale: string;
+    readonlyTip?: string;
     empty: {
         description: string;
     };

package/es/locale/lang/en-us.js

@@ -71,6 +71,7 @@ var calendarLang = {
 };
 var lang = {
 	locale: "en-US",
+	readonlyTip: "Read-only mode",
 	empty: { description: "No Data" },
 	drawer: {
 		okText: "Ok",

package/es/locale/lang/zh-cn.js

@@ -70,6 +70,7 @@ var calendarLang = {
 };
 var lang = {
 	locale: "zh-CN",
+	readonlyTip: "当前为只读模式",
 	empty: { description: "暂无数据" },
 	drawer: {
 		okText: "确定",

package/es/locale/lang/zh-tw.js

@@ -70,6 +70,7 @@ var calendarLang = {
 };
 var lang = {
 	locale: "zh-TW",
+	readonlyTip: "目前為唯讀模式",
 	empty: { description: "無資料" },
 	drawer: {
 		okText: "確認",

package/es/mention/index.d.ts

@@ -28,6 +28,10 @@ declare const Mention: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         allowClear: {
             type: BooleanConstructor;
             default: boolean;
@@ -57,6 +61,7 @@ declare const Mention: {
     }, import("vue").PublicProps, {
         type: "input" | "textarea";
         split: string;
+        readonly: string | boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
         disabled: boolean;
         prefix: string | string[];
@@ -95,6 +100,10 @@ declare const Mention: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         allowClear: {
             type: BooleanConstructor;
             default: boolean;
@@ -116,6 +125,7 @@ declare const Mention: {
     }, {
         type: "input" | "textarea";
         split: string;
+        readonly: string | boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
         disabled: boolean;
         prefix: string | string[];
@@ -151,6 +161,10 @@ declare const Mention: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     allowClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -180,6 +194,7 @@ declare const Mention: {
 }, string, {
     type: "input" | "textarea";
     split: string;
+    readonly: string | boolean;
     data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
     disabled: boolean;
     prefix: string | string[];

package/es/mention/mention.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     allowClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -70,6 +74,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     allowClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -85,6 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     type: "input" | "textarea";
     split: string;
+    readonly: string | boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     disabled: boolean;
     prefix: string | string[];

package/es/mention/mention.js

@@ -4,11 +4,11 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.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 { getSizeStyles } from "../textarea/utils.js";
 import Textarea from "../textarea/index.js";
 import { getLastMeasureIndex, getTextBeforeSelection, isValidSearch } from "./utils.js";
@@ -76,6 +76,14 @@ var mention_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 是否允许清空输入框
 		* @en Whether to allow the input to be cleared
 		* @version 2.23.0
@@ -170,6 +178,7 @@ var mention_default = /* @__PURE__ */ defineComponent({
 		const filterOption = ref(true);
 		const handleInput = (value, e) => {
 			var _eventHandlers$value, _eventHandlers$value$;
+			if (props.readonly) return;
 			const text = getTextBeforeSelection(e.target);
 			const lastMeasure = getLastMeasureIndex(text, props.prefix);
 			if (lastMeasure.location > -1) {
@@ -308,6 +317,7 @@ var mention_default = /* @__PURE__ */ defineComponent({
 					"allowClear": mergedAllowClear.value,
 					"modelValue": computedValue.value,
 					"disabled": mergedDisabled.value,
+					"readonly": props.readonly,
 					"onInput": handleInput,
 					"onClear": handleClear,
 					"onFocus": onFocus,
@@ -347,6 +357,7 @@ var mention_default = /* @__PURE__ */ defineComponent({
 					"allowClear": mergedAllowClear.value,
 					"modelValue": computedValue.value,
 					"disabled": mergedDisabled.value,
+					"readonly": props.readonly,
 					"onInput": handleInput,
 					"onClear": handleClear,
 					"onFocus": onFocus,

package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject } from "../_utils/is.js";
 import { omit } from "../_utils/omit.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import { MenuInjectionKey } from "./context.js";
 import { provideLevel } from "./hooks/use-level.js";
 import useMenuDataCollector from "./hooks/use-menu-data-collector.js";