command-center-v3-common 0.0.18 → 0.0.20

package/dist/vue-cropper-demo-D-aasLN1.js

@@ -1,93 +0,0 @@
-import { defineComponent as _, ref as p, resolveComponent as i, openBlock as g, createElementBlock as v, Fragment as h, createElementVNode as r, unref as x, createVNode as t, withCtx as c, createTextVNode as s } from "vue";
-import { f as C } from "./command-center-v3-common-8JifopwY.js";
-const w = { class: "flex flex-col items-center justify-center gap-6" }, y = ["src"], b = { class: "flex items-center gap-x-3" }, S = /* @__PURE__ */ _({
-  __name: "vue-cropper-demo",
-  setup(B) {
-    const e = p(), a = p("https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg");
-    async function f() {
-      const n = {
-        img: a.value
-      };
-      await e.value.onShowModal(n), a.value = await e.value.getCropData();
-    }
-    function u() {
-      a.value = "https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg";
-    }
-    async function d(n) {
-      const o = {
-        img: await e.value.getBlobToData(n),
-        outputType: "png",
-        // 裁剪生成图片的格式
-        canScale: !0,
-        // 图片是否允许滚轮缩放
-        fixedBox: !0,
-        // 固定截图框大小 不允许改变
-        infoTrue: !1,
-        // 是否开启截图框宽高固定比例
-        autoCropWidth: 70,
-        autoCropHeight: 70,
-        centerBox: !1,
-        original: !0,
-        fixed: !1
-      };
-      await e.value.onShowModal(o);
-      const l = await e.value.getCropBlob();
-      console.log(l);
-    }
-    return (n, m) => {
-      const o = i("el-button"), l = i("el-upload");
-      return g(), v(h, null, [
-        r("div", w, [
-          r("img", {
-            src: x(a),
-            class: "rounded-xl"
-          }, null, 8, y),
-          t(l, {
-            accept: ".png,.jpg,.gif",
-            "before-upload": d,
-            action: "",
-            class: "relative group overflow-hidden",
-            "show-file-list": !1
-          }, {
-            default: c(() => [
-              t(o, { type: "primary" }, {
-                default: c(() => [
-                  s(" 上传图片 ")
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          r("div", b, [
-            t(o, {
-              type: "primary",
-              onClick: f
-            }, {
-              default: c(() => [
-                s(" 图片裁剪 ")
-              ]),
-              _: 1
-            }),
-            t(o, {
-              type: "primary",
-              onClick: u
-            }, {
-              default: c(() => [
-                s(" 还原 ")
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        t(C, {
-          ref_key: "vueCropper",
-          ref: e
-        }, null, 512)
-      ], 64);
-    };
-  }
-});
-export {
-  S as default
-};