geekplus-digital-ui 0.1.12 → 0.1.13

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

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

package/components/upload/src/upload2.css

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

package/config/index.d.ts

@@ -3,4 +3,4 @@ export function getGlobalConfig(): {
     components: {};
 };
 export function getComponentConfig(componentName: any): any;
-export function getComponentConfigValue(componentName: any, key: any, fallback: any): any;
+export function getComponentConfigValue(componentName: any, key: any, defaultValue: any): any;

package/config/index.js

@@ -1,24 +1,25 @@
-const e = {
+import { isFunction as f, isPlainObject as r } from "lodash-es";
+const i = {
   components: {}
-}, f = (o, n = {}) => {
-  if (!n || typeof n != "object")
-    return o;
-  const { components: t } = n;
-  return t && typeof t == "object" && Object.assign(o.components, t), o;
-}, r = (o) => f(e, o), g = () => e, s = (o) => {
-  if (!o)
+}, s = (n) => f(n) ? n : Array.isArray(n) || r(n) ? () => n : n, e = (n, o = {}) => {
+  if (!r(o))
+    return n;
+  const { components: t } = o;
+  return r(t) && Object.assign(n.components, t), n;
+}, m = (n) => e(i, n), p = () => i, g = (n) => {
+  if (!n)
     return {};
-  const n = e.components?.[o];
-  return !n || typeof n != "object" ? {} : n;
-}, u = (o, n, t) => {
-  if (!o || !n)
-    return t;
-  const c = s(o)?.[n];
-  return c === void 0 ? t : c;
+  const o = i.components?.[n];
+  return r(o) ? o : {};
+}, b = (n, o, t) => {
+  if (!n || !o)
+    return s(t);
+  const c = g(n)?.[o];
+  return s(c ?? t);
 };
 export {
-  s as getComponentConfig,
-  u as getComponentConfigValue,
-  g as getGlobalConfig,
-  r as setGlobalConfig
+  g as getComponentConfig,
+  b as getComponentConfigValue,
+  p as getGlobalConfig,
+  m as setGlobalConfig
 };

package/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './use-locale';
+export * from './use-activated';

package/hooks/index.js

@@ -1,4 +1,6 @@
 import { useLocale as r } from "./use-locale/index.js";
+import { useActivated as a } from "./use-activated/index.js";
 export {
+  a as useActivated,
   r as useLocale
 };

package/hooks/use-activated/index.d.ts

@@ -0,0 +1 @@
+export function useActivated(): import('vue').Ref<boolean, boolean>;

package/hooks/use-activated/index.js

@@ -0,0 +1,12 @@
+import { ref as e, onActivated as a, onDeactivated as r } from "vue";
+const c = () => {
+  const t = e(!0);
+  return a(() => {
+    t.value = !0;
+  }), r(() => {
+    t.value = !1;
+  }), t;
+};
+export {
+  c as useActivated
+};

package/index.js

@@ -1,21 +1,25 @@
 import { install as o } from "./install.js";
 import "./components/index.js";
 import "./hooks/index.js";
-import { getComponentConfig as m, getComponentConfigValue as i, getGlobalConfig as l, setGlobalConfig as x } from "./config/index.js";
+import { getComponentConfig as n, getComponentConfigValue as i, getGlobalConfig as l, setGlobalConfig as x } from "./config/index.js";
 import { DCopy as g } from "./components/copy/index.js";
 import { DFoldText as s } from "./components/fold-text/index.js";
-import { DIconTip as d } from "./components/icon-tip/index.js";
-import { useLocale as D } from "./hooks/use-locale/index.js";
+import { DIconTip as c } from "./components/icon-tip/index.js";
+import { DUpload as D } from "./components/upload/index.js";
+import { useActivated as G } from "./hooks/use-activated/index.js";
+import { useLocale as v } from "./hooks/use-locale/index.js";
 const p = { install: o };
 export {
   g as DCopy,
   s as DFoldText,
-  d as DIconTip,
+  c as DIconTip,
+  D as DUpload,
   p as default,
-  m as getComponentConfig,
+  n as getComponentConfig,
   i as getComponentConfigValue,
   l as getGlobalConfig,
   o as install,
   x as setGlobalConfig,
-  D as useLocale
+  G as useActivated,
+  v as useLocale
 };

package/locale/i18n.js

@@ -1,29 +1,30 @@
-import { createI18n as i } from "vue-i18n";
-import r from "./lang/en.js";
-const o = "en", f = {
-  [r.name]: r
+import { isPlainObject as c } from "lodash-es";
+import { createI18n as u } from "vue-i18n";
+import o from "./lang/en.js";
+const r = "en", f = {
+  [o.name]: o
 };
 let a;
-const s = (n) => n ? typeof n == "string" ? n : typeof n == "object" && n.name ? n.name : o : o, t = (n) => (a || (a = i({
+const s = (n) => n ? typeof n == "string" ? n : c(n) && n.name ? n.name : r : r, t = (n) => (a || (a = u({
   legacy: !1,
   locale: s(n),
-  fallbackLocale: o,
+  fallbackLocale: r,
   messages: { ...f }
-})), a), c = (n) => {
-  if (!n || typeof n != "object")
+})), a), i = (n) => {
+  if (!c(n))
     return;
   const e = s(n);
   t(n).global.setLocaleMessage(e, n);
 }, b = (n) => {
   const e = t(n);
-  return c(n), e.global.locale.value = s(n), e;
-}, L = (n) => {
+  return i(n), e.global.locale.value = s(n), e;
+}, p = (n) => {
   const e = t(n);
-  c(n), e.global.locale.value = s(n);
-}, l = () => t().global.locale.value, p = (...n) => t().global.t(...n);
+  i(n), e.global.locale.value = s(n);
+}, I = () => t().global.locale.value, v = (...n) => t().global.t(...n);
 export {
-  l as getLocale,
+  I as getLocale,
   b as initI18n,
-  L as setLocale,
-  p as t
+  p as setLocale,
+  v as t
 };