@unicom-cloud/ui 0.8.67 → 0.8.68

package/card/Grid.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import d, { useContext as f } from "react";
+import { a as c } from "../chunk/ll867Bf3.js";
+import { m as l } from "../chunk/JPPo5nY_.js";
+function p(o, e) {
+  const { children: t, style: a, className: s, hoverable: i } = o, { getPrefixCls: m } = f(c), r = m("card-grid");
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: e,
+      style: a,
+      className: l(
+        r,
+        { [`${r}-hoverable`]: i },
+        s
+      ),
+      children: t
+    }
+  );
+}
+const C = d.forwardRef(p);
+C.displayName = "CardGrid";
+export {
+  C as default
+};

package/card/Meta.js

@@ -0,0 +1,30 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import N, { useContext as v } from "react";
+import { a as h } from "../chunk/ll867Bf3.js";
+import { m as n } from "../chunk/JPPo5nY_.js";
+function u(c, l) {
+  const { className: m, title: a, avatar: e, description: s, actionList: r, ...d } = c, { getPrefixCls: f } = v(h), t = f("card-meta"), p = n(t, m);
+  return /* @__PURE__ */ o("div", { ...d, ref: l, className: p, children: [
+    a || s ? /* @__PURE__ */ o("div", { className: `${t}-content`, children: [
+      a && /* @__PURE__ */ i("div", { className: `${t}-title`, children: a }),
+      s && /* @__PURE__ */ i("div", { className: `${t}-description`, children: s })
+    ] }) : null,
+    e || r ? /* @__PURE__ */ o(
+      "div",
+      {
+        className: n(`${t}-footer `, {
+          [`${t}-footer-only-actions`]: !e
+        }),
+        children: [
+          e ? /* @__PURE__ */ i("div", { className: `${t}-avatar`, children: e }) : null,
+          r
+        ]
+      }
+    ) : null
+  ] });
+}
+const x = N.forwardRef(u);
+x.displayName = "CardMeta";
+export {
+  x as default
+};

package/card/index.js

@@ -0,0 +1,99 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import l, { useContext as L } from "react";
+import { a as k } from "../chunk/ll867Bf3.js";
+import { u as q } from "../chunk/BFTV6myl.js";
+import A from "../spin/index.js";
+import { m as C } from "../chunk/JPPo5nY_.js";
+import $ from "./Grid.js";
+import u from "./Meta.js";
+const B = {
+  size: "default",
+  bordered: !0
+};
+function D(v, N) {
+  const { getPrefixCls: y, loadingElement: x, componentConfig: o, rtl: g } = L(k), b = q(
+    v,
+    B,
+    o == null ? void 0 : o.Card
+  ), {
+    className: M,
+    children: z,
+    bordered: P,
+    loading: c,
+    hoverable: R,
+    size: S,
+    title: a,
+    extra: i,
+    cover: m,
+    actions: s,
+    headerStyle: j,
+    bodyStyle: w,
+    ...E
+  } = b, e = y("card"), p = s && s.length ? /* @__PURE__ */ t("div", { className: `${e}-actions`, children: /* @__PURE__ */ t("div", { className: `${e}-actions-right`, children: s.map((r, F) => /* @__PURE__ */ t(
+    "span",
+    {
+      className: `${e}-actions-item`,
+      children: r
+    },
+    `action-${F}`
+  )) }) }) : null;
+  let f = !1, h = !1;
+  const G = l.Children.map(
+    z,
+    (r) => {
+      if (r && r.type) {
+        if (r.type === $)
+          f = !0;
+        else if (r.type === u)
+          return h = !0, l.cloneElement(r, { actionList: p });
+      }
+      return r;
+    }
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...E,
+      ref: N,
+      className: C(
+        e,
+        `${e}-size-${S}`,
+        {
+          [`${e}-loading`]: c,
+          [`${e}-bordered`]: P,
+          [`${e}-hoverable`]: R,
+          [`${e}-contain-grid`]: f,
+          [`${e}-rtl`]: g
+        },
+        M
+      ),
+      children: [
+        a || i ? /* @__PURE__ */ n(
+          "div",
+          {
+            className: C(`${e}-header`, {
+              [`${e}-header-no-title`]: !a
+            }),
+            style: j,
+            children: [
+              a && /* @__PURE__ */ t("div", { className: `${e}-header-title`, children: a }),
+              i && /* @__PURE__ */ t("div", { className: `${e}-header-extra`, children: i })
+            ]
+          }
+        ) : null,
+        m ? /* @__PURE__ */ t("div", { className: `${e}-cover`, children: m }) : null,
+        /* @__PURE__ */ n("div", { className: `${e}-body`, style: w, children: [
+          c ? x || /* @__PURE__ */ t(A, {}) : G,
+          h ? null : p
+        ] })
+      ]
+    }
+  );
+}
+const H = l.forwardRef(D), d = H;
+d.Meta = u;
+d.Grid = $;
+d.displayName = "Card";
+export {
+  d as default
+};

