@unicom-cloud/ui 0.8.90 → 0.8.91

package/collapse/Item.js

@@ -1,11 +1,183 @@
-import "react/jsx-runtime";
-import "../chunk/BJ9_azwQ.js";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BYdIoY50.js";
-import "@unicom-cloud/utils/class-name";
-import "../utils/dom.js";
-import { CollapseItem as f } from "./Collapse.js";
+import { jsxs as v, 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 "../dist/react-transition-group/src/TransitionGroup.js";
+import j, { useContext as E, useRef as H } from "react";
+import "../config-provider/ConfigProvider.js";
+import K from "../components/common/hooks/useKeyboardEvent.js";
+import M 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,
+    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 $;
+    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));
+  };
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: C,
+      ...L,
+      className: c(
+        t,
+        {
+          [`${t}-active`]: a,
+          [`${t}-no-icon`]: !m,
+          [`${t}-disabled`]: r
+        },
+        R
+      ),
+      style: O,
+      children: [
+        /* @__PURE__ */ v(
+          "div",
+          {
+            role: "button",
+            "aria-disabled": r,
+            "aria-expanded": a,
+            "data-active-region": n.triggerRegion,
+            tabIndex: r ? -1 : 0,
+            className: c(
+              `${t}-header`,
+              `${t}-header-${n.expandIconPosition}`,
+              {
+                [`${t}-header-disabled`]: r
+              }
+            ),
+            onClick: (e) => g(e, 2),
+            ...I({
+              onPressEnter: (e) => {
+                !r && n.onToggle(h, e);
+              }
+            }),
+            children: [
+              m && /* @__PURE__ */ s(
+                M,
+                {
+                  prefix: t,
+                  disabled: r,
+                  className: c({
+                    [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
+                    [`${t}-header-icon-right`]: n.expandIconPosition === "right"
+                  }),
+                  onClick: (e) => g(e, 0),
+                  children: /* @__PURE__ */ s(
+                    "span",
+                    {
+                      className: c(`${t}-header-icon`, {
+                        [`${t}-header-icon-down`]: a
+                      }),
+                      children: m
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s(
+                "div",
+                {
+                  className: `${t}-header-title`,
+                  onClick: (e) => g(e, 1),
+                  children: b
+                }
+              ),
+              x && /* @__PURE__ */ s(
+                "div",
+                {
+                  className: `${t}-header-extra`,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                  },
+                  children: x
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          T,
+          {
+            nodeRef: o,
+            in: a,
+            addEndListener: (e) => {
+              z(o.current, "transitionend", e), B(o.current, "transitionend", e);
+            },
+            mountOnEnter: "destroyOnHide" in d ? u : n.destroyOnHide || n.lazyload,
+            unmountOnExit: "destroyOnHide" in d ? u : n.destroyOnHide,
+            onEnter: () => {
+              const e = o.current;
+              e && (e.style.height = "0", e.style.display = "block");
+            },
+            onEntering: () => {
+              const e = o.current, i = f.current;
+              e && i && (e.style.height = `${Math.max(e.scrollHeight, i.scrollHeight)}px`);
+            },
+            onEntered: () => {
+              const e = o.current;
+              e && (e.style.height = "auto");
+            },
+            onExit: () => {
+              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: () => {
+              const e = o.current;
+              e && (e.style.height = "0");
+            },
+            onExited: () => {
+              const e = o.current;
+              e && (e.style.display = "none", e.style.height = "auto");
+            },
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                ref: o,
+                role: "region",
+                className: c(`${t}-content`, {
+                  [`${t}-content-expanded`]: a
+                }),
+                children: /* @__PURE__ */ s(
+                  "div",
+                  {
+                    ref: f,
+                    style: k,
+                    className: `${t}-content-box`,
+                    children: N
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const D = j.forwardRef(
+  A
+);
+D.displayName = "CollapseItem";
 export {
-  f as default
+  D as default
 };

package/collapse/index.js

@@ -1,5 +1,5 @@
 import e from "./Collapse.js";
-import { CollapseItem as l } from "./Collapse.js";
+import { default as l } from "./Item.js";
 export {
   l as CollapseItem,
   e as default

package/color-picker/ControlBar.js

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

package/color-picker/InputAlpha.js

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

package/color-picker/InputHex.js

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

package/color-picker/InputRgb.js

@@ -1,37 +1,40 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { c as b } from "../chunk/9TSjT7x_.js";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import { TinyColor as f } from "../dist/tinycolor/src/index.js";
 import { useContext as x } from "react";
-import { a as f } from "../chunk/B44Hj5ad.js";
-import I, { InputNumber as p } from "../input/Input.js";
-import { InputAlpha as d } from "./InputAlpha.js";
-const G = ({
+import "../config-provider/ConfigProvider.js";
+import b from "../input/Input.js";
+import p 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: g
+  disabledAlpha: C
 }) => {
-  const { getPrefixCls: t } = x(f), C = t == null ? void 0 : t("color-picker"), r = (n) => {
-    const h = new b({
-      r: n.r,
-      g: n.g,
-      b: n.b
+  const { getPrefixCls: r } = x(d), g = r == null ? void 0 : r("color-picker"), t = (o) => {
+    const h = new f({
+      r: o.r,
+      g: o.g,
+      b: o.b
     }).toHsv_();
     a(h);
-  }, { r: e, g: m, b: i } = s.rgb;
-  return /* @__PURE__ */ l(I.Group, { className: `${C}-input-group`, compact: !0, children: [
-    /* @__PURE__ */ o(
+  }, { r: i, g: m, b: e } = s.rgb;
+  return /* @__PURE__ */ l(b.Group, { className: `${g}-input-group`, compact: !0, children: [
+    /* @__PURE__ */ n(
       p,
       {
         size: "mini",
         min: 0,
         max: 255,
         hideControl: !0,
-        value: e,
-        onChange: (n) => r({ r: n, g: m, b: i })
+        value: i,
+        onChange: (o) => t({ r: o, g: m, b: e })
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       p,
       {
         size: "mini",
@@ -39,23 +42,23 @@ const G = ({
         max: 255,
         hideControl: !0,
         value: m,
-        onChange: (n) => r({ r: e, g: n, b: i })
+        onChange: (o) => t({ r: i, g: o, b: e })
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       p,
       {
         size: "mini",
         min: 0,
         max: 255,
         hideControl: !0,
-        value: i,
-        onChange: (n) => r({ r: e, g: m, b: n })
+        value: e,
+        onChange: (o) => t({ r: i, g: m, b: o })
       }
     ),
-    !g && /* @__PURE__ */ o(d, { value: u, onChange: c })
+    !C && /* @__PURE__ */ n(I, { value: u, onChange: c })
   ] });
 };
 export {
-  G as InputRgb
+  R as InputRgb
 };

package/color-picker/Palette.js

@@ -1,17 +1,19 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as d } from "../chunk/9TSjT7x_.js";
+import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import { TinyColor as d } from "../dist/tinycolor/src/index.js";
 import { useContext as h, useMemo as C } from "react";
-import { a as v } from "../chunk/B44Hj5ad.js";
-import { u as g } from "../chunk/k-OUstoD.js";
-const w = ({ color: l, onChange: a }) => {
-  const { getPrefixCls: o } = h(v), r = o == null ? void 0 : o("color-picker"), { h: t, s: n, v: s } = l.hsv, { blockRef: m, handlerRef: f, onMouseDown: i } = g({
+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: (e) => a(e[0], 1 - e[1])
-  }), p = C(() => new d({ h: t * 360, s: 100, v: 100 }).toRgbString(), [t]), u = () => /* @__PURE__ */ c(
+    onChange: (r) => m(r[0], 1 - r[1])
+  }), f = C(() => new d({ h: t * 360, s: 100, v: 100 }).toRgbString(), [t]), u = () => /* @__PURE__ */ c(
     "div",
     {
-      ref: f,
-      className: `${r}-handler`,
+      ref: a,
+      className: `${e}-handler`,
       style: {
         top: `${(1 - s) * 100}%`,
         left: `${n * 100}%`
@@ -21,14 +23,14 @@ const w = ({ color: l, onChange: a }) => {
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: m,
-      className: `${r}-palette`,
-      style: { backgroundColor: p },
-      onMouseDown: i,
+      ref: i,
+      className: `${e}-palette`,
+      style: { backgroundColor: f },
+      onMouseDown: p,
       children: u()
     }
   );
 };
 export {
-  w as Palette
+  M as Palette
 };