@sdata/web-vue 3.12.0 → 3.14.0

package/es/tag/tag.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
@@ -12,6 +13,11 @@ import { computed, createBlock, createCommentVNode, createElementBlock, createSl
 import chroma from "chroma-js";
 import { isNil } from "es-toolkit/compat";
 //#region components/tag/tag.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"role",
+	"tabindex",
+	"aria-pressed"
+];
 var tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Tag" }), {}, {
 	__name: "tag",
 	props: {
@@ -321,12 +327,23 @@ var tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 				emit("check", newChecked, ev);
 			}
 		};
+		const handleTagKeydown = (ev) => {
+			if (!props.checkable) return;
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				handleClick(ev);
+			}
+		};
 		return (_ctx, _cache) => {
 			return computedVisible.value ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(style.value),
-				onClick: handleClick
+				role: __props.checkable ? "button" : void 0,
+				tabindex: __props.checkable ? 0 : void 0,
+				"aria-pressed": __props.checkable ? computedChecked.value : void 0,
+				onClick: handleClick,
+				onKeydown: handleTagKeydown
 			}, [
 				_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -371,7 +388,7 @@ var tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 					key: 4,
 					class: normalizeClass(`${unref(prefixCls)}-loading-icon`)
 				}, [createVNode(unref(IconLoading))], 2)) : createCommentVNode("", true)
-			], 6)) : createCommentVNode("", true);
+			], 46, _hoisted_1)) : createCommentVNode("", true);
 		};
 	}
 }));

package/es/textarea/index.d.ts

