@unicom-cloud/ui 0.8.44 → 0.8.46

package/pagination/Pagination.js

@@ -0,0 +1,245 @@
+import { jsxs as F, jsx as c } from "react/jsx-runtime";
+import H, { forwardRef as $e, useContext as ve, useEffect as K, createElement as P } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import be from "../hooks/useMergeProps.js";
+import Q from "../hooks/useMergeValue.js";
+import Me from "@unicom-cloud/utils/class-name";
+import { pickDataAttributes as je } from "../utils/pick.js";
+import v, { StepPager as b, StepType as m, JumpPager as I } from "./PageItem.js";
+import U from "./PageJumper.js";
+import ke from "./PageOption.js";
+import { ConfigContext as Je } from "../config-provider/context.js";
+const Ae = 1, Y = 10;
+function O(f = Y, d) {
+  return Math.ceil(d / f);
+}
+function Ee(f, d) {
+  const M = Math.floor(d / 2) - 1, C = Math.max(f, 0);
+  return Math.min(C, M);
+}
+function X(f) {
+  return f && f.length ? f[0] : Y;
+}
+const Re = {
+  total: 0,
+  pageSizeChangeResetCurrent: !0,
+  bufferSize: 2
+};
+function Fe(f, d) {
+  var D, w, W;
+  const {
+    getPrefixCls: T,
+    size: M,
+    locale: C,
+    componentConfig: j,
+    rtl: Z
+  } = ve(Je), s = be(
+    f,
+    Re,
+    j == null ? void 0 : j.Pagination
+  ), {
+    total: ee,
+    pageSize: te,
+    current: V,
+    showMore: ne,
+    sizeOptions: z,
+    pageSizeChangeResetCurrent: B,
+    defaultCurrent: re,
+    defaultPageSize: oe
+  } = s, [e, k] = Q(Ae, {
+    defaultValue: re,
+    value: V
+  }), [g, L] = Q(
+    X(z),
+    {
+      defaultValue: oe,
+      value: te
+    }
+  ), h = ee, ae = !!ne;
+  V && !s.onChange && console.warn(
+    "Warning: you have provide current prop for pagination but without onChange handler , this will cause no-change when you change page. "
+  );
+  function se(t, o) {
+    const n = O(t, o);
+    return e > n ? n : e;
+  }
+  K(() => {
+    if (z && !z.includes(g)) {
+      const o = X(z);
+      "pageSize" in s || L(o);
+    }
+  }, [z]), K(() => {
+    const t = se(g, h);
+    t !== e && !("current" in s) && k(t);
+  }, [h, e, g]);
+  const _ = (t = e, o = g) => {
+    const { onChange: n } = s;
+    n == null || n(t, o);
+  }, ie = (t) => {
+    const { onPageSizeChange: o } = s, n = O(t, h), a = {
+      pageSize: t
+    };
+    B ? a.current = 1 : a.current = e > n ? n : e, "pageSize" in s || L(a.pageSize), !("current" in s) && e !== a.current && k(a.current), o == null || o(t, a.current), _(B ? 1 : a.current, t);
+  }, J = (t) => {
+    "current" in s || k(t), _(t);
+  }, {
+    className: le,
+    style: ue,
+    pageItemStyle: ce,
+    activePageItemStyle: pe,
+    showTotal: S,
+    sizeCanChange: fe,
+    sizeOptions: ge,
+    simple: y,
+    mini: me,
+    showJumper: A,
+    selectProps: he,
+    icons: Pe,
+    disabled: x,
+    itemRender: de,
+    hideOnSinglePage: Ce
+  } = s, ze = s.size || M, r = T("pagination"), N = me ? "mini" : ze, xe = Me(
+    r,
+    `${r}-size-${N}`,
+    {
+      [`${r}-simple`]: y,
+      [`${r}-disabled`]: x,
+      [`${r}-rtl`]: Z
+    },
+    le
+  );
+  let E;
+  const i = [], l = O(g, h), p = Ee(s.bufferSize, l);
+  if (Ce && l <= 1)
+    return null;
+  const u = {
+    onClick: J,
+    rootPrefixCls: r,
+    simple: y,
+    current: e,
+    allPages: l,
+    icons: Pe,
+    disabled: x,
+    pageItemStyle: ce,
+    activePageItemStyle: pe,
+    itemRender: de
+  };
+  if (y) {
+    const t = `${r}-item-simple`;
+    E = /* @__PURE__ */ F("ul", { className: `${r}-list`, children: [
+      /* @__PURE__ */ c(b, { ...u, type: m.previous }, "previous"),
+      /* @__PURE__ */ c("li", { className: `${t}-pager`, children: /* @__PURE__ */ c(
+        U,
+        {
+          disabled: x,
+          rootPrefixCls: r,
+          totalPages: l,
+          current: e,
+          onPageChange: J,
+          simple: {
+            showJumper: typeof A == "boolean" ? A : !0
+          },
+          size: N
+        }
+      ) }),
+      /* @__PURE__ */ c(b, { ...u, type: m.next }, "next")
+    ] });
+  } else {
+    const t = 3 + p, o = l - 2 - p;
+    if (
+      // beginPage(1 page) + bufferSize * 2 + endPage(1 page) + ...(2 pages)
+      l <= 4 + p * 2 || e === t && e === o
+    )
+      for (let n = 1; n <= l; n++)
+        i.push(/* @__PURE__ */ P(v, { ...u, key: n, pageNum: n }));
+    else {
+      let n = 1, a = l, q = !0, G = !0;
+      e > t && e < o ? (a = e + p, n = e - p) : e <= t ? (q = !1, n = 1, a = Math.max(t, p + e)) : e >= o && (G = !1, a = l, n = Math.min(o, e - p));
+      for (let $ = n; $ <= a; $++)
+        i.push(/* @__PURE__ */ c(v, { pageNum: $, ...u }, $));
+      const Se = /* @__PURE__ */ P(
+        I,
+        {
+          ...u,
+          key: n - 1,
+          type: m.previous,
+          jumpPage: -(p * 2 + 1)
+        }
+      ), ye = /* @__PURE__ */ P(
+        I,
+        {
+          ...u,
+          key: a + 1,
+          type: m.next,
+          jumpPage: p * 2 + 1
+        }
+      ), Ne = /* @__PURE__ */ c(v, { pageNum: 1, ...u }, 1), we = /* @__PURE__ */ P(v, { ...u, key: l, pageNum: l });
+      q && (i[0] = H.cloneElement(i[0], {
+        className: `${r}-item-after-pre`
+      }), i.unshift(Se), i.unshift(Ne)), G && (i[i.length - 1] = H.cloneElement(
+        i[i.length - 1],
+        {
+          className: `${r}-item-before-next`
+        }
+      ), i.push(ye), i.push(we));
+    }
+    E = /* @__PURE__ */ F("ul", { className: `${r}-list`, children: [
+      /* @__PURE__ */ P(b, { ...u, key: "previous", type: m.previous }),
+      i,
+      ae && /* @__PURE__ */ P(
+        I,
+        {
+          ...u,
+          key: l + 1,
+          type: m.next,
+          jumpPage: p * 2 + 1
+        }
+      ),
+      /* @__PURE__ */ c(b, { ...u, type: m.next }, "next")
+    ] });
+  }
+  let R = null;
+  return typeof S == "boolean" && S && (R = /* @__PURE__ */ c("div", { className: `${r}-total-text`, children: (W = (w = (D = C == null ? void 0 : C.Pagination) == null ? void 0 : D.total) == null ? void 0 : w.replace) == null ? void 0 : W.call(w, "{0}", h) })), typeof S == "function" && (R = /* @__PURE__ */ c("div", { className: `${r}-total-text`, children: S(h, [(e - 1) * g + 1, e * g]) })), /* @__PURE__ */ F(
+    "div",
+    {
+      ...je(s),
+      className: xe,
+      style: ue,
+      ref: d,
+      children: [
+        R,
+        E,
+        /* @__PURE__ */ c(
+          ke,
+          {
+            disabled: x,
+            rootPrefixCls: r,
+            sizeCanChange: fe,
+            sizeOptions: ge,
+            onPageSizeChange: ie,
+            pageSize: g,
+            size: N,
+            selectProps: he
+          }
+        ),
+        !y && A && /* @__PURE__ */ c(
+          U,
+          {
+            disabled: x,
+            rootPrefixCls: r,
+            totalPages: l,
+            current: e,
+            onPageChange: J,
+            size: N
+          }
+        )
+      ]
+    }
+  );
+}
+const Ie = $e(Fe);
+Ie.displayName = "Pagination";
+export {
+  Ie as default
+};

