@unicom-cloud/ui 0.8.45 → 0.8.47

package/Carousel.js

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

package/Cascader.js

@@ -1,11 +1,4 @@
-/* empty css                 */
-/* empty css                          */
-/* empty css                       */
-/* empty css                     */
-/* empty css                           */
-/* empty css                         */
-/* empty css                          */
-import d from "./cascader/Cascader.js";
+import { C as o } from "./chunk/Cw63stMm.js";
 export {
-  d as default
+  o as default
 };

package/Checkbox.js

@@ -1,6 +1,4 @@
-/* empty css                 */
-/* empty css                          */
-import p from "./checkbox/Checkbox.js";
+import { C as e } from "./chunk/Ct7mcZuW.js";
 export {
-  p as default
+  e as default
 };

package/Collapse.js

@@ -1,6 +1,4 @@
-/* empty css                 */
-/* empty css                          */
-import m from "./collapse/Collapse.js";
+import { C as a } from "./chunk/5PpvDpEt.js";
 export {
-  m as default
+  a as default
 };