@unicom-cloud/ui 0.8.108 → 0.8.109

package/collapse/Collapse.js

@@ -1,96 +1,261 @@
-import { jsx as t } from "react/jsx-runtime";
-import z from "@unicom-cloud/icons/IconUiCaretLeft";
-import m from "@unicom-cloud/icons/IconUiCaretRight";
-import B from "lodash/isFunction";
-import F, { createContext as M, useContext as O } from "react";
-import "../config-provider/ConfigProvider.js";
-import T from "../components/common/hooks/useMergeProps.js";
-import U from "../components/common/hooks/useMergeValue.js";
-import V from "@unicom-cloud/utils/class-name";
-import { omit as j } from "../components/common/utils/omit.js";
-import k from "./Item.js";
-import L from "../config-provider/context.js";
-const f = (s, a) => {
-  const n = [].concat(s);
-  return a ? n.slice(0, 1) : n;
-}, q = {
+import { jsxs as O, jsx as r } from "react/jsx-runtime";
+import j from "@unicom-cloud/icons/IconUiCaretLeft";
+import A from "@unicom-cloud/icons/IconUiCaretRight";
+import F from "lodash/isFunction";
+import L, { useContext as R, useRef as k, createContext as U } from "react";
+import { a as M, I as V } from "../chunk/DXlwLh0Y.js";
+import { u as S } from "../chunk/FgWHhRFz.js";
+import { u as q } from "../chunk/2vdCeheu.js";
+import p from "@unicom-cloud/utils/class-name";
+import { o as D } from "../chunk/BKKEev13.js";
+import { u as G } from "../chunk/BJ9_azwQ.js";
+import { u as J } from "../chunk/C6Aw3qIJ.js";
+import { o as Q, b as W } from "../chunk/d1c9z8T1.js";
+function X(d, h) {
+  const { getPrefixCls: m } = R(M), n = R(z), I = J(), {
+    children: s,
+    name: f,
+    header: $,
+    className: H,
+    style: b,
+    contentStyle: N,
+    extra: v,
+    disabled: a,
+    destroyOnHide: y,
+    expandIcon: C,
+    showExpandIcon: E = !0,
+    ...K
+  } = d, o = k(void 0), u = k(void 0), t = m?.("collapse-item"), g = n.activeKeys?.indexOf(f) > -1, l = E ? "expandIcon" in d ? C : n.expandIcon : null, x = (e, i) => {
+    if (a)
+      return;
+    const { triggerRegion: c } = n;
+    (i === (c === "icon" ? 0 : c === "header" ? 1 : 2) || // When triggerRegion is set to header, clicking icon should trigger onChange as well
+    c === "header" && [0, 1].includes(i)) && n.onToggle?.(f, e);
+  };
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      ref: h,
+      ...K,
+      className: p(
+        t,
+        {
+          [`${t}-active`]: g,
+          [`${t}-no-icon`]: !l,
+          [`${t}-disabled`]: a
+        },
+        H
+      ),
+      style: b,
+      children: [
+        /* @__PURE__ */ O(
+          "div",
+          {
+            role: "button",
+            "aria-disabled": a,
+            "aria-expanded": g,
+            "data-active-region": n.triggerRegion,
+            tabIndex: a ? -1 : 0,
+            className: p(
+              `${t}-header`,
+              `${t}-header-${n.expandIconPosition}`,
+              {
+                [`${t}-header-disabled`]: a
+              }
+            ),
+            onClick: (e) => x(e, 2),
+            ...I({
+              onPressEnter: (e) => {
+                !a && n.onToggle(f, e);
+              }
+            }),
+            children: [
+              l && /* @__PURE__ */ r(
+                V,
+                {
+                  prefix: t,
+                  disabled: a,
+                  className: p({
+                    [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
+                    [`${t}-header-icon-right`]: n.expandIconPosition === "right"
+                  }),
+                  onClick: (e) => x(e, 0),
+                  children: /* @__PURE__ */ r(
+                    "span",
+                    {
+                      className: p(`${t}-header-icon`, {
+                        [`${t}-header-icon-down`]: g
+                      }),
+                      children: l
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: `${t}-header-title`,
+                  onClick: (e) => x(e, 1),
+                  children: $
+                }
+              ),
+              v && /* @__PURE__ */ r(
+                "div",
+                {
+                  className: `${t}-header-extra`,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                  },
+                  children: v
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          G,
+          {
+            nodeRef: o,
+            in: g,
+            addEndListener: (e) => {
+              Q(o.current, "transitionend", e), W(o.current, "transitionend", e);
+            },
+            mountOnEnter: "destroyOnHide" in d ? y : n.destroyOnHide || n.lazyload,
+            unmountOnExit: "destroyOnHide" in d ? y : n.destroyOnHide,
+            onEnter: () => {
+              const e = o.current;
+              e && (e.style.height = "0", e.style.display = "block");
+            },
+            onEntering: () => {
+              const e = o.current, i = u.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 = u.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__ */ r(
+              "div",
+              {
+                ref: o,
+                role: "region",
+                className: p(`${t}-content`, {
+                  [`${t}-content-expanded`]: g
+                }),
+                children: /* @__PURE__ */ r(
+                  "div",
+                  {
+                    ref: u,
+                    style: N,
+                    className: `${t}-content-box`,
+                    children: s
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const T = L.forwardRef(
+  X
+);
+T.displayName = "CollapseItem";
+const w = (d, h) => {
+  const m = [].concat(d);
+  return h ? m.slice(0, 1) : m;
+}, Y = {
   bordered: !0,
   lazyload: !0,
   expandIconPosition: "left",
   invertHeaderContentBackgrounds: !1
   // 潘启宝添加
-}, D = M({
+}, z = U({
   expandIconPosition: "left",
-  expandIcon: /* @__PURE__ */ t(m, {}),
+  expandIcon: /* @__PURE__ */ r(A, {}),
   activeKeys: [],
   onToggle: () => {
   }
 });
-function E(s, a) {
-  const { getPrefixCls: n, componentConfig: C, rtl: v } = O(L), e = T(
-    s,
-    q,
-    C?.Collapse
-  ), [c, g] = U([], {
-    defaultValue: "defaultActiveKey" in e ? f(e.defaultActiveKey, e.accordion) : void 0,
-    value: "activeKey" in e ? f(e.activeKey, e.accordion) : void 0
+function Z(d, h) {
+  const { getPrefixCls: m, componentConfig: n, rtl: I } = R(M), s = S(
+    d,
+    Y,
+    n?.Collapse
+  ), [f, $] = q([], {
+    defaultValue: "defaultActiveKey" in s ? w(s.defaultActiveKey, s.accordion) : void 0,
+    value: "activeKey" in s ? w(s.activeKey, s.accordion) : void 0
   }), {
-    children: x,
-    className: y,
-    style: I,
-    bordered: K,
-    lazyload: h,
-    expandIcon: P,
-    expandIconPosition: l,
-    destroyOnHide: A,
-    accordion: R,
-    triggerRegion: b,
-    invertHeaderContentBackgrounds: N,
+    children: H,
+    className: b,
+    style: N,
+    bordered: v,
+    lazyload: a,
+    expandIcon: y,
+    expandIconPosition: C,
+    destroyOnHide: E,
+    accordion: K,
+    triggerRegion: o,
+    invertHeaderContentBackgrounds: u,
     // 潘启宝添加
-    onChange: d,
-    ...$
-  } = e, r = n?.("collapse"), w = (i, H) => {
-    let o = [...c || []];
-    const p = c?.indexOf(i);
-    p > -1 ? o.splice(p, 1) : R ? o = [i] : o.push(i), "activeKey" in e || g(o), B(d) && d(i, o, H);
+    onChange: t,
+    ...g
+  } = s, l = m?.("collapse"), x = (e, i) => {
+    let c = [...f || []];
+    const P = f?.indexOf(e);
+    P > -1 ? c.splice(P, 1) : K ? c = [e] : c.push(e), "activeKey" in s || $(c), F(t) && t(e, c, i);
   };
-  return /* @__PURE__ */ t(
-    D.Provider,
+  return /* @__PURE__ */ r(
+    z.Provider,
     {
       value: {
-        activeKeys: c,
-        triggerRegion: b,
-        lazyload: h,
-        destroyOnHide: A,
-        expandIconPosition: l,
-        onToggle: w,
-        expandIcon: "expandIcon" in e ? P : l === "right" ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(m, {})
+        activeKeys: f,
+        triggerRegion: o,
+        lazyload: a,
+        destroyOnHide: E,
+        expandIconPosition: C,
+        onToggle: x,
+        expandIcon: "expandIcon" in s ? y : C === "right" ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ r(A, {})
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "div",
         {
-          ref: a,
-          ...j($, ["activeKey", "defaultActiveKey"]),
-          className: V(
-            r,
-            `${r}-${K ? "border" : "borderless"}`,
-            { [`${r}-rtl`]: v },
-            N && `${r}-invert-header-content-backgrounds`,
+          ref: h,
+          ...D(g, ["activeKey", "defaultActiveKey"]),
+          className: p(
+            l,
+            `${l}-${v ? "border" : "borderless"}`,
+            { [`${l}-rtl`]: I },
+            u && `${l}-invert-header-content-backgrounds`,
             // 潘启宝添加
-            y
+            b
           ),
-          style: I,
-          children: x
+          style: N,
+          children: H
         }
       )
     }
   );
 }
-const G = F.forwardRef(E), u = G;
-u.displayName = "Collapse";
-u.Item = k;
+const _ = L.forwardRef(Z), B = _;
+B.displayName = "Collapse";
+B.Item = T;
 export {
-  D as CollapseContext,
-  k as CollapseItem,
-  u as default
+  z as CollapseContext,
+  T as CollapseItem,
+  B as default
 };

package/collapse/Item.js

@@ -1,181 +1,11 @@
-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 as w } from "../dist/react-transition-group/chunk/CPfP7aNL.js";
-import "../dist/react-transition-group/src/TransitionGroup.js";
-import L, { useContext as y, useRef as $ } from "react";
-import "../config-provider/ConfigProvider.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 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: 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: 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__ */ u(
-    "div",
-    {
-      ref: v,
-      ...P,
-      className: c(
-        t,
-        {
-          [`${t}-active`]: a,
-          [`${t}-no-icon`]: !f,
-          [`${t}-disabled`]: r
-        },
-        N
-      ),
-      style: b,
-      children: [
-        /* @__PURE__ */ u(
-          "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) => m(e, 2),
-            ...H({
-              onPressEnter: (e) => {
-                !r && n.onToggle(l, e);
-              }
-            }),
-            children: [
-              f && /* @__PURE__ */ s(
-                j,
-                {
-                  prefix: t,
-                  disabled: r,
-                  className: c({
-                    [`${t}-icon-hover-right`]: n.expandIconPosition === "right",
-                    [`${t}-header-icon-right`]: n.expandIconPosition === "right"
-                  }),
-                  onClick: (e) => m(e, 0),
-                  children: /* @__PURE__ */ s(
-                    "span",
-                    {
-                      className: c(`${t}-header-icon`, {
-                        [`${t}-header-icon-down`]: a
-                      }),
-                      children: f
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ s(
-                "div",
-                {
-                  className: `${t}-header-title`,
-                  onClick: (e) => m(e, 1),
-                  children: I
-                }
-              ),
-              x && /* @__PURE__ */ s(
-                "div",
-                {
-                  className: `${t}-header-extra`,
-                  onClick: (e) => {
-                    e.stopPropagation();
-                  },
-                  children: x
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          w,
-          {
-            nodeRef: o,
-            in: a,
-            addEndListener: (e) => {
-              K(o.current, "transitionend", e), M(o.current, "transitionend", e);
-            },
-            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;
-              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 = 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: () => {
-              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: h,
-                    style: R,
-                    className: `${t}-content-box`,
-                    children: C
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-const q = L.forwardRef(
-  S
-);
-q.displayName = "CollapseItem";
+import "react/jsx-runtime";
+import "../chunk/BJ9_azwQ.js";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/C6Aw3qIJ.js";
+import "@unicom-cloud/utils/class-name";
+import "../chunk/d1c9z8T1.js";
+import { CollapseItem as f } from "./Collapse.js";
 export {
-  q as default
+  f as default
 };

package/collapse/index.js

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

package/color-picker/ControlBar.js

@@ -1,13 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useContext as v } from "react";
-import "../config-provider/ConfigProvider.js";
-import $ from "@unicom-cloud/utils/class-name";
-import { useControlBlock as g } from "./hooks/useControlBlock.js";
-import y from "../config-provider/context.js";
-const D = ({
+import { a as $ } from "../chunk/DXlwLh0Y.js";
+import g from "@unicom-cloud/utils/class-name";
+import { u as y } from "../chunk/CQPG8hFg.js";
+const A = ({
   className: c,
   style: d,
-  multiple: t = !1,
+  multiple: a = !1,
   value: o,
   onActive: f,
   onAdd: m,
@@ -15,9 +14,9 @@ const D = ({
   renderHandlerStyle: p,
   renderHandlerCenterStyle: C
 }) => {
-  const { getPrefixCls: h } = v(y), a = h?.("color-picker"), { blockRef: u, handlerRef: x, onMouseDown: N } = g({
-    multiple: t,
-    value: t ? o.map((r) => ({
+  const { getPrefixCls: u } = v($), s = u?.("color-picker"), { blockRef: h, handlerRef: x, onMouseDown: N } = y({
+    multiple: a,
+    value: a ? o.map((r) => ({
       value: [r.value / 100, 0],
       key: r.key
     })) : [o, 0],
@@ -25,20 +24,20 @@ const D = ({
     onAdd: (r) => m(r[0]),
     onActive: f
   }), k = () => {
-    const r = (n, e, l) => /* @__PURE__ */ s(
+    const r = (n, e, l) => /* @__PURE__ */ t(
       "div",
       {
         ref: x,
-        className: `${a}-handler`,
+        className: `${s}-handler`,
         style: {
           left: `${n * 100}%`,
           ...p?.(e, l)
         },
         "data-key": e,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ t(
           "div",
           {
-            className: `${a}-handler-center`,
+            className: `${s}-handler-center`,
             style: C?.(e, l),
             "data-key": e
           }
@@ -46,19 +45,19 @@ const D = ({
       },
       e
     );
-    return t ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
+    return a ? o.map((n, e) => r(n.value, n.key, e)) : r(o);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(
     "div",
     {
-      ref: u,
+      ref: h,
       style: d,
-      className: $(`${a}-control-bar`, c),
+      className: g(`${s}-control-bar`, c),
       onMouseDown: N,
       children: k()
     }
   );
 };
 export {
-  D as ControlBar
+  A as ControlBar
 };

package/color-picker/InputAlpha.js

@@ -1,14 +1,13 @@
-import { jsx as i } 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(
-    p,
+import { jsx as m } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { a as p } from "../chunk/DXlwLh0Y.js";
+import { InputNumber as s } from "../input/Input.js";
+const l = ({ value: o, onChange: t }) => {
+  const { getPrefixCls: n } = i(p), r = n?.("color-picker");
+  return /* @__PURE__ */ m(
+    s,
     {
-      className: `${n}-input-alpha`,
+      className: `${r}-input-alpha`,
       size: "mini",
       min: 0,
       max: 100,
@@ -19,5 +18,5 @@ const C = ({ value: o, onChange: t }) => {
   );
 };
 export {
-  C as InputAlpha
+  l as InputAlpha
 };