@sdata/web-vue 3.13.0 → 3.14.0

package/es/typography/edit-content.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ var edit_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const classNames = [`${getPrefixCls("typography")}-edit-content`];
-		const inputRef = ref();
+		const rootRef = ref();
 		function onChange(value) {
 			emit("update:text", value);
 			emit("change", value);
@@ -26,24 +26,27 @@ var edit_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			emit("end");
 		}
 		onMounted(() => {
-			if (!inputRef.value || !inputRef.value.$el) return;
-			const inputEl = inputRef.value.$el.querySelector("input");
+			var _rootRef$value;
+			const inputEl = (_rootRef$value = rootRef.value) === null || _rootRef$value === void 0 ? void 0 : _rootRef$value.querySelector("input");
 			if (!inputEl) return;
-			inputEl.focus && inputEl.focus();
+			inputEl.focus();
 			const { length } = inputEl.value;
 			inputEl.setSelectionRange(length, length);
 		});
 		const onBlur = onEnd;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(classNames) }, [createVNode(unref(Input), {
-				ref_key: "inputRef",
-				ref: inputRef,
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(classNames)
+			}, [createVNode(unref(Input), {
 				"auto-size": "",
+				"input-attrs": { "aria-label": "Edit text" },
 				"model-value": __props.text,
 				onBlur: unref(onBlur),
 				onInput: onChange,
 				onKeydown: withKeys(onEnd, ["enter"])
-			}, null, 8, ["model-value", "onBlur"])]);
+			}, null, 8, ["model-value", "onBlur"])], 512);
 		};
 	}
 }));

