@unicom-cloud/ui 0.8.107 → 0.8.109

package/checkbox/Checkbox.js

@@ -1,125 +1,19 @@
-import { jsxs as b, jsx as t, Fragment as w } from "react/jsx-runtime";
-import B from "@unicom-cloud/icons/IconUiCheck";
-import F from "@unicom-cloud/icons/IconUiMinus";
-import x from "lodash/isFunction";
-import U from "lodash/isNil";
-import d, { useRef as D, useContext as g, useEffect as H, useCallback as L } from "react";
-import "../config-provider/ConfigProvider.js";
-import O from "../components/common/hooks/useMergeProps.js";
-import S from "../components/common/hooks/useMergeValue.js";
-import W from "../icon-hover/index.js";
-import q from "@unicom-cloud/utils/class-name";
-import { omit as z } from "../components/common/utils/omit.js";
-import A, { CheckboxGroupContext as J } from "./Group.js";
-import K from "./GroupBlock.js";
-import Q from "./useCheckbox.js";
-import T from "../config-provider/context.js";
-function X(N, G) {
-  const k = D(null), { getPrefixCls: $, componentConfig: v, rtl: y } = g(T), c = O(
-    N,
-    {},
-    v?.Checkbox
-  ), s = g(J), e = $?.("checkbox"), { onGroupChange: C } = s, r = { ...c };
-  s.isCheckboxGroup && (r.checked = s.checkboxGroupValue.indexOf(c.value) !== -1, r.disabled = "disabled" in c ? c.disabled : s.disabled);
-  const {
-    disabled: i,
-    children: n,
-    className: V,
-    value: a,
-    style: P,
-    indeterminate: l,
-    error: R,
-    ...f
-  } = r, [m, E] = S(!1, {
-    value: r.checked,
-    defaultValue: r.defaultChecked
-  }), I = q(
-    e,
-    {
-      [`${e}-disabled`]: !!i,
-      [`${e}-indeterminate`]: !!l,
-      [`${e}-checked`]: m,
-      [`${e}-rtl`]: y,
-      error: R
-    },
-    V
-  );
-  H(() => (s.registerValue(a), () => {
-    s.unRegisterValue(a);
-  }), [a]);
-  const M = L(
-    (o) => {
-      o.persist(), o.stopPropagation(), E(o.target.checked), s.isCheckboxGroup && C?.(c.value, o.target.checked, o), c.onChange?.(o.target.checked, o);
-    },
-    [C, s.isCheckboxGroup, c.onChange, c.value]
-  ), j = d.useCallback(
-    (o) => {
-      x(c.children) && (o.preventDefault(), k.current && k.current.click()), f.onClick?.(o);
-    },
-    [c.children, f.onClick]
-  ), h = { strokeWidth: 10 };
-  let p = /* @__PURE__ */ t(
-    B,
-    {
-      className: `${e}-mask-icon`,
-      style: { ...h }
-    }
-  );
-  return r.icon && (d.isValidElement(r.icon) ? p = d.cloneElement(r.icon, {
-    className: `${e}-mask-icon`,
-    style: { ...h }
-  }) : p = r.icon), l && (p = /* @__PURE__ */ t(
-    F,
-    {
-      className: `${e}-mask-icon`,
-      style: { ...h }
-    }
-  )), /* @__PURE__ */ b(
-    "label",
-    {
-      ref: G,
-      "aria-disabled": i,
-      ...z(f, ["onChange"]),
-      onClick: j,
-      className: I,
-      style: P,
-      children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            value: a,
-            disabled: !!i,
-            ref: k,
-            checked: !!m,
-            onChange: M,
-            onClick: (o) => o.stopPropagation(),
-            type: "checkbox"
-          }
-        ),
-        x(n) ? n({ checked: m, indeterminate: l }) : /* @__PURE__ */ b(w, { children: [
-          /* @__PURE__ */ t(
-            W,
-            {
-              prefix: e,
-              className: `${e}-mask-wrapper`,
-              disabled: m || i || l,
-              children: /* @__PURE__ */ t("div", { className: `${e}-mask`, children: p })
-            }
-          ),
-          !U(n) && /* @__PURE__ */ t("span", { className: `${e}-text`, children: n })
-        ] })
-      ]
-    }
-  );
-}
-const u = d.forwardRef(X);
-u.displayName = "Checkbox";
-u.Group = A;
-u.GroupBlock = K;
-u.useCheckbox = Q;
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCheck";
+import "@unicom-cloud/icons/IconUiMinus";
+import "lodash/isFunction";
+import "lodash/isNil";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/FgWHhRFz.js";
+import "../chunk/2vdCeheu.js";
+import "@unicom-cloud/utils/class-name";
+import "../chunk/BKKEev13.js";
+import { G as k, a as C, C as b } from "../chunk/DYc9a7tm.js";
+import { default as l } from "./useCheckbox.js";
 export {
-  A as CheckboxGroup,
-  K as CheckboxGroupBlock,
-  u as default,
-  Q as useCheckbox
+  k as CheckboxGroup,
+  C as CheckboxGroupBlock,
+  b as default,
+  l as useCheckbox
 };

