@unicom-cloud/ui 0.8.124 → 0.8.125

package/checkbox/useCheckbox.js

@@ -1,37 +1,37 @@
-/* 2025-11-19 10:00:13 */
-import { useState as y, useMemo as u } from "react";
-import { isArray as m } from "@unicom-cloud/ui-common/utils/is";
-const k = (c, g) => {
-  const [t, s] = y([...g || []]), { isSelected: n, setValueSelected: p } = u(() => ({
-    isSelected: (l) => t.indexOf(l) > -1,
-    setValueSelected: (l, r) => {
-      const o = m(l) ? l : [l];
+/* 2025-11-27 12:11:12 */
+import A from "lodash/castArray";
+import { useState as y, useMemo as m } from "react";
+const k = (l, g) => {
+  const [t, c] = y([...g || []]), { isSelected: n, setValueSelected: p } = m(() => ({
+    isSelected: (s) => t.indexOf(s) > -1,
+    setValueSelected: (s, r) => {
+      const i = A(s);
       let e;
-      r ? e = [...t, ...o] : e = t.filter((d) => o.indexOf(d) === -1), s(Array.from(new Set(e)));
+      r ? e = [...t, ...i] : e = t.filter((d) => i.indexOf(d) === -1), c(Array.from(new Set(e)));
     }
-  }), [t]), { selectAll: x, unSelectAll: P, toggle: V, isAllSelected: h, isPartialSelected: w } = u(() => {
+  }), [t]), { selectAll: x, unSelectAll: P, toggle: V, isAllSelected: h, isPartialSelected: w } = m(() => {
     const S = () => {
-      s(c);
-    }, f = () => {
-      s([]);
-    }, l = (e = c) => {
-      const d = m(e) ? e : [e], i = [...t];
-      d.forEach((A) => {
-        const a = i.indexOf(A);
-        a > -1 ? i.splice(a, 1) : i.push(A);
-      }), s(i);
-    }, r = () => c.every((e) => n(e));
+      c(l);
+    }, a = () => {
+      c([]);
+    }, s = (e = l) => {
+      const d = A(e), o = [...t];
+      d.forEach((u) => {
+        const f = o.indexOf(u);
+        f > -1 ? o.splice(f, 1) : o.push(u);
+      }), c(o);
+    }, r = () => l.every((e) => n(e));
     return {
       selectAll: S,
-      unSelectAll: f,
-      toggle: l,
+      unSelectAll: a,
+      toggle: s,
       isAllSelected: r,
-      isPartialSelected: () => c.some((e) => n(e)) && !r()
+      isPartialSelected: () => l.some((e) => n(e)) && !r()
     };
-  }, [t, c, n]);
+  }, [t, l, n]);
   return {
     selected: t,
-    setSelected: s,
+    setSelected: c,
     setValueSelected: p,
     selectAll: x,
     unSelectAll: P,

package/collapse/Collapse.js

@@ -1,98 +1,102 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as t } from "react/jsx-runtime";
-import B from "@unicom-cloud/icons/IconUiCaretLeft";
-import m from "@unicom-cloud/icons/IconUiCaretRight";
-import F, { createContext as M, useContext as O } from "react";
+import E from "@unicom-cloud/icons/IconUiCaretLeft";
+import u from "@unicom-cloud/icons/IconUiCaretRight";
+import F, { createContext as M, useContext as O, useRef as T, useImperativeHandle as U } from "react";
 import "../config-provider/ConfigProvider.js";
-import T from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import U from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import V from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as j } from "@unicom-cloud/ui-common/utils/is";
-import k from "@unicom-cloud/ui-common/utils/omit";
-import L from "./Item.js";
-import q from "../config-provider/context.js";
-const f = (i, s) => {
+import V from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import j from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import k from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as L } from "@unicom-cloud/ui-common/utils/is";
+import q from "@unicom-cloud/ui-common/utils/omit";
+import D from "./Item.js";
+import G from "../config-provider/context.js";
+const m = (i, s) => {
   const a = [].concat(i);
   return s ? a.slice(0, 1) : a;
-}, D = {
+}, J = {
   bordered: !0,
   lazyload: !0,
   expandIconPosition: "left",
   invertHeaderContentBackgrounds: !1
   // 潘启宝添加
-}, E = M({
+}, Q = M({
   expandIconPosition: "left",
-  expandIcon: /* @__PURE__ */ t(m, {}),
+  expandIcon: /* @__PURE__ */ t(u, {}),
   activeKeys: [],
   onToggle: () => {
   }
 });
-function G(i, s) {
+function S(i, s) {
   const {
     prefixCls: a,
-    getPrefixCls: C,
-    componentConfig: v,
-    rtl: g
-  } = O(q), e = T(i, D, v?.Collapse), [c, x] = U([], {
-    defaultValue: "defaultActiveKey" in e ? f(e.defaultActiveKey, e.accordion) : void 0,
-    value: "activeKey" in e ? f(e.activeKey, e.accordion) : void 0
+    getPrefixCls: v,
+    componentConfig: g,
+    rtl: x
+  } = O(G), e = V(i, J, g?.Collapse), [c, y] = j([], {
+    defaultValue: "defaultActiveKey" in e ? m(e.defaultActiveKey, e.accordion) : void 0,
+    value: "activeKey" in e ? m(e.activeKey, e.accordion) : void 0
   }), {
-    children: y,
-    className: I,
-    style: K,
-    bordered: P,
+    children: I,
+    className: K,
+    style: P,
+    bordered: R,
     lazyload: h,
     expandIcon: b,
     expandIconPosition: l,
     destroyOnHide: A,
-    accordion: R,
-    triggerRegion: N,
-    invertHeaderContentBackgrounds: $,
+    accordion: N,
+    triggerRegion: $,
+    invertHeaderContentBackgrounds: H,
     // 潘启宝添加
     onChange: d,
     ...w
-  } = e, n = C?.("collapse"), H = (r, z) => {
+  } = e, n = v?.("collapse"), z = (r, B) => {
     let o = [...c || []];
-    const p = c?.indexOf(r);
-    p > -1 ? o.splice(p, 1) : R ? o = [r] : o.push(r), "activeKey" in e || x(o), j(d) && d(r, o, z);
-  };
-  return /* @__PURE__ */ t(
-    E.Provider,
+    const f = c?.indexOf(r);
+    f > -1 ? o.splice(f, 1) : N ? o = [r] : o.push(r), "activeKey" in e || y(o), L(d) && d(r, o, B);
+  }, p = T(null);
+  return U(s, () => ({
+    getRootElement() {
+      return p.current;
+    }
+  })), /* @__PURE__ */ t(
+    Q.Provider,
     {
       value: {
         activeKeys: c,
-        triggerRegion: N,
+        triggerRegion: $,
         lazyload: h,
         destroyOnHide: A,
         expandIconPosition: l,
-        onToggle: H,
-        expandIcon: "expandIcon" in e ? b : l === "right" ? /* @__PURE__ */ t(B, {}) : /* @__PURE__ */ t(m, {})
+        onToggle: z,
+        expandIcon: "expandIcon" in e ? b : l === "right" ? /* @__PURE__ */ t(E, {}) : /* @__PURE__ */ t(u, {})
       },
       children: /* @__PURE__ */ t(
         "div",
         {
-          ref: s,
-          ...k(w, ["activeKey", "defaultActiveKey"]),
-          className: V(
+          ref: p,
+          ...q(w, ["activeKey", "defaultActiveKey"]),
+          className: k(
             n,
-            `${n}-${P ? "border" : "borderless"}`,
-            { [`${n}-rtl`]: g },
-            $ && `${n}-invert-header-content-backgrounds`,
+            `${n}-${R ? "border" : "borderless"}`,
+            { [`${n}-rtl`]: x },
+            H && `${n}-invert-header-content-backgrounds`,
             // 潘启宝添加
-            I
+            K
           ),
-          style: K,
-          children: y
+          style: P,
+          children: I
         }
       )
     }
   );
 }
-const J = F.forwardRef(G), u = J;
-u.displayName = "Collapse";
-u.Item = L;
+const W = F.forwardRef(S), C = W;
+C.displayName = "Collapse";
+C.Item = D;
 export {
-  E as CollapseContext,
-  L as CollapseItem,
-  u as default
+  Q as CollapseContext,
+  D as CollapseItem,
+  C as default
 };

package/collapse/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { Transition as w } from "@unicom-cloud/ui-common/transition-group";
 import L, { useContext as y, useRef as $ } from "react";
@@ -13,17 +13,17 @@ function S(d, v) {
   const { prefixCls: A, getPrefixCls: C } = y(B), n = y(z), E = T(), {
     children: H,
     name: l,
-    header: I,
-    className: N,
-    style: b,
+    header: N,
+    className: b,
+    style: I,
     contentStyle: O,
     extra: x,
     disabled: r,
     destroyOnHide: p,
-    expandIcon: R,
-    showExpandIcon: k = !0,
-    ...P
-  } = d, o = $(void 0), f = $(void 0), t = C?.("collapse-item"), a = n.activeKeys?.indexOf(l) > -1, h = k ? "expandIcon" in d ? R : n.expandIcon : null, g = (e, i) => {
+    expandIcon: k,
+    showExpandIcon: P = !0,
+    ...R
+  } = d, o = $(void 0), f = $(void 0), t = C?.("collapse-item"), a = n.activeKeys?.indexOf(l) > -1, h = P ? "expandIcon" in d ? k : n.expandIcon : null, g = (e, i) => {
     if (r)
       return;
     const { triggerRegion: m } = n;
@@ -34,7 +34,7 @@ function S(d, v) {
     "div",
     {
       ref: v,
-      ...P,
+      ...R,
       className: c(
         t,
         {
@@ -42,9 +42,9 @@ function S(d, v) {
           [`${t}-no-icon`]: !h,
           [`${t}-disabled`]: r
         },
-        N
+        b
       ),
-      style: b,
+      style: I,
       children: [
         /* @__PURE__ */ u(
           "div",
@@ -94,7 +94,7 @@ function S(d, v) {
                 {
                   className: `${t}-header-title`,
                   onClick: (e) => g(e, 1),
-                  children: I
+                  children: N
                 }
               ),
               x && /* @__PURE__ */ s(

package/collapse/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import e from "./Collapse.js";
 import { default as l } from "./Item.js";
 export {

package/color-picker/ControlBar.js

@@ -1,10 +1,10 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as a } from "react/jsx-runtime";
 import { useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";
 import v from "@unicom-cloud/ui-common/utils/className";
 import { useControlBlock as $ } from "./hooks/useControlBlock.js";
-import b from "../config-provider/context.js";
+import y from "../config-provider/context.js";
 const D = ({
   className: c,
   style: f,
@@ -16,7 +16,7 @@ const D = ({
   renderHandlerStyle: p,
   renderHandlerCenterStyle: C
 }) => {
-  const { prefixCls: y, getPrefixCls: x } = k(b), t = x?.("color-picker"), { blockRef: h, handlerRef: u, onMouseDown: N } = $({
+  const { prefixCls: B, getPrefixCls: x } = k(y), t = x?.("color-picker"), { refBlock: u, refHandler: h, onMouseDown: N } = $({
     multiple: s,
     value: s ? o.map((r) => ({
       value: [r.value / 100, 0],
@@ -29,7 +29,7 @@ const D = ({
     const r = (n, e, l) => /* @__PURE__ */ a(
       "div",
       {
-        ref: u,
+        ref: h,
         className: `${t}-handler`,
         style: {
           left: `${n * 100}%`,
@@ -52,7 +52,7 @@ const D = ({
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: h,
+      ref: u,
       style: f,
       className: v(`${t}-control-bar`, c),
       onMouseDown: N,

package/color-picker/InputAlpha.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/InputHex.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
 import f from "@unicom-cloud/utils/tinycolor";
 import { useContext as v, useState as I, useEffect as P } from "react";

package/color-picker/InputRgb.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import x from "@unicom-cloud/utils/tinycolor";
 import { useContext as h } from "react";

package/color-picker/Mode.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { isArray as i, isString as o } from "@unicom-cloud/ui-common/utils/is";
 import { ColorPickerMode as t } from "./interface.js";
 const e = (r) => i(r) && r.length === 1 ? r[0] : r, f = (r) => e(r) === t.Single, u = (r) => e(r) === t.Gradient, g = (r) => i(e(r)), c = (r) => g(r) ? t.Gradient : r, G = (r, n, s) => r && i(r) ? t.Gradient : r && o(r) ? t.Single : n && i(n) ? t.Gradient : n && o(n) ? t.Single : c(s);

package/color-picker/Palette.js

@@ -1,19 +1,19 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as s } from "react/jsx-runtime";
 import u from "@unicom-cloud/utils/tinycolor";
-import { useContext as d, useMemo as h } from "react";
+import { useContext as d, useMemo as x } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useControlBlock as x } from "./hooks/useControlBlock.js";
-import g from "../config-provider/context.js";
-const w = ({ color: l, onChange: c }) => {
-  const { prefixCls: v, getPrefixCls: i } = d(g), e = i?.("color-picker"), { h: r, s: t, v: n } = l.hsv, { blockRef: f, handlerRef: m, onMouseDown: a } = x({
+import { useControlBlock as g } from "./hooks/useControlBlock.js";
+import h from "../config-provider/context.js";
+const B = ({ color: l, onChange: c }) => {
+  const { prefixCls: v, getPrefixCls: i } = d(h), r = i?.("color-picker"), { h: e, s: t, v: n } = l.hsv, { refBlock: f, refHandler: m, onMouseDown: a } = g({
     value: [t, 1 - n],
     onChange: (o) => c(o[0], 1 - o[1])
-  }), p = h(() => new u({ h: r * 360, s: 100, v: 100 }).toRgbString(), [r]), C = () => /* @__PURE__ */ s(
+  }), p = x(() => new u({ h: e * 360, s: 100, v: 100 }).toRgbString(), [e]), C = () => /* @__PURE__ */ s(
     "div",
     {
       ref: m,
-      className: `${e}-handler`,
+      className: `${r}-handler`,
       style: {
         top: `${(1 - n) * 100}%`,
         left: `${t * 100}%`
@@ -24,7 +24,7 @@ const w = ({ color: l, onChange: c }) => {
     "div",
     {
       ref: f,
-      className: `${e}-palette`,
+      className: `${r}-palette`,
       style: { backgroundColor: p },
       onMouseDown: a,
       children: C()
@@ -32,5 +32,5 @@ const w = ({ color: l, onChange: c }) => {
   );
 };
 export {
-  w as Palette
+  B as Palette
 };

package/color-picker/Panel.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import d from "@unicom-cloud/utils/tinycolor";
 import { useContext as cr, useState as ar, useMemo as sr } from "react";
@@ -23,7 +23,7 @@ const Fr = ({
   activeMode: h,
   gradientColors: m,
   activeColorId: J,
-  activeColorIdRef: K,
+  refActiveColorId: K,
   color: a,
   alpha: u,
   disabledAlpha: $,

package/color-picker/colors.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import t from "@unicom-cloud/utils/tinycolor";
 import * as e from "@unicom-cloud/utils/ui-color";
 new t("#eee");

package/color-picker/hooks/useColorPicker.js

@@ -1,23 +1,23 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import P from "@unicom-cloud/utils/tinycolor";
-import { useState as C, useRef as k, useMemo as G, useCallback as y, useEffect as M } from "react";
+import { useState as g, useRef as k, useMemo as G, useCallback as y, useEffect as M } from "react";
 import $ from "@unicom-cloud/ui-common/hooks/use-is-first-render";
 import q from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import { isArray as E, isFunction as w } from "@unicom-cloud/ui-common/utils/is";
 import { ColorPickerMode as H } from "../interface.js";
-import { getModeByValue as ee, isGradientMode as R, isSingleMode as oe } from "../Mode.js";
+import { getModeByValue as ee, isGradientMode as _, isSingleMode as oe } from "../Mode.js";
 import { mapValueToGradientColor as te, getColorFromHsv as T, formatRgba as re, formatHex as ne, isEqualsColors as se, equalsHsv as ie, getRandomId as B } from "../utils.js";
 const me = (s) => {
   const {
     mode: j = H.Single,
     defaultValue: z,
-    format: _,
+    format: x,
     onChange: D,
     disabledAlpha: h
   } = s, J = $(), [p, K] = q(!1, {
     defaultValue: s.defaultPopupVisible,
     value: s.popupVisible
-  }), [i, L] = C(
+  }), [i, L] = g(
     ee(
       s.value,
       z,
@@ -26,9 +26,9 @@ const me = (s) => {
   ), [r, N] = q(
     i === H.Gradient ? void 0 : "",
     s
-  ), [x, O] = C(
-    R(i) && E(r) ? te(r, h) : []
-  ), [Q, U] = C(x[0]?.id), v = k(x), b = k(Q), o = v.current, V = b.current, m = (e) => {
+  ), [R, O] = g(
+    _(i) && E(r) ? te(r, h) : []
+  ), [Q, U] = g(R[0]?.id), v = k(R), b = k(Q), o = v.current, V = b.current, m = (e) => {
     O(e), v.current = w(e) ? e(v.current) : e;
   }, S = (e) => {
     U(e), b.current = e;
@@ -37,52 +37,52 @@ const me = (s) => {
       (t) => t.id === V
     );
     return e !== -1 ? e : 0;
-  }, [o, V]), u = E(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, F] = C({
+  }, [o, V]), u = E(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, F] = g({
     h: u.h,
     s: u.s,
     v: u.v
-  }), [n, I] = C(u.a), f = G(() => T(d), [d]), A = y(
-    (e, t, a, l) => _ === "rgb" ? re(e, t, a, l) : ne(e, t, a, l),
-    [_]
-  ), g = G(() => {
+  }), [n, A] = g(u.a), f = G(() => T(d), [d]), I = y(
+    (e, t, a, l) => x === "rgb" ? re(e, t, a, l) : ne(e, t, a, l),
+    [x]
+  ), C = G(() => {
     if (oe(i)) {
       const { r: e, g: t, b: a } = f.rgb;
-      return A(e, t, a, n);
+      return I(e, t, a, n);
     }
     return o.map((e) => {
       const { r: t, g: a, b: l } = e.color.rgb;
       return {
-        color: A(t, a, l, e.alpha),
+        color: I(t, a, l, e.alpha),
         percent: e.percent
       };
     });
-  }, [i, o, f.rgb, A, n]);
+  }, [i, o, f.rgb, I, n]);
   M(() => {
-    N(g), !J && !se(r, g) && D?.(g);
-  }, [g]);
+    N(C), !J && !se(r, C) && D?.(C);
+  }, [C]);
   const W = y(
     (e) => {
-      if (e && r !== g) {
+      if (e && r !== C) {
         const { h: t, s: a, v: l, a: Z } = u;
-        F({ h: t, s: a, v: l }), I(Z);
+        F({ h: t, s: a, v: l }), A(Z);
       }
       e !== p && (s.onVisibleChange?.(e), "popupVisible" in s || K(e));
     },
     [s.onVisibleChange, p, r]
   ), X = (e) => {
-    F(e), h && n !== 100 && I(100);
+    F(e), h && n !== 100 && A(100);
   }, Y = (e) => {
-    I(e);
+    A(e);
   };
   return M(() => {
-    if (!R(i) || !o.length || ie(o[c].color.hsv, d)) return;
+    if (!_(i) || !o.length || ie(o[c].color.hsv, d)) return;
     const e = [...o];
     e[c] = {
       ...e[c],
       color: T(d)
     }, m(e);
   }, [d]), M(() => {
-    if (!R(i) || !o.length || o[c].alpha === n) return;
+    if (!_(i) || !o.length || o[c].alpha === n) return;
     const e = [...o];
     e[c] = {
       ...e[c],
@@ -92,9 +92,9 @@ const me = (s) => {
     value: r,
     activeMode: i,
     gradientColors: o,
-    gradientColorsRef: v,
+    refGradientColors: v,
     activeColorId: V,
-    activeColorIdRef: b,
+    refActiveColorId: b,
     popupVisible: p,
     color: f,
     alpha: n,

package/color-picker/hooks/useControlBlock.js

@@ -1,14 +1,14 @@
-/* 2025-11-19 10:00:13 */
-import { useState as h, useRef as w, useEffect as y } from "react";
-import { isUndefined as R } from "@unicom-cloud/ui-common/utils/is";
-function C({
+/* 2025-11-27 12:11:12 */
+import { useState as y, useRef as w, useEffect as h } from "react";
+import { isUndefined as x } from "@unicom-cloud/ui-common/utils/is";
+function D({
   value: s,
   multiple: r = !1,
   onActive: m,
   onAdd: v,
   onChange: g
 }) {
-  const [l, u] = h(!1), i = w(void 0), E = w(void 0);
+  const [l, u] = y(!1), i = w(void 0), E = w(void 0);
   function c(e, t) {
     return e < 0 ? 0 : e > t ? 1 : e / t;
   }
@@ -33,7 +33,7 @@ function C({
     if (e.preventDefault(), u(!0), r) {
       if (e.target === i.current)
         v(f(e));
-      else if (!R(e.target?.dataset?.key)) {
+      else if (!x(e.target?.dataset?.key)) {
         const t = e.target.dataset.key;
         m(t);
       }
@@ -44,15 +44,15 @@ function C({
   function a(e) {
     e.preventDefault(), e.buttons > 0 ? d(e) : n();
   }
-  return y(() => () => {
+  return h(() => () => {
     n();
   }, []), {
     active: l,
-    blockRef: i,
-    handlerRef: E,
+    refBlock: i,
+    refHandler: E,
     onMouseDown: k
   };
 }
 export {
-  C as useControlBlock
+  D as useControlBlock
 };