package/es/typography/operations.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
 import { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";
@@ -7,6 +8,8 @@ import IconCopy from "../icon/icon-copy/index.js";
 import IconEdit from "../icon/icon-edit/index.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
 //#region components/typography/operations.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
 var operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyOperations" }), {}, {
 	__name: "operations",
 	props: {
@@ -58,6 +61,24 @@ var operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		function onExpandClick() {
 			emit("expand");
 		}
+		function onEditKeydown(ev) {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				onEditClick();
+			}
+		}
+		function onCopyKeydown(ev) {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				onCopyClick();
+			}
+		}
+		function onExpandKeydown(ev) {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				onExpandClick();
+			}
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
 				__props.editable ? (openBlock(), createBlock(unref(Tooltip), mergeProps({
@@ -66,8 +87,12 @@ var operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				}, __props.editTooltipProps), {
 					default: withCtx(() => [createElementVNode("span", {
 						class: normalizeClass(`${unref(prefixCls)}-operation-edit`),
-						onClick: withModifiers(onEditClick, ["stop"])
-					}, [createVNode(unref(IconEdit))], 2)]),
+						role: "button",
+						tabindex: "0",
+						"aria-label": unref(t)("typography.edit"),
+						onClick: withModifiers(onEditClick, ["stop"]),
+						onKeydown: onEditKeydown
+					}, [createVNode(unref(IconEdit))], 42, _hoisted_1)]),
 					_: 1
 				}, 16, ["content"])) : createCommentVNode("", true),
 				__props.copyable ? (openBlock(), createBlock(unref(Tooltip), normalizeProps(mergeProps({ key: 1 }, __props.copyTooltipProps)), {
@@ -77,15 +102,22 @@ var operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 							[`${unref(prefixCls)}-operation-copied`]: __props.isCopied,
 							[`${unref(prefixCls)}-operation-copy`]: !__props.isCopied
 						}),
-						onClick: withModifiers(onCopyClick, ["stop"])
-					}, [renderSlot(_ctx.$slots, "copy-icon", { copied: __props.isCopied }, () => [__props.isCopied ? (openBlock(), createBlock(unref(IconCheckCircleFill), { key: 0 })) : (openBlock(), createBlock(unref(IconCopy), { key: 1 }))])], 2)]),
+						role: "button",
+						tabindex: "0",
+						"aria-label": __props.isCopied ? unref(t)("typography.copied") : unref(t)("typography.copy"),
+						onClick: withModifiers(onCopyClick, ["stop"]),
+						onKeydown: onCopyKeydown
+					}, [renderSlot(_ctx.$slots, "copy-icon", { copied: __props.isCopied }, () => [__props.isCopied ? (openBlock(), createBlock(unref(IconCheckCircleFill), { key: 0 })) : (openBlock(), createBlock(unref(IconCopy), { key: 1 }))])], 42, _hoisted_2)]),
 					_: 3
 				}, 16)) : createCommentVNode("", true),
 				showExpand.value ? (openBlock(), createElementBlock("a", {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-operation-expand`),
-					onClick: withModifiers(onExpandClick, ["stop"])
-				}, [renderSlot(_ctx.$slots, "expand-node", { expanded: __props.expanded }, () => [createTextVNode(toDisplayString(__props.expanded ? unref(t)("typography.collapse") : unref(t)("typography.expand")), 1)])], 2)) : createCommentVNode("", true)
+					role: "button",
+					tabindex: "0",
+					onClick: withModifiers(onExpandClick, ["stop"]),
+					onKeydown: onExpandKeydown
+				}, [renderSlot(_ctx.$slots, "expand-node", { expanded: __props.expanded }, () => [createTextVNode(toDisplayString(__props.expanded ? unref(t)("typography.collapse") : unref(t)("typography.expand")), 1)])], 34)) : createCommentVNode("", true)
 			], 64);
 		};
 	}

package/es/typography/style/index.css

@@ -134,7 +134,7 @@
   background-color: transparent;
   border-radius: 2px;
   cursor: pointer;
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-typography-operation-copy:hover {
   color: var(--sd-color-text-2);
@@ -150,7 +150,7 @@
   background-color: transparent;
   border-radius: 2px;
   cursor: pointer;
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-typography-operation-edit:hover {
   color: var(--sd-color-text-2);

package/es/typography/style/index.scss

@@ -152,7 +152,7 @@ $typography-prefix-cls: string.unquote('#{theme.$prefix}-typography');
     border-radius: 2px;
     cursor: pointer;
     transition: background-color theme.$transition-duration-1
-      theme.$transition-timing-function-linear;
+      theme.$transition-timing-function-standard;
 
     &:hover {
       color: $typography-color-icon-copy_hover;
@@ -172,7 +172,7 @@ $typography-prefix-cls: string.unquote('#{theme.$prefix}-typography');
     border-radius: 2px;
     cursor: pointer;
     transition: background-color theme.$transition-duration-1
-      theme.$transition-timing-function-linear;
+      theme.$transition-timing-function-standard;
 
     &:hover {
       color: $typography-color-icon-edit_hover;

package/es/upload/style/index.css

@@ -44,7 +44,7 @@
   background: var(--sd-color-fill-2);
   border: 1px dashed var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: 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), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-picture-card:hover {
   color: var(--sd-color-text-2);
@@ -59,7 +59,7 @@
   background-color: var(--sd-color-fill-1);
   border: 1px dashed var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  transition: all 0.2s ease;
+  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
 }
 .sd-upload-drag .sd-icon-plus {
   margin-bottom: 24px;
@@ -159,7 +159,7 @@
   color: rgb(var(--sd-primary-6));
   font-size: 14px;
   cursor: pointer;
-  transition: all 0.2s ease;
+  transition: color 0.2s ease;
 }
 .sd-upload-icon-upload:active, .sd-upload-icon-upload:hover {
   color: rgb(var(--sd-primary-7));
@@ -205,7 +205,7 @@
   font-size: 14px;
   background-color: var(--sd-color-fill-1);
   border-radius: var(--sd-border-radius-small);
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-item-file-icon {
   margin-right: 12px;
@@ -294,7 +294,7 @@
   padding-right: 0;
   overflow: hidden;
   vertical-align: top;
-  transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-status-error .sd-upload-list-picture-mask {
   opacity: 1;
@@ -324,7 +324,7 @@
   background: rgba(0, 0, 0, 0.5);
   cursor: pointer;
   opacity: 0;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-operation {
   display: none;
@@ -380,7 +380,7 @@
   margin: 0;
   overflow: hidden;
   opacity: 0;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
 }
 
 .sd-upload-list-item.sd-upload-slide-inline-enter {
@@ -388,7 +388,7 @@
 }
 .sd-upload-list-item.sd-upload-slide-inline-enter-active {
   opacity: 1;
-  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-item.sd-upload-slide-inline-exit {
   opacity: 1;
@@ -397,5 +397,5 @@
   margin: 0;
   overflow: hidden;
   opacity: 0;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
 }

package/es/upload/style/index.scss

@@ -35,7 +35,10 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     background: $upload-picture-color-bg;
     border: $upload-picture-border-width $upload-picture-border-style $upload-picture-color-border;
     border-radius: $upload-picture-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;
 
     &:hover {
       color: $upload-picture-color-text_hover;
@@ -52,7 +55,10 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     background-color: $upload-drag-color-bg;
     border: $upload-drag-border-width $upload-drag-border-style $upload-drag-color-border;
     border-radius: $upload-drag-border-radius;
-    transition: all theme.$transition-duration-2 ease;
+    transition:
+      color theme.$transition-duration-2 ease,
+      background-color theme.$transition-duration-2 ease,
+      border-color theme.$transition-duration-2 ease;
 
     .#{theme.$prefix}-icon-plus {
       margin-bottom: $upload-drag-margin-icon-bottom;
@@ -175,7 +181,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     color: $upload-text-item-color-reupload-icon;
     font-size: $upload-text-item-size-reupload-icon;
     cursor: pointer;
-    transition: all theme.$transition-duration-2 ease;
+    transition: color theme.$transition-duration-2 ease;
 
     &:active,
     &:hover {
@@ -225,7 +231,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
       background-color: $upload-text-item-color-bg;
       border-radius: $upload-text-item-border-radius;
       transition: background-color theme.$transition-duration-1
-        theme.$transition-timing-function-linear;
+        theme.$transition-timing-function-standard;
     }
 
     &-file-icon {
@@ -348,7 +354,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     padding-right: 0;
     overflow: hidden;
     vertical-align: top;
-    transition: all theme.$transition-duration-2 theme.$transition-timing-function-standard;
+    transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-standard;
   }
 
   &-picture-status-error &-picture-mask {
@@ -381,7 +387,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
       background: $upload-picture-item-color-operation_bg;
       cursor: pointer;
       opacity: 0;
-      transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
 
     &-operation {
@@ -468,7 +474,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
   overflow: hidden;
   opacity: 0;
   transition:
-    opacity theme.$transition-duration-1 theme.$transition-timing-function-linear,
+    opacity theme.$transition-duration-1 theme.$transition-timing-function-standard,
     height theme.$transition-duration-3 theme.$transition-timing-function-standard
       theme.$transition-duration-1,
     margin theme.$transition-duration-3 theme.$transition-timing-function-standard
@@ -482,7 +488,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
 
   &.#{$upload-prefix-cls}-slide-inline-enter-active {
     opacity: 1;
-    transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-linear;
+    transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-standard;
   }
 
   &.#{$upload-prefix-cls}-slide-inline-exit {
@@ -494,7 +500,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     overflow: hidden;
     opacity: 0;
     transition:
-      opacity theme.$transition-duration-1 theme.$transition-timing-function-linear,
+      opacity theme.$transition-duration-1 theme.$transition-timing-function-standard,
       width theme.$transition-duration-3 theme.$transition-timing-function-standard
         theme.$transition-duration-1,
       margin theme.$transition-duration-3 theme.$transition-timing-function-standard

package/es/upload/upload-list-item.js

@@ -1,5 +1,6 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";
@@ -93,13 +94,25 @@ var upload_list_item_default = /* @__PURE__ */ defineComponent({
 						"listType": props.listType
 					}, null)
 				]),
-				(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", { "class": `${itemCls}-operation` }, [createVNode(icon_hover_default, { "onClick": () => {
-					var _uploadCtx$onRemove;
-					return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
-				} }, { default: () => {
+				(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", { "class": `${itemCls}-operation` }, [createVNode("span", {
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": "Remove",
+					"onClick": () => {
+						var _uploadCtx$onRemove;
+						return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
+					},
+					"onKeydown": (e) => {
+						if (isActivationKey(e)) {
+							var _uploadCtx$onRemove2;
+							e.preventDefault();
+							uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove2 = uploadCtx.onRemove) === null || _uploadCtx$onRemove2 === void 0 || _uploadCtx$onRemove2.call(uploadCtx, props.file);
+						}
+					}
+				}, [createVNode(icon_hover_default, null, { default: () => {
 					var _ref5, _uploadCtx$slots$remo, _uploadCtx$slots6, _uploadCtx$slots6$rem, _uploadCtx$customIcon9, _uploadCtx$customIcon10;
 					return [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-remove`] }, [(_ref5 = (_uploadCtx$slots$remo = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots6$rem = (_uploadCtx$slots6 = uploadCtx.slots)["remove-icon"]) === null || _uploadCtx$slots6$rem === void 0 ? void 0 : _uploadCtx$slots6$rem.call(_uploadCtx$slots6)) !== null && _uploadCtx$slots$remo !== void 0 ? _uploadCtx$slots$remo : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon9 = uploadCtx.customIcon) === null || _uploadCtx$customIcon9 === void 0 || (_uploadCtx$customIcon10 = _uploadCtx$customIcon9.removeIcon) === null || _uploadCtx$customIcon10 === void 0 ? void 0 : _uploadCtx$customIcon10.call(_uploadCtx$customIcon9)) !== null && _ref5 !== void 0 ? _ref5 : createVNode(IconDelete, null, null)])];