@@ -13,6 +13,10 @@ declare const Textarea: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
@@ -67,6 +71,7 @@ declare const Textarea: {
         "update:modelValue": (_value: string) => any;
     }, import("vue").PublicProps, {
         error: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -97,6 +102,10 @@ declare const Textarea: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
@@ -144,6 +153,7 @@ declare const Textarea: {
         blur: () => void;
     }, {}, {}, {}, {
         error: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -171,6 +181,10 @@ declare const Textarea: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -225,6 +239,7 @@ declare const Textarea: {
     "update:modelValue": (_value: string) => any;
 }, string, {
     error: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: string;
     allowClear: boolean;

package/es/textarea/style/index.css

@@ -32,7 +32,7 @@
   border: 1px solid transparent;
   border-radius: var(--sd-border-radius-small);
   cursor: text;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-textarea-wrapper:hover {
   background-color: var(--sd-color-fill-3);
@@ -117,7 +117,7 @@
 }
 .sd-textarea-wrapper .sd-textarea-clear-btn > svg {
   position: relative;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-textarea-wrapper:hover .sd-textarea-clear-btn {
   visibility: visible;

package/es/textarea/textarea.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
 declare function focus(): void;
 declare function blur(): void;
-declare var __VLS_9: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    suffix?: (props: typeof __VLS_9) => any;
+    suffix?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: StringConstructor;
@@ -16,6 +16,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -72,6 +76,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
@@ -116,6 +124,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
 }>, {
     error: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: string;
     allowClear: boolean;

package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js

@@ -4,17 +4,21 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useCursor } from "../_hooks/use-cursor.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
+import Tooltip from "../tooltip/index.js";
 import { getSizeStyles } from "./utils.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, useAttrs, watch, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, toRef, toRefs, unref, useAttrs, watch, withCtx } from "vue";
 //#region components/textarea/textarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
+	"readonly",
 	"value",
 	"placeholder"
 ];
@@ -52,6 +56,14 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 是否为错误状态
 		* @en Whether it is an error state
 		*/
@@ -122,11 +134,13 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const attrs = useAttrs();
 		const { disabled, error, modelValue, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("textarea");
-		const { mergedDisabled, mergedError: _mergedError, eventHandlers } = useFormItem({
+		const { mergedDisabled, mergedError: _mergedError, eventHandlers, formItemCtx } = useFormItem({
 			disabled,
 			error
 		});
 		const { mergedAllowClear } = useAllowClear(allowClear);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const textareaRef = ref();
 		const textareaStyle = ref();
 		const mirrorRef = ref();
@@ -155,7 +169,7 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const isScroll = ref(false);
 		const focused = ref(false);
 		const showClearBtn = computed(() => {
-			return mergedAllowClear.value && !mergedDisabled.value && computedValue.value;
+			return mergedAllowClear.value && !mergedDisabled.value && !props.readonly && computedValue.value;
 		});
 		const isComposition = ref(false);
 		const compositionValue = ref("");
@@ -233,6 +247,15 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			emitChange("", ev);
 			emit("clear", ev);
 		};
+		const handleClearKeydown = (ev) => {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				handleClear(ev);
+			}
+		};
+		const handleKeyDown = (e) => {
+			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
+		};
 		watch(() => modelValue.value, (value) => {
 			if (value !== computedValue.value) updateValue(value !== null && value !== void 0 ? value : "", false);
 		});
@@ -241,6 +264,7 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const rawTextareaAttrs = getTextareaAttrs(attrs);
 		const mergeTextareaAttrs = computed(() => {
 			const attrs = _objectSpread2(_objectSpread2({}, rawTextareaAttrs), props.textareaAttrs);
+			if (formItemCtx.fieldId && attrs.id === void 0) attrs.id = formItemCtx.fieldId;
 			if (mergedError.value) attrs["aria-invalid"] = true;
 			return attrs;
 		});
@@ -336,50 +360,63 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			blur
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps(getWrapperAttrs(_ctx.$attrs), {
-				class: wrapperCls.value,
-				onMousedown: handleMousedown
-			}), [
-				__props.autoSize ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref_key: "mirrorRef",
-					ref: mirrorRef,
-					class: normalizeClass(`${unref(prefixCls)}-mirror`),
-					style: normalizeStyle(mirrorStyle.value)
-				}, toDisplayString(`${computedValue.value}\n`), 7)) : createCommentVNode("", true),
-				createVNode(unref(resize_observer_default), { onResize: handleResize }, {
-					default: withCtx(() => [createElementVNode("textarea", mergeProps({
-						ref_key: "textareaRef",
-						ref: textareaRef
-					}, mergeTextareaAttrs.value, {
-						disabled: unref(mergedDisabled),
-						class: unref(prefixCls),
-						style: textareaStyle.value,
-						value: computedValue.value,
-						placeholder: __props.placeholder,
-						onInput: handleInput,
-						onFocus: handleFocus,
-						onBlur: handleBlur,
-						onCompositionstart: handleComposition,
-						onCompositionupdate: handleComposition,
-						onCompositionend: handleComposition
-					}), null, 16, _hoisted_1)]),
-					_: 1
-				}),
-				renderSlot(_ctx.$slots, "suffix"),
-				computedMaxLength.value && __props.showWordLimit ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					class: normalizeClass(`${unref(prefixCls)}-word-limit`)
-				}, toDisplayString(valueLength.value) + "/" + toDisplayString(computedMaxLength.value), 3)) : createCommentVNode("", true),
-				showClearBtn.value ? (openBlock(), createElementBlock("div", {
-					key: 2,
-					class: normalizeClass(`${unref(prefixCls)}-clear-btn`),
-					onClick: handleClear
-				}, [createVNode(icon_hover_default, null, {
-					default: withCtx(() => [createVNode(unref(IconClose))]),
-					_: 1
-				})], 2)) : createCommentVNode("", true)
-			], 16);
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createElementVNode("div", mergeProps(getWrapperAttrs(_ctx.$attrs), {
+					class: wrapperCls.value,
+					onMousedown: handleMousedown
+				}), [
+					__props.autoSize ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						ref_key: "mirrorRef",
+						ref: mirrorRef,
+						class: normalizeClass(`${unref(prefixCls)}-mirror`),
+						style: normalizeStyle(mirrorStyle.value)
+					}, toDisplayString(`${computedValue.value}\n`), 7)) : createCommentVNode("", true),
+					createVNode(unref(resize_observer_default), { onResize: handleResize }, {
+						default: withCtx(() => [createElementVNode("textarea", mergeProps({
+							ref_key: "textareaRef",
+							ref: textareaRef
+						}, mergeTextareaAttrs.value, {
+							disabled: unref(mergedDisabled),
+							readonly: !!__props.readonly,
+							class: unref(prefixCls),
+							style: textareaStyle.value,
+							value: computedValue.value,
+							placeholder: __props.placeholder,
+							onKeydown: handleKeyDown,
+							onInput: handleInput,
+							onFocus: handleFocus,
+							onBlur: handleBlur,
+							onCompositionstart: handleComposition,
+							onCompositionupdate: handleComposition,
+							onCompositionend: handleComposition
+						}), null, 16, _hoisted_1)]),
+						_: 1
+					}),
+					renderSlot(_ctx.$slots, "suffix"),
+					computedMaxLength.value && __props.showWordLimit ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(`${unref(prefixCls)}-word-limit`)
+					}, toDisplayString(valueLength.value) + "/" + toDisplayString(computedMaxLength.value), 3)) : createCommentVNode("", true),
+					showClearBtn.value ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(`${unref(prefixCls)}-clear-btn`),
+						role: "button",
+						tabindex: "0",
+						"aria-label": "Clear",
+						onClick: handleClear,
+						onKeydown: handleClearKeydown
+					}, [createVNode(icon_hover_default, null, {
+						default: withCtx(() => [createVNode(unref(IconClose))]),
+						_: 1
+					})], 34)) : createCommentVNode("", true)
+				], 16)]),
+				_: 3
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

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

