@sdata/web-vue 4.5.0 → 4.5.1

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import Input from "../input/index.js";
@@ -27,6 +27,9 @@ var edit_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		function onEnd() {
 			emit("end");
 		}
+		function onEnter(event) {
+			if (!event.isComposing) onEnd();
+		}
 		onMounted(() => {
 			var _rootRef$value;
 			const inputEl = (_rootRef$value = rootRef.value) === null || _rootRef$value === void 0 ? void 0 : _rootRef$value.querySelector("input");
@@ -47,7 +50,7 @@ var edit_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"model-value": __props.text,
 				onBlur: unref(onBlur),
 				onInput: onChange,
-				onKeydown: withKeys(onEnd, ["enter"])
+				onKeydown: withKeys(onEnter, ["enter"])
 			}, null, 8, [
 				"input-attrs",
 				"model-value",

package/es/typography/operations.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.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";
@@ -10,6 +10,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 //#region components/typography/operations.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-expanded"];
 var operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyOperations" }), {}, {
 	__name: "operations",
 	props: {
@@ -115,9 +116,10 @@ var operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					class: normalizeClass(`${unref(prefixCls)}-operation-expand`),
 					role: "button",
 					tabindex: "0",
+					"aria-expanded": __props.expanded,
 					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)
+				}, [renderSlot(_ctx.$slots, "expand-node", { expanded: __props.expanded }, () => [createTextVNode(toDisplayString(__props.expanded ? unref(t)("typography.collapse") : unref(t)("typography.expand")), 1)])], 42, _hoisted_3)) : createCommentVNode("", true)
 			], 64);
 		};
 	}

package/es/typography/paragraph.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import base_default from "./base.js";
 import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";

package/es/typography/text.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import base_default from "./base.js";
 import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
 //#region components/typography/text.vue?vue&type=script&setup=true&lang.ts

package/es/typography/title.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import base_default from "./base.js";
 import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
 //#region components/typography/title.vue?vue&type=script&setup=true&lang.ts

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { computed, createBlock, createVNode, defineComponent, normalizeStyle, openBlock, resolveComponent, resolveDynamicComponent, withCtx } from "vue";
 //#region components/typography/typography-content.vue?vue&type=script&setup=true&lang.ts
 var typography_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyContent" }), {}, {

package/es/typography/typography-operations.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import operations_default from "./operations.js";
 import { createBlock, createSlots, defineComponent, guardReactiveProps, normalizeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 //#region components/typography/typography-operations.vue?vue&type=script&setup=true&lang.ts

package/es/typography/typography.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region components/typography/typography.vue?vue&type=script&setup=true&lang.ts

package/es/typography/utils/inner-text-renderer.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { createElementBlock, createVNode, defineComponent, openBlock } from "vue";
 //#region components/typography/utils/inner-text-renderer.vue?vue&type=script&setup=true&lang.ts
 var inner_text_renderer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyInnerTextRenderer" }), {}, {

package/es/upload/style/index.css

@@ -325,8 +325,11 @@
   transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-operation {
-  display: none;
+  display: flex;
+  justify-content: space-evenly;
   font-size: 14px;
+  opacity: 0;
+  pointer-events: none;
 }
 .sd-upload-list-picture-operation .sd-upload-icon-retry {
   color: var(--sd-color-white);
@@ -335,14 +338,14 @@
   color: var(--sd-color-white);
   font-size: 26px;
 }
-.sd-upload-list-picture-mask:hover {
+.sd-upload-list-picture-mask:hover, .sd-upload-list-picture-mask:focus-within {
   opacity: 1;
 }
-.sd-upload-list-picture-mask:hover .sd-upload-list-picture-operation {
-  display: flex;
-  justify-content: space-evenly;
+.sd-upload-list-picture-mask:hover .sd-upload-list-picture-operation, .sd-upload-list-picture-mask:focus-within .sd-upload-list-picture-operation {
+  opacity: 1;
+  pointer-events: auto;
 }
-.sd-upload-list-picture-mask:hover .sd-upload-list-picture-error-tip {
+.sd-upload-list-picture-mask:hover .sd-upload-list-picture-error-tip, .sd-upload-list-picture-mask:focus-within .sd-upload-list-picture-error-tip {
   display: none;
 }
 .sd-upload-list-type-picture .sd-upload-list-item-content {

package/es/upload/style/index.scss

@@ -391,8 +391,11 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     }
 
     &-operation {
-      display: none;
+      display: flex;
+      justify-content: space-evenly;
       font-size: $upload-picture-item-size-operation-icon;
+      opacity: 0;
+      pointer-events: none;
 
       .#{$upload-prefix-cls}-icon-retry {
         color: $upload-picture-item-color-operation-icon;
@@ -406,16 +409,19 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
       }
     }
 
-    &-mask:hover {
+    &-mask:hover,
+    &-mask:focus-within {
       opacity: 1;
     }
 
-    &-mask:hover &-operation {
-      display: flex;
-      justify-content: space-evenly;
+    &-mask:hover &-operation,
+    &-mask:focus-within &-operation {
+      opacity: 1;
+      pointer-events: auto;
     }
 
-    &-mask:hover &-error-tip {
+    &-mask:hover &-error-tip,
+    &-mask:focus-within &-error-tip {
       display: none;
     }
   }

package/es/upload/upload-button.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isPromise } from "../_utils/is.js";
 import { useI18n } from "../locale/index.js";

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.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";

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import upload_list_item_default from "./upload-list-item.js";
 import upload_picture_item_default from "./upload-picture-item.js";

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import { useI18n } from "../locale/index.js";
@@ -41,7 +41,7 @@ var upload_picture_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		const cls = computed(() => [itemCls, { [`${itemCls}-status-error`]: file.value.status === "error" }]);
 		const uploadCtx = inject(uploadInjectionKey, void 0);
 		const [DefineAction, ReuseAction] = createReusableTemplate();
-		const onActionKeydown = (action) => (event) => {
+		const onActionKeydown = (event, action) => {
 			if (action && isActivationKey(event)) {
 				event.preventDefault();
 				action();
@@ -58,7 +58,7 @@ var upload_picture_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 						tabindex: "0",
 						"aria-label": label,
 						onClick: action,
-						onKeydown: ($event) => onActionKeydown(action)
+						onKeydown: ($event) => onActionKeydown($event, action)
 					}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)];
 				}),
 				_: 3

package/es/upload/upload-progress.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";
 import IconCheck from "../icon/icon-check/index.js";
@@ -11,6 +12,9 @@ import IconPause from "../icon/icon-pause/index.js";
 import IconPlayArrowFill from "../icon/icon-play-arrow-fill/index.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#region components/upload/upload-progress.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-label"];
 var upload_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "UploadProgress" }), {}, {
 	__name: "upload-progress",
 	props: {
@@ -27,8 +31,14 @@ var upload_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const prefixCls = getPrefixCls("upload-progress");
 		const { t } = useI18n();
 		const uploadCtx = inject(uploadInjectionKey, void 0);
+		const onActionKeydown = (event, action) => {
+			if (isActivationKey(event)) {
+				event.preventDefault();
+				action();
+			}
+		};
 		return (_ctx, _cache) => {
-			var _unref2, _unref$customIcon, _unref3, _unref4, _unref5, _unref6, _unref7, _unref8;
+			var _unref2, _unref$customIcon, _unref4, _unref5, _unref6, _unref7, _unref8, _unref10;
 			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(prefixCls)) }, [__props.file.status === "init" || __props.file.status === "uploading" ? (openBlock(), createBlock(unref(Progress), {
 				key: 0,
 				type: "circle",
@@ -39,11 +49,18 @@ var upload_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			}, null, 8, ["status", "percent"])) : createCommentVNode("", true), __props.file.status === "error" && ((_unref2 = unref(uploadCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.showRetryButton) ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass([unref(uploadCtx).iconCls, `${unref(uploadCtx).iconCls}-upload`]),
-				onClick: _cache[0] || (_cache[0] = ($event) => unref(uploadCtx).onUpload(__props.file))
-			}, [unref(uploadCtx).slots["retry-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["retry-icon"]), { key: 0 })) : ((_unref$customIcon = unref(uploadCtx).customIcon) === null || _unref$customIcon === void 0 ? void 0 : _unref$customIcon.retryIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.retryIcon), { key: 1 })) : __props.listType === "picture-card" ? (openBlock(), createBlock(unref(IconUpload), { key: 2 })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(t)("upload.retry")), 1)], 64))], 2)) : __props.file.status === "done" ? (openBlock(), createElementBlock("span", {
+				role: "button",
+				tabindex: "0",
+				"aria-label": unref(t)("a11y.retryUpload"),
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(uploadCtx).onUpload(__props.file)),
+				onKeydown: _cache[1] || (_cache[1] = ($event) => onActionKeydown($event, () => {
+					var _unref3;
+					return (_unref3 = unref(uploadCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.onUpload(__props.file);
+				}))
+			}, [unref(uploadCtx).slots["retry-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["retry-icon"]), { key: 0 })) : ((_unref$customIcon = unref(uploadCtx).customIcon) === null || _unref$customIcon === void 0 ? void 0 : _unref$customIcon.retryIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.retryIcon), { key: 1 })) : __props.listType === "picture-card" ? (openBlock(), createBlock(unref(IconUpload), { key: 2 })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(t)("upload.retry")), 1)], 64))], 42, _hoisted_1)) : __props.file.status === "done" ? (openBlock(), createElementBlock("span", {
 				key: 2,
-				class: normalizeClass([(_unref3 = unref(uploadCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.iconCls, `${(_unref4 = unref(uploadCtx)) === null || _unref4 === void 0 ? void 0 : _unref4.iconCls}-success`])
-			}, [((_unref5 = unref(uploadCtx)) === null || _unref5 === void 0 ? void 0 : _unref5.slots["success-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["success-icon"]), { key: 0 })) : ((_unref6 = unref(uploadCtx)) === null || _unref6 === void 0 || (_unref6 = _unref6.customIcon) === null || _unref6 === void 0 ? void 0 : _unref6.successIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.successIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconCheck), { key: 2 }))], 2)) : __props.file.status === "init" && ((_unref7 = unref(uploadCtx)) === null || _unref7 === void 0 ? void 0 : _unref7.showStartButton) ? (openBlock(), createBlock(unref(Tooltip), {
+				class: normalizeClass([(_unref4 = unref(uploadCtx)) === null || _unref4 === void 0 ? void 0 : _unref4.iconCls, `${(_unref5 = unref(uploadCtx)) === null || _unref5 === void 0 ? void 0 : _unref5.iconCls}-success`])
+			}, [((_unref6 = unref(uploadCtx)) === null || _unref6 === void 0 ? void 0 : _unref6.slots["success-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["success-icon"]), { key: 0 })) : ((_unref7 = unref(uploadCtx)) === null || _unref7 === void 0 || (_unref7 = _unref7.customIcon) === null || _unref7 === void 0 ? void 0 : _unref7.successIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.successIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconCheck), { key: 2 }))], 2)) : __props.file.status === "init" && ((_unref8 = unref(uploadCtx)) === null || _unref8 === void 0 ? void 0 : _unref8.showStartButton) ? (openBlock(), createBlock(unref(Tooltip), {
 				key: 3,
 				content: unref(t)("upload.start")
 			}, {
@@ -51,11 +68,18 @@ var upload_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					var _unref$customIcon2;
 					return [createElementVNode("span", {
 						class: normalizeClass([unref(uploadCtx).iconCls, `${unref(uploadCtx).iconCls}-start`]),
-						onClick: _cache[1] || (_cache[1] = ($event) => unref(uploadCtx).onUpload(__props.file))
-					}, [unref(uploadCtx).slots["start-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["start-icon"]), { key: 0 })) : ((_unref$customIcon2 = unref(uploadCtx).customIcon) === null || _unref$customIcon2 === void 0 ? void 0 : _unref$customIcon2.startIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.startIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPlayArrowFill), { key: 2 }))], 2)];
+						role: "button",
+						tabindex: "0",
+						"aria-label": unref(t)("upload.start"),
+						onClick: _cache[2] || (_cache[2] = ($event) => unref(uploadCtx).onUpload(__props.file)),
+						onKeydown: _cache[3] || (_cache[3] = ($event) => onActionKeydown($event, () => {
+							var _unref9;
+							return (_unref9 = unref(uploadCtx)) === null || _unref9 === void 0 ? void 0 : _unref9.onUpload(__props.file);
+						}))
+					}, [unref(uploadCtx).slots["start-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["start-icon"]), { key: 0 })) : ((_unref$customIcon2 = unref(uploadCtx).customIcon) === null || _unref$customIcon2 === void 0 ? void 0 : _unref$customIcon2.startIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.startIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPlayArrowFill), { key: 2 }))], 42, _hoisted_2)];
 				}),
 				_: 1
-			}, 8, ["content"])) : ((_unref8 = unref(uploadCtx)) === null || _unref8 === void 0 ? void 0 : _unref8.showCancelButton) ? (openBlock(), createBlock(unref(Tooltip), {
+			}, 8, ["content"])) : ((_unref10 = unref(uploadCtx)) === null || _unref10 === void 0 ? void 0 : _unref10.showCancelButton) ? (openBlock(), createBlock(unref(Tooltip), {
 				key: 4,
 				content: unref(t)("upload.cancel")
 			}, {
@@ -63,8 +87,15 @@ var upload_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					var _unref$customIcon3;
 					return [createElementVNode("span", {
 						class: normalizeClass([unref(uploadCtx).iconCls, `${unref(uploadCtx).iconCls}-cancel`]),
-						onClick: _cache[2] || (_cache[2] = ($event) => unref(uploadCtx).onAbort(__props.file))
-					}, [unref(uploadCtx).slots["cancel-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["cancel-icon"]), { key: 0 })) : ((_unref$customIcon3 = unref(uploadCtx).customIcon) === null || _unref$customIcon3 === void 0 ? void 0 : _unref$customIcon3.cancelIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.cancelIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPause), { key: 2 }))], 2)];
+						role: "button",
+						tabindex: "0",
+						"aria-label": unref(t)("upload.cancel"),
+						onClick: _cache[4] || (_cache[4] = ($event) => unref(uploadCtx).onAbort(__props.file)),
+						onKeydown: _cache[5] || (_cache[5] = ($event) => onActionKeydown($event, () => {
+							var _unref11;
+							return (_unref11 = unref(uploadCtx)) === null || _unref11 === void 0 ? void 0 : _unref11.onAbort(__props.file);
+						}))
+					}, [unref(uploadCtx).slots["cancel-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["cancel-icon"]), { key: 0 })) : ((_unref$customIcon3 = unref(uploadCtx).customIcon) === null || _unref$customIcon3 === void 0 ? void 0 : _unref$customIcon3.cancelIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.cancelIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPause), { key: 2 }))], 42, _hoisted_3)];
 				}),
 				_: 1
 			}, 8, ["content"])) : createCommentVNode("", true)], 2);

package/es/upload/upload.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isObject } from "../_utils/is.js";
 import preview_group_default from "../image/preview-group.js";

package/es/verification-code/index.d.ts

@@ -153,4 +153,5 @@ declare const VerificationCode: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type VerificationCodeInstance = InstanceType<typeof _VerificationCode>;
+export type VerificationCodeProps = VerificationCodeInstance['$props'];
 export default VerificationCode;

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isExist, isFunction, isString, isUndefined } from "../_utils/is.js";
 import { useI18n } from "../locale/index.js";
@@ -68,8 +68,8 @@ var verification_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			return Array.from({ length: props.length }, (_, index) => isExist(newValue[index]) ? String(newValue[index]) : "");
 		});
 		const innerValue = ref(filledValue.value.slice());
-		watch(mergedValue, () => {
-			innerValue.value = filledValue.value.slice();
+		watch(filledValue, (value) => {
+			innerValue.value = value.slice();
 		});
 		function setInputRef(element, index) {
 			if (element) inputRefList.value[index] = element;

package/es/watermark/hooks/use-mutation-observer.js

@@ -1,4 +1,4 @@
-import _objectWithoutProperties from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
+import _objectWithoutProperties from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectWithoutProperties.js";
 import { getCurrentScope, onScopeDispose, unref, watch } from "vue";
 //#region components/watermark/hooks/use-mutation-observer.ts
 var _excluded = ["window"];

package/es/watermark/index.d.ts

@@ -27,7 +27,7 @@ declare const Watermark: {
             default: number;
         };
         font: {
-            type: import("vue").PropType<import("./interface.ts").WatermarkFont>;
+            type: import("vue").PropType<import("./interface").WatermarkFont>;
         };
         zIndex: {
             type: NumberConstructor;
@@ -94,7 +94,7 @@ declare const Watermark: {
             default: number;
         };
         font: {
-            type: import("vue").PropType<import("./interface.ts").WatermarkFont>;
+            type: import("vue").PropType<import("./interface").WatermarkFont>;
         };
         zIndex: {
             type: NumberConstructor;
@@ -158,7 +158,7 @@ declare const Watermark: {
         default: number;
     };
     font: {
-        type: import("vue").PropType<import("./interface.ts").WatermarkFont>;
+        type: import("vue").PropType<import("./interface").WatermarkFont>;
     };
     zIndex: {
         type: NumberConstructor;
@@ -201,4 +201,6 @@ declare const Watermark: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type WatermarkInstance = InstanceType<typeof _Watermark>;
+export type WatermarkProps = WatermarkInstance['$props'];
+export type { WatermarkFont } from './interface';
 export default Watermark;

package/es/watermark/watermark.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray } from "../_utils/is.js";
 import { useMutationObserver } from "./hooks/use-mutation-observer.js";
@@ -180,6 +180,7 @@ var watermark_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			};
 		});
 		const isStaggered = computed(() => props.repeat && props.staggered);
+		let renderId = 0;
 		const appendWatermark = (base64, width) => {
 			if (containerRef.value) {
 				var _containerRef$value;
@@ -210,6 +211,7 @@ var watermark_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			return [(_width$value = width.value) !== null && _width$value !== void 0 ? _width$value : defaultWidth, (_height$value = height.value) !== null && _height$value !== void 0 ? _height$value : defaultHeight];
 		};
 		const renderWatermark = () => {
+			const currentRenderId = ++renderId;
 			const canvas = document.createElement("canvas");
 			const ctx = canvas.getContext("2d");
 			if (!ctx) return;
@@ -242,6 +244,7 @@ var watermark_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			if (image.value) {
 				const img = new Image();
 				img.onload = () => {
+					if (currentRenderId !== renderId) return;
 					ctx.drawImage(img, drawX, drawY, realMarkWidth, realMarkHeight);
 					drawImage();
 				};

package/json/vetur-attributes.json

@@ -2249,6 +2249,10 @@
     "description": "Whether to show the copy button",
     "type": "boolean"
   },
+  "sd-secret/visible": {
+    "description": "Whether the secret text is visible",
+    "type": "boolean"
+  },
   "sd-select/fit-width": {
     "description": "Whether the width adapts to the text content",
     "type": "boolean"

package/json/vetur-tags.json

@@ -1053,7 +1053,8 @@
     "attributes": [
       "text",
       "hidden-text",
-      "show-copy"
+      "show-copy",
+      "visible"
     ]
   },
   "sd-select": {

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": "4.4.3",
+  "version": "4.5.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -5599,6 +5599,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "visible",
+              "description": "Whether the secret text is visible",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -69,18 +69,18 @@
     "copy-to-clipboard": "^4.0.2",
     "cropperjs": "^2.2.0",
     "dayjs": "^1.11.23",
-    "es-toolkit": "^1.51.0",
+    "es-toolkit": "^1.52.0",
     "lexical": "0.48.0",
     "motion-v": "^2.4.0",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
-    "pdfjs-dist": "^6.2.108",
+    "pdfjs-dist": "^6.3.289",
     "qrcode": "^1.5.4",
     "recorder-core": "^1.3.26070800",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
     "virtua": "^0.49.3",
-    "vue": "^3.5.41",
+    "vue": "^3.5.42",
     "vue-clamp": "^1.6.0",
     "vue-draggable-plus": "^0.6.1"
   },
@@ -96,7 +96,7 @@
     "@types/qrcode": "^1.5.6",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vitejs/plugin-vue-jsx": "^5.1.6",
-    "@vue/test-utils": "^2.4.11",
+    "@vue/test-utils": "^2.5.0",
     "@vueuse/core": "^14.4.0",
     "clean-css": "^5.3.3",
     "cypress": "15.18.0",
@@ -104,16 +104,16 @@
     "glob": "^13.0.6",
     "sass": "^1.103.1",
     "semantic-release": "^25.0.9",
-    "svgo": "^4.0.2",
-    "type-fest": "^5.8.0",
-    "typescript": "^6.0.3",
+    "svgo": "^4.1.0",
+    "type-fest": "^5.9.0",
+    "typescript": "^5.9.3",
     "vite": "^8.2.2",
     "vite-plus": "^0.1.24",
     "vue-docgen-api": "4.79.2",
     "vue-tsc": "^3.3.11"
   },
   "peerDependencies": {
-    "vue": "^3.5.41"
+    "vue": "^3.5.42"
   },
   "vetur": {
     "tags": "json/vetur-tags.json",