package/picker/Input.js

@@ -0,0 +1,124 @@
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
+import J from "@unicom-cloud/icons/IconUiClose";
+import Q from "lodash/isArray";
+import { forwardRef as T, useContext as V, useRef as W, useImperativeHandle as X } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import Y from "../IconHover.js";
+import h from "@unicom-cloud/utils/class-name";
+import { Enter as Z } from "../utils/keyCode.js";
+import _ from "../utils/omit.js";
+import { ConfigContext as E } from "../config-provider/context.js";
+function p({
+  style: u,
+  className: C,
+  prefixCls: k,
+  allowClear: v,
+  status: I,
+  error: z,
+  disabled: d,
+  placeholder: w,
+  format: s,
+  size: D,
+  onClear: g,
+  editable: j,
+  value: r,
+  inputValue: $,
+  onPressEnter: f,
+  suffixIcon: O,
+  prefix: m,
+  onChange: n,
+  popupVisible: R,
+  isPlaceholder: b,
+  inputProps: o,
+  ...H
+}, K) {
+  const {
+    getPrefixCls: S,
+    size: A,
+    locale: L,
+    rtl: M
+  } = V(E), t = W(null), U = D || A;
+  X(K, () => ({
+    focus() {
+      var c, l;
+      (l = (c = t.current) == null ? void 0 : c.focus) == null || l.call(c);
+    },
+    blur() {
+      var c, l;
+      (l = (c = t.current) == null ? void 0 : c.blur) == null || l.call(c);
+    },
+    getRootDOMNode: () => t.current
+  }));
+  function q(c) {
+    var y;
+    (y = o == null ? void 0 : o.onKeyDown) == null || y.call(o, c), c.key === Z.key && (f == null || f());
+  }
+  function B(c) {
+    var l;
+    (l = o == null ? void 0 : o.onChange) == null || l.call(o, c), n == null || n(c);
+  }
+  let a = "";
+  $ !== void 0 ? a = $ : r && !Q(r) && (a = typeof s == "function" ? s(r) : r.locale(L.dayjsLocale).format(s));
+  const F = j ? {} : { readOnly: !0 }, e = k || S("picker"), x = I || (z ? "error" : void 0), G = h(
+    e,
+    `${e}-size-${U}`,
+    {
+      [`${e}-focused`]: !!R,
+      [`${e}-disabled`]: d,
+      [`${e}-has-prefix`]: m,
+      [`${e}-${x}`]: x,
+      [`${e}-rtl`]: M
+    },
+    C
+  );
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      style: u,
+      className: G,
+      ..._(H, ["onChange", "onPressEnter"]),
+      children: [
+        m && /* @__PURE__ */ i("div", { className: `${e}-prefix`, children: m }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: h(`${e}-input`, {
+              [`${e}-input-placeholder`]: b
+            }),
+            children: /* @__PURE__ */ i(
+              "input",
+              {
+                ref: t,
+                ...o,
+                disabled: d,
+                placeholder: w,
+                className: `${e}-start-time`,
+                value: a,
+                onKeyDown: q,
+                onChange: B,
+                ...F
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ N("div", { className: `${e}-suffix`, children: [
+          v && a && /* @__PURE__ */ i(
+            Y,
+            {
+              prefix: e,
+              onClick: g,
+              className: `${e}-clear-icon`,
+              children: /* @__PURE__ */ i(J, {})
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: `${e}-suffix-icon`, children: O })
+        ] })
+      ]
+    }
+  );
+}
+const me = T(p);
+export {
+  me as default
+};

package/picker/InputRange.js

@@ -0,0 +1,155 @@
+import { jsxs as L, jsx as n } from "react/jsx-runtime";
+import te from "@unicom-cloud/icons/IconUiClose";
+import D from "lodash/isArray";
+import { forwardRef as le, useContext as re, useRef as d, useImperativeHandle as ae } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import ne from "../IconHover.js";
+import M from "@unicom-cloud/utils/class-name";
+import { Enter as ie, Tab as fe } from "../utils/keyCode.js";
+import me from "../utils/omit.js";
+import { ConfigContext as se } from "../config-provider/context.js";
+function ue({
+  allowClear: U,
+  error: W,
+  status: q,
+  style: B,
+  className: E,
+  disabled: i,
+  placeholder: w = [],
+  value: m = [],
+  popupVisible: G,
+  format: s,
+  size: J,
+  onClear: Q,
+  editable: V,
+  inputValue: z,
+  onPressEnter: u,
+  onPressTab: $,
+  onChange: h,
+  separator: X,
+  suffixIcon: Y,
+  changeFocusedInputIndex: Z,
+  focusedInputIndex: a,
+  isPlaceholder: _,
+  prefix: y,
+  inputProps: r = [],
+  onBlur: C,
+  ...x
+}, T) {
+  const {
+    getPrefixCls: I,
+    size: p,
+    locale: P,
+    rtl: ee
+  } = re(se), N = d(null), g = d(null), R = d(null), v = D(i) ? i[0] : i, k = D(i) ? i[1] : i;
+  ae(T, () => ({
+    focus(e) {
+      var o, f;
+      (a === 0 && !v || a === 1 && !k) && ((f = (o = ((typeof e == "number" ? e : a) === 0 ? N : g).current) == null ? void 0 : o.focus) == null || f.call(o));
+    },
+    blur() {
+      var e, l, c, o;
+      a === 0 && ((l = (e = N.current) == null ? void 0 : e.blur) == null || l.call(e)), a === 1 && ((o = (c = g.current) == null ? void 0 : c.blur) == null || o.call(c));
+    },
+    getRootDOMNode: () => R.current
+  }));
+  function K(e, l) {
+    var c, o;
+    (o = (c = r == null ? void 0 : r[l]) == null ? void 0 : c.onClick) == null || o.call(c, e), a !== l && Z(l);
+  }
+  function j(e, l) {
+    var o, f;
+    const c = e.key;
+    (f = (o = r == null ? void 0 : r[l]) == null ? void 0 : o.onKeyDown) == null || f.call(o, e), c === ie.key && (u == null || u()), c === fe.key && (e.preventDefault(), $ == null || $(e));
+  }
+  function O(e, l) {
+    var c, o;
+    e.stopPropagation(), (o = (c = r == null ? void 0 : r[l]) == null ? void 0 : c.onChange) == null || o.call(c, e), h == null || h(e);
+  }
+  function F(e, l) {
+    var c, o;
+    (o = (c = r == null ? void 0 : r[l]) == null ? void 0 : c.onBlur) == null || o.call(c, e), C == null || C(e);
+  }
+  const t = I("picker"), ce = J || p, H = q || (W ? "error" : void 0), oe = M(
+    t,
+    `${t}-range`,
+    `${t}-size-${ce}`,
+    {
+      [`${t}-focused`]: !!G,
+      [`${t}-disabled`]: v && k,
+      [`${t}-${H}`]: H,
+      [`${t}-rtl`]: ee,
+      [`${t}-has-prefix`]: y
+    },
+    E
+  ), S = (e) => {
+    const l = m[e] ? m[e].locale(P.dayjsLocale).format(D(s) ? s[e] : s) : "";
+    return z && e === a ? z : l;
+  }, b = V ? {} : { readOnly: !0 };
+  function A(e) {
+    return M(`${t}-input`, {
+      [`${t}-input-active`]: a === e,
+      [`${t}-input-placeholder`]: _ && a === e
+    });
+  }
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      style: B,
+      ref: R,
+      className: oe,
+      ...me(x, ["onChange", "onPressEnter"]),
+      children: [
+        y && /* @__PURE__ */ n("div", { className: `${t}-prefix`, children: y }),
+        /* @__PURE__ */ n("div", { className: A(0), children: /* @__PURE__ */ n(
+          "input",
+          {
+            ref: N,
+            ...r[0],
+            disabled: v,
+            placeholder: w[0],
+            value: S(0),
+            onChange: (e) => O(e, 0),
+            onKeyDown: (e) => j(e, 0),
+            onClick: (e) => K(e, 0),
+            onBlur: (e) => F(e, 0),
+            ...b
+          }
+        ) }),
+        /* @__PURE__ */ n("span", { className: `${t}-separator`, children: X || "-" }),
+        /* @__PURE__ */ n("div", { className: A(1), children: /* @__PURE__ */ n(
+          "input",
+          {
+            ref: g,
+            ...r[1],
+            disabled: k,
+            placeholder: w[1],
+            value: S(1),
+            onChange: (e) => O(e, 1),
+            onKeyDown: (e) => j(e, 1),
+            onClick: (e) => K(e, 1),
+            onBlur: (e) => F(e, 1),
+            ...b
+          }
+        ) }),
+        /* @__PURE__ */ L("div", { className: `${t}-suffix`, children: [
+          U && m.length === 2 && /* @__PURE__ */ n(
+            ne,
+            {
+              prefix: t,
+              onClick: Q,
+              className: `${t}-clear-icon`,
+              children: /* @__PURE__ */ n(te, {})
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: `${t}-suffix-icon`, children: Y })
+        ] })
+      ]
+    }
+  );
+}
+const ze = le(ue);
+export {
+  ze as default
+};

