yahee-components 0.0.113 → 0.0.114

package/es/annex-upload/annex-upload.vue.js

@@ -0,0 +1,55 @@
+import r from "./annex-upload.vue2.js";
+import { createElementBlock as a, openBlock as n, createVNode as c, createSlots as m, withCtx as o, renderSlot as d, createTextVNode as f, toDisplayString as l, createElementVNode as s, createCommentVNode as _ } from "vue";
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "yahee-annex-upload" }, u = { class: "margin15 el-upload__tip" }, x = { key: 0 };
+function w(i, y, t, e, S, E) {
+  return n(), a("div", p, [
+    c(e.ElUpload, {
+      ref: "uploadRef",
+      style: { width: "100%" },
+      action: "",
+      "http-request": e.uploadFile,
+      "before-upload": e.beforeUpload,
+      "on-success": e.handleSuccess,
+      "on-remove": e.handleRemove,
+      "on-exceed": e.handleExceed,
+      accept: t.accept,
+      multiple: "",
+      limit: t.limit,
+      "file-list": t.fileList,
+      "show-file-list": t.showList
+    }, m({
+      default: o(() => [
+        d(i.$slots, "default", {}, () => [
+          c(e.ElButton, {
+            plain: "",
+            type: "primary"
+          }, {
+            default: o(() => [
+              f(l(e.M2("上传文件")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 2
+    }, [
+      t.showTips ? {
+        name: "tip",
+        fn: o(() => [
+          d(i.$slots, "tip", {}, () => [
+            s("span", u, [
+              s("span", null, l(e.M2(`支持扩展名：${t.accept}`)) + "，", 1),
+              t.limitFileSize ? (n(), a("span", x, l(e.M2(`文件不能大于${t.fileSize}`)) + l(t.fileSizeUnit.toUpperCase()), 1)) : _("", !0)
+            ])
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["accept", "limit", "file-list", "show-file-list"])
+  ]);
+}
+const N = /* @__PURE__ */ h(r, [["render", w], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/annex-upload/annex-upload.vue"]]);
+export {
+  N as default
+};

package/es/annex-upload/annex-upload.vue2.js

@@ -0,0 +1,121 @@
+import { defineComponent as U, ref as E, watch as F, nextTick as p } from "vue";
+import { useUpload as _ } from "../packages/components/hooks/useUpload.js";
+import { useImport as w } from "../packages/components/hooks/useImport.js";
+import { useFormItem as $, ElMessage as n, ElButton as b, ElUpload as B } from "element-plus";
+import "element-plus/theme-chalk/src/base.scss";
+import "element-plus/theme-chalk/src/badge.scss";
+import "element-plus/theme-chalk/src/message.scss";
+import "element-plus/theme-chalk/src/upload.scss";
+import "element-plus/theme-chalk/src/progress.scss";
+import "element-plus/theme-chalk/src/button.scss";
+import { MimeType as m } from "./mimeType.js";
+import { M2 as a } from "../utils/translate.js";
+const I = /* @__PURE__ */ U({
+  name: "AnnexUpload",
+  __name: "annex-upload",
+  props: {
+    modelValue: { type: Array, required: !0, default: () => [] },
+    fileList: { type: Array, required: !1, default: () => [] },
+    showList: { type: Boolean, required: !1, default: !0 },
+    fileType: { type: String, required: !1, default: "105" },
+    accept: { type: String, required: !1, default: ".gif,.jpg,.png,.doc,.docx,.pdf,.xls,.xlsx" },
+    checkRealType: { type: Boolean, required: !1, default: !0 },
+    limit: { type: Number, required: !1, default: 1 },
+    limitFileSize: { type: Boolean, required: !1, default: !0 },
+    fileSize: { type: Number, required: !1, default: 20 },
+    fileSizeUnit: { type: String, required: !1, default: "mb" },
+    uploadType: { type: String, required: !1, default: "upload" },
+    validateEvent: { type: Boolean, required: !1, default: !0 },
+    showTips: { type: Boolean, required: !1, default: !0 }
+  },
+  emits: ["update:modelValue", "change", "success", "remove"],
+  setup(y, { expose: g, emit: h }) {
+    const l = y, r = h;
+    function S(t) {
+      if (l.accept && l.checkRealType) {
+        const e = [];
+        for (let i of l.accept.split(","))
+          if (i = i.toLowerCase(), m.get(i) !== void 0)
+            e.push(m.get(i));
+          else
+            return n.error(a(`文件类型错误，支持文件类型为： ${l.accept}!`)), !1;
+        if (e.join().indexOf(t.type) === -1)
+          return n.error(a(`文件类型错误，支持文件类型为： ${l.accept}!`)), !1;
+      }
+      if (l.limitFileSize) {
+        let e = t.size;
+        if (l.fileSizeUnit.toLowerCase() === "kb" ? e = t.size / 1024 : e = t.size / 1024 / 1024, !(e < l.fileSize))
+          return n.error(a(`文件大小不能超过 ${l.fileSize}${l.fileSizeUnit}!`)), !1;
+      }
+    }
+    function q(t) {
+      return l.uploadType === "upload" ? _(l.fileType, t.file, (e) => {
+        t.onProgress(e);
+      }).then((e) => {
+        t.onSuccess(e);
+      }).catch(() => {
+        t.onError();
+      }) : l.uploadType === "import" && w(t.file, (e) => {
+        t.onProgress(e);
+      }).then((e) => {
+        t.onSuccess(e);
+      }).catch(() => {
+        t.onError();
+      }), null;
+    }
+    function z(t, e) {
+      n.warning(
+        a(
+          `当前限制选择 ${l.limit} 个文件，本次选择了 ${t.length} 个文件，共选择了 ${t.length + e.length} 个文件`
+        )
+      );
+    }
+    const u = E(null);
+    function s(t) {
+      return t.length === 0 ? [] : t.map((e) => e.response ? {
+        fileName: e.name,
+        fileId: e.response[0],
+        fileUrl: `http://qas-service.yahee.com.cn:8088/FMSService/Latest/${e.response[0]}`
+      } : {
+        fileName: e.name,
+        fileId: e.url.split("/")[e.url.split("/").length - 1],
+        fileUrl: e.url
+      });
+    }
+    const T = async (t, e, i) => {
+      if (l.uploadType === "import")
+        r("update:modelValue", t);
+      else if (l.uploadType === "upload") {
+        const c = s(i);
+        r("update:modelValue", c), await p(), r("change", c);
+      }
+    }, x = async (t, e) => {
+      const i = s(e);
+      r("update:modelValue", i), await p(), r("change", i);
+    };
+    async function f() {
+      u.value.clearFiles(), r("update:modelValue", []), await p(), r("change", []);
+    }
+    g({ clearFiles: f });
+    const { formItem: o } = $();
+    F(
+      () => l.modelValue,
+      (t) => {
+        var e;
+        (!t || t.length === 0) && u.value.clearFiles(), l.validateEvent && ((e = o == null ? void 0 : o.validate) == null || e.call(o, "change").catch(() => {
+        }));
+      }
+    );
+    const d = { props: l, emits: r, beforeUpload: S, uploadFile: q, handleExceed: z, uploadRef: u, getUploadFiles: s, handleSuccess: T, handleRemove: x, clearFiles: f, formItem: o, get ElUpload() {
+      return B;
+    }, get ElButton() {
+      return b;
+    }, get M2() {
+      return a;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+export {
+  I as default
+};

package/es/annex-upload/index.js

@@ -0,0 +1,7 @@
+import { withInstall as o } from "../utils/install.js";
+import t from "./annex-upload.vue.js";
+const n = o(t);
+export {
+  n as YaheeAnnexUpload,
+  n as default
+};