@unicom-cloud/ui 0.8.67 → 0.8.68

package/page-header/index.js

@@ -0,0 +1,115 @@
+import { jsxs as c, jsx as r, Fragment as H } from "react/jsx-runtime";
+import B from "@unicom-cloud/icons/IconUiLeft";
+import _ from "@unicom-cloud/icons/IconUiRight";
+import T, { useContext as W, useState as j, useRef as z, useImperativeHandle as K, useEffect as U } from "react";
+import D from "../breadcrumb/index.js";
+import { a as F, I as L } from "../chunk/ll867Bf3.js";
+import { u as M } from "../chunk/XTEsYGuF.js";
+import { u as O } from "../chunk/BFTV6myl.js";
+import { m as p } from "../chunk/JPPo5nY_.js";
+import { o as S } from "../chunk/BKKEev13.js";
+import { r as q } from "../chunk/CIRG541s.js";
+function $(b, g) {
+  const { getPrefixCls: v, componentConfig: d, rtl: h } = W(F), a = O(
+    b,
+    {},
+    d == null ? void 0 : d.PageHeader
+  ), {
+    header: N,
+    title: x,
+    subTitle: y,
+    extra: k,
+    children: m,
+    backIcon: l,
+    footer: f,
+    breadcrumb: u,
+    ...A
+  } = a;
+  let s = N;
+  Array.isArray(s) && !s.length && (s = null);
+  let i = x;
+  Array.isArray(i) && !i.length && (i = null);
+  let n = y;
+  Array.isArray(n) && !n.length && (n = null);
+  let o = k;
+  Array.isArray(o) && !o.length && (o = null);
+  const w = M(), [I, P] = j(!1), t = z(), e = v("page-header");
+  K(g, () => ({
+    getRootDomElement: R
+  }), []);
+  function R() {
+    return t.current;
+  }
+  function C() {
+    t.current && P(t.current.offsetWidth < 768);
+  }
+  return U(() => {
+    const E = q([t.current], C);
+    return () => {
+      E();
+    };
+  }, [t.current]), /* @__PURE__ */ c(
+    "div",
+    {
+      ...S(A, ["onBack"]),
+      ref: t,
+      className: p(
+        `${e}`,
+        {
+          [`${e}-with-breadcrumb`]: u,
+          [`${e}-with-content`]: m,
+          [`${e}-with-footer`]: f,
+          [`${e}-wrap`]: I,
+          [`${e}-rtl`]: h
+        },
+        a.className
+      ),
+      style: a.style,
+      children: [
+        !!s && /* @__PURE__ */ r("div", { className: `${e}-header`, children: s }),
+        /* @__PURE__ */ c("div", { className: `${e}-head-wrapper`, children: [
+          u && /* @__PURE__ */ r(D, { ...u }),
+          /* @__PURE__ */ c("div", { className: `${e}-head`, children: [
+            /* @__PURE__ */ c(
+              "div",
+              {
+                className: p(`${e}-head-main`, {
+                  [`${e}-head-main-with-back`]: l
+                }),
+                children: [
+                  l && /* @__PURE__ */ r(
+                    L,
+                    {
+                      prefix: e,
+                      tabIndex: 0,
+                      role: "button",
+                      className: `${e}-back`,
+                      onClick: a.onBack,
+                      ...w({
+                        onPressEnter: a.onBack
+                      }),
+                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? h ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(B, {}) : l })
+                    }
+                  ),
+                  i && /* @__PURE__ */ r("div", { className: `${e}-title`, children: i }),
+                  n && /* @__PURE__ */ c(H, { children: [
+                    /* @__PURE__ */ r("div", { className: `${e}-divider` }),
+                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: n })
+                  ] })
+                ]
+              }
+            ),
+            o && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: o })
+          ] })
+        ] }),
+        m && /* @__PURE__ */ r("div", { className: `${e}-content`, children: m }),
+        f && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: f })
+      ]
+    }
+  );
+}
+$.displayName = "PageHeader";
+const se = T.forwardRef($);
+export {
+  se as default
+};

package/page-header/interface.js

@@ -0,0 +1 @@
+

package/pagination/PageItem.js

