@unicom-cloud/ui 0.8.66 → 0.8.67

package/Card.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import h, { useContext as y } from "react";
-import { d as x } from "./chunk/-zpSUpGE.js";
-import { useMergeProps as q } from "./hooks/useMergeProps.js";
+import { a as x } from "./chunk/BJQ5UNa-.js";
+import { c as q } from "./chunk/B5gK1Idp.js";
 import A from "./Spin.js";
-import { y as p } from "./chunk/BAWsPQBM.js";
+import { m as p } from "./chunk/JPPo5nY_.js";
 function B(c, m) {
   const { children: f, style: i, className: r, hoverable: l } = c, { getPrefixCls: n } = y(x), o = n("card-grid");
   return /* @__PURE__ */ a(
@@ -23,7 +23,7 @@ function B(c, m) {
 const g = h.forwardRef(B);
 g.displayName = "CardGrid";
 function D(c, m) {
-  const { className: f, title: i, avatar: r, description: l, actionList: n, ...o } = c, { getPrefixCls: u } = y(x), t = u("card-meta"), $ = p(t, f);
+  const { className: f, title: i, avatar: r, description: l, actionList: n, ...o } = c, { getPrefixCls: v } = y(x), t = v("card-meta"), $ = p(t, f);
   return /* @__PURE__ */ d("div", { ...o, ref: m, className: $, children: [
     i || l ? /* @__PURE__ */ d("div", { className: `${t}-content`, children: [
       i && /* @__PURE__ */ a("div", { className: `${t}-title`, children: i }),
@@ -56,19 +56,19 @@ function I(c, m) {
     r == null ? void 0 : r.Card
   ), {
     className: o,
-    children: u,
+    children: v,
     bordered: t,
     loading: $,
     hoverable: z,
     size: S,
     title: C,
-    extra: v,
-    cover: P,
-    actions: N,
+    extra: N,
+    cover: R,
+    actions: u,
     headerStyle: j,
     bodyStyle: E,
     ...L
-  } = n, e = f("card"), R = N && N.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: N.map((s, k) => /* @__PURE__ */ a(
+  } = n, e = f("card"), w = u && u.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: u.map((s, k) => /* @__PURE__ */ a(
     "span",
     {
       className: `${e}-actions-item`,
@@ -76,15 +76,15 @@ function I(c, m) {
     },
     `action-${k}`
   )) }) }) : null;
-  let w = !1, G = !1;
+  let G = !1, P = !1;
   const F = h.Children.map(
-    u,
+    v,
     (s) => {
       if (s && s.type) {
         if (s.type === g)
-          w = !0;
+          G = !0;
         else if (s.type === b)
-          return G = !0, h.cloneElement(s, { actionList: R });
+          return P = !0, h.cloneElement(s, { actionList: w });
       }
       return s;
     }
@@ -101,13 +101,13 @@ function I(c, m) {
           [`${e}-loading`]: $,
           [`${e}-bordered`]: t,
           [`${e}-hoverable`]: z,
-          [`${e}-contain-grid`]: w,
+          [`${e}-contain-grid`]: G,
           [`${e}-rtl`]: l
         },
         o
       ),
       children: [
-        C || v ? /* @__PURE__ */ d(
+        C || N ? /* @__PURE__ */ d(
           "div",
           {
             className: p(`${e}-header`, {
@@ -116,14 +116,14 @@ function I(c, m) {
             style: j,
             children: [
               C && /* @__PURE__ */ a("div", { className: `${e}-header-title`, children: C }),
-              v && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: v })
+              N && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: N })
             ]
           }
         ) : null,
-        P ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: P }) : null,
+        R ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: R }) : null,
         /* @__PURE__ */ d("div", { className: `${e}-body`, style: E, children: [
           $ ? i || /* @__PURE__ */ a(A, {}) : F,
-          G ? null : R
+          P ? null : w
         ] })
       ]
     }

package/Carousel.js

@@ -1,118 +1,119 @@
 import { jsx as s, jsxs as oe } from "react/jsx-runtime";
-import W, { useContext as G, useRef as O, useState as S, useEffect as z, useImperativeHandle as $e } from "react";
-import { d as J } from "./chunk/-zpSUpGE.js";
-import { useInterval as Ie } from "./hooks/useInterval.js";
-import { useMergeProps as Ne } from "./hooks/useMergeProps.js";
-import { y as C } from "./chunk/BAWsPQBM.js";
-import we from "./utils/omit.js";
-import Pe from "./utils/warning.js";
-import be from "@unicom-cloud/icons/IconUiDown";
-import Te from "@unicom-cloud/icons/IconUiLeft";
-import Se from "@unicom-cloud/icons/IconUiRight";
-import We from "@unicom-cloud/icons/IconUiUp";
-import { useKeyboardEvent as Ae } from "./hooks/useKeyboardEvent.js";
-function Re(A, P) {
+import S, { useContext as G, useRef as B, useState as T, useEffect as K, useImperativeHandle as Ce } from "react";
+import { a as J } from "./chunk/BJQ5UNa-.js";
+import { o as Ie } from "./chunk/Br0B6y1T.js";
+import { c as Ne } from "./chunk/B5gK1Idp.js";
+import { m as y } from "./chunk/JPPo5nY_.js";
+import { c as we } from "./chunk/BdUcgWdu.js";
+import { l as Pe } from "./chunk/flvYlqx3.js";
+import be from "./utils/warning.js";
+import Te from "@unicom-cloud/icons/IconUiDown";
+import Se from "@unicom-cloud/icons/IconUiLeft";
+import We from "@unicom-cloud/icons/IconUiRight";
+import Ae from "@unicom-cloud/icons/IconUiUp";
+import { h as Re } from "./chunk/D2KPqPhV.js";
+function Ee(W, w) {
   const {
-    className: R,
+    className: A,
     direction: c = "horizontal",
-    showArrow: g = "always",
+    showArrow: h = "always",
     prev: l,
     next: p,
-    icons: u
-  } = A, b = Ae(), { getPrefixCls: m } = G(J), r = m("carousel"), $ = C(
-    `${r}-arrow`,
+    icons: d
+  } = W, P = Re(), { getPrefixCls: m } = G(J), n = m("carousel"), $ = y(
+    `${n}-arrow`,
     {
-      [`${r}-arrow-hover`]: g === "hover"
+      [`${n}-arrow-hover`]: h === "hover"
     },
-    R
-  ), I = u && Object.prototype.hasOwnProperty.call(u, "prev") ? u.prev : c === "horizontal" ? /* @__PURE__ */ s(Te, {}) : /* @__PURE__ */ s(We, {}), n = u && Object.prototype.hasOwnProperty.call(u, "next") ? u.next : c === "horizontal" ? /* @__PURE__ */ s(Se, {}) : /* @__PURE__ */ s(be, {});
-  return /* @__PURE__ */ oe("div", { ref: P, className: $, children: [
+    A
+  ), C = d && Object.prototype.hasOwnProperty.call(d, "prev") ? d.prev : c === "horizontal" ? /* @__PURE__ */ s(Se, {}) : /* @__PURE__ */ s(Ae, {}), t = d && Object.prototype.hasOwnProperty.call(d, "next") ? d.next : c === "horizontal" ? /* @__PURE__ */ s(We, {}) : /* @__PURE__ */ s(Te, {});
+  return /* @__PURE__ */ oe("div", { ref: w, className: $, children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: `${r}-arrow-${c === "vertical" ? "top" : "left"}`,
+        className: `${n}-arrow-${c === "vertical" ? "top" : "left"}`,
         onClick: l,
         role: "button",
         tabIndex: 0,
-        ...b({ onPressEnter: l }),
-        children: I
+        ...P({ onPressEnter: l }),
+        children: C
       }
     ),
     /* @__PURE__ */ s(
       "div",
       {
-        className: `${r}-arrow-${c === "vertical" ? "bottom" : "right"}`,
+        className: `${n}-arrow-${c === "vertical" ? "bottom" : "right"}`,
         onClick: p,
         role: "button",
         tabIndex: 0,
-        ...b({ onPressEnter: p }),
-        children: n
+        ...P({ onPressEnter: p }),
+        children: t
       }
     )
   ] });
 }
-const Ee = W.forwardRef(
-  Re
+const je = S.forwardRef(
+  Ee
 );
-function Me(A, P) {
-  const { getPrefixCls: R } = G(J), {
+function De(W, w) {
+  const { getPrefixCls: A } = G(J), {
     className: c,
-    type: g = "line",
+    type: h = "line",
     count: l = 2,
     activeIndex: p = 0,
-    position: u = "bottom",
-    trigger: b = "click",
+    position: d = "bottom",
+    trigger: P = "click",
     onSelectIndex: m
-  } = A, r = R("carousel-indicator"), $ = [];
-  if (g === "slider") {
-    const n = 100 / l;
+  } = W, n = A("carousel-indicator"), $ = [];
+  if (h === "slider") {
+    const t = 100 / l;
     $.push(
       /* @__PURE__ */ s(
         "span",
         {
-          style: { width: `${n}%`, left: `${p * n}%` },
-          className: C(`${r}-item`, `${r}-item-active`)
+          style: { width: `${t}%`, left: `${p * t}%` },
+          className: y(`${n}-item`, `${n}-item-active`)
         },
         0
       )
     );
   } else
-    for (let n = 0; n < l; n++)
+    for (let t = 0; t < l; t++)
       $.push(
         /* @__PURE__ */ s(
           "span",
           {
-            "data-index": n,
-            className: C(`${r}-item`, {
-              [`${r}-item-active`]: n === p
+            "data-index": t,
+            className: y(`${n}-item`, {
+              [`${n}-item-active`]: t === p
             })
           },
-          n
+          t
         )
       );
-  const I = {
-    ref: P,
-    className: C(
-      r,
-      `${r}-${g}`,
-      `${r}-${u}`,
+  const C = {
+    ref: w,
+    className: y(
+      n,
+      `${n}-${h}`,
+      `${n}-${d}`,
       c
     ),
-    [b === "click" ? "onClick" : "onMouseMove"]: (n) => {
-      if (n.preventDefault(), g === "slider") {
-        if (n.target === n.currentTarget) {
-          const { x: h, width: D } = n.currentTarget.getBoundingClientRect(), L = ~~((n.nativeEvent.clientX - h) / D * l);
+    [P === "click" ? "onClick" : "onMouseMove"]: (t) => {
+      if (t.preventDefault(), h === "slider") {
+        if (t.target === t.currentTarget) {
+          const { x: g, width: M } = t.currentTarget.getBoundingClientRect(), L = ~~((t.nativeEvent.clientX - g) / M * l);
           L !== p && m(L);
         }
       } else {
-        const h = n.target.getAttribute("data-index");
-        h && +h !== p && m(+h);
+        const g = t.target.getAttribute("data-index");
+        g && +g !== p && m(+g);
       }
     }
   };
-  return /* @__PURE__ */ s("div", { ...I, children: $ });
+  return /* @__PURE__ */ s("div", { ...C, children: $ });
 }
-const je = W.forwardRef(Me), De = 3e3, ke = {
+const Me = S.forwardRef(De), ke = 3e3, Le = {
   animation: "slide",
   indicatorType: "dot",
   indicatorPosition: "bottom",
@@ -122,22 +123,22 @@ const je = W.forwardRef(Me), De = 3e3, ke = {
   moveSpeed: 500,
   timingFunc: "cubic-bezier(0.34, 0.69, 0.1, 1)"
 };
-function Le(A, P) {
-  const { getPrefixCls: R, componentConfig: c, rtl: g } = G(J), l = Ne(
-    A,
-    ke,
+function Oe(W, w) {
+  const { getPrefixCls: A, componentConfig: c, rtl: h } = G(J), l = Ne(
+    W,
+    Le,
     c == null ? void 0 : c.Carousel
   ), {
     style: p,
-    className: u,
-    children: b,
+    className: d,
+    children: P,
     currentIndex: m,
-    animation: r,
+    animation: n,
     trigger: $,
-    direction: I,
-    moveSpeed: n,
-    timingFunc: h,
-    indicatorType: D,
+    direction: C,
+    moveSpeed: t,
+    timingFunc: g,
+    indicatorType: M,
     indicatorPosition: k,
     indicatorClassName: L,
     showArrow: Q,
@@ -145,76 +146,76 @@ function Le(A, P) {
     arrowClassName: se,
     carousel: ae,
     icons: le,
-    onChange: H,
+    onChange: U,
     ...ce
   } = l;
-  let d = l.autoPlay;
-  d && l.autoPlaySpeed && (d = {
+  let u = l.autoPlay;
+  u && l.autoPlaySpeed && (u = {
     interval: l.autoPlaySpeed
-  }, Pe(
+  }, be(
     !0,
     "[Pqb Carousel] The 'autoPlaySpeed' property will be removed in the next major version, please use 'autoPlay.interval' instead."
   ));
-  const ee = W.Children.toArray(b).filter(
-    (e) => W.isValidElement(e)
-  ), T = ee.length, v = O(null), E = O(null), U = O(null), [F, ue] = S(
-    typeof m == "number" ? M(m) : 0
-  ), [de, pe] = S(F), [me, te] = S(!1), [X, ne] = S(!1), [V, fe] = S(
+  const ee = S.Children.toArray(P).filter(
+    (e) => S.isValidElement(e)
+  ), b = ee.length, R = B(null), E = B(null), O = B(null), [z, de] = T(
+    typeof m == "number" ? j(m) : 0
+  ), [ue, pe] = T(z), [me, te] = T(!1), [H, re] = T(!1), [F, fe] = T(
     null
-  ), [re, _] = S({
+  ), [ne, X] = T({
     sliderWrapper: null,
     indicatorWrapper: null
-  }), f = typeof m == "number" ? M(m) : F, K = M(f - 1), Y = M(f + 1), ge = typeof d == "object" && d.interval ? d.interval : De;
-  z(() => () => U.current && clearTimeout(U.current), []), z(() => {
-    N({
+  }), f = typeof m == "number" ? j(m) : z, V = j(f - 1), _ = j(f + 1), he = typeof u == "object" && u.interval ? u.interval : ke;
+  K(() => () => O.current && clearTimeout(O.current), []), K(() => {
+    I({
       targetIndex: f
     });
   }, [f]);
-  const he = Ie(
+  const ge = Ie(
     () => {
-      N({
-        targetIndex: Y
+      I({
+        targetIndex: _
       });
     },
-    d && !me && T > 1 ? ge : null
+    u && !me && b > 1 ? he : null
   );
-  $e(ae, () => ({
-    dom: v.current,
-    getRootDOMNode: () => v.current,
-    goto: ({ index: e, isNegative: t, isManual: o, resetAutoPlayInterval: a }) => {
-      N({
-        targetIndex: M(e),
-        isNegative: t,
+  Ce(ae, () => ({
+    dom: R.current,
+    getRootDOMNode: () => R.current,
+    goto: ({ index: e, isNegative: r, isManual: o, resetAutoPlayInterval: a }) => {
+      I({
+        targetIndex: j(e),
+        isNegative: r,
         isManual: o,
         resetAutoPlayInterval: a
       });
     }
   }));
-  function M(e) {
-    const t = +e;
-    return typeof t == "number" && !isNaN(t) ? (t + T) % T : e;
+  function j(e) {
+    const r = +e;
+    return typeof r == "number" && !isNaN(r) ? (r + b) % b : e;
   }
-  function N({
+  function I({
     targetIndex: e,
-    isNegative: t = !1,
+    isNegative: r = !1,
     isManual: o = !1,
     resetAutoPlayInterval: a = !1
   }) {
-    !X && e !== f && (ne(!0), ue(e), pe(F), fe(t ? "negative" : "positive"), H == null || H(e, f, o), d && a && he(), U.current = setTimeout(() => {
-      ne(!1), U.current = null;
-    }, n));
+    !H && e !== f && (re(!0), de(e), pe(z), fe(r ? "negative" : "positive"), U == null || U(e, f, o), u && a && ge(), O.current = setTimeout(() => {
+      re(!1), O.current = null;
+    }, t));
   }
   function ve() {
-    if (r === "card") {
+    if (n === "card") {
       if (E.current) {
         const e = E.current.children[0];
         if (!e)
           return;
-        if (I === "horizontal") {
-          const t = E.current.clientWidth, o = e.clientWidth, a = (t - o) / 2, x = 200, y = t / 2, w = o, j = y + 50 >= w ? x * 4 : x * y / (w - y);
-          _({
+        if (C === "horizontal") {
+          const r = E.current.clientWidth, o = e.clientWidth, a = (r - o) / 2, v = 200, x = r / 2, N = o, D = x + 50 >= N ? v * 4 : v * x / (N - x);
+          X({
             sliderWrapper: {
-              perspective: j
+              perspective: D
             },
             indicatorWrapper: {
               width: "auto",
@@ -223,10 +224,10 @@ function Le(A, P) {
             }
           });
         } else {
-          const t = E.current.clientHeight, o = e.clientHeight, a = (t - o) / 2, x = 200, y = t / 2, w = o, j = y + 50 >= w ? x * 4 : x * y / (w - y);
-          _({
+          const r = E.current.clientHeight, o = e.clientHeight, a = (r - o) / 2, v = 200, x = r / 2, N = o, D = x + 50 >= N ? v * 4 : v * x / (N - x);
+          X({
             sliderWrapper: {
-              perspective: j
+              perspective: D
             },
             indicatorWrapper: {
               height: "auto",
@@ -237,47 +238,46 @@ function Le(A, P) {
         }
       }
     } else
-      _({
+      X({
         sliderWrapper: null,
         indicatorWrapper: null
       });
   }
-  const i = R("carousel"), xe = C(
+  const i = A("carousel"), xe = y(
     i,
     `${i}-indicator-position-${k}`,
     {
-      [`${i}-rtl`]: g
+      [`${i}-rtl`]: h
     },
-    u
+    d
   ), ye = Object.assign(
     {},
-    d && (typeof d != "object" || d.hoverToPause !== !1) ? {
+    u && (typeof u != "object" || u.hoverToPause !== !1) ? {
       onMouseEnter: () => te(!0),
       onMouseLeave: () => te(!1)
     } : null
   );
-  let [Z, q] = [
-    () => N({
-      targetIndex: K,
+  let [Y, Z] = [
+    () => I({
+      targetIndex: V,
       isNegative: !0,
       isManual: !0
     }),
-    () => N({
-      targetIndex: Y,
+    () => I({
+      targetIndex: _,
       isManual: !0
     })
   ];
-  return g && ([Z, q] = [q, Z]), z(() => {
-    let e;
-    return v.current && (e = new ResizeObserver(ve), e.observe(v.current)), () => {
-      var t, o;
-      v.current && ((t = e == null ? void 0 : e.unobserve) == null || t.call(e, v.current)), (o = e == null ? void 0 : e.disconnect) == null || o.call(e), e = null;
+  return h && ([Y, Z] = [Z, Y]), K(() => {
+    const e = Pe([R.current], ve);
+    return () => {
+      e();
     };
-  }, [v.current]), /* @__PURE__ */ oe(
+  }, [R.current]), /* @__PURE__ */ oe(
     "div",
     {
       ref: (e) => {
-        P = e, v.current = P;
+        w = e, R.current = w;
       },
       className: xe,
       style: p,
@@ -288,45 +288,45 @@ function Le(A, P) {
           "div",
           {
             ref: E,
-            style: re.sliderWrapper,
-            className: C(
-              `${i}-${r}`,
-              `${i}-${I}`,
+            style: ne.sliderWrapper,
+            className: y(
+              `${i}-${n}`,
+              `${i}-${C}`,
               {
-                [`${i}-negative`]: V === "negative"
+                [`${i}-negative`]: F === "negative"
               }
             ),
-            children: ee.map((e, t) => {
-              const o = t === f, a = t === K, x = t === Y;
-              if (!(!ie || o || a || x))
+            children: ee.map((e, r) => {
+              const o = r === f, a = r === V, v = r === _;
+              if (!(!ie || o || a || v))
                 return null;
               const {
-                style: w,
-                className: j,
-                onClick: B
+                style: N,
+                className: D,
+                onClick: q
               } = e.props;
-              return W.cloneElement(e, {
+              return S.cloneElement(e, {
                 "aria-hidden": !o,
                 style: Object.assign(
                   {
-                    transitionTimingFunction: h,
-                    transitionDuration: `${n}ms`,
-                    animationTimingFunction: h,
-                    animationDuration: `${n}ms`
+                    transitionTimingFunction: g,
+                    transitionDuration: `${t}ms`,
+                    animationTimingFunction: g,
+                    animationDuration: `${t}ms`
                   },
-                  w
+                  N
                 ),
-                className: C(j, {
+                className: y(D, {
                   [`${i}-item-prev`]: a,
-                  [`${i}-item-next`]: x,
+                  [`${i}-item-next`]: v,
                   [`${i}-item-current`]: o,
-                  [`${i}-item-slide-in`]: r === "slide" && V && X && o,
-                  [`${i}-item-slide-out`]: r === "slide" && V && X && t === de
+                  [`${i}-item-slide-in`]: n === "slide" && F && H && o,
+                  [`${i}-item-slide-out`]: n === "slide" && F && H && r === ue
                 }),
-                onClick: (Ce) => {
-                  B == null || B(Ce), N({
-                    targetIndex: t,
-                    isNegative: t === K,
+                onClick: ($e) => {
+                  q == null || q($e), I({
+                    targetIndex: r,
+                    isNegative: r === V,
                     isManual: !0
                   });
                 }
@@ -334,24 +334,24 @@ function Le(A, P) {
             })
           }
         ),
-        D !== "never" && T > 1 && /* @__PURE__ */ s(
+        M !== "never" && b > 1 && /* @__PURE__ */ s(
           "div",
           {
-            style: re.indicatorWrapper,
-            className: C(
+            style: ne.indicatorWrapper,
+            className: y(
               `${i}-indicator-wrapper`,
               `${i}-indicator-wrapper-${k}`
             ),
             children: /* @__PURE__ */ s(
-              je,
+              Me,
               {
                 className: L,
-                type: D,
-                count: T,
+                type: M,
+                count: b,
                 activeIndex: f,
                 position: k,
                 trigger: $,
-                onSelectIndex: (e) => N({
+                onSelectIndex: (e) => I({
                   targetIndex: e,
                   isNegative: e < f,
                   isManual: !0
@@ -360,22 +360,22 @@ function Le(A, P) {
             )
           }
         ),
-        Q !== "never" && T > 1 && /* @__PURE__ */ s(
-          Ee,
+        Q !== "never" && b > 1 && /* @__PURE__ */ s(
+          je,
           {
             className: se,
-            direction: I,
+            direction: C,
             showArrow: Q,
             icons: le,
-            prev: Z,
-            next: q
+            prev: Y,
+            next: Z
           }
         )
       ]
     }
   );
 }
-const Ue = W.forwardRef(Le);
+const Ue = S.forwardRef(Oe);
 Ue.displayName = "Carousel";
 export {
   Ue as default

package/Cascader.js

@@ -1,4 +1,4 @@
-import { C as o } from "./chunk/jhQQCFMn.js";
+import { C as o } from "./chunk/C_gJWGGh.js";
 export {
   o as default
 };

package/Checkbox.js

@@ -1,4 +1,4 @@
-import { C as e } from "./chunk/znkyQ-HR.js";
+import { C as e } from "./chunk/DkyR2EfG.js";
 export {
   e as default
 };

package/Collapse.js

@@ -1,4 +1,4 @@
-import { C as a } from "./chunk/CPvvjMwZ.js";
+import { C as a } from "./chunk/WpO_DsK4.js";
 export {
   a as default
 };