@unicom-cloud/ui 0.8.96 → 0.8.98

package/transfer/index.js

@@ -1,130 +1,130 @@
-import { jsxs as Q, jsx as m } from "react/jsx-runtime";
+import { jsxs as Q, jsx as h } from "react/jsx-runtime";
 import X from "@unicom-cloud/icons/IconUiLeft";
 import Y from "@unicom-cloud/icons/IconUiRight";
 import Z from "lodash/isPlainObject";
-import ee, { useContext as te, useMemo as L } from "react";
+import ee, { useContext as te, useMemo as D } from "react";
 import se from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
 import re from "../components/common/hooks/useMergeProps.js";
 import P from "../components/common/hooks/useMergeValue.js";
-import R from "@unicom-cloud/utils/class-name";
+import V from "@unicom-cloud/utils/class-name";
 import { pickDataAttributes as ae } from "../components/common/utils/pick.js";
 import oe from "./List.js";
-import ce from "../config-provider/context.js";
-const le = {
+import ne from "../config-provider/context.js";
+const ce = {
   titleTexts: ["Source", "Target"],
   defaultSelectedKeys: [],
   defaultTargetKeys: [],
   dataSource: [],
-  filterOption: (h, d) => typeof (d == null ? void 0 : d.value) == "string" && d.value.indexOf(h) !== -1
+  filterOption: (m, p) => typeof p?.value == "string" && p.value.indexOf(m) !== -1
 };
-function ne(h, d) {
-  const { getPrefixCls: x, componentConfig: b, rtl: j } = te(ce), T = re(
-    h,
-    le,
-    b == null ? void 0 : b.Transfer
+function le(m, p) {
+  const { getPrefixCls: w, componentConfig: N, rtl: L } = te(ne), b = re(
+    m,
+    ce,
+    N?.Transfer
   ), {
-    prefixCls: k,
-    style: B,
-    className: E,
-    children: M,
-    dataSource: i,
-    defaultTargetKeys: v,
-    defaultSelectedKeys: D,
-    targetKeys: U,
-    selectedKeys: W,
-    oneWay: z,
-    simple: c,
-    disabled: K,
-    titleTexts: F,
-    operationTexts: S,
-    operationStyle: H,
-    onSearch: O,
-    onChange: A,
-    onSelectChange: f,
+    prefixCls: R,
+    style: j,
+    className: k,
+    children: B,
+    dataSource: d,
+    defaultTargetKeys: C,
+    defaultSelectedKeys: O,
+    targetKeys: E,
+    selectedKeys: M,
+    oneWay: U,
+    simple: n,
+    disabled: y,
+    titleTexts: W,
+    operationTexts: K,
+    operationStyle: z,
+    onSearch: F,
+    onChange: H,
+    onSelectChange: A,
     ..._
-  } = T, l = k || (x == null ? void 0 : x("transfer")), $ = !!(c || z), [u, q] = P([], {
-    value: U,
-    defaultValue: c ? v.concat(D) : v
-  }), [V, I] = P([], {
-    value: W,
-    defaultValue: c ? [] : D
-  }), [w, C] = L(
+  } = b, c = R || w?.("transfer"), S = !!(n || U), [i, q] = P([], {
+    value: E,
+    defaultValue: n ? C.concat(O) : C
+  }), [$, x] = P([], {
+    value: M,
+    defaultValue: n ? [] : O
+  }), [I, T] = D(
     () => [[], []],
-    [i, u]
-  ), [n, y] = L(() => {
-    w.length = 0, C.length = 0;
+    [d, i]
+  ), [l, f] = D(() => {
+    I.length = 0, T.length = 0;
     const e = {
-      dataSource: w,
+      dataSource: I,
       selectedKeys: [],
       validKeys: [],
       selectedValidKeys: [],
       selectedDisabledKeys: []
     }, a = {
-      dataSource: C,
+      dataSource: T,
       selectedKeys: [],
       validKeys: [],
       selectedValidKeys: [],
       selectedDisabledKeys: []
     };
-    return i.forEach((t) => {
-      const s = u.indexOf(t.key) > -1 ? a : e;
-      t.disabled || s.validKeys.push(t.key), V.indexOf(t.key) > -1 && (s.selectedKeys.push(t.key), t.disabled ? s.selectedDisabledKeys.push(t.key) : s.selectedValidKeys.push(t.key)), s.dataSource.push(t);
-    }), Z(c) && c.retainSelectedItems && (Object.entries(e).forEach(([t, s]) => {
+    return d.forEach((t) => {
+      const s = i.indexOf(t.key) > -1 ? a : e;
+      t.disabled || s.validKeys.push(t.key), $.indexOf(t.key) > -1 && (s.selectedKeys.push(t.key), t.disabled ? s.selectedDisabledKeys.push(t.key) : s.selectedValidKeys.push(t.key)), s.dataSource.push(t);
+    }), Z(n) && n.retainSelectedItems && (Object.entries(e).forEach(([t, s]) => {
       Array.isArray(s) && (e[t] = s.concat(a[t]));
-    }), e.dataSource = i.slice(), e.selectedKeys = u.slice()), [e, a];
-  }, [i, u, V, c]), g = (e, a = null) => {
+    }), e.dataSource = d.slice(), e.selectedKeys = i.slice()), [e, a];
+  }, [d, i, $, n]), g = (e, a = null) => {
     if (Array.isArray(a) && a.length === 0)
       return;
-    a = a || (e === "target" ? n.selectedValidKeys : y.selectedValidKeys);
-    const t = e === "target" ? u.concat(a).sort((s, r) => i.findIndex(({ key: o }) => o === s) - i.findIndex(({ key: o }) => o === r)) : u.filter((s) => a.indexOf(s) === -1);
-    I(
-      n.selectedDisabledKeys.concat(y.selectedDisabledKeys)
-    ), q(t), A == null || A(t, e, a);
+    a = a || (e === "target" ? l.selectedValidKeys : f.selectedValidKeys);
+    const t = e === "target" ? i.concat(a).sort((s, r) => d.findIndex(({ key: o }) => o === s) - d.findIndex(({ key: o }) => o === r)) : i.filter((s) => a.indexOf(s) === -1);
+    x(
+      l.selectedDisabledKeys.concat(f.selectedDisabledKeys)
+    ), q(t), H?.(t, e, a);
   }, G = (e, a) => {
     if (a === "source")
-      if (c) {
+      if (n) {
         const t = e.filter(
-          (r) => n.selectedKeys.indexOf(r) === -1
-        ), s = n.selectedKeys.filter(
+          (r) => l.selectedKeys.indexOf(r) === -1
+        ), s = l.selectedKeys.filter(
           (r) => e.indexOf(r) === -1
         );
         g("target", t), g("source", s);
       } else
-        I(e.concat(y.selectedKeys)), f == null || f(e, y.selectedKeys);
+        x(e.concat(f.selectedKeys)), A?.(e, f.selectedKeys);
     else
-      I(n.selectedKeys.concat(e)), f == null || f(n.selectedKeys, e);
+      x(l.selectedKeys.concat(e)), A?.(l.selectedKeys, e);
   }, J = () => {
-    const e = y.selectedKeys.length > 0, a = n.selectedKeys.length > 0, t = $ ? ["target"] : ["target", "source"];
-    return c ? null : /* @__PURE__ */ m(
+    const e = f.selectedKeys.length > 0, a = l.selectedKeys.length > 0, t = S ? ["target"] : ["target", "source"];
+    return n ? null : /* @__PURE__ */ h(
       "div",
       {
-        style: H,
-        className: R(`${l}-operations`, {
-          [`${l}-operations-words`]: S
+        style: z,
+        className: V(`${c}-operations`, {
+          [`${c}-operations-words`]: K
         }),
         children: t.map((s, r) => {
-          let o, p;
-          return s === "source" ? (o = X, p = K || !e) : (o = Y, p = K || !a), /* @__PURE__ */ m(
+          let o, u;
+          return s === "source" ? (o = X, u = y || !e) : (o = Y, u = y || !a), /* @__PURE__ */ h(
             se,
             {
-              tabIndex: p ? -1 : void 0,
+              tabIndex: u ? -1 : void 0,
               "aria-label": `move selected ${s === "target" ? "right" : "left"}`,
               type: "secondary",
               size: "small",
               shape: "round",
-              disabled: p,
+              disabled: u,
               onClick: () => g(s),
-              icon: /* @__PURE__ */ m(o, {}),
-              children: S && S[r]
+              icon: /* @__PURE__ */ h(o, {}),
+              children: K && K[r]
             },
             r
           );
         })
       }
     );
-  }, N = (e) => {
-    const a = e === "source" ? n : y, t = e === "target", s = { ..._ };
+  }, v = (e) => {
+    const a = e === "source" ? l : f, t = e === "target", s = { ..._ };
     return Object.entries(s).forEach(([r, o]) => {
       [
         "searchPlaceholder",
@@ -133,50 +133,50 @@ function ne(h, d) {
         "pagination",
         "listStyle"
       ].indexOf(r) > -1 && (s[r] = Array.isArray(o) ? o[e === "source" ? 0 : 1] : o);
-    }), /* @__PURE__ */ m(
+    }), /* @__PURE__ */ h(
       oe,
       {
         ...a,
         ...s,
         style: s.listStyle,
-        prefixCls: l,
-        className: `${l}-view-${e}`,
+        prefixCls: c,
+        className: `${c}-view-${e}`,
         listType: e,
-        title: F[t ? 1 : 0],
-        disabled: K,
-        allowClear: t && $,
-        renderList: M,
+        title: W[t ? 1 : 0],
+        disabled: y,
+        allowClear: t && S,
+        renderList: B,
         handleSelect: (r) => G(r, e),
         handleRemove: (r) => g(t ? "source" : "target", r),
-        onSearch: (r) => O == null ? void 0 : O(r, e),
-        renderHeaderUnit: (r, o) => `${$ ? "" : `${r} / `}${o}`
+        onSearch: (r) => F?.(r, e),
+        renderHeaderUnit: (r, o) => `${S ? "" : `${r} / `}${o}`
       }
     );
   };
   return /* @__PURE__ */ Q(
     "div",
     {
-      ...ae(T),
-      ref: d,
-      className: R(
-        l,
+      ...ae(b),
+      ref: p,
+      className: V(
+        c,
         {
-          [`${l}-simple`]: c,
-          [`${l}-disabled`]: K,
-          [`${l}-rtl`]: j
+          [`${c}-simple`]: n,
+          [`${c}-disabled`]: y,
+          [`${c}-rtl`]: L
         },
-        E
+        k
       ),
-      style: B,
+      style: j,
       children: [
-        N("source"),
+        v("source"),
         J(),
-        N("target")
+        v("target")
       ]
     }
   );
 }
-const de = ee.forwardRef(ne);
+const de = ee.forwardRef(le);
 de.displayName = "Transfer";
 export {
   de as default

package/tree/Animation.js

@@ -1,61 +1,58 @@
-import { jsx as y } from "react/jsx-runtime";
-import H from "lodash/isNumber";
-import { useContext as k, useRef as S, useEffect as E, useMemo as K } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import K from "lodash/isNumber";
+import { useContext as x, useRef as C, useEffect as g, useMemo as p } from "react";
 import "../config-provider/ConfigProvider.js";
-import { PqbCSSTransition as v } from "../components/common/utils/PqbCSSTransition.js";
-import C from "../virtual-list/VirtualList.js";
-import { TreeContext as N } from "./Context.js";
-import D from "./Node.js";
-import L from "../config-provider/context.js";
-function O(t) {
+import { PqbCSSTransition as _ } from "../components/common/utils/PqbCSSTransition.js";
+import H from "../virtual-list/VirtualList.js";
+import { TreeContext as S } from "./Context.js";
+import v from "./Node.js";
+import N from "../config-provider/context.js";
+function D(t) {
   return t.key || t._key;
 }
-const A = (t) => {
-  var g;
-  const r = k(N), { getPrefixCls: c } = k(L), P = c == null ? void 0 : c("tree-node"), { expandedKeys: m, currentExpandKeys: h } = r.getTreeState(), o = t.expanded, x = S(t.childrenData);
-  x.current = t.childrenData, E(() => () => {
-    var e;
-    (e = r.onExpandEnd) == null || e.call(r, t._key);
+const j = (t) => {
+  const i = x(S), { getPrefixCls: k } = x(N), E = k?.("tree-node"), { expandedKeys: y, currentExpandKeys: c } = i.getTreeState(), o = t.expanded, m = C(t.childrenData);
+  m.current = t.childrenData, g(() => () => {
+    i.onExpandEnd?.(t._key);
   }, []);
-  const f = K(() => {
+  const h = p(() => {
     const e = [], n = (s) => {
-      s.forEach((l) => {
-        const i = r.getFieldInfo(l);
-        e.push(i), i.children && i.children.length && n(i.children);
+      s.forEach((a) => {
+        const r = i.getFieldInfo(a);
+        e.push(r), r.children && r.children.length && n(r.children);
       });
     };
-    return n(x.current || []), e;
-  }, [o]), d = K(() => {
+    return n(m.current || []), e;
+  }, [o]), d = p(() => {
     const e = [];
-    if (f.length) {
-      const n = new Set(m || []);
-      f.forEach((s) => {
-        var p;
-        let l;
-        const i = {
-          ...r.key2nodeProps[s.key]
+    if (h.length) {
+      const n = new Set(y || []);
+      h.forEach((s) => {
+        let a;
+        const r = {
+          ...i.key2nodeProps[s.key]
         };
         if (o)
-          l = i.parentKey === t._key || ((p = i.pathParentKeys) == null ? void 0 : p.every((u) => n.has(u)));
-        else if (i.pathParentKeys) {
-          const u = i.pathParentKeys.indexOf(t._key);
-          l = i.pathParentKeys.slice(u + 1).every((_) => n.has(_));
+          a = r.parentKey === t._key || r.pathParentKeys?.every((f) => n.has(f));
+        else if (r.pathParentKeys) {
+          const f = r.pathParentKeys.indexOf(t._key);
+          a = r.pathParentKeys.slice(f + 1).every((P) => n.has(P));
         }
-        l && e.push({
-          ...i,
+        a && e.push({
+          ...r,
           key: s.key
         });
       });
     }
-    return r.getNodeProps(e);
-  }, [f, t._key, o, m]);
-  let a = (g = r.virtualListProps) == null ? void 0 : g.height;
-  return a = H(a) ? a : 0, E(() => {
-    h.indexOf(t._key) > -1 && d.length === 0 && r.onExpandEnd(t._key);
-  }, [d, h]), /* @__PURE__ */ y(
-    v,
+    return i.getNodeProps(e);
+  }, [h, t._key, o, y]);
+  let l = i.virtualListProps?.height;
+  return l = K(l) ? l : 0, g(() => {
+    c.indexOf(t._key) > -1 && d.length === 0 && i.onExpandEnd(t._key);
+  }, [d, c]), /* @__PURE__ */ u(
+    _,
     {
-      in: h.indexOf(t._key) > -1 && d.length > 0,
+      in: c.indexOf(t._key) > -1 && d.length > 0,
       unmountOnExit: !0,
       classNames: "tree-slide-expand",
       timeout: {
@@ -65,32 +62,32 @@ const A = (t) => {
       onEnter: (e) => {
         if (!e) return;
         const n = e.scrollHeight;
-        e.style.height = o ? 0 : `${Math.min(a || n, e.scrollHeight)}px`;
+        e.style.height = o ? 0 : `${Math.min(l || n, e.scrollHeight)}px`;
       },
       onEntering: (e) => {
         if (!e) return;
         const n = e.scrollHeight;
-        e.style.height = o ? `${Math.min(a || n, n)}px` : 0;
+        e.style.height = o ? `${Math.min(l || n, n)}px` : 0;
       },
       onEntered: (e) => {
-        e && (e.style.height = t.expanded ? "" : 0, r.onExpandEnd(t._key));
+        e && (e.style.height = t.expanded ? "" : 0, i.onExpandEnd(t._key));
       },
       onExit: (e) => {
         e && (e.style.display = "none");
       },
-      children: /* @__PURE__ */ y(
-        C,
+      children: /* @__PURE__ */ u(
+        H,
         {
-          itemKey: O,
-          className: `${P}-list`,
+          itemKey: D,
+          className: `${E}-list`,
           isStaticItemHeight: !1,
-          ...r.virtualListProps,
+          ...i.virtualListProps,
           data: d,
           "aria-hidden": !0,
           style: { overflow: "hidden" },
           children: (e) => {
             const { key: n, ...s } = e ?? {};
-            return /* @__PURE__ */ y(D, { ...s }, n);
+            return /* @__PURE__ */ u(v, { ...s }, n);
           }
         }
       )
@@ -98,5 +95,5 @@ const A = (t) => {
   );
 };
 export {
-  A as default
+  j as default
 };