@unicom-cloud/ui 0.8.45 → 0.8.47

package/chunk/DWGwYNvC.js

@@ -0,0 +1,223 @@
+import { jsxs as g, Fragment as ue, jsx as n } from "react/jsx-runtime";
+import pe from "@unicom-cloud/icons/IconUiClose";
+import fe from "lodash/isFunction";
+import he, { useContext as Ce, useRef as T, useState as d, useCallback as xe, useMemo as ye, useImperativeHandle as ke, useEffect as z } from "react";
+import F from "../Button.js";
+import { a as Ne, I as ge, b as B } from "./z7sBNzI4.js";
+import be from "../hooks/useMergeProps.js";
+import we from "../hooks/useOverflowHidden.js";
+import Ie from "../Portal.js";
+import { P as j } from "./uUGMUxt_.js";
+import b from "@unicom-cloud/utils/class-name";
+import { isServerRendering as ve, contains as Pe } from "../utils/dom.js";
+import { Esc as $e } from "../utils/keyCode.js";
+import Ee from "../utils/omit.js";
+import { findDOMNode as Re } from "../utils/reactDOM.js";
+const Se = {
+  placement: "right",
+  width: 250,
+  height: 250,
+  escToExit: !0,
+  mask: !0,
+  closable: !0,
+  maskClosable: !0,
+  mountOnEnter: !0,
+  getPopupContainer: () => document.body
+};
+function De(H, M) {
+  const m = Ce(Ne), { locale: w, getPrefixCls: Z, componentConfig: u, rtl: L } = m, o = be(
+    H,
+    Se,
+    u == null ? void 0 : u.Drawer
+  ), {
+    style: W,
+    className: q,
+    children: G,
+    wrapClassName: K,
+    maskStyle: U,
+    headerStyle: A,
+    bodyStyle: J,
+    title: p,
+    footer: l,
+    okText: Q,
+    cancelText: V,
+    width: X,
+    height: Y,
+    placement: c,
+    mask: f,
+    visible: r,
+    closable: _,
+    maskClosable: ee,
+    confirmLoading: ne,
+    mountOnEnter: h,
+    unmountOnExit: I,
+    afterOpen: C,
+    afterClose: x,
+    getPopupContainer: a,
+    escToExit: te,
+    getChildrenPopupContainer: v,
+    okButtonProps: oe,
+    cancelButtonProps: re,
+    zIndex: P,
+    closeIcon: $,
+    ...ie
+  } = o, s = T(null), E = T(null), [se, le] = d(!1), [y, ae] = d(), t = Z("drawer"), [R, k] = d(!1), [Te, S] = d(!1), D = /* @__PURE__ */ g(ue, { children: [
+    /* @__PURE__ */ n(F, { onClick: o.onCancel, ...re, children: V || w.Drawer.cancelText }),
+    /* @__PURE__ */ n(
+      F,
+      {
+        type: "primary",
+        loading: ne,
+        onClick: o.onOk,
+        ...oe,
+        children: Q || w.Drawer.okText
+      }
+    )
+  ] }), N = xe(() => {
+    const e = a == null ? void 0 : a();
+    return Re(e) || document.body;
+  }, [a]), ce = ye(() => !ve && N() === document.body, [se, N]);
+  we(N, { hidden: (r || R) && f }), ke(M, () => s.current), z(() => {
+    r && o.getPopupContainer && le(!0);
+  }, []), z(() => {
+    var e, i;
+    r && Pe(document.body, s.current) && ((i = (e = s.current) == null ? void 0 : e.focus) == null || i.call(e));
+  }, [r]);
+  const de = () => {
+    var e;
+    if (r && y === void 0 && s.current) {
+      const i = +((e = window.getComputedStyle(s.current, null)) == null ? void 0 : e.zIndex);
+      isNaN(i) || ae(i + 1);
+    }
+  }, me = /* @__PURE__ */ g("div", { className: `${t}-scroll`, tabIndex: -1, children: [
+    p !== null && /* @__PURE__ */ n("div", { className: `${t}-header`, style: A, children: /* @__PURE__ */ n("div", { className: `${t}-header-title`, children: p }) }),
+    _ && ($ !== void 0 ? /* @__PURE__ */ n("span", { onClick: o.onCancel, className: `${t}-close-icon`, children: $ }) : /* @__PURE__ */ n(
+      ge,
+      {
+        onClick: o.onCancel,
+        className: `${t}-close-icon`,
+        children: /* @__PURE__ */ n(pe, {})
+      }
+    )),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: (e) => {
+          E.current = e, de();
+        },
+        style: J,
+        className: b(`${t}-content`, {
+          [`${t}-content-nofooter`]: l === null,
+          [`${t}-content-noheader`]: p === null
+        }),
+        children: /* @__PURE__ */ n(
+          B,
+          {
+            ...m,
+            zIndex: y || 1050,
+            getPopupContainer: (e) => typeof v == "function" ? v(e) : E.current,
+            children: G
+          }
+        )
+      }
+    ),
+    l !== null && /* @__PURE__ */ n("div", { className: `${t}-footer`, children: fe(l) ? l(D) : l || D })
+  ] });
+  return /* @__PURE__ */ n(
+    Ie,
+    {
+      forceRender: !h,
+      visible: r,
+      getContainer: a,
+      children: /* @__PURE__ */ g(
+        "div",
+        {
+          ...Ee(ie, ["onCancel", "onOk"]),
+          ref: s,
+          onKeyDown: (e) => {
+            var O;
+            e.key === $e.key && te && r && ((O = o.onCancel) == null || O.call(o, e));
+          },
+          className: b(
+            `${t}-wrapper`,
+            {
+              [`${t}-no-mask`]: !f,
+              [`${t}-wrapper-hide`]: !r
+            },
+            K
+          ),
+          style: ce ? { position: "fixed", zIndex: P } : { zIndex: P || "inherit", position: "absolute" },
+          children: [
+            f ? /* @__PURE__ */ n(
+              j,
+              {
+                in: r,
+                appear: !0,
+                timeout: 300,
+                classNames: "fadeInStandard",
+                mountOnEnter: h,
+                unmountOnExit: I,
+                children: /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: `${t}-mask`,
+                    style: U,
+                    onClick: (e) => {
+                      var i;
+                      !R && ee && ((i = o.onCancel) == null || i.call(o, e));
+                    }
+                  }
+                )
+              }
+            ) : null,
+            /* @__PURE__ */ n(
+              j,
+              {
+                in: r,
+                appear: !0,
+                timeout: 300,
+                classNames: {
+                  top: "slideTop",
+                  bottom: "slideBottom",
+                  left: "slideLeft",
+                  right: "slideRight"
+                }[c],
+                mountOnEnter: h,
+                unmountOnExit: I,
+                onEnter: (e) => {
+                  e && (e.parentNode.style.display = "block", k(!1));
+                },
+                onEntered: () => {
+                  S(!0), C == null || C();
+                },
+                onExit: () => {
+                  S(!1), k(!0);
+                },
+                onExited: (e) => {
+                  e && (k(!1), e.parentNode.style.display = "", x == null || x());
+                },
+                children: /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: b(t, q, { [`${t}-rtl`]: L }),
+                    style: Object.assign(
+                      c === "left" || c === "right" ? { width: X } : { height: Y },
+                      { [c]: 0 },
+                      W
+                    ),
+                    children: /* @__PURE__ */ n("div", { className: `${t}-inner`, children: /* @__PURE__ */ n(B, { ...m, zIndex: y || 1050, children: me }) })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const Oe = he.forwardRef(De);
+Oe.displayName = "Drawer";
+export {
+  Oe as D
+};

package/chunk/DXMtLuTP.js

@@ -0,0 +1,443 @@
+import { jsx as i, jsxs as L, Fragment as Ee } from "react/jsx-runtime";
+import W, { useContext as O, useState as Je, useRef as me, useEffect as te, forwardRef as Oe, createElement as J } from "react";
+import { a as A } from "./z7sBNzI4.js";
+import Ae from "../hooks/useMergeProps.js";
+import oe from "../hooks/useMergeValue.js";
+import q from "@unicom-cloud/utils/class-name";
+import { pickDataAttributes as Fe } from "../utils/pick.js";
+import _e from "@unicom-cloud/icons/IconUiLeft";
+import Le from "@unicom-cloud/icons/IconUiMore";
+import Te from "@unicom-cloud/icons/IconUiRight";
+import ge from "../hooks/useKeyboardEvent.js";
+import Ue from "lodash/isFunction";
+import Be from "lodash/isPlainObject";
+import le from "lodash/isUndefined";
+import { I as Ke } from "./I0bfWb5y.js";
+import { S as pe } from "./DCe3olyi.js";
+var E = /* @__PURE__ */ ((e) => (e[e.previous = 0] = "previous", e[e.next = 1] = "next", e))(E || {});
+function Ve(e) {
+  var M, t, h;
+  const { locale: n } = O(A), o = ge(), {
+    pageNum: s,
+    current: p,
+    rootPrefixCls: c,
+    pageItemStyle: C,
+    activePageItemStyle: a,
+    itemRender: $
+  } = e, y = `${c}-item`, P = p === s, u = q(y, P ? `${y}-active` : "");
+  let m = C;
+  P && (m = { ...m, ...a });
+  const k = P ? { "aria-current": !0 } : {}, v = (r) => {
+    const { pageNum: d, onClick: f, disabled: S } = e;
+    r.currentTarget.dataset.active !== "true" && (r.stopPropagation(), S || f == null || f(d));
+  };
+  return /* @__PURE__ */ i(
+    "li",
+    {
+      style: m,
+      className: u,
+      onClick: v,
+      tabIndex: e.disabled ? -1 : 0,
+      "aria-label": (h = (t = (M = n == null ? void 0 : n.Pagination) == null ? void 0 : M.currentPage) == null ? void 0 : t.replace) == null ? void 0 : h.call(t, "{0}", s),
+      ...o({ onPressEnter: v }),
+      ...k,
+      children: $ ? $(s, "page", s) : s
+    }
+  );
+}
+function ne(e, n) {
+  switch (e) {
+    case "prev":
+      return n && n.prev ? n.prev : /* @__PURE__ */ i(_e, {});
+    case "next":
+      return n && n.next ? n.next : /* @__PURE__ */ i(Te, {});
+    case "more":
+      return n && n.more ? n.more : /* @__PURE__ */ i(Le, {});
+    default:
+      return null;
+  }
+}
+const Z = (e) => {
+  var h, r, d, f, S, N;
+  const { locale: n } = O(A), {
+    rootPrefixCls: o,
+    current: s,
+    allPages: p,
+    jumpPage: c,
+    icons: C,
+    disabled: a,
+    pageItemStyle: $,
+    itemRender: y
+  } = e, P = p > 0 ? 1 : 0, u = Math.min(p, Math.max(P, s + c)), m = `${o}-item ${o}-item-jumper`, k = q(m), v = () => {
+    var F;
+    !a && ((F = e.onClick) == null || F.call(e, u));
+  }, M = ne("more", C), t = c > 0 ? (d = (r = (h = n == null ? void 0 : n.Pagination) == null ? void 0 : h.nextSomePages) == null ? void 0 : r.replace) == null ? void 0 : d.call(r, "{0}", c) : (N = (S = (f = n == null ? void 0 : n.Pagination) == null ? void 0 : f.prevSomePages) == null ? void 0 : S.replace) == null ? void 0 : N.call(S, "{0}", -c);
+  return /* @__PURE__ */ i(
+    "li",
+    {
+      style: $,
+      className: k,
+      onClick: v,
+      "aria-label": t,
+      children: y ? y(void 0, "more", M) : M
+    }
+  );
+}, D = (e) => {
+  const { locale: n, rtl: o } = O(A), s = ge(), {
+    rootPrefixCls: p,
+    current: c,
+    allPages: C,
+    type: a,
+    icons: $,
+    disabled: y,
+    pageItemStyle: P,
+    itemRender: u
+  } = e, m = `${p}-item`, [k, v] = o ? ["next", "prev"] : ["prev", "next"], M = ne(a === 0 ? k : v, $);
+  let t = !1;
+  C === 0 ? t = !0 : a === 0 ? t = c <= 1 : t = c === C;
+  const h = y || t;
+  let r = c + (a === 0 ? -1 : 1);
+  r = Math.max(0, Math.min(C, r));
+  const d = a === 0 ? "prev" : "next", f = q(m, `${m}-${d}`, {
+    [`${m}-disabled`]: h
+  }), S = () => {
+    var N;
+    h || (N = e.onClick) == null || N.call(e, r);
+  };
+  return /* @__PURE__ */ i(
+    "li",
+    {
+      style: P,
+      className: f,
+      onClick: S,
+      tabIndex: h ? -1 : 0,
+      "aria-label": n.Pagination[d],
+      ...s({
+        onPressEnter: S
+      }),
+      children: u ? u(void 0, d, M) : M
+    }
+  );
+}, G = W.memo(Ve);
+function ce(e) {
+  var t, h;
+  const n = e.simple ? e.current : void 0, { locale: o } = O(A), [s, p] = Je(n), c = me();
+  te(() => {
+    e.simple && p(e.current);
+  }, [e.simple, e.current]);
+  const C = (r) => {
+    const d = parseInt(r, 10);
+    p(isNaN(d) ? void 0 : d);
+  }, a = () => {
+    const { onPageChange: r, totalPages: d, current: f, simple: S } = e;
+    if (le(s))
+      return;
+    if (s === f) {
+      S || p(void 0);
+      return;
+    }
+    let N = isNaN(Number(s)) ? f : Number(s);
+    N < 1 ? N = 1 : N > d && (N = d), p(S ? N : void 0), Ue(r) && r(N);
+  }, $ = () => {
+    const r = c.current.dom;
+    String(s) && r && r.setSelectionRange(0, String(s).length);
+  }, { rootPrefixCls: y, totalPages: P, simple: u, size: m, disabled: k } = e, v = `${y}-jumper`, M = {
+    showJumper: !0,
+    ...Be(u) ? u : {}
+  };
+  return /* @__PURE__ */ L("div", { className: `${v}`, children: [
+    !u && /* @__PURE__ */ i("span", { className: `${v}-text-goto`, children: (t = o == null ? void 0 : o.Pagination) == null ? void 0 : t.goto }),
+    M.showJumper ? /* @__PURE__ */ i(
+      Ke,
+      {
+        _ignorePropsFromGlobal: !0,
+        ref: (r) => c.current = r,
+        className: `${v}-input`,
+        value: le(s) ? void 0 : s.toString(),
+        size: m,
+        disabled: k || !P,
+        onChange: C,
+        onPressEnter: a,
+        onFocus: $,
+        onBlur: a
+      }
+    ) : /* @__PURE__ */ i("span", { children: s }),
+    !u && /* @__PURE__ */ i("span", { className: `${v}-text-goto-suffix`, children: (h = o == null ? void 0 : o.Pagination) == null ? void 0 : h.page }),
+    u && /* @__PURE__ */ L(Ee, { children: [
+      /* @__PURE__ */ i("span", { className: `${v}-separator`, children: "/" }),
+      /* @__PURE__ */ i("span", { children: P })
+    ] })
+  ] });
+}
+const De = () => {
+}, Ge = pe.Option, We = [10, 20, 30, 40, 50];
+function qe(e) {
+  var P;
+  const n = me(null), { locale: o } = O(A), {
+    onPageSizeChange: s = De,
+    rootPrefixCls: p,
+    sizeOptions: c = We,
+    pageSize: C = 10,
+    size: a,
+    selectProps: $,
+    disabled: y
+  } = e;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: `${p}-option`,
+      "aria-label": (P = o == null ? void 0 : o.Pagination) == null ? void 0 : P.pageSize,
+      children: /* @__PURE__ */ i(
+        pe,
+        {
+          value: c.indexOf(C) !== -1 ? C : c[0],
+          onChange: (u) => {
+            s(u);
+          },
+          size: a,
+          getPopupContainer: () => n.current,
+          disabled: y,
+          ...$,
+          children: c.map((u) => {
+            var m;
+            return /* @__PURE__ */ i(Ge, { value: u, children: `${u} ${(m = o == null ? void 0 : o.Pagination) == null ? void 0 : m.countPerPage}` }, u);
+          })
+        }
+      )
+    }
+  );
+}
+const He = W.memo(qe), Qe = 1, fe = 10;
+function ee(e = fe, n) {
+  return Math.ceil(n / e);
+}
+function Xe(e, n) {
+  const s = Math.floor(n / 2) - 1, p = Math.max(e, 0);
+  return Math.min(p, s);
+}
+function ue(e) {
+  return e && e.length ? e[0] : fe;
+}
+const Ye = {
+  total: 0,
+  pageSizeChangeResetCurrent: !0,
+  bufferSize: 2
+};
+function Ze(e, n) {
+  var re, K, ae;
+  const {
+    getPrefixCls: o,
+    size: s,
+    locale: p,
+    componentConfig: c,
+    rtl: C
+  } = O(A), a = Ae(
+    e,
+    Ye,
+    c == null ? void 0 : c.Pagination
+  ), {
+    total: $,
+    pageSize: y,
+    current: P,
+    showMore: u,
+    sizeOptions: m,
+    pageSizeChangeResetCurrent: k,
+    defaultCurrent: v,
+    defaultPageSize: M
+  } = a, [t, h] = oe(Qe, {
+    defaultValue: v,
+    value: P
+  }), [r, d] = oe(
+    ue(m),
+    {
+      defaultValue: M,
+      value: y
+    }
+  ), f = $, S = !!u;
+  P && !a.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 N(l, b) {
+    const g = ee(l, b);
+    return t > g ? g : t;
+  }
+  te(() => {
+    if (m && !m.includes(r)) {
+      const b = ue(m);
+      "pageSize" in a || d(b);
+    }
+  }, [m]), te(() => {
+    const l = N(r, f);
+    l !== t && !("current" in a) && h(l);
+  }, [f, t, r]);
+  const F = (l = t, b = r) => {
+    const { onChange: g } = a;
+    g == null || g(l, b);
+  }, de = (l) => {
+    const { onPageSizeChange: b } = a, g = ee(l, f), z = {
+      pageSize: l
+    };
+    k ? z.current = 1 : z.current = t > g ? g : t, "pageSize" in a || d(z.pageSize), !("current" in a) && t !== z.current && h(z.current), b == null || b(l, z.current), F(k ? 1 : z.current, l);
+  }, H = (l) => {
+    "current" in a || h(l), F(l);
+  }, {
+    className: Pe,
+    style: he,
+    pageItemStyle: xe,
+    activePageItemStyle: Ce,
+    showTotal: T,
+    sizeCanChange: ve,
+    sizeOptions: Se,
+    simple: U,
+    mini: Ne,
+    showJumper: Q,
+    selectProps: be,
+    icons: ze,
+    disabled: _,
+    itemRender: $e,
+    hideOnSinglePage: ye
+  } = a, we = a.size || s, x = o("pagination"), B = Ne ? "mini" : we, Ie = q(
+    x,
+    `${x}-size-${B}`,
+    {
+      [`${x}-simple`]: U,
+      [`${x}-disabled`]: _,
+      [`${x}-rtl`]: C
+    },
+    Pe
+  );
+  let X;
+  const w = [], I = ee(r, f), R = Xe(a.bufferSize, I);
+  if (ye && I <= 1)
+    return null;
+  const j = {
+    onClick: H,
+    rootPrefixCls: x,
+    simple: U,
+    current: t,
+    allPages: I,
+    icons: ze,
+    disabled: _,
+    pageItemStyle: xe,
+    activePageItemStyle: Ce,
+    itemRender: $e
+  };
+  if (U) {
+    const l = `${x}-item-simple`;
+    X = /* @__PURE__ */ L("ul", { className: `${x}-list`, children: [
+      /* @__PURE__ */ i(D, { ...j, type: E.previous }, "previous"),
+      /* @__PURE__ */ i("li", { className: `${l}-pager`, children: /* @__PURE__ */ i(
+        ce,
+        {
+          disabled: _,
+          rootPrefixCls: x,
+          totalPages: I,
+          current: t,
+          onPageChange: H,
+          simple: {
+            showJumper: typeof Q == "boolean" ? Q : !0
+          },
+          size: B
+        }
+      ) }),
+      /* @__PURE__ */ i(D, { ...j, type: E.next }, "next")
+    ] });
+  } else {
+    const l = 3 + R, b = I - 2 - R;
+    if (
+      // beginPage(1 page) + bufferSize * 2 + endPage(1 page) + ...(2 pages)
+      I <= 4 + R * 2 || t === l && t === b
+    )
+      for (let g = 1; g <= I; g++)
+        w.push(/* @__PURE__ */ J(G, { ...j, key: g, pageNum: g }));
+    else {
+      let g = 1, z = I, ie = !0, se = !0;
+      t > l && t < b ? (z = t + R, g = t - R) : t <= l ? (ie = !1, g = 1, z = Math.max(l, R + t)) : t >= b && (se = !1, z = I, g = Math.min(b, t - R));
+      for (let V = g; V <= z; V++)
+        w.push(/* @__PURE__ */ i(G, { pageNum: V, ...j }, V));
+      const Me = /* @__PURE__ */ J(
+        Z,
+        {
+          ...j,
+          key: g - 1,
+          type: E.previous,
+          jumpPage: -(R * 2 + 1)
+        }
+      ), je = /* @__PURE__ */ J(
+        Z,
+        {
+          ...j,
+          key: z + 1,
+          type: E.next,
+          jumpPage: R * 2 + 1
+        }
+      ), ke = /* @__PURE__ */ i(G, { pageNum: 1, ...j }, 1), Re = /* @__PURE__ */ J(G, { ...j, key: I, pageNum: I });
+      ie && (w[0] = W.cloneElement(w[0], {
+        className: `${x}-item-after-pre`
+      }), w.unshift(Me), w.unshift(ke)), se && (w[w.length - 1] = W.cloneElement(
+        w[w.length - 1],
+        {
+          className: `${x}-item-before-next`
+        }
+      ), w.push(je), w.push(Re));
+    }
+    X = /* @__PURE__ */ L("ul", { className: `${x}-list`, children: [
+      /* @__PURE__ */ J(D, { ...j, key: "previous", type: E.previous }),
+      w,
+      S && /* @__PURE__ */ J(
+        Z,
+        {
+          ...j,
+          key: I + 1,
+          type: E.next,
+          jumpPage: R * 2 + 1
+        }
+      ),
+      /* @__PURE__ */ i(D, { ...j, type: E.next }, "next")
+    ] });
+  }
+  let Y = null;
+  return typeof T == "boolean" && T && (Y = /* @__PURE__ */ i("div", { className: `${x}-total-text`, children: (ae = (K = (re = p == null ? void 0 : p.Pagination) == null ? void 0 : re.total) == null ? void 0 : K.replace) == null ? void 0 : ae.call(K, "{0}", f) })), typeof T == "function" && (Y = /* @__PURE__ */ i("div", { className: `${x}-total-text`, children: T(f, [(t - 1) * r + 1, t * r]) })), /* @__PURE__ */ L(
+    "div",
+    {
+      ...Fe(a),
+      className: Ie,
+      style: he,
+      ref: n,
+      children: [
+        Y,
+        X,
+        /* @__PURE__ */ i(
+          He,
+          {
+            disabled: _,
+            rootPrefixCls: x,
+            sizeCanChange: ve,
+            sizeOptions: Se,
+            onPageSizeChange: de,
+            pageSize: r,
+            size: B,
+            selectProps: be
+          }
+        ),
+        !U && Q && /* @__PURE__ */ i(
+          ce,
+          {
+            disabled: _,
+            rootPrefixCls: x,
+            totalPages: I,
+            current: t,
+            onPageChange: H,
+            size: B
+          }
+        )
+      ]
+    }
+  );
+}
+const et = Oe(Ze);
+et.displayName = "Pagination";
+export {
+  et as P
+};