kouxiangtang 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur

package/dist/ImageUploader-Camc1yX9.js

@@ -0,0 +1,97 @@
+import { _ as y, b as E, l as I, p as v, d as x, E as p, e as m, a as B, f as M, h as b, i as C } from "./index-B-_bBrFO.js";
+import { openBlock as t, createBlock as l, unref as c, withCtx as s, renderSlot as S, createElementVNode as L, createVNode as n, withModifiers as N, createCommentVNode as V } from "vue";
+const q = { class: "image-slot" }, z = {
+  __name: "ImageUploader",
+  props: {
+    imageUrl: { type: String }
+  },
+  emits: ["on-success"],
+  setup(f, { emit: _ }) {
+    const u = _, r = f, g = E().imageUploadUrl;
+    `${localStorage.getItem("token")}`;
+    const h = (e) => {
+      if (!(e.size / 1024 / 1024 < 5))
+        return p({
+          message: "上传大小不能超过 5MB!",
+          type: "warning"
+        }), !1;
+    }, U = (e) => {
+      u("on-success", e.data.imageUrl);
+    };
+    function k() {
+      console.log("删除"), u("on-success", "");
+    }
+    function w(e) {
+      return m.service({ text: "上传中，请稍后", background: "rgba(0,0,0,0.3)" }), new Promise((i, a) => {
+        const o = new FormData();
+        o.append("image", e.file), B.post(g, o, {}).then((d) => {
+          m.service().close(), p({
+            message: "上传成功",
+            type: "success"
+          }), i(d.data);
+        }).catch(() => {
+          m.service().close(), p({
+            message: "上传失败",
+            type: "warning"
+          }), a("Upload failed");
+        });
+      });
+    }
+    return (e, i) => {
+      const a = M, o = b, d = C;
+      return t(), l(d, {
+        class: "image-uploader",
+        action: c(g),
+        name: "image",
+        "show-file-list": !1,
+        "on-success": U,
+        "before-upload": h,
+        "http-request": w
+      }, {
+        default: s(() => [
+          S(e.$slots, "default", {}, void 0, !0),
+          r.imageUrl ? (t(), l(o, {
+            key: 0,
+            class: "image",
+            src: r.imageUrl,
+            fit: "scale-down"
+          }, {
+            placeholder: s(() => [
+              L("div", q, [
+                n(a, { class: "placeholder-icon" }, {
+                  default: s(() => [
+                    n(c(I))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["src"])) : (t(), l(a, {
+            key: 1,
+            class: "uploader-icon"
+          }, {
+            default: s(() => [
+              n(c(v))
+            ]),
+            _: 1
+          })),
+          r.imageUrl ? (t(), l(a, {
+            key: 2,
+            class: "delete-icon",
+            onClick: N(k, ["stop", "prevent"])
+          }, {
+            default: s(() => [
+              n(c(x))
+            ]),
+            _: 1
+          })) : V("", !0)
+        ]),
+        _: 3
+      }, 8, ["action"]);
+    };
+  }
+}, A = /* @__PURE__ */ y(z, [["__scopeId", "data-v-19c702c5"]]);
+export {
+  A as default
+};