@unicom-cloud/ui 0.8.107 → 0.8.109

package/chunk/DYc9a7tm.js

@@ -0,0 +1,261 @@
+import { jsx as c, jsxs as y, Fragment as H } from "react/jsx-runtime";
+import L from "@unicom-cloud/icons/IconUiCheck";
+import W from "@unicom-cloud/icons/IconUiMinus";
+import B from "lodash/isFunction";
+import q from "lodash/isNil";
+import V, { createContext as J, useState as K, useContext as P, useCallback as M, useRef as Q, useEffect as X } from "react";
+import { a as I, I as Y } from "./DXlwLh0Y.js";
+import { u as Z } from "./FgWHhRFz.js";
+import { u as S } from "./2vdCeheu.js";
+import w from "@unicom-cloud/utils/class-name";
+import { o as _ } from "./BKKEev13.js";
+import ee from "lodash/isArray";
+import G from "lodash/isPlainObject";
+import { pickTriggerPropsFromRest as ae } from "../utils/constant.js";
+import F from "../typography/index.js";
+import se from "../checkbox/useCheckbox.js";
+const U = {
+  isCheckboxGroup: !1,
+  checkboxGroupValue: [],
+  onGroupChange: () => {
+  },
+  registerValue: () => {
+  },
+  unRegisterValue: () => {
+  }
+}, T = J(U), ge = ({
+  children: r
+}) => /* @__PURE__ */ c(T.Provider, { value: U, children: r });
+function z(r) {
+  const [d, f] = S([], {
+    defaultValue: "defaultValue" in r ? r.defaultValue || [] : void 0,
+    value: "value" in r ? r.value || [] : void 0
+  }), [k, C] = K([]), { getPrefixCls: g, rtl: e } = P(I), {
+    disabled: a,
+    options: o,
+    style: N,
+    className: l,
+    error: m,
+    children: x,
+    direction: $ = "horizontal"
+  } = r, u = g?.("checkbox"), R = w(
+    `${u}-group`,
+    {
+      [`${u}-group-is-error`]: m,
+      [`${u}-group-direction-${$}`]: $,
+      [`${u}-group-rtl`]: e
+    },
+    l
+  ), b = M(
+    (s, n, i) => {
+      const h = d.slice();
+      n ? h.push(s) : h.splice(d.indexOf(s), 1), f(h), r.onChange?.(
+        h.filter((E, j, A) => k.indexOf(E) > -1),
+        i
+      );
+    },
+    [d, r.onChange, k]
+  );
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: R,
+      style: N,
+      ...ae(r),
+      children: /* @__PURE__ */ c(
+        T.Provider,
+        {
+          value: {
+            isCheckboxGroup: !0,
+            checkboxGroupValue: d,
+            onGroupChange: b,
+            disabled: a,
+            registerValue: (s) => {
+              C((n) => Array.from(/* @__PURE__ */ new Set([...n, s])));
+            },
+            unRegisterValue: (s) => {
+              C((n) => n.filter((i) => i !== s));
+            }
+          },
+          children: ee(o) ? o.map((s) => {
+            const n = G(s) ? s.label : s, i = G(s) ? s.value : s, h = G(s) ? s.icon : void 0;
+            return /* @__PURE__ */ c(
+              p,
+              {
+                disabled: a || G(s) && s.disabled,
+                value: i,
+                icon: h,
+                children: n
+              },
+              i
+            );
+          }) : x
+        }
+      )
+    }
+  );
+}
+z.displayName = "CheckboxGroup";
+function D(r) {
+  const { getPrefixCls: d, rtl: f } = P(I), { className: k, options: C, ...g } = r, e = d?.("checkbox-group-block");
+  return /* @__PURE__ */ c(
+    p.Group,
+    {
+      className: w(`${e}`, k),
+      ...g,
+      onChange: (a, o) => {
+        r.onChange?.(a, o);
+      },
+      children: C.map((a, o, N) => /* @__PURE__ */ c(p, { value: a.value, children: ({ checked: l }) => /* @__PURE__ */ y(
+        "div",
+        {
+          style: { width: a.width },
+          className: w(
+            `${e}-card`,
+            l && `${e}-card-checked`
+          ),
+          children: [
+            /* @__PURE__ */ c("div", { className: `${e}-card-mask`, children: /* @__PURE__ */ c("div", { className: `${e}-card-mask-dot` }) }),
+            /* @__PURE__ */ y("div", { className: `${e}-card-content`, children: [
+              /* @__PURE__ */ c(
+                F.Ellipsis,
+                {
+                  className: `${e}-card-content-title`,
+                  rows: 1,
+                  showTooltip: !0,
+                  expandable: !1,
+                  onExpand: (m) => {
+                  },
+                  children: a.title
+                }
+              ),
+              /* @__PURE__ */ c(
+                F.Ellipsis,
+                {
+                  className: `${e}-card-content-desc`,
+                  rows: 1,
+                  showTooltip: !0,
+                  expandable: !1,
+                  onExpand: (m) => {
+                  },
+                  children: a.desc
+                }
+              )
+            ] })
+          ]
+        }
+      ) }, a.title))
+    }
+  );
+}
+D.displayName = "CheckboxGroupBlock";
+function oe(r, d) {
+  const f = Q(null), { getPrefixCls: k, componentConfig: C, rtl: g } = P(I), e = Z(
+    r,
+    {},
+    C?.Checkbox
+  ), a = P(T), o = k?.("checkbox"), { onGroupChange: N } = a, l = { ...e };
+  a.isCheckboxGroup && (l.checked = a.checkboxGroupValue.indexOf(e.value) !== -1, l.disabled = "disabled" in e ? e.disabled : a.disabled);
+  const {
+    disabled: m,
+    children: x,
+    className: $,
+    value: u,
+    style: R,
+    indeterminate: b,
+    error: s,
+    ...n
+  } = l, [i, h] = S(!1, {
+    value: l.checked,
+    defaultValue: l.defaultChecked
+  }), E = w(
+    o,
+    {
+      [`${o}-disabled`]: !!m,
+      [`${o}-indeterminate`]: !!b,
+      [`${o}-checked`]: i,
+      [`${o}-rtl`]: g,
+      error: s
+    },
+    $
+  );
+  X(() => (a.registerValue(u), () => {
+    a.unRegisterValue(u);
+  }), [u]);
+  const j = M(
+    (t) => {
+      t.persist(), t.stopPropagation(), h(t.target.checked), a.isCheckboxGroup && N?.(e.value, t.target.checked, t), e.onChange?.(t.target.checked, t);
+    },
+    [N, a.isCheckboxGroup, e.onChange, e.value]
+  ), A = V.useCallback(
+    (t) => {
+      B(e.children) && (t.preventDefault(), f.current && f.current.click()), n.onClick?.(t);
+    },
+    [e.children, n.onClick]
+  ), O = { strokeWidth: 10 };
+  let v = /* @__PURE__ */ c(
+    L,
+    {
+      className: `${o}-mask-icon`,
+      style: { ...O }
+    }
+  );
+  return l.icon && (V.isValidElement(l.icon) ? v = V.cloneElement(l.icon, {
+    className: `${o}-mask-icon`,
+    style: { ...O }
+  }) : v = l.icon), b && (v = /* @__PURE__ */ c(
+    W,
+    {
+      className: `${o}-mask-icon`,
+      style: { ...O }
+    }
+  )), /* @__PURE__ */ y(
+    "label",
+    {
+      ref: d,
+      "aria-disabled": m,
+      ..._(n, ["onChange"]),
+      onClick: A,
+      className: E,
+      style: R,
+      children: [
+        /* @__PURE__ */ c(
+          "input",
+          {
+            value: u,
+            disabled: !!m,
+            ref: f,
+            checked: !!i,
+            onChange: j,
+            onClick: (t) => t.stopPropagation(),
+            type: "checkbox"
+          }
+        ),
+        B(x) ? x({ checked: i, indeterminate: b }) : /* @__PURE__ */ y(H, { children: [
+          /* @__PURE__ */ c(
+            Y,
+            {
+              prefix: o,
+              className: `${o}-mask-wrapper`,
+              disabled: i || m || b,
+              children: /* @__PURE__ */ c("div", { className: `${o}-mask`, children: v })
+            }
+          ),
+          !q(x) && /* @__PURE__ */ c("span", { className: `${o}-text`, children: x })
+        ] })
+      ]
+    }
+  );
+}
+const p = V.forwardRef(oe);
+p.displayName = "Checkbox";
+p.Group = z;
+p.GroupBlock = D;
+p.useCheckbox = se;
+export {
+  p as C,
+  z as G,
+  D as a,
+  ge as b,
+  T as c
+};

