@unicom-cloud/ui 0.8.106 → 0.8.107

package/config-provider/ConfigProvider.js

@@ -1,58 +1,60 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import b from "@unicom-cloud/icons/context";
 import { UI_PC_PREFIX as e } from "@unicom-cloud/utils/constant/ui";
-import a from "lodash/merge";
+import d from "lodash/merge";
 import { useEffect as t } from "react";
+import { setDir as D } from "../components/common/utils/setDir.js";
 import { setTheme as E } from "../components/common/utils/setTheme.js";
 import G from "../components/common/hooks/useMergeProps.js";
 import R from "../message/index.js";
 import { setConfigProviderProps as _ } from "../modal/config.js";
 import $ from "../notification/index.js";
-import f, { ConfigProviderDefaultProps as j } from "./context.js";
+import n, { ConfigProviderDefaultProps as j } from "./context.js";
 const k = j;
-let i = {};
+let f = {};
 const y = {};
-function d(P) {
-  const n = G(
-    P,
+function P(x) {
+  const m = G(
+    x,
     k,
     y
   ), {
-    theme: m,
+    theme: s,
     prefixCls: o = e,
-    locale: s,
+    locale: p,
     rtl: r,
     effectGlobalNotice: c = !0,
-    effectGlobalModal: p = !0
-  } = n, {
-    children: l,
-    isRootConfig: v,
-    keepConfig: x,
+    effectGlobalModal: l = !0
+  } = m, {
+    children: C,
+    isRootConfig: i,
+    keepConfig: v,
     // 潘启宝添加
-    ...C
-  } = n;
-  (v || x) && (i = a({}, i, C));
-  const h = a({}, i, C, {
+    ...g
+  } = m;
+  (i || v) && (f = d({}, f, g));
+  const h = d({}, f, g, {
     getPrefixCls: I
   });
   function I(M, N) {
     return `${N || o || e}-${M}`;
   }
-  t(() => (E({ prefix: e, theme: m }), () => {
-  }), [m]), t(() => {
+  t(() => (i && D({ prefix: e, dir: r ? "rtl" : "ltr" }), () => {
+  }), [i, r]), t(() => (E({ prefix: e, ...s }), () => {
+  }), [s]), t(() => {
     c && (R.config({ prefixCls: o, rtl: r }), $.config({ prefixCls: o, rtl: r }));
   }, [o, r, c]), t(() => {
-    p && _({ locale: s, prefixCls: o, rtl: r });
-  }, [s, o, r, p]);
-  let g = l;
-  return o && o !== e && (g = /* @__PURE__ */ u(b.Provider, { value: { prefixCls: o }, children: l })), /* @__PURE__ */ u(f.Provider, { value: h, children: g });
+    l && _({ locale: p, prefixCls: o, rtl: r });
+  }, [p, o, r, l]);
+  let u = C;
+  return o && o !== e && (u = /* @__PURE__ */ a(b.Provider, { value: { prefixCls: o }, children: C })), /* @__PURE__ */ a(n.Provider, { value: h, children: u });
 }
-d.ConfigContext = f;
-d.displayName = "ConfigProvider";
-const J = f.Consumer;
+P.ConfigContext = n;
+P.displayName = "ConfigProvider";
+const L = n.Consumer;
 export {
-  J as ConfigConsumer,
-  f as ConfigContext,
+  L as ConfigConsumer,
+  n as ConfigContext,
   j as ConfigProviderDefaultProps,
-  d as default
+  P as default
 };

package/descriptions/index.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import C from "lodash/isArray";
 import V from "lodash/isNumber";
 import q from "lodash/isPlainObject";
@@ -30,8 +30,8 @@ function Y(u) {
     title: v,
     data: b,
     border: O,
-    labelStyle: y,
-    valueStyle: $,
+    labelStyle: $,
+    valueStyle: y,
     colon: N,
     layout: m,
     size: g,
@@ -53,20 +53,20 @@ function Y(u) {
   const i = [];
   if (C(b) && b.length > 0 && l) {
     b.forEach((e) => {
-      const o = i[i.length - 1], a = z(o);
-      a === 0 ? i.push([
+      const o = i[i.length - 1], r = z(o);
+      r === 0 ? i.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
-      ]) : a === l ? i.push([
+      ]) : r === l ? i.push([
         {
           ...e,
           span: e.span ? e.span > l ? l : e.span : 1
         }
       ]) : o.push({
         ...e,
-        span: e.span ? e.span + a > l ? l - a : e.span : 1
+        span: e.span ? e.span + r > l ? l - r : e.span : 1
       });
     });
     const s = i[i.length - 1], t = z(s);
@@ -74,14 +74,14 @@ function Y(u) {
   }
   function F(s, t) {
     return /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
-        const a = e.span > 1 ? { colSpan: e.span } : {};
+      /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
+        const r = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ c(
           "td",
           {
             className: `${n}-item-label`,
-            ...a,
-            style: y,
+            ...r,
+            style: $,
             children: [
               e.label,
               N
@@ -90,14 +90,14 @@ function Y(u) {
           `${e.key || o}_label`
         );
       }) }),
-      /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
-        const a = e.span > 1 ? { colSpan: e.span } : {};
-        return /* @__PURE__ */ r(
+      /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
+        const r = e.span > 1 ? { colSpan: e.span } : {};
+        return /* @__PURE__ */ a(
           "td",
           {
             className: `${n}-item-value`,
-            ...a,
-            style: $,
+            ...r,
+            style: y,
             children: e.value
           },
           `${e.key || o}_value`
@@ -106,19 +106,19 @@ function Y(u) {
     ] }, t);
   }
   function H(s, t) {
-    return /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
-      const a = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
+    return /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
+      const r = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
       return /* @__PURE__ */ c(x, { children: [
-        /* @__PURE__ */ c("td", { className: `${n}-item-label`, style: y, children: [
+        /* @__PURE__ */ c("td", { className: `${n}-item-label`, style: $, children: [
           e.label,
           N
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "td",
           {
             className: `${n}-item-value`,
-            ...a,
-            style: $,
+            ...r,
+            style: y,
             children: e.value
           }
         )
@@ -126,30 +126,30 @@ function Y(u) {
     }) }, t);
   }
   function M(s, t) {
-    return /* @__PURE__ */ r("tr", { className: `${n}-row`, children: s.map((e, o) => {
-      const a = e.span > 1 ? { colSpan: e.span } : {};
+    return /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
+      const r = e.span > 1 ? { colSpan: e.span } : {};
       return /* @__PURE__ */ c(
         "td",
         {
-          ...a,
+          ...r,
           className: `${n}-item`,
           children: [
             /* @__PURE__ */ c(
               "div",
               {
                 className: `${n}-item-label-inline`,
-                style: y,
+                style: $,
                 children: [
                   e.label,
                   N
                 ]
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ a(
               "div",
               {
                 className: `${n}-item-value-inline`,
-                style: $,
+                style: y,
                 children: e.value
               }
             )
@@ -168,14 +168,14 @@ function Y(u) {
       [`${n}-border`]: O,
       [`${n}-layout-${m}`]: m,
       [`${n}-size-${g || d}`]: g || d,
-      [`${n}-table-layout-fixed`]: j === "fixed",
-      [`${n}-rtl`]: I
+      [`${n}-table-layout-fixed`]: j === "fixed"
     },
+    I ? `${n}-rtl` : `${n}-ltr`,
     L
   );
   return /* @__PURE__ */ c("div", { className: T, style: D, children: [
-    v && /* @__PURE__ */ r("div", { className: `${n}-title`, children: v }),
-    /* @__PURE__ */ r("div", { className: `${n}-body`, children: /* @__PURE__ */ r("table", { className: `${n}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ r("tbody", { children: i.map((s, t) => R(s, t)) }) }) })
+    v && /* @__PURE__ */ a("div", { className: `${n}-title`, children: v }),
+    /* @__PURE__ */ a("div", { className: `${n}-body`, children: /* @__PURE__ */ a("table", { className: `${n}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ a("tbody", { children: i.map((s, t) => R(s, t)) }) }) })
   ] });
 }
 Y.displayName = "Descriptions";

package/divider/index.js

@@ -1,38 +1,39 @@
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f, useContext as b, useMemo as D } from "react";
+import { forwardRef as f, useContext as D, useMemo as g } from "react";
 import "../config-provider/ConfigProvider.js";
-import g from "../components/common/hooks/useMergeProps.js";
-import P from "@unicom-cloud/utils/class-name";
+import P from "../components/common/hooks/useMergeProps.js";
+import S from "@unicom-cloud/utils/class-name";
 import w from "../config-provider/context.js";
 const z = {
   type: "horizontal",
   orientation: "center"
 };
-function S(n, a) {
-  const { getPrefixCls: u, componentConfig: x } = b(w), h = g(
+function V(n, l) {
+  const { getPrefixCls: x, componentConfig: u } = D(w), h = P(
     n,
     z,
-    x?.Divider
+    u?.Divider
   ), {
     children: o,
     style: m,
-    className: $,
+    textStyle: $,
+    className: v,
     type: p,
-    orientation: l,
+    orientation: a,
     borderStyle: r,
     // 潘启宝添加
     borderWidth: i,
     // 潘启宝添加
-    ...v
-  } = h, s = p === "horizontal", t = u?.("divider"), N = P(
+    ...N
+  } = h, s = p === "horizontal", t = x?.("divider"), C = S(
     t,
     `${t}-${p}`,
     {
       [`${t}-with-text`]: o,
-      [`${t}-with-text-${l}`]: o && l
+      [`${t}-with-text-${a}`]: o && a
     },
-    $
-  ), C = D(() => {
+    v
+  ), b = g(() => {
     const e = { ...m };
     return r && (s ? e.borderBottomStyle = r : e.borderLeftStyle = r), i && (s ? e.borderBottomWidth = i : e.borderLeftWidth = i), e;
   }, [r, i, s, m]);
@@ -40,19 +41,26 @@ function S(n, a) {
     "div",
     {
       role: "separator",
-      ref: a,
-      style: C,
-      className: N,
-      ...v,
-      children: o && s ? /* @__PURE__ */ c("span", { className: `${t}-text ${t}-text-${l}`, children: o }) : null
+      ref: l,
+      style: b,
+      className: C,
+      ...N,
+      children: o && s ? /* @__PURE__ */ c(
+        "span",
+        {
+          style: $,
+          className: `${t}-text ${t}-text-${a}`,
+          children: o
+        }
+      ) : null
     }
   );
 }
 const d = f(
-  S
+  V
 );
 d.displayName = "Divider";
-const y = f((n, a) => /* @__PURE__ */ c(d, { ref: a, type: "vertical", ...n }));
+const y = f((n, l) => /* @__PURE__ */ c(d, { ref: l, type: "vertical", ...n }));
 y.displayName = "DividerVertical";
 d.Vertical = y;
 export {

package/empty/index.js

@@ -13,7 +13,7 @@ function E(o, t) {
     o,
     {},
     e?.Empty
-  ), { ...n } = p, s = m?.("empty"), i = r.Empty.noData;
+  ), { ...n } = p, s = m?.("empty"), i = r?.Empty?.noData;
   return /* @__PURE__ */ a(y, { ref: t, prefixCls: s, description: i, ...n });
 }
 const g = f(c(E));

package/grid/Grid.js

@@ -1,108 +1,75 @@
-import { jsx as i } from "react/jsx-runtime";
-import A from "lodash/get";
-import B from "lodash/isArray";
-import n from "lodash/isNil";
-import g, { forwardRef as Q, useState as V, useContext as k } from "react";
+import { jsx as x } from "react/jsx-runtime";
+import _ from "lodash/isArray";
+import c from "lodash/isNil";
+import { forwardRef as A, useContext as M } from "react";
 import "../config-provider/ConfigProvider.js";
-import q from "../components/common/hooks/useMergeProps.js";
-import z from "@unicom-cloud/utils/class-name";
-import { GridDataCollectorContext as F, GridContext as H } from "./context.js";
-import { useResponsiveState as m } from "./hook/useResponsiveState.js";
-import { setItemVisible as J } from "./util.js";
-import K from "../config-provider/context.js";
-const O = {
-  collapsed: !1,
-  collapsedRows: 1,
+import O from "../components/common/hooks/useMergeProps.js";
+import k from "@unicom-cloud/utils/class-name";
+import "../components/common/utils/is.js";
+import { GridContext as q } from "./context.js";
+import { useResponsiveState as f } from "./hook/useResponsiveState.js";
+import z from "../config-provider/context.js";
+import { isNumber as G, isPlainObject as B } from "@unicom-cloud/utils/is";
+const D = {
   cols: 24,
   gap: 0
 };
-function U(w, _) {
-  const [o, c] = V(
-    /* @__PURE__ */ new Map()
-  ), { getPrefixCls: I, componentConfig: N, rtl: D } = k(K), v = q(
-    w,
-    O,
+function E(C, u) {
+  const { getPrefixCls: g, componentConfig: N, rtl: $ } = M(z), y = O(
+    C,
+    D,
     N?.Grid
   ), {
-    children: y,
-    className: R,
-    style: M,
-    cols: P,
-    gap: t,
-    colGap: f,
-    rowGap: d,
-    collapsed: G,
-    collapsedRows: $
-  } = v;
-  let r, a;
-  const L = n(t), h = n(d), S = n(f);
-  L || (B(t) ? (r = t[0], a = t[1] ?? t[0]) : r = a = t), h || (r = d), S || (a = f);
-  const l = m(P, 24), u = m(a, 0), E = {
-    gap: `${m(r, 0)}px ${u}px`,
-    gridTemplateColumns: `repeat(${l}, minmax(0px, 1fr))`
-  }, x = I?.("grid"), T = {
-    [`${x}`]: !0,
-    [`${x}-rtl`]: D
-  }, b = z(T, R), j = (() => {
-    const e = [];
-    for (const [s, p] of o.entries())
-      e[s] = p;
-    return e;
-  })(), C = J({
-    cols: l,
-    collapsed: G,
-    collapsedRows: $,
-    itemDataList: j
-  });
-  return /* @__PURE__ */ i(
+    children: w,
+    className: P,
+    style: v,
+    cols: R,
+    gap: e,
+    colGap: l,
+    rowGap: m
+  } = y;
+  let t = m, s = l;
+  const b = c(e), h = c(m), j = c(l);
+  b || (_(e) ? (t = e[0], s = e[1] ?? e[0]) : t = s = e), h || (t = m), j || (s = l);
+  const o = f(R, 24), a = f(t, 0), n = f(s, 0), r = {};
+  if (a && (r.rowGap = a), n && (r.columnGap = n), G(o))
+    r.gridTemplateColumns = `repeat(${o}, minmax(0px, 1fr))`;
+  else if (o && B(o) && "type" in o) {
+    const T = o.type;
+    let i = o.max ?? "1fr";
+    G(i) && (i = `${i}px`);
+    let p = o.min ?? "0px";
+    G(p) && (p = `${p}px`), r.gridTemplateColumns = `repeat(${T}, minmax(${p}, ${i}))`;
+  }
+  const d = g?.("grid"), S = {
+    [`${d}`]: !0,
+    [`${d}-rtl`]: $
+  };
+  return /* @__PURE__ */ x(
     "div",
     {
-      ref: _,
-      className: b,
+      ref: u,
+      className: k(S, P),
       style: {
-        ...E,
-        ...M
+        ...r,
+        ...v
       },
-      children: /* @__PURE__ */ i(
-        F.Provider,
+      children: /* @__PURE__ */ x(
+        q.Provider,
         {
           value: {
-            collectItemData(e, s) {
-              o.set(e, s), c(new Map([...o]));
-            },
-            removeItemData(e) {
-              o.delete(e), c(new Map([...o]));
-            }
+            cols: o,
+            rowGap: a,
+            colGap: n
           },
-          children: /* @__PURE__ */ i(
-            H.Provider,
-            {
-              value: {
-                cols: l,
-                colGap: u,
-                collapsed: G,
-                overflow: C.overflow,
-                displayIndexList: C.displayIndexList
-              },
-              children: g.Children.map(y, (e, s) => {
-                if (e) {
-                  const p = {
-                    __index__: s,
-                    ...e.props
-                  };
-                  return g.cloneElement(e, p);
-                }
-                return null;
-              }).filter((e) => A(e, "type.__PQB_GRID_ITEM__"))
-            }
-          )
+          children: w
         }
       )
     }
   );
 }
-const W = Q(U);
-W.displayName = "Grid";
+const F = A(E);
+F.displayName = "Grid";
 export {
-  W as default
+  F as default
 };

package/grid/Item.js

@@ -1,76 +1,55 @@
-import { jsx as O } from "react/jsx-runtime";
-import Q from "lodash/isFunction";
-import T from "lodash/isString";
-import m, { forwardRef as V, useContext as p, useMemo as c, useEffect as k } from "react";
+import { jsx as R } from "react/jsx-runtime";
+import { forwardRef as w, useContext as p } from "react";
 import "../config-provider/ConfigProvider.js";
-import q from "../components/common/hooks/useMergeProps.js";
-import z from "@unicom-cloud/utils/class-name";
-import { GridContext as A, GridDataCollectorContext as H } from "./context.js";
-import { useResponsiveState as C } from "./hook/useResponsiveState.js";
-import { resolveItemData as J } from "./util.js";
-import K from "../config-provider/context.js";
-const U = {
-  suffix: !1,
+import O from "../components/common/hooks/useMergeProps.js";
+import b from "@unicom-cloud/utils/class-name";
+import "../components/common/utils/is.js";
+import { GridContext as h } from "./context.js";
+import { useResponsiveState as a } from "./hook/useResponsiveState.js";
+import { resolveItemData as j } from "./util.js";
+import D from "../config-provider/context.js";
+import { isNumber as e } from "@unicom-cloud/utils/is";
+const E = {
   offset: 0,
   span: 1
 };
-function W($, g) {
-  const { getPrefixCls: _, componentConfig: y, rtl: S } = p(K), a = q(
-    $,
-    U,
-    y?.["Grid.Item"]
+function F(f, c) {
+  const { getPrefixCls: l, componentConfig: d, rtl: C } = p(D), g = O(
+    f,
+    E,
+    d?.["Grid.Item"]
   ), {
-    children: i,
-    className: G,
-    style: v,
+    children: u,
+    className: x,
+    style: $,
     offset: N,
-    span: D,
-    __index__: s
-  } = a, n = p(A), { collectItemData: R, removeItemData: E } = p(
-    H
-  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = n, d = C(N, 0), r = C(D, 1), x = _?.("grid-item"), w = P?.includes(s), M = {
-    [`${x}`]: !0,
-    [`${x}-rtl`]: S
-  }, b = z(M, G), e = c(() => J(n.cols, {
-    suffix: !!a.suffix,
-    span: r,
-    offset: d
-  }), [n.cols, a.suffix, r, d]);
-  k(() => (R(s, e), () => {
-    E(s);
-  }), [s, e]);
-  const F = c(() => {
-    const { offset: t, span: o } = e;
-    return t > 0 ? {
-      marginLeft: `calc((${`(100% - ${f * (o - 1)}px) / ${o}`} * ${t}) + ${f * t}px)`
-    } : {};
-  }, [e, f]), L = c(() => {
-    const { suffix: t, span: o } = e;
-    return t ? `${l - o + 1}` : `span ${o}`;
-  }, [e, l]), j = !w || r === 0 ? { display: "none" } : {}, B = {
-    gridColumn: `${L} / span ${r}`,
-    ...F,
-    ...j
-  };
-  return /* @__PURE__ */ O(
+    span: n
+  } = g, G = p(h), { colGap: r, cols: m } = G, I = a(N, 0), S = a(n, 1), { span: t, offset: o } = e(m) ? j(m, {
+    span: S,
+    offset: I
+  }) : {}, i = l?.("grid-item"), y = {
+    [`${i}`]: !0,
+    [`${i}-rtl`]: C
+  }, v = b(y, x), s = {};
+  if (e(t) && (s.gridColumnStart = `span ${t}`, e(r) && e(o) && o > 0)) {
+    const P = `(100% - ${r * (t - 1)}px) / ${t}`;
+    s.marginLeft = `calc(${P} * ${o} + ${r * o}px)`;
+  }
+  return s.gridColumnEnd = `span ${n}`, /* @__PURE__ */ R(
     "div",
     {
-      ref: g,
-      className: b,
+      ref: c,
+      className: v,
       style: {
-        ...B,
-        ...v
+        ...s,
+        ...$
       },
-      children: Q(i) ? i({ overflow: u }) : m.Children.map(i, (t) => t && n.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
-        overflow: u,
-        ...t.props
-      }) : t)
+      children: u
     }
   );
 }
-const X = V(W), I = X;
-I.displayName = "Grid.Item";
-I.__PQB_GRID_ITEM__ = !0;
+const L = w(F), M = L;
+M.displayName = "Grid.Item";
 export {
-  I as default
+  M as default
 };

package/grid/context.js

@@ -1,9 +1,6 @@
 import { createContext as t } from "react";
-const e = t({}), n = t({}), r = t(
-  {}
-);
+const e = t({}), n = t({});
 export {
   n as GridContext,
-  r as GridDataCollectorContext,
   e as RowContext
 };