package/checkbox/Group.js

@@ -1,97 +1,14 @@
-import { jsx as n } from "react/jsx-runtime";
-import O from "lodash/isArray";
-import s from "lodash/isPlainObject";
-import { createContext as P, useState as y, useContext as A, useCallback as R } from "react";
-import "../config-provider/ConfigProvider.js";
-import j from "../components/common/hooks/useMergeValue.js";
-import w from "@unicom-cloud/utils/class-name";
-import { pickTriggerPropsFromRest as S } from "../utils/constant.js";
-import z from "./Checkbox.js";
-import F from "../config-provider/context.js";
-const C = {
-  isCheckboxGroup: !1,
-  checkboxGroupValue: [],
-  onGroupChange: () => {
-  },
-  registerValue: () => {
-  },
-  unRegisterValue: () => {
-  }
-}, h = P(C), W = ({
-  children: r
-}) => /* @__PURE__ */ n(h.Provider, { value: C, children: r });
-function M(r) {
-  const [t, x] = j([], {
-    defaultValue: "defaultValue" in r ? r.defaultValue || [] : void 0,
-    value: "value" in r ? r.value || [] : void 0
-  }), [i, c] = y([]), { getPrefixCls: g, rtl: b } = A(F), {
-    disabled: m,
-    options: d,
-    style: V,
-    className: p,
-    error: v,
-    children: k,
-    direction: f = "horizontal"
-  } = r, u = g?.("checkbox"), G = w(
-    `${u}-group`,
-    {
-      [`${u}-group-is-error`]: v,
-      [`${u}-group-direction-${f}`]: f,
-      [`${u}-group-rtl`]: b
-    },
-    p
-  ), N = R(
-    (e, a, l) => {
-      const o = t.slice();
-      a ? o.push(e) : o.splice(t.indexOf(e), 1), x(o), r.onChange?.(
-        o.filter(($, T, q) => i.indexOf($) > -1),
-        l
-      );
-    },
-    [t, r.onChange, i]
-  );
-  return /* @__PURE__ */ n(
-    "span",
-    {
-      className: G,
-      style: V,
-      ...S(r),
-      children: /* @__PURE__ */ n(
-        h.Provider,
-        {
-          value: {
-            isCheckboxGroup: !0,
-            checkboxGroupValue: t,
-            onGroupChange: N,
-            disabled: m,
-            registerValue: (e) => {
-              c((a) => Array.from(/* @__PURE__ */ new Set([...a, e])));
-            },
-            unRegisterValue: (e) => {
-              c((a) => a.filter((l) => l !== e));
-            }
-          },
-          children: O(d) ? d.map((e) => {
-            const a = s(e) ? e.label : e, l = s(e) ? e.value : e, o = s(e) ? e.icon : void 0;
-            return /* @__PURE__ */ n(
-              z,
-              {
-                disabled: m || s(e) && e.disabled,
-                value: l,
-                icon: o,
-                children: a
-              },
-              l
-            );
-          }) : k
-        }
-      )
-    }
-  );
-}
-M.displayName = "CheckboxGroup";
+import "react/jsx-runtime";
+import "lodash/isArray";
+import "lodash/isPlainObject";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/2vdCeheu.js";
+import "@unicom-cloud/utils/class-name";
+import "../utils/constant.js";
+import { c as b, b as c, G as s } from "../chunk/DYc9a7tm.js";
 export {
-  h as CheckboxGroupContext,
-  W as ClearCheckboxGroupContext,
-  M as default
+  b as CheckboxGroupContext,
+  c as ClearCheckboxGroupContext,
+  s as default
 };

