@unicom-cloud/ui 0.8.90 → 0.8.92

package/checkbox/Checkbox.js

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

package/checkbox/Group.js

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

package/checkbox/GroupBlock.js

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

package/checkbox/index.js

@@ -1,9 +1,10 @@
-import { d as e } from "../chunk/BbQEqpOn.js";
-import { G as p, e as t } from "../chunk/BbQEqpOn.js";
-import { default as s } from "./useCheckbox.js";
+import e from "./Checkbox.js";
+import { default as a } from "./Group.js";
+import { default as p } from "./GroupBlock.js";
+import { default as u } from "./useCheckbox.js";
 export {
-  p as CheckboxGroup,
-  t as CheckboxGroupBlock,
+  a as CheckboxGroup,
+  p as CheckboxGroupBlock,
   e as default,
-  s as useCheckbox
+  u as useCheckbox
 };

package/collapse/Collapse.js

@@ -1,257 +1,90 @@
-import { jsxs as w, jsx as r } from "react/jsx-runtime";
-import U from "@unicom-cloud/icons/IconUiCaretLeft";
-import L from "@unicom-cloud/icons/IconUiCaretRight";
-import V from "lodash/isFunction";
-import M, { useContext as O, useRef as A, createContext as B } from "react";
-import { a as T, I as S } from "../chunk/B44Hj5ad.js";
-import { u as q } from "../chunk/BFTV6myl.js";
-import { u as D } from "../chunk/D5wldVRB.js";
-import p from "@unicom-cloud/utils/class-name";
-import { o as G } from "../chunk/BKKEev13.js";
-import { u as J } from "../chunk/BJ9_azwQ.js";
-import { u as Q } from "../chunk/BYdIoY50.js";
-import { off as W, on as X } from "../utils/dom.js";
-function Y(f, g) {
-  var I;
-  const { getPrefixCls: a } = O(T), n = O(j), C = Q(), {
-    children: s,
-    name: c,
-    header: $,
-    className: H,
-    style: N,
-    contentStyle: E,
-    extra: x,
-    disabled: l,
-    destroyOnHide: y,
-    expandIcon: v,
-    showExpandIcon: b = !0,
-    ...R
-  } = f, i = A(), h = A(), t = a == null ? void 0 : a("collapse-item"), d = ((I = n.activeKeys) == null ? void 0 : I.indexOf(c)) > -1, u = b ? "expandIcon" in f ? v : n.expandIcon : null, m = (e, o) => {
-    var P;
-    if (l)
-      return;
-    const { triggerRegion: K } = n;
-    (o === (K === "icon" ? 0 : K === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
-    K === "header" && [0, 1].includes(o)) && ((P = n.onToggle) == null || P.call(n, c, e));
-  };
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      ref: g,
-      ...R,
-      className: p(
-        t,
-        {
-          [`${t}-active`]: d,
-          [`${t}-no-icon`]: !u,
-          [`${t}-disabled`]: l
-        },
-        H
-      ),
-      style: N,
-      children: [
-        /* @__PURE__ */ w(
-          "div",
-          {
-            role: "button",
-            "aria-disabled": l,
-            "aria-expanded": d,
-            "data-active-region": n.triggerRegion,
-            tabIndex: l ? -1 : 0,
-            className: p(
-              `${t}-header`,
-              `${t}-header-${n.expandIconPosition}`,
-              {
-                [`${t}-header-disabled`]: l
-              }
-            ),
-            onClick: (e) => m(e, 2),
-            ...C({
-              onPressEnter: (e) => {
-                !l && n.onToggle(c, e);
-              }
-            }),
-            children: [
-              u && /* @__PURE__ */ r(
-                S,
-                {
-                  prefix: t,
-                  disabled: l,
-                  className: p({
-                    [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
-                    [`${t}-header-icon-right`]: n.expandIconPosition === "right"
-                  }),
-                  onClick: (e) => m(e, 0),
-                  children: /* @__PURE__ */ r(
-                    "span",
-                    {
-                      className: p(`${t}-header-icon`, {
-                        [`${t}-header-icon-down`]: d
-                      }),
-                      children: u
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  className: `${t}-header-title`,
-                  onClick: (e) => m(e, 1),
-                  children: $
-                }
-              ),
-              x && /* @__PURE__ */ r(
-                "div",
-                {
-                  className: `${t}-header-extra`,
-                  onClick: (e) => {
-                    e.stopPropagation();
-                  },
-                  children: x
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ r(
-          J,
-          {
-            nodeRef: i,
-            in: d,
-            addEndListener: (e) => {
-              W(i.current, "transitionend", e), X(i.current, "transitionend", e);
-            },
-            mountOnEnter: "destroyOnHide" in f ? y : n.destroyOnHide || n.lazyload,
-            unmountOnExit: "destroyOnHide" in f ? y : n.destroyOnHide,
-            onEnter: () => {
-              const e = i.current;
-              e && (e.style.height = "0", e.style.display = "block");
-            },
-            onEntering: () => {
-              const e = i.current, o = h.current;
-              e && o && (e.style.height = `${Math.max(e.scrollHeight, o.scrollHeight)}px`);
-            },
-            onEntered: () => {
-              const e = i.current;
-              e && (e.style.height = "auto");
-            },
-            onExit: () => {
-              const e = i.current, o = h.current;
-              e && o && (e.offsetHeight, o.offsetHeight, e.style.display = "block", e.style.height = `${Math.max(e.offsetHeight, o.offsetHeight)}px`, e.offsetHeight, o.offsetHeight);
-            },
-            onExiting: () => {
-              const e = i.current;
-              e && (e.style.height = "0");
-            },
-            onExited: () => {
-              const e = i.current;
-              e && (e.style.display = "none", e.style.height = "auto");
-            },
-            children: /* @__PURE__ */ r(
-              "div",
-              {
-                ref: i,
-                role: "region",
-                className: p(`${t}-content`, {
-                  [`${t}-content-expanded`]: d
-                }),
-                children: /* @__PURE__ */ r(
-                  "div",
-                  {
-                    ref: h,
-                    style: E,
-                    className: `${t}-content-box`,
-                    children: s
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-const z = M.forwardRef(
-  Y
-);
-z.displayName = "CollapseItem";
-const k = (f, g) => {
-  const a = [].concat(f);
-  return g ? a.slice(0, 1) : a;
-}, Z = {
+import { jsx as n } from "react/jsx-runtime";
+import z from "@unicom-cloud/icons/IconUiCaretLeft";
+import u from "@unicom-cloud/icons/IconUiCaretRight";
+import F from "lodash/isFunction";
+import M, { createContext as O, useContext as T } from "react";
+import "../config-provider/ConfigProvider.js";
+import U from "../components/common/hooks/useMergeProps.js";
+import V from "../components/common/hooks/useMergeValue.js";
+import j from "@unicom-cloud/utils/class-name";
+import { omit as H } from "../components/common/utils/omit.js";
+import L from "./Item.js";
+import q from "../config-provider/context.js";
+const f = (s, a) => {
+  const o = [].concat(s);
+  return a ? o.slice(0, 1) : o;
+}, B = {
   bordered: !0,
   lazyload: !0,
   expandIconPosition: "left"
-}, j = B({
+}, D = O({
   expandIconPosition: "left",
-  expandIcon: /* @__PURE__ */ r(L, {}),
+  expandIcon: /* @__PURE__ */ n(u, {}),
   activeKeys: [],
   onToggle: () => {
   }
 });
-function _(f, g) {
-  const { getPrefixCls: a, componentConfig: n, rtl: C } = O(T), s = q(
-    f,
-    Z,
-    n == null ? void 0 : n.Collapse
-  ), [c, $] = D([], {
-    defaultValue: "defaultActiveKey" in s ? k(s.defaultActiveKey, s.accordion) : void 0,
-    value: "activeKey" in s ? k(s.activeKey, s.accordion) : void 0
+function E(s, a) {
+  const { getPrefixCls: o, componentConfig: c, rtl: C } = T(q), e = U(
+    s,
+    B,
+    c == null ? void 0 : c.Collapse
+  ), [t, x] = V([], {
+    defaultValue: "defaultActiveKey" in e ? f(e.defaultActiveKey, e.accordion) : void 0,
+    value: "activeKey" in e ? f(e.activeKey, e.accordion) : void 0
   }), {
-    children: H,
-    className: N,
-    style: E,
-    bordered: x,
-    lazyload: l,
-    expandIcon: y,
-    expandIconPosition: v,
-    destroyOnHide: b,
-    accordion: R,
-    triggerRegion: i,
-    onChange: h,
-    ...t
-  } = s, d = a == null ? void 0 : a("collapse"), u = (m, I) => {
-    let e = [...c || []];
-    const o = c == null ? void 0 : c.indexOf(m);
-    o > -1 ? e.splice(o, 1) : R ? e = [m] : e.push(m), "activeKey" in s || $(e), V(h) && h(m, e, I);
+    children: I,
+    className: g,
+    style: y,
+    bordered: K,
+    lazyload: h,
+    expandIcon: A,
+    expandIconPosition: d,
+    destroyOnHide: R,
+    accordion: N,
+    triggerRegion: P,
+    onChange: p,
+    ...b
+  } = e, l = o == null ? void 0 : o("collapse"), $ = (i, w) => {
+    let r = [...t || []];
+    const m = t == null ? void 0 : t.indexOf(i);
+    m > -1 ? r.splice(m, 1) : N ? r = [i] : r.push(i), "activeKey" in e || x(r), F(p) && p(i, r, w);
   };
-  return /* @__PURE__ */ r(
-    j.Provider,
+  return /* @__PURE__ */ n(
+    D.Provider,
     {
       value: {
-        activeKeys: c,
-        triggerRegion: i,
-        lazyload: l,
-        destroyOnHide: b,
-        expandIconPosition: v,
-        onToggle: u,
-        expandIcon: "expandIcon" in s ? y : v === "right" ? /* @__PURE__ */ r(U, {}) : /* @__PURE__ */ r(L, {})
+        activeKeys: t,
+        triggerRegion: P,
+        lazyload: h,
+        destroyOnHide: R,
+        expandIconPosition: d,
+        onToggle: $,
+        expandIcon: "expandIcon" in e ? A : d === "right" ? /* @__PURE__ */ n(z, {}) : /* @__PURE__ */ n(u, {})
       },
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          ref: g,
-          ...G(t, ["activeKey", "defaultActiveKey"]),
-          className: p(
-            d,
-            `${d}-${x ? "border" : "borderless"}`,
-            { [`${d}-rtl`]: C },
-            N
+          ref: a,
+          ...H(b, ["activeKey", "defaultActiveKey"]),
+          className: j(
+            l,
+            `${l}-${K ? "border" : "borderless"}`,
+            { [`${l}-rtl`]: C },
+            g
           ),
-          style: E,
-          children: H
+          style: y,
+          children: I
         }
       )
     }
   );
 }
-const ee = M.forwardRef(_), F = ee;
-F.displayName = "Collapse";
-F.Item = z;
+const G = M.forwardRef(E), v = G;
+v.displayName = "Collapse";
+v.Item = L;
 export {
-  j as CollapseContext,
-  z as CollapseItem,
-  F as default
+  D as CollapseContext,
+  L as CollapseItem,
+  v as default
 };