@@ -21,7 +21,7 @@ declare const TimePicker: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
         };
         error: {
             type: BooleanConstructor;
@@ -99,7 +99,6 @@ declare const TimePicker: {
     }, import("vue").PublicProps, {
         type: "time" | "time-range";
         error: boolean;
-        readonly: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
@@ -136,7 +135,7 @@ declare const TimePicker: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
         };
         error: {
             type: BooleanConstructor;
@@ -207,7 +206,6 @@ declare const TimePicker: {
     }>, {}, {}, {}, {}, {
         type: "time" | "time-range";
         error: boolean;
-        readonly: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
@@ -241,7 +239,7 @@ declare const TimePicker: {
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -319,7 +317,6 @@ declare const TimePicker: {
 }, string, {
     type: "time" | "time-range";
     error: boolean;
-    readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

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

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isUndefined } from "../_utils/is.js";
-import Button from "../button/index.js";
 import { useI18n } from "../locale/index.js";
+import Button from "../button/index.js";
 import { dayjs } from "../_utils/date.js";
 import useTimeFormat from "./hooks/use-time-format.js";
 import useIsDisabledTime from "./hooks/use-is-disabled-time.js";

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

@@ -3,7 +3,12 @@ import { isUndefined } from "../_utils/is.js";
 import { scrollTo } from "./utils/index.js";
 import { Fragment, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, watch } from "vue";
 //#region components/time-picker/time-column.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["onClick"];
+var _hoisted_1 = { role: "listbox" };
+var _hoisted_2 = [
+	"aria-selected",
+	"aria-disabled",
+	"onClick"
+];
 var time_column_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TimePickerColumn" }), {}, {
 	__name: "time-column",
 	props: {
@@ -50,13 +55,16 @@ var time_column_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				ref_key: "refWrapper",
 				ref: refWrapper,
 				class: normalizeClass(`${__props.prefixCls}-column`)
-			}, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item) => {
+			}, [createElementVNode("ul", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.value,
 					ref_for: true,
 					ref: (el) => {
 						onItemRef(el, item);
 					},
+					role: "option",
+					"aria-selected": item.selected ? "true" : "false",
+					"aria-disabled": item.disabled || void 0,
 					class: normalizeClass([`${__props.prefixCls}-cell`, {
 						[`${__props.prefixCls}-cell-disabled`]: item.disabled,
 						[`${__props.prefixCls}-cell-selected`]: item.selected
@@ -64,7 +72,7 @@ var time_column_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					onClick: () => {
 						onItemClick(item);
 					}
-				}, [createElementVNode("div", { class: normalizeClass(`${__props.prefixCls}-cell-inner`) }, toDisplayString(item.label), 3)], 10, _hoisted_1);
+				}, [createElementVNode("div", { class: normalizeClass(`${__props.prefixCls}-cell-inner`) }, toDisplayString(item.label), 3)], 10, _hoisted_2);
 			}), 128))])], 2);
 		};
 	}

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

