@keyblade/pro-components 1.12.0-alpha.8 → 1.12.1-alpha.10

package/es/pro-image-upload/cropper.vue2.js

@@ -1,211 +0,0 @@
-import { defineComponent as j, ref as d, watch as D, resolveComponent as l, openBlock as M, createBlock as P, normalizeClass as _, withCtx as a, createVNode as e, mergeProps as q, createElementVNode as y, createTextVNode as x, nextTick as C } from "vue";
-import "vue-cropper/dist/index.css";
-import G from "vue-cropper/lib/vue-cropper.vue";
-const i = "keyblade-pro-image-upload-cropper", Q = /* @__PURE__ */ j({
-  __name: "cropper",
-  props: {
-    file: {},
-    index: {},
-    options: {}
-  },
-  emits: ["cancel", "confirm", "imgLoad", "reUpload"],
-  setup(H, { expose: R, emit: f }) {
-    const s = H, o = d(), w = d(), u = d(!0), g = d(!1), m = d({
-      autoCropWidth: 100,
-      autoCropHeight: 100
-    }), W = () => {
-      o.value.changeScale(1);
-    }, z = () => {
-      o.value.changeScale(-1);
-    }, I = () => {
-      o.value.rotateRight();
-      const { w: t, h: n } = v();
-      C(() => {
-        o.value.goAutoCrop(t, n);
-      });
-    }, L = () => {
-      o.value.rotateLeft();
-      const { w: t, h: n } = v();
-      C(() => {
-        o.value.goAutoCrop(t, n);
-      });
-    }, $ = () => {
-      o.value.reload(), o.value.rotateClear(), C(() => {
-        o.value.goAutoCrop();
-      });
-    }, b = () => {
-      f("cancel");
-    }, N = () => {
-      u.value || g.value || (g.value = !0, o.value.getCropBlob((t) => {
-        g.value = !1;
-        const n = new File([t], s.file.name, { type: "image/jpeg" });
-        f("confirm", n);
-      }));
-    }, S = () => {
-      u.value = !1;
-      const { w: t, h: n } = v();
-      m.value.autoCropWidth = t, m.value.autoCropHeight = n, f("imgLoad", s.file);
-    }, v = () => {
-      const t = Math.abs(o.value.rotate) % 2 > 0, n = (t ? o.value.trueHeight : o.value.trueWidth) * o.value.scale, r = (t ? o.value.trueWidth : o.value.trueHeight) * o.value.scale;
-      return { w: n, h: r };
-    };
-    return D(
-      () => s.file,
-      () => {
-        if (s.file) {
-          u.value = !0, o.value && o.value.clearCrop();
-          const t = new FileReader();
-          t.onloadend = () => {
-            const n = t.result, r = new Image();
-            r.onload = () => {
-              const h = r.width, c = r.height;
-              w.value = {
-                data: n,
-                width: h,
-                height: c
-              };
-            }, r.src = n;
-          }, t.readAsDataURL(s.file);
-        }
-      },
-      { immediate: !0 }
-    ), R({
-      cropperInsRef: o
-    }), (t, n) => {
-      const r = l("a-spin"), h = l("icon-zoom-in"), c = l("a-button"), p = l("a-tooltip"), A = l("icon-zoom-out"), B = l("icon-rotate-right"), V = l("icon-rotate-left"), E = l("icon-sync"), F = l("a-button-group"), T = l("a-space"), U = l("a-modal");
-      return M(), P(U, {
-        "render-to-body": "",
-        class: _(`${i}-dialog`),
-        title: "编辑图片",
-        width: "675px",
-        visible: !0,
-        footer: !1,
-        "mask-closable": !1,
-        "esc-to-close": !1,
-        "unmount-on-close": "",
-        onClose: b
-      }, {
-        default: a(() => [
-          e(r, {
-            class: _(`${i}-dialog-cropper-wrapper`),
-            loading: u.value
-          }, {
-            default: a(() => {
-              var k;
-              return [
-                e(G, q({
-                  ref_key: "cropperInsRef",
-                  ref: o,
-                  class: `${i}-dialog-cropper`,
-                  img: (k = w.value) == null ? void 0 : k.data,
-                  info: !1,
-                  autoCrop: !0,
-                  autoCropWidth: m.value.autoCropWidth,
-                  autoCropHeight: m.value.autoCropHeight,
-                  full: !0
-                }, t.options, { onImgLoad: S }), null, 16, ["class", "img", "autoCropWidth", "autoCropHeight"])
-              ];
-            }),
-            _: 1
-          }, 8, ["class", "loading"]),
-          y("div", {
-            class: _(`${i}-dialog-operate`)
-          }, [
-            e(F, { type: "primary" }, {
-              default: a(() => [
-                e(p, { content: "放大" }, {
-                  default: a(() => [
-                    e(c, { onClick: W }, {
-                      icon: a(() => [
-                        e(h)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "缩小" }, {
-                  default: a(() => [
-                    e(c, { onClick: z }, {
-                      icon: a(() => [
-                        e(A)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "向右旋转" }, {
-                  default: a(() => [
-                    e(c, { onClick: I }, {
-                      icon: a(() => [
-                        e(B)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "向左旋转" }, {
-                  default: a(() => [
-                    e(c, { onClick: L }, {
-                      icon: a(() => [
-                        e(V)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "重置" }, {
-                  default: a(() => [
-                    e(c, { onClick: $ }, {
-                      icon: a(() => [
-                        e(E)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ], 2),
-          y("div", {
-            class: _(`${i}-dialog-footer`)
-          }, [
-            e(T, {
-              class: _(`${i}-dialog-footer-right`)
-            }, {
-              default: a(() => [
-                e(c, { onClick: b }, {
-                  default: a(() => [
-                    x("取消")
-                  ]),
-                  _: 1
-                }),
-                e(c, {
-                  disabled: u.value,
-                  type: "primary",
-                  onClick: N,
-                  loading: g.value
-                }, {
-                  default: a(() => [
-                    x("确定")
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "loading"])
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  Q as default
-};

package/es/pro-image-upload/cropper.vue3.js

@@ -1 +0,0 @@
-