@@ -0,0 +1,119 @@
+import { jsx as I } from "react/jsx-runtime";
+import S from "@unicom-cloud/icons/IconUiLeft";
+import j from "@unicom-cloud/icons/IconUiMore";
+import K from "@unicom-cloud/icons/IconUiRight";
+import U, { useContext as E } from "react";
+import { a as N } from "../chunk/ll867Bf3.js";
+import { u as R } from "../chunk/XTEsYGuF.js";
+import { m as k } from "../chunk/JPPo5nY_.js";
+var _ = /* @__PURE__ */ ((t) => (t[t.previous = 0] = "previous", t[t.next = 1] = "next", t))(_ || {});
+function L(t) {
+  var m, n, s;
+  const { locale: e } = E(N), v = R(), {
+    pageNum: i,
+    current: b,
+    rootPrefixCls: a,
+    pageItemStyle: d,
+    activePageItemStyle: l,
+    itemRender: f
+  } = t, x = `${a}-item`, P = b === i, C = k(x, P ? `${x}-active` : "");
+  let o = d;
+  P && (o = { ...o, ...l });
+  const h = P ? { "aria-current": !0 } : {}, p = (r) => {
+    const { pageNum: u, onClick: g, disabled: c } = t;
+    r.currentTarget.dataset.active !== "true" && (r.stopPropagation(), c || g == null || g(u));
+  };
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      style: o,
+      className: C,
+      onClick: p,
+      tabIndex: t.disabled ? -1 : 0,
+      "aria-label": (s = (n = (m = e == null ? void 0 : e.Pagination) == null ? void 0 : m.currentPage) == null ? void 0 : n.replace) == null ? void 0 : s.call(n, "{0}", i),
+      ...v({ onPressEnter: p }),
+      ...h,
+      children: f ? f(i, "page", i) : i
+    }
+  );
+}
+function $(t, e) {
+  switch (t) {
+    case "prev":
+      return e && e.prev ? e.prev : /* @__PURE__ */ I(S, {});
+    case "next":
+      return e && e.next ? e.next : /* @__PURE__ */ I(K, {});
+    case "more":
+      return e && e.more ? e.more : /* @__PURE__ */ I(j, {});
+    default:
+      return null;
+  }
+}
+const G = (t) => {
+  var s, r, u, g, c, y;
+  const { locale: e } = E(N), {
+    rootPrefixCls: v,
+    current: i,
+    allPages: b,
+    jumpPage: a,
+    icons: d,
+    disabled: l,
+    pageItemStyle: f,
+    itemRender: x
+  } = t, P = b > 0 ? 1 : 0, C = Math.min(b, Math.max(P, i + a)), o = `${v}-item ${v}-item-jumper`, h = k(o), p = () => {
+    var M;
+    !l && ((M = t.onClick) == null || M.call(t, C));
+  }, m = $("more", d), n = a > 0 ? (u = (r = (s = e == null ? void 0 : e.Pagination) == null ? void 0 : s.nextSomePages) == null ? void 0 : r.replace) == null ? void 0 : u.call(r, "{0}", a) : (y = (c = (g = e == null ? void 0 : e.Pagination) == null ? void 0 : g.prevSomePages) == null ? void 0 : c.replace) == null ? void 0 : y.call(c, "{0}", -a);
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      style: f,
+      className: h,
+      onClick: p,
+      "aria-label": n,
+      children: x ? x(void 0, "more", m) : m
+    }
+  );
+}, H = (t) => {
+  const { locale: e, rtl: v } = E(N), i = R(), {
+    rootPrefixCls: b,
+    current: a,
+    allPages: d,
+    type: l,
+    icons: f,
+    disabled: x,
+    pageItemStyle: P,
+    itemRender: C
+  } = t, o = `${b}-item`, [h, p] = v ? ["next", "prev"] : ["prev", "next"], m = $(l === 0 ? h : p, f);
+  let n = !1;
+  d === 0 ? n = !0 : l === 0 ? n = a <= 1 : n = a === d;
+  const s = x || n;
+  let r = a + (l === 0 ? -1 : 1);
+  r = Math.max(0, Math.min(d, r));
+  const u = l === 0 ? "prev" : "next", g = k(o, `${o}-${u}`, {
+    [`${o}-disabled`]: s
+  }), c = () => {
+    var y;
+    s || (y = t.onClick) == null || y.call(t, r);
+  };
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      style: P,
+      className: g,
+      onClick: c,
+      tabIndex: s ? -1 : 0,
+      "aria-label": e.Pagination[u],
+      ...i({
+        onPressEnter: c
+      }),
+      children: C ? C(void 0, u, m) : m
+    }
+  );
+}, O = U.memo(L);
+export {
+  G as JumpPager,
+  H as StepPager,
+  _ as StepType,
+  O as default
+};