package/card/interface.js

@@ -0,0 +1 @@
+

package/carousel/Arrow.js

@@ -0,0 +1,55 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import v from "@unicom-cloud/icons/IconUiDown";
+import x from "@unicom-cloud/icons/IconUiLeft";
+import u from "@unicom-cloud/icons/IconUiRight";
+import C from "@unicom-cloud/icons/IconUiUp";
+import b, { useContext as y } from "react";
+import { a as I } from "../chunk/ll867Bf3.js";
+import { u as P } from "../chunk/XTEsYGuF.js";
+import { m as $ } from "../chunk/JPPo5nY_.js";
+function g(i, c) {
+  const {
+    className: l,
+    direction: t = "horizontal",
+    showArrow: m = "always",
+    prev: n,
+    next: s,
+    icons: o
+  } = i, a = P(), { getPrefixCls: p } = y(I), e = p("carousel"), f = $(
+    `${e}-arrow`,
+    {
+      [`${e}-arrow-hover`]: m === "hover"
+    },
+    l
+  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(C, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(v, {});
+  return /* @__PURE__ */ h("div", { ref: c, className: f, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `${e}-arrow-${t === "vertical" ? "top" : "left"}`,
+        onClick: n,
+        role: "button",
+        tabIndex: 0,
+        ...a({ onPressEnter: n }),
+        children: w
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `${e}-arrow-${t === "vertical" ? "bottom" : "right"}`,
+        onClick: s,
+        role: "button",
+        tabIndex: 0,
+        ...a({ onPressEnter: s }),
+        children: d
+      }
+    )
+  ] });
+}
+const K = b.forwardRef(
+  g
+);
+export {
+  K as default
+};

package/carousel/Indicator.js

@@ -0,0 +1,66 @@
+import { jsx as a } from "react/jsx-runtime";
+import h, { useContext as I } from "react";
+import { a as w } from "../chunk/ll867Bf3.js";
+import { m as c } from "../chunk/JPPo5nY_.js";
+function N(f, m) {
+  const { getPrefixCls: p } = I(w), {
+    className: u,
+    type: n = "line",
+    count: s = 2,
+    activeIndex: i = 0,
+    position: x = "bottom",
+    trigger: g = "click",
+    onSelectIndex: l
+  } = f, e = p("carousel-indicator"), r = [];
+  if (n === "slider") {
+    const t = 100 / s;
+    r.push(
+      /* @__PURE__ */ a(
+        "span",
+        {
+          style: { width: `${t}%`, left: `${i * t}%` },
+          className: c(`${e}-item`, `${e}-item-active`)
+        },
+        0
+      )
+    );
+  } else
+    for (let t = 0; t < s; t++)
+      r.push(
+        /* @__PURE__ */ a(
+          "span",
+          {
+            "data-index": t,
+            className: c(`${e}-item`, {
+              [`${e}-item-active`]: t === i
+            })
+          },
+          t
+        )
+      );
+  const C = {
+    ref: m,
+    className: c(
+      e,
+      `${e}-${n}`,
+      `${e}-${x}`,
+      u
+    ),
+    [g === "click" ? "onClick" : "onMouseMove"]: (t) => {
+      if (t.preventDefault(), n === "slider") {
+        if (t.target === t.currentTarget) {
+          const { x: o, width: $ } = t.currentTarget.getBoundingClientRect(), d = ~~((t.nativeEvent.clientX - o) / $ * s);
+          d !== i && l(d);
+        }
+      } else {
+        const o = t.target.getAttribute("data-index");
+        o && +o !== i && l(+o);
+      }
+    }
+  };
+  return /* @__PURE__ */ a("div", { ...C, children: r });
+}
+const y = h.forwardRef(N);
+export {
+  y as default
+};

