@unicom-cloud/ui 0.8.118 → 0.8.120

package/checkbox/GroupBlock.js

@@ -1,34 +1,38 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useContext as u } from "react";
+/* 2025-11-14 09:11:22 */
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { useContext as f } from "react";
 import "../config-provider/ConfigProvider.js";
-import c from "../typography/index.js";
-import l from "@unicom-cloud/utils/class-name";
-import n from "./Checkbox.js";
-import f from "../config-provider/context.js";
-function C(t) {
-  const { getPrefixCls: i, rtl: k } = u(f), { className: d, options: m, ...p } = t, e = i?.("checkbox-group-block");
-  return /* @__PURE__ */ r(
-    n.Group,
+import t from "../typography/index.js";
+import c from "@unicom-cloud/ui-common/utils/className";
+import i from "./Checkbox.js";
+import u from "../config-provider/context.js";
+function C(s) {
+  const {
+    prefixCls: N,
+    getPrefixCls: n,
+    rtl: k
+  } = f(u), { className: d, options: m, ...p } = s, e = n?.("checkbox-group-block");
+  return /* @__PURE__ */ a(
+    i.Group,
     {
-      className: l(`${e}`, d),
+      className: c(`${e}`, d),
       ...p,
-      onChange: (o, a) => {
-        t.onChange?.(o, a);
+      onChange: (o, r) => {
+        s.onChange?.(o, r);
       },
-      children: m.map((o, a, N) => /* @__PURE__ */ r(n, { value: o.value, children: ({ checked: h }) => /* @__PURE__ */ s(
+      children: m.map((o, r, $) => /* @__PURE__ */ a(i, { value: o.value, children: ({ checked: h }) => /* @__PURE__ */ l(
         "div",
         {
           style: { width: o.width },
-          className: l(
+          className: c(
             `${e}-card`,
             h && `${e}-card-checked`
           ),
           children: [
-            /* @__PURE__ */ r("div", { className: `${e}-card-mask`, children: /* @__PURE__ */ r("div", { className: `${e}-card-mask-dot` }) }),
-            /* @__PURE__ */ s("div", { className: `${e}-card-content`, children: [
-              /* @__PURE__ */ r(
-                c.Ellipsis,
+            /* @__PURE__ */ a("div", { className: `${e}-card-mask`, children: /* @__PURE__ */ a("div", { className: `${e}-card-mask-dot` }) }),
+            /* @__PURE__ */ l("div", { className: `${e}-card-content`, children: [
+              /* @__PURE__ */ a(
+                t.Ellipsis,
                 {
                   className: `${e}-card-content-title`,
                   rows: 1,
@@ -39,8 +43,8 @@ function C(t) {
                   children: o.title
                 }
               ),
-              /* @__PURE__ */ r(
-                c.Ellipsis,
+              /* @__PURE__ */ a(
+                t.Ellipsis,
                 {
                   className: `${e}-card-content-desc`,
                   rows: 1,

package/checkbox/IconCheck.js

@@ -1,4 +1,4 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as a } from "react/jsx-runtime";
 function r({ className: e }) {
   return /* @__PURE__ */ a(

package/checkbox/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import e from "./Checkbox.js";
 import { default as x, ClearCheckboxGroupContext as a } from "./Group.js";
 import { default as f } from "./GroupBlock.js";

package/checkbox/useCheckbox.js

@@ -1,8 +1,7 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { useState as y, useMemo as u } from "react";
-import "../dist/ui-common/utils/is.js";
-import { isArray as m } from "@unicom-cloud/utils/is";
-const C = (c, g) => {
+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) => {
@@ -43,5 +42,5 @@ const C = (c, g) => {
   };
 };
 export {
-  C as default
+  k as default
 };

package/collapse/Collapse.js

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

package/collapse/Item.js

@@ -1,54 +1,45 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import "@unicom-cloud/utils/dom-helpers/reflow";
-import "../dist/ui-common/utils/is.js";
-import "../dist/ui-common/transition-group/CSSTransition.js";
-import w, { useContext as y, useRef as $ } from "react";
-import "../dist/ui-common/utils/reactDOM.js";
-import "react-is";
-import "../dist/ui-common/transition-group/ReplaceTransition.js";
-import "../dist/ui-common/transition-group/SwitchTransition.js";
-import L from "../dist/ui-common/transition-group/Transition.js";
-import "../dist/ui-common/transition-group/TransitionGroup.js";
-import "../dist/ui-common/transition-group/TransitionGroupContext.js";
+import { Transition as w } from "@unicom-cloud/ui-common/transition-group";
+import L, { useContext as y, useRef as $ } from "react";
 import "../config-provider/ConfigProvider.js";
-import j from "../dist/ui-common/hooks/use-keyboard-event/index.js";
-import M from "../icon-hover/index.js";
-import a from "@unicom-cloud/utils/class-name";
-import { off as T, on as z } from "../dist/ui-common/utils/dom.js";
-import { CollapseContext as B } from "./Collapse.js";
-import K from "../config-provider/context.js";
+import T from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import j from "../icon-hover/index.js";
+import c from "@unicom-cloud/ui-common/utils/className";
+import { off as K, on as M } from "@unicom-cloud/ui-common/utils/dom";
+import { CollapseContext as z } from "./Collapse.js";
+import B from "../config-provider/context.js";
 function S(d, v) {
-  const { getPrefixCls: E } = y(K), n = y(B), H = j(), {
-    children: C,
+  const { prefixCls: A, getPrefixCls: C } = y(B), n = y(z), E = T(), {
+    children: H,
     name: l,
     header: I,
     className: N,
     style: b,
     contentStyle: O,
-    extra: p,
+    extra: x,
     disabled: r,
-    destroyOnHide: x,
+    destroyOnHide: p,
     expandIcon: R,
     showExpandIcon: k = !0,
     ...P
-  } = d, o = $(void 0), h = $(void 0), t = E?.("collapse-item"), c = n.activeKeys?.indexOf(l) > -1, m = k ? "expandIcon" in d ? R : n.expandIcon : null, f = (e, i) => {
+  } = 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) => {
     if (r)
       return;
-    const { triggerRegion: g } = n;
-    (i === (g === "icon" ? 0 : g === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
-    g === "header" && [0, 1].includes(i)) && n.onToggle?.(l, e);
+    const { triggerRegion: m } = n;
+    (i === (m === "icon" ? 0 : m === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
+    m === "header" && [0, 1].includes(i)) && n.onToggle?.(l, e);
   };
   return /* @__PURE__ */ u(
     "div",
     {
       ref: v,
       ...P,
-      className: a(
+      className: c(
         t,
         {
-          [`${t}-active`]: c,
-          [`${t}-no-icon`]: !m,
+          [`${t}-active`]: a,
+          [`${t}-no-icon`]: !h,
           [`${t}-disabled`]: r
         },
         N
@@ -60,40 +51,40 @@ function S(d, v) {
           {
             role: "button",
             "aria-disabled": r,
-            "aria-expanded": c,
+            "aria-expanded": a,
             "data-active-region": n.triggerRegion,
             tabIndex: r ? -1 : 0,
-            className: a(
+            className: c(
               `${t}-header`,
               `${t}-header-${n.expandIconPosition}`,
               {
                 [`${t}-header-disabled`]: r
               }
             ),
-            onClick: (e) => f(e, 2),
-            ...H({
+            onClick: (e) => g(e, 2),
+            ...E({
               onPressEnter: (e) => {
                 !r && n.onToggle(l, e);
               }
             }),
             children: [
-              m && /* @__PURE__ */ s(
-                M,
+              h && /* @__PURE__ */ s(
+                j,
                 {
                   prefix: t,
                   disabled: r,
-                  className: a({
+                  className: c({
                     [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
                     [`${t}-header-icon-right`]: n.expandIconPosition === "right"
                   }),
-                  onClick: (e) => f(e, 0),
+                  onClick: (e) => g(e, 0),
                   children: /* @__PURE__ */ s(
                     "span",
                     {
-                      className: a(`${t}-header-icon`, {
-                        [`${t}-header-icon-down`]: c
+                      className: c(`${t}-header-icon`, {
+                        [`${t}-header-icon-down`]: a
                       }),
-                      children: m
+                      children: h
                     }
                   )
                 }
@@ -102,39 +93,39 @@ function S(d, v) {
                 "div",
                 {
                   className: `${t}-header-title`,
-                  onClick: (e) => f(e, 1),
+                  onClick: (e) => g(e, 1),
                   children: I
                 }
               ),
-              p && /* @__PURE__ */ s(
+              x && /* @__PURE__ */ s(
                 "div",
                 {
                   className: `${t}-header-extra`,
                   onClick: (e) => {
                     e.stopPropagation();
                   },
-                  children: p
+                  children: x
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ s(
-          L,
+          w,
           {
             refElement: o,
-            in: c,
+            in: a,
             addEndListener: (e) => {
-              T(o.current, "transitionend", e), z(o.current, "transitionend", e);
+              K(o.current, "transitionend", e), M(o.current, "transitionend", e);
             },
-            mountOnEnter: "destroyOnHide" in d ? x : n.destroyOnHide || n.lazyload,
-            unmountOnExit: "destroyOnHide" in d ? x : n.destroyOnHide,
+            mountOnEnter: "destroyOnHide" in d ? p : n.destroyOnHide || n.lazyload,
+            unmountOnExit: "destroyOnHide" in d ? p : n.destroyOnHide,
             onEnter: () => {
               const e = o.current;
               e && (e.style.height = "0", e.style.display = "block");
             },
             onEntering: () => {
-              const e = o.current, i = h.current;
+              const e = o.current, i = f.current;
               e && i && (e.style.height = `${Math.max(e.scrollHeight, i.scrollHeight)}px`);
             },
             onEntered: () => {
@@ -142,7 +133,7 @@ function S(d, v) {
               e && (e.style.height = "auto");
             },
             onExit: () => {
-              const e = o.current, i = h.current;
+              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: () => {
@@ -158,16 +149,16 @@ function S(d, v) {
               {
                 ref: o,
                 role: "region",
-                className: a(`${t}-content`, {
-                  [`${t}-content-expanded`]: c
+                className: c(`${t}-content`, {
+                  [`${t}-content-expanded`]: a
                 }),
                 children: /* @__PURE__ */ s(
                   "div",
                   {
-                    ref: h,
+                    ref: f,
                     style: O,
                     className: `${t}-content-box`,
-                    children: C
+                    children: H
                   }
                 )
               }
@@ -178,7 +169,7 @@ function S(d, v) {
     }
   );
 }
-const q = w.forwardRef(
+const q = L.forwardRef(
   S
 );
 q.displayName = "CollapseItem";

package/collapse/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import e from "./Collapse.js";
 import { default as l } from "./Item.js";
 export {

package/color-picker/ControlBar.js

@@ -1,45 +1,45 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as s } from "react/jsx-runtime";
-import { useContext as $ } from "react";
+/* 2025-11-14 09:11:22 */
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import g from "@unicom-cloud/utils/class-name";
-import { useControlBlock as y } from "./hooks/useControlBlock.js";
-import N from "../config-provider/context.js";
+import v from "@unicom-cloud/ui-common/utils/className";
+import { useControlBlock as $ } from "./hooks/useControlBlock.js";
+import b from "../config-provider/context.js";
 const D = ({
   className: c,
-  style: d,
-  multiple: t = !1,
+  style: f,
+  multiple: s = !1,
   value: o,
-  onActive: f,
+  onActive: d,
   onAdd: m,
   onChange: i,
   renderHandlerStyle: p,
   renderHandlerCenterStyle: C
 }) => {
-  const { getPrefixCls: h } = $(N), a = h?.("color-picker"), { blockRef: u, handlerRef: x, onMouseDown: k } = y({
-    multiple: t,
-    value: t ? o.map((r) => ({
+  const { prefixCls: y, getPrefixCls: x } = k(b), t = x?.("color-picker"), { blockRef: h, handlerRef: u, onMouseDown: N } = $({
+    multiple: s,
+    value: s ? o.map((r) => ({
       value: [r.value / 100, 0],
       key: r.key
     })) : [o, 0],
     onChange: (r) => i(r[0]),
     onAdd: (r) => m(r[0]),
-    onActive: f
-  }), v = () => {
-    const r = (n, e, l) => /* @__PURE__ */ s(
+    onActive: d
+  }), g = () => {
+    const r = (n, e, l) => /* @__PURE__ */ a(
       "div",
       {
-        ref: x,
-        className: `${a}-handler`,
+        ref: u,
+        className: `${t}-handler`,
         style: {
           left: `${n * 100}%`,
           ...p?.(e, l)
         },
         "data-key": e,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ a(
           "div",
           {
-            className: `${a}-handler-center`,
+            className: `${t}-handler-center`,
             style: C?.(e, l),
             "data-key": e
           }
@@ -47,16 +47,16 @@ const D = ({
       },
       e
     );
-    return t ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
+    return s ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      ref: u,
-      style: d,
-      className: g(`${a}-control-bar`, c),
-      onMouseDown: k,
-      children: v()
+      ref: h,
+      style: f,
+      className: v(`${t}-control-bar`, c),
+      onMouseDown: N,
+      children: g()
     }
   );
 };

package/color-picker/InputAlpha.js

@@ -1,24 +1,24 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as i } from "react/jsx-runtime";
+/* 2025-11-14 09:11:22 */
+import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import "../config-provider/ConfigProvider.js";
 import p from "../input-number/index.js";
 import s from "../config-provider/context.js";
-const C = ({ value: o, onChange: t }) => {
-  const { getPrefixCls: r } = m(s), n = r?.("color-picker");
-  return /* @__PURE__ */ i(
+const c = ({ value: o, onChange: r }) => {
+  const { prefixCls: f, getPrefixCls: t } = m(s), e = t?.("color-picker");
+  return /* @__PURE__ */ n(
     p,
     {
-      className: `${n}-input-alpha`,
+      className: `${e}-input-alpha`,
       size: "mini",
       min: 0,
       max: 100,
       value: Math.round(o * 100),
       suffix: "%",
-      onChange: (e) => t(e / 100)
+      onChange: (i) => r(i / 100)
     }
   );
 };
 export {
-  C as InputAlpha
+  c as InputAlpha
 };