package/pagination/PageJumper.js

@@ -0,0 +1,60 @@
+import { jsxs as x, jsx as o, Fragment as F } from "react/jsx-runtime";
+import I from "lodash/isFunction";
+import J from "lodash/isPlainObject";
+import N from "lodash/isUndefined";
+import { useContext as E, useState as R, useRef as T, useEffect as w } from "react";
+import { a as z } from "../chunk/ll867Bf3.js";
+import B from "../input/Input.js";
+function A(n) {
+  var d, g;
+  const P = n.simple ? n.current : void 0, { locale: i } = E(z), [e, m] = R(P), c = T();
+  w(() => {
+    n.simple && m(n.current);
+  }, [n.simple, n.current]);
+  const C = (t) => {
+    const u = parseInt(t, 10);
+    m(isNaN(u) ? void 0 : u);
+  }, l = () => {
+    const { onPageChange: t, totalPages: u, current: p, simple: h } = n;
+    if (N(e))
+      return;
+    if (e === p) {
+      h || m(void 0);
+      return;
+    }
+    let s = isNaN(Number(e)) ? p : Number(e);
+    s < 1 ? s = 1 : s > u && (s = u), m(h ? s : void 0), I(t) && t(s);
+  }, v = () => {
+    const t = c.current.dom;
+    String(e) && t && t.setSelectionRange(0, String(e).length);
+  }, { rootPrefixCls: b, totalPages: f, simple: r, size: $, disabled: S } = n, a = `${b}-jumper`, j = {
+    showJumper: !0,
+    ...J(r) ? r : {}
+  };
+  return /* @__PURE__ */ x("div", { className: `${a}`, children: [
+    !r && /* @__PURE__ */ o("span", { className: `${a}-text-goto`, children: (d = i == null ? void 0 : i.Pagination) == null ? void 0 : d.goto }),
+    j.showJumper ? /* @__PURE__ */ o(
+      B,
+      {
+        _ignorePropsFromGlobal: !0,
+        ref: (t) => c.current = t,
+        className: `${a}-input`,
+        value: N(e) ? void 0 : e.toString(),
+        size: $,
+        disabled: S || !f,
+        onChange: C,
+        onPressEnter: l,
+        onFocus: v,
+        onBlur: l
+      }
+    ) : /* @__PURE__ */ o("span", { children: e }),
+    !r && /* @__PURE__ */ o("span", { className: `${a}-text-goto-suffix`, children: (g = i == null ? void 0 : i.Pagination) == null ? void 0 : g.page }),
+    r && /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ o("span", { className: `${a}-separator`, children: "/" }),
+      /* @__PURE__ */ o("span", { children: f })
+    ] })
+  ] });
+}
+export {
+  A as default
+};

package/pagination/PageOption.js

@@ -0,0 +1,47 @@
+import { jsx as t } from "react/jsx-runtime";
+import P, { useRef as d, useContext as C } from "react";
+import { a as O } from "../chunk/ll867Bf3.js";
+import p from "../select/Select.js";
+const x = () => {
+}, z = p.Option, h = [10, 20, 30, 40, 50];
+function S(c) {
+  var a;
+  const i = d(null), { locale: e } = C(O), {
+    onPageSizeChange: f = x,
+    rootPrefixCls: g,
+    sizeOptions: n = h,
+    pageSize: r = 10,
+    size: m,
+    selectProps: l,
+    disabled: u
+  } = c;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: i,
+      className: `${g}-option`,
+      "aria-label": (a = e == null ? void 0 : e.Pagination) == null ? void 0 : a.pageSize,
+      children: /* @__PURE__ */ t(
+        p,
+        {
+          value: n.indexOf(r) !== -1 ? r : n[0],
+          onChange: (o) => {
+            f(o);
+          },
+          size: m,
+          getPopupContainer: () => i.current,
+          disabled: u,
+          ...l,
+          children: n.map((o) => {
+            var s;
+            return /* @__PURE__ */ t(z, { value: o, children: `${o} ${(s = e == null ? void 0 : e.Pagination) == null ? void 0 : s.countPerPage}` }, o);
+          })
+        }
+      )
+    }
+  );
+}
+const j = P.memo(S);
+export {
+  j as default
+};

package/pagination/Pagination.js

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

package/pagination/index.js

@@ -0,0 +1,4 @@
+import t from "./Pagination.js";
+export {
+  t as default
+};

package/pagination/interface.js

@@ -0,0 +1 @@
+