bitz-react-admin-ui 2.12.3 → 2.13.1

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

@@ -1,137 +0,0 @@
-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
-};