bitz-react-admin-ui 2.7.4 → 2.7.5

package/dist/node_modules/antd-img-crop/dist/antd-img-crop.esm.mjs

@@ -0,0 +1,137 @@
+import { __awaiter as G, __rest as Ie } from "../../tslib/tslib.es6.mjs";
+import { j as t } from "../../react/jsx-runtime.mjs";
+import Re from "../../antd/es/modal/index.mjs";
+import Se from "../../antd/es/upload/index.mjs";
+import { forwardRef as ge, useState as H, useRef as W, useCallback as q, useImperativeHandle as Te, memo as Oe, useMemo as Ae } from "react";
+import _e from "../../antd/es/button/button.mjs";
+import ae from "../../antd/es/slider/index.mjs";
+import Me from "../../react-easy-crop/index.module.mjs";
+const g = "img-crop", ie = 1, B = 0.1, X = 0, me = -180, ue = 180, re = 1, he = 0.5, fe = 2, Z = 0.01, ke = ge((O, I) => {
+  const { cropperRef: A, zoomSlider: r, rotationSlider: l, aspectSlider: _, showReset: Y, resetBtnText: J, modalImage: K, aspect: E, minZoom: F, maxZoom: P, cropShape: Q, showGrid: V, cropperProps: ee } = O, [f, R] = H(ie), [d, x] = H(X), [m, M] = H(E), te = f !== ie || d !== X || m !== E, L = () => {
+    R(ie), x(X), M(E);
+  }, [oe, ne] = H({ x: 0, y: 0 }), u = W({ width: 0, height: 0, x: 0, y: 0 }), y = q((se, U) => {
+    u.current = U;
+  }, []);
+  Te(I, () => ({
+    rotation: d,
+    cropPixelsRef: u,
+    onReset: L
+  }));
+  const k = "[display:flex] [align-items:center] [width:60%] [margin-inline:auto]", C = "[display:flex] [align-items:center] [justify-content:center] [height:32px] [width:32px] [background:transparent] [border:0] [font-family:inherit] [font-size:18px] [cursor:pointer] disabled:[opacity:20%] disabled:[cursor:default]", S = "[flex:1]";
+  return t.jsxs(t.Fragment, { children: [t.jsx(Me, Object.assign({}, ee, {
+    ref: A,
+    image: K,
+    crop: oe,
+    //
+    zoom: f,
+    rotation: d,
+    aspect: m,
+    minZoom: F,
+    maxZoom: P,
+    zoomWithScroll: r,
+    //
+    cropShape: Q,
+    showGrid: V,
+    onCropChange: ne,
+    onZoomChange: R,
+    onRotationChange: x,
+    onCropComplete: y,
+    classes: {
+      containerClassName: `${g}-container ![position:relative] [width:100%] [height:40vh] [&~section:first-of-type]:[margin-top:16px] [&~section:last-of-type]:[margin-bottom:16px]`,
+      mediaClassName: `${g}-media`
+    }
+  })), r && t.jsxs("section", { className: `${g}-control ${g}-control-zoom ${k}`, children: [t.jsx("button", { className: C, onClick: () => R(+(f - B).toFixed(1)), disabled: f - B < F, children: "－" }), t.jsx(ae, { className: S, min: F, max: P, step: B, value: f, onChange: R }), t.jsx("button", { className: C, onClick: () => R(+(f + B).toFixed(1)), disabled: f + B > P, children: "＋" })] }), l && t.jsxs("section", { className: `${g}-control ${g}-control-rotation ${k}`, children: [t.jsx("button", { className: `${C} [font-size:16px]`, onClick: () => x(d - re), disabled: d === me, children: "↺" }), t.jsx(ae, { className: S, min: me, max: ue, step: re, value: d, onChange: x }), t.jsx("button", { className: `${C} [font-size:16px]`, onClick: () => x(d + re), disabled: d === ue, children: "↻" })] }), _ && t.jsxs("section", { className: `${g}-control ${g}-control-aspect ${k}`, children: [t.jsx("button", { className: C, onClick: () => M(+(m - Z).toFixed(2)), disabled: m - Z < he, children: "↕️" }), t.jsx(ae, { className: S, min: he, max: fe, step: Z, value: m, onChange: M }), t.jsx("button", { className: C, onClick: () => M(+(m + Z).toFixed(2)), disabled: m + Z > fe, children: "↔️" })] }), Y && (r || l || _) && t.jsx(_e, { className: "[bottom:20px] [position:absolute]", style: te ? {} : { opacity: 0.3, pointerEvents: "none" }, onClick: L, children: J })] });
+});
+var Ee = Oe(ke);
+function Fe(O, I) {
+  I === void 0 && (I = {});
+  var A = I.insertAt;
+  if (!(typeof document > "u")) {
+    var r = document.head || document.getElementsByTagName("head")[0], l = document.createElement("style");
+    l.type = "text/css", A === "top" && r.firstChild ? r.insertBefore(l, r.firstChild) : r.appendChild(l), l.styleSheet ? l.styleSheet.cssText = O : l.appendChild(document.createTextNode(O));
+  }
+}
+var Pe = ".\\[align-items\\:center\\]{align-items:center}.\\[background\\:transparent\\]{background:transparent}.\\[border\\:0\\]{border:0}.\\[bottom\\:20px\\]{bottom:20px}.\\[cursor\\:pointer\\]{cursor:pointer}.\\[display\\:flex\\]{display:flex}.\\[flex\\:1\\]{flex:1}.\\[font-family\\:inherit\\]{font-family:inherit}.\\[font-size\\:16px\\]{font-size:16px}.\\[font-size\\:18px\\]{font-size:18px}.\\[height\\:32px\\]{height:32px}.\\[height\\:40vh\\]{height:40vh}.\\[justify-content\\:center\\]{justify-content:center}.\\[margin-inline\\:auto\\]{margin-inline:auto}.\\[position\\:absolute\\]{position:absolute}.\\!\\[position\\:relative\\]{position:relative!important}.\\[width\\:100\\%\\]{width:100%}.\\[width\\:32px\\]{width:32px}.\\[width\\:60\\%\\]{width:60%}.disabled\\:\\[cursor\\:default\\]:disabled{cursor:default}.disabled\\:\\[opacity\\:20\\%\\]:disabled{opacity:20%}.\\[\\&\\~section\\:first-of-type\\]\\:\\[margin-top\\:16px\\]~section:first-of-type{margin-top:16px}.\\[\\&\\~section\\:last-of-type\\]\\:\\[margin-bottom\\:16px\\]~section:last-of-type{margin-bottom:16px}";
+Fe(Pe, { insertAt: "top" });
+const De = ge((O, I) => {
+  const { quality: A = 0.4, fillColor: r = "white", zoomSlider: l = !0, rotationSlider: _ = !1, aspectSlider: Y = !1, showReset: J = !1, resetText: K, aspect: E = 1, minZoom: F = 1, maxZoom: P = 3, cropShape: Q = "rect", showGrid: V = !1, cropperProps: ee, modalClassName: f, modalTitle: R, modalWidth: d, modalOk: x, modalCancel: m, onModalOk: M, onModalCancel: te, modalProps: L, beforeCrop: oe, children: ne } = O, u = W({});
+  u.current.onModalOk = M, u.current.onModalCancel = te, u.current.beforeCrop = oe;
+  const y = W(null), k = q((o) => {
+    var a;
+    const n = document.createElement("canvas"), e = n.getContext("2d"), p = (((a = o == null ? void 0 : o.getRootNode) === null || a === void 0 ? void 0 : a.call(o)) || document).querySelector(`.${g}-media`), { width: s, height: i, x: w, y: N } = y.current.cropPixelsRef.current;
+    if (_ && y.current.rotation !== X) {
+      const { naturalWidth: b, naturalHeight: T } = p, $ = y.current.rotation * (Math.PI / 180), z = Math.abs(Math.sin($)), j = Math.abs(Math.cos($)), h = b * j + T * z, c = T * j + b * z;
+      n.width = h, n.height = c, e.fillStyle = r, e.fillRect(0, 0, h, c);
+      const de = h / 2, pe = c / 2;
+      e.translate(de, pe), e.rotate($), e.translate(-de, -pe);
+      const we = (h - b) / 2, Ne = (c - T) / 2;
+      e.drawImage(p, 0, 0, b, T, we, Ne, b, T);
+      const je = e.getImageData(0, 0, h, c);
+      n.width = s, n.height = i, e.putImageData(je, -w, -N);
+    } else
+      n.width = s, n.height = i, e.fillStyle = r, e.fillRect(0, 0, s, i), e.drawImage(p, w, N, s, i, 0, 0, s, i);
+    return n;
+  }, [r, _]), [C, S] = H(""), se = W(), U = W(), D = q((o) => G(void 0, [o], void 0, function* ({ beforeUpload: a, file: n, resolve: e, reject: v }) {
+    const p = n;
+    if (typeof a != "function") {
+      e(p);
+      return;
+    }
+    try {
+      const s = yield a(n, [n]);
+      e(s === !1 ? !1 : s !== !0 && s || p);
+    } catch (s) {
+      v(s);
+    }
+  }), []), ce = q((o) => (a, n) => new Promise((e, v) => G(void 0, void 0, void 0, function* () {
+    let p = a;
+    if (typeof u.current.beforeCrop == "function")
+      try {
+        const i = yield u.current.beforeCrop(a, n);
+        if (i === !1)
+          return D({ beforeUpload: o, file: a, resolve: e, reject: v });
+        i !== !0 && (p = i || a);
+      } catch {
+        return D({ beforeUpload: o, file: a, resolve: e, reject: v });
+      }
+    const s = new FileReader();
+    s.addEventListener("load", () => {
+      typeof s.result == "string" && S(s.result);
+    }), s.readAsDataURL(p), se.current = () => {
+      var i, w;
+      S(""), y.current.onReset();
+      let N = !1;
+      (w = (i = u.current).onModalCancel) === null || w === void 0 || w.call(i, (b) => {
+        e(b), N = !0;
+      }), N || e(Se.LIST_IGNORE);
+    }, U.current = (i) => G(void 0, void 0, void 0, function* () {
+      S(""), y.current.onReset();
+      const w = k(i.target), { type: N, name: b, uid: T } = p;
+      w.toBlob(($) => G(void 0, void 0, void 0, function* () {
+        const z = new File([$], b, { type: N });
+        Object.assign(z, { uid: T }), D({
+          beforeUpload: o,
+          file: z,
+          resolve: (j) => {
+            var h, c;
+            e(j), (c = (h = u.current).onModalOk) === null || c === void 0 || c.call(h, j);
+          },
+          reject: (j) => {
+            var h, c;
+            v(j), (c = (h = u.current).onModalOk) === null || c === void 0 || c.call(h, j);
+          }
+        });
+      }), N, A);
+    });
+  })), [k, A, D]), xe = q((o) => {
+    const a = Array.isArray(o) ? o[0] : o, n = a.props, { beforeUpload: e, accept: v } = n, p = Ie(n, ["beforeUpload", "accept"]);
+    return Object.assign(Object.assign({}, a), { props: Object.assign(Object.assign({}, p), { accept: v || "image/*", beforeUpload: ce(e) }) });
+  }, [ce]), Ce = Ae(() => {
+    const o = {};
+    return d !== void 0 && (o.width = d), x !== void 0 && (o.okText = x), m !== void 0 && (o.cancelText = m), o;
+  }, [m, x, d]), be = `${g}-modal${f ? ` ${f}` : ""}`, le = (typeof window > "u" ? "" : window.navigator.language) === "zh-CN", ye = R || (le ? "编辑图片" : "Edit image"), ve = K || (le ? "重置" : "Reset");
+  return t.jsxs(t.Fragment, { children: [xe(ne), C && t.jsx(Re, Object.assign({}, L, Ce, { open: !0, title: ye, onCancel: se.current, onOk: U.current, wrapClassName: be, maskClosable: !1, destroyOnClose: !0, children: t.jsx(Ee, { ref: y, cropperRef: I, zoomSlider: l, rotationSlider: _, aspectSlider: Y, showReset: J, resetBtnText: ve, modalImage: C, aspect: E, minZoom: F, maxZoom: P, cropShape: Q, showGrid: V, cropperProps: ee }) }))] });
+});
+export {
+  De as default
+};