@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.41

package/es/src/cropper/cropper-modal.vue.mjs

@@ -1,272 +1,4 @@
-import { defineComponent as X, ref as k, openBlock as g, createBlock as T, unref as e, mergeProps as Y, withCtx as s, createElementVNode as f, normalizeClass as m, createCommentVNode as C, createVNode as l, createElementBlock as L } from "vue";
-import _ from "./cropper-image.vue.mjs";
-import { Upload as O, Tooltip as p, Space as V, Avatar as z } from "ant-design-vue";
-import { BaseButton as d } from "../base-button/index.mjs";
-import { BaseModal as P } from "../modal/index.mjs";
-import { dataURLtoBlob as h } from "@aplus-frontend/utils";
-import "../config-provider/index.mjs";
-import { isFunction as D } from "@fruits-chain/utils";
-import "./style/modal.css";
-import { useModalInner as j } from "../modal/hooks/use-modal.mjs";
-import { useNamespace as q } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as G } from "../config-provider/hooks/use-locale.mjs";
-const H = ["src", "alt"], ne = /* @__PURE__ */ X({
-  name: "CropperModal",
-  __name: "cropper-modal",
-  props: {
-    circled: { type: Boolean, default: !0 },
-    uploadApi: {
-      type: Function
-    },
-    src: { type: String },
-    size: { type: Number }
-  },
-  emits: ["uploadSuccess", "uploadError", "register"],
-  setup(I, { emit: A }) {
-    const b = I, B = A;
-    let w = "";
-    const i = k(b.src || ""), n = k(""), y = k();
-    let $ = 1, x = 1;
-    const { b: u } = q("cropper-am"), [M, { closeModal: N, setModalProps: R }] = j(), { t: r } = G();
-    function S(o) {
-      if (b.size && o.size > 1024 * 1024 * b.size)
-        return B("uploadError", { msg: r("ap.cropper.imageTooBig") }), !1;
-      const t = new FileReader();
-      return t.readAsDataURL(o), i.value = "", n.value = "", t.onload = function(a) {
-        var v;
-        i.value = ((v = a.target) == null ? void 0 : v.result) ?? "", w = o.name;
-      }, !1;
-    }
-    function U({ imgBase64: o }) {
-      n.value = o;
-    }
-    function E(o) {
-      y.value = o;
-    }
-    function c(o, t) {
-      var a, v;
-      o === "scaleX" && ($ = t = $ === -1 ? 1 : -1), o === "scaleY" && (x = t = x === -1 ? 1 : -1), (v = (a = y == null ? void 0 : y.value) == null ? void 0 : a[o]) == null || v.call(a, t);
-    }
-    async function F() {
-      const o = b.uploadApi;
-      if (o && D(o)) {
-        const t = h(n.value);
-        try {
-          R({ confirmLoading: !0 });
-          const a = await o({ name: "file", file: t, filename: w });
-          B("uploadSuccess", {
-            source: n.value,
-            data: a.url
-          }), N();
-        } finally {
-          R({ confirmLoading: !1 });
-        }
-      }
-    }
-    return (o, t) => (g(), T(e(P), Y(o.$attrs, {
-      onRegister: e(M),
-      title: e(r)("ap.cropper.modalTitle"),
-      width: "800px",
-      canFullscreen: !1,
-      onOk: F,
-      okText: e(r)("ap.cropper.okText")
-    }), {
-      default: s(() => [
-        f("div", {
-          class: m(e(u)())
-        }, [
-          f("div", {
-            class: m(e(u)("left"))
-          }, [
-            f("div", {
-              class: m(e(u)("cropper"))
-            }, [
-              i.value ? (g(), T(_, {
-                key: 0,
-                src: i.value,
-                height: "300px",
-                circled: I.circled,
-                onCropend: U,
-                onReady: E
-              }, null, 8, ["src", "circled"])) : C("", !0)
-            ], 2),
-            f("div", {
-              class: m(e(u)("toolbar"))
-            }, [
-              l(e(O), {
-                fileList: [],
-                accept: "image/*",
-                beforeUpload: S
-              }, {
-                default: s(() => [
-                  l(e(p), {
-                    title: e(r)("ap.cropper.selectImage"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        size: "small",
-                        preIcon: "ant-design:upload-outlined",
-                        type: "primary"
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["title"])
-                ]),
-                _: 1
-              }),
-              l(e(V), null, {
-                default: s(() => [
-                  l(e(p), {
-                    title: e(r)("ap.common.resetText"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "ant-design:reload-outlined",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[0] || (t[0] = (a) => c("reset"))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"]),
-                  l(e(p), {
-                    title: e(r)("ap.cropper.rotateLeft"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "ant-design:rotate-left-outlined",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[1] || (t[1] = (a) => c("rotate", -45))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"]),
-                  l(e(p), {
-                    title: e(r)("ap.cropper.rotateRight"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "ant-design:rotate-right-outlined",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[2] || (t[2] = (a) => c("rotate", 45))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"]),
-                  l(e(p), {
-                    title: e(r)("ap.cropper.scaleX"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "vaadin:arrows-long-h",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[3] || (t[3] = (a) => c("scaleX"))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"]),
-                  l(e(p), {
-                    title: e(r)("ap.cropper.scaleY"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "vaadin:arrows-long-v",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[4] || (t[4] = (a) => c("scaleY"))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"]),
-                  l(e(p), {
-                    title: e(r)("ap.cropper.zoomIn"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "ant-design:zoom-in-outlined",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[5] || (t[5] = (a) => c("zoom", 0.1))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"]),
-                  l(e(p), {
-                    title: e(r)("ap.cropper.zoomOut"),
-                    placement: "bottom"
-                  }, {
-                    default: s(() => [
-                      l(e(d), {
-                        type: "primary",
-                        preIcon: "ant-design:zoom-out-outlined",
-                        size: "small",
-                        disabled: !i.value,
-                        onClick: t[6] || (t[6] = (a) => c("zoom", -0.1))
-                      }, null, 8, ["disabled"])
-                    ]),
-                    _: 1
-                  }, 8, ["title"])
-                ]),
-                _: 1
-              })
-            ], 2)
-          ], 2),
-          f("div", {
-            class: m(e(u)("right"))
-          }, [
-            f("div", {
-              class: m(e(u)("preview"))
-            }, [
-              n.value ? (g(), L("img", {
-                key: 0,
-                src: n.value,
-                alt: e(r)("ap.cropper.preview")
-              }, null, 8, H)) : C("", !0)
-            ], 2),
-            n.value ? (g(), L("div", {
-              key: 0,
-              class: m(e(u)("group"))
-            }, [
-              l(e(z), {
-                src: n.value,
-                size: "large"
-              }, null, 8, ["src"]),
-              l(e(z), {
-                src: n.value,
-                size: 48
-              }, null, 8, ["src"]),
-              l(e(z), {
-                src: n.value,
-                size: 64
-              }, null, 8, ["src"]),
-              l(e(z), {
-                src: n.value,
-                size: 80
-              }, null, 8, ["src"])
-            ], 2)) : C("", !0)
-          ], 2)
-        ], 2)
-      ]),
-      _: 1
-    }, 16, ["onRegister", "title", "okText"]));
-  }
-});
+import f from "./cropper-modal.vue2.mjs";
 export {
-  ne as default
+  f as default
 };

package/es/src/cropper/cropper-modal.vue2.mjs

@@ -1,4 +1,273 @@
-import f from "./cropper-modal.vue.mjs";
+import { defineComponent as X, ref as k, openBlock as g, createBlock as T, unref as e, mergeProps as Y, withCtx as s, createElementVNode as f, normalizeClass as m, createCommentVNode as C, createVNode as l, createElementBlock as L } from "vue";
+import "./cropper-image.vue.mjs";
+import { Upload as _, Tooltip as p, Space as O, Avatar as z } from "ant-design-vue";
+import { BaseButton as d } from "../base-button/index.mjs";
+import { BaseModal as V } from "../modal/index.mjs";
+import { dataURLtoBlob as P } from "@aplus-frontend/utils";
+import "../config-provider/index.mjs";
+import { isFunction as h } from "@fruits-chain/utils";
+import "./style/modal.css";
+import { useNamespace as D } from "../config-provider/hooks/use-namespace.mjs";
+import { useModalInner as j } from "../modal/hooks/use-modal.mjs";
+import { useLocale as q } from "../config-provider/hooks/use-locale.mjs";
+import G from "./cropper-image.vue2.mjs";
+const H = ["src", "alt"], se = /* @__PURE__ */ X({
+  name: "CropperModal",
+  __name: "cropper-modal",
+  props: {
+    circled: { type: Boolean, default: !0 },
+    uploadApi: {
+      type: Function
+    },
+    src: { type: String },
+    size: { type: Number }
+  },
+  emits: ["uploadSuccess", "uploadError", "register"],
+  setup(I, { emit: A }) {
+    const b = I, B = A;
+    let w = "";
+    const i = k(b.src || ""), n = k(""), y = k();
+    let $ = 1, x = 1;
+    const { b: u } = D("cropper-am"), [M, { closeModal: N, setModalProps: R }] = j(), { t: r } = q();
+    function S(o) {
+      if (b.size && o.size > 1024 * 1024 * b.size)
+        return B("uploadError", { msg: r("ap.cropper.imageTooBig") }), !1;
+      const t = new FileReader();
+      return t.readAsDataURL(o), i.value = "", n.value = "", t.onload = function(a) {
+        var v;
+        i.value = ((v = a.target) == null ? void 0 : v.result) ?? "", w = o.name;
+      }, !1;
+    }
+    function U({ imgBase64: o }) {
+      n.value = o;
+    }
+    function E(o) {
+      y.value = o;
+    }
+    function c(o, t) {
+      var a, v;
+      o === "scaleX" && ($ = t = $ === -1 ? 1 : -1), o === "scaleY" && (x = t = x === -1 ? 1 : -1), (v = (a = y == null ? void 0 : y.value) == null ? void 0 : a[o]) == null || v.call(a, t);
+    }
+    async function F() {
+      const o = b.uploadApi;
+      if (o && h(o)) {
+        const t = P(n.value);
+        try {
+          R({ confirmLoading: !0 });
+          const a = await o({ name: "file", file: t, filename: w });
+          B("uploadSuccess", {
+            source: n.value,
+            data: a.url
+          }), N();
+        } finally {
+          R({ confirmLoading: !1 });
+        }
+      }
+    }
+    return (o, t) => (g(), T(e(V), Y(o.$attrs, {
+      onRegister: e(M),
+      title: e(r)("ap.cropper.modalTitle"),
+      width: "800px",
+      canFullscreen: !1,
+      onOk: F,
+      okText: e(r)("ap.cropper.okText")
+    }), {
+      default: s(() => [
+        f("div", {
+          class: m(e(u)())
+        }, [
+          f("div", {
+            class: m(e(u)("left"))
+          }, [
+            f("div", {
+              class: m(e(u)("cropper"))
+            }, [
+              i.value ? (g(), T(G, {
+                key: 0,
+                src: i.value,
+                height: "300px",
+                circled: I.circled,
+                onCropend: U,
+                onReady: E
+              }, null, 8, ["src", "circled"])) : C("", !0)
+            ], 2),
+            f("div", {
+              class: m(e(u)("toolbar"))
+            }, [
+              l(e(_), {
+                fileList: [],
+                accept: "image/*",
+                beforeUpload: S
+              }, {
+                default: s(() => [
+                  l(e(p), {
+                    title: e(r)("ap.cropper.selectImage"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        size: "small",
+                        preIcon: "ant-design:upload-outlined",
+                        type: "primary"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["title"])
+                ]),
+                _: 1
+              }),
+              l(e(O), null, {
+                default: s(() => [
+                  l(e(p), {
+                    title: e(r)("ap.common.resetText"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "ant-design:reload-outlined",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[0] || (t[0] = (a) => c("reset"))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  l(e(p), {
+                    title: e(r)("ap.cropper.rotateLeft"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "ant-design:rotate-left-outlined",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[1] || (t[1] = (a) => c("rotate", -45))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  l(e(p), {
+                    title: e(r)("ap.cropper.rotateRight"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "ant-design:rotate-right-outlined",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[2] || (t[2] = (a) => c("rotate", 45))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  l(e(p), {
+                    title: e(r)("ap.cropper.scaleX"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "vaadin:arrows-long-h",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[3] || (t[3] = (a) => c("scaleX"))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  l(e(p), {
+                    title: e(r)("ap.cropper.scaleY"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "vaadin:arrows-long-v",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[4] || (t[4] = (a) => c("scaleY"))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  l(e(p), {
+                    title: e(r)("ap.cropper.zoomIn"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "ant-design:zoom-in-outlined",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[5] || (t[5] = (a) => c("zoom", 0.1))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  l(e(p), {
+                    title: e(r)("ap.cropper.zoomOut"),
+                    placement: "bottom"
+                  }, {
+                    default: s(() => [
+                      l(e(d), {
+                        type: "primary",
+                        preIcon: "ant-design:zoom-out-outlined",
+                        size: "small",
+                        disabled: !i.value,
+                        onClick: t[6] || (t[6] = (a) => c("zoom", -0.1))
+                      }, null, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["title"])
+                ]),
+                _: 1
+              })
+            ], 2)
+          ], 2),
+          f("div", {
+            class: m(e(u)("right"))
+          }, [
+            f("div", {
+              class: m(e(u)("preview"))
+            }, [
+              n.value ? (g(), L("img", {
+                key: 0,
+                src: n.value,
+                alt: e(r)("ap.cropper.preview")
+              }, null, 8, H)) : C("", !0)
+            ], 2),
+            n.value ? (g(), L("div", {
+              key: 0,
+              class: m(e(u)("group"))
+            }, [
+              l(e(z), {
+                src: n.value,
+                size: "large"
+              }, null, 8, ["src"]),
+              l(e(z), {
+                src: n.value,
+                size: 48
+              }, null, 8, ["src"]),
+              l(e(z), {
+                src: n.value,
+                size: 64
+              }, null, 8, ["src"]),
+              l(e(z), {
+                src: n.value,
+                size: 80
+              }, null, 8, ["src"])
+            ], 2)) : C("", !0)
+          ], 2)
+        ], 2)
+      ]),
+      _: 1
+    }, 16, ["onRegister", "title", "okText"]));
+  }
+});
 export {
-  f as default
+  se as default
 };