@unicom-cloud/ui 0.8.90 → 0.8.91

package/page-header/index.js

@@ -3,14 +3,16 @@ import C 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/B44Hj5ad.js";
-import { u as M } from "../chunk/BYdIoY50.js";
-import { u as O } from "../chunk/BFTV6myl.js";
+import "../config-provider/ConfigProvider.js";
+import F from "../components/common/hooks/useKeyboardEvent.js";
+import L from "../components/common/hooks/useMergeProps.js";
+import M from "../icon-hover/index.js";
 import $ from "@unicom-cloud/utils/class-name";
-import { o as S } from "../chunk/BKKEev13.js";
-import { r as q } from "../chunk/CIRG541s.js";
+import { omit as O } from "../components/common/utils/omit.js";
+import { resizeObserverEffect as S } from "../components/common/utils/resizeObserverEffect.js";
+import q from "../config-provider/context.js";
 function b(v, N) {
-  const { getPrefixCls: d, componentConfig: m, rtl: p } = W(F), a = O(
+  const { getPrefixCls: d, componentConfig: m, rtl: p } = W(q), a = L(
     v,
     {},
     m == null ? void 0 : m.PageHeader
@@ -21,54 +23,54 @@ function b(v, N) {
     extra: k,
     children: f,
     backIcon: l,
-    footer: u,
-    breadcrumb: h,
+    footer: h,
+    breadcrumb: u,
     ...A
   } = a;
-  let s = g;
-  Array.isArray(s) && !s.length && (s = null);
-  let i = y;
+  let i = g;
   Array.isArray(i) && !i.length && (i = null);
-  let n = x;
+  let n = y;
   Array.isArray(n) && !n.length && (n = null);
+  let s = x;
+  Array.isArray(s) && !s.length && (s = null);
   let o = k;
   Array.isArray(o) && !o.length && (o = null);
-  const w = M(), [I, R] = j(!1), t = z(), e = d == null ? void 0 : d("page-header");
+  const w = F(), [R, E] = j(!1), t = z(), e = d == null ? void 0 : d("page-header");
   K(N, () => ({
-    getRootDomElement: E
+    getRootDomElement: I
   }), []);
-  function E() {
+  function I() {
     return t.current;
   }
   function H() {
-    t.current && R(t.current.offsetWidth < 768);
+    t.current && E(t.current.offsetWidth < 768);
   }
   return U(() => {
-    const P = q([t.current], H);
+    const P = S([t.current], H);
     return () => {
       P();
     };
   }, [t.current]), /* @__PURE__ */ c(
     "div",
     {
-      ...S(A, ["onBack"]),
+      ...O(A, ["onBack"]),
       ref: t,
       className: $(
         `${e}`,
         {
-          [`${e}-with-breadcrumb`]: h,
+          [`${e}-with-breadcrumb`]: u,
           [`${e}-with-content`]: f,
-          [`${e}-with-footer`]: u,
-          [`${e}-wrap`]: I,
+          [`${e}-with-footer`]: h,
+          [`${e}-wrap`]: R,
           [`${e}-rtl`]: p
         },
         a.className
       ),
       style: a.style,
       children: [
-        !!s && /* @__PURE__ */ r("div", { className: `${e}-header`, children: s }),
+        !!i && /* @__PURE__ */ r("div", { className: `${e}-header`, children: i }),
         /* @__PURE__ */ c("div", { className: `${e}-head-wrapper`, children: [
-          h && /* @__PURE__ */ r(D, { ...h }),
+          u && /* @__PURE__ */ r(D, { ...u }),
           /* @__PURE__ */ c("div", { className: `${e}-head`, children: [
             /* @__PURE__ */ c(
               "div",
@@ -78,7 +80,7 @@ function b(v, N) {
                 }),
                 children: [
                   l && /* @__PURE__ */ r(
-                    L,
+                    M,
                     {
                       prefix: e,
                       tabIndex: 0,
@@ -91,10 +93,10 @@ function b(v, N) {
                       children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? p ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(C, {}) : l })
                     }
                   ),
-                  i && /* @__PURE__ */ r("div", { className: `${e}-title`, children: i }),
-                  n && /* @__PURE__ */ c(B, { children: [
+                  n && /* @__PURE__ */ r("div", { className: `${e}-title`, children: n }),
+                  s && /* @__PURE__ */ c(B, { children: [
                     /* @__PURE__ */ r("div", { className: `${e}-divider` }),
-                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: n })
+                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: s })
                   ] })
                 ]
               }
@@ -103,7 +105,7 @@ function b(v, N) {
           ] })
         ] }),
         f && /* @__PURE__ */ r("div", { className: `${e}-content`, children: f }),
-        u && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: u })
+        h && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: h })
       ]
     }
   );

package/pagination/PageItem.js

