@unicom-cloud/ui 0.8.41

package/Carousel.js

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

package/Cascader.js

@@ -0,0 +1,10 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/BVC51EZ7.js";
+import "./chunk/Dc_89PVN.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import { C as e } from "./chunk/B-h-HjBo.js";
+export {
+  e as default
+};

package/Checkbox.js

@@ -0,0 +1,5 @@
+import "./chunk/DP2rzg_V.js";
+import { C as e } from "./chunk/BVC51EZ7.js";
+export {
+  e as default
+};

package/Collapse.js

@@ -0,0 +1,5 @@
+import "./chunk/DP2rzg_V.js";
+import { C as t } from "./chunk/DdK6eiNS.js";
+export {
+  t as default
+};