package/portal/Portal.js

@@ -0,0 +1,25 @@
+import f, { useRef as o, useEffect as l, useImperativeHandle as m } from "react";
+import s from "react-dom";
+import d from "../hooks/useForceUpdate.js";
+function p(n, u) {
+  const a = d(), r = o(null), c = o(void 0);
+  l(() => (e(), c.current = setTimeout(() => {
+    r.current || e();
+  }), () => {
+    clearTimeout(c.current);
+  }), []);
+  function e() {
+    const { getContainer: t } = n;
+    r.current = (t == null ? void 0 : t()) || document.body, a();
+  }
+  m(u, () => ({
+    container: r.current,
+    createContainer: e
+  }));
+  const { children: i } = n;
+  return r.current ? s.createPortal(i, r.current) : null;
+}
+const T = f.forwardRef(p);
+export {
+  T as default
+};

package/progress/CircleProgress.js

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiCheck";
+import W from "@unicom-cloud/icons/IconUiExclamation";
+import I from "lodash/isFunction";
+import T from "lodash/isPlainObject";
+import { useCallback as b } from "react";
+import j from "../hooks/useId.js";
+import S from "../Tooltip.js";
+import C from "@unicom-cloud/utils/class-name";
+const G = {
+  mini: 4,
+  small: 3,
+  default: 4,
+  large: 4
+}, P = {
+  mini: 16,
+  small: 48,
+  default: 64,
+  large: 80
+}, _ = (t) => {
+  const {
+    size: s,
+    percent: o = 0,
+    prefixCls: h,
+    showText: f,
+    inlineText: u,
+    status: x,
+    formatText: c
+  } = t, $ = T(t.color), r = t.width || P[s], l = t.strokeWidth || (s === "mini" ? r / 2 : G[s]), m = (r - l) / 2, k = Math.PI * 2 * m, n = r / 2, i = `${h}-circle`, N = `${i}-svg`, g = b(
+    (a) => {
+      if (I(c))
+        return c(o);
+      switch (a) {
+        case "success":
+          return /* @__PURE__ */ e(w, {});
+        case "error":
+          return /* @__PURE__ */ e(W, {});
+        default:
+          return `${o}%`;
+      }
+    },
+    [c, o]
+  ), v = j(`${h}-linear-gradient-`), y = $ ? `url(#${v})` : t.color;
+  let d = /* @__PURE__ */ p(
+    "div",
+    {
+      className: `${i}-wrapper`,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": o,
+      style: { width: r, height: r },
+      children: [
+        /* @__PURE__ */ p("svg", { viewBox: `0 0 ${r} ${r}`, className: `${N}`, children: [
+          $ && /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("linearGradient", { id: v, x1: "0", y1: "1", x2: "0", y2: "0", children: Object.keys(t.color).sort().map((a) => /* @__PURE__ */ e("stop", { offset: a, stopColor: t.color[a] }, a)) }) }),
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: `${i}-mask`,
+              fill: "none",
+              cx: n,
+              cy: n,
+              r: m,
+              strokeWidth: t.pathStrokeWidth || (s === "mini" ? l : Math.max(2, l - 2)),
+              style: {
+                stroke: t.pathStrokeColor
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: `${i}-path`,
+              fill: "none",
+              cx: n,
+              cy: n,
+              r: m,
+              strokeWidth: l,
+              style: {
+                stroke: y,
+                strokeDasharray: k,
+                strokeDashoffset: (o > 100 ? 100 : 1 - o / 100) * k
+              }
+            }
+          )
+        ] }),
+        f && s !== "mini" && /* @__PURE__ */ e(
+          "div",
+          {
+            className: C(`${i}-text`, {
+              [`${i}-text-inline`]: u
+            }),
+            children: g(x)
+          }
+        )
+      ]
+    }
+  );
+  return s === "mini" && x === "success" && t.type === "circle" && (d = /* @__PURE__ */ e("div", { className: `${i}-wrapper`, style: { width: r, height: r }, children: /* @__PURE__ */ e(w, { style: { fontSize: r - 2, color: y } }) })), s === "mini" && f ? /* @__PURE__ */ e(
+    S,
+    {
+      content: /* @__PURE__ */ e(
+        "div",
+        {
+          className: C(`${i}-text`, {
+            [`${i}-text-inline`]: u
+          }),
+          children: g("normal")
+        }
+      ),
+      children: d
+    }
+  ) : d;
+};
+export {
+  _ as default
+};