package/carousel/index.js

@@ -0,0 +1,278 @@
+import { jsxs as ye, jsx as N } from "react/jsx-runtime";
+import P, { useContext as xe, useRef as F, useState as p, useEffect as z, useImperativeHandle as Ie } from "react";
+import { a as Ne } from "../chunk/ll867Bf3.js";
+import { u as Ce } from "../chunk/C4OrxKE6.js";
+import { u as Pe } from "../chunk/BFTV6myl.js";
+import { m as C } from "../chunk/JPPo5nY_.js";
+import { o as $e } from "../chunk/BKKEev13.js";
+import { r as be } from "../chunk/CIRG541s.js";
+import Te from "../utils/warning.js";
+import We from "./Arrow.js";
+import Se from "./Indicator.js";
+const we = 3e3, Ae = {
+  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 Ee(B, O) {
+  const { getPrefixCls: G, componentConfig: $, rtl: V } = xe(Ne), h = Pe(
+    B,
+    Ae,
+    $ == null ? void 0 : $.Carousel
+  ), {
+    style: J,
+    className: K,
+    children: Q,
+    currentIndex: y,
+    animation: x,
+    trigger: ee,
+    direction: b,
+    moveSpeed: T,
+    timingFunc: _,
+    indicatorType: k,
+    indicatorPosition: W,
+    indicatorClassName: te,
+    showArrow: U,
+    miniRender: re,
+    arrowClassName: ne,
+    carousel: ie,
+    icons: oe,
+    onChange: S,
+    ...se
+  } = h;
+  let o = h.autoPlay;
+  o && h.autoPlaySpeed && (o = {
+    interval: h.autoPlaySpeed
+  }, Te(
+    !0,
+    "[Pqb Carousel] The 'autoPlaySpeed' property will be removed in the next major version, please use 'autoPlay.interval' instead."
+  ));
+  const Y = P.Children.toArray(Q).filter(
+    (e) => P.isValidElement(e)
+  ), d = Y.length, m = F(null), f = F(null), I = F(null), [w, ae] = p(
+    typeof y == "number" ? g(y) : 0
+  ), [le, ce] = p(w), [ue, Z] = p(!1), [A, q] = p(!1), [E, de] = p(
+    null
+  ), [X, M] = p({
+    sliderWrapper: null,
+    indicatorWrapper: null
+  }), s = typeof y == "number" ? g(y) : w, R = g(s - 1), j = g(s + 1), pe = typeof o == "object" && o.interval ? o.interval : we;
+  z(() => () => I.current && clearTimeout(I.current), []), z(() => {
+    c({
+      targetIndex: s
+    });
+  }, [s]);
+  const me = Ce(
+    () => {
+      c({
+        targetIndex: j
+      });
+    },
+    o && !ue && d > 1 ? pe : null
+  );
+  Ie(ie, () => ({
+    dom: m.current,
+    getRootDOMNode: () => m.current,
+    goto: ({ index: e, isNegative: t, isManual: r, resetAutoPlayInterval: i }) => {
+      c({
+        targetIndex: g(e),
+        isNegative: t,
+        isManual: r,
+        resetAutoPlayInterval: i
+      });
+    }
+  }));
+  function g(e) {
+    const t = +e;
+    return typeof t == "number" && !isNaN(t) ? (t + d) % d : e;
+  }
+  function c({
+    targetIndex: e,
+    isNegative: t = !1,
+    isManual: r = !1,
+    resetAutoPlayInterval: i = !1
+  }) {
+    !A && e !== s && (q(!0), ae(e), ce(w), de(t ? "negative" : "positive"), S == null || S(e, s, r), o && i && me(), I.current = setTimeout(() => {
+      q(!1), I.current = null;
+    }, T));
+  }
+  function fe() {
+    if (x === "card") {
+      if (f.current) {
+        const e = f.current.children[0];
+        if (!e)
+          return;
+        if (b === "horizontal") {
+          const t = f.current.clientWidth, r = e.clientWidth, i = (t - r) / 2, a = 200, l = t / 2, u = r, v = l + 50 >= u ? a * 4 : a * l / (u - l);
+          M({
+            sliderWrapper: {
+              perspective: v
+            },
+            indicatorWrapper: {
+              width: "auto",
+              left: i,
+              right: i
+            }
+          });
+        } else {
+          const t = f.current.clientHeight, r = e.clientHeight, i = (t - r) / 2, a = 200, l = t / 2, u = r, v = l + 50 >= u ? a * 4 : a * l / (u - l);
+          M({
+            sliderWrapper: {
+              perspective: v
+            },
+            indicatorWrapper: {
+              height: "auto",
+              top: i,
+              bottom: i
+            }
+          });
+        }
+      }
+    } else
+      M({
+        sliderWrapper: null,
+        indicatorWrapper: null
+      });
+  }
+  const n = G("carousel"), ge = C(
+    n,
+    `${n}-indicator-position-${W}`,
+    {
+      [`${n}-rtl`]: V
+    },
+    K
+  ), ve = Object.assign(
+    {},
+    o && (typeof o != "object" || o.hoverToPause !== !1) ? {
+      onMouseEnter: () => Z(!0),
+      onMouseLeave: () => Z(!1)
+    } : null
+  );
+  let [D, H] = [
+    () => c({
+      targetIndex: R,
+      isNegative: !0,
+      isManual: !0
+    }),
+    () => c({
+      targetIndex: j,
+      isManual: !0
+    })
+  ];
+  return V && ([D, H] = [H, D]), z(() => {
+    const e = be([m.current], fe);
+    return () => {
+      e();
+    };
+  }, [m.current]), /* @__PURE__ */ ye(
+    "div",
+    {
+      ref: (e) => {
+        O = e, m.current = O;
+      },
+      className: ge,
+      style: J,
+      ...$e(se, ["autoplay", "autoPlaySpeed"]),
+      ...ve,
+      children: [
+        /* @__PURE__ */ N(
+          "div",
+          {
+            ref: f,
+            style: X.sliderWrapper,
+            className: C(
+              `${n}-${x}`,
+              `${n}-${b}`,
+              {
+                [`${n}-negative`]: E === "negative"
+              }
+            ),
+            children: Y.map((e, t) => {
+              const r = t === s, i = t === R, a = t === j;
+              if (!(!re || r || i || a))
+                return null;
+              const {
+                style: u,
+                className: v,
+                onClick: L
+              } = e.props;
+              return P.cloneElement(e, {
+                "aria-hidden": !r,
+                style: Object.assign(
+                  {
+                    transitionTimingFunction: _,
+                    transitionDuration: `${T}ms`,
+                    animationTimingFunction: _,
+                    animationDuration: `${T}ms`
+                  },
+                  u
+                ),
+                className: C(v, {
+                  [`${n}-item-prev`]: i,
+                  [`${n}-item-next`]: a,
+                  [`${n}-item-current`]: r,
+                  [`${n}-item-slide-in`]: x === "slide" && E && A && r,
+                  [`${n}-item-slide-out`]: x === "slide" && E && A && t === le
+                }),
+                onClick: (he) => {
+                  L == null || L(he), c({
+                    targetIndex: t,
+                    isNegative: t === R,
+                    isManual: !0
+                  });
+                }
+              });
+            })
+          }
+        ),
+        k !== "never" && d > 1 && /* @__PURE__ */ N(
+          "div",
+          {
+            style: X.indicatorWrapper,
+            className: C(
+              `${n}-indicator-wrapper`,
+              `${n}-indicator-wrapper-${W}`
+            ),
+            children: /* @__PURE__ */ N(
+              Se,
+              {
+                className: te,
+                type: k,
+                count: d,
+                activeIndex: s,
+                position: W,
+                trigger: ee,
+                onSelectIndex: (e) => c({
+                  targetIndex: e,
+                  isNegative: e < s,
+                  isManual: !0
+                })
+              }
+            )
+          }
+        ),
+        U !== "never" && d > 1 && /* @__PURE__ */ N(
+          We,
+          {
+            className: ne,
+            direction: b,
+            showArrow: U,
+            icons: oe,
+            prev: D,
+            next: H
+          }
+        )
+      ]
+    }
+  );
+}
+const Me = P.forwardRef(Ee);
+Me.displayName = "Carousel";
+export {
+  Me as default
+};

package/carousel/interface.js

@@ -0,0 +1 @@
+

package/cascader/Cascader.js

@@ -0,0 +1,26 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCheck";
+import "@unicom-cloud/icons/IconUiLeft";
+import "@unicom-cloud/icons/IconUiLoading";
+import "@unicom-cloud/icons/IconUiRight";
+import "../chunk/URXCKjXr.js";
+import "lodash/isArray";
+import "lodash/isFunction";
+import "lodash/isPlainObject";
+import "lodash/isString";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/CQ_WOOmf.js";
+import "../chunk/B4YRLi8r.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/BSCrLtfQ.js";
+import "../select-view/index.js";
+import "../trigger/index.js";
+import "../chunk/JPPo5nY_.js";
+import "../chunk/BrOW642m.js";
+import { D as k, C as n } from "../chunk/Bi4UkwOR.js";
+export {
+  k as DefaultFieldNames,
+  n as default
+};

package/cascader/index.js

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

package/cascader/interface.js

@@ -0,0 +1 @@
+

package/cascader/util.js

@@ -0,0 +1,14 @@
+import { P as s, a as t, S as r, V as o, f as l, g as S, c as u, b as V, r as f, t as g, v as m } from "../chunk/Bi4UkwOR.js";
+export {
+  s as PANEL_MODE,
+  t as SHOW_CHILD,
+  r as SHOW_PARENT,
+  o as ValueSeparator,
+  l as formatValue,
+  S as getConfig,
+  u as getMultipleCheckValue,
+  V as getStore,
+  f as removeValueFromSet,
+  g as transformValuesToSet,
+  m as valueInSet
+};

package/checkbox/Checkbox.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCheck";
+import "@unicom-cloud/icons/IconUiMinus";
+import "lodash/isFunction";
+import "lodash/isNil";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/JPPo5nY_.js";
+import "../chunk/BKKEev13.js";
+import { C } from "../chunk/SSK90wgo.js";
+import "./useCheckbox.js";
+export {
+  C as default
+};

package/checkbox/Group.js

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import "lodash/isArray";
+import "lodash/isPlainObject";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/JPPo5nY_.js";
+import "../utils/constant.js";
+import { a as b, b as s, G as u } from "../chunk/SSK90wgo.js";
+export {
+  b as CheckboxGroupContext,
+  s as ClearCheckboxGroupContext,
+  u as default
+};

package/checkbox/IconCheck.js

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+function r({ className: e }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: e,
+      "aria-hidden": !0,
+      focusable: !1,
+      viewBox: "0 0 1024 1024",
+      width: "200",
+      height: "200",
+      fill: "currentColor",
+      children: /* @__PURE__ */ a("path", { d: "M877.44815445 206.10060629a64.72691371 64.72691371 0 0 0-95.14856334 4.01306852L380.73381888 685.46812814 235.22771741 533.48933518a64.72691371 64.72691371 0 0 0-92.43003222-1.03563036l-45.82665557 45.82665443a64.72691371 64.72691371 0 0 0-0.90617629 90.61767965l239.61903446 250.10479331a64.72691371 64.72691371 0 0 0 71.19960405 15.14609778 64.33855261 64.33855261 0 0 0 35.08198741-21.23042702l36.24707186-42.71976334 40.5190474-40.77795556-3.36579926-3.49525333 411.40426297-486.74638962a64.72691371 64.72691371 0 0 0-3.88361443-87.64024149l-45.3088404-45.43829334z" })
+    }
+  );
+}
+export {
+  r as default
+};

package/checkbox/index.js

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

package/checkbox/interface.js

@@ -0,0 +1 @@
+