-				} })]),
+				} })])]),
 				uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots7$ext = (_uploadCtx$slots7 = uploadCtx.slots)["extra-button"]) === null || _uploadCtx$slots7$ext === void 0 ? void 0 : _uploadCtx$slots7$ext.call(_uploadCtx$slots7, { fileItem: props.file })
 			]);
 		};

package/es/upload/upload-picture-item.js

@@ -1,4 +1,5 @@
 import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconEye from "../icon/icon-eye/index.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
 import IconDelete from "../icon/icon-delete/index.js";
@@ -23,6 +24,12 @@ var upload_picture_item_default = /* @__PURE__ */ defineComponent({
 		const itemCls = `${getPrefixCls("upload-list")}-picture`;
 		const cls = computed(() => [itemCls, { [`${itemCls}-status-error`]: props.file.status === "error" }]);
 		const uploadCtx = inject(uploadInjectionKey, void 0);
+		const onActionKeydown = (fn) => (e) => {
+			if (fn && isActivationKey(e)) {
+				e.preventDefault();
+				fn();
+			}
+		};
 		const renderCard = () => {
 			var _uploadCtx$slots$imag, _uploadCtx$slots, _uploadCtx$slots$imag2, _ref, _uploadCtx$slots$erro, _uploadCtx$slots2, _uploadCtx$slots2$err, _uploadCtx$customIcon, _uploadCtx$customIcon2, _ref2, _uploadCtx$slots$prev, _uploadCtx$slots3, _uploadCtx$slots3$pre, _uploadCtx$customIcon3, _uploadCtx$customIcon4, _ref3, _uploadCtx$slots$retr, _uploadCtx$slots4, _uploadCtx$slots4$ret, _uploadCtx$customIcon5, _uploadCtx$customIcon6, _ref4, _uploadCtx$slots$remo, _uploadCtx$slots5, _uploadCtx$slots5$rem, _uploadCtx$customIcon7, _uploadCtx$customIcon8, _uploadCtx$slots6, _uploadCtx$slots6$ext;
 			if (props.file.status === "uploading") return createVNode(upload_progress_default, {
@@ -35,15 +42,30 @@ var upload_picture_item_default = /* @__PURE__ */ defineComponent({
 			}, (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.imageLoading) ? { loading: uploadCtx.imageLoading } : void 0), null), createVNode("div", { "class": `${itemCls}-mask` }, [props.file.status === "error" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showCancelButton) && createVNode("div", { "class": `${itemCls}-error-tip` }, [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-error`] }, [(_ref = (_uploadCtx$slots$erro = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots2$err = (_uploadCtx$slots2 = uploadCtx.slots)["error-icon"]) === null || _uploadCtx$slots2$err === void 0 ? void 0 : _uploadCtx$slots2$err.call(_uploadCtx$slots2)) !== null && _uploadCtx$slots$erro !== void 0 ? _uploadCtx$slots$erro : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon = uploadCtx.customIcon) === null || _uploadCtx$customIcon === void 0 || (_uploadCtx$customIcon2 = _uploadCtx$customIcon.errorIcon) === null || _uploadCtx$customIcon2 === void 0 ? void 0 : _uploadCtx$customIcon2.call(_uploadCtx$customIcon)) !== null && _ref !== void 0 ? _ref : createVNode(IconImageClose, null, null)])]), createVNode("div", { "class": `${itemCls}-operation` }, [
 				props.file.status !== "error" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showPreviewButton) && createVNode("span", {
 					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-preview`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file)
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": "Preview",
+					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file),
+					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file))
 				}, [(_ref2 = (_uploadCtx$slots$prev = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots3$pre = (_uploadCtx$slots3 = uploadCtx.slots)["preview-icon"]) === null || _uploadCtx$slots3$pre === void 0 ? void 0 : _uploadCtx$slots3$pre.call(_uploadCtx$slots3)) !== null && _uploadCtx$slots$prev !== void 0 ? _uploadCtx$slots$prev : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon3 = uploadCtx.customIcon) === null || _uploadCtx$customIcon3 === void 0 || (_uploadCtx$customIcon4 = _uploadCtx$customIcon3.previewIcon) === null || _uploadCtx$customIcon4 === void 0 ? void 0 : _uploadCtx$customIcon4.call(_uploadCtx$customIcon3)) !== null && _ref2 !== void 0 ? _ref2 : createVNode(IconEye, null, null)]),
 				["init", "error"].includes(props.file.status) && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRetryButton) && createVNode("span", {
 					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-upload`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file)
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": "Retry upload",
+					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file),
+					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file))
 				}, [(_ref3 = (_uploadCtx$slots$retr = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots4$ret = (_uploadCtx$slots4 = uploadCtx.slots)["retry-icon"]) === null || _uploadCtx$slots4$ret === void 0 ? void 0 : _uploadCtx$slots4$ret.call(_uploadCtx$slots4)) !== null && _uploadCtx$slots$retr !== void 0 ? _uploadCtx$slots$retr : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon5 = uploadCtx.customIcon) === null || _uploadCtx$customIcon5 === void 0 || (_uploadCtx$customIcon6 = _uploadCtx$customIcon5.retryIcon) === null || _uploadCtx$customIcon6 === void 0 ? void 0 : _uploadCtx$customIcon6.call(_uploadCtx$customIcon5)) !== null && _ref3 !== void 0 ? _ref3 : createVNode(IconUpload, null, null)]),
 				!(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.disabled) && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", {
 					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-remove`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onRemove(props.file)
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": "Remove",
+					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onRemove(props.file),
+					"onKeydown": onActionKeydown(() => {
+						var _uploadCtx$onRemove;
+						return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
+					})
 				}, [(_ref4 = (_uploadCtx$slots$remo = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots5$rem = (_uploadCtx$slots5 = uploadCtx.slots)["remove-icon"]) === null || _uploadCtx$slots5$rem === void 0 ? void 0 : _uploadCtx$slots5$rem.call(_uploadCtx$slots5)) !== null && _uploadCtx$slots$remo !== void 0 ? _uploadCtx$slots$remo : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon7 = uploadCtx.customIcon) === null || _uploadCtx$customIcon7 === void 0 || (_uploadCtx$customIcon8 = _uploadCtx$customIcon7.removeIcon) === null || _uploadCtx$customIcon8 === void 0 ? void 0 : _uploadCtx$customIcon8.call(_uploadCtx$customIcon7)) !== null && _ref4 !== void 0 ? _ref4 : createVNode(IconDelete, null, null)]),
 				uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots6$ext = (_uploadCtx$slots6 = uploadCtx.slots)["extra-button"]) === null || _uploadCtx$slots6$ext === void 0 ? void 0 : _uploadCtx$slots6$ext.call(_uploadCtx$slots6, props.file)
 			])])]);

