@unicom-cloud/ui 0.8.106 → 0.8.108

package/modal/index.js

@@ -1,4 +1,6 @@
-import t from "./Modal.js";
+import e from "./Modal.js";
+import { default as r } from "./use-modal/index.js";
 export {
-  t as default
+  e as default,
+  r as useModal
 };

package/modal/use-modal/index.js

@@ -24,9 +24,9 @@ function j() {
       },
       c
     );
-    r.current?.addInstance(i);
+    r.current?.addInstance?.(i);
     function C() {
-      r.current?.removeInstance(i);
+      r.current?.removeInstance?.(i);
     }
     function a() {
       e?.close();

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.106","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","dayjs":"^1.11.10","lodash":"^4.17.21","uuid":"^11.1.0","qrcode.react":"^4.2.0"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.108","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","dayjs":"^1.11.10","lodash":"^4.17.21","uuid":"^11.1.0","qrcode.react":"^4.2.0"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/page-header/index.js

@@ -1,68 +1,69 @@
-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 { 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 F from "../components/common/hooks/useKeyboardEvent.js";
-import L from "../components/common/hooks/useMergeProps.js";
-import M from "../icon-hover/index.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 O } from "../components/common/utils/omit.js";
-import { resizeObserver as S } from "../components/common/utils/resizeObserver.js";
-import q from "../config-provider/context.js";
-function p(g, $) {
-  const { getPrefixCls: b, componentConfig: v, rtl: h } = W(q), a = L(
-    g,
+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(
+    $,
     {},
-    v?.PageHeader
+    N?.PageHeader
   ), {
-    header: N,
-    title: x,
-    subTitle: y,
-    extra: k,
-    children: m,
+    header: x,
+    title: k,
+    subTitle: C,
+    extra: w,
+    children: d,
     backIcon: l,
-    footer: d,
-    breadcrumb: f,
-    ...A
+    footer: f,
+    breadcrumb: h,
+    ...P
   } = a;
-  let i = N;
-  Array.isArray(i) && !i.length && (i = null);
-  let n = x;
-  Array.isArray(n) && !n.length && (n = null);
-  let o = y;
-  Array.isArray(o) && !o.length && (o = null);
-  let s = k;
-  Array.isArray(s) && !s.length && (s = null);
-  const C = F(), [w, P] = j(!1), t = z(), e = b?.("page-header");
-  K($, () => ({
-    getRootDomElement: R
+  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
   }), []);
-  function R() {
+  function E() {
     return t.current;
   }
-  function I() {
-    t.current && P(t.current.offsetWidth < 768);
+  function H() {
+    t.current && I(t.current.offsetWidth < 768);
   }
-  return U(() => {
-    const E = S([t.current], I);
+  return D(() => {
+    const B = q([t.current], H);
     return () => {
-      E();
+      B();
     };
   }, [t.current]), /* @__PURE__ */ c(
     "div",
     {
-      ...O(A, ["onBack"]),
+      ...S(P, ["onBack"]),
       ref: t,
       className: u(
         `${e}`,
         {
-          [`${e}-with-breadcrumb`]: f,
-          [`${e}-with-content`]: m,
-          [`${e}-with-footer`]: d,
-          [`${e}-wrap`]: w,
-          [`${e}-rtl`]: h
+          [`${e}-with-breadcrumb`]: h,
+          [`${e}-with-content`]: d,
+          [`${e}-with-footer`]: f,
+          [`${e}-wrap`]: y,
+          [`${e}-rtl`]: p
         },
         a.className
       ),
@@ -70,7 +71,7 @@ function p(g, $) {
       children: [
         !!i && /* @__PURE__ */ r("div", { className: `${e}-header`, children: i }),
         /* @__PURE__ */ c("div", { className: `${e}-head-wrapper`, children: [
-          f && /* @__PURE__ */ r(D, { ...f }),
+          h && /* @__PURE__ */ r(F, { ...h }),
           /* @__PURE__ */ c("div", { className: `${e}-head`, children: [
             /* @__PURE__ */ c(
               "div",
@@ -80,21 +81,21 @@ function p(g, $) {
                 }),
                 children: [
                   l && /* @__PURE__ */ r(
-                    M,
+                    O,
                     {
                       prefix: e,
                       tabIndex: 0,
                       role: "button",
                       className: `${e}-back`,
                       onClick: a.onBack,
-                      ...C({
+                      ...R({
                         onPressEnter: a.onBack
                       }),
-                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? h ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(B, {}) : l })
+                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? p ? /* @__PURE__ */ r(W, {}) : /* @__PURE__ */ r(T, {}) : l })
                     }
                   ),
                   n && /* @__PURE__ */ r("div", { className: `${e}-title`, children: n }),
-                  o && /* @__PURE__ */ c(H, { children: [
+                  o && /* @__PURE__ */ c(_, { children: [
                     /* @__PURE__ */ r("div", { className: `${e}-divider` }),
                     /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: o })
                   ] })
@@ -104,14 +105,14 @@ function p(g, $) {
             s && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: s })
           ] })
         ] }),
-        m && /* @__PURE__ */ r("div", { className: `${e}-content`, children: m }),
-        d && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: d })
+        d && /* @__PURE__ */ r("div", { className: `${e}-content`, children: d }),
+        f && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: f })
       ]
     }
   );
 }
-p.displayName = "PageHeader";
-const oe = T.forwardRef(p);
+g.displayName = "PageHeader";
+const ce = j.forwardRef(g);
 export {
-  oe as default
+  ce as default
 };

package/pagination/Pagination.js

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

package/qr-code/index.js

@@ -46,7 +46,7 @@ import "../dist/react-transition-group/src/ReplaceTransition.js";
 import "../dist/react-transition-group/src/SwitchTransition.js";
 import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
-import "uuid";
+import "../utils/responsiveObserve.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -55,6 +55,7 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
+import "uuid";
 import "../dist/validate/src/index.js";
 import h from "../config-provider/context.js";
 const q = {
@@ -66,7 +67,7 @@ const q = {
   bgColor: "#ffffff",
   marginSize: 0,
   value: "qr-code"
-}, jo = (e) => {
+}, wo = (e) => {
   const { getPrefixCls: s, componentConfig: n } = Q(h), d = R(
     e,
     q,
@@ -114,5 +115,5 @@ const q = {
   );
 };
 export {
-  jo as default
+  wo as default
 };

package/radio/Group.js

@@ -26,7 +26,7 @@ function E(s) {
   } = F(w), e = O(
     s,
     B,
-    h?.["Radio.Group"]
+    h?.RadioGroup
   ), {
     style: b,
     className: z,

package/row-col/Col-.js

@@ -0,0 +1,88 @@
+import { jsx as F } from "react/jsx-runtime";
+import G from "lodash/isArray";
+import H from "lodash/isNumber";
+import T from "lodash/isPlainObject";
+import { forwardRef as q, useContext as j, useMemo as D } from "react";
+import "../config-provider/ConfigProvider.js";
+import { COLS as I } from "../constant/index.js";
+import J from "../components/common/hooks/useMergeProps.js";
+import K from "@unicom-cloud/utils/class-name";
+import { RowContext as Q } from "./context.js";
+import U from "../config-provider/context.js";
+const W = {
+  span: I
+};
+function L(i) {
+  return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? `0 0 ${i}` : i;
+}
+function X(i, O) {
+  const { getPrefixCls: R, componentConfig: v, rtl: w } = j(U), C = J(
+    i,
+    W,
+    v?.Col
+  ), { gutter: p, div: l } = j(Q), {
+    className: M,
+    style: N,
+    children: V,
+    span: k,
+    offset: d,
+    order: a,
+    pull: m,
+    push: u,
+    xs: c,
+    sm: g,
+    md: x,
+    lg: h,
+    xl: y,
+    xxl: P,
+    xxxl: S,
+    flex: e,
+    ...z
+  } = C;
+  function A(r, o) {
+    const b = { xs: c, sm: g, md: x, lg: h, xl: y, xxl: P, xxxl: S };
+    return Object.keys(b).forEach((s) => {
+      const t = b[s];
+      H(t) ? t >= 0 && (o[`${r}-${s}-${t}`] = !0) : T(t) && (o[`${r}-${s}-${t.span}`] = t.span, o[`${r}-${s}-offset-${t.offset}`] = t.offset, o[`${r}-${s}-order-${t.order}`] = t.order, o[`${r}-${s}-pull-${t.pull}`] = t.pull, o[`${r}-${s}-push-${t.push}`] = t.push);
+    }), o;
+  }
+  const n = R?.("col");
+  let $ = {
+    [`${n}`]: !l,
+    [`${n}-order-${a}`]: a,
+    [`${n}-${k}`]: !l && !c && !g && !x && !h && !y && !P && !S,
+    [`${n}-offset-${d}`]: d,
+    [`${n}-pull-${m}`]: m,
+    [`${n}-push-${u}`]: u,
+    [`${n}-rtl`]: w
+  };
+  $ = A(n, $);
+  const B = K(e ? n : $, M), f = {};
+  if (G(p) && !l) {
+    const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
+    r && (f.paddingLeft = r, f.paddingRight = r), o && (f.paddingTop = o, f.paddingBottom = o);
+  }
+  const E = D(
+    () => L(e) ? { flex: L(e) } : {},
+    [e]
+  );
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      ref: O,
+      ...z,
+      style: {
+        ...N,
+        ...f,
+        ...E
+      },
+      className: B,
+      children: V
+    }
+  );
+}
+const Y = q(X);
+Y.displayName = "Col";
+export {
+  Y as default
+};