@unicom-cloud/ui 0.8.108 → 0.8.109

package/row-col/Col-.js

@@ -3,33 +3,32 @@ import G from "lodash/isArray";
 import H from "lodash/isNumber";
 import T from "lodash/isPlainObject";
 import { forwardRef as q, useContext as j, useMemo as D } from "react";
-import "../config-provider/ConfigProvider.js";
-import { COLS as I } from "../constant/index.js";
-import J from "../components/common/hooks/useMergeProps.js";
-import K from "@unicom-cloud/utils/class-name";
-import { RowContext as Q } from "./context.js";
-import U from "../config-provider/context.js";
+import { a as I } from "../chunk/DXlwLh0Y.js";
+import { COLS as J } from "../constant/index.js";
+import { u as K } from "../chunk/FgWHhRFz.js";
+import Q from "@unicom-cloud/utils/class-name";
+import { RowContext as U } from "./context.js";
 const W = {
-  span: I
+  span: J
 };
 function L(i) {
   return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? `0 0 ${i}` : i;
 }
 function X(i, O) {
-  const { getPrefixCls: R, componentConfig: v, rtl: w } = j(U), C = J(
+  const { getPrefixCls: R, componentConfig: v, rtl: w } = j(I), C = K(
     i,
     W,
     v?.Col
-  ), { gutter: p, div: l } = j(Q), {
+  ), { gutter: p, div: l } = j(U), {
     className: M,
     style: N,
     children: V,
     span: k,
     offset: d,
     order: a,
-    pull: m,
-    push: u,
-    xs: c,
+    pull: u,
+    push: c,
+    xs: m,
     sm: g,
     md: x,
     lg: h,
@@ -40,7 +39,7 @@ function X(i, O) {
     ...z
   } = C;
   function A(r, o) {
-    const b = { xs: c, sm: g, md: x, lg: h, xl: y, xxl: P, xxxl: S };
+    const b = { xs: m, sm: g, md: x, lg: h, xl: y, xxl: P, xxxl: S };
     return Object.keys(b).forEach((s) => {
       const t = b[s];
       H(t) ? t >= 0 && (o[`${r}-${s}-${t}`] = !0) : T(t) && (o[`${r}-${s}-${t.span}`] = t.span, o[`${r}-${s}-offset-${t.offset}`] = t.offset, o[`${r}-${s}-order-${t.order}`] = t.order, o[`${r}-${s}-pull-${t.pull}`] = t.pull, o[`${r}-${s}-push-${t.push}`] = t.push);
@@ -50,14 +49,14 @@ function X(i, O) {
   let $ = {
     [`${n}`]: !l,
     [`${n}-order-${a}`]: a,
-    [`${n}-${k}`]: !l && !c && !g && !x && !h && !y && !P && !S,
+    [`${n}-${k}`]: !l && !m && !g && !x && !h && !y && !P && !S,
     [`${n}-offset-${d}`]: d,
-    [`${n}-pull-${m}`]: m,
-    [`${n}-push-${u}`]: u,
+    [`${n}-pull-${u}`]: u,
+    [`${n}-push-${c}`]: c,
     [`${n}-rtl`]: w
   };
   $ = A(n, $);
-  const B = K(e ? n : $, M), f = {};
+  const B = Q(e ? n : $, M), f = {};
   if (G(p) && !l) {
     const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
     r && (f.paddingLeft = r, f.paddingRight = r), o && (f.paddingTop = o, f.paddingBottom = o);

package/row-col/Col.js

@@ -1,159 +1,145 @@
-import { jsx as U } from "react/jsx-runtime";
-import { forwardRef as W, useContext as S, useMemo as h, useEffect as X } from "react";
-import "../config-provider/ConfigProvider.js";
+import { jsx as T } from "react/jsx-runtime";
+import { forwardRef as U, useContext as E, useMemo as x, useEffect as W } from "react";
+import { a as X } from "../chunk/DXlwLh0Y.js";
 import { COLS as v } from "../constant/index.js";
-import Y from "../components/common/hooks/useMergeProps.js";
-import { useResponsive as Z, isResponsiveValue as tt } from "../hooks/useResponsiveState.js";
-import et from "@unicom-cloud/utils/class-name";
-import "../components/common/utils/is.js";
-import { responsiveArray as P } from "../utils/responsiveObserve.js";
-import { RowContext as rt } from "./context.js";
-import ot from "../config-provider/context.js";
-import { isNil as st, isNumber as f, isPlainObject as G, isArray as nt, isString as it } from "@unicom-cloud/utils/is";
-function ft(I, z) {
-  const { getPrefixCls: E, componentConfig: N, rtl: x } = S(ot), o = E?.("col"), F = Y(I, {
+import { u as Y } from "../chunk/FgWHhRFz.js";
+import { useResponsive as Z, isResponsiveValue as ee } from "../hooks/useResponsiveState.js";
+import te from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import { responsiveArray as y } from "../utils/responsiveObserve.js";
+import { RowContext as se } from "./context.js";
+import { isNil as oe, isNumber as l, isPlainObject as G, isArray as re, isString as ne } from "@unicom-cloud/utils/is";
+function ie(L, M) {
+  const { getPrefixCls: z, componentConfig: P, rtl: g } = E(X), r = z?.("col"), F = Y(L, {
     span: v
     // 默认占据 24 列
   }, {
-    ...N?.Col,
-    ...N?.GridCol
-  }), V = S(rt), { gutter: C, div: l } = V, {
+    ...P?.Col,
+    ...P?.GridCol
+  }), V = E(se), { gutter: C, div: f } = V, {
     className: q,
     style: B,
     children: D,
-    span: g = v,
-    offset: c,
-    order: u,
-    pull: m,
+    span: d = v,
+    offset: a,
+    order: c,
+    pull: u,
     push: $,
-    xs: k,
-    sm: w,
-    md: R,
-    lg: _,
-    xl: L,
-    xxl: j,
-    xxxl: A,
-    flex: y,
-    breakpoints: M,
+    xs: N,
+    sm: k,
+    md: _,
+    lg: w,
+    xl: I,
+    xxl: R,
+    xxxl: S,
+    flex: h,
+    breakpoints: j,
     ...H
-  } = F, b = !st(y), O = Z(), a = h(() => ({ ...M, xs: k, sm: w, md: R, lg: _, xl: L, xxl: j, xxxl: A }), [M, _, R, w, L, k, j, A]), J = h(() => {
-    const t = {
-      [`${o}`]: !l,
-      [`${o}-order-${u}`]: u,
-      [`${o}-${g}`]: !l && !tt(a),
-      [`${o}-offset-${c}`]: c,
-      [`${o}-pull-${m}`]: m,
-      [`${o}-push-${$}`]: $,
-      [`${o}-rtl`]: x
+  } = F, b = !oe(h), O = Z(), p = x(() => ({ ...j, xs: N, sm: k, md: _, lg: w, xl: I, xxl: R, xxxl: S }), [j, w, _, k, I, N, R, S]), J = x(() => {
+    const e = {
+      [`${r}`]: !f,
+      [`${r}-order-${c}`]: c,
+      [`${r}-${d}`]: !f && !ee(p),
+      [`${r}-offset-${a}`]: a,
+      [`${r}-pull-${u}`]: u,
+      [`${r}-push-${$}`]: $,
+      [`${r}-rtl`]: g
     };
-    for (const s in a) {
-      const i = a[s];
-      if (f(i))
-        t[`${o}-${s}-${i}`] = !0;
-      else if (G(i)) {
+    for (const o in p) {
+      const s = p[o];
+      if (l(s))
+        e[`${r}-${o}-${s}`] = !0;
+      else if (G(s)) {
         const {
-          span: r,
-          offset: d,
-          order: e,
-          pull: p,
-          push: n
-        } = i;
-        t[`${o}-${s}-${r}`] = r, t[`${o}-${s}-offset-${d}`] = d, t[`${o}-${s}-order-${e}`] = e, t[`${o}-${s}-pull-${p}`] = p, t[`${o}-${s}-push-${n}`] = n;
+          span: n,
+          offset: t,
+          order: m,
+          pull: i,
+          push: A
+        } = s;
+        e[`${r}-${o}-${n}`] = n, e[`${r}-${o}-offset-${t}`] = t, e[`${r}-${o}-order-${m}`] = m, e[`${r}-${o}-pull-${i}`] = i, e[`${r}-${o}-push-${A}`] = A;
       }
     }
-    return t;
-  }, [o, l, u, g, a, c, m, $, x]), K = h(() => {
-    const t = {};
-    if (l)
-      return t;
-    if (nt(C)) {
-      const [s, i] = C;
-      if (s) {
-        let r = f(s) ? `${s}px` : s;
-        r = `calc(${r} / 2)`, t.paddingLeft = r, t.paddingRight = r;
+    return e;
+  }, [r, f, c, d, p, a, u, $, g]), K = x(() => {
+    const e = {};
+    if (f)
+      return e;
+    if (re(C)) {
+      const [o, s] = C;
+      if (o) {
+        let n = l(o) ? `${o}px` : o;
+        n = `calc(${n} / 2)`, e.paddingLeft = n, e.paddingRight = n;
       }
     }
-    return t;
-  }, [C, l]), Q = h(() => {
-    const t = {};
+    return e;
+  }, [C, f]), Q = x(() => {
+    const e = {};
     if (b) {
-      const e = y;
-      return t.flex = e, it(e) && (["auto", "none"].includes(e) ? t.flex = e : /\d+\w{1,}/.test(e) && (t.flex = `0 0 ${e}`)), f(e) && (t.flex = e), t;
+      const t = h;
+      return e.flex = t, ne(t) && (["auto", "none"].includes(t) ? e.flex = t : /\d+\w{1,}/.test(t) && (e.flex = `0 0 ${t}`)), l(t) && (e.flex = t), e;
     }
-    if (l)
-      return t;
-    function s(e) {
-      return `${100 / v * e}%`;
+    if (f)
+      return e;
+    function o(t) {
+      return `${100 / v * t}%`;
     }
-    function i(e, p) {
-      const n = s(p);
-      if (x) {
-        const T = {
-          left: "right",
-          right: "left",
-          marginLeft: "marginRight",
-          marginRight: "marginLeft"
-        };
-        t[T[e]] = n;
-      } else
-        t[e] = n;
-    }
-    const r = {
-      span: g,
-      offset: c,
-      order: u,
-      pull: m,
+    const s = {
+      span: d,
+      offset: a,
+      order: c,
+      pull: u,
       push: $
-    }, d = P.findIndex((e, p, n) => O[e]);
-    if (d !== -1) for (let e = d; e < P.length; e++) {
-      const p = P[e], n = a[p];
-      if (n !== void 0) {
-        if (G(n)) {
-          Object.assign(r, n);
+    }, n = y.findIndex((t, m, i) => O[t]);
+    if (n !== -1) for (let t = n; t < y.length; t++) {
+      const m = y[t], i = p[m];
+      if (i !== void 0) {
+        if (G(i)) {
+          Object.assign(s, i);
           break;
         }
-        if (f(n)) {
-          r.span = n;
+        if (l(i)) {
+          s.span = i;
           break;
         }
       }
     }
-    if (f(r.span)) {
-      const e = s(r.span);
-      t.width = e, t.flex = `0 0 ${e}`;
+    if (l(s.span)) {
+      const t = o(s.span);
+      e.width = t, e.flex = `0 0 ${t}`;
     }
-    return f(r.offset) && i("marginLeft", r.offset), f(r.pull) && i("right", r.pull), f(r.push) && i("left", r.push), f(r.order) && (t.order = r.order), t;
+    return l(s.offset) && (e.marginInlineStart = o(s.offset)), l(s.pull) && (e.insetInlineEnd = o(s.pull)), l(s.push) && (e.insetInlineStart = o(s.push)), l(s.order) && (e.order = s.order), e;
   }, [
-    a,
-    l,
-    y,
+    p,
+    f,
+    h,
     b,
+    a,
     c,
     u,
-    m,
     $,
-    x,
+    g,
     O,
-    g
+    d
   ]);
-  return X(() => () => {
-  }, []), /* @__PURE__ */ U(
+  return W(() => () => {
+  }, []), /* @__PURE__ */ T(
     "div",
     {
-      ref: z,
+      ref: M,
       ...H,
       style: {
         ...B,
         ...K,
         ...Q
       },
-      className: et(b ? o : J, q),
+      className: te(b ? r : J, q),
       children: D
     }
   );
 }
-const lt = W(ft);
-lt.displayName = "Col";
+const le = U(ie);
+le.displayName = "Col";
 export {
-  lt as default
+  le as default
 };

package/row-col/Row.js

@@ -1,15 +1,14 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as N, useContext as h, useEffect as v } from "react";
-import "../config-provider/ConfigProvider.js";
-import P from "../components/common/hooks/useMergeProps.js";
+import { a as P } from "../chunk/DXlwLh0Y.js";
+import { u as j } from "../chunk/FgWHhRFz.js";
 import { useResponsiveState as c } from "../hooks/useResponsiveState.js";
-import j from "@unicom-cloud/utils/class-name";
-import "../components/common/utils/is.js";
-import { RowContext as z } from "./context.js";
-import G from "../config-provider/context.js";
+import z from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import { RowContext as G } from "./context.js";
 import { isArray as p, isNumber as H } from "@unicom-cloud/utils/is";
 function b(u, g) {
-  const { getPrefixCls: d, componentConfig: n, rtl: w } = h(G), r = d?.("row"), R = P(u, {
+  const { getPrefixCls: d, componentConfig: n, rtl: w } = h(P), r = d?.("row"), R = j(u, {
     gutter: 0,
     align: "start",
     justify: "start"
@@ -47,7 +46,7 @@ function b(u, g) {
         ...$,
         ...e
       },
-      className: j(
+      className: z(
         {
           [`${r}`]: !s,
           [`${r}-align-${a}`]: a,
@@ -57,7 +56,7 @@ function b(u, g) {
         x
       ),
       children: /* @__PURE__ */ l(
-        z.Provider,
+        G.Provider,
         {
           value: { gutter: [o, i], div: s },
           children: y

package/segmented/index.js

@@ -1,21 +1,30 @@
 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 "../config-provider/ConfigProvider.js";
+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 "../components/common/utils/is.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import "../components/common/utils/dom.js";
-import we from "../components/common/hooks/useForceUpdate.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import Se from "../components/common/hooks/useMergeProps.js";
-import "../components/common/utils/reactDOM.js";
+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 ke from "../components/common/hooks/useUpdateEffect.js";
-import "lodash/debounce";
 import M from "@unicom-cloud/utils/class-name";
-import Ce from "../config-provider/context.js";
 import { isString as Ie, isNumber as T, isFunction as W } from "@unicom-cloud/utils/is";
 const G = {
   mini: {
@@ -25,7 +34,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-mini)",
-      padding: `${10 + 3 * 0}px`
+      padding: "10px"
     }
   },
   small: {
@@ -35,7 +44,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-small)",
-      padding: `${10 + 3 * 1}px`
+      padding: "13px"
     }
   },
   medium: {
@@ -45,7 +54,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-medium)",
-      padding: `${10 + 3 * 2}px`
+      padding: "16px"
     }
   },
   large: {
@@ -55,7 +64,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-large)",
-      padding: `${10 + 3 * 3}px`
+      padding: "19px"
     }
   }
 }, Ne = {
@@ -71,7 +80,7 @@ const G = {
   animationDuration: 300
 };
 function Oe(B, J) {
-  const { getPrefixCls: Q, componentConfig: X, rtl: k } = ye(Ce), f = Se(
+  const { getPrefixCls: Q, componentConfig: X, rtl: k } = ye(we), f = Ce(
     B,
     Ne,
     X?.Segmented
@@ -84,7 +93,7 @@ function Oe(B, J) {
     size: y = "medium",
     gap: I,
     mode: z = "default",
-    disabled: u = !1,
+    disabled: m = !1,
     block: N = !1,
     split: oe,
     direction: x = "horizontal",
@@ -95,12 +104,12 @@ function Oe(B, J) {
     immediateTrigger: te = !1,
     onChange: P,
     ...ie
-  } = f, R = we(), o = Q?.("segmented"), ne = x === "vertical", V = z === "pill", F = "value" in f, r = ze(() => C.map((e) => Ie(e) || T(e) ? { value: e, label: e } : e), [C]), [re, se] = xe(_), U = L(null), v = L([]), a = F ? ee : re, d = G[y] || G.medium;
+  } = 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 m = ae();
+  const u = ae();
   function de() {
     const e = {
       padding: `0 ${d.option.padding}`,
@@ -109,32 +118,32 @@ function Oe(B, J) {
     return V && (e.borderRadius = `calc(${e.height} / 2)`), e;
   }
   const b = de();
-  function le() {
+  function pe() {
     const e = {
-      gap: m,
+      gap: u,
       fontSize: d.root.fontSize,
       padding: d.root.padding,
       ...Y
     };
-    if (e["--gap"] = T(m) ? `${m}px` : m, V && (e.borderRadius = `calc(${d.option.size} / 2)`), O) {
+    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 pe = le();
+  const le = pe();
   function g(e, i, t) {
-    const n = t || r.find((p) => p.value === e);
-    F || se(e), W(P) && P(e, n);
+    const n = t || r.find((l) => l.value === e);
+    U || se(e), W(P) && P(e, n);
   }
   function ce(e, i, t, n) {
-    n || u || g(e, i, t);
+    n || m || g(e, i, t);
   }
   function fe(e) {
-    if (e.preventDefault(), !q || u)
+    if (e.preventDefault(), !q || m)
       return;
-    const i = r.findIndex((l) => l?.value === a);
+    const i = r.findIndex((p) => p?.value === a);
     let t = i;
     const n = r.length;
     switch (e.key) {
@@ -156,24 +165,24 @@ function Oe(B, J) {
         return;
     }
     for (; t !== i && r[t]?.disabled; ) {
-      const l = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1;
-      t = (t + l + n) % n;
+      const p = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1;
+      t = (t + p + n) % n;
     }
-    const p = r[t], s = p?.value;
-    s && s !== a && (g(s, t, p), v.current[t]?.focus?.());
+    const l = r[t], s = l?.value;
+    s && s !== a && (g(s, t, l), v.current[t]?.focus?.());
   }
-  function ue(e, i, t) {
+  function me(e, i, t) {
     if (!e) return;
     const {
       style: n,
-      className: p,
+      className: l,
       value: s,
-      label: l,
+      label: p,
       icon: w,
-      disabled: me,
-      render: E,
+      disabled: ue,
+      render: F,
       ...be
-    } = e, c = s === a, $ = me || u, S = !l && !!w, ge = Object.assign(
+    } = e, c = s === a, $ = ue || m, S = !p && !!w, ge = Object.assign(
       {},
       b,
       S ? { padding: 0, width: b.height } : {},
@@ -199,7 +208,7 @@ function Oe(B, J) {
             [`${o}-option-disabled`]: $
           },
           S ? `${o}-option-icon-only` : `${o}-option-not-icon-only`,
-          p
+          l
         ),
         disabled: $,
         role: "radio",
@@ -223,13 +232,13 @@ function Oe(B, J) {
               "aria-hidden": "true"
             }
           ),
-          W(E) ? E(e, c) : /* @__PURE__ */ H($e, { children: [
+          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: l })
+            !S && /* @__PURE__ */ h("span", { className: `${o}-option-label`, children: p })
           ] })
         ]
       },
-      `${l}-${s}-${i}`
+      `${p}-${s}-${i}`
     );
   }
   return ke(() => {
@@ -244,19 +253,19 @@ function Oe(B, J) {
   }, [R, f]), K(() => {
     te && g(a);
   }, []), ve(J, () => ({
-    dom: U.current
+    dom: E.current
   })), /* @__PURE__ */ h(
     "div",
     {
-      ref: U,
+      ref: E,
       ...ie,
-      style: pe,
+      style: le,
       className: M(
         o,
         {
           [`${o}-rtl`]: k,
           [`${o}-block`]: N,
-          [`${o}-disabled`]: u,
+          [`${o}-disabled`]: m,
           [`${o}-indicator`]: O
         },
         `${o}-mode-${z}`,
@@ -268,7 +277,7 @@ function Oe(B, J) {
       onKeyDown: q ? (e) => {
         fe(e);
       } : void 0,
-      children: r.map(ue)
+      children: r.map(me)
     }
   );
 }

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
 };