@unicom-cloud/ui 0.8.108 → 0.8.110

package/page-header/index.js

@@ -1,118 +1,158 @@
-import { jsxs as c, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import T from "@unicom-cloud/icons/IconUiLeft";
-import W from "@unicom-cloud/icons/IconUiRight";
-import m from "lodash/isArray";
-import j, { useContext as z, useState as K, useRef as U, useImperativeHandle as A, useEffect as D } from "react";
-import F from "../breadcrumb/index.js";
-import "../config-provider/ConfigProvider.js";
-import L from "../components/common/hooks/useKeyboardEvent.js";
-import M from "../components/common/hooks/useMergeProps.js";
-import O from "../icon-hover/index.js";
-import u from "@unicom-cloud/utils/class-name";
-import { omit as S } from "../components/common/utils/omit.js";
-import { resizeObserver as q } from "../components/common/utils/resizeObserver.js";
-import G from "../config-provider/context.js";
-function g($, b) {
-  const { getPrefixCls: v, componentConfig: N, rtl: p } = z(G), a = M(
-    $,
+import { jsxs as l, jsx as a, Fragment as j } from "react/jsx-runtime";
+import z from "@unicom-cloud/icons/IconUiLeft";
+import D from "@unicom-cloud/icons/IconUiRight";
+import f from "lodash/isArray";
+import K, { useContext as M, useState as U, useRef as A, useImperativeHandle as F, useEffect as L } from "react";
+import O from "../breadcrumb/index.js";
+import { a as S, I as q } from "../chunk/BcEZk8pT.js";
+import { u as G } from "../chunk/Bvxzb1wd.js";
+import { u as J } from "../chunk/FgWHhRFz.js";
+import t from "@unicom-cloud/utils/class-name";
+import { o as Q } from "../chunk/BKKEev13.js";
+import { r as V } from "../chunk/B8W1N4er.js";
+function v(g, N) {
+  const { getPrefixCls: x, componentConfig: k, rtl: b } = M(S), d = J(
+    g,
     {},
-    N?.PageHeader
+    k?.PageHeader
   ), {
-    header: x,
-    title: k,
-    subTitle: C,
-    extra: w,
-    children: d,
-    backIcon: l,
-    footer: f,
-    breadcrumb: h,
-    ...P
-  } = a;
-  let i = x;
-  m(i) && !i.length && (i = null);
-  let n = k;
-  m(n) && !n.length && (n = null);
-  let o = C;
-  m(o) && !o.length && (o = null);
-  let s = w;
-  m(s) && !s.length && (s = null);
-  const R = L(), [y, I] = K(!1), t = U(), e = v?.("page-header");
-  A(b, () => ({
-    getRootDomElement: E
+    header: C,
+    title: I,
+    subTitle: w,
+    extra: P,
+    children: h,
+    backIcon: m,
+    footer: p,
+    breadcrumb: u,
+    descriptions: $,
+    className: R,
+    classNames: r,
+    ...y
+  } = d;
+  let i = C;
+  f(i) && !i.length && (i = null);
+  let n = I;
+  f(n) && !n.length && (n = null);
+  let o = w;
+  f(o) && !o.length && (o = null);
+  let c = P;
+  f(c) && !c.length && (c = null);
+  const E = G(), [H, B] = U(!1), s = A(void 0), e = x?.("page-header");
+  F(N, () => ({
+    getRootDomElement: T
   }), []);
-  function E() {
-    return t.current;
+  function T() {
+    return s.current;
   }
-  function H() {
-    t.current && I(t.current.offsetWidth < 768);
+  function W() {
+    s.current && B(s.current.offsetWidth < 768);
   }
-  return D(() => {
-    const B = q([t.current], H);
+  return L(() => {
+    const _ = V([s.current], W);
     return () => {
-      B();
+      _();
     };
-  }, [t.current]), /* @__PURE__ */ c(
+  }, [s.current]), /* @__PURE__ */ l(
     "div",
     {
-      ...S(P, ["onBack"]),
-      ref: t,
-      className: u(
+      ...Q(y, ["onBack"]),
+      ref: s,
+      className: t(
         `${e}`,
         {
-          [`${e}-with-breadcrumb`]: h,
-          [`${e}-with-content`]: d,
-          [`${e}-with-footer`]: f,
-          [`${e}-wrap`]: y,
-          [`${e}-rtl`]: p
+          [`${e}-with-breadcrumb`]: u,
+          [`${e}-with-content`]: h,
+          [`${e}-with-footer`]: p,
+          [`${e}-wrap`]: H,
+          [`${e}-rtl`]: b,
+          [`${e}-descriptions`]: $
         },
-        a.className
+        R,
+        r?.root
       ),
-      style: a.style,
+      style: d.style,
       children: [
-        !!i && /* @__PURE__ */ r("div", { className: `${e}-header`, children: i }),
-        /* @__PURE__ */ c("div", { className: `${e}-head-wrapper`, children: [
-          h && /* @__PURE__ */ r(F, { ...h }),
-          /* @__PURE__ */ c("div", { className: `${e}-head`, children: [
-            /* @__PURE__ */ c(
+        !!i && /* @__PURE__ */ a("div", { className: t(`${e}-header`, r?.header), children: i }),
+        /* @__PURE__ */ l("div", { className: t(`${e}-head-wrapper`, r?.headWrapper), children: [
+          !!u && /* @__PURE__ */ a(O, { ...u }),
+          /* @__PURE__ */ l("div", { className: t(`${e}-head`, r?.head), children: [
+            /* @__PURE__ */ l(
               "div",
               {
-                className: u(`${e}-head-main`, {
-                  [`${e}-head-main-with-back`]: l
-                }),
+                className: t(
+                  `${e}-head-main`,
+                  {
+                    [`${e}-head-main-with-back`]: m
+                  },
+                  r?.headMain
+                ),
                 children: [
-                  l && /* @__PURE__ */ r(
-                    O,
+                  m && /* @__PURE__ */ a(
+                    q,
                     {
                       prefix: e,
                       tabIndex: 0,
                       role: "button",
-                      className: `${e}-back`,
-                      onClick: a.onBack,
-                      ...R({
-                        onPressEnter: a.onBack
+                      className: t(`${e}-back`, r?.back),
+                      onClick: d.onBack,
+                      ...E({
+                        onPressEnter: d.onBack
                       }),
-                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? p ? /* @__PURE__ */ r(W, {}) : /* @__PURE__ */ r(T, {}) : l })
+                      children: /* @__PURE__ */ a(
+                        "span",
+                        {
+                          className: t(`${e}-back-icon`, r?.backIcon),
+                          children: m === !0 ? b ? /* @__PURE__ */ a(D, {}) : /* @__PURE__ */ a(z, {}) : m
+                        }
+                      )
                     }
                   ),
-                  n && /* @__PURE__ */ r("div", { className: `${e}-title`, children: n }),
-                  o && /* @__PURE__ */ c(_, { children: [
-                    /* @__PURE__ */ r("div", { className: `${e}-divider` }),
-                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: o })
+                  n && /* @__PURE__ */ a("div", { className: t(`${e}-title`, r?.title), children: n }),
+                  o && /* @__PURE__ */ l(j, { children: [
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: t(`${e}-divider`, r?.divider)
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: t(`${e}-sub-title`, r?.subTitle),
+                        children: o
+                      }
+                    )
                   ] })
                 ]
               }
             ),
-            s && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: s })
-          ] })
+            c && /* @__PURE__ */ a(
+              "div",
+              {
+                className: t(`${e}-head-extra`, r?.headExtra),
+                children: c
+              }
+            )
+          ] }),
+          !!$ && /* @__PURE__ */ a(
+            "div",
+            {
+              className: t(
+                `${e}-head-descriptions`,
+                r?.headDescriptions
+              ),
+              children: $
+            }
+          )
         ] }),
-        d && /* @__PURE__ */ r("div", { className: `${e}-content`, children: d }),
-        f && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: f })
+        h && /* @__PURE__ */ a("div", { className: t(`${e}-content`, r?.content), children: h }),
+        p && /* @__PURE__ */ a("div", { className: t(`${e}-footer`, r?.footer), children: p })
       ]
     }
   );
 }
-g.displayName = "PageHeader";
-const ce = j.forwardRef(g);
+v.displayName = "PageHeader";
+const le = K.forwardRef(v);
 export {
-  ce as default
+  le as default
 };

package/pagination/PageItem.js

@@ -3,20 +3,19 @@ import M from "@unicom-cloud/icons/IconUiLeft";
 import R from "@unicom-cloud/icons/IconUiMore";
 import j from "@unicom-cloud/icons/IconUiRight";
 import K, { useContext as h } from "react";
-import "../config-provider/ConfigProvider.js";
-import N from "../components/common/hooks/useKeyboardEvent.js";
-import S from "@unicom-cloud/utils/class-name";
+import { a as S } from "../chunk/BcEZk8pT.js";
+import { u as N } from "../chunk/Bvxzb1wd.js";
+import $ from "@unicom-cloud/utils/class-name";
 import { StepType as b } from "./interface.js";
-import $ from "../config-provider/context.js";
 function T(t) {
-  const { locale: e } = h($), u = N(), {
+  const { locale: e } = h(S), u = N(), {
     pageNum: n,
     current: g,
     rootPrefixCls: r,
     pageItemStyle: l,
     activePageItemStyle: o,
     itemRender: c
-  } = t, m = `${r}-item`, p = g === n, d = S(m, p ? `${m}-active` : "");
+  } = t, m = `${r}-item`, p = g === n, d = $(m, p ? `${m}-active` : "");
   let a = l;
   p && (a = { ...a, ...o });
   const P = p ? { "aria-current": !0 } : {}, f = (i) => {
@@ -49,8 +48,8 @@ function I(t, e) {
       return null;
   }
 }
-const F = (t) => {
-  const { locale: e } = h($), {
+const B = (t) => {
+  const { locale: e } = h(S), {
     rootPrefixCls: u,
     current: n,
     allPages: g,
@@ -59,7 +58,7 @@ const F = (t) => {
     disabled: o,
     pageItemStyle: c,
     itemRender: m
-  } = t, p = g > 0 ? 1 : 0, d = Math.min(g, Math.max(p, n + r)), a = `${u}-item ${u}-item-jumper`, P = S(a), f = () => {
+  } = t, p = g > 0 ? 1 : 0, d = Math.min(g, Math.max(p, n + r)), a = `${u}-item ${u}-item-jumper`, P = $(a), f = () => {
     !o && t.onClick?.(d);
   }, i = I("more", l), s = r > 0 ? e?.Pagination?.nextSomePages?.replace?.("{0}", r) : e?.Pagination?.prevSomePages?.replace?.("{0}", -r);
   return /* @__PURE__ */ x(
@@ -72,8 +71,8 @@ const F = (t) => {
       children: m ? m(void 0, "more", i) : i
     }
   );
-}, G = (t) => {
-  const { locale: e, rtl: u } = h($), n = N(), {
+}, F = (t) => {
+  const { locale: e, rtl: u } = h(S), n = N(), {
     rootPrefixCls: g,
     current: r,
     allPages: l,
@@ -88,7 +87,7 @@ const F = (t) => {
   const v = m || s;
   let C = r + (o === b.previous ? -1 : 1);
   C = Math.max(0, Math.min(l, C));
-  const y = b.previous === o ? "prev" : "next", E = S(a, `${a}-${y}`, {
+  const y = b.previous === o ? "prev" : "next", E = $(a, `${a}-${y}`, {
     [`${a}-disabled`]: v
   }), k = () => {
     v || t.onClick?.(C);
@@ -107,9 +106,9 @@ const F = (t) => {
       children: d ? d(void 0, y, i) : i
     }
   );
-}, H = K.memo(T);
+}, G = K.memo(T);
 export {
-  F as JumpPager,
-  G as StepPager,
-  H as default
+  B as JumpPager,
+  F as StepPager,
+  G as default
 };

package/pagination/PageJumper.js

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

package/pagination/PageOption.js

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

package/pagination/Pagination.js

@@ -1,15 +1,14 @@
 import { jsxs as O, jsx as c } from "react/jsx-runtime";
 import D, { forwardRef as we, useContext as Ne, useEffect as W, createElement as P } from "react";
-import "../config-provider/ConfigProvider.js";
-import $e from "../components/common/hooks/useMergeProps.js";
-import q from "../components/common/hooks/useMergeValue.js";
-import ve from "@unicom-cloud/utils/class-name";
-import { pickDataAttributes as be } from "../components/common/utils/pick.js";
+import { a as $e } from "../chunk/BcEZk8pT.js";
+import { u as ve } from "../chunk/FgWHhRFz.js";
+import { u as q } from "../chunk/2vdCeheu.js";
+import be from "@unicom-cloud/utils/class-name";
+import { a as Me } from "../chunk/ClqoGc3r.js";
 import N, { StepPager as $, JumpPager as E } from "./PageItem.js";
 import G from "./PageJumper.js";
-import Me from "./PageOption.js";
+import je from "./PageOption.js";
 import { StepType as m } from "./interface.js";
-import je from "../config-provider/context.js";
 const ke = 1, K = 10;
 function R(g = K, d) {
   return Math.ceil(d / g);
@@ -33,7 +32,7 @@ function Oe(g, d) {
     locale: b,
     componentConfig: Q,
     rtl: U
-  } = Ne(je), i = $e(
+  } = Ne($e), i = ve(
     g,
     Ae,
     Q?.Pagination
@@ -98,7 +97,7 @@ function Oe(g, d) {
     T ? a.current = 1 : a.current = e > n ? n : e, "pageSize" in i || V(a.pageSize), !("current" in i) && e !== a.current && j(a.current), l?.(t, a.current), B(T ? 1 : a.current, t);
   }, k = (t) => {
     "current" in i || j(t), B(t);
-  }, de = i.size || v, o = F?.("pagination"), y = ne ? "mini" : de, Ce = ve(
+  }, de = i.size || v, o = F?.("pagination"), y = ne ? "mini" : de, Ce = be(
     o,
     `${o}-size-${y}`,
     {
@@ -202,7 +201,7 @@ function Oe(g, d) {
   return typeof x == "boolean" && x && (A = /* @__PURE__ */ c("div", { className: `${o}-total-text`, children: b?.Pagination?.total?.replace?.("{0}", h) })), typeof x == "function" && (A = /* @__PURE__ */ c("div", { className: `${o}-total-text`, children: x(h, [(e - 1) * f + 1, e * f]) })), /* @__PURE__ */ O(
     "div",
     {
-      ...be(i),
+      ...Me(i),
       className: Ce,
       style: Y,
       ref: d,
@@ -210,7 +209,7 @@ function Oe(g, d) {
         A,
         J,
         fe !== !1 && /* @__PURE__ */ c(
-          Me,
+          je,
           {
             disabled: z,
             rootPrefixCls: o,

package/picker/Input.js

@@ -2,23 +2,21 @@ import { jsxs as p, jsx as s } 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 $, useState as X, useImperativeHandle as Y } from "react";
-import "../config-provider/ConfigProvider.js";
-import Z from "../icon-hover/index.js";
+import { a as Z, I as _ } from "../chunk/BcEZk8pT.js";
 import h from "@unicom-cloud/utils/class-name";
-import { Enter as _ } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as P } from "../components/common/utils/omit.js";
-import ee from "../config-provider/context.js";
+import { Enter as P } from "@unicom-cloud/utils/constant/keyboardCode";
+import { o as ee } from "../chunk/BKKEev13.js";
 function oe({
   style: x,
   className: C,
   prefixCls: y,
   allowClear: N,
   status: g,
-  error: k,
-  disabled: a,
-  placeholder: v,
+  error: I,
+  disabled: l,
+  placeholder: k,
   format: c,
-  size: I,
+  size: v,
   onClear: z,
   editable: w,
   value: r,
@@ -37,30 +35,30 @@ function oe({
     size: E,
     locale: H,
     rtl: K
-  } = V(ee), l = $(null), [A, u] = X(!1), L = I || E, m = $(null);
+  } = V(Z), a = $(null), [A, u] = X(!1), L = v || E, m = $(null);
   Y(b, () => ({
     focus() {
-      l.current?.focus?.();
+      a.current?.focus?.();
     },
     blur() {
-      l.current?.blur?.();
+      a.current?.blur?.();
     },
     getRootDOMNode: () => m.current
   }));
   function M(o) {
-    n?.onKeyDown?.(o), o.key === _.key && D?.();
+    n?.onKeyDown?.(o), o.key === P.key && D?.();
   }
   function U(o) {
     n?.onChange?.(o), R?.(o);
   }
   let t = "";
   f !== void 0 ? t = f : r && !Q(r) && (t = typeof c == "function" ? c(r) : r.locale(H?.dayjsLocale).format(c));
-  const W = w ? {} : { readOnly: !0 }, e = y || B?.("picker"), d = g || (k ? "error" : void 0), q = A || j, G = h(
+  const W = w ? {} : { readOnly: !0 }, e = y || B?.("picker"), d = g || (I ? "error" : void 0), q = A || j, G = h(
     e,
     `${e}-size-${L}`,
     {
       [`${e}-focused`]: q,
-      [`${e}-disabled`]: a,
+      [`${e}-disabled`]: l,
       [`${e}-has-prefix`]: i,
       [`${e}-${d}`]: d,
       [`${e}-rtl`]: K
@@ -73,7 +71,7 @@ function oe({
       style: x,
       className: G,
       ref: m,
-      ...P(S, ["onChange", "onPressEnter"]),
+      ...ee(S, ["onChange", "onPressEnter"]),
       children: [
         i && /* @__PURE__ */ s("div", { className: `${e}-prefix`, children: i }),
         /* @__PURE__ */ s(
@@ -85,10 +83,10 @@ function oe({
             children: /* @__PURE__ */ s(
               "input",
               {
-                ref: l,
+                ref: a,
                 ...n,
-                disabled: a,
-                placeholder: v,
+                disabled: l,
+                placeholder: k,
                 className: `${e}-start-time`,
                 value: t,
                 onKeyDown: M,
@@ -106,7 +104,7 @@ function oe({
         ),
         /* @__PURE__ */ p("div", { className: `${e}-suffix`, children: [
           N && t && /* @__PURE__ */ s(
-            Z,
+            _,
             {
               prefix: e,
               onClick: z,
@@ -120,7 +118,7 @@ function oe({
     }
   );
 }
-const de = T(oe);
+const ue = T(oe);
 export {
-  de as default
+  ue as default
 };