@a2simcode/ui 0.0.42 → 0.0.43

package/dist/simcode-ui.es87.js

@@ -0,0 +1,449 @@
+import { defineComponent as ye, computed as S, ref as u, resolveComponent as f, resolveDirective as ge, openBlock as d, createElementBlock as y, createVNode as p, withCtx as g, createElementVNode as D, toDisplayString as H, unref as m, createBlock as F, normalizeStyle as he, createCommentVNode as k, createTextVNode as we, withDirectives as be } from "vue";
+import { useAppInject as xe } from "./simcode-ui.es174.js";
+import { downFile as Se } from "./simcode-ui.es187.js";
+import O from "./simcode-ui.es188.js";
+import { formatToDate as U } from "./simcode-ui.es58.js";
+import { EncryptionFactory as ke } from "./simcode-ui.es55.js";
+const Ue = { class: "j-upload" }, ze = { key: 0 }, Ie = { style: { "margin-top": "8px" } }, Le = {
+  key: 0,
+  style: { "margin-top": "4px" }
+}, Be = {
+  key: 0,
+  class: "j-block",
+  style: { display: "flex", "align-items": "center", "justify-content": "center", overflow: "auto", "overflow-x": "hidden" }
+}, je = ["src"], $e = {
+  key: 1,
+  class: "j-block"
+}, De = ["src"], Ee = /* @__PURE__ */ ye({
+  name: "JUpload",
+  __name: "upload",
+  props: {
+    /**
+     * @zh 输入值
+     * @vModel
+     */
+    modelValue: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 是否只读
+     */
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 限制上传数,-1表示不限制
+     */
+    limit: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * @zh 是否允许多选
+     */
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 最大上传大小
+     */
+    maxSize: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * @zh 尺寸大小单位
+     */
+    sizeType: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 文件类型
+     */
+    accept: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 是否显示文件列表
+     */
+    showFileList: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否支持拖动上传
+     */
+    drag: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 只显示名称
+     */
+    onlyName: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示提示语
+     */
+    isTip: Boolean,
+    /**
+     * @zh 按钮文字
+     */
+    placeholder: {
+      type: String,
+      default: "点击上传"
+    },
+    /**
+     * @zh 按钮类型
+     */
+    btnType: {
+      type: String,
+      default: "primary"
+    },
+    /**
+     * @zh 按钮大小
+     */
+    btnSize: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @zh 按钮文字
+     */
+    btnText: {
+      type: String,
+      default: "查看"
+    },
+    /**
+     * @zh 不允许请求后端，表单设计预览使用
+     */
+    isNotApi: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否自动上传
+     */
+    autoUpload: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否上传图片
+     */
+    isUploadImg: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 文件列表是否弹窗显示
+     */
+    isLayer: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 上传方法
+     */
+    upload: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 上传回调
+     */
+    uploadCallback: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 只保存最近项
+     */
+    isSaveLast: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否展示上传成功图标
+     */
+    isShowSuccessIcon: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "start",
+    "success",
+    "error",
+    "delete",
+    "load",
+    "notUploadChange"
+  ],
+  setup(t, { emit: q }) {
+    const a = t, n = q, { warning: o, error: T, createConfirm: C, t: r, apiUrl: h, token: N, useFile: G } = xe(), { fileChunkedUpload: z, deleteFile: V } = G(), Y = S(() => a.isUploadImg ? a.accept || "image/*" : a.accept), J = S(() => {
+      if (a.limit !== -1)
+        return a.limit;
+    }), K = S(() => a.limit === -1 ? "" : `,${r("上传数量")}${a.limit}`), I = u(""), Q = S(() => ({
+      folderId: a.modelValue || I.value,
+      maxSize: a.maxSize,
+      sizeType: a.sizeType
+    })), i = u([]), L = () => {
+      i.value = [...i.value];
+    }, W = (e) => {
+      if (a.maxSize && a.sizeType) {
+        let l = e;
+        switch (a.sizeType) {
+          case "GB":
+            l = 1024 * 1024 * 1024 * a.maxSize;
+            break;
+          case "MB":
+            l = 1024 * 1024 * a.maxSize;
+            break;
+          case "KB":
+            l = 1024 * a.maxSize;
+            break;
+          default:
+            l = a.maxSize;
+            break;
+        }
+        if (l < e)
+          return !1;
+      }
+      return !0;
+    }, X = {
+      doc: "file-word",
+      docx: "file-word",
+      xls: "file-excel",
+      xlsx: "file-excel",
+      pdf: "file-pdf",
+      image: "file-image",
+      txt: "file-txt",
+      json: "file-json"
+    }, Z = (e) => {
+      if (e) {
+        const l = e.split(".");
+        return l[l.length - 1];
+      }
+      return "";
+    }, _ = (e, l) => {
+      if (l && l.indexOf("image") > -1)
+        return "file-image";
+      const s = Z(e);
+      return ["webp", "bmp", "jpg", "jpge", "png", "tif", "gif", "svg"].includes(s) ? "file-image" : X[s] || "file-ufo";
+    }, ee = (e) => {
+      e.status = a.autoUpload ? "uploading" : "unUpload", e.uploadSize = 0, e.icon = _(e.name, e.type), z || (e.icon = "file-text"), e.id = e.uid, e.url = window.URL.createObjectURL(e), e.date = U(), e.param = Q.value;
+    }, te = (e) => {
+      n("start", { file: e, list: i.value });
+    }, le = (e, l, s) => {
+      e.percent = s, e.uploadSize = l, L();
+    }, E = (e) => {
+      e.status = "done", e.id += "1", e.uid += "1", L(), n("success", { file: e, list: i.value }), a.modelValue || (n("update:modelValue", I.value), n("change", { value: I.value }));
+    }, ae = (e, l) => {
+      console.error(l, "简搭提醒您:文件上传错误！"), e.status = "error", L(), n("error", { file: e, list: i.value });
+    }, ie = (e) => {
+      if (i.value.push(e), e.status === "unUpload") {
+        n("notUploadChange", { value: e.url });
+        return;
+      }
+      !a.isNotApi && a.upload ? a.upload(e) : !a.isNotApi && z ? z(e, {
+        onStart: te,
+        onProgress: le,
+        onSuccess: E,
+        onError: ae,
+        uploadCallback: a.uploadCallback
+      }) : E(e);
+    }, oe = (e) => {
+      if (!W(e.size))
+        return T && T("上传文件超出大小了"), !1;
+    }, ne = (e) => {
+      ee(e.file), ie(e.file);
+    }, A = (e) => new Promise((l) => {
+      C ? C({
+        title: "提示",
+        iconType: "warning",
+        content: `您确定删除【${e.name}】?`,
+        onOk: () => {
+          l(!0);
+        },
+        onCancel: () => {
+          l(!1);
+        }
+      }) : (B(e), l(!0));
+    }), B = (e) => {
+      if (!a.isNotApi) {
+        const l = e.response?.fileId || e.id;
+        V && V(l);
+      }
+      i.value = i.value.filter((l) => l.id !== e.id), i.value.length === 0 && (n("update:modelValue", ""), n("change", { value: "" })), n("delete", { file: e, list: i.value });
+    }, M = async (e) => {
+      await A(e) && B(e);
+    }, j = u(!1), P = u(""), c = u(""), v = u(!1), w = u(!1);
+    let b = null;
+    const se = u(U(/* @__PURE__ */ new Date(), "YYYY-MM-DD")), $ = (e) => {
+      if (e.isPreview === !1 && !a.isUploadImg) {
+        o && o("无权限预览！");
+        return;
+      }
+      const l = e.name.split(".")[e.name.split(".").length - 1];
+      switch (b = e, j.value = !1, P.value = e.name, l.toLowerCase()) {
+        case "jpg":
+        case "gif":
+        case "png":
+        case "bmp":
+        case "jpeg":
+        case "svg":
+          j.value = !0, c.value = e.url, w.value = !1, v.value = !0;
+          break;
+        default:
+          if (a.isNotApi) {
+            o && o("预览表单中,不支持预览！");
+            return;
+          }
+          if (e.status !== "done") {
+            o && o("当前文件还没上传成功,不支持预览！");
+            return;
+          }
+          if (c.value = ue(e), c.value === "") {
+            o && o("当前文件不支持预览！");
+            return;
+          }
+          w.value = !0, v.value = !0;
+          break;
+      }
+      se.value = U(/* @__PURE__ */ new Date(), "YYYY-MM-DD HH:mm:ss");
+    }, ue = (e) => {
+      const l = e.response?.fileId || e.id;
+      if (!h)
+        return "";
+      const s = U(/* @__PURE__ */ new Date(), "YYYY-MM-DD HH:mm:ss") + "|" + l, x = ke.createAesEncryption({ key: "jianda" }).encrypt(s).replace(/\//g, "|");
+      return `${h}/system/annexesfile/preview/${x}?token=${N?.value}`;
+    }, de = () => {
+      b.isDown === !1 && o && o("无权限下载！");
+      const e = b.response?.fileId || b.id, l = `${h}/system/annexesfile/${e}?token=${N?.value}`;
+      Se(l);
+    }, re = () => {
+      if (a.limit !== -1 && a.limit <= i.value.length)
+        return o && o(`当前限制选择${a.limit}个文件`), !1;
+    };
+    return (e, l) => {
+      const s = f("j-icon"), x = f("j-button"), ce = f("el-popover"), me = f("el-upload"), fe = f("el-text"), pe = f("j-dialog-full"), ve = ge("loading");
+      return d(), y("div", Ue, [
+        p(me, {
+          action: "",
+          drag: t.drag,
+          disabled: t.readonly,
+          "show-file-list": t.isUploadImg && !t.isLayer && t.showFileList,
+          "list-type": t.isUploadImg && !t.isLayer ? "picture-card" : void 0,
+          accept: Y.value,
+          limit: J.value,
+          multiple: t.multiple,
+          "before-upload": oe,
+          "http-request": ne,
+          "file-list": i.value,
+          "before-remove": A,
+          "on-remove": B,
+          "on-preview": $,
+          "on-exceed": re
+        }, {
+          default: g(() => [
+            t.isUploadImg && !t.isLayer && !t.readonly ? (d(), y("div", ze, [
+              p(s, { icon: "mdi:add" }),
+              D("div", Ie, H(m(r)(t.placeholder)), 1)
+            ])) : t.isLayer && t.showFileList && i.value.length > 0 && !v.value ? (d(), F(ce, {
+              key: 1,
+              placement: "bottom",
+              title: t.isUploadImg ? m(r)("图片列表") : m(r)("文件列表")
+            }, {
+              content: g(() => [
+                p(O, {
+                  style: he({ width: t.isUploadImg ? void 0 : "400px" }),
+                  list: i.value,
+                  "preview-file": $,
+                  "delete-file": M,
+                  "is-upload-img": t.isUploadImg,
+                  readonly: t.readonly
+                }, null, 8, ["style", "list", "is-upload-img", "readonly"])
+              ]),
+              default: g(() => [
+                p(x, {
+                  type: t.btnType,
+                  size: t.btnSize,
+                  icon: "mdi:tray-upload",
+                  label: t.readonly ? m(r)(t.btnText) : t.placeholder
+                }, null, 8, ["type", "size", "label"])
+              ]),
+              _: 1
+            }, 8, ["title"])) : t.readonly ? k("", !0) : (d(), F(x, {
+              key: 2,
+              type: t.btnType,
+              size: t.btnSize,
+              icon: "mdi:tray-upload",
+              label: t.placeholder
+            }, null, 8, ["type", "size", "label"]))
+          ]),
+          _: 1
+        }, 8, ["drag", "disabled", "show-file-list", "list-type", "accept", "limit", "multiple", "file-list"]),
+        t.isTip ? (d(), y("div", Le, [
+          p(fe, null, {
+            default: g(() => [
+              we(H(`${m(r)("只能上传不超过{0}的{1}文件", `${t.maxSize}${t.sizeType}`, `${Y.value || ""}`)},${K.value}`), 1)
+            ]),
+            _: 1
+          })
+        ])) : k("", !0),
+        !t.isLayer && !t.isUploadImg && t.showFileList && i.value.length > 0 ? (d(), F(O, {
+          key: 1,
+          style: { "margin-top": "4px" },
+          list: i.value,
+          "preview-file": $,
+          "delete-file": M,
+          readonly: t.readonly,
+          "is-show-success-icon": t.isShowSuccessIcon
+        }, null, 8, ["list", "readonly", "is-show-success-icon"])) : k("", !0),
+        p(pe, {
+          visible: v.value,
+          "onUpdate:visible": l[1] || (l[1] = (R) => v.value = R),
+          "btn-text": "下载",
+          title: `${m(r)("文件预览")}【${P.value}】`,
+          "destroy-on-close": !0,
+          "has-btns": !!m(h),
+          onOk: de
+        }, {
+          default: g(() => [
+            j.value && c.value ? (d(), y("div", Be, [
+              D("img", {
+                width: "100%",
+                style: { "max-width": "1024px" },
+                src: c.value,
+                alt: ""
+              }, null, 8, je)
+            ])) : c.value != "" ? be((d(), y("div", $e, [
+              D("iframe", {
+                ref: "iframe",
+                src: c.value,
+                style: { width: "100%", height: "100%" },
+                frameborder: "0",
+                onLoad: l[0] || (l[0] = (R) => w.value = !1)
+              }, null, 40, De)
+            ])), [
+              [ve, w.value]
+            ]) : k("", !0)
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "has-btns"])
+      ]);
+    };
+  }
+});
+export {
+  Ee as default
+};

package/dist/simcode-ui.es88.js

@@ -0,0 +1,7 @@
+import o from "./simcode-ui.es128.js";
+/* empty css                 */
+import t from "./simcode-ui.es130.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37f9a80b"]]);
+export {
+  m as default
+};