@@ -3,20 +3,21 @@ 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 N } from "react";
-import { a as E } from "../chunk/B44Hj5ad.js";
-import { u as R } from "../chunk/BYdIoY50.js";
-import k from "@unicom-cloud/utils/class-name";
+import "../config-provider/ConfigProvider.js";
+import R from "../components/common/hooks/useKeyboardEvent.js";
+import E from "@unicom-cloud/utils/class-name";
+import k from "../config-provider/context.js";
 var _ = /* @__PURE__ */ ((t) => (t[t.previous = 0] = "previous", t[t.next = 1] = "next", t))(_ || {});
 function L(t) {
   var l, n, s;
-  const { locale: e } = N(E), v = R(), {
+  const { locale: e } = N(k), v = R(), {
     pageNum: i,
     current: b,
     rootPrefixCls: a,
     pageItemStyle: d,
     activePageItemStyle: m,
     itemRender: f
-  } = t, x = `${a}-item`, P = b === i, C = k(x, P ? `${x}-active` : "");
+  } = t, x = `${a}-item`, P = b === i, C = E(x, P ? `${x}-active` : "");
   let o = d;
   P && (o = { ...o, ...m });
   const h = P ? { "aria-current": !0 } : {}, p = (r) => {
@@ -49,9 +50,9 @@ function $(t, e) {
       return null;
   }
 }
-const G = (t) => {
+const H = (t) => {
   var s, r, u, g, c, y;
-  const { locale: e } = N(E), {
+  const { locale: e } = N(k), {
     rootPrefixCls: v,
     current: i,
     allPages: b,
@@ -60,7 +61,7 @@ const G = (t) => {
     disabled: m,
     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 = () => {
+  } = t, P = b > 0 ? 1 : 0, C = Math.min(b, Math.max(P, i + a)), o = `${v}-item ${v}-item-jumper`, h = E(o), p = () => {
     var M;
     !m && ((M = t.onClick) == null || M.call(t, C));
   }, l = $("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);
@@ -74,8 +75,8 @@ const G = (t) => {
       children: x ? x(void 0, "more", l) : l
     }
   );
-}, H = (t) => {
-  const { locale: e, rtl: v } = N(E), i = R(), {
+}, O = (t) => {
+  const { locale: e, rtl: v } = N(k), i = R(), {
     rootPrefixCls: b,
     current: a,
     allPages: d,
@@ -90,7 +91,7 @@ const G = (t) => {
   const s = x || n;
   let r = a + (m === 0 ? -1 : 1);
   r = Math.max(0, Math.min(d, r));
-  const u = m === 0 ? "prev" : "next", g = k(o, `${o}-${u}`, {
+  const u = m === 0 ? "prev" : "next", g = E(o, `${o}-${u}`, {
     [`${o}-disabled`]: s
   }), c = () => {
     var y;
@@ -110,10 +111,10 @@ const G = (t) => {
       children: C ? C(void 0, u, l) : l
     }
   );
-}, O = U.memo(L);
+}, Q = U.memo(L);
 export {
-  G as JumpPager,
-  H as StepPager,
+  H as JumpPager,
+  O as StepPager,
   _ as StepType,
-  O as default
+  Q as default
 };

package/pagination/PageJumper.js

@@ -3,11 +3,12 @@ import I from "lodash/isFunction";
 import J from "lodash/isPlainObject";
 import N from "lodash/isUndefined";
 import { useContext as R, useState as T, useRef as w, useEffect as E } from "react";
-import { a as z } from "../chunk/B44Hj5ad.js";
-import B from "../input/Input.js";
-function A(n) {
-  var d, g;
-  const P = n.simple ? n.current : void 0, { locale: i } = R(z), [e, m] = T(P), c = w();
+import "../config-provider/ConfigProvider.js";
+import z from "../input/Input.js";
+import B from "../config-provider/context.js";
+function D(n) {
+  var p, d;
+  const P = n.simple ? n.current : void 0, { locale: i } = R(B), [e, m] = T(P), c = w();
   E(() => {
     n.simple && m(n.current);
   }, [n.simple, n.current]);
@@ -15,14 +16,14 @@ function A(n) {
     const u = parseInt(t, 10);
     m(isNaN(u) ? void 0 : u);
   }, l = () => {
-    const { onPageChange: t, totalPages: u, current: p, simple: h } = n;
+    const { onPageChange: t, totalPages: u, current: g, simple: h } = n;
     if (N(e))
       return;
-    if (e === p) {
+    if (e === g) {
       h || m(void 0);
       return;
     }
-    let s = isNaN(Number(e)) ? p : Number(e);
+    let s = isNaN(Number(e)) ? g : 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;
@@ -32,9 +33,9 @@ function A(n) {
     ...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 }),
+    !r && /* @__PURE__ */ o("span", { className: `${a}-text-goto`, children: (p = i == null ? void 0 : i.Pagination) == null ? void 0 : p.goto }),
     j.showJumper ? /* @__PURE__ */ o(
-      B,
+      z,
       {
         _ignorePropsFromGlobal: !0,
         ref: (t) => c.current = t,
@@ -48,7 +49,7 @@ function A(n) {
         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__ */ o("span", { className: `${a}-text-goto-suffix`, children: (d = i == null ? void 0 : i.Pagination) == null ? void 0 : d.page }),
     r && /* @__PURE__ */ x(F, { children: [
       /* @__PURE__ */ o("span", { className: `${a}-separator`, children: "/" }),
       /* @__PURE__ */ o("span", { children: f })
@@ -56,5 +57,5 @@ function A(n) {
   ] });
 }
 export {
-  A as default
+  D as default
 };

package/pagination/PageOption.js

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

package/pagination/Pagination.js

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

package/pagination/index.js

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