package/checkbox/GroupBlock.js

@@ -1,63 +1,9 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { useContext as u } from "react";
-import "../config-provider/ConfigProvider.js";
-import c from "../typography/index.js";
-import l from "@unicom-cloud/utils/class-name";
-import n from "./Checkbox.js";
-import f from "../config-provider/context.js";
-function C(s) {
-  const { getPrefixCls: i, rtl: N } = u(f), { className: d, options: m, ...p } = s, e = i?.("checkbox-group-block");
-  return /* @__PURE__ */ a(
-    n.Group,
-    {
-      className: l(`${e}`, d),
-      ...p,
-      onChange: (o, r) => {
-        s.onChange?.(o, r);
-      },
-      children: m.map((o, r, k) => /* @__PURE__ */ a(n, { value: o.value, children: ({ checked: h }) => /* @__PURE__ */ t(
-        "div",
-        {
-          style: { width: o.width },
-          className: l(
-            `${e}-card`,
-            h && `${e}-card-checked`
-          ),
-          children: [
-            /* @__PURE__ */ a("div", { className: `${e}-card-mask`, children: /* @__PURE__ */ a("div", { className: `${e}-card-mask-dot` }) }),
-            /* @__PURE__ */ t("div", { className: `${e}-card-content`, children: [
-              /* @__PURE__ */ a(
-                c.Ellipsis,
-                {
-                  className: `${e}-card-content-title`,
-                  rows: 1,
-                  showTooltip: !0,
-                  expandable: !1,
-                  onExpand: (x) => {
-                  },
-                  children: o.title
-                }
-              ),
-              /* @__PURE__ */ a(
-                c.Ellipsis,
-                {
-                  className: `${e}-card-content-desc`,
-                  rows: 1,
-                  showTooltip: !0,
-                  expandable: !1,
-                  onExpand: (x) => {
-                  },
-                  children: o.desc
-                }
-              )
-            ] })
-          ]
-        }
-      ) }, o.title))
-    }
-  );
-}
-C.displayName = "CheckboxGroupBlock";
+import "react/jsx-runtime";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../typography/index.js";
+import "@unicom-cloud/utils/class-name";
+import { a as e } from "../chunk/DYc9a7tm.js";
 export {
-  C as default
+  e as default
 };

package/checkbox/index.js

@@ -1,11 +1,10 @@
-import e from "./Checkbox.js";
-import { default as x, ClearCheckboxGroupContext as a } from "./Group.js";
-import { default as f } from "./GroupBlock.js";
-import { default as C } from "./useCheckbox.js";
+import { C as e } from "../chunk/DYc9a7tm.js";
+import { G as t, a as x, b as C } from "../chunk/DYc9a7tm.js";
+import { default as s } from "./useCheckbox.js";
 export {
-  x as CheckboxGroup,
-  f as CheckboxGroupBlock,
-  a as ClearCheckboxGroupContext,
+  t as CheckboxGroup,
+  x as CheckboxGroupBlock,
+  C as ClearCheckboxGroupContext,
   e as default,
-  C as useCheckbox
+  s as useCheckbox
 };

package/chunk/-PX9OR3r.js

