@unicom-cloud/ui 0.8.89 → 0.8.91

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 f, c as k, b as h } from "../chunk/CgyNQvYg.js";
-import { default as C } 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 {
-  f as CheckboxGroup,
-  k as CheckboxGroupBlock,
-  h as default,
-  C 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 { y as s, z as u, G } from "../chunk/CgyNQvYg.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 { c as a } from "../chunk/CgyNQvYg.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 {
-  a as default
+  k as default
 };

package/checkbox/index.js

@@ -1,9 +1,10 @@
-import { b as e } from "../chunk/CgyNQvYg.js";
-import { G as p, c as t } from "../chunk/CgyNQvYg.js";
-import { default as c } 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,
-  c as useCheckbox
+  u as useCheckbox
 };

package/collapse/Collapse.js

@@ -1,15 +1,90 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiCaretLeft";
-import "@unicom-cloud/icons/IconUiCaretRight";
-import "lodash/isFunction";
-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 { a as x, C as d } from "../chunk/DYmI9fFY.js";
+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"
+}, D = O({
+  expandIconPosition: "left",
+  expandIcon: /* @__PURE__ */ n(u, {}),
+  activeKeys: [],
+  onToggle: () => {
+  }
+});
+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: 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__ */ n(
+    D.Provider,
+    {
+      value: {
+        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__ */ n(
+        "div",
+        {
+          ref: a,
+          ...H(b, ["activeKey", "defaultActiveKey"]),
+          className: j(
+            l,
+            `${l}-${K ? "border" : "borderless"}`,
+            { [`${l}-rtl`]: C },
+            g
+          ),
+          style: y,
+          children: I
+        }
+      )
+    }
+  );
+}
+const G = M.forwardRef(E), v = G;
+v.displayName = "Collapse";
+v.Item = L;
 export {
-  x as CollapseContext,
-  d as default
+  D as CollapseContext,
+  L as CollapseItem,
+  v as default
 };

package/collapse/Item.js

@@ -1,11 +1,183 @@
-import "react/jsx-runtime";
-import "../chunk/BJ9_azwQ.js";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BYdIoY50.js";
-import "@unicom-cloud/utils/class-name";
-import "../utils/dom.js";
-import { I as d } from "../chunk/DYmI9fFY.js";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import "../dist/react-transition-group/src/CSSTransition.js";
+import "../dist/react-transition-group/src/ReplaceTransition.js";
+import "../dist/react-transition-group/src/SwitchTransition.js";
+import { T } from "../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../dist/react-transition-group/src/TransitionGroup.js";
+import j, { useContext as E, useRef as H } from "react";
+import "../config-provider/ConfigProvider.js";
+import K from "../components/common/hooks/useKeyboardEvent.js";
+import M from "../icon-hover/index.js";
+import c from "@unicom-cloud/utils/class-name";
+import { off as z, on as B } from "../components/common/utils/dom.js";
+import { CollapseContext as S } from "./Collapse.js";
+import q from "../config-provider/context.js";
+function A(d, C) {
+  var y;
+  const { getPrefixCls: l } = E(q), n = E(S), I = K(), {
+    children: N,
+    name: h,
+    header: b,
+    className: R,
+    style: O,
+    contentStyle: k,
+    extra: x,
+    disabled: r,
+    destroyOnHide: u,
+    expandIcon: P,
+    showExpandIcon: w = !0,
+    ...L
+  } = d, o = H(), f = H(), t = l == null ? void 0 : l("collapse-item"), a = ((y = n.activeKeys) == null ? void 0 : y.indexOf(h)) > -1, m = w ? "expandIcon" in d ? P : n.expandIcon : null, g = (e, i) => {
+    var $;
+    if (r)
+      return;
+    const { triggerRegion: p } = n;
+    (i === (p === "icon" ? 0 : p === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
+    p === "header" && [0, 1].includes(i)) && (($ = n.onToggle) == null || $.call(n, h, e));
+  };
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: C,
+      ...L,
+      className: c(
+        t,
+        {
+          [`${t}-active`]: a,
+          [`${t}-no-icon`]: !m,
+          [`${t}-disabled`]: r
+        },
+        R
+      ),
+      style: O,
+      children: [
+        /* @__PURE__ */ v(
+          "div",
+          {
+            role: "button",
+            "aria-disabled": r,
+            "aria-expanded": a,
+            "data-active-region": n.triggerRegion,
+            tabIndex: r ? -1 : 0,
+            className: c(
+              `${t}-header`,
+              `${t}-header-${n.expandIconPosition}`,
+              {
+                [`${t}-header-disabled`]: r
+              }
+            ),
+            onClick: (e) => g(e, 2),
+            ...I({
+              onPressEnter: (e) => {
+                !r && n.onToggle(h, e);
+              }
+            }),
+            children: [
+              m && /* @__PURE__ */ s(
+                M,
+                {
+                  prefix: t,
+                  disabled: r,
+                  className: c({
+                    [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
+                    [`${t}-header-icon-right`]: n.expandIconPosition === "right"
+                  }),
+                  onClick: (e) => g(e, 0),
+                  children: /* @__PURE__ */ s(
+                    "span",
+                    {
+                      className: c(`${t}-header-icon`, {
+                        [`${t}-header-icon-down`]: a
+                      }),
+                      children: m
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s(
+                "div",
+                {
+                  className: `${t}-header-title`,
+                  onClick: (e) => g(e, 1),
+                  children: b
+                }
+              ),
+              x && /* @__PURE__ */ s(
+                "div",
+                {
+                  className: `${t}-header-extra`,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                  },
+                  children: x
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          T,
+          {
+            nodeRef: o,
+            in: a,
+            addEndListener: (e) => {
+              z(o.current, "transitionend", e), B(o.current, "transitionend", e);
+            },
+            mountOnEnter: "destroyOnHide" in d ? u : n.destroyOnHide || n.lazyload,
+            unmountOnExit: "destroyOnHide" in d ? u : n.destroyOnHide,
+            onEnter: () => {
+              const e = o.current;
+              e && (e.style.height = "0", e.style.display = "block");
+            },
+            onEntering: () => {
+              const e = o.current, i = f.current;
+              e && i && (e.style.height = `${Math.max(e.scrollHeight, i.scrollHeight)}px`);
+            },
+            onEntered: () => {
+              const e = o.current;
+              e && (e.style.height = "auto");
+            },
+            onExit: () => {
+              const e = o.current, i = f.current;
+              e && i && (e.offsetHeight, i.offsetHeight, e.style.display = "block", e.style.height = `${Math.max(e.offsetHeight, i.offsetHeight)}px`, e.offsetHeight, i.offsetHeight);
+            },
+            onExiting: () => {
+              const e = o.current;
+              e && (e.style.height = "0");
+            },
+            onExited: () => {
+              const e = o.current;
+              e && (e.style.display = "none", e.style.height = "auto");
+            },
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                ref: o,
+                role: "region",
+                className: c(`${t}-content`, {
+                  [`${t}-content-expanded`]: a
+                }),
+                children: /* @__PURE__ */ s(
+                  "div",
+                  {
+                    ref: f,
+                    style: k,
+                    className: `${t}-content-box`,
+                    children: N
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const D = j.forwardRef(
+  A
+);
+D.displayName = "CollapseItem";
 export {
-  d as default
+  D as default
 };

package/collapse/index.js

@@ -1,4 +1,6 @@
-import { C as a } from "../chunk/DYmI9fFY.js";
+import e from "./Collapse.js";
+import { default as l } from "./Item.js";
 export {
-  a as default
+  l as CollapseItem,
+  e as default
 };