@unicom-cloud/ui 0.8.107 → 0.8.109

package/{table/summary → row-col}/context.js

@@ -1,5 +1,5 @@
 import { createContext as t } from "react";
 const e = t({});
 export {
-  e as SummaryContext
+  e as RowContext
 };

package/row-col/index.js

@@ -0,0 +1,11 @@
+import o from "./Col.js";
+import t from "./Row.js";
+const r = Object.assign(t, {
+  Item: o,
+  Col: o
+});
+export {
+  o as Col,
+  o as RowItem,
+  r as default
+};

package/row-col/interface.js

@@ -0,0 +1 @@
+

package/segmented/index.js

@@ -1,228 +1,288 @@
-import { jsxs as D, jsx as v, Fragment as ne } from "react/jsx-runtime";
-import { forwardRef as re, useContext as oe, useMemo as ie, useState as P, useRef as A, useCallback as se, useEffect as $ } from "react";
-import "../config-provider/ConfigProvider.js";
-import ae from "../components/common/hooks/useMergeProps.js";
-import j from "@unicom-cloud/utils/class-name";
-import "../components/common/utils/is.js";
-import { resizeObserver as le } from "../components/common/utils/resizeObserver.js";
-import ce from "../config-provider/context.js";
-import { isNil as ue, isFunction as de } from "@unicom-cloud/utils/is";
-const fe = {
+import { jsx as h, jsxs as H, Fragment as $e } from "react/jsx-runtime";
+import { forwardRef as he, useContext as ye, useMemo as ze, useState as xe, useRef as L, useEffect as K, useImperativeHandle as ve } from "react";
+import { a as we } from "../chunk/DXlwLh0Y.js";
+import "../chunk/DsaQZE4X.js";
+import "../chunk/CdXR6dj7.js";
+import { u as Se } from "../chunk/BJeTDXdz.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import { u as ke } from "../chunk/DfChiMIE.js";
+import "../chunk/BTLlOOe9.js";
+import "@unicom-cloud/utils/screenfull";
+import "lodash/throttle";
+import "@unicom-cloud/utils/constant/platform";
+import "lodash/isPlainObject";
+import "@unicom-cloud/utils/query-string";
+import "react-router";
+import "lodash/isEqualWith";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../chunk/d1c9z8T1.js";
+import "../chunk/RjJoagzL.js";
+import { u as Ce } from "../chunk/FgWHhRFz.js";
+import "../chunk/CXrVhA6-.js";
+import "@unicom-cloud/utils/constant";
+import M from "@unicom-cloud/utils/class-name";
+import { isString as Ie, isNumber as T, isFunction as W } from "@unicom-cloud/utils/is";
+const G = {
+  mini: {
+    root: {
+      fontSize: "var(--pqb-font-size-body-1)",
+      padding: "2px"
+    },
+    option: {
+      size: "var(--pqb-size-mini)",
+      padding: "10px"
+    }
+  },
+  small: {
+    root: {
+      fontSize: "var(--pqb-font-size-body-3)",
+      padding: "3px"
+    },
+    option: {
+      size: "var(--pqb-size-small)",
+      padding: "13px"
+    }
+  },
+  medium: {
+    root: {
+      fontSize: "var(--pqb-font-size-body-3)",
+      padding: "4px"
+    },
+    option: {
+      size: "var(--pqb-size-medium)",
+      padding: "16px"
+    }
+  },
+  large: {
+    root: {
+      fontSize: "var(--pqb-font-size-body-3)",
+      padding: "5px"
+    },
+    option: {
+      size: "var(--pqb-size-large)",
+      padding: "19px"
+    }
+  }
+}, Ne = {
   options: [],
   size: "medium",
   mode: "default",
   disabled: !1,
   block: !1,
+  split: !1,
   direction: "horizontal",
   showIndicator: !0,
+  keyboardSwitch: !0,
   animationDuration: 300
-}, pe = re(
-  (B, p) => {
-    const { getPrefixCls: E, componentConfig: M, rtl: F } = oe(ce), K = ae(
-      B,
-      fe,
-      M?.Segmented
-    ), {
-      style: L,
-      className: U,
-      options: O = [],
-      defaultValue: c,
-      value: R,
-      size: H,
-      mode: k,
-      disabled: m,
-      block: T,
-      direction: h,
-      showIndicator: C,
-      animationDuration: _,
-      name: x,
-      immediateTrigger: q,
-      onChange: u,
-      ...G
-    } = K, i = ie(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, S] = P(() => c && i.some((e) => e.value === c) ? c : i[0]?.value || ""), [Q, b] = P({}), d = A(null), I = A([]), V = A(!1), r = E?.("segmented"), W = j(
-      r,
-      {
-        [`${r}-block`]: T,
-        [`${r}-disabled`]: m,
-        [`${r}-rtl`]: F,
-        [`${r}-${k}`]: k,
-        [`${r}-${h}`]: h
-      },
-      U
-    ), g = R !== void 0, a = g ? R : J, w = se(() => {
-      if (!C || !d.current) {
-        b((s) => ({ ...s, opacity: 0 }));
-        return;
-      }
-      const e = i.findIndex(
-        (s) => s?.value === a
-      );
-      if (e === -1) {
-        b((s) => ({ ...s, opacity: 0 }));
-        return;
-      }
-      const o = I.current[e];
-      if (!o) {
-        b((s) => ({ ...s, opacity: 0 }));
-        return;
-      }
-      const n = d.current.getBoundingClientRect(), t = o.getBoundingClientRect(), l = h === "vertical" ? {
-        width: t.width,
-        // 垂直模式下宽度撑满
-        top: t.top - n.top,
-        height: t.height
-      } : {
-        width: t.width,
-        left: t.left - n.left,
-        height: t.height
-        // 水平模式下高度撑满
-      };
-      b({
-        ...l,
-        opacity: 1
-      });
-    }, [a, i, C, h]), z = (e, o) => {
-      o || m || (g || S(e), u?.(e));
-    }, X = (e, o) => {
-      if (m) return;
-      const n = i.length;
-      if (n === 0) return;
-      let t = o;
-      switch (e.key) {
-        case "ArrowLeft":
-        case "ArrowUp":
-          e.preventDefault(), t = (o - 1 + n) % n;
-          break;
-        case "ArrowRight":
-        case "ArrowDown":
-          e.preventDefault(), t = (o + 1) % n;
-          break;
-        case "Home":
-          e.preventDefault(), t = 0;
-          break;
-        case "End":
-          e.preventDefault(), t = n - 1;
-          break;
-        default:
-          return;
-      }
-      for (; t !== o && i[t]?.disabled; )
-        t = (t + (e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 1) + n) % n;
-      const l = i[t]?.value;
-      l && l !== a && (z(l), I.current[t]?.focus());
+};
+function Oe(B, J) {
+  const { getPrefixCls: Q, componentConfig: X, rtl: k } = ye(we), f = Ce(
+    B,
+    Ne,
+    X?.Segmented
+  ), {
+    style: Y,
+    className: Z,
+    options: C = [],
+    defaultValue: _,
+    value: ee,
+    size: y = "medium",
+    gap: I,
+    mode: z = "default",
+    disabled: m = !1,
+    block: N = !1,
+    split: oe,
+    direction: x = "horizontal",
+    showIndicator: O = !0,
+    keyboardSwitch: q = !0,
+    animationDuration: A = 300,
+    name: D,
+    immediateTrigger: te = !1,
+    onChange: P,
+    ...ie
+  } = f, R = Se(), o = Q?.("segmented"), ne = x === "vertical", V = z === "pill", U = "value" in f, r = ze(() => C.map((e) => Ie(e) || T(e) ? { value: e, label: e } : e), [C]), [re, se] = xe(_), E = L(null), v = L([]), a = U ? ee : re, d = G[y] || G.medium;
+  function ae() {
+    let e = I;
+    return "gap" in f ? e = I : e = d.root.padding, e;
+  }
+  const u = ae();
+  function de() {
+    const e = {
+      padding: `0 ${d.option.padding}`,
+      height: `calc(${d.option.size} - ${d.root.padding} * 2)`
     };
-    $(() => {
-      if (!V.current) {
-        V.current = !0;
-        return;
-      }
-      if (!i.some((e) => e.value === a)) {
-        const e = i[0]?.value || "";
-        g || S(e), u?.(e);
-      }
-    }, [i, a, g, u]), $(() => {
-      q && !ue(c) && de(u) && u(c);
-    }, []), $(() => {
-      w();
-    }, [a, i, w]), $(() => {
-      if (!d.current) return;
-      const e = le(
-        [d.current],
-        () => {
-          w();
-        }
-      );
-      return () => {
-        e();
-      };
-    }, [w]);
-    const Y = (e, o) => {
-      if (e.render)
-        return e.render(e, o);
-      const n = !e.label && !!e.icon;
-      return /* @__PURE__ */ D(ne, { children: [
-        e.icon && /* @__PURE__ */ v("span", { className: `${r}-option-icon`, children: e.icon }),
-        !n && e.label && /* @__PURE__ */ v("span", { className: `${r}-option-label`, children: e.label })
-      ] });
+    return V && (e.borderRadius = `calc(${e.height} / 2)`), e;
+  }
+  const b = de();
+  function pe() {
+    const e = {
+      gap: u,
+      fontSize: d.root.fontSize,
+      padding: d.root.padding,
+      ...Y
     };
-    return /* @__PURE__ */ D(
-      "div",
+    if (e["--gap"] = T(u) ? `${u}px` : u, V && (e.borderRadius = `calc(${d.option.size} / 2)`), O) {
+      b.borderRadius && (e["--before-border-radius"] = b.borderRadius), A && (e["--before-transition-duration"] = `${A}ms`);
+      const i = r.findIndex((n) => n?.value === a), t = v.current[i];
+      t && (e["--before-width"] = `${t.offsetWidth}px`, e["--before-height"] = `${t.offsetHeight}px`, ne ? e["--before-top"] = `${t.offsetTop}px` : e["--before-left"] = `${t.offsetLeft}px`);
+    }
+    return e;
+  }
+  const le = pe();
+  function g(e, i, t) {
+    const n = t || r.find((l) => l.value === e);
+    U || se(e), W(P) && P(e, n);
+  }
+  function ce(e, i, t, n) {
+    n || m || g(e, i, t);
+  }
+  function fe(e) {
+    if (e.preventDefault(), !q || m)
+      return;
+    const i = r.findIndex((p) => p?.value === a);
+    let t = i;
+    const n = r.length;
+    switch (e.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        t = (i - 1 + n) % n;
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        t = (i + 1) % n;
+        break;
+      case "Home":
+        t = 0;
+        break;
+      case "End":
+        t = n - 1;
+        break;
+      default:
+        return;
+    }
+    for (; t !== i && r[t]?.disabled; ) {
+      const p = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1;
+      t = (t + p + n) % n;
+    }
+    const l = r[t], s = l?.value;
+    s && s !== a && (g(s, t, l), v.current[t]?.focus?.());
+  }
+  function me(e, i, t) {
+    if (!e) return;
+    const {
+      style: n,
+      className: l,
+      value: s,
+      label: p,
+      icon: w,
+      disabled: ue,
+      render: F,
+      ...be
+    } = e, c = s === a, $ = ue || m, S = !p && !!w, ge = Object.assign(
+      {},
+      b,
+      S ? { padding: 0, width: b.height } : {},
+      n
+    );
+    return /* @__PURE__ */ H(
+      "button",
       {
-        ref: (e) => {
-          typeof p == "function" ? p(e) : p && (p.current = e), d.current = e;
+        ref: (j) => {
+          v.current[i] = j;
+        },
+        style: ge,
+        className: M(
+          `${o}-option`,
+          `${o}-option-size-${y}`,
+          `${o}-option-mode-${z}`,
+          `${o}-option-direction-${x}`,
+          {
+            [`${o}-option-rtl`]: k,
+            [`${o}-option-block`]: N,
+            [`${o}-option-split`]: oe,
+            [`${o}-option-active`]: c,
+            [`${o}-option-disabled`]: $
+          },
+          S ? `${o}-option-icon-only` : `${o}-option-not-icon-only`,
+          l
+        ),
+        disabled: $,
+        role: "radio",
+        "aria-checked": c,
+        "aria-disabled": $,
+        tabIndex: c ? 0 : -1,
+        onClick: (j) => {
+          ce(s, i, e, $);
         },
-        ...G,
-        style: L,
-        className: W,
-        role: "radiogroup",
+        ...be,
         children: [
-          !Array.isArray(i) || i.length === 0 ? null : i.map((e, o) => {
-            if (!e) return null;
-            const {
-              value: n,
-              label: t,
-              disabled: l,
-              icon: s,
-              render: he,
-              ...Z
-            } = e, f = n === a, y = l || m, ee = !t && !!s, te = [t, n, o].filter(Boolean).join("-");
-            return /* @__PURE__ */ D(
-              "button",
-              {
-                ref: (N) => I.current[o] = N,
-                className: j(
-                  `${r}-option`,
-                  `${r}-option-${H}`,
-                  `${r}-option-${k}`,
-                  {
-                    [`${r}-option-active`]: f,
-                    [`${r}-option-disabled`]: y,
-                    [`${r}-option-icon-only`]: ee
-                  }
-                ),
-                onClick: () => z(n, y),
-                onKeyDown: (N) => X(N, o),
-                disabled: y,
-                role: "radio",
-                "aria-checked": f,
-                "aria-disabled": y,
-                tabIndex: f ? 0 : -1,
-                ...Z,
-                children: [
-                  x && /* @__PURE__ */ v(
-                    "input",
-                    {
-                      type: "radio",
-                      name: x,
-                      value: n,
-                      checked: f,
-                      className: `${r}-input`,
-                      tabIndex: -1,
-                      "aria-hidden": "true"
-                    }
-                  ),
-                  Y(e, f)
-                ]
-              },
-              te
-            );
-          }),
-          C && /* @__PURE__ */ v(
-            "div",
+          !!D && /* @__PURE__ */ h(
+            "input",
             {
-              className: `${r}-indicator`,
-              style: {
-                ...Q,
-                transitionDuration: `${_}ms`
-              }
+              type: "radio",
+              name: D,
+              value: s,
+              checked: c,
+              className: `${o}-input`,
+              tabIndex: -1,
+              "aria-hidden": "true"
             }
-          )
+          ),
+          W(F) ? F(e, c) : /* @__PURE__ */ H($e, { children: [
+            w && /* @__PURE__ */ h("span", { className: `${o}-option-icon`, children: w }),
+            !S && /* @__PURE__ */ h("span", { className: `${o}-option-label`, children: p })
+          ] })
         ]
-      }
+      },
+      `${p}-${s}-${i}`
     );
   }
-);
-pe.displayName = "Segmented";
+  return ke(() => {
+    a === void 0 || r.some((i) => i.value === a) || g(void 0);
+  }, [r]), K(() => {
+    const e = requestAnimationFrame(() => {
+      R();
+    });
+    return () => {
+      cancelAnimationFrame(e);
+    };
+  }, [R, f]), K(() => {
+    te && g(a);
+  }, []), ve(J, () => ({
+    dom: E.current
+  })), /* @__PURE__ */ h(
+    "div",
+    {
+      ref: E,
+      ...ie,
+      style: le,
+      className: M(
+        o,
+        {
+          [`${o}-rtl`]: k,
+          [`${o}-block`]: N,
+          [`${o}-disabled`]: m,
+          [`${o}-indicator`]: O
+        },
+        `${o}-mode-${z}`,
+        `${o}-direction-${x}`,
+        `${o}-size-${y}`,
+        Z
+      ),
+      role: "radiogroup",
+      onKeyDown: q ? (e) => {
+        fe(e);
+      } : void 0,
+      children: r.map(me)
+    }
+  );
+}
+const qe = he(Oe);
+qe.displayName = "Segmented";
 export {
-  pe as default
+  qe as default
 };

package/select/OptGroup.js

@@ -1,20 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
-import l from "react";
-import { omit as n } from "../components/common/utils/omit.js";
-function s(r, t) {
-  const { prefixCls: o, label: e, ...p } = r;
+import s from "react";
+import { o as l } from "../chunk/BKKEev13.js";
+function n(r, o) {
+  const { prefixCls: t, label: e, ...p } = r;
   return /* @__PURE__ */ i(
     "li",
     {
-      ref: t,
-      className: `${o}-group-title`,
-      ...n(p, ["_key", "children", "isSelectOptGroup"]),
+      ref: o,
+      className: `${t}-group-title`,
+      ...l(p, ["_key", "children", "isSelectOptGroup"]),
       children: e
     }
   );
 }
-const c = l.forwardRef(s), f = c;
-f.__PQB_SELECT_OPTGROUP__ = !0;
+const a = s.forwardRef(n), c = a;
+c.__PQB_SELECT_OPTGROUP__ = !0;
 export {
-  f as default
+  c as default
 };

package/select/Option.js

@@ -1,9 +1,8 @@
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
 import E from "react";
-import L from "../checkbox/Checkbox.js";
-import "../checkbox/Group.js";
+import { C as L } from "../chunk/DYc9a7tm.js";
 import _ from "@unicom-cloud/utils/class-name";
-import { omit as j } from "../components/common/utils/omit.js";
+import { o as j } from "../chunk/BKKEev13.js";
 function y(l, f) {
   const {
     style: h,
@@ -22,13 +21,13 @@ function y(l, f) {
     _onMouseEnter: b,
     _onMouseLeave: x,
     _onClick: w,
-    ...i
-  } = l, t = "value" in l ? d : `${u}`, o = "children" in l ? u : `${d}`, s = m ? C.indexOf(t) !== -1 : C === t, c = {
+    ...s
+  } = l, t = "value" in l ? d : `${u}`, o = "children" in l ? u : `${d}`, i = m ? C.indexOf(t) !== -1 : C === t, c = {
     style: h,
     className: _(
       `${e}-option`,
       {
-        [`${e}-option-selected`]: s,
+        [`${e}-option-selected`]: i,
         [`${e}-option-disabled`]: r,
         [`${e}-option-hover`]: t === N,
         [`${e}-option-empty`]: !o && o !== 0 || typeof o == "string" && /^\s*$/.test(o),
@@ -37,15 +36,15 @@ function y(l, f) {
       $
     ),
     onMouseEnter: (n) => {
-      b?.(t), i.onMouseEnter?.(n);
+      b?.(t), s.onMouseEnter?.(n);
     },
     onMouseLeave: (n) => {
-      x?.(), i.onMouseLeave?.(n);
+      x?.(), s.onMouseLeave?.(n);
     },
     onClick: (n) => {
-      w?.(t, r), i.onClick?.(n);
+      w?.(t, r), s.onClick?.(n);
     },
-    ...j(i, [
+    ...j(s, [
       "_key",
       "extra",
       "isSelectOption",
@@ -56,7 +55,7 @@ function y(l, f) {
   }, a = {
     ref: f,
     role: "option",
-    "aria-selected": s
+    "aria-selected": i
   };
   return k && Object.assign(a, { "data-user-created": !0 }), M && Object.assign(a, { "data-user-creating": !0 }), m ? /* @__PURE__ */ g(
     "li",
@@ -65,7 +64,7 @@ function y(l, f) {
       className: _(
         `${e}-option-wrapper`,
         {
-          [`${e}-option-wrapper-selected`]: s,
+          [`${e}-option-wrapper-selected`]: i,
           [`${e}-option-wrapper-disabled`]: r
         },
         v
@@ -76,7 +75,7 @@ function y(l, f) {
           {
             "aria-hidden": "true",
             className: `${e}-checkbox`,
-            checked: s,
+            checked: i,
             disabled: r,
             onChange: c.onClick
           }