@unicom-cloud/ui 0.8.96 → 0.8.98

package/tree-select/hook/useKeyCache.js

@@ -1,55 +1,55 @@
-import n from "lodash/get";
-import { useContext as C, useRef as K } from "react";
+import c from "lodash/get";
+import { useContext as x, useRef as C } from "react";
 import "../../config-provider/ConfigProvider.js";
-import h from "../../components/common/hooks/useForceUpdate.js";
-import m from "../../components/common/hooks/useUpdateEffect.js";
-import { DefaultFieldNames as P } from "../interface.js";
-import g from "@unicom-cloud/utils/class-name";
+import P from "../../components/common/hooks/useForceUpdate.js";
+import g from "../../components/common/hooks/useUpdateEffect.js";
+import { DefaultFieldNames as K } from "../interface.js";
+import m from "@unicom-cloud/utils/class-name";
 import v from "../../config-provider/context.js";
-const _ = (l, y, e) => {
-  const s = {};
-  let k = 0;
-  const r = (p, c) => {
-    const x = p.length;
-    return p.map((o, u) => {
-      const b = n(o, e.children) || o[e.children], t = n(o, e.key) || o[e.key] || `${(c == null ? void 0 : c._key) || ""}-${u}`, i = {
+const u = (s, y, e) => {
+  const n = {};
+  let h = 0;
+  const l = (p, t) => {
+    const _ = p.length;
+    return p.map((o, k) => {
+      const b = c(o, e.children) || o[e.children], r = c(o, e.key) || o[e.key] || `${t?._key || ""}-${k}`, i = {
         ...o,
-        title: n(o, e.title) || o[e.title],
-        selectable: n(o, e.selectable) || o[e.selectable],
-        disabled: n(o, e.disabled) || o[e.disabled],
-        disableCheckbox: n(o, e.disableCheckbox) || o[e.disableCheckbox],
-        checkable: n(o, e.checkable) || o[e.checkable],
-        isLeaf: n(o, e.isLeaf) || o[e.isLeaf],
-        key: t,
+        title: c(o, e.title) || o[e.title],
+        selectable: c(o, e.selectable) || o[e.selectable],
+        disabled: c(o, e.disabled) || o[e.disabled],
+        disableCheckbox: c(o, e.disableCheckbox) || o[e.disableCheckbox],
+        checkable: c(o, e.checkable) || o[e.checkable],
+        isLeaf: c(o, e.isLeaf) || o[e.isLeaf],
+        key: r,
         children: b,
-        _key: t,
-        parentKey: c ? c._key : void 0,
-        pathParentKeys: c && c.pathParentKeys || [],
-        _level: c._level || 0,
-        _index: k++
+        _key: r,
+        parentKey: t ? t._key : void 0,
+        pathParentKeys: t && t.pathParentKeys || [],
+        _level: t._level || 0,
+        _index: h++
       };
-      return x === u + 1 && (i.className = g(
+      return _ === k + 1 && (i.className = m(
         `${y}-node-is-tail`,
         i.className
-      )), s[t] = i, b && b.length && (s[t].children = r(b, {
-        _key: t,
+      )), n[r] = i, b && b.length && (n[r].children = l(b, {
+        _key: r,
         _level: i._level + 1,
-        pathParentKeys: [...(c == null ? void 0 : c.pathParentKeys) || [], t]
+        pathParentKeys: [...t?.pathParentKeys || [], r]
       })), i;
     });
   };
-  return r(l || [], {}), s;
-}, q = (l, y) => {
-  const { getPrefixCls: e } = C(v), s = {
-    ...P,
+  return l(s || [], {}), n;
+}, j = (s, y) => {
+  const { getPrefixCls: e } = x(v), n = {
+    ...K,
     ...y
-  }, k = h(), r = e == null ? void 0 : e("tree"), p = K(
-    _(l, r, s)
+  }, h = P(), l = e?.("tree"), p = C(
+    u(s, l, n)
   );
-  return m(() => {
-    p.current = _(l, r, s), k();
-  }, [l]), p.current;
+  return g(() => {
+    p.current = u(s, l, n), h();
+  }, [s]), p.current;
 };
 export {
-  q as default
+  j as default
 };

package/tree-select/hook/useStateValue.js

@@ -5,7 +5,7 @@ import K from "lodash/isUndefined";
 import { useRef as g, useState as I, useCallback as O } from "react";
 import A from "../../components/common/hooks/useUpdateEffect.js";
 import k from "../../tree/Tree.js";
-import { normalizeValueToArray as C } from "../util.js";
+import { normalizeValueToArray as b } from "../util.js";
 import { getCheckedKeysByInitKeys as E } from "../../tree/util.js";
 const o = (e, i, n) => e == null ? [] : (v(e) ? e : [e]).map((c) => {
   let t = S(c) ? { ...c } : { value: c, label: void 0 };
@@ -39,20 +39,20 @@ const o = (e, i, n) => e == null ? [] : (v(e) ? e : [e]).map((c) => {
   const f = g([]), c = () => {
     const l = e.value || e.defaultValue || [];
     if (e.treeCheckable) {
-      const s = H(
-        C(l),
+      const m = H(
+        b(l),
         i,
         n,
         e
-      ), m = o(
+      ), s = o(
         l,
         i,
         f.current
       );
       return o(
-        s,
+        m,
         i,
-        m
+        s
       );
     }
     return o(l, i);
@@ -62,8 +62,8 @@ const o = (e, i, n) => e == null ? [] : (v(e) ? e : [e]).map((c) => {
   A(() => {
     const l = c();
     "value" in e && (e.labelInValue ? V(
-      C(t),
-      C(l)
+      b(t),
+      b(l)
     ) || r(l) : V(t, l) || r(l));
   }, [
     e.treeCheckedStrategy,
@@ -73,11 +73,11 @@ const o = (e, i, n) => e == null ? [] : (v(e) ? e : [e]).map((c) => {
     i
   ]);
   const u = O(
-    (l, s) => {
-      const { onChange: m, labelInValue: d } = e, y = e.multiple || e.treeCheckable;
+    (l, m) => {
+      const { onChange: s, labelInValue: h } = e, y = e.multiple || e.treeCheckable;
       "value" in e || r(l);
-      let h;
-      y ? h = l.map((b) => d ? { label: b.label, value: b.value } : b.value) : h = d ? l[0] : l[0] && l[0].value, m == null || m(h, s);
+      let d;
+      y ? d = l.map((C) => h ? { label: C.label, value: C.value } : C.value) : d = h ? l[0] : l[0] && l[0].value, s?.(d, m);
     },
     [
       e.onChange,

package/trigger/getPopupStyle.js

@@ -2,11 +2,11 @@ import { isServerRendering as C } from "../components/common/utils/dom.js";
 import "../components/common/utils/is.js";
 import { isArray as X } from "@unicom-cloud/utils/is";
 const A = 0, v = (n, o) => {
-  const { position: i } = o, { width: c, height: p, left: g, right: m, top: M, bottom: N } = n.getBoundingClientRect(), t = o.boundaryDistance || {}, k = "left" in t && t.left || A, r = "top" in t && t.top || A;
+  const { position: i } = o, { width: c, height: a, left: g, right: x, top: D, bottom: S } = n.getBoundingClientRect(), t = o.boundaryDistance || {}, M = "left" in t && t.left || A, r = "top" in t && t.top || A;
   let l, f, s, h;
-  return ["bottom", "bl", "br"].indexOf(i) > -1 ? (s = M, h = N) : (s = M - r, h = N - r), ["right", "rt", "rb"].indexOf(i) > -1 ? (l = g, f = m) : (l = g - k, f = m - k), {
+  return ["bottom", "bl", "br"].indexOf(i) > -1 ? (s = D, h = S) : (s = D - r, h = S - r), ["right", "rt", "rb"].indexOf(i) > -1 ? (l = g, f = x) : (l = g - M, f = x - M), {
     width: c,
-    height: p,
+    height: a,
     left: l,
     right: f,
     top: s,
@@ -16,32 +16,32 @@ const A = 0, v = (n, o) => {
 function Y(n, o, i, c) {
   if (!i || !n || C)
     return { left: 0, width: 0, height: 0, top: 0 };
-  const p = (h) => document.documentElement[h] || document.body[h], g = i === document.body ? p("scrollTop") : i.scrollTop, m = i === document.body ? p("scrollLeft") : i.scrollLeft, { left: M, top: N, width: t, height: k } = o, r = i === document.body ? 0 : v(i, c).left, l = i === document.body ? 0 : v(i, c).top, f = N + g - l;
+  const a = (h) => document.documentElement[h] || document.body[h], g = i === document.body ? a("scrollTop") : i.scrollTop, x = i === document.body ? a("scrollLeft") : i.scrollLeft, { left: D, top: S, width: t, height: M } = o, r = i === document.body ? 0 : v(i, c).left, l = i === document.body ? 0 : v(i, c).top, f = S + g - l;
   return {
-    left: M + m - r,
+    left: D + x - r,
     top: f,
     width: t,
-    height: k
+    height: M
   };
 }
-const x = function(n, o, i) {
+const y = function(n, o, i) {
   return i < n ? n : i > o ? o : i;
 }, $ = (n, o) => {
-  let i = 0, c = 0, p = {};
-  o ? p = {
+  let i = 0, c = 0, a = {};
+  o ? a = {
     left: 12,
     right: 12,
     top: 12,
     bottom: 12,
     ...n
-  } : p = { ...n };
-  for (const g in p)
-    if (X(p[g])) {
-      let m = 0;
-      ["top", "bottom"].indexOf(g) > -1 ? (m = 1, i = p[g][0]) : c = p[g][1], p[g] = p[g][m];
+  } : a = { ...n };
+  for (const g in a)
+    if (X(a[g])) {
+      let x = 0;
+      ["top", "bottom"].indexOf(g) > -1 ? (x = 1, i = a[g][0]) : c = a[g][1], a[g] = a[g][x];
     }
   return {
-    ...p,
+    ...a,
     horizontalOffset: i,
     verticalOffset: c
   };
@@ -59,124 +59,123 @@ const x = function(n, o, i) {
     height: i
   };
 }, j = (n) => {
-  var m, M;
-  const o = n || {}, i = "left" in o ? o.left : "right" in o ? o.right : A, c = "top" in o ? o.top : "bottom" in o ? o.bottom : A, p = (((m = document.documentElement) == null ? void 0 : m.clientHeight) || window.innerHeight) - (c || A), g = (((M = document.documentElement) == null ? void 0 : M.clientWidth) || window.innerWidth) - (i || A);
+  const o = n || {}, i = "left" in o ? o.left : "right" in o ? o.right : A, c = "top" in o ? o.top : "bottom" in o ? o.bottom : A, a = (document.documentElement?.clientHeight || window.innerHeight) - (c || A), g = (document.documentElement?.clientWidth || window.innerWidth) - (i || A);
   return {
-    windowHeight: p,
+    windowHeight: a,
     windowWidth: g
   };
-}, K = (n, o, i, c, p) => {
+}, K = (n, o, i, c, a) => {
   const {
     autoAlignPopupWidth: g,
-    autoAlignPopupMinWidth: m,
-    alignPoint: M,
-    style: N
+    autoAlignPopupMinWidth: x,
+    alignPoint: D,
+    style: S
   } = n;
   if (!i || !o || !c)
     return {};
-  const t = {}, k = !n.alignPoint && n.boundaryDistance || {}, r = F(i, M && p, {
-    boundaryDistance: k,
+  const t = {}, M = !n.alignPoint && n.boundaryDistance || {}, r = F(i, D && a, {
+    boundaryDistance: M,
     position: n.position
   }), { left: l, top: f, width: s, height: h } = Y(
     i,
     r,
     c,
     {
-      boundaryDistance: k,
+      boundaryDistance: M,
       position: n.position
     }
-  ), P = $(n.popupAlign, n.showArrow), z = P.left || 0, H = P.right || 0, R = P.top || 0, B = P.bottom || 0;
-  g && (N == null ? void 0 : N.width) === void 0 && (o.style.width = `${i.offsetWidth}px`), m && (o.style.minWidth = `${i.offsetWidth}px`);
+  ), O = $(n.popupAlign, n.showArrow), z = O.left || 0, H = O.right || 0, R = O.top || 0, B = O.bottom || 0;
+  g && S?.width === void 0 && (o.style.width = `${i.offsetWidth}px`), x && (o.style.minWidth = `${i.offsetWidth}px`);
   const e = I(o);
   let d = n.position;
-  const b = {}, u = (W) => {
+  const b = {}, m = (N) => {
     if (!n.autoFitPosition)
       return;
-    const { windowHeight: D, windowWidth: O } = j(k);
+    const { windowHeight: k, windowWidth: W } = j(M);
     let L = !1;
-    const a = {
+    const p = {
       left: l - r.left,
       top: f - r.top
     }, { top: E = 0, left: _ = 0 } = t;
-    if ((W === "top" || W === "bottom") && (a.left > _ && r.right > 12 ? (t.left = Math.max(a.left, l - e.width), t.left = Math.max(
+    if ((N === "top" || N === "bottom") && (p.left > _ && r.right > 12 ? (t.left = Math.max(p.left, l - e.width), t.left = Math.max(
       t.left,
       l - e.width + 24
-    )) : _ - a.left + e.width > O && O - r.left > 12 && (t.left = Math.max(
-      a.left,
-      a.left + O - e.width
+    )) : _ - p.left + e.width > W && W - r.left > 12 && (t.left = Math.max(
+      p.left,
+      p.left + W - e.width
     ), t.left = Math.max(
       t.left,
       l - e.width + 24
-    ))), (W === "left" || W === "right") && (a.top > E && r.bottom > 12 ? (t.top = a.top, t.top = Math.max(
+    ))), (N === "left" || N === "right") && (p.top > E && r.bottom > 12 ? (t.top = p.top, t.top = Math.max(
       t.top,
       f - e.height + r.height / 2
-    )) : E - a.top + e.height > D && D - r.top > 12 && (t.top = Math.max(
-      a.top,
-      a.top + D - e.height
+    )) : E - p.top + e.height > k && k - r.top > 12 && (t.top = Math.max(
+      p.top,
+      p.top + k - e.height
     ), t.top = Math.max(
       t.top,
       f - e.height + r.height / 2
-    ))), W === "top" && a.top > E && (r.top < D - r.bottom ? (t.top = Math.min(
+    ))), N === "top" && p.top > E && (r.top < k - r.bottom ? (t.top = Math.min(
       f + h + (R || 0),
-      a.top + D - e.height
-    ), L = !0) : t.top = a.top), W === "bottom" && E - a.top + e.height > D && (D - r.bottom < r.top ? (t.top = Math.max(
+      p.top + k - e.height
+    ), L = !0) : t.top = p.top), N === "bottom" && E - p.top + e.height > k && (k - r.bottom < r.top ? (t.top = Math.max(
       f - e.height - (B || 0),
-      a.top
-    ), L = !0) : t.top = a.top + D - e.height), W === "left" && a.left > _ && (r.left < O - r.right ? (t.left = Math.min(
+      p.top
+    ), L = !0) : t.top = p.top + k - e.height), N === "left" && p.left > _ && (r.left < W - r.right ? (t.left = Math.min(
       s + l + H,
-      a.left + O - e.width
-    ), L = !0) : t.left = a.left), W === "right" && _ - a.left + e.width > O && (O - r.right < r.left ? (t.left = Math.max(
+      p.left + W - e.width
+    ), L = !0) : t.left = p.left), N === "right" && _ - p.left + e.width > W && (W - r.right < r.left ? (t.left = Math.max(
       l - e.width - z,
-      a.left
-    ), L = !0) : t.left = a.left + O - e.width), t.left < 0)
+      p.left
+    ), L = !0) : t.left = p.left + W - e.width), t.left < 0)
       t.left = 0;
     else {
       const V = c.scrollWidth - e.width;
       t.left = Math.min(V, t.left);
     }
     return L;
-  }, T = P.horizontalOffset || 0, S = P.verticalOffset || 0;
-  let w = l - Number(t.left) + s / 2, y = f - Number(t.top) + h / 2;
+  }, P = O.horizontalOffset || 0, T = O.verticalOffset || 0;
+  let u = l - Number(t.left) + s / 2, w = f - Number(t.top) + h / 2;
   switch (n.position) {
     case "top": {
-      t.top = f - e.height - R, t.left = l + s / 2 - e.width / 2, u("top") && (d = "bottom"), t.left += T, w = l - Number(t.left) + s / 2, b.left = x(12, e.width - 12, w);
+      t.top = f - e.height - R, t.left = l + s / 2 - e.width / 2, m("top") && (d = "bottom"), t.left += P, u = l - Number(t.left) + s / 2, b.left = y(12, e.width - 12, u);
       break;
     }
     case "tl":
-      t.top = f - e.height - R, t.left = l, u("top") && (d = "bl"), t.left += T, w = l - Number(t.left) + Math.min(s / 2, 50), b.left = x(12, e.width - 12, w);
+      t.top = f - e.height - R, t.left = l, m("top") && (d = "bl"), t.left += P, u = l - Number(t.left) + Math.min(s / 2, 50), b.left = y(12, e.width - 12, u);
       break;
     case "tr":
-      t.top = -o.clientHeight + f - R, t.left = l + s - e.width, u("top") && (d = "br"), t.left += T, w = l - Number(t.left) + Math.max(s / 2, s - 50), b.left = x(12, e.width - 12, w);
+      t.top = -o.clientHeight + f - R, t.left = l + s - e.width, m("top") && (d = "br"), t.left += P, u = l - Number(t.left) + Math.max(s / 2, s - 50), b.left = y(12, e.width - 12, u);
       break;
     case "bottom": {
-      t.top = h + f + B, t.left = l + s / 2 - e.width / 2, u("bottom") && (d = "top"), t.left += T, w = l - Number(t.left) + s / 2, b.left = x(12, e.width - 12, w);
+      t.top = h + f + B, t.left = l + s / 2 - e.width / 2, m("bottom") && (d = "top"), t.left += P, u = l - Number(t.left) + s / 2, b.left = y(12, e.width - 12, u);
       break;
     }
     case "bl":
-      t.top = h + f + B, t.left = l, u("bottom") && (d = "tl"), t.left += T, w = l - Number(t.left) + Math.min(s / 2, 50), b.left = x(12, e.width - 12, w);
+      t.top = h + f + B, t.left = l, m("bottom") && (d = "tl"), t.left += P, u = l - Number(t.left) + Math.min(s / 2, 50), b.left = y(12, e.width - 12, u);
       break;
     case "br":
-      t.top = h + f + B, t.left = l + s - e.width, u("bottom") && (d = "tr"), t.left += T, w = l - Number(t.left) + Math.max(s / 2, s - 50), b.left = x(12, e.width - 12, w);
+      t.top = h + f + B, t.left = l + s - e.width, m("bottom") && (d = "tr"), t.left += P, u = l - Number(t.left) + Math.max(s / 2, s - 50), b.left = y(12, e.width - 12, u);
       break;
     case "left": {
-      t.top = f + h / 2 - e.height / 2, t.left = l - e.width - z, u("left") && (d = "right"), t.top += S, y = f - Number(t.top) + h / 2, b.top = x(12, e.height - 12, y);
+      t.top = f + h / 2 - e.height / 2, t.left = l - e.width - z, m("left") && (d = "right"), t.top += T, w = f - Number(t.top) + h / 2, b.top = y(12, e.height - 12, w);
       break;
     }
     case "lt":
-      t.top = f, t.left = l - e.width - z, u("left") && (d = "rt"), t.top += S, y = f - Number(t.top) + Math.min(h / 2, 50), b.top = x(12, e.height - 12, y);
+      t.top = f, t.left = l - e.width - z, m("left") && (d = "rt"), t.top += T, w = f - Number(t.top) + Math.min(h / 2, 50), b.top = y(12, e.height - 12, w);
       break;
     case "lb":
-      t.top = f + h - e.height, t.left = l - e.width - z, u("left") && (d = "rb"), t.top += S, y = f - Number(t.top) + Math.max(h / 2, h - 50), b.top = x(12, e.height - 12, y);
+      t.top = f + h - e.height, t.left = l - e.width - z, m("left") && (d = "rb"), t.top += T, w = f - Number(t.top) + Math.max(h / 2, h - 50), b.top = y(12, e.height - 12, w);
       break;
     case "right": {
-      t.top = f + h / 2 - e.height / 2, t.left = s + l + H, u("right") && (d = "left"), t.top += S, y = f - Number(t.top) + h / 2, b.top = x(12, e.height - 12, y);
+      t.top = f + h / 2 - e.height / 2, t.left = s + l + H, m("right") && (d = "left"), t.top += T, w = f - Number(t.top) + h / 2, b.top = y(12, e.height - 12, w);
       break;
     }
     case "rt":
-      t.top = f, t.left = s + l + H, u("right") && (d = "lt"), t.top += S, y = f - Number(t.top) + Math.min(h / 2, 50), b.top = x(12, e.height - 12, y);
+      t.top = f, t.left = s + l + H, m("right") && (d = "lt"), t.top += T, w = f - Number(t.top) + Math.min(h / 2, 50), b.top = y(12, e.height - 12, w);
       break;
     case "rb":
-      t.top = f + h - e.height, t.left = s + l + H, u("right") && (d = "lb"), t.top += S, y = f - Number(t.top) + Math.max(h / 2, h - 50), b.top = x(12, e.height - 12, y);
+      t.top = f + h - e.height, t.left = s + l + H, m("right") && (d = "lb"), t.top += T, w = f - Number(t.top) + Math.max(h / 2, h - 50), b.top = y(12, e.height - 12, w);
       break;
   }
   return {