@lemon30_npm/csit-vue3 1.0.71 → 1.0.72

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

@@ -1,8 +1,8 @@
 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 { defineComponent as ne, mergeDefaults as ie, useSlots as re, ref as E, watch as de, createElementBlock as l, openBlock as s, normalizeClass as w, createBlock as v, createCommentVNode as n, mergeProps as ue, unref as f, createSlots as pe, withCtx as r, renderSlot as S, Fragment as g, createElementVNode as a, toDisplayString as y, renderList as z, normalizeProps as me, guardReactiveProps as ce, createTextVNode as h, createVNode as b, normalizeStyle as P, nextTick as fe } from "vue";
+import T from "./icons/icon-upload-btn.svg.js";
+import R from "./icons/icon-upload-btn-hover.svg.js";
+import F 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";
@@ -11,43 +11,43 @@ 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 { getFileIconByName as Ue } from "./utils/file-icon-maps.js";
+import { useExposeMethods as Se } from "./expose/index.js";
+import { useCiUploadComputed as _e } 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 = {
+const Te = {
   key: 0,
   class: "tip-slot-textInfo"
-}, Le = {
+}, Re = {
   key: 1,
   class: "default-tip-slot-textInfo"
-}, Te = { class: "upload-btn-text" }, Ie = {
+}, Fe = { class: "upload-btn-text" }, Le = {
   key: 0,
   class: "tip-slot-textInfo"
-}, Ke = {
+}, Ie = {
   key: 1,
   class: "default-tip-slot-textInfo"
-}, Ve = { class: "file-item-top" }, Me = { class: "file-name-file-icon" }, qe = ["src"], He = { class: "top-right" }, Ae = {
+}, Ke = { class: "file-item-top" }, Ve = { class: "file-name-file-icon" }, Me = ["src"], qe = { class: "top-right" }, He = {
   key: 0,
   class: "file-size"
-}, Oe = {
+}, Ae = {
   key: 1,
   class: "file-operate-btn"
-}, We = { class: "file-status-icon-wrapper" }, je = { class: "uploading-percentage" }, Ge = ["onClick"], Je = {
+}, Oe = { class: "file-status-icon-wrapper" }, We = { class: "uploading-percentage" }, je = ["onClick"], Ge = {
   key: 0,
   class: "file-item-bottom file-progress-bar"
-}, Qe = {
+}, Je = {
   key: 0,
   class: "file-item-bottom file-progress-bar download-progress-bar"
-}, Xe = {
+}, Qe = {
   name: "CiUpload"
-}, ho = /* @__PURE__ */ ne({
-  ...Xe,
+}, vo = /* @__PURE__ */ ne({
+  ...Qe,
   props: /* @__PURE__ */ ie({
     action: {},
     downloadUrl: {},
@@ -77,25 +77,26 @@ const Re = { class: "CiUpload" }, Fe = {
     maxFileNameLength: {},
     minFileNameLength: {},
     confirmBeforeUpload: { type: Boolean },
-    confirmBeforeUploadText: {}
+    confirmBeforeUploadText: {},
+    showUploadSecretTip: { type: Boolean }
   }, Ne),
   emits: ["update:fileList", "onSuccess", "onRemove", "onChange", "onError", "onCustomDownload"],
-  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;
+  setup(L, { expose: I, emit: K }) {
+    const { formatFileSize: V } = Ee(), M = re(), D = E(), U = E(!1), k = E([]), { checkUploadStatus: q } = Se(k), i = L, { customHttpRequest: H } = be(i.axiosInstance), d = K;
     I({
       checkUploadStatus: q
     });
-    const { retryUpload: A } = Be(w, d, i);
+    const { retryUpload: A } = Be(k, d, i);
     de(
       () => i.fileList,
       (e) => {
-        w.value = e.map((o) => ({ ...o }));
+        k.value = e.map((o) => ({ ...o }));
       },
       { immediate: !0 }
     );
-    const S = (e) => {
+    const _ = (e) => {
       var o;
-      _.value = !1, (o = D.value) == null || o.handleRemove(e);
+      U.value = !1, (o = D.value) == null || o.handleRemove(e);
     }, N = (e) => {
       if (i.customDownload) {
         d("onCustomDownload", e);
@@ -120,21 +121,21 @@ const Re = { class: "CiUpload" }, Fe = {
         try {
           await ze(i.confirmBeforeUploadText);
         } catch {
-          return Pe(_);
+          return Pe(U);
         }
       const o = $e(i);
       for (const u of o) {
-        const m = u(e);
-        if (m !== !0)
-          return De(m, {
+        const p = u(e);
+        if (p !== !0)
+          return De(p, {
             rawFile: e,
             fileList: i.fileList,
             emit: d,
-            internalRemoveFlag: _
+            internalRemoveFlag: U
           });
       }
       return !0;
-    }, W = (e, o) => _.value ? !0 : ve.confirm(
+    }, W = (e, o) => U.value ? !0 : ve.confirm(
       `确定删除 ${e.fileName || e.name} 文件？`,
       "温馨提示",
       {
@@ -154,27 +155,33 @@ const Re = { class: "CiUpload" }, Fe = {
         d("update:fileList", [...u, o]), d("onError", o, u);
       });
     }, J = (e, o, u) => {
-      var p, b, B;
+      var m, B, C;
       if (!e) return;
-      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);
+      const p = u.find((t) => t.uid === o.uid);
+      p && (p.fileName = ((m = e == null ? void 0 : e.data) == null ? void 0 : m.fileName) || o.name, p.fileKey = ((B = e == null ? void 0 : e.data) == null ? void 0 : B.fileKey) || "当前接口没有返回fileKey字段", p.fileSize = ((C = e == null ? void 0 : e.data) == null ? void 0 : C.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);
+    }, { hasRealDefaultSlot: Y, finalBeforeUpload: Z, defaultTipSlotTextInfo: $, otherSlots: x } = _e(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({
+      const u = te, p = oe, m = se, B = le, C = ae;
+      return s(), l("div", {
+        class: w(["CiUpload", {}])
+      }, [
+        e.readonly ? n("", !0) : (s(), v(p, ue({
           key: 0,
-          class: ["ci-el-upload-component", { "is-disabled": e.disabled }],
+          class: ["ci-el-upload-component", {
+            "is-disabled": e.disabled,
+            "is-drag": e.drag,
+            "is-disabled-upload-secret": e.showUploadSecretTip && e.drag
+          }],
           ref_key: "uploadRef",
           ref: D,
           action: e.action,
           data: e.data,
           headers: e.headers,
-          "file-list": w.value,
+          "file-list": k.value,
           accept: e.accept,
           limit: e.limit,
           multiple: e.multiple,
@@ -189,58 +196,58 @@ const Re = { class: "CiUpload" }, Fe = {
           "on-error": G,
           "http-request": f(H),
           "show-file-list": !1
-        }, e.$attrs), me({
+        }, e.$attrs), pe({
           default: r(() => [
-            f(Y) ? U(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), l(g, { key: 1 }, [
+            f(Y) ? S(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: R,
+                  src: T,
                   alt: ""
                 }, null, -1)),
                 o[1] || (o[1] = a("img", {
                   class: "upload-btn-icon-hover",
-                  src: F,
+                  src: R,
                   alt: ""
                 }, null, -1)),
                 o[2] || (o[2] = a("img", {
                   class: "upload-btn-icon-disabled",
-                  src: L,
+                  src: F,
                   alt: ""
                 }, null, -1)),
                 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", Fe, [
-                  U(e.$slots, "tip", {}, void 0, !0)
-                ])) : (s(), l("div", Le, y(f($)), 1))
-              ], 64)) : (s(), k(u, {
+                e.$slots.tip ? (s(), l("div", Te, [
+                  S(e.$slots, "tip", {}, void 0, !0)
+                ])) : (s(), l("div", Re, y(f($)), 1))
+              ], 64)) : (s(), v(u, {
                 key: 1,
-                class: "upload-btn",
+                class: w(["upload-btn", { "is-disabled-upload-secret": e.showUploadSecretTip }]),
                 disabled: e.disabled
               }, {
                 default: r(() => [
                   o[4] || (o[4] = a("img", {
                     class: "upload-btn-icon",
-                    src: R,
+                    src: T,
                     alt: ""
                   }, null, -1)),
                   o[5] || (o[5] = a("img", {
                     class: "upload-btn-icon-hover",
-                    src: F,
+                    src: R,
                     alt: ""
                   }, null, -1)),
                   o[6] || (o[6] = a("img", {
                     class: "upload-btn-icon-disabled",
-                    src: L,
+                    src: F,
                     alt: ""
                   }, null, -1)),
-                  a("span", Te, y(e.uploadBtnText), 1)
+                  a("span", Fe, y(e.uploadBtnText), 1)
                 ]),
                 _: 1,
                 __: [4, 5, 6]
-              }, 8, ["disabled"]))
+              }, 8, ["class", "disabled"]))
             ], 64))
           ]),
           _: 2
@@ -248,123 +255,123 @@ const Re = { class: "CiUpload" }, Fe = {
           e.drag ? void 0 : {
             name: "tip",
             fn: r(() => [
-              e.$slots.tip ? (s(), l("div", Ie, [
-                U(e.$slots, "tip", {}, void 0, !0)
-              ])) : (s(), l("div", Ke, y(f($)), 1))
+              e.$slots.tip ? (s(), l("div", Le, [
+                S(e.$slots, "tip", {}, void 0, !0)
+              ])) : (s(), l("div", Ie, y(f($)), 1))
             ]),
             key: "0"
           },
           z(f(x), (t, c) => ({
             name: c,
             fn: r((ee) => [
-              U(e.$slots, c, pe(ce(ee || {})), void 0, !0)
+              S(e.$slots, c, me(ce(ee || {})), void 0, !0)
             ])
           }))
         ]), 1040, ["class", "action", "data", "headers", "file-list", "accept", "limit", "multiple", "drag", "disabled", "before-upload", "http-request"])),
-        w.value.length ? (s(), l("div", {
+        k.value.length ? (s(), l("div", {
           key: 1,
-          class: C(["custom-file-list-default", { "is-readonly": e.readonly }])
+          class: w(["custom-file-list-default", { "is-readonly": e.readonly }])
         }, [
-          (s(!0), l(g, null, z(w.value, (t) => (s(), l("div", {
+          (s(!0), l(g, null, z(k.value, (t) => (s(), l("div", {
             class: "file-item-wrapper",
             key: t.uid
           }, [
-            a("div", Ve, [
-              a("div", Me, [
+            a("div", Ke, [
+              a("div", Ve, [
                 e.showFileExtIcon ? (s(), l("img", {
                   key: 0,
                   class: "file-icon",
-                  src: f(_e)(t.fileName || t.name)
-                }, null, 8, qe)) : n("", !0),
-                e.showFileNameEllipsisTooltip ? (s(), k(b, {
+                  src: f(Ue)(t.fileName || t.name)
+                }, null, 8, Me)) : n("", !0),
+                e.showFileNameEllipsisTooltip ? (s(), v(B, {
                   key: 2,
                   effect: "dark",
                   content: t.fileName || t.name,
                   placement: "right"
                 }, {
                   default: r(() => [
-                    h(p, {
-                      class: C(["top-left file-name", { "is-show-file-name-ellipsis-tooltip": e.showFileNameEllipsisTooltip }]),
+                    b(m, {
+                      class: w(["top-left file-name", { "is-show-file-name-ellipsis-tooltip": e.showFileNameEllipsisTooltip }]),
                       disabled: t.status === "downloading" || t.status === "uploading" || t.status === "fail",
                       onClick: (c) => N(t)
                     }, {
                       default: r(() => [
-                        v(y(t.fileName || t.name), 1)
+                        h(y(t.fileName || t.name), 1)
                       ]),
                       _: 2
                     }, 1032, ["class", "disabled", "onClick"])
                   ]),
                   _: 2
-                }, 1032, ["content"])) : (s(), k(p, {
+                }, 1032, ["content"])) : (s(), v(m, {
                   key: 1,
                   class: "top-left file-name",
                   disabled: t.status === "downloading" || t.status === "uploading" || t.status === "fail",
                   onClick: (c) => N(t)
                 }, {
                   default: r(() => [
-                    v(y(t.fileName || t.name), 1)
+                    h(y(t.fileName || t.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"]))
               ]),
-              a("div", He, [
-                e.showFileSize ? (s(), l("span", Ae, y(f(V)(t.fileSize || t.size)), 1)) : n("", !0),
-                t.status !== "fail" ? (s(), l("div", Oe, [
+              a("div", qe, [
+                e.showFileSize ? (s(), l("span", He, y(f(V)(t.fileSize || t.size)), 1)) : n("", !0),
+                t.status !== "fail" ? (s(), l("div", Ae, [
                   t.status !== "uploading" ? (s(), l(g, { key: 0 }, [
                     e.showPreviewBtn ? (s(), l(g, { key: 0 }, [
-                      h(p, {
-                        onClick: (c) => S(t)
+                      b(m, {
+                        onClick: (c) => _(t)
                       }, {
                         default: r(() => o[7] || (o[7] = [
-                          v(" 在线预览 ")
+                          h(" 在线预览 ")
                         ])),
                         _: 2,
                         __: [7]
                       }, 1032, ["onClick"]),
-                      h(B, { direction: "vertical" })
+                      b(C, { direction: "vertical" })
                     ], 64)) : n("", !0),
                     e.showDownloadBtn ? (s(), l(g, { key: 1 }, [
-                      h(p, {
+                      b(m, {
                         disabled: t.status === "downloading",
                         onClick: (c) => N(t)
                       }, {
                         default: r(() => [
-                          v(y(t.status === "downloading" && e.showDownloadProgress && !e.customDownload ? `下载中...${t.downloadPercentage || 0}%` : "下载"), 1)
+                          h(y(t.status === "downloading" && e.showDownloadProgress && !e.customDownload ? `下载中...${t.downloadPercentage || 0}%` : "下载"), 1)
                         ]),
                         _: 2
                       }, 1032, ["disabled", "onClick"]),
-                      e.showDeleteBtn && !e.readonly ? (s(), k(B, {
+                      e.showDeleteBtn && !e.readonly ? (s(), v(C, {
                         key: 0,
                         direction: "vertical"
                       })) : n("", !0)
                     ], 64)) : n("", !0),
-                    e.showDeleteBtn && !e.readonly ? (s(), k(p, {
+                    e.showDeleteBtn && !e.readonly ? (s(), v(m, {
                       key: 2,
-                      onClick: (c) => S(t)
+                      onClick: (c) => _(t)
                     }, {
                       default: r(() => o[8] || (o[8] = [
-                        v("删除")
+                        h("删除")
                       ])),
                       _: 2,
                       __: [8]
                     }, 1032, ["onClick"])) : n("", !0)
                   ], 64)) : n("", !0)
                 ])) : n("", !0),
-                a("div", We, [
+                a("div", Oe, [
                   t.status === "uploading" ? (s(), l("div", {
                     key: 0,
-                    class: C(t.status)
+                    class: w(t.status)
                   }, [
                     o[9] || (o[9] = a("img", {
                       class: "uploading-icon",
                       src: ge
                     }, null, -1)),
-                    a("span", je, y(t.percentage) + "%", 1)
+                    a("span", We, y(t.percentage) + "%", 1)
                   ], 2)) : n("", !0),
                   e.readonly ? n("", !0) : (s(), l(g, { key: 1 }, [
                     t.status === "success" || t.status === "downloading" ? (s(), l("span", {
                       key: 0,
-                      class: C(t.status)
+                      class: w(t.status)
                     }, o[10] || (o[10] = [
                       a("img", {
                         class: "success-icon",
@@ -374,18 +381,18 @@ const Re = { class: "CiUpload" }, Fe = {
                   ], 64)),
                   t.status === "fail" ? (s(), l("div", {
                     key: 2,
-                    class: C(["fail-icon-wrapper", t.status])
+                    class: w(["fail-icon-wrapper", t.status])
                   }, [
-                    h(p, {
-                      onClick: (c) => S(t)
+                    b(m, {
+                      onClick: (c) => _(t)
                     }, {
                       default: r(() => o[11] || (o[11] = [
-                        v(" 删除 ")
+                        h(" 删除 ")
                       ])),
                       _: 2,
                       __: [11]
                     }, 1032, ["onClick"]),
-                    h(b, {
+                    b(B, {
                       effect: "dark",
                       content: "点击重新上传",
                       placement: "bottom"
@@ -395,7 +402,7 @@ const Re = { class: "CiUpload" }, Fe = {
                           class: "retry-icon",
                           src: we,
                           onClick: (c) => f(A)(t)
-                        }, null, 8, Ge)
+                        }, null, 8, je)
                       ]),
                       _: 2
                     }, 1024),
@@ -408,7 +415,7 @@ const Re = { class: "CiUpload" }, Fe = {
               ])
             ]),
             e.showUploadProgress ? (s(), l(g, { key: 0 }, [
-              t.status === "uploading" ? (s(), l("div", Je, [
+              t.status === "uploading" ? (s(), l("div", Ge, [
                 a("div", {
                   class: "file-progress-inner",
                   style: P({ width: (t.percentage || 0) + "%" })
@@ -416,7 +423,7 @@ const Re = { class: "CiUpload" }, Fe = {
               ])) : n("", !0)
             ], 64)) : n("", !0),
             e.showDownloadProgress ? (s(), l(g, { key: 1 }, [
-              t.status === "downloading" ? (s(), l("div", Qe, [
+              t.status === "downloading" ? (s(), l("div", Je, [
                 a("div", {
                   class: "file-progress-inner",
                   style: P({ width: (t.downloadPercentage || 0) + "%" })
@@ -430,5 +437,5 @@ const Re = { class: "CiUpload" }, Fe = {
   }
 });
 export {
-  ho as default
+  vo as default
 };

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

@@ -66,7 +66,9 @@ const e = {
    * 二次确认提示文案
    * confirmBeforeUpload = true 时生效
    */
-  confirmBeforeUploadText: "确定要上传该文件吗？"
+  confirmBeforeUploadText: "确定要上传该文件吗？",
+  // 是否展示 '禁止上传国家秘密' 提示文案 - 默认值: false
+  showUploadSecretTip: !1
 };
 export {
   e as defaultProps

package/dist/types/src/components/components-project/ci-upload/index.vue.d.ts

@@ -52,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ci
     minFileNameLength: number;
     confirmBeforeUpload: boolean;
     confirmBeforeUploadText: string;
+    showUploadSecretTip: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     uploadRef: unknown;
 }, HTMLDivElement>, Partial<Record<number, (_: any) => any>> & {

package/dist/types/src/components/components-project/ci-upload/props/index.d.ts

@@ -41,4 +41,5 @@ export declare const defaultProps: {
      * confirmBeforeUpload = true 时生效
      */
     confirmBeforeUploadText: string;
+    showUploadSecretTip: boolean;
 };

package/dist/types/src/components/components-project/ci-upload/type.d.ts

@@ -42,6 +42,7 @@ export interface CiUploadProps {
      * confirmBeforeUpload = true 时生效
      */
     confirmBeforeUploadText?: string;
+    showUploadSecretTip?: boolean;
 }
 export type CiUploadFiles = CiUploadFile[];
 export interface CiUploadUserFile extends UploadUserFile {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon30_npm/csit-vue3",
-  "version": "1.0.71",
+  "version": "1.0.72",
   "type": "module",
   "author": "cuiwq",
   "license": "MIT",