xyvcard-goods 0.0.21 → 0.0.23

package/dist/ImageUpload-Dk6GY6PA.mjs

@@ -0,0 +1,93 @@
+import { defineComponent as b, ref as o, watchEffect as E, computed as P, resolveComponent as n, openBlock as R, createElementBlock as S, Fragment as j, createVNode as i, withCtx as p, createElementVNode as k } from "vue";
+import { ElMessageBox as N } from "element-plus";
+import { fileApi as s } from "jmash-core";
+import { useI18n as M } from "vue-i18n";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const z = ["src"], A = /* @__PURE__ */ b({
+  __name: "ImageUpload",
+  props: {
+    modelValue: {
+      type: String,
+      default: () => ""
+    },
+    listType: {
+      type: String,
+      default: "picture"
+    },
+    limit: {
+      type: Number,
+      default: 1e3
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: v }) {
+    const { t: a } = M(), y = o(s.uploadUrl()), h = o(s.authHeader()), V = o(), c = o(!1), d = o(""), I = u, l = o([]);
+    E(() => {
+      l.value = I.modelValue.split(",").filter(Boolean);
+    });
+    const f = P(
+      () => l.value.map((e) => ({ url: s.imageUrl(e), status: "success", uid: e }))
+    ), T = (e) => {
+      d.value = e.url, c.value = !0;
+    }, U = (e) => {
+      const t = e.size / 1024 / 1024 < 2;
+      ["image/jpeg", "image/png", "image/gif", "image/jpg"].includes(e.type) && !t && N.confirm(a("file.imageLtRequired"), a("file.warning"), {
+        confirmButtonText: a("common.confirm"),
+        cancelButtonText: a("common.cancel"),
+        type: "warning"
+      }).then(async () => {
+      }).catch(() => (l.value.splice(-1, 1), r(), !1));
+    }, x = (e) => {
+      l.value = l.value.filter((t) => s.imageUrl(t) !== e.url), r();
+    }, w = (e) => {
+      l.value.push(e.fileSrc), r();
+    }, B = v, r = () => {
+      B("update:modelValue", l.value.join(","));
+    };
+    return (e, t) => {
+      const g = n("Plus"), _ = n("el-icon"), C = n("el-upload"), L = n("el-dialog");
+      return R(), S(j, null, [
+        i(C, {
+          ref_key: "uploadImageRef",
+          ref: V,
+          "file-list": f.value,
+          "onUpdate:fileList": t[0] || (t[0] = (m) => f.value = m),
+          action: y.value,
+          headers: h.value,
+          limit: u.limit,
+          "list-type": u.listType,
+          "on-preview": T,
+          "before-upload": U,
+          "on-success": w,
+          "on-remove": x
+        }, {
+          default: p(() => [
+            i(_, null, {
+              default: p(() => [
+                i(g)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["file-list", "action", "headers", "limit", "list-type"]),
+        i(L, {
+          modelValue: c.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (m) => c.value = m),
+          fullscreen: !0
+        }, {
+          default: p(() => [
+            k("img", {
+              src: d.value,
+              alt: ""
+            }, null, 8, z)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}), J = /* @__PURE__ */ q(A, [["__scopeId", "data-v-f10f6f7e"]]);
+export {
+  J as _
+};