@@ -0,0 +1,154 @@
+const Z = (t) => typeof t == "object" && t != null && t.nodeType === 1, _ = (t, e) => e && t === "hidden" ? !1 : t !== "visible" && t !== "clip", tt = (t) => {
+  if (!t.ownerDocument || !t.ownerDocument.defaultView)
+    return null;
+  try {
+    return t.ownerDocument.defaultView.frameElement;
+  } catch {
+    return null;
+  }
+}, et = (t) => {
+  const e = tt(t);
+  return e ? e.clientHeight < t.scrollHeight || e.clientWidth < t.scrollWidth : !1;
+}, L = (t, e) => {
+  if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) {
+    const n = getComputedStyle(t, null);
+    return _(n.overflowY, e) || _(n.overflowX, e) || et(t);
+  }
+  return !1;
+}, V = (t, e, n, i, s, c, h, p) => c < t && h > e || c > t && h < e ? 0 : c <= t && p <= n || h >= e && p >= n ? c - t - i : h > e && p < n || c < t && p > n ? h - e + s : 0, ot = (t) => t.parentElement ?? (t.getRootNode().host || null), nt = (t) => {
+  const e = window.getComputedStyle(t);
+  return {
+    top: parseFloat(e.scrollMarginTop) || 0,
+    right: parseFloat(e.scrollMarginRight) || 0,
+    bottom: parseFloat(e.scrollMarginBottom) || 0,
+    left: parseFloat(e.scrollMarginLeft) || 0
+  };
+}, $ = (t, e) => {
+  if (typeof document > "u")
+    return [];
+  const { scrollMode: n, block: i, inline: s, boundary: c, skipOverflowHiddenElements: h } = e, p = typeof c == "function" ? c : (M) => M !== c;
+  if (!Z(t))
+    throw new TypeError("Invalid target");
+  const u = document.scrollingElement || document.documentElement, H = [];
+  let a = t;
+  for (; Z(a) && p(a); ) {
+    if (a = ot(a), a === u) {
+      H.push(a);
+      break;
+    }
+    a != null && a === document.body && L(a) && !L(document.documentElement) || a != null && L(a, h) && H.push(a);
+  }
+  const g = window.visualViewport?.width ?? innerWidth, m = window.visualViewport?.height ?? innerHeight, { scrollX: b, scrollY: w } = window, {
+    height: y,
+    width: W,
+    top: v,
+    right: D,
+    bottom: O,
+    left: F
+  } = t.getBoundingClientRect(), {
+    top: G,
+    right: J,
+    bottom: K,
+    left: P
+  } = nt(t);
+  let f = i === "start" || i === "nearest" ? v - G : i === "end" ? O + K : v + y / 2 - G + K, d = s === "center" ? F + W / 2 - P + J : s === "end" ? D + J : F - P;
+  const X = [];
+  for (let M = 0; M < H.length; M++) {
+    const o = H[M], { height: C, width: E, top: R, right: Y, bottom: q, left: k } = o.getBoundingClientRect();
+    if (n === "if-needed" && v >= 0 && F >= 0 && O <= m && D <= g && // scrollingElement is added to the frames array even if it's not scrollable, in which case checking its bounds is not required
+    (o === u && !L(o) || v >= R && O <= q && F >= k && D <= Y))
+      return X;
+    const N = getComputedStyle(o), T = parseInt(N.borderLeftWidth, 10), x = parseInt(N.borderTopWidth, 10), B = parseInt(N.borderRightWidth, 10), I = parseInt(N.borderBottomWidth, 10);
+    let r = 0, l = 0;
+    const S = "offsetWidth" in o ? o.offsetWidth - o.clientWidth - T - B : 0, j = "offsetHeight" in o ? o.offsetHeight - o.clientHeight - x - I : 0, z = "offsetWidth" in o ? o.offsetWidth === 0 ? 0 : E / o.offsetWidth : 0, A = "offsetHeight" in o ? o.offsetHeight === 0 ? 0 : C / o.offsetHeight : 0;
+    if (u === o)
+      i === "start" ? r = f : i === "end" ? r = f - m : i === "nearest" ? r = V(
+        w,
+        w + m,
+        m,
+        x,
+        I,
+        w + f,
+        w + f + y,
+        y
+      ) : r = f - m / 2, s === "start" ? l = d : s === "center" ? l = d - g / 2 : s === "end" ? l = d - g : l = V(
+        b,
+        b + g,
+        g,
+        T,
+        B,
+        b + d,
+        b + d + W,
+        W
+      ), r = Math.max(0, r + w), l = Math.max(0, l + b);
+    else {
+      i === "start" ? r = f - R - x : i === "end" ? r = f - q + I + j : i === "nearest" ? r = V(
+        R,
+        q,
+        C,
+        x,
+        I + j,
+        f,
+        f + y,
+        y
+      ) : r = f - (R + C / 2) + j / 2, s === "start" ? l = d - k - T : s === "center" ? l = d - (k + E / 2) + S / 2 : s === "end" ? l = d - Y + B + S : l = V(
+        k,
+        Y,
+        E,
+        T,
+        B + S,
+        d,
+        d + W,
+        W
+      );
+      const { scrollLeft: Q, scrollTop: U } = o;
+      r = A === 0 ? 0 : Math.max(
+        0,
+        Math.min(
+          U + r / A,
+          o.scrollHeight - C / A + j
+        )
+      ), l = z === 0 ? 0 : Math.max(
+        0,
+        Math.min(
+          Q + l / z,
+          o.scrollWidth - E / z + S
+        )
+      ), f += U - r, d += Q - l;
+    }
+    X.push({ el: o, top: r, left: l });
+  }
+  return X;
+}, rt = (t) => t === Object(t) && Object.keys(t).length !== 0, lt = (t) => typeof t == "object" ? typeof t.behavior == "function" : !1, it = (t) => t === !1 ? { block: "end", inline: "nearest" } : rt(t) ? t : { block: "start", inline: "nearest" }, st = (t) => {
+  const e = window.getComputedStyle(t);
+  return {
+    top: parseFloat(e.scrollMarginTop) || 0,
+    right: parseFloat(e.scrollMarginRight) || 0,
+    bottom: parseFloat(e.scrollMarginBottom) || 0,
+    left: parseFloat(e.scrollMarginLeft) || 0
+  };
+}, at = (t) => {
+  let e = t;
+  for (; e && e.parentNode; ) {
+    if (e.parentNode === document)
+      return !0;
+    e.parentNode instanceof ShadowRoot ? e = e.parentNode.host : e = e.parentNode;
+  }
+  return !1;
+};
+function ct(t, e) {
+  if (!t.isConnected || !at(t))
+    return;
+  const n = st(t);
+  if (lt(e))
+    return e.behavior($(t, e));
+  const i = typeof e == "boolean" ? void 0 : e?.behavior;
+  for (const { el: s, top: c, left: h } of $(t, it(e))) {
+    const p = c - n.top + n.bottom, u = h - n.left + n.right;
+    s.scroll({ top: p, left: u, behavior: i });
+  }
+}
+export {
+  ct as b,
+  $ as n
+};

