@unicom-cloud/ui 0.8.96 → 0.8.98

package/collapse/Item.js

@@ -1,57 +1,55 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import "../dist/react-transition-group/src/CSSTransition.js";
 import "../dist/react-transition-group/src/ReplaceTransition.js";
 import "../dist/react-transition-group/src/SwitchTransition.js";
-import { T } from "../dist/react-transition-group/chunk/CPfP7aNL.js";
+import { T as w } from "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
-import j, { useContext as E, useRef as H } from "react";
+import L, { useContext as y, useRef as $ } from "react";
 import "../config-provider/ConfigProvider.js";
-import K from "../components/common/hooks/useKeyboardEvent.js";
-import M from "../icon-hover/index.js";
+import T from "../components/common/hooks/useKeyboardEvent.js";
+import j from "../icon-hover/index.js";
 import c from "@unicom-cloud/utils/class-name";
-import { off as z, on as B } from "../components/common/utils/dom.js";
-import { CollapseContext as S } from "./Collapse.js";
-import q from "../config-provider/context.js";
-function A(d, C) {
-  var y;
-  const { getPrefixCls: l } = E(q), n = E(S), I = K(), {
-    children: N,
-    name: h,
-    header: b,
-    className: R,
-    style: O,
-    contentStyle: k,
+import { off as K, on as M } from "../components/common/utils/dom.js";
+import { CollapseContext as z } from "./Collapse.js";
+import B from "../config-provider/context.js";
+function S(d, v) {
+  const { getPrefixCls: E } = y(B), n = y(z), H = T(), {
+    children: C,
+    name: l,
+    header: I,
+    className: N,
+    style: b,
+    contentStyle: R,
     extra: x,
     disabled: r,
-    destroyOnHide: u,
-    expandIcon: P,
-    showExpandIcon: w = !0,
-    ...L
-  } = d, o = H(), f = H(), t = l == null ? void 0 : l("collapse-item"), a = ((y = n.activeKeys) == null ? void 0 : y.indexOf(h)) > -1, m = w ? "expandIcon" in d ? P : n.expandIcon : null, g = (e, i) => {
-    var $;
+    destroyOnHide: p,
+    expandIcon: O,
+    showExpandIcon: k = !0,
+    ...P
+  } = d, o = $(), h = $(), t = E?.("collapse-item"), a = n.activeKeys?.indexOf(l) > -1, f = k ? "expandIcon" in d ? O : n.expandIcon : null, m = (e, i) => {
     if (r)
       return;
-    const { triggerRegion: p } = n;
-    (i === (p === "icon" ? 0 : p === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
-    p === "header" && [0, 1].includes(i)) && (($ = n.onToggle) == null || $.call(n, h, e));
+    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);
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ u(
     "div",
     {
-      ref: C,
-      ...L,
+      ref: v,
+      ...P,
       className: c(
         t,
         {
           [`${t}-active`]: a,
-          [`${t}-no-icon`]: !m,
+          [`${t}-no-icon`]: !f,
           [`${t}-disabled`]: r
         },
-        R
+        N
       ),
-      style: O,
+      style: b,
       children: [
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ u(
           "div",
           {
             role: "button",
@@ -66,15 +64,15 @@ function A(d, C) {
                 [`${t}-header-disabled`]: r
               }
             ),
-            onClick: (e) => g(e, 2),
-            ...I({
+            onClick: (e) => m(e, 2),
+            ...H({
               onPressEnter: (e) => {
-                !r && n.onToggle(h, e);
+                !r && n.onToggle(l, e);
               }
             }),
             children: [
-              m && /* @__PURE__ */ s(
-                M,
+              f && /* @__PURE__ */ s(
+                j,
                 {
                   prefix: t,
                   disabled: r,
@@ -82,14 +80,14 @@ function A(d, C) {
                     [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
                     [`${t}-header-icon-right`]: n.expandIconPosition === "right"
                   }),
-                  onClick: (e) => g(e, 0),
+                  onClick: (e) => m(e, 0),
                   children: /* @__PURE__ */ s(
                     "span",
                     {
                       className: c(`${t}-header-icon`, {
                         [`${t}-header-icon-down`]: a
                       }),
-                      children: m
+                      children: f
                     }
                   )
                 }
@@ -98,8 +96,8 @@ function A(d, C) {
                 "div",
                 {
                   className: `${t}-header-title`,
-                  onClick: (e) => g(e, 1),
-                  children: b
+                  onClick: (e) => m(e, 1),
+                  children: I
                 }
               ),
               x && /* @__PURE__ */ s(
@@ -116,21 +114,21 @@ function A(d, C) {
           }
         ),
         /* @__PURE__ */ s(
-          T,
+          w,
           {
             nodeRef: o,
             in: a,
             addEndListener: (e) => {
-              z(o.current, "transitionend", e), B(o.current, "transitionend", e);
+              K(o.current, "transitionend", e), M(o.current, "transitionend", e);
             },
-            mountOnEnter: "destroyOnHide" in d ? u : n.destroyOnHide || n.lazyload,
-            unmountOnExit: "destroyOnHide" in d ? u : 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 = f.current;
+              const e = o.current, i = h.current;
               e && i && (e.style.height = `${Math.max(e.scrollHeight, i.scrollHeight)}px`);
             },
             onEntered: () => {
@@ -138,7 +136,7 @@ function A(d, C) {
               e && (e.style.height = "auto");
             },
             onExit: () => {
-              const e = o.current, i = f.current;
+              const e = o.current, i = h.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: () => {
@@ -160,10 +158,10 @@ function A(d, C) {
                 children: /* @__PURE__ */ s(
                   "div",
                   {
-                    ref: f,
-                    style: k,
+                    ref: h,
+                    style: R,
                     className: `${t}-content-box`,
-                    children: N
+                    children: C
                   }
                 )
               }
@@ -174,10 +172,10 @@ function A(d, C) {
     }
   );
 }
-const D = j.forwardRef(
-  A
+const q = L.forwardRef(
+  S
 );
-D.displayName = "CollapseItem";
+q.displayName = "CollapseItem";
 export {
-  D as default
+  q as default
 };

package/color-picker/ControlBar.js

@@ -1,64 +1,64 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useContext as B } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useContext as v } from "react";
 import "../config-provider/ConfigProvider.js";
-import C from "@unicom-cloud/utils/class-name";
-import { useControlBlock as R } from "./hooks/useControlBlock.js";
-import g from "../config-provider/context.js";
-const z = ({
-  className: h,
-  style: u,
-  multiple: m = !1,
-  value: c,
-  onActive: N,
-  onAdd: k,
-  onChange: v,
-  renderHandlerStyle: t,
-  renderHandlerCenterStyle: f
+import $ from "@unicom-cloud/utils/class-name";
+import { useControlBlock as g } from "./hooks/useControlBlock.js";
+import y from "../config-provider/context.js";
+const D = ({
+  className: c,
+  style: d,
+  multiple: t = !1,
+  value: o,
+  onActive: f,
+  onAdd: m,
+  onChange: i,
+  renderHandlerStyle: p,
+  renderHandlerCenterStyle: C
 }) => {
-  const { getPrefixCls: r } = B(g), n = r == null ? void 0 : r("color-picker"), { blockRef: $, handlerRef: x, onMouseDown: b } = R({
-    multiple: m,
-    value: m ? c.map((o) => ({
-      value: [o.value / 100, 0],
-      key: o.key
-    })) : [c, 0],
-    onChange: (o) => v(o[0]),
-    onAdd: (o) => k(o[0]),
-    onActive: N
-  }), l = () => {
-    const o = (a, s, i) => /* @__PURE__ */ p(
+  const { getPrefixCls: h } = v(y), a = h?.("color-picker"), { blockRef: u, handlerRef: x, onMouseDown: N } = g({
+    multiple: t,
+    value: t ? 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
+  }), k = () => {
+    const r = (n, e, l) => /* @__PURE__ */ s(
       "div",
       {
         ref: x,
-        className: `${n}-handler`,
+        className: `${a}-handler`,
         style: {
-          left: `${a * 100}%`,
-          ...t == null ? void 0 : t(s, i)
+          left: `${n * 100}%`,
+          ...p?.(e, l)
         },
-        "data-key": s,
-        children: /* @__PURE__ */ p(
+        "data-key": e,
+        children: /* @__PURE__ */ s(
           "div",
           {
-            className: `${n}-handler-center`,
-            style: f == null ? void 0 : f(s, i),
-            "data-key": s
+            className: `${a}-handler-center`,
+            style: C?.(e, l),
+            "data-key": e
           }
         )
       },
-      s
+      e
     );
-    return m ? c.map((a, s) => o(a.value, a.key, s)) : o(c);
+    return t ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: $,
-      style: u,
-      className: C(`${n}-control-bar`, h),
-      onMouseDown: b,
-      children: l()
+      ref: u,
+      style: d,
+      className: $(`${a}-control-bar`, c),
+      onMouseDown: N,
+      children: k()
     }
   );
 };
 export {
-  z as ControlBar
+  D as ControlBar
 };

package/color-picker/InputAlpha.js

@@ -1,23 +1,23 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useContext as i } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as m } from "react";
 import "../config-provider/ConfigProvider.js";
-import e from "../input-number/index.js";
-import a from "../config-provider/context.js";
-const l = ({ value: t, onChange: n }) => {
-  const { getPrefixCls: o } = i(a), r = o == null ? void 0 : o("color-picker");
-  return /* @__PURE__ */ p(
-    e,
+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(
+    p,
     {
-      className: `${r}-input-alpha`,
+      className: `${n}-input-alpha`,
       size: "mini",
       min: 0,
       max: 100,
-      value: Math.round(t * 100),
+      value: Math.round(o * 100),
       suffix: "%",
-      onChange: (m) => n(m / 100)
+      onChange: (e) => t(e / 100)
     }
   );
 };
 export {
-  l as InputAlpha
+  C as InputAlpha
 };

package/color-picker/InputHex.js

@@ -1,57 +1,56 @@
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
+import { jsxs as C, jsx as p } from "react/jsx-runtime";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as u } from "../dist/tinycolor/src/index.js";
-import { useContext as I, useState as j, useEffect as D } from "react";
+import { TinyColor as m } from "../dist/tinycolor/src/index.js";
+import { useContext as v, useState as I, useEffect as j } from "react";
 import "../config-provider/ConfigProvider.js";
-import f from "../input/Input.js";
-import { InputAlpha as H } from "./InputAlpha.js";
-import b from "../config-provider/context.js";
-const y = ({
+import c from "../input/Input.js";
+import { InputAlpha as D } from "./InputAlpha.js";
+import H from "../config-provider/context.js";
+const T = ({
   color: o,
-  alpha: x,
-  onHsvChange: h,
-  onAlphaChange: l,
-  disabledAlpha: g
+  alpha: f,
+  onHsvChange: u,
+  onAlphaChange: x,
+  disabledAlpha: h
 }) => {
-  const { getPrefixCls: s } = I(b), r = s == null ? void 0 : s("color-picker"), [n, a] = j(o.hex);
-  D(() => {
-    o.hex !== n && a(o.hex);
+  const { getPrefixCls: l } = v(H), s = l?.("color-picker"), [n, r] = I(o.hex);
+  j(() => {
+    o.hex !== n && r(o.hex);
   }, [o]);
   const i = (e) => {
-    var m;
-    const t = ((m = e.match(/[a-fA-F0-9]*/g)) == null ? void 0 : m.join("")) ?? "";
-    t !== n && a(t.toUpperCase());
-  }, p = () => {
-    let e = new u(n);
-    e.ok || (e = new u({
+    const t = e.match(/[a-fA-F0-9]*/g)?.join("") ?? "";
+    t !== n && r(t.toUpperCase());
+  }, a = () => {
+    let e = new m(n);
+    e.ok || (e = new m({
       r: 255,
       g: 0,
       b: 0
     }));
     const t = e.toHsv_();
-    h(t);
-  }, C = (e) => {
+    u(t);
+  }, g = (e) => {
     let t = e.clipboardData.getData("Text");
     t.startsWith("#") && (t = t.slice(1)), i(t), e.preventDefault();
   };
-  return /* @__PURE__ */ v(f.Group, { className: `${r}-input-group`, compact: !0, children: [
-    /* @__PURE__ */ c(
-      f,
+  return /* @__PURE__ */ C(c.Group, { className: `${s}-input-group`, compact: !0, children: [
+    /* @__PURE__ */ p(
+      c,
       {
-        className: `${r}-input-hex`,
+        className: `${s}-input-hex`,
         prefix: "#",
         size: "mini",
         maxLength: 6,
         value: n,
         onChange: i,
-        onBlur: p,
-        onPressEnter: p,
-        onPaste: C
+        onBlur: a,
+        onPressEnter: a,
+        onPaste: g
       }
     ),
-    !g && /* @__PURE__ */ c(H, { value: x, onChange: l })
+    !h && /* @__PURE__ */ p(D, { value: f, onChange: x })
   ] });
 };
 export {
-  y as InputHex
+  T as InputHex
 };

package/color-picker/InputRgb.js

@@ -1,64 +1,64 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import { TinyColor as f } from "../dist/tinycolor/src/index.js";
 import { useContext as x } from "react";
 import "../config-provider/ConfigProvider.js";
 import b from "../input/Input.js";
-import p from "../input-number/index.js";
+import m from "../input-number/index.js";
 import { InputAlpha as I } from "./InputAlpha.js";
 import d from "../config-provider/context.js";
-const R = ({
-  color: s,
-  alpha: u,
-  onHsvChange: a,
-  onAlphaChange: c,
-  disabledAlpha: C
+const P = ({
+  color: p,
+  alpha: s,
+  onHsvChange: u,
+  onAlphaChange: a,
+  disabledAlpha: c
 }) => {
-  const { getPrefixCls: r } = x(d), g = r == null ? void 0 : r("color-picker"), t = (o) => {
-    const h = new f({
+  const { getPrefixCls: C } = x(d), g = C?.("color-picker"), r = (o) => {
+    const l = new f({
       r: o.r,
       g: o.g,
       b: o.b
     }).toHsv_();
-    a(h);
-  }, { r: i, g: m, b: e } = s.rgb;
-  return /* @__PURE__ */ l(b.Group, { className: `${g}-input-group`, compact: !0, children: [
+    u(l);
+  }, { r: t, g: e, b: i } = p.rgb;
+  return /* @__PURE__ */ h(b.Group, { className: `${g}-input-group`, compact: !0, children: [
     /* @__PURE__ */ n(
-      p,
+      m,
       {
         size: "mini",
         min: 0,
         max: 255,
         hideControl: !0,
-        value: i,
-        onChange: (o) => t({ r: o, g: m, b: e })
+        value: t,
+        onChange: (o) => r({ r: o, g: e, b: i })
       }
     ),
     /* @__PURE__ */ n(
-      p,
+      m,
       {
         size: "mini",
         min: 0,
         max: 255,
         hideControl: !0,
-        value: m,
-        onChange: (o) => t({ r: i, g: o, b: e })
+        value: e,
+        onChange: (o) => r({ r: t, g: o, b: i })
       }
     ),
     /* @__PURE__ */ n(
-      p,
+      m,
       {
         size: "mini",
         min: 0,
         max: 255,
         hideControl: !0,
-        value: e,
-        onChange: (o) => t({ r: i, g: m, b: o })
+        value: i,
+        onChange: (o) => r({ r: t, g: e, b: o })
       }
     ),
-    !C && /* @__PURE__ */ n(I, { value: u, onChange: c })
+    !c && /* @__PURE__ */ n(I, { value: s, onChange: a })
   ] });
 };
 export {
-  R as InputRgb
+  P as InputRgb
 };

package/color-picker/Palette.js

@@ -1,33 +1,33 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as d } from "../dist/tinycolor/src/index.js";
-import { useContext as h, useMemo as C } from "react";
+import { TinyColor as u } from "../dist/tinycolor/src/index.js";
+import { useContext as d, useMemo as h } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useControlBlock as v } from "./hooks/useControlBlock.js";
-import g from "../config-provider/context.js";
-const M = ({ color: l, onChange: m }) => {
-  const { getPrefixCls: o } = h(g), e = o == null ? void 0 : o("color-picker"), { h: t, s: n, v: s } = l.hsv, { blockRef: i, handlerRef: a, onMouseDown: p } = v({
-    value: [n, 1 - s],
-    onChange: (r) => m(r[0], 1 - r[1])
-  }), f = C(() => new d({ h: t * 360, s: 100, v: 100 }).toRgbString(), [t]), u = () => /* @__PURE__ */ c(
+import { useControlBlock as g } from "./hooks/useControlBlock.js";
+import x from "../config-provider/context.js";
+const M = ({ color: l, onChange: c }) => {
+  const { getPrefixCls: i } = d(x), e = i?.("color-picker"), { h: r, s: t, v: n } = l.hsv, { blockRef: m, handlerRef: f, 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(
     "div",
     {
-      ref: a,
+      ref: f,
       className: `${e}-handler`,
       style: {
-        top: `${(1 - s) * 100}%`,
-        left: `${n * 100}%`
+        top: `${(1 - n) * 100}%`,
+        left: `${t * 100}%`
       }
     }
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: i,
+      ref: m,
       className: `${e}-palette`,
-      style: { backgroundColor: f },
-      onMouseDown: p,
-      children: u()
+      style: { backgroundColor: p },
+      onMouseDown: a,
+      children: C()
     }
   );
 };