@opentinyvue/vue-file-upload 3.28.0 → 3.29.0

package/lib/mobile-first.js

@@ -201,6 +201,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }, [t2("ui.fileUpload.uploadFile")])])];
           }
         }), createVNode(resolveComponent("icon-plus-circle"), {
+          "role": "button",
+          "tabindex": "0",
+          "aria-label": t2("ui.fileUpload.uploadFile"),
           "custom-class": "sm:hidden w-5 h-5 absolute top-0.5 right-5"
         }, null)]);
       } else if (listType2 === "drag-single") {
@@ -209,7 +212,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         var defaultClass = "relative h-full border border-dashed border-color-border rounded bg-color-bg-2 align-top hover:cursor-pointer";
         listType2 === "picture-single" && uploadFiles.length && (defaultClass += " hidden");
         defaultContent = createVNode("div", {
-          "class": defaultClass
+          "class": defaultClass,
+          "role": "button",
+          "tabindex": "0",
+          "aria-label": t2("ui.fileUpload.uploadFile"),
+          "onKeydown": function onKeydown(event) {
+            return event.key === "Enter" && handleTriggerClick();
+          }
         }, [createVNode("div", {
           "class": "absolute w-full top-1/2 left-0 -translate-y-1/2 z-[1] text-center"
         }, [defaultList[type2 || "picture"]])]);
@@ -521,6 +530,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     var attrs = a($attrs, ["^on[A-Z]"]);
     return createVNode("div", mergeProps(attrs, {
       "data-tag": "tiny-file-upload",
+      "role": "group",
+      "aria-label": title,
       "class": isDragSingle ? "relative inline-block" : ""
     }), [getDefaultTitle({
       listType,

package/lib/pc.js

@@ -92,6 +92,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "class": "trigger-btn"
       }, [createVNode(resolveComponent("tiny-button"), {
         "disabled": disabled,
+        "aria-label": t2("ui.fileUpload.uploadFile"),
         "onClick": handleTriggerClick
       }, {
         default: function _default() {
@@ -140,6 +141,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     var getThumIcon = function getThumIcon2(file) {
       return [showDownload && createVNode("span", {
         "class": "thumb-icon",
+        "role": "button",
+        "tabindex": "0",
+        "aria-label": t("ui.fileUpload.downloadFile"),
         "title": t("ui.fileUpload.downloadFile"),
         "onClick": function onClick() {
           return execDownload(file);
@@ -148,6 +152,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "class": "download-icon"
       }, null)]), isEdm && !isFolder && showUpdate && createVNode("span", {
         "class": "thumb-icon",
+        "role": "button",
+        "tabindex": "0",
+        "aria-label": t("ui.fileUpload.updateFile"),
         "title": t("ui.fileUpload.updateFile"),
         "onClick": function onClick() {
           return updateFile(file);
@@ -156,9 +163,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "class": "refres-icon"
       }, null)]), showDel && createVNode("span", {
         "class": "thumb-icon",
+        "role": "button",
+        "tabindex": "0",
+        "aria-label": t("ui.fileUpload.deleteFile"),
         "title": t("ui.fileUpload.deleteFile"),
         "onClick": function onClick() {
           return handleRemove(file);
+        },
+        "onKeydown": function onKeydown(event) {
+          return handleEnter(event, function() {
+            return handleRemove(file);
+          });
         }
       }, [createVNode(TinyIconClose, {
         "class": "close-icon"
@@ -442,7 +457,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     var attrs = a($attrs, ["^on[A-Z]"]);
     return createVNode("div", mergeProps({
-      "class": "tiny-file-upload"
+      "class": "tiny-file-upload",
+      "role": "group",
+      "aria-label": title
     }, attrs), [isSaasType ? getDefaultTitle(title, this.showTitle) : "", notice, isPictureCard ? uploadList : "", slots.trigger ? [uploadComponent, defaultSlot] : uploadComponent, !isSaasType && slots.tip && slots.tip(), isPictureCard ? "" : uploadList, previewComponent, encryptDialogComponent]);
   }
 });

package/package.json

@@ -1,26 +1,26 @@
 {
   "name": "@opentinyvue/vue-file-upload",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-button": "~3.28.0",
-    "@opentinyvue/vue-common": "~3.28.0",
-    "@opentinyvue/vue-dialog-box": "~3.28.0",
-    "@opentinyvue/vue-icon": "~3.28.0",
-    "@opentinyvue/vue-input": "~3.28.0",
-    "@opentinyvue/vue-modal": "~3.28.0",
-    "@opentinyvue/vue-popover": "~3.28.0",
-    "@opentinyvue/vue-progress": "~3.28.0",
-    "@opentinyvue/vue-renderless": "~3.28.0",
-    "@opentinyvue/vue-tooltip": "~3.28.0",
-    "@opentinyvue/vue-upload": "~3.28.0",
-    "@opentinyvue/vue-upload-list": "~3.28.0",
-    "@opentinyvue/vue-switch": "~3.28.0",
-    "@opentinyvue/vue-theme": "~3.28.0",
+    "@opentinyvue/vue-button": "~3.29.0",
+    "@opentinyvue/vue-common": "~3.29.0",
+    "@opentinyvue/vue-dialog-box": "~3.29.0",
+    "@opentinyvue/vue-icon": "~3.29.0",
+    "@opentinyvue/vue-input": "~3.29.0",
+    "@opentinyvue/vue-modal": "~3.29.0",
+    "@opentinyvue/vue-popover": "~3.29.0",
+    "@opentinyvue/vue-progress": "~3.29.0",
+    "@opentinyvue/vue-renderless": "~3.29.0",
+    "@opentinyvue/vue-tooltip": "~3.29.0",
+    "@opentinyvue/vue-upload": "~3.29.0",
+    "@opentinyvue/vue-upload-list": "~3.29.0",
+    "@opentinyvue/vue-switch": "~3.29.0",
+    "@opentinyvue/vue-theme": "~3.29.0",
     "streamsaver": "2.0.6"
   },
   "types": "index.d.ts",