package/{components/common/hooks/useMergeValue.js → chunk/2vdCeheu.js}

@@ -1,19 +1,19 @@
 import { useRef as i, useState as l, useEffect as c } from "react";
-import "../utils/is.js";
-import m from "./usePrevious.js";
+import "./DsaQZE4X.js";
+import { u as m } from "./8w-ItYb1.js";
 import { isUndefined as t } from "@unicom-cloud/utils/is";
-function R(a, n) {
-  const { defaultValue: r, value: e } = n || {}, u = i(!0), s = m(e), [o, f] = l(
-    t(e) ? t(r) ? a : r : e
+function R(f, n) {
+  const { defaultValue: r, value: e } = n || {}, u = i(!0), s = m(e), [o, a] = l(
+    t(e) ? t(r) ? f : r : e
   );
   return c(() => {
     if (u.current) {
       u.current = !1;
       return;
     }
-    e === void 0 && (s === e || f(e));
-  }, [s, e]), [t(e) ? o : e, f, o];
+    e === void 0 && (s === e || a(e));
+  }, [s, e]), [t(e) ? o : e, a, o];
 }
 export {
-  R as default
+  R as u
 };

package/chunk/5_U1CBIu.js

@@ -0,0 +1,8 @@
+import t from "react";
+function s(r) {
+  const e = t.useRef(!1);
+  e.current === !1 && (r(), e.current = !0);
+}
+export {
+  s as u
+};

package/chunk/8w-ItYb1.js

@@ -0,0 +1,9 @@
+import { useRef as c } from "react";
+const n = (r, e) => !Object.is(r, e);
+function f(r, e = n) {
+  const t = c(void 0), u = c(void 0);
+  return e(u.current, r) && (t.current = u.current, u.current = r), t.current;
+}
+export {
+  f as u
+};