package/es/verification-code/verification-code.js

@@ -184,7 +184,11 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 			updateValue();
 		};
 		return () => {
-			return createVNode("div", { "class": prefixCls }, [innerValue.value.map((c, i) => {
+			return createVNode("div", {
+				"class": prefixCls,
+				"role": "group",
+				"aria-label": "Verification code"
+			}, [innerValue.value.map((c, i) => {
 				var _props$separator;
 				return createVNode(Fragment, null, [createVNode(Input, mergeProps({
 					"key": i,
@@ -196,6 +200,7 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 					"error": props.error,
 					"disabled": props.disabled,
 					"readonly": props.readonly,
+					"inputAttrs": { "aria-label": `Character ${i + 1} of ${props.length}` },
 					"onFocus": () => focusFirstEmptyInput(i),
 					"onInput": (v, e) => handleInput(i, v, e)
 				}, {

package/json/vetur-attributes.json

@@ -463,6 +463,10 @@
     "description": "Whether it is half-selected",
     "type": "boolean"
   },
+  "sd-checkbox/tabindex": {
+    "description": "tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)",
+    "type": "number|string"
+  },
   "sd-checkbox-group/change": {
     "description": "Trigger when the value changes"
   },
@@ -4353,6 +4357,17 @@
     "description": "Scroll threshold, trigger close when the scroll distance exceeds this value",
     "type": "number"
   },
+  "sd-trigger/esc-to-close": {
+    "description": "Whether to close the popup with the ESC key",
+    "type": "boolean"
+  },
+  "sd-trigger/aria-has-popup": {
+    "description": "Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id."
+  },
+  "sd-trigger/aria-describedby-popup": {
+    "description": "Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.",
+    "type": "boolean"
+  },
   "sd-typography-paragraph/blockquote": {
     "description": "Whether enable blockquote",
     "type": "boolean"

package/json/vetur-tags.json

@@ -215,7 +215,8 @@
       "default-checked",
       "value",
       "disabled",
-      "indeterminate"
+      "indeterminate",
+      "tabindex"
     ]
   },
   "sd-checkbox-group": {
@@ -1721,7 +1722,10 @@
       "render-to-body",
       "prevent-focus",
       "scroll-to-close",
-      "scroll-to-close-distance"
+      "scroll-to-close-distance",
+      "esc-to-close",
+      "aria-has-popup",
+      "aria-describedby-popup"
     ]
   },
   "sd-typography-paragraph": {

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.12.0",
+  "version": "3.13.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1219,6 +1219,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)",
+              "value": {
+                "type": "number|string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -10428,6 +10436,30 @@
                 "type": "number",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "esc-to-close",
+              "description": "Whether to close the popup with the ESC key",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-has-popup",
+              "description": "Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id.",
+              "value": {
+                "type": "boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-describedby-popup",
+              "description": "Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",