@opentinyvue/vue-file-upload 2.27.0 → 2.29.0

package/lib/mobile-first.js

@@ -268,6 +268,9 @@ var __vue2_script = defineComponent({
           "class": "ml-2"
         }, [t2("ui.fileUpload.uploadFile")])])]), h("icon-plus-circle", {
           "attrs": {
+            "role": "button",
+            "tabindex": "0",
+            "aria-label": t2("ui.fileUpload.uploadFile"),
             "custom-class": "sm:hidden w-5 h-5 absolute top-0.5 right-5"
           }
         })]);
@@ -277,7 +280,17 @@ var __vue2_script = 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 = h("div", {
-          "class": defaultClass
+          "class": defaultClass,
+          "attrs": {
+            "role": "button",
+            "tabindex": "0",
+            "aria-label": t2("ui.fileUpload.uploadFile")
+          },
+          "on": {
+            "keydown": function keydown(event) {
+              return event.key === "Enter" && handleTriggerClick();
+            }
+          }
         }, [h("div", {
           "class": "absolute w-full top-1/2 left-0 -translate-y-1/2 z-[1] text-center"
         }, [defaultList[type2 || "picture"]])]);
@@ -592,7 +605,9 @@ var __vue2_script = defineComponent({
     var attrs = a($attrs, ["^on[A-Z]"]);
     return h("div", _mergeJSXProps6([{}, attrs, {
       "attrs": {
-        "data-tag": "tiny-file-upload"
+        "data-tag": "tiny-file-upload",
+        "role": "group",
+        "aria-label": title
       },
       "class": isDragSingle ? "relative inline-block" : ""
     }]), [getDefaultTitle({

package/lib/pc.js

@@ -162,7 +162,8 @@ var __vue2_script = defineComponent({
         "class": "trigger-btn"
       }, [h("tiny-button", {
         "attrs": {
-          "disabled": disabled
+          "disabled": disabled,
+          "aria-label": t2("ui.fileUpload.uploadFile")
         },
         "on": {
           "click": handleTriggerClick
@@ -209,6 +210,9 @@ var __vue2_script = defineComponent({
       return [showDownload && h("span", {
         "class": "thumb-icon",
         "attrs": {
+          "role": "button",
+          "tabindex": "0",
+          "aria-label": t("ui.fileUpload.downloadFile"),
           "title": t("ui.fileUpload.downloadFile")
         },
         "on": {
@@ -221,6 +225,9 @@ var __vue2_script = defineComponent({
       })]), isEdm && !isFolder && showUpdate && h("span", {
         "class": "thumb-icon",
         "attrs": {
+          "role": "button",
+          "tabindex": "0",
+          "aria-label": t("ui.fileUpload.updateFile"),
           "title": t("ui.fileUpload.updateFile")
         },
         "on": {
@@ -233,11 +240,19 @@ var __vue2_script = defineComponent({
       })]), showDel && h("span", {
         "class": "thumb-icon",
         "attrs": {
+          "role": "button",
+          "tabindex": "0",
+          "aria-label": t("ui.fileUpload.deleteFile"),
           "title": t("ui.fileUpload.deleteFile")
         },
         "on": {
           "click": function click() {
             return handleRemove(file);
+          },
+          "keydown": function keydown(event) {
+            return handleEnter(event, function() {
+              return handleRemove(file);
+            });
           }
         }
       }, [h(TinyIconClose, {
@@ -525,7 +540,11 @@ var __vue2_script = defineComponent({
     }
     var attrs = a($attrs, ["^on[A-Z]"]);
     return h("div", _mergeJSXProps6([{
-      "class": "tiny-file-upload"
+      "class": "tiny-file-upload",
+      "attrs": {
+        "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": "2.27.0",
+  "version": "2.29.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-button": "~2.27.0",
-    "@opentinyvue/vue-common": "~2.27.0",
-    "@opentinyvue/vue-dialog-box": "~2.27.0",
-    "@opentinyvue/vue-icon": "~2.27.0",
-    "@opentinyvue/vue-input": "~2.27.0",
-    "@opentinyvue/vue-modal": "~2.27.0",
-    "@opentinyvue/vue-popover": "~2.27.0",
-    "@opentinyvue/vue-progress": "~2.27.0",
-    "@opentinyvue/vue-renderless": "~3.27.0",
-    "@opentinyvue/vue-tooltip": "~2.27.0",
-    "@opentinyvue/vue-upload": "~2.27.0",
-    "@opentinyvue/vue-upload-list": "~2.27.0",
-    "@opentinyvue/vue-switch": "~2.27.0",
-    "@opentinyvue/vue-theme": "~3.27.0",
+    "@opentinyvue/vue-button": "~2.29.0",
+    "@opentinyvue/vue-common": "~2.29.0",
+    "@opentinyvue/vue-dialog-box": "~2.29.0",
+    "@opentinyvue/vue-icon": "~2.29.0",
+    "@opentinyvue/vue-input": "~2.29.0",
+    "@opentinyvue/vue-modal": "~2.29.0",
+    "@opentinyvue/vue-popover": "~2.29.0",
+    "@opentinyvue/vue-progress": "~2.29.0",
+    "@opentinyvue/vue-renderless": "~3.29.0",
+    "@opentinyvue/vue-tooltip": "~2.29.0",
+    "@opentinyvue/vue-upload": "~2.29.0",
+    "@opentinyvue/vue-upload-list": "~2.29.0",
+    "@opentinyvue/vue-switch": "~2.29.0",
+    "@opentinyvue/vue-theme": "~3.29.0",
     "streamsaver": "2.0.6"
   },
   "types": "index.d.ts",