package/chunk/DblEjsQ8.js

@@ -0,0 +1,231 @@
+import { jsx as a, jsxs as x, Fragment as H } from "react/jsx-runtime";
+import T from "lodash/isFunction";
+import L from "lodash/isNil";
+import Q, { createContext as S, useContext as y, useRef as q } from "react";
+import { a as B, I as J } from "./DXlwLh0Y.js";
+import { u as E } from "./FgWHhRFz.js";
+import { u as j } from "./2vdCeheu.js";
+import R from "@unicom-cloud/utils/class-name";
+import { o as K } from "./BKKEev13.js";
+import U from "lodash/isArray";
+import W from "lodash/isPlainObject";
+import { pickTriggerPropsFromRest as X } from "../utils/constant.js";
+import { a as Y } from "./ClqoGc3r.js";
+import _ from "../typography/index.js";
+const A = {
+  type: "radio"
+}, Z = {
+  type: "radio",
+  mode: "outline",
+  direction: "horizontal"
+}, P = S(A), he = ({ children: m }) => /* @__PURE__ */ a(P.Provider, { value: A, children: m });
+function D(m) {
+  const {
+    getPrefixCls: f,
+    size: g,
+    componentConfig: v,
+    rtl: h
+  } = y(B), e = E(
+    m,
+    Z,
+    v?.RadioGroup
+  ), {
+    style: r,
+    className: s,
+    name: o,
+    children: t,
+    direction: n,
+    type: C,
+    mode: b,
+    options: $,
+    disabled: p
+  } = e, [d, G] = j(void 0, {
+    defaultValue: e.defaultValue,
+    value: e.value
+  }), k = e.size || g, i = f?.("radio"), V = R(
+    `${i}-group`,
+    {
+      [`${i}-group-type-button`]: C !== "radio",
+      [`${i}-size-${k}`]: !!k,
+      [`${i}-mode-${b}`]: !!b,
+      [`${i}-group-disabled`]: p,
+      [`${i}-group-direction-horizontal`]: n === "horizontal",
+      // 潘启宝添加
+      [`${i}-group-direction-vertical`]: n === "vertical",
+      [`${i}-group-rtl`]: h
+    },
+    s
+  ), z = {
+    onChangeValue: (c, w) => {
+      const { onChange: N } = e;
+      c !== d && ("value" in e || G(c), N?.(c, w));
+    },
+    type: C,
+    value: d,
+    disabled: p,
+    group: !0,
+    name: o
+  };
+  return /* @__PURE__ */ a(P.Provider, { value: z, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: V,
+      role: "radiogroup",
+      style: r,
+      ...X(e),
+      ...Y(e),
+      children: $ && U($) ? $.map((c, w) => {
+        const { value: N, label: I, disabled: M, ...O } = c;
+        return W(c) ? /* @__PURE__ */ a(
+          u,
+          {
+            ...O,
+            disabled: p || M,
+            value: N,
+            children: I
+          },
+          N
+        ) : /* @__PURE__ */ a(u, { value: c, disabled: p, children: c }, w);
+      }) : t
+    }
+  ) });
+}
+D.displayName = "RadioGroup";
+const ee = {};
+function F(m) {
+  const { getPrefixCls: f, componentConfig: g, rtl: v } = y(B), h = E(
+    m,
+    ee,
+    g?.["Radio.Block"]
+  ), { className: e, options: r, ...s } = h, o = f?.("radio-group-block");
+  return /* @__PURE__ */ a(
+    u.Group,
+    {
+      className: R(`${o}`, e),
+      ...s,
+      onChange: (t, n) => {
+        h.onChange?.(t, n);
+      },
+      children: r.map((t) => /* @__PURE__ */ a(u, { value: t.value, children: ({ checked: n }) => /* @__PURE__ */ x(
+        "div",
+        {
+          style: { width: t.width },
+          className: R(
+            `${o}-card`,
+            n && `${o}-card-checked`
+          ),
+          children: [
+            /* @__PURE__ */ a("div", { className: `${o}-card-mask`, children: /* @__PURE__ */ a("div", { className: `${o}-card-mask-dot` }) }),
+            /* @__PURE__ */ x("div", { className: `${o}-card-content`, children: [
+              /* @__PURE__ */ a(
+                _.Ellipsis,
+                {
+                  className: `${o}-card-content-title`,
+                  rows: 1,
+                  showTooltip: !0,
+                  expandable: !1,
+                  onExpand: (C) => {
+                  },
+                  children: t.title
+                }
+              ),
+              /* @__PURE__ */ a(
+                _.Ellipsis,
+                {
+                  className: `${o}-card-content-desc`,
+                  rows: 1,
+                  showTooltip: !0,
+                  expandable: !1,
+                  onExpand: (C) => {
+                  },
+                  children: t.desc
+                }
+              )
+            ] })
+          ]
+        }
+      ) }, t.title))
+    }
+  );
+}
+F.displayName = "RadioGroupBlock";
+function u(m) {
+  const f = q(null), { getPrefixCls: g, componentConfig: v, rtl: h } = y(B), e = E(
+    m,
+    {},
+    v?.Radio
+  ), r = y(P), s = g?.("radio"), o = { ...e };
+  r.group && (o.checked = r.value === e.value, o.disabled = "disabled" in e ? e.disabled : r.disabled);
+  const { disabled: t, children: n, value: C, style: b, className: $, ...p } = o, [d, G] = j(!1, {
+    value: o.checked,
+    defaultValue: o.defaultChecked
+  }), k = R(
+    `${s}${r.type === "button" ? "-button" : ""}`,
+    {
+      [`${s}-checked`]: d,
+      [`${s}-disabled`]: t,
+      [`${s}-rtl`]: h
+    },
+    $
+  ), i = (l) => {
+    const { onChange: z, value: c } = o;
+    t || (r.group ? r.onChangeValue?.(c, l) : !("checked" in e) && !d && G(!0), !d && z?.(!0, l));
+  }, V = Q.useCallback(
+    (l) => {
+      T(e.children) && (l.preventDefault(), f.current && f.current.click()), p.onClick?.(l);
+    },
+    [e.children, p.onClick]
+  );
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      ...K(p, ["checked", "onChange"]),
+      onClick: V,
+      style: b,
+      className: k,
+      children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: f,
+            disabled: t,
+            value: C || "",
+            type: "radio",
+            ...r.name ? { name: r.name } : {},
+            checked: d,
+            onChange: (l) => {
+              l.persist(), i(l);
+            },
+            onClick: (l) => {
+              l.stopPropagation();
+            }
+          }
+        ),
+        T(n) ? n({ checked: d }) : r.type === "radio" ? /* @__PURE__ */ x(H, { children: [
+          /* @__PURE__ */ a(
+            J,
+            {
+              prefix: s,
+              className: `${s}-mask-wrapper`,
+              disabled: d || t,
+              children: /* @__PURE__ */ a("div", { className: `${s}-mask` })
+            }
+          ),
+          !L(n) && /* @__PURE__ */ a("span", { className: `${s}-text`, children: n })
+        ] }) : r.type === "button" && /* @__PURE__ */ a("span", { className: `${s}-button-inner`, children: n })
+      ]
+    }
+  );
+}
+u.__PQB_RADIO = !0;
+u.displayName = "Radio";
+u.Group = D;
+u.GroupBlock = F;
+u.GroupContext = P;
+export {
+  he as C,
+  D as G,
+  u as R,
+  F as a,
+  P as b
+};

package/chunk/DfChiMIE.js

@@ -0,0 +1,15 @@
+import { useRef as c, useEffect as f } from "react";
+const u = (t) => (r, s) => {
+  const e = c(!1);
+  t(() => () => {
+    e.current = !1;
+  }, []), t(() => {
+    if (e.current)
+      return r();
+    e.current = !0;
+  }, s);
+}, a = u(f);
+export {
+  u as c,
+  a as u
+};