@deskhero/dh_ui 1.59.3 → 1.59.5

package/dist/dh_ui.es.js

@@ -1,4 +1,4 @@
-import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, pushScopeId, popScopeId, vModelText, useCssVars, onBeforeMount, toRefs, getCurrentInstance, vModelDynamic, onUpdated } from "vue";
+import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, pushScopeId, popScopeId, vModelText, useCssVars, toRefs, getCurrentInstance, vModelDynamic, onUpdated } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -23948,7 +23948,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             "loading-spinner-success": unref(isSuccess),
             "loading-spinner-secondary": unref(isSecondary) || unref(isGhost)
           }),
-          iconName: "loader"
+          "icon-name": "loader"
         }, null, 8, ["class"])) : createCommentVNode("", true),
         !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
           renderSlot(_ctx.$slots, "prepend-icon", {}, void 0, true)
@@ -23966,7 +23966,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DhButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-1ec95209"]]);
+var DhButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0196b518"]]);
 const _sfc_main$l = defineComponent({
   props: {
     target: { type: String, required: true },
@@ -24438,33 +24438,42 @@ const _hoisted_2$e = {
 const _hoisted_3$a = { class: "file__upload_list_item" };
 const _hoisted_4$8 = { class: "file__upload_list_item_label" };
 const _hoisted_5$4 = ["title"];
-const _hoisted_6$4 = {
+const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
+const _hoisted_7$3 = ["href"];
+const _hoisted_8$1 = {
+  key: 1,
+  class: "file__upload_items"
+};
+const _hoisted_9$1 = { class: "file__upload_list_item" };
+const _hoisted_10$1 = { class: "file__upload_list_item_label" };
+const _hoisted_11$1 = ["title"];
+const _hoisted_12$1 = {
   key: 0,
   class: "label__antivirus"
 };
-const _hoisted_7$3 = {
+const _hoisted_13$1 = {
   key: 1,
   class: "label__antivirus label__antivirus--failed"
 };
-const _hoisted_8$1 = {
+const _hoisted_14$1 = {
   key: 2,
   class: "label__antivirus label__antivirus--detected"
 };
-const _hoisted_9$1 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
-const _hoisted_10$1 = { key: 3 };
-const _hoisted_11$1 = { key: 4 };
-const _hoisted_12$1 = { key: 0 };
-const _hoisted_13$1 = ["value"];
-const _hoisted_14$1 = ["href"];
-const _hoisted_15$1 = {
-  key: 1,
+const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
+const _hoisted_16$1 = { key: 3 };
+const _hoisted_17$1 = { key: 4 };
+const _hoisted_18$1 = { key: 0 };
+const _hoisted_19$1 = ["value"];
+const _hoisted_20$1 = ["href"];
+const _hoisted_21 = {
+  key: 2,
   class: "file__upload_placeholder"
 };
-const _hoisted_16$1 = {
-  key: 2,
+const _hoisted_22 = {
+  key: 3,
   class: "file__upload_action"
 };
-const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
+const _hoisted_23 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
 const _sfc_main$e = {
   __name: "FileUpload",
   props: {
@@ -24569,6 +24578,7 @@ const _sfc_main$e = {
     const upload = ref(null);
     const fileSelected = ref(false);
     const files = ref([]);
+    const deletedItems = ref([]);
     const standardFormats = ref([
       ".pdf",
       ".csv",
@@ -24589,6 +24599,15 @@ const _sfc_main$e = {
       const i2 = Math.floor(Math.log(bytes) / Math.log(k2));
       return `${parseFloat((bytes / Math.pow(k2, i2)).toFixed(dm))} ${sizes[i2]}`;
     }
+    function formatKilobytes(kilobytes, decimals = 2) {
+      if (!+kilobytes)
+        return "0 KB";
+      const k2 = 1024;
+      const dm = decimals < 0 ? 0 : decimals;
+      const sizes = ["KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+      const i2 = Math.floor(Math.log(kilobytes) / Math.log(k2));
+      return `${parseFloat((kilobytes / Math.pow(k2, i2)).toFixed(dm))} ${sizes[i2]}`;
+    }
     function iconName(x2) {
       return standardFormats.value.includes(getExtension(x2)) ? getExtension(x2).slice(1) : "unknown";
     }
@@ -24629,6 +24648,15 @@ const _sfc_main$e = {
         removeFile(index);
       }
     }
+    function deleteFileItem(id) {
+      if (window.confirm(props.deleteConfirmationText)) {
+        removeFileItem(id);
+      }
+    }
+    function removeFileItem(id) {
+      deletedItems.value.push(id);
+      saveFile();
+    }
     function removeFile(index) {
       const dt = new DataTransfer();
       for (let i2 = 0; i2 < files.value.length; i2++) {
@@ -24642,10 +24670,7 @@ const _sfc_main$e = {
       }
     }
     function saveFile() {
-      if (files.value.length) {
-        console.log(files.value);
-        emit("save:modelValue", files.value);
-      }
+      emit("save:modelValue", files.value, props.fileList, deletedItems.value);
     }
     function generateLink(file) {
       return URL.createObjectURL(file);
@@ -24654,13 +24679,6 @@ const _sfc_main$e = {
       e2.preventDefault();
       emit("reload");
     }
-    onBeforeMount(() => {
-      if (props.fileList.length) {
-        files.value = props.fileList;
-        fileSelected.value = true;
-        saveFile();
-      }
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["file__upload", {
@@ -24690,7 +24708,48 @@ const _sfc_main$e = {
             onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
           }, null, 544)
         ], 32),
-        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+        __props.fileList.length ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fileList, (file) => {
+            return openBlock(), createElementBlock("div", {
+              key: file.id,
+              class: normalizeClass(["file__upload_list", __props.inline ? "" : "file__upload_list_box"])
+            }, [
+              createVNode(DhIcon, {
+                "icon-name": `file-` + iconName(file.label),
+                size: 40
+              }, null, 8, ["icon-name"]),
+              createElementVNode("div", _hoisted_3$a, [
+                createElementVNode("div", _hoisted_4$8, [
+                  createElementVNode("div", null, [
+                    createElementVNode("span", {
+                      title: file.label
+                    }, toDisplayString(getName(file.label)) + toDisplayString(getExtension(file.label)), 9, _hoisted_5$4),
+                    _hoisted_6$4,
+                    createElementVNode("span", null, toDisplayString(formatKilobytes(file.size_kb)), 1)
+                  ])
+                ])
+              ]),
+              createElementVNode("a", {
+                class: "file__upload_list_download",
+                download: "",
+                href: file.download_url
+              }, [
+                createVNode(DhIcon, {
+                  class: "file__upload_list_download_icon",
+                  "icon-name": "download",
+                  size: 24
+                })
+              ], 8, _hoisted_7$3),
+              createVNode(DhIcon, {
+                class: "file__upload_list_delete",
+                "icon-name": "delete",
+                size: 24,
+                onClick: ($event) => deleteFileItem(file.id)
+              }, null, 8, ["onClick"])
+            ], 2);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
             return openBlock(), createElementBlock("div", {
               key: id,
@@ -24729,13 +24788,13 @@ const _sfc_main$e = {
                 size: 20,
                 style: normalizeStyle({ "z-index": props.zIndex })
               }, null, 8, ["style"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$a, [
-                createElementVNode("div", _hoisted_4$8, [
+              createElementVNode("div", _hoisted_9$1, [
+                createElementVNode("div", _hoisted_10$1, [
                   createElementVNode("div", null, [
                     createElementVNode("span", {
                       title: file.name
-                    }, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$4),
-                    props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccurred[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_6$4, [
+                    }, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_11$1),
+                    props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccurred[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_12$1, [
                       createTextVNode(toDisplayString(__props.virusCheckText) + " ", 1),
                       createVNode(DhIcon, {
                         class: "file__upload_list_icon_sub--loading",
@@ -24743,20 +24802,20 @@ const _sfc_main$e = {
                         size: 18
                       })
                     ])) : createCommentVNode("", true),
-                    props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.virusCheckFailedText), 1)) : createCommentVNode("", true),
-                    props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "detected" ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.virusDetectedText), 1)) : createCommentVNode("", true),
-                    _hoisted_9$1,
-                    __props.fileSaved && !__props.errorOccurred[id] || !__props.errorOccurred[id] && __props.virusCheck[id] ? (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(formatBytes(file.size)), 1)) : createCommentVNode("", true),
-                    __props.fileSaved && __props.errorOccurred[id] ? (openBlock(), createElementBlock("span", _hoisted_11$1, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
+                    props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_13$1, toDisplayString(__props.virusCheckFailedText), 1)) : createCommentVNode("", true),
+                    props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "detected" ? (openBlock(), createElementBlock("span", _hoisted_14$1, toDisplayString(__props.virusDetectedText), 1)) : createCommentVNode("", true),
+                    _hoisted_15$1,
+                    __props.fileSaved && !__props.errorOccurred[id] || !__props.errorOccurred[id] && __props.virusCheck[id] ? (openBlock(), createElementBlock("span", _hoisted_16$1, toDisplayString(formatBytes(file.size)), 1)) : createCommentVNode("", true),
+                    __props.fileSaved && __props.errorOccurred[id] ? (openBlock(), createElementBlock("span", _hoisted_17$1, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
                   ]),
-                  !__props.fileSaved ? (openBlock(), createElementBlock("span", _hoisted_12$1, toDisplayString(props.uploadProgress[id]) + "%", 1)) : createCommentVNode("", true)
+                  !__props.fileSaved ? (openBlock(), createElementBlock("span", _hoisted_18$1, toDisplayString(props.uploadProgress[id]) + "%", 1)) : createCommentVNode("", true)
                 ]),
                 !__props.fileSaved ? (openBlock(), createElementBlock("progress", {
                   key: 0,
                   id: "file",
                   max: "100",
                   value: props.uploadProgress[id]
-                }, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_13$1)) : createCommentVNode("", true)
+                }, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_19$1)) : createCommentVNode("", true)
               ]),
               __props.fileSaved && !__props.virusCheck[id] && !__props.errorOccurred[id] ? (openBlock(), createElementBlock("a", {
                 key: 4,
@@ -24769,7 +24828,7 @@ const _sfc_main$e = {
                   "icon-name": "download",
                   size: 24
                 })
-              ], 8, _hoisted_14$1)) : createCommentVNode("", true),
+              ], 8, _hoisted_20$1)) : createCommentVNode("", true),
               __props.fileSaved && __props.errorOccurred[id] ? (openBlock(), createElementBlock("a", {
                 key: 5,
                 class: "file__upload_list_retry",
@@ -24797,9 +24856,9 @@ const _sfc_main$e = {
             ], 2);
           }), 128))
         ])) : createCommentVNode("", true),
-        !fileSelected.value && !__props.inline ? (openBlock(), createElementBlock("div", _hoisted_15$1, " No file selected ")) : createCommentVNode("", true),
-        !__props.inline && !__props.fileSaved ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
-          _hoisted_17$1,
+        !fileSelected.value && !__props.inline && !__props.fileList.length ? (openBlock(), createElementBlock("div", _hoisted_21, " No file selected ")) : createCommentVNode("", true),
+        !__props.inline && !__props.fileSaved ? (openBlock(), createElementBlock("div", _hoisted_22, [
+          _hoisted_23,
           createElementVNode("button", {
             class: normalizeClass([
               "file__upload_action_done",
@@ -43568,7 +43627,7 @@ class FileTool {
     name.classList.add("file__result_name");
     name.href = fileLink;
     name.innerHTML = fileId.toString();
-    name.download = fileId.toString();
+    name.target = "_blank";
     result.appendChild(img);
     result.appendChild(name);
     return result;
@@ -46842,8 +46901,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(DhButton, {
           color: "primary",
           size: "small",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => crop2(), ["prevent"])),
-          style: { "display": "block", "margin-top": "30px" }
+          style: { "display": "block", "margin-top": "30px" },
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => crop2(), ["prevent"]))
         }, {
           default: withCtx(() => [
             _hoisted_2