@@ -28,7 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -115,7 +115,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -186,7 +186,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     type: "time" | "time-range";
     error: boolean;
-    readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

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

@@ -3,15 +3,17 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { useI18n } from "../locale/index.js";
+import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import Trigger from "../trigger/index.js";
-import { useI18n } from "../locale/index.js";
 import { dayjs, getDateValue, getSortedDayjsArray, isValueChange } from "../_utils/date.js";
+import input_default from "../_components/picker/input.js";
 import { getFormattedValue, isValidInputValue, isValidRangeValue } from "./utils/index.js";
 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 input_range_default from "../_components/picker/input-range.js";
 import useTimeState from "./hooks/use-time-state.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
@@ -66,7 +68,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* @zh 是否为只读模式
 		* @en Whether it is read-only mode
 		* */
-		readonly: { type: Boolean },
+		readonly: { type: [Boolean, String] },
 		/**
 		* @zh 是否为错误状态
 		* @en Whether it is an error state
@@ -199,6 +201,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const { mergedAllowClear } = useAllowClear(allowClear);
 		const isRange = computed(() => type.value === "time-range");
+		const InputComponent = computed(() => isRange.value ? input_range_default : input_default);
 		const prefixCls = getPrefixCls("timepicker");
 		const refInput = ref();
 		const { format: computedFormat, use12Hours: computedUse12Hours } = useTimeFormat(reactive({
@@ -367,13 +370,16 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"auto-fit-transform-origin": "",
 				"click-to-close": false,
 				position: __props.position,
-				disabled: unref(mergedDisabled) || __props.readonly,
+				disabled: unref(mergedDisabled) || !!__props.readonly,
 				"popup-offset": 4,
 				"popup-visible": unref(panelVisible),
 				"prevent-focus": true,
 				"unmount-on-close": __props.unmountOnClose,
 				"popup-container": __props.popupContainer
-			}, _objectSpread2({}, __props.triggerProps), { onPopupVisibleChange: onPanelVisibleChange }), {
+			}, _objectSpread2({}, __props.triggerProps), {
+				"aria-has-popup": "dialog",
+				onPopupVisibleChange: onPanelVisibleChange
+			}), {
 				content: withCtx(() => [createElementVNode("div", {
 					class: normalizeClass(`${unref(prefixCls)}-container`),
 					onClick: onPanelClick
@@ -406,7 +412,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"hide-disabled-options",
 					"hide-footer"
 				]))], 2)]),
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(isRange.value ? "DateRangeInput" : "DateInput"), mergeProps(_objectSpread2(_objectSpread2({}, _ctx.$attrs), inputProps.value), {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(InputComponent.value), mergeProps(_objectSpread2(_objectSpread2({}, _ctx.$attrs), inputProps.value), {
 					ref_key: "refInput",
 					ref: refInput,
 					"input-value": unref(inputValue),

package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useResizeObserver } from "../_hooks/use-resize-observer.js";
 import Button from "../button/index.js";
 import Spin from "../spin/index.js";
-import { useResizeObserver } from "../_hooks/use-resize-observer.js";
 import IconDown from "../icon/icon-down/index.js";
 import Link from "../link/index.js";
 import JsonForm from "../json-form/index.js";