@lemon30_npm/csit-vue3 1.0.66 → 1.0.68

package/dist/lib/ci-upload/index.vue2.js

@@ -1,50 +1,54 @@
-import { ElUpload as re, ElButton as de, ElLink as ue, ElTooltip as me, ElDivider as ce } from "element-plus/es";
-import { defineComponent as pe, mergeDefaults as fe, useSlots as ge, ref as V, watch as ye, createElementBlock as l, openBlock as s, createBlock as L, createCommentVNode as n, mergeProps as ve, unref as y, createSlots as ke, withCtx as m, renderSlot as P, Fragment as v, createElementVNode as a, toDisplayString as b, renderList as M, normalizeProps as we, guardReactiveProps as he, normalizeClass as $, createTextVNode as _, createVNode as N, normalizeStyle as q, nextTick as D } from "vue";
-import A from "./icons/icon-upload-btn.svg.js";
-import H from "./icons/icon-upload-btn-hover.svg.js";
-import O from "./icons/icon-upload-btn-disabled.svg.js";
-import be from "./icons/icon-loading-blue.svg.js";
-import Be from "./icons/icon-upload-success.svg.js";
-import Se from "./icons/icon-upload-retry.svg.js";
-import Ce from "./icons/icon-upload-fail.svg.js";
-import { ElMessageBox as Le, ElMessage as z } from "element-plus";
-import { useUpload as _e } from "./hooks/useUpload.js";
-import { useUploadRetry as Ne } from "./hooks/useUploadRetry.js";
-import { downloadFileWithAxios as ze } from "./utils/file.js";
-import { getFileIconByName as $e } from "./utils/file-icon-maps.js";
-import { useExposeMethods as De } from "./expose/index.js";
-import { useCiUploadComputed as Ee } from "./computed/index.js";
-import { defaultProps as Te } from "./props/index.js";
-import { useFileSize as Pe } from "./hooks/useFileSize.js";
-const Ue = { class: "CiUpload" }, Ie = {
+import { ElUpload as oe, ElButton as te, ElLink as se, ElTooltip as le, ElDivider as ae } from "element-plus/es";
+import { defineComponent as ne, mergeDefaults as ie, useSlots as re, ref as E, watch as de, createElementBlock as l, openBlock as s, createBlock as k, createCommentVNode as n, mergeProps as ue, unref as f, createSlots as me, withCtx as r, renderSlot as U, Fragment as g, createElementVNode as a, toDisplayString as y, renderList as z, normalizeProps as pe, guardReactiveProps as ce, normalizeClass as C, createTextVNode as v, createVNode as h, normalizeStyle as P, nextTick as fe } from "vue";
+import R from "./icons/icon-upload-btn.svg.js";
+import F from "./icons/icon-upload-btn-hover.svg.js";
+import L from "./icons/icon-upload-btn-disabled.svg.js";
+import ge from "./icons/icon-loading-blue.svg.js";
+import ye from "./icons/icon-upload-success.svg.js";
+import we from "./icons/icon-upload-retry.svg.js";
+import ke from "./icons/icon-upload-fail.svg.js";
+import { ElMessageBox as ve, ElMessage as he } from "element-plus";
+import { useUpload as be } from "./hooks/useUpload.js";
+import { useUploadRetry as Be } from "./hooks/useUploadRetry.js";
+import { downloadFileWithAxios as Ce } from "./utils/file.js";
+import { getFileIconByName as _e } from "./utils/file-icon-maps.js";
+import { useExposeMethods as Ue } from "./expose/index.js";
+import { useCiUploadComputed as Se } from "./computed/index.js";
+import { defaultProps as Ne } from "./props/index.js";
+import { useFileSize as Ee } from "./hooks/useFileSize.js";
+import { handleUploadValidateFail as De } from "./hooks/useUploadValidateFail.js";
+import { createUploadRules as $e } from "./hooks/rules/createUploadRules.js";
+import { confirmBeforeUpload as ze } from "./hooks/useConfirmBeforeUpload.js";
+import { abortUploadFlow as Pe } from "./hooks/useAbortUploadFlow.js";
+const Re = { class: "CiUpload" }, Fe = {
   key: 0,
   class: "tip-slot-textInfo"
-}, Re = {
+}, Le = {
   key: 1,
   class: "default-tip-slot-textInfo"
-}, Ve = { class: "upload-btn-text" }, Fe = {
+}, Te = { class: "upload-btn-text" }, Ie = {
   key: 0,
   class: "tip-slot-textInfo"
 }, Ke = {
   key: 1,
   class: "default-tip-slot-textInfo"
-}, Me = { class: "file-item-top" }, qe = { class: "file-name-file-icon" }, Ae = ["src"], He = { class: "top-right" }, Oe = {
+}, Ve = { class: "file-item-top" }, Me = { class: "file-name-file-icon" }, qe = ["src"], He = { class: "top-right" }, Ae = {
   key: 0,
   class: "file-size"
-}, We = {
+}, Oe = {
   key: 1,
   class: "file-operate-btn"
-}, je = { class: "file-status-icon-wrapper" }, Ge = { class: "uploading-percentage" }, Je = ["onClick"], Qe = {
+}, We = { class: "file-status-icon-wrapper" }, je = { class: "uploading-percentage" }, Ge = ["onClick"], Je = {
   key: 0,
   class: "file-item-bottom file-progress-bar"
-}, Xe = {
+}, Qe = {
   key: 0,
   class: "file-item-bottom file-progress-bar download-progress-bar"
-}, Ye = {
+}, Xe = {
   name: "CiUpload"
-}, kt = /* @__PURE__ */ pe({
-  ...Ye,
-  props: /* @__PURE__ */ fe({
+}, ho = /* @__PURE__ */ ne({
+  ...Xe,
+  props: /* @__PURE__ */ ie({
     action: {},
     downloadUrl: {},
     data: {},
@@ -71,66 +75,68 @@ const Ue = { class: "CiUpload" }, Ie = {
     minSize: {},
     showFileNameEllipsisTooltip: { type: Boolean },
     maxFileNameLength: {},
-    minFileNameLength: {}
-  }, Te),
+    minFileNameLength: {},
+    confirmBeforeUpload: { type: Boolean },
+    confirmBeforeUploadText: {}
+  }, Ne),
   emits: ["update:fileList", "onSuccess", "onRemove", "onChange", "onError", "onCustomDownload"],
-  setup(W, { expose: j, emit: G }) {
-    const { formatFileSize: U } = Pe(), J = ge(), F = V(), f = V(!1), S = V([]), { checkUploadStatus: Q } = De(S), i = W, { customHttpRequest: X } = _e(i.axiosInstance), r = G;
-    j({
-      checkUploadStatus: Q
+  setup(T, { expose: I, emit: K }) {
+    const { formatFileSize: V } = Ee(), M = re(), D = E(), _ = E(!1), w = E([]), { checkUploadStatus: q } = Ue(w), i = T, { customHttpRequest: H } = be(i.axiosInstance), d = K;
+    I({
+      checkUploadStatus: q
     });
-    const { retryUpload: Y } = Ne(S, r, i);
-    ye(
+    const { retryUpload: A } = Be(w, d, i);
+    de(
       () => i.fileList,
       (e) => {
-        S.value = e.map((t) => ({ ...t }));
+        w.value = e.map((o) => ({ ...o }));
       },
       { immediate: !0 }
     );
-    const I = (e) => {
-      var t;
-      (t = F.value) == null || t.handleRemove(e);
-    }, R = (e) => {
+    const S = (e) => {
+      var o;
+      _.value = !1, (o = D.value) == null || o.handleRemove(e);
+    }, N = (e) => {
       if (i.customDownload) {
-        r("onCustomDownload", e);
+        d("onCustomDownload", e);
         return;
       }
-      e.downloadPercentage = 0, e.status = "downloading", ze(
+      e.downloadPercentage = 0, e.status = "downloading", Ce(
         {
           fileKey: e.fileKey || "当前此条数据没有fileKey字段",
           fileName: e.fileName || "当前此条数据没有fileName字段"
         },
         i.downloadUrl,
-        (t) => {
-          e.downloadPercentage = t, t === 100 && (e.status = "success");
+        (o) => {
+          e.downloadPercentage = o, o === 100 && (e.status = "success");
         },
-        (t) => {
+        (o) => {
           e.status = "success";
         },
         i.axiosInstance
       );
-    }, Z = (e) => {
-      const t = i.accept.split(",").map((u) => u.trim().toLowerCase()), c = e.type.toLowerCase(), k = e.name.toLowerCase();
-      if (!t.some((u) => c === u || k.endsWith(u)))
-        return z.error("不支持上传该类型文件"), f.value = !0, D(() => {
-          const u = i.fileList.filter((B) => B.uid !== e.uid);
-          r("update:fileList", u), f.value = !1;
-        }), !1;
-      const g = e.name || "", w = g.lastIndexOf("."), d = (w > 0 ? g.slice(0, w) : g).length, h = i.maxFileNameLength, C = i.minFileNameLength;
-      let E = !0, T = "";
-      return h > 0 && C > 0 ? (d > h || d < C) && (E = !1, T = `文件名长度需在 ${C} 到 ${h} 个字符之间`) : h > 0 ? d > h && (E = !1, T = `文件名长度不能超过 ${h} 个字符`) : C > 0 && d < C && (E = !1, T = `文件名长度不能小于 ${C} 个字符`), E ? e.size < i.minSize || e.size === 0 ? (e.size === 0 ? z.error("文件大小不能为空") : z.error(`文件大小不能小于 ${U(i.minSize)}`), f.value = !0, D(() => {
-        const u = i.fileList.filter((B) => B.uid !== e.uid);
-        r("update:fileList", u), f.value = !1;
-      }), !1) : e.size <= i.maxSize ? !0 : (z.error(`文件大小超出限制，最大文件大小为${U(i.maxSize)}`), f.value = !0, D(() => {
-        const u = i.fileList.filter((B) => B.uid !== e.uid);
-        r("update:fileList", u), f.value = !1;
-      }), !1) : (z.error(T), f.value = !0, D(() => {
-        const u = i.fileList.filter((B) => B.uid !== e.uid);
-        r("update:fileList", u), f.value = !1;
-      }), !1);
-    }, x = (e, t) => f.value ? !0 : Le.confirm(
+    }, O = async (e) => {
+      if (i.confirmBeforeUpload)
+        try {
+          await ze(i.confirmBeforeUploadText);
+        } catch {
+          return Pe(_);
+        }
+      const o = $e(i);
+      for (const u of o) {
+        const m = u(e);
+        if (m !== !0)
+          return De(m, {
+            rawFile: e,
+            fileList: i.fileList,
+            emit: d,
+            internalRemoveFlag: _
+          });
+      }
+      return !0;
+    }, W = (e, o) => _.value ? !0 : ve.confirm(
       `确定删除 ${e.fileName || e.name} 文件？`,
-      "确定删除",
+      "温馨提示",
       {
         // 是否可以点击遮罩层关闭
         closeOnClickModal: !1,
@@ -141,96 +147,96 @@ const Ue = { class: "CiUpload" }, Ie = {
       // 用户点击“确定”按钮，允许删除
       () => !1
       // 用户点击“取消”按钮，取消删除
-    ), ee = (e, t) => {
-      z.error(`文件数量超出限制，最大文件数量为${i.limit}个`);
-    }, te = (e, t, c) => {
-      t.status = "fail", t.percentage = 0, D(() => {
-        r("update:fileList", [...c, t]), r("onError", t, c);
+    ), j = (e, o) => {
+      he.error(`文件数量超出限制，最大文件数量为${i.limit}个`);
+    }, G = (e, o, u) => {
+      o.status = "fail", o.percentage = 0, fe(() => {
+        d("update:fileList", [...u, o]), d("onError", o, u);
       });
-    }, oe = (e, t, c) => {
-      var p, g, w;
+    }, J = (e, o, u) => {
+      var p, b, B;
       if (!e) return;
-      const k = c.find((o) => o.uid === t.uid);
-      k && (k.fileName = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.fileName) || t.name, k.fileKey = ((g = e == null ? void 0 : e.data) == null ? void 0 : g.fileKey) || "当前接口没有返回fileKey字段", k.fileSize = ((w = e == null ? void 0 : e.data) == null ? void 0 : w.fileSize) || t.size), r("update:fileList", c), r("onSuccess", t, c);
-    }, se = (e, t) => {
-      e.status === "success" && !e.response || (r("update:fileList", t), r("onChange", e, t));
-    }, le = (e, t) => {
-      r("update:fileList", t), r("onRemove", e, t);
-    }, { hasRealDefaultSlot: ae, finalBeforeUpload: ie, defaultTipSlotTextInfo: K, otherSlots: ne } = Ee(i, J, Z);
-    return (e, t) => {
-      const c = de, k = re, p = ue, g = me, w = ce;
-      return s(), l("div", Ue, [
-        e.readonly ? n("", !0) : (s(), L(k, ve({
+      const m = u.find((t) => t.uid === o.uid);
+      m && (m.fileName = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.fileName) || o.name, m.fileKey = ((b = e == null ? void 0 : e.data) == null ? void 0 : b.fileKey) || "当前接口没有返回fileKey字段", m.fileSize = ((B = e == null ? void 0 : e.data) == null ? void 0 : B.fileSize) || o.size), d("update:fileList", u), d("onSuccess", o, u);
+    }, Q = (e, o) => {
+      e.status === "success" && !e.response || (d("update:fileList", o), d("onChange", e, o));
+    }, X = (e, o) => {
+      d("update:fileList", o), d("onRemove", e, o);
+    }, { hasRealDefaultSlot: Y, finalBeforeUpload: Z, defaultTipSlotTextInfo: $, otherSlots: x } = Se(i, M, O);
+    return (e, o) => {
+      const u = te, m = oe, p = se, b = le, B = ae;
+      return s(), l("div", Re, [
+        e.readonly ? n("", !0) : (s(), k(m, ue({
           key: 0,
           class: ["ci-el-upload-component", { "is-disabled": e.disabled }],
           ref_key: "uploadRef",
-          ref: F,
+          ref: D,
           action: e.action,
           data: e.data,
           headers: e.headers,
-          "file-list": S.value,
+          "file-list": w.value,
           accept: e.accept,
           limit: e.limit,
           multiple: e.multiple,
           drag: e.drag,
           disabled: e.disabled,
-          "before-upload": y(ie),
-          "before-remove": x,
-          "on-success": oe,
-          "on-change": se,
-          "on-remove": le,
-          "on-exceed": ee,
-          "on-error": te,
-          "http-request": y(X),
+          "before-upload": f(Z),
+          "before-remove": W,
+          "on-success": J,
+          "on-change": Q,
+          "on-remove": X,
+          "on-exceed": j,
+          "on-error": G,
+          "http-request": f(H),
           "show-file-list": !1
-        }, e.$attrs), ke({
-          default: m(() => [
-            y(ae) ? P(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), l(v, { key: 1 }, [
-              e.drag ? (s(), l(v, { key: 0 }, [
-                t[0] || (t[0] = a("img", {
+        }, e.$attrs), me({
+          default: r(() => [
+            f(Y) ? U(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), l(g, { key: 1 }, [
+              e.drag ? (s(), l(g, { key: 0 }, [
+                o[0] || (o[0] = a("img", {
                   class: "upload-btn-icon",
-                  src: A,
+                  src: R,
                   alt: ""
                 }, null, -1)),
-                t[1] || (t[1] = a("img", {
+                o[1] || (o[1] = a("img", {
                   class: "upload-btn-icon-hover",
-                  src: H,
+                  src: F,
                   alt: ""
                 }, null, -1)),
-                t[2] || (t[2] = a("img", {
+                o[2] || (o[2] = a("img", {
                   class: "upload-btn-icon-disabled",
-                  src: O,
+                  src: L,
                   alt: ""
                 }, null, -1)),
-                t[3] || (t[3] = a("div", { class: "drag-text-info" }, [
+                o[3] || (o[3] = a("div", { class: "drag-text-info" }, [
                   a("span", { class: "drag-text-info-click" }, "点击上传"),
                   a("span", { class: "drag-text-info-black" }, "或将文件拖拽到这里上传")
                 ], -1)),
-                e.$slots.tip ? (s(), l("div", Ie, [
-                  P(e.$slots, "tip", {}, void 0, !0)
-                ])) : (s(), l("div", Re, b(y(K)), 1))
-              ], 64)) : (s(), L(c, {
+                e.$slots.tip ? (s(), l("div", Fe, [
+                  U(e.$slots, "tip", {}, void 0, !0)
+                ])) : (s(), l("div", Le, y(f($)), 1))
+              ], 64)) : (s(), k(u, {
                 key: 1,
                 class: "upload-btn",
                 disabled: e.disabled
               }, {
-                default: m(() => [
-                  t[4] || (t[4] = a("img", {
+                default: r(() => [
+                  o[4] || (o[4] = a("img", {
                     class: "upload-btn-icon",
-                    src: A,
+                    src: R,
                     alt: ""
                   }, null, -1)),
-                  t[5] || (t[5] = a("img", {
+                  o[5] || (o[5] = a("img", {
                     class: "upload-btn-icon-hover",
-                    src: H,
+                    src: F,
                     alt: ""
                   }, null, -1)),
-                  t[6] || (t[6] = a("img", {
+                  o[6] || (o[6] = a("img", {
                     class: "upload-btn-icon-disabled",
-                    src: O,
+                    src: L,
                     alt: ""
                   }, null, -1)),
-                  a("span", Ve, b(e.uploadBtnText), 1)
+                  a("span", Te, y(e.uploadBtnText), 1)
                 ]),
                 _: 1,
                 __: [4, 5, 6]
@@ -241,179 +247,179 @@ const Ue = { class: "CiUpload" }, Ie = {
         }, [
           e.drag ? void 0 : {
             name: "tip",
-            fn: m(() => [
-              e.$slots.tip ? (s(), l("div", Fe, [
-                P(e.$slots, "tip", {}, void 0, !0)
-              ])) : (s(), l("div", Ke, b(y(K)), 1))
+            fn: r(() => [
+              e.$slots.tip ? (s(), l("div", Ie, [
+                U(e.$slots, "tip", {}, void 0, !0)
+              ])) : (s(), l("div", Ke, y(f($)), 1))
             ]),
             key: "0"
           },
-          M(y(ne), (o, d) => ({
-            name: d,
-            fn: m((h) => [
-              P(e.$slots, d, we(he(h || {})), void 0, !0)
+          z(f(x), (t, c) => ({
+            name: c,
+            fn: r((ee) => [
+              U(e.$slots, c, pe(ce(ee || {})), void 0, !0)
             ])
           }))
         ]), 1040, ["class", "action", "data", "headers", "file-list", "accept", "limit", "multiple", "drag", "disabled", "before-upload", "http-request"])),
-        S.value.length ? (s(), l("div", {
+        w.value.length ? (s(), l("div", {
           key: 1,
-          class: $(["custom-file-list-default", { "is-readonly": e.readonly }])
+          class: C(["custom-file-list-default", { "is-readonly": e.readonly }])
         }, [
-          (s(!0), l(v, null, M(S.value, (o) => (s(), l("div", {
+          (s(!0), l(g, null, z(w.value, (t) => (s(), l("div", {
             class: "file-item-wrapper",
-            key: o.uid
+            key: t.uid
           }, [
-            a("div", Me, [
-              a("div", qe, [
+            a("div", Ve, [
+              a("div", Me, [
                 e.showFileExtIcon ? (s(), l("img", {
                   key: 0,
                   class: "file-icon",
-                  src: y($e)(o.fileName || o.name)
-                }, null, 8, Ae)) : n("", !0),
-                e.showFileNameEllipsisTooltip ? (s(), L(g, {
+                  src: f(_e)(t.fileName || t.name)
+                }, null, 8, qe)) : n("", !0),
+                e.showFileNameEllipsisTooltip ? (s(), k(b, {
                   key: 2,
                   effect: "dark",
-                  content: o.fileName || o.name,
+                  content: t.fileName || t.name,
                   placement: "right"
                 }, {
-                  default: m(() => [
-                    N(p, {
-                      class: $(["top-left file-name", { "is-show-file-name-ellipsis-tooltip": e.showFileNameEllipsisTooltip }]),
-                      disabled: o.status === "downloading" || o.status === "uploading",
-                      onClick: (d) => R(o)
+                  default: r(() => [
+                    h(p, {
+                      class: C(["top-left file-name", { "is-show-file-name-ellipsis-tooltip": e.showFileNameEllipsisTooltip }]),
+                      disabled: t.status === "downloading" || t.status === "uploading",
+                      onClick: (c) => N(t)
                     }, {
-                      default: m(() => [
-                        _(b(o.fileName || o.name), 1)
+                      default: r(() => [
+                        v(y(t.fileName || t.name), 1)
                       ]),
                       _: 2
                     }, 1032, ["class", "disabled", "onClick"])
                   ]),
                   _: 2
-                }, 1032, ["content"])) : (s(), L(p, {
+                }, 1032, ["content"])) : (s(), k(p, {
                   key: 1,
                   class: "top-left file-name",
-                  disabled: o.status === "downloading" || o.status === "uploading",
-                  onClick: (d) => R(o)
+                  disabled: t.status === "downloading" || t.status === "uploading",
+                  onClick: (c) => N(t)
                 }, {
-                  default: m(() => [
-                    _(b(o.fileName || o.name), 1)
+                  default: r(() => [
+                    v(y(t.fileName || t.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"]))
               ]),
               a("div", He, [
-                e.showFileSize ? (s(), l("span", Oe, b(y(U)(o.fileSize || o.size)), 1)) : n("", !0),
-                o.status !== "fail" ? (s(), l("div", We, [
-                  o.status !== "uploading" ? (s(), l(v, { key: 0 }, [
-                    e.showPreviewBtn ? (s(), l(v, { key: 0 }, [
-                      N(p, {
-                        onClick: (d) => I(o)
+                e.showFileSize ? (s(), l("span", Ae, y(f(V)(t.fileSize || t.size)), 1)) : n("", !0),
+                t.status !== "fail" ? (s(), l("div", Oe, [
+                  t.status !== "uploading" ? (s(), l(g, { key: 0 }, [
+                    e.showPreviewBtn ? (s(), l(g, { key: 0 }, [
+                      h(p, {
+                        onClick: (c) => S(t)
                       }, {
-                        default: m(() => t[7] || (t[7] = [
-                          _(" 在线预览 ")
+                        default: r(() => o[7] || (o[7] = [
+                          v(" 在线预览 ")
                         ])),
                         _: 2,
                         __: [7]
                       }, 1032, ["onClick"]),
-                      N(w, { direction: "vertical" })
+                      h(B, { direction: "vertical" })
                     ], 64)) : n("", !0),
-                    e.showDownloadBtn ? (s(), l(v, { key: 1 }, [
-                      N(p, {
-                        disabled: o.status === "downloading",
-                        onClick: (d) => R(o)
+                    e.showDownloadBtn ? (s(), l(g, { key: 1 }, [
+                      h(p, {
+                        disabled: t.status === "downloading",
+                        onClick: (c) => N(t)
                       }, {
-                        default: m(() => [
-                          _(b(o.status === "downloading" && e.showDownloadProgress && e.customDownload ? `下载中...${o.downloadPercentage || 0}%` : "下载"), 1)
+                        default: r(() => [
+                          v(y(t.status === "downloading" && e.showDownloadProgress && e.customDownload ? `下载中...${t.downloadPercentage || 0}%` : "下载"), 1)
                         ]),
                         _: 2
                       }, 1032, ["disabled", "onClick"]),
-                      e.showDeleteBtn && !e.readonly ? (s(), L(w, {
+                      e.showDeleteBtn && !e.readonly ? (s(), k(B, {
                         key: 0,
                         direction: "vertical"
                       })) : n("", !0)
                     ], 64)) : n("", !0),
-                    e.showDeleteBtn && !e.readonly ? (s(), L(p, {
+                    e.showDeleteBtn && !e.readonly ? (s(), k(p, {
                       key: 2,
-                      onClick: (d) => I(o)
+                      onClick: (c) => S(t)
                     }, {
-                      default: m(() => t[8] || (t[8] = [
-                        _("删除")
+                      default: r(() => o[8] || (o[8] = [
+                        v("删除")
                       ])),
                       _: 2,
                       __: [8]
                     }, 1032, ["onClick"])) : n("", !0)
                   ], 64)) : n("", !0)
                 ])) : n("", !0),
-                a("div", je, [
-                  o.status === "uploading" ? (s(), l("div", {
+                a("div", We, [
+                  t.status === "uploading" ? (s(), l("div", {
                     key: 0,
-                    class: $(o.status)
+                    class: C(t.status)
                   }, [
-                    t[9] || (t[9] = a("img", {
+                    o[9] || (o[9] = a("img", {
                       class: "uploading-icon",
-                      src: be
+                      src: ge
                     }, null, -1)),
-                    a("span", Ge, b(o.percentage) + "%", 1)
+                    a("span", je, y(t.percentage) + "%", 1)
                   ], 2)) : n("", !0),
-                  e.readonly ? n("", !0) : (s(), l(v, { key: 1 }, [
-                    o.status === "success" || o.status === "downloading" ? (s(), l("span", {
+                  e.readonly ? n("", !0) : (s(), l(g, { key: 1 }, [
+                    t.status === "success" || t.status === "downloading" ? (s(), l("span", {
                       key: 0,
-                      class: $(o.status)
-                    }, t[10] || (t[10] = [
+                      class: C(t.status)
+                    }, o[10] || (o[10] = [
                       a("img", {
                         class: "success-icon",
-                        src: Be
+                        src: ye
                       }, null, -1)
                     ]), 2)) : n("", !0)
                   ], 64)),
-                  o.status === "fail" ? (s(), l("div", {
+                  t.status === "fail" ? (s(), l("div", {
                     key: 2,
-                    class: $(["fail-icon-wrapper", o.status])
+                    class: C(["fail-icon-wrapper", t.status])
                   }, [
-                    N(p, {
-                      onClick: (d) => I(o)
+                    h(p, {
+                      onClick: (c) => S(t)
                     }, {
-                      default: m(() => t[11] || (t[11] = [
-                        _(" 删除 ")
+                      default: r(() => o[11] || (o[11] = [
+                        v(" 删除 ")
                       ])),
                       _: 2,
                       __: [11]
                     }, 1032, ["onClick"]),
-                    N(g, {
+                    h(b, {
                       effect: "dark",
                       content: "点击重新上传",
                       placement: "bottom"
                     }, {
-                      default: m(() => [
+                      default: r(() => [
                         a("img", {
                           class: "retry-icon",
-                          src: Se,
-                          onClick: (d) => y(Y)(o)
-                        }, null, 8, Je)
+                          src: we,
+                          onClick: (c) => f(A)(t)
+                        }, null, 8, Ge)
                       ]),
                       _: 2
                     }, 1024),
-                    t[12] || (t[12] = a("img", {
+                    o[12] || (o[12] = a("img", {
                       class: "fail-icon",
-                      src: Ce
+                      src: ke
                     }, null, -1))
                   ], 2)) : n("", !0)
                 ])
               ])
             ]),
-            e.showUploadProgress ? (s(), l(v, { key: 0 }, [
-              o.status === "uploading" ? (s(), l("div", Qe, [
+            e.showUploadProgress ? (s(), l(g, { key: 0 }, [
+              t.status === "uploading" ? (s(), l("div", Je, [
                 a("div", {
                   class: "file-progress-inner",
-                  style: q({ width: (o.percentage || 0) + "%" })
+                  style: P({ width: (t.percentage || 0) + "%" })
                 }, null, 4)
               ])) : n("", !0)
             ], 64)) : n("", !0),
-            e.showDownloadProgress ? (s(), l(v, { key: 1 }, [
-              o.status === "downloading" ? (s(), l("div", Xe, [
+            e.showDownloadProgress ? (s(), l(g, { key: 1 }, [
+              t.status === "downloading" ? (s(), l("div", Qe, [
                 a("div", {
                   class: "file-progress-inner",
-                  style: q({ width: (o.downloadPercentage || 0) + "%" })
+                  style: P({ width: (t.downloadPercentage || 0) + "%" })
                 }, null, 4)
               ])) : n("", !0)
             ], 64)) : n("", !0)
@@ -424,5 +430,5 @@ const Ue = { class: "CiUpload" }, Ie = {
   }
 });
 export {
-  kt as default
+  ho as default
 };

package/dist/lib/ci-upload/props/index.js

@@ -56,7 +56,17 @@ const e = {
   // 限制上传的文件名最大长度 - 默认 0: 代表: 不限制文件名长度; 如果开发者配置的值大于0, 则就是: 文件名长度必须小于等于maxFileNameLength即可.
   maxFileNameLength: 0,
   // 限制上传的文件名最小长度 - 默认 0: 代表: 不限制文件名长度; 如果开发者配置的值大于0, 则就是: 文件名长度必须大于等于minFileNameLength即可.
-  minFileNameLength: 0
+  minFileNameLength: 0,
+  /**
+   * 是否在上传前进行二次确认
+   * @default false
+   */
+  confirmBeforeUpload: !1,
+  /**
+   * 二次确认提示文案
+   * confirmBeforeUpload = true 时生效
+   */
+  confirmBeforeUploadText: "确定要上传该文件吗？"
 };
 export {
   e as defaultProps

package/dist/types/src/components/components-project/ci-upload/hooks/rules/createUploadRules.d.ts

@@ -0,0 +1,2 @@
+import { UploadValidateRule } from './types';
+export declare const createUploadRules: (props: any) => UploadValidateRule[];