@gobolt/genesis 0.0.7

package/dist/index-C7kFNqp2.js

@@ -0,0 +1,276 @@
+import * as r from "react";
+import L, { useContext as X, useRef as Z } from "react";
+import { a as ee, b as te, J as ne, K as oe, L as re, B as E, M as se, G as D, c as $, C as I, N as ae, k as ue, s as ie, t as ce } from "./index-BWys7dkb.js";
+import { _ as A, a as g, i as le } from "./isVisible-CNQjrJPN.js";
+import { c as de } from "./reactNode-sKPeiqPL.js";
+import { R as U } from "./index-BPtFqhcp.js";
+var _ = ee({}, U), fe = _.version, S = _.render, pe = _.unmountComponentAtNode, C;
+try {
+  var me = Number((fe || "").split(".")[0]);
+  me >= 18 && (C = _.createRoot);
+} catch {
+}
+function k(e) {
+  var t = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  t && te(t) === "object" && (t.usingClientEntryPoint = e);
+}
+var y = "__rc_react_root__";
+function ve(e, t) {
+  k(!0);
+  var n = t[y] || C(t);
+  k(!1), n.render(e), t[y] = n;
+}
+function be(e, t) {
+  S == null || S(e, t);
+}
+function Re(e, t) {
+  if (C) {
+    ve(e, t);
+    return;
+  }
+  be(e, t);
+}
+function _e(e) {
+  return W.apply(this, arguments);
+}
+function W() {
+  return W = A(/* @__PURE__ */ g().mark(function e(t) {
+    return g().wrap(function(o) {
+      for (; ; ) switch (o.prev = o.next) {
+        case 0:
+          return o.abrupt("return", Promise.resolve().then(function() {
+            var s;
+            (s = t[y]) === null || s === void 0 || s.unmount(), delete t[y];
+          }));
+        case 1:
+        case "end":
+          return o.stop();
+      }
+    }, e);
+  })), W.apply(this, arguments);
+}
+function he(e) {
+  pe(e);
+}
+function Ee(e) {
+  return O.apply(this, arguments);
+}
+function O() {
+  return O = A(/* @__PURE__ */ g().mark(function e(t) {
+    return g().wrap(function(o) {
+      for (; ; ) switch (o.prev = o.next) {
+        case 0:
+          if (C === void 0) {
+            o.next = 2;
+            break;
+          }
+          return o.abrupt("return", _e(t));
+        case 2:
+          he(t);
+        case 3:
+        case "end":
+          return o.stop();
+      }
+    }, e);
+  })), O.apply(this, arguments);
+}
+const ge = (e, t) => {
+  if (process.env.NODE_ENV !== "production") {
+    const n = parseInt(r.version.split(".")[0], 10), o = Object.keys(U);
+    process.env.NODE_ENV !== "production" && ne(n < 19 || o.includes("createRoot"), "compatible", "antd v5 support React is 16 ~ 18. see https://u.ant.design/v5-for-19 for compatible.");
+  }
+  return Re(e, t), () => Ee(t);
+};
+let ye = ge;
+function Ce() {
+  return ye;
+}
+const Se = (e) => {
+  const {
+    componentCls: t,
+    colorPrimary: n
+  } = e;
+  return {
+    [t]: {
+      position: "absolute",
+      background: "transparent",
+      pointerEvents: "none",
+      boxSizing: "border-box",
+      color: `var(--wave-color, ${n})`,
+      boxShadow: "0 0 0 0 currentcolor",
+      opacity: 0.2,
+      // =================== Motion ===================
+      "&.wave-motion-appear": {
+        transition: [`box-shadow 0.4s ${e.motionEaseOutCirc}`, `opacity 2s ${e.motionEaseOutCirc}`].join(","),
+        "&-active": {
+          boxShadow: "0 0 0 6px currentcolor",
+          opacity: 0
+        },
+        "&.wave-quick": {
+          transition: [`box-shadow ${e.motionDurationSlow} ${e.motionEaseInOut}`, `opacity ${e.motionDurationSlow} ${e.motionEaseInOut}`].join(",")
+        }
+      }
+    }
+  };
+}, we = oe("Wave", (e) => [Se(e)]), j = `${re}-wave-target`;
+function w(e) {
+  return e && e !== "#fff" && e !== "#ffffff" && e !== "rgb(255, 255, 255)" && e !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(e) && // any transparent rgba color
+  e !== "transparent";
+}
+function Ne(e) {
+  const {
+    borderTopColor: t,
+    borderColor: n,
+    backgroundColor: o
+  } = getComputedStyle(e);
+  return w(t) ? t : w(n) ? n : w(o) ? o : null;
+}
+function N(e) {
+  return Number.isNaN(e) ? 0 : e;
+}
+const We = (e) => {
+  const {
+    className: t,
+    target: n,
+    component: o,
+    registerUnmount: s
+  } = e, i = r.useRef(null), c = r.useRef(null);
+  r.useEffect(() => {
+    c.current = s();
+  }, []);
+  const [d, h] = r.useState(null), [f, a] = r.useState([]), [m, v] = r.useState(0), [B, V] = r.useState(0), [P, F] = r.useState(0), [M, q] = r.useState(0), [z, K] = r.useState(!1), T = {
+    left: m,
+    top: B,
+    width: P,
+    height: M,
+    borderRadius: f.map((l) => `${l}px`).join(" ")
+  };
+  d && (T["--wave-color"] = d);
+  function x() {
+    const l = getComputedStyle(n);
+    h(Ne(n));
+    const u = l.position === "static", {
+      borderLeftWidth: p,
+      borderTopWidth: b
+    } = l;
+    v(u ? n.offsetLeft : N(-parseFloat(p))), V(u ? n.offsetTop : N(-parseFloat(b))), F(n.offsetWidth), q(n.offsetHeight);
+    const {
+      borderTopLeftRadius: R,
+      borderTopRightRadius: H,
+      borderBottomLeftRadius: Y,
+      borderBottomRightRadius: J
+    } = l;
+    a([R, H, J, Y].map((Q) => N(parseFloat(Q))));
+  }
+  if (r.useEffect(() => {
+    if (n) {
+      const l = E(() => {
+        x(), K(!0);
+      });
+      let u;
+      return typeof ResizeObserver < "u" && (u = new ResizeObserver(x), u.observe(n)), () => {
+        E.cancel(l), u == null || u.disconnect();
+      };
+    }
+  }, []), !z)
+    return null;
+  const G = (o === "Checkbox" || o === "Radio") && (n == null ? void 0 : n.classList.contains(j));
+  return /* @__PURE__ */ r.createElement(se, {
+    visible: !0,
+    motionAppear: !0,
+    motionName: "wave-motion",
+    motionDeadline: 5e3,
+    onAppearEnd: (l, u) => {
+      var p, b;
+      if (u.deadline || u.propertyName === "opacity") {
+        const R = (p = i.current) === null || p === void 0 ? void 0 : p.parentElement;
+        (b = c.current) === null || b === void 0 || b.call(c).then(() => {
+          R == null || R.remove();
+        });
+      }
+      return !1;
+    }
+  }, (l, u) => {
+    let {
+      className: p
+    } = l;
+    return /* @__PURE__ */ r.createElement("div", {
+      ref: D(i, u),
+      className: $(t, p, {
+        "wave-quick": G
+      }),
+      style: T
+    });
+  });
+}, Oe = (e, t) => {
+  var n;
+  const {
+    component: o
+  } = t;
+  if (o === "Checkbox" && !(!((n = e.querySelector("input")) === null || n === void 0) && n.checked))
+    return;
+  const s = document.createElement("div");
+  s.style.position = "absolute", s.style.left = "0px", s.style.top = "0px", e == null || e.insertBefore(s, e == null ? void 0 : e.firstChild);
+  const i = Ce();
+  let c = null;
+  function d() {
+    return c;
+  }
+  c = i(/* @__PURE__ */ r.createElement(We, Object.assign({}, t, {
+    target: e,
+    registerUnmount: d
+  })), s);
+}, Te = (e, t, n) => {
+  const {
+    wave: o
+  } = r.useContext(I), [, s, i] = ae(), c = ue((f) => {
+    const a = e.current;
+    if (o != null && o.disabled || !a)
+      return;
+    const m = a.querySelector(`.${j}`) || a, {
+      showEffect: v
+    } = o || {};
+    (v || Oe)(m, {
+      className: t,
+      token: s,
+      component: n,
+      event: f,
+      hashId: i
+    });
+  }), d = r.useRef(null);
+  return (f) => {
+    E.cancel(d.current), d.current = E(() => {
+      c(f);
+    });
+  };
+}, xe = (e) => {
+  const {
+    children: t,
+    disabled: n,
+    component: o
+  } = e, {
+    getPrefixCls: s
+  } = X(I), i = Z(null), c = s("wave"), [, d] = we(c), h = Te(i, $(c, d), o);
+  if (L.useEffect(() => {
+    const a = i.current;
+    if (!a || a.nodeType !== 1 || n)
+      return;
+    const m = (v) => {
+      !le(v.target) || // No need wave
+      !a.getAttribute || a.getAttribute("disabled") || a.disabled || a.className.includes("disabled") || a.className.includes("-leave") || h(v);
+    };
+    return a.addEventListener("click", m, !0), () => {
+      a.removeEventListener("click", m, !0);
+    };
+  }, [n]), !/* @__PURE__ */ L.isValidElement(t))
+    return t ?? null;
+  const f = ie(t) ? D(ce(t), i) : i;
+  return de(t, {
+    ref: f
+  });
+};
+process.env.NODE_ENV !== "production" && (xe.displayName = "Wave");
+export {
+  j as T,
+  xe as W
+};