geekplus-digital-ui 0.1.21 → 0.1.23

package/components/upload/src/upload.vue.js

@@ -1,483 +0,0 @@
-import { useModel as pe, ref as y, computed as m, reactive as De, watch as Ee, onMounted as Ie, onBeforeUnmount as Ne, openBlock as o, createElementBlock as f, normalizeClass as Be, createVNode as d, unref as n, createBlock as c, createCommentVNode as p, withCtx as u, createElementVNode as S, createTextVNode as A, toDisplayString as k, normalizeStyle as z, Fragment as j, renderList as fe, withModifiers as me, mergeModels as ve } from "vue";
-import "../../../hooks/index.js";
-import { useFormItem as $e, ElMessageBox as je, ElMessage as H, ElUpload as He, ElImageViewer as Pe, ElDialog as Re, ElButton as P, ElImage as qe, ElProgress as ye, ElLink as R } from "element-plus";
-import "../../index.js";
-import { isFunction as Oe } from "lodash-es";
-import { saveAs as Ke } from "file-saver";
-import Xe from "../../icons/angle-down-light.vue.js";
-import Ge from "../../icons/angle-up-light.vue.js";
-import Je from "../../icons/circle-play-light.vue.js";
-import Qe from "../../icons/circle-xmark-light.vue.js";
-import We from "../../icons/download-light.vue.js";
-import Ye from "../../icons/eye-light.vue.js";
-import Ze from "../../icons/file-light.vue.js";
-import et from "../../icons/plus-light.vue.js";
-import tt from "../../icons/trash-light.vue.js";
-import './upload2.css';import './upload.css';/* empty css            */
-/* empty css            */
-import lt from "../../../_virtual/_plugin-vue_export-helper.js";
-import { useLocale as at } from "../../../hooks/use-locale/index.js";
-import { useActivated as ot } from "../../../hooks/use-activated/index.js";
-import { DIcon as g } from "../../icon/index.js";
-const nt = { class: "d-upload__preview" }, st = ["src"], rt = {
-  key: 2,
-  class: "header"
-}, ut = ["onClick"], it = { class: "card-cover" }, dt = ["innerHTML"], ct = { class: "file-row" }, pt = {
-  key: 6,
-  class: "expand-toggle"
-}, ft = /* @__PURE__ */ Object.assign({
-  name: "DUpload"
-}, {
-  __name: "upload",
-  props: /* @__PURE__ */ ve({
-    domain: {
-      type: String,
-      required: !0
-    },
-    axios: {
-      type: Function,
-      required: !0
-    },
-    url: {
-      type: String,
-      required: !0
-    },
-    format: {
-      type: Array,
-      default: () => []
-    },
-    maxSize: {
-      type: Number,
-      default: 500
-    },
-    maxNumber: {
-      type: Number,
-      default: 99
-    },
-    maxShow: {
-      type: Number,
-      default: 3
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    showType: {
-      type: String,
-      default: "card"
-    },
-    docType: {
-      type: String
-    },
-    size: {
-      type: String,
-      default: "80px"
-    },
-    scrollHeight: {
-      type: String
-    },
-    showTip: {
-      type: Boolean,
-      default: !0
-    },
-    pasteable: {
-      type: Boolean,
-      default: !1
-    },
-    showDownloadAll: {
-      type: Boolean,
-      default: !1
-    },
-    downloadAllMethod: {
-      type: Function
-    }
-  }, {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    modelModifiers: {},
-    uploadingCount: {
-      type: Number,
-      default: 0
-    },
-    uploadingCountModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ve(["change", "success"], ["update:modelValue", "update:uploadingCount"]),
-  setup(h, { emit: ge }) {
-    const l = h, q = ge, O = pe(h, "modelValue"), he = pe(h, "uploadingCount"), K = ["jpg", "jpeg", "png", "gif"], ke = ["mp4"], s = y([]), F = y(!1), w = y(!1), V = y(0), D = y([]), L = y(""), x = y(!1), X = y(null), G = y(null), { t: i } = at(), we = ot(), { formItem: xe } = $e(), J = m(() => x.value ? s.value : s.value.slice(0, l.maxShow)), E = m(() => s.value.length > 0), b = m(() => !l.disabled && !Q.value), _ = m(() => l.showType === "list"), _e = m(() => b.value && _.value || l.showDownloadAll && E.value), Q = m(() => s.value.length >= l.maxNumber), Ce = m(() => _.value ? "is-list" : "is-card"), W = m(() => l.format.length ? l.format.map((t) => t.toUpperCase()) : []), Y = m(() => ({
-      width: l.size,
-      height: l.size
-    })), Se = m(() => l.format.map((t) => `.${t}`).join(",")), Z = m(() => ({
-      maxHeight: l.scrollHeight,
-      overflow: l.scrollHeight ? "auto" : void 0
-    })), Le = m(() => {
-      const t = l.format.length && l.format.every((e) => K.includes(e)), a = [];
-      return l.maxSize && !t && a.push(i("d.upload.lessThan", { size: l.maxSize })), l.format.length && a.push(i("d.upload.format", { format: l.format.join("/") })), l.pasteable && a.push(i("d.upload.pasteable")), a.join(i("d.upload.comma"));
-    }), be = (t) => {
-      s.value.some((e) => e.status === "uploading") || (s.value = t?.map((e) => ({
-        id: e.id,
-        name: e.name || e.docName,
-        docName: e.name || e.docName,
-        url: e.url || e.docUrl,
-        docUrl: e.url || e.docUrl,
-        type: l.docType || e.type || e.docType,
-        docType: l.docType || e.type || e.docType,
-        status: "success"
-      })) || [], M());
-    }, I = (t) => {
-      if (t) {
-        const a = t.split(".");
-        return a[a.length - 1].toLowerCase();
-      }
-      return "";
-    }, C = (t) => K.includes(I(t.name)), T = (t) => ke.includes(I(t.name)), U = (t) => t?.status === "success", ee = (t) => !l.disabled && U(t), te = () => {
-      X.value?.$el.querySelector("input")?.click();
-    }, Te = (t) => {
-      if (V.value = 0, D.value = [], L.value = "", C(t)) {
-        const a = s.value.filter((e) => C(e));
-        V.value = a.findIndex((e) => e.url === t.url), D.value = a.map((e) => e.url), F.value = !0;
-      }
-      T(t) && (L.value = t.url, w.value = !0);
-    }, le = () => {
-      G.value?.pause(), w.value = !1;
-    }, ae = (t) => {
-      const a = () => {
-        const r = s.value.indexOf(t);
-        r !== -1 && (s.value.splice(r, 1), M(), oe(t));
-      }, e = async () => {
-        if (!U(t)) {
-          a();
-          return;
-        }
-        a();
-      };
-      je.confirm(i("d.upload.deleteConfirm"), i("d.upload.tip"), {
-        type: "warning"
-      }).then(async () => {
-        await e();
-      }).catch(() => {
-      });
-    }, Ue = (t, a) => {
-      H.success(i("d.upload.fileSuccess", { file: t.name })), q("success", t, a, s.value);
-    }, Me = (t, a) => {
-      const e = I(t.name);
-      if (e) {
-        const r = e.toUpperCase();
-        if (W.value.length && !W.value.includes(r))
-          return a || H.error(i("d.upload.fileFormat", { file: t.name, format: l.format.join("/") })), !1;
-      }
-      return !0;
-    }, Ae = (t) => t.size > l.maxSize * 1024 * 1024 ? (H.error(i("d.upload.fileLessThan", { file: t.name, size: l.maxSize })), !1) : !0, ze = (t, a) => {
-      if (!a)
-        return;
-      const { loaded: e = 0, total: r = 0 } = t || {};
-      r > 0 && (a.percentage = Math.floor(e / r * 100));
-    }, oe = (t) => {
-      O.value = s.value, q("change", t, s.value), xe?.validate("change");
-    }, M = () => {
-      he.value = s.value.filter((t) => t.status === "uploading").length;
-    }, ne = (t, a) => (Me(t, a) && Ae(t) && Fe(t), !1), Fe = async (t) => {
-      if (Q.value)
-        return !1;
-      x.value || N();
-      const a = new FormData();
-      a.append("file", t);
-      const e = De({
-        status: "uploading",
-        percentage: 0,
-        name: t.name
-      });
-      s.value.push(e), M();
-      const r = () => s.value.indexOf(e);
-      try {
-        const { data: v } = await l.axios({
-          url: l.url,
-          method: "post",
-          data: a,
-          onUploadProgress: ($) => ze($, e)
-        }), B = v?.data || v;
-        if (B && r() !== -1) {
-          const {
-            id: $,
-            name: ie,
-            url: de,
-            type: ce
-          } = B;
-          Object.assign(e, {
-            id: $,
-            name: ie,
-            docName: ie,
-            url: l.domain + de,
-            docUrl: l.domain + de,
-            type: l.docType || ce,
-            docType: l.docType || ce,
-            status: "success"
-          }), Ue(B, e);
-        } else r() !== -1 && s.value.splice(r(), 1);
-      } catch {
-        r() !== -1 && s.value.splice(r(), 1);
-      } finally {
-        M(), oe(e);
-      }
-    }, se = (t) => {
-      t?.url && Ke(t.url, t.name);
-    }, N = () => {
-      x.value = !x.value;
-    }, re = (t) => {
-      if (!l.pasteable || l.disabled || !we.value)
-        return;
-      const a = t.clipboardData?.items || [];
-      for (let e = 0; e < a.length; e++) {
-        const v = a[e].getAsFile();
-        v && ne(v, !0);
-      }
-    }, ue = (t) => {
-      !E.value || !t?.url || (C(t) || T(t) ? Te(t) : se(t));
-    }, Ve = () => {
-      Oe(l.downloadAllMethod) ? l.downloadAllMethod(s.value) : s.value.forEach((t) => {
-        se(t);
-      });
-    };
-    return Ee(
-      O,
-      (t) => {
-        be(t);
-      },
-      { immediate: !0 }
-    ), Ie(() => {
-      document.addEventListener("paste", re);
-    }), Ne(() => {
-      document.removeEventListener("paste", re);
-    }), (t, a) => (o(), f("div", {
-      class: Be(["d-upload", Ce.value])
-    }, [
-      d(n(He), {
-        ref_key: "uploadRef",
-        ref: X,
-        style: { display: "none" },
-        "show-file-list": !1,
-        "file-list": s.value,
-        accept: Se.value,
-        "before-upload": ne,
-        "with-credentials": "",
-        multiple: "",
-        action: "/"
-      }, null, 8, ["file-list", "accept"]),
-      F.value ? (o(), c(n(Pe), {
-        key: 0,
-        "url-list": D.value,
-        "initial-index": V.value,
-        "hide-on-click-modal": "",
-        teleported: "",
-        onClose: a[0] || (a[0] = (e) => F.value = !1)
-      }, null, 8, ["url-list", "initial-index"])) : p("", !0),
-      w.value ? (o(), c(n(Re), {
-        key: 1,
-        modelValue: w.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (e) => w.value = e),
-        title: n(i)("d.upload.preview"),
-        width: "1200px",
-        "align-center": "",
-        "before-close": le,
-        "append-to-body": ""
-      }, {
-        footer: u(() => [
-          d(n(P), { onClick: le }, {
-            default: u(() => [
-              A(k(n(i)("d.upload.close")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: u(() => [
-          S("div", nt, [
-            L.value ? (o(), f("video", {
-              key: 0,
-              ref_key: "videoRef",
-              ref: G,
-              src: L.value,
-              controls: "",
-              class: "preview-video"
-            }, null, 8, st)) : p("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title"])) : p("", !0),
-      _e.value ? (o(), f("div", rt, [
-        b.value && _.value ? (o(), c(n(P), {
-          key: 0,
-          onClick: te
-        }, {
-          default: u(() => [
-            A(k(n(i)("d.upload.upload")), 1)
-          ]),
-          _: 1
-        })) : p("", !0),
-        h.showDownloadAll && E.value ? (o(), c(n(P), {
-          key: 1,
-          type: "primary",
-          link: "",
-          onClick: Ve
-        }, {
-          default: u(() => [
-            A(k(n(i)("d.upload.downloadAll")), 1)
-          ]),
-          _: 1
-        })) : p("", !0)
-      ])) : p("", !0),
-      _.value ? p("", !0) : (o(), f("div", {
-        key: 3,
-        class: "card",
-        style: z(Z.value)
-      }, [
-        (o(!0), f(j, null, fe(J.value, (e, r) => (o(), f("div", {
-          key: e.id || `${e.name}-${r}`,
-          class: "card-item",
-          style: z(Y.value),
-          onClick: (v) => ue(e)
-        }, [
-          U(e) ? (o(), f(j, { key: 0 }, [
-            C(e) ? (o(), c(n(qe), {
-              key: 0,
-              src: e.url,
-              fit: "cover"
-            }, null, 8, ["src"])) : T(e) ? (o(), c(n(g), { key: 1 }, {
-              default: u(() => [
-                d(Je)
-              ]),
-              _: 1
-            })) : (o(), c(n(g), { key: 2 }, {
-              default: u(() => [
-                d(Ze)
-              ]),
-              _: 1
-            })),
-            S("div", it, [
-              C(e) || T(e) ? (o(), c(n(g), { key: 0 }, {
-                default: u(() => [
-                  d(Ye)
-                ]),
-                _: 1
-              })) : (o(), c(n(g), { key: 1 }, {
-                default: u(() => [
-                  d(We)
-                ]),
-                _: 1
-              })),
-              ee(e) ? (o(), c(n(g), {
-                key: 2,
-                onClick: me((v) => ae(e), ["stop"])
-              }, {
-                default: u(() => [
-                  d(tt)
-                ]),
-                _: 1
-              }, 8, ["onClick"])) : p("", !0)
-            ])
-          ], 64)) : (o(), c(n(ye), {
-            key: 1,
-            style: { width: "80%" },
-            percentage: e.percentage,
-            "stroke-width": 5,
-            "show-text": !1
-          }, null, 8, ["percentage"]))
-        ], 12, ut))), 128)),
-        b.value ? (o(), f("div", {
-          key: 0,
-          class: "card-item",
-          style: z(Y.value),
-          onClick: te
-        }, [
-          d(n(g), null, {
-            default: u(() => [
-              d(et)
-            ]),
-            _: 1
-          })
-        ], 4)) : p("", !0)
-      ], 4)),
-      b.value && h.showTip ? (o(), f("p", {
-        key: 4,
-        class: "tip",
-        innerHTML: Le.value
-      }, null, 8, dt)) : p("", !0),
-      _.value ? (o(), f("div", {
-        key: 5,
-        style: z(Z.value),
-        class: "list"
-      }, [
-        (o(!0), f(j, null, fe(J.value, (e, r) => (o(), f("div", {
-          key: e.id || `${e.name}-${r}`,
-          class: "list-item"
-        }, [
-          S("div", ct, [
-            d(n(R), {
-              type: "primary",
-              underline: "never",
-              onClick: (v) => ue(e)
-            }, {
-              default: u(() => [
-                A(k(e.name), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"]),
-            ee(e) ? (o(), c(n(g), {
-              key: 0,
-              class: "remove-icon",
-              onClick: me((v) => ae(e), ["stop"])
-            }, {
-              default: u(() => [
-                d(Qe)
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : p("", !0)
-          ]),
-          U(e) ? p("", !0) : (o(), c(n(ye), {
-            key: 0,
-            percentage: e.percentage,
-            "stroke-width": 8
-          }, null, 8, ["percentage"]))
-        ]))), 128))
-      ], 4)) : p("", !0),
-      s.value.length > h.maxShow ? (o(), f("div", pt, [
-        x.value ? (o(), c(n(R), {
-          key: 0,
-          type: "primary",
-          underline: "never",
-          onClick: N
-        }, {
-          default: u(() => [
-            S("span", null, k(n(i)("d.upload.collapse")), 1),
-            d(n(g), null, {
-              default: u(() => [
-                d(Ge)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : (o(), c(n(R), {
-          key: 1,
-          type: "primary",
-          underline: "never",
-          onClick: N
-        }, {
-          default: u(() => [
-            S("span", null, k(n(i)("d.upload.expand")), 1),
-            d(n(g), null, {
-              default: u(() => [
-                d(Xe)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }))
-      ])) : p("", !0)
-    ], 2));
-  }
-}), Et = /* @__PURE__ */ lt(ft, [["__scopeId", "data-v-5e32dcf8"]]);
-export {
-  Et as default
-};

package/components/upload/src/upload2.css

@@ -1 +0,0 @@
-.d-upload__preview{height:calc(80vh - 120px);display:flex;justify-content:center}.d-upload__preview .preview-video{max-width:100%;height:100%}