@sdata/web-vue 3.12.0 → 3.14.0

package/es/_components/input-label/input-label.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     error: BooleanConstructor;
     focused: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: PropType<Record<string, unknown>>;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -39,6 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     error: BooleanConstructor;
     focused: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: PropType<Record<string, unknown>>;
 }>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/es/_components/input-label/input-label.js

@@ -29,7 +29,8 @@ var input_label_default = /* @__PURE__ */ defineComponent({
 		size: String,
 		error: Boolean,
 		focused: Boolean,
-		uninjectFormItemContext: Boolean
+		uninjectFormItemContext: Boolean,
+		inputAttrs: Object
 	},
 	emits: [
 		"update:inputValue",
@@ -91,13 +92,14 @@ var input_label_default = /* @__PURE__ */ defineComponent({
 		const wrapperAttrs = computed(() => omit(attrs, INPUT_EVENTS));
 		const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
 		const render = () => {
+			var _props$inputAttrs;
 			let _slot;
 			return createVNode("span", mergeProps(wrapperAttrs.value, {
 				"class": cls.value,
 				"onMousedown": handleMousedown
 			}), [
 				slots.prefix && createVNode("span", { "class": `${prefixCls}-prefix` }, [slots.prefix()]),
-				createVNode("input", mergeProps(inputAttrs.value, {
+				createVNode("input", mergeProps(inputAttrs.value, (_props$inputAttrs = props.inputAttrs) !== null && _props$inputAttrs !== void 0 ? _props$inputAttrs : {}, {
 					"ref": inputRef,
 					"class": [`${prefixCls}-input`, { [`${prefixCls}-input-hidden`]: !showInput.value }],
 					"value": computedInputValue.value,

package/es/_components/input-label/style/index.css

@@ -38,7 +38,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-input-label:hover {
   background-color: var(--sd-color-fill-3);
@@ -123,7 +123,7 @@
 }
 .sd-input-label .sd-input-label-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-input-label:hover .sd-input-label-clear-btn {
   visibility: visible;

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/_components/picker/style/index.scss

@@ -15,7 +15,11 @@
   background-color: $picker-color-bg;
   border: 1px solid $picker-color-border;
   border-radius: $picker-input-border-radius;
-  transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+  transition:
+    color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    background-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    border-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    box-shadow theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
   &-input {
     display: inline-flex;
@@ -32,7 +36,9 @@
     background-color: global.$color-transparent;
     border: none;
     outline: none;
-    transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition:
+      color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      background-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
     &::placeholder {
       color: $picker-color-placeholder;

package/es/_components/resize-observer.js

@@ -11,7 +11,7 @@ var resize_observer_default = /* @__PURE__ */ defineComponent({
 		const componentRef = ref();
 		const element = computed(() => isComponentInstance(componentRef.value) ? componentRef.value.$el : componentRef.value);
 		const createResizeObserver = (target) => {
-			if (!target) return;
+			if (!target || target.nodeType !== 1) return;
 			resizeObserver = new ResizeObserver((entries) => {
 				const entry = entries[0];
 				emit("resize", entry);

package/es/_components/resize-trigger.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
 import IconDragDot from "../icon/icon-drag-dot/index.js";
 import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/_components/resize-trigger.vue?vue&type=script&setup=true&lang.tsx
+var _hoisted_1 = ["aria-orientation"];
 var resize_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ResizeTrigger" }), {}, {
 	__name: "resize-trigger",
 	props: {
@@ -30,13 +31,19 @@ var resize_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(resize_observer_default), { onResize }, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(classNames.value) }, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon-wrapper`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [isHorizontal.value ? (openBlock(), createBlock(unref(IconDragDot), {
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(classNames.value),
+					role: "separator",
+					tabindex: "0",
+					"aria-orientation": unref(direction),
+					"aria-label": "Resize"
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon-wrapper`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [isHorizontal.value ? (openBlock(), createBlock(unref(IconDragDot), {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-icon`)
 				}, null, 8, ["class"])) : (openBlock(), createBlock(unref(IconDragDotVertical), {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-icon`)
-				}, null, 8, ["class"]))])], 2)])], 2)]),
+				}, null, 8, ["class"]))])], 2)])], 10, _hoisted_1)]),
 				_: 3
 			});
 		};

package/es/_components/select-view/select-view.d.ts

@@ -64,6 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    inputAttrs: PropType<Record<string, unknown>>;
 }>, {
     inputRef: import("vue").ComputedRef<HTMLInputElement>;
     handleFocus: (ev: FocusEvent) => void;
@@ -134,6 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    inputAttrs: PropType<Record<string, unknown>>;
 }>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/es/_components/select-view/select-view.js

@@ -73,7 +73,8 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 		retainInputValue: {
 			type: Boolean,
 			default: false
-		}
+		},
+		inputAttrs: Object
 	},
 	emits: [
 		"remove",
@@ -132,6 +133,7 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 			showClearBtn.value && createVNode("button", {
 				"type": "button",
 				"class": `${prefixCls}-clear-btn`,
+				"aria-label": "Clear",
 				"onClick": handleClear,
 				"onMousedown": (ev) => ev.stopPropagation()
 			}, [createVNode(icon_hover_default, null, { default: () => [createVNode(IconClose, null, null)] })]),
@@ -165,6 +167,7 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 					"tagNowrap": props.tagNowrap,
 					"retainInputValue": true,
 					"uninjectFormItemContext": true,
+					"inputAttrs": props.inputAttrs,
 					"onRemove": handleRemove,
 					"onFocus": handleFocus,
 					"onBlur": handleBlur
@@ -187,6 +190,7 @@ var select_view_default = /* @__PURE__ */ defineComponent({
 				"error": mergedError.value,
 				"enabledInput": enabledInput.value,
 				"uninjectFormItemContext": true,
+				"inputAttrs": props.inputAttrs,
 				"onFocus": handleFocus,
 				"onBlur": handleBlur
 			}, {

package/es/_components/select-view/style/index.css

@@ -44,7 +44,7 @@
 }
 .sd-tag-checkable {
   cursor: pointer;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-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);
 }
 .sd-tag-checkable:hover {
   background-color: var(--sd-color-fill-2);
@@ -495,7 +495,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-select-view-single:hover {
   background-color: var(--sd-color-fill-3);
@@ -580,7 +580,7 @@
 }
 .sd-select-view-single .sd-select-view-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-select-view-single:hover .sd-select-view-clear-btn {
   visibility: visible;
@@ -692,7 +692,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-select-view-multiple:hover {
   background-color: var(--sd-color-fill-3);
@@ -777,7 +777,7 @@
 }
 .sd-select-view-multiple .sd-select-view-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-select-view-multiple:hover .sd-select-view-clear-btn {
   visibility: visible;

package/es/_hooks/use-focus-trap.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+export declare const getFocusableElements: (container: HTMLElement) => HTMLElement[];
+export interface UseFocusTrapOptions {
+    initialFocus?: (container: HTMLElement) => HTMLElement | null | undefined;
+}
+export interface UseFocusTrapReturn {
+    activate: () => void;
+    deactivate: () => void;
+}
+export declare const useFocusTrap: (containerRef: Ref<HTMLElement | undefined>, options?: UseFocusTrapOptions) => UseFocusTrapReturn;