@vunk/form 2.18.2 → 2.19.1

package/components/download-plus/index.mjs

@@ -1,18 +1,20 @@
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { defineComponent, watchEffect, ref, watch, computed, onBeforeUnmount, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, Fragment, renderList, normalizeStyle, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { rFile } from '@skzz/platform/api/basic';
-import { restFetch as restFetch$1 } from '@skzz/platform/shared/fetch/platform';
-import { ElButtonGroup, ElButton, ElInput, ElMessage } from 'element-plus';
-import { RestFetch } from '@vunk/core/shared/utils-fetch';
-import { g as getToken } from '../index2.mjs';
-import { useModelComputed } from '@vunk/core/composables';
-import { c as circle_close_filled_default, a as download_default } from '../index.mjs';
-import { ToggleHandler } from '@vunk/core/shared/utils-class';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
+var X = Object.defineProperty;
+var J = (e, o, u) => o in e ? X(e, o, { enumerable: !0, configurable: !0, writable: !0, value: u }) : e[o] = u;
+var U = (e, o, u) => J(e, typeof o != "symbol" ? o + "" : o, u);
+import { _VkfFormItemCtx as M, VkfFormItem as K } from "@vunk/form/components/form-item";
+import { defineComponent as Q, watchEffect as W, ref as C, watch as L, computed as Y, onBeforeUnmount as $, resolveComponent as R, openBlock as S, createBlock as E, mergeProps as Z, withCtx as P, createElementVNode as F, createVNode as z, normalizeClass as B, createElementBlock as D, Fragment as ee, renderList as oe, normalizeStyle as H, createCommentVNode as te, createTextVNode as q, toDisplayString as N } from "vue";
+import { rFile as ne } from "@skzz/platform/api/basic";
+import { restFetch as O } from "@skzz/platform/shared/fetch/platform";
+import { ElInput as re, ElButton as se, ElButtonGroup as le, ElMessage as ae } from "element-plus";
+import { RestFetch as de } from "@vunk/core/shared/utils-fetch";
+import { g as x } from "../index2.cjs";
+import { useModelComputed as ue } from "@vunk/core/composables";
+import { a as ie, b as fe } from "../index.cjs";
+import { ToggleHandler as ce } from "@vunk/core/shared/utils-class";
+import { useLocale as pe } from "@vunk/form/composables/element-plus";
+import { _ as me } from "../_plugin-vue_export-helper.cjs";
+const ve = {
+  ...M.props,
   fileId: {
     type: String,
     default: ""
@@ -40,411 +42,265 @@ const props = {
     type: String,
     default: void 0
   }
-};
-const emits = {
+}, he = {
   "update:fileStatus": null
 };
-
-var Status = /* @__PURE__ */ ((Status2) => {
-  Status2["wait"] = "wait";
-  Status2["doPause"] = "doPause";
-  Status2["pause"] = "pause";
-  Status2["doDownload"] = "doDownload";
-  Status2["downloading"] = "downloading";
-  Status2["error"] = "error";
-  Status2["done"] = "done";
-  return Status2;
-})(Status || {});
-
-const restFetch = new RestFetch({
-  baseURL: restFetch$1.baseURL,
-  presetRequestInit: (config) => {
-    const header = config.headers;
-    const token = getToken();
-    if (token) {
-      header.set("Token", token);
-    }
-    return config;
+var n = /* @__PURE__ */ ((e) => (e.wait = "wait", e.doPause = "doPause", e.pause = "pause", e.doDownload = "doDownload", e.downloading = "downloading", e.error = "error", e.done = "done", e))(n || {});
+const A = new de({
+  baseURL: O.baseURL,
+  presetRequestInit: (e) => {
+    const o = e.headers, u = x();
+    return u && o.set("Token", u), e;
   }
-});
-const downChunk = (params, init) => {
-  return new Promise((resolve, reject) => {
-    const xhr = new XMLHttpRequest();
-    let url = `${restFetch.baseURL}/file/downloadByRange?fileId=${params.fileId}`;
-    if (params.fileServiceType) {
-      url += `&fileServiceType=${params.fileServiceType}`;
-      xhr.setRequestHeader("fileServiceType", params.fileServiceType);
-    }
-    if (init?.onprogress) {
-      xhr.onprogress = init?.onprogress;
-    }
-    xhr.open("GET", url, true);
-    xhr.responseType = "blob";
-    xhr.setRequestHeader("Token", getToken());
-    xhr.setRequestHeader("tenant", "default");
-    xhr.setRequestHeader("application", "platform");
-    xhr.setRequestHeader("Content-Range", `bytes=${params.start}-${params.end}`);
-    xhr.setRequestHeader("Accept-Ranges", "bytes");
-    xhr.onreadystatechange = (e) => {
-      const target = e.target;
-      if (xhr.readyState === 4) {
-        if (xhr.status === 200 || xhr.status === 206) {
-          if (init?.xhrs) {
-            const i = init.xhrs.findIndex((req) => req === xhr);
-            init.xhrs.splice(i, 1);
-          }
-          resolve({
-            data: target.response
-          });
-        } else if (xhr.status === 500) {
-          reject(target.response);
+}), we = (e, o) => new Promise((u, v) => {
+  var y;
+  const t = new XMLHttpRequest();
+  let k = `${A.baseURL}/file/downloadByRange?fileId=${e.fileId}`;
+  e.fileServiceType && (k += `&fileServiceType=${e.fileServiceType}`, t.setRequestHeader("fileServiceType", e.fileServiceType)), o != null && o.onprogress && (t.onprogress = o == null ? void 0 : o.onprogress), t.open("GET", k, !0), t.responseType = "blob", t.setRequestHeader("Token", x()), t.setRequestHeader("tenant", "default"), t.setRequestHeader("application", "platform"), t.setRequestHeader("Content-Range", `bytes=${e.start}-${e.end}`), t.setRequestHeader("Accept-Ranges", "bytes"), t.onreadystatechange = (r) => {
+    const h = r.target;
+    if (t.readyState === 4)
+      if (t.status === 200 || t.status === 206) {
+        if (o != null && o.xhrs) {
+          const a = o.xhrs.findIndex((w) => w === t);
+          o.xhrs.splice(a, 1);
         }
-      }
-    };
-    xhr.onerror = () => {
-      reject(xhr.response);
-    };
-    try {
-      xhr.send();
-    } catch (err) {
-      reject(err);
-    }
-    init?.xhrs?.push(xhr);
-  });
-};
-
-var _sfc_main = defineComponent({
+        u({
+          data: h.response
+        });
+      } else t.status === 500 && v(h.response);
+  }, t.onerror = () => {
+    v(t.response);
+  };
+  try {
+    t.send();
+  } catch (r) {
+    v(r);
+  }
+  (y = o == null ? void 0 : o.xhrs) == null || y.push(t);
+}), ge = Q({
   name: "VkfDownloadPlus",
   components: {
-    VkfFormItem,
-    ElButtonGroup,
-    ElButton,
-    ElInput
+    VkfFormItem: K,
+    ElButtonGroup: le,
+    ElButton: se,
+    ElInput: re
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const { tr } = useLocale();
-    watchEffect(() => {
-      restFetch.baseURL = props2.url || restFetch$1.baseURL;
+  props: ve,
+  emits: he,
+  setup(e, { emit: o }) {
+    const u = M.createBindProps(e), { tr: v } = pe();
+    W(() => {
+      A.baseURL = e.url || O.baseURL;
     });
-    const fileInfo = ref();
-    rFileInfo();
-    watch(() => props2.fileId, rFileInfo);
-    function rFileInfo() {
-      if (!props2.fileId) {
-        return;
-      }
-      rFile({
-        fileId: props2.fileId
-      }).then((res) => {
-        fileInfo.value = res;
+    const t = C();
+    k(), L(() => e.fileId, k);
+    function k() {
+      e.fileId && ne({
+        fileId: e.fileId
+      }).then((l) => {
+        t.value = l;
       });
     }
-    const filePrefixIcon = computed(() => {
-      if (fileStatus.value === Status.error) {
-        return circle_close_filled_default;
-      }
-      return download_default;
-    });
-    const chunks = ref([]);
-    const downloadingXhrs = ref([]);
-    const fileStatus = useModelComputed({
-      default: Status.wait,
+    const y = Y(() => a.value === n.error ? ie : fe), r = C([]), h = C([]), a = ue({
+      default: n.wait,
       key: "fileStatus"
-    }, props2, emit);
-    const handleDownload = () => {
-      if (!fileInfo.value) {
+    }, e, o), w = () => {
+      if (!t.value)
         return;
-      }
-      const fileSize = fileInfo.value.size;
-      const fileId = fileInfo.value.id;
-      const chunksLength = Math.ceil(fileSize / props2.chunkSize);
-      chunks.value = Array.from({ length: chunksLength }, (_, i) => {
-        const start = i * props2.chunkSize;
-        const end = Math.min(
-          start + props2.chunkSize,
-          fileSize
+      const l = t.value.size, g = t.value.id, I = Math.ceil(l / e.chunkSize);
+      r.value = Array.from({ length: I }, (m, s) => {
+        const i = s * e.chunkSize, f = Math.min(
+          i + e.chunkSize,
+          l
         ) - 1;
-        let downloadedChunk = {};
-        if (chunks.value[i] && chunks.value[i].start === start && chunks.value[i].end === end && chunks.value[i].status === Status.done) {
-          downloadedChunk = chunks.value[i];
-        }
-        return {
-          start,
-          end,
-          index: i,
-          status: Status.wait,
-          fileId,
-          fileServiceType: props2.fileServiceType,
+        let b = {};
+        return r.value[s] && r.value[s].start === i && r.value[s].end === f && r.value[s].status === n.done && (b = r.value[s]), {
+          start: i,
+          end: f,
+          index: s,
+          status: n.wait,
+          fileId: g,
+          fileServiceType: e.fileServiceType,
           progress: 0,
-          ...downloadedChunk
+          ...b
         };
-      });
-      fileStatus.value = Status.downloading;
-      const needDownloadChunks = chunks.value.filter(
-        (v) => v.status === Status.wait || v.status === Status.error
+      }), a.value = n.downloading;
+      const _ = r.value.filter(
+        (m) => m.status === n.wait || m.status === n.error
       );
-      rChunkFiles(needDownloadChunks).then(() => {
-        const blobs = chunks.value.map((item) => {
-          return item.data;
-        });
+      p(_).then(() => {
+        const m = r.value.map((s) => s.data);
         return new Blob(
-          blobs,
+          m,
           { type: "application/octet-stream" }
         );
-      }).then((blob) => {
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement("a");
-        a.href = url;
-        a.download = fileInfo.value?.realName || tr("vkf.downloadPlus.unknownFile", "\u672A\u77E5\u6587\u4EF6");
-        a.click();
-        URL.revokeObjectURL(url);
+      }).then((m) => {
+        var f;
+        const s = URL.createObjectURL(m), i = document.createElement("a");
+        i.href = s, i.download = ((f = t.value) == null ? void 0 : f.realName) || v("vkf.downloadPlus.unknownFile", "未知文件"), i.click(), URL.revokeObjectURL(s);
       }).then(() => {
-        fileStatus.value = Status.done;
+        a.value = n.done;
       }).catch(() => {
-        fileStatus.value = Status.error;
-        ElMessage.error(tr("vkf.downloadPlus.downloadFailed", "\u4E0B\u8F7D\u5931\u8D25"));
+        a.value = n.error, ae.error(v("vkf.downloadPlus.downloadFailed", "下载失败"));
       });
     };
-    watch(() => fileStatus.value, (newVal) => {
-      if (newVal === Status.doDownload) {
-        handleDownload();
-      }
+    L(() => a.value, (l) => {
+      l === n.doDownload && w();
     });
-    function rChunkFiles(chunks2, max = 4, retrys = 10) {
-      return new Promise((resolve, reject) => {
-        const len = chunks2.length;
-        let counter = 0;
-        if (len === 0) {
-          return resolve(void 0);
-        }
-        const retryArr = [];
-        const start = async () => {
-          while (counter < len && max > 0) {
-            max--;
-            const i = chunks2.findIndex(
-              (v) => v.status === Status.wait || v.status === Status.error
-            );
-            const currentChunk = chunks2[i];
-            if (currentChunk) {
-              currentChunk.status = Status.downloading;
-              downChunk(currentChunk, {
-                onprogress(ev) {
-                  currentChunk.progress = parseInt(ev.loaded / ev.total * 100 + "");
-                },
-                xhrs: downloadingXhrs.value
-              }).then((res) => {
-                currentChunk.status = Status.done;
-                currentChunk.data = res.data;
-                max++;
-                counter++;
-              }).then(() => {
-                if (counter === len) {
-                  resolve(void 0);
-                } else {
-                  start();
-                }
-              }).catch(() => {
-                currentChunk.status = Status.error;
-                const index = currentChunk.index;
-                if (typeof retryArr[index] !== "number") {
-                  retryArr[index] = 0;
-                }
-                retryArr[index]++;
-                console.warn(
-                  index,
-                  currentChunk,
-                  retryArr[index],
-                  "\u6B21\u62A5\u9519"
-                );
-                currentChunk.progress = -1;
-                if (retryArr[index] >= retrys) {
-                  return reject();
-                }
-                max++;
-                start();
-              });
-            }
+    function p(l, g = 4, I = 10) {
+      return new Promise((_, m) => {
+        const s = l.length;
+        let i = 0;
+        if (s === 0)
+          return _(void 0);
+        const f = [], b = async () => {
+          for (; i < s && g > 0; ) {
+            g--;
+            const G = l.findIndex(
+              (d) => d.status === n.wait || d.status === n.error
+            ), c = l[G];
+            c && (c.status = n.downloading, we(c, {
+              onprogress(d) {
+                c.progress = parseInt(d.loaded / d.total * 100 + "");
+              },
+              xhrs: h.value
+            }).then((d) => {
+              c.status = n.done, c.data = d.data, g++, i++;
+            }).then(() => {
+              i === s ? _(void 0) : b();
+            }).catch(() => {
+              c.status = n.error;
+              const d = c.index;
+              if (typeof f[d] != "number" && (f[d] = 0), f[d]++, console.warn(
+                d,
+                c,
+                f[d],
+                "次报错"
+              ), c.progress = -1, f[d] >= I)
+                return m();
+              g++, b();
+            }));
           }
         };
-        start();
+        b();
       });
     }
-    const handlePause = () => {
-      downloadingXhrs.value.forEach((xhr) => {
-        xhr.abort();
-      });
-      downloadingXhrs.value = [];
-      fileStatus.value = Status.pause;
+    const T = () => {
+      h.value.forEach((l) => {
+        l.abort();
+      }), h.value = [], a.value = n.pause;
     };
-    watch(() => fileStatus.value, (newVal) => {
-      if (newVal === Status.doPause) {
-        handlePause();
-      }
+    L(() => a.value, (l) => {
+      l === n.doPause && T();
+    }), $(() => {
+      T();
     });
-    onBeforeUnmount(() => {
-      handlePause();
-    });
-    class OnlineToggle extends ToggleHandler {
-      constructor(listener) {
+    class j extends ce {
+      constructor(I) {
         super();
-        this.listener = listener;
+        U(this, "listener");
+        this.listener = I;
       }
       add() {
-        window.addEventListener("online", this.listener);
-        this.removeHandler = () => {
+        window.addEventListener("online", this.listener), this.removeHandler = () => {
           window.removeEventListener("online", this.listener);
         };
       }
     }
-    const onlineToggle = new OnlineToggle(() => {
-      if (fileStatus.value === Status.error) {
-        fileStatus.value = Status.doDownload;
-      }
-    });
-    onlineToggle.add();
-    onBeforeUnmount(() => {
-      onlineToggle.remove();
+    const V = new j(() => {
+      a.value === n.error && (a.value = n.doDownload);
     });
-    return {
-      formItemBindProps,
-      fileInfo,
-      handleDownload,
-      handlePause,
-      Status,
-      chunks,
-      fileStatus,
-      filePrefixIcon,
-      tr
+    return V.add(), $(() => {
+      V.remove();
+    }), {
+      formItemBindProps: u,
+      fileInfo: t,
+      handleDownload: w,
+      handlePause: T,
+      Status: n,
+      chunks: r,
+      fileStatus: a,
+      filePrefixIcon: y,
+      tr: v
     };
   }
-});
-
-const _hoisted_1 = { class: "vkf-download-plus-main" };
-const _hoisted_2 = { class: "vkf-download-plus-label" };
-const _hoisted_3 = {
+}), ke = { class: "vkf-download-plus-main" }, ye = { class: "vkf-download-plus-label" }, be = {
   key: 0,
   class: "vkf-download-plus-cube-x"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElInput = resolveComponent("ElInput");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_button_group = resolveComponent("el-button-group");
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  return openBlock(), createBlock(
-    _component_VkfFormItem,
-    mergeProps(_ctx.formItemBindProps, { class: "vkf-download-plus" }),
-    {
-      default: withCtx(() => [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("label", _hoisted_2, [
-            createVNode(_component_ElInput, {
-              class: normalizeClass({
-                "is-error": _ctx.fileStatus === _ctx.Status.error
+function Se(e, o, u, v, t, k) {
+  const y = R("ElInput"), r = R("el-button"), h = R("el-button-group"), a = R("VkfFormItem");
+  return S(), E(a, Z(e.formItemBindProps, { class: "vkf-download-plus" }), {
+    default: P(() => {
+      var w;
+      return [
+        F("div", ke, [
+          F("label", ye, [
+            z(y, {
+              class: B({
+                "is-error": e.fileStatus === e.Status.error
               }),
-              "prefix-icon": _ctx.filePrefixIcon,
-              "model-value": _ctx.fileInfo?.realName,
+              "prefix-icon": e.filePrefixIcon,
+              "model-value": (w = e.fileInfo) == null ? void 0 : w.realName,
               readonly: ""
             }, null, 8, ["class", "prefix-icon", "model-value"]),
-            _ctx.fileStatus === _ctx.Status.downloading || _ctx.fileStatus === _ctx.Status.pause ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(_ctx.chunks, (chunk) => {
-                  return openBlock(), createElementBlock(
-                    "div",
-                    {
-                      key: chunk.fileId + "-" + chunk.index,
-                      class: normalizeClass(["vkf-download-plus-cube", {
-                        "error": chunk.status == _ctx.Status.error
-                      }]),
-                      style: normalizeStyle({
-                        width: 100 / _ctx.chunks.length + "%"
-                      })
-                    },
-                    [
-                      createElementVNode(
-                        "div",
-                        {
-                          class: normalizeClass({
-                            "uploading": chunk.progress > 0 && chunk.progress < 100,
-                            "success": chunk.progress == 100
-                          }),
-                          style: normalizeStyle({
-                            height: chunk.progress + "%"
-                          })
-                        },
-                        null,
-                        6
-                        /* CLASS, STYLE */
-                      )
-                    ],
-                    6
-                    /* CLASS, STYLE */
-                  );
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ])) : createCommentVNode("v-if", true)
+            e.fileStatus === e.Status.downloading || e.fileStatus === e.Status.pause ? (S(), D("div", be, [
+              (S(!0), D(ee, null, oe(e.chunks, (p) => (S(), D("div", {
+                key: p.fileId + "-" + p.index,
+                class: B(["vkf-download-plus-cube", {
+                  error: p.status == e.Status.error
+                }]),
+                style: H({
+                  width: 100 / e.chunks.length + "%"
+                })
+              }, [
+                F("div", {
+                  class: B({
+                    uploading: p.progress > 0 && p.progress < 100,
+                    success: p.progress == 100
+                  }),
+                  style: H({
+                    height: p.progress + "%"
+                  })
+                }, null, 6)
+              ], 6))), 128))
+            ])) : te("", !0)
           ]),
-          createVNode(_component_el_button_group, { class: "vkf-download-plus-btng" }, {
-            default: withCtx(() => [
-              _ctx.fileStatus === _ctx.Status.downloading ? (openBlock(), createBlock(_component_el_button, {
+          z(h, { class: "vkf-download-plus-btng" }, {
+            default: P(() => [
+              e.fileStatus === e.Status.downloading ? (S(), E(r, {
                 key: 0,
                 type: "danger",
-                onClick: _ctx.handlePause
+                onClick: e.handlePause
               }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.tr("vkf.common.pause", "\u6682\u505C")),
-                    1
-                    /* TEXT */
-                  )
+                default: P(() => [
+                  q(N(e.tr("vkf.common.pause", "暂停")), 1)
                 ]),
                 _: 1
-                /* STABLE */
-              }, 8, ["onClick"])) : (openBlock(), createBlock(_component_el_button, {
+              }, 8, ["onClick"])) : (S(), E(r, {
                 key: 1,
                 type: "primary",
-                onClick: _ctx.handleDownload
+                onClick: e.handleDownload
               }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.tr("vkf.common.download", "\u4E0B\u8F7D")),
-                    1
-                    /* TEXT */
-                  )
+                default: P(() => [
+                  q(N(e.tr("vkf.common.download", "下载")), 1)
                 ]),
                 _: 1
-                /* STABLE */
               }, 8, ["onClick"]))
             ]),
             _: 1
-            /* STABLE */
           })
         ])
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
+      ];
+    }),
+    _: 1
+  }, 16);
 }
-var VkfDownloadPlus = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/download-plus/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const $e = /* @__PURE__ */ me(ge, [["render", Se]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfDownloadPlus.install = (app) => {
-  app.component(
-    VkfDownloadPlus.name || "VkfDownloadPlus",
-    VkfDownloadPlus
-  );
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  $e as VkfDownloadPlus,
+  ze as __VkfDownloadPlus,
+  $e as default
 };
-
-export { VkfDownloadPlus, types as __VkfDownloadPlus, VkfDownloadPlus as default };