@unicom-cloud/ui 0.8.107 → 0.8.109

package/transfer/index.js

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

package/tree/Animation.js

@@ -1,99 +1,11 @@
-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 _ } 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 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 h = p(() => {
-    const e = [], n = (s) => {
-      s.forEach((a) => {
-        const r = i.getFieldInfo(a);
-        e.push(r), r.children && r.children.length && n(r.children);
-      });
-    };
-    return n(m.current || []), e;
-  }, [o]), d = p(() => {
-    const e = [];
-    if (h.length) {
-      const n = new Set(y || []);
-      h.forEach((s) => {
-        let a;
-        const r = {
-          ...i.key2nodeProps[s.key]
-        };
-        if (o)
-          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));
-        }
-        a && e.push({
-          ...r,
-          key: s.key
-        });
-      });
-    }
-    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: c.indexOf(t._key) > -1 && d.length > 0,
-      unmountOnExit: !0,
-      classNames: "tree-slide-expand",
-      timeout: {
-        enter: 200,
-        exit: 0
-      },
-      onEnter: (e) => {
-        if (!e) return;
-        const n = e.scrollHeight;
-        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(l || n, n)}px` : 0;
-      },
-      onEntered: (e) => {
-        e && (e.style.height = t.expanded ? "" : 0, i.onExpandEnd(t._key));
-      },
-      onExit: (e) => {
-        e && (e.style.display = "none");
-      },
-      children: /* @__PURE__ */ u(
-        H,
-        {
-          itemKey: D,
-          className: `${E}-list`,
-          isStaticItemHeight: !1,
-          ...i.virtualListProps,
-          data: d,
-          "aria-hidden": !0,
-          style: { overflow: "hidden" },
-          children: (e) => {
-            const { key: n, ...s } = e ?? {};
-            return /* @__PURE__ */ u(v, { ...s }, n);
-          }
-        }
-      )
-    }
-  );
-};
+import "react/jsx-runtime";
+import "lodash/isNumber";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/B--6x-RL.js";
+import "../virtual-list/VirtualList.js";
+import "./Context.js";
+import { a as d } from "../chunk/p9jiLDTk.js";
 export {
-  j as default
+  d as default
 };

package/tree/Node.js

@@ -1,208 +1,16 @@
-import { jsxs as N, Fragment as q, jsx as r } from "react/jsx-runtime";
-import z from "@unicom-cloud/icons/IconUiCaretDown";
-import G from "@unicom-cloud/icons/IconUiDragDotVertical";
-import J from "@unicom-cloud/icons/IconUiFile";
-import K from "@unicom-cloud/icons/IconUiLoading";
-import m from "lodash/isFunction";
-import Q, { forwardRef as W, useContext as E, useRef as X, useState as Z, useCallback as v } from "react";
-import ee from "../checkbox/Checkbox.js";
-import "../checkbox/Group.js";
-import "../config-provider/ConfigProvider.js";
-import ne from "../icon-hover/index.js";
-import D from "@unicom-cloud/utils/class-name";
-import { throttleByRaf as te } from "../components/common/utils/throttleByRaf.js";
-import ie from "./Animation.js";
-import { TreeContext as ae } from "./Context.js";
-import oe from "../config-provider/context.js";
-function re(n, S) {
-  const i = E(ae), { getPrefixCls: R } = E(oe), C = X(), [o, f] = Z({
-    isAllowDrop: !0,
-    isDragOver: !1,
-    dragPosition: 0,
-    isDragging: !1
-  }), {
-    _key: h = "",
-    title: _,
-    icon: k,
-    checkable: w,
-    selected: U,
-    disabled: b,
-    disableCheckbox: Y,
-    isLeaf: I,
-    draggable: l,
-    expanded: d,
-    showLine: x,
-    loading: F,
-    selectable: p = !0
-  } = n, t = R?.("tree-node"), H = D(
-    t,
-    {
-      [`${t}-selected`]: U,
-      [`${t}-is-leaf`]: I,
-      [`${t}-expanded`]: d,
-      [`${t}-disabled-selectable`]: !p,
-      [`${t}-disabled`]: b,
-      [`${t}-draggable`]: l
-    },
-    n.className
-  ), c = (() => {
-    const e = m(i.icons) ? i.icons(n) : i.icons, a = m(n.icons) ? n.icons(n) : n.icons;
-    return { ...e, ...a };
-  })(), O = v(
-    (e) => {
-      e !== d && i.onExpand?.(e, h);
-    },
-    [d, i.onExpand]
-  ), P = v(async () => {
-    const { isLeaf: e, expanded: a } = n;
-    e || (!n.childrenData?.length && m(i.loadMore) && !a ? await i.loadMore(n) : O(!a));
-  }, [n, O, i.loadMore]), M = () => {
-    if (F)
-      return "loadingIcon" in c ? c.loadingIcon : /* @__PURE__ */ r(K, {});
-    let e = null, a = !1;
-    if (I)
-      x && (e = "switcherIcon" in c ? c.switcherIcon : /* @__PURE__ */ r(J, {}), a = !0);
-    else {
-      const s = x ? /* @__PURE__ */ r("span", { className: `${t}-${d ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ r(z, {});
-      e = "switcherIcon" in c ? c.switcherIcon : s, a = !x;
-    }
-    if (e)
-      return e = /* @__PURE__ */ r(
-        "span",
-        {
-          className: `${t}-switcher-icon`,
-          "aria-label": d ? "fold button" : "expand button",
-          role: "button",
-          tabIndex: 0,
-          onClick: P,
-          children: e
-        }
-      ), a ? /* @__PURE__ */ r(ne, { prefix: t, children: e }) : e;
-  }, u = v(
-    te((e) => {
-      const a = C.current;
-      if (!a)
-        return;
-      const s = a.getBoundingClientRect(), g = window.pageYOffset + s.top, B = e.pageY, y = s.height / 4, A = B - g, $ = A < y ? -1 : A < s.height - y ? 0 : 1, V = i.allowDrop(n, $);
-      f({
-        ...o,
-        isAllowDrop: V,
-        isDragOver: !0,
-        dragPosition: $
-      }), i.onNodeDragOver?.(e, n, $);
-    }),
-    [i.onNodeDragOver]
-  );
-  function T(e, a) {
-    const { disableCheckbox: s, disabled: g } = n;
-    s || g || i.onCheck?.(e, h, a);
-  }
-  function j(e) {
-    const { onSelect: a, actionOnClick: s } = i;
-    if (n.disabled)
-      return;
-    const g = [].concat(s);
-    p && g.indexOf("select") > -1 && a?.(h, e), g.indexOf("expand") > -1 && P(), w && g.indexOf("check") > -1 && T(!n.checked, e);
-  }
-  return /* @__PURE__ */ N(q, { children: [
-    /* @__PURE__ */ N(
-      "div",
-      {
-        style: n.style,
-        className: H,
-        ref: S,
-        role: "treeitem",
-        "aria-disabled": b,
-        "aria-expanded": d,
-        "aria-level": n._level,
-        children: [
-          /* @__PURE__ */ r("span", { className: `${t}-indent`, "aria-hidden": !0, children: [...Array(n._level)].map((e, a) => /* @__PURE__ */ r(
-            "span",
-            {
-              className: D(`${t}-indent-block`, {
-                [`${t}-indent-block-lineless`]: n._lineless && n._lineless[a]
-              })
-            },
-            a
-          )) }),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: D(`${t}-switcher`, {
-                [`${t}-switcher-expanded`]: d
-              }),
-              children: M()
-            }
-          ),
-          w ? /* @__PURE__ */ r(
-            ee,
-            {
-              disabled: Y || b,
-              value: h,
-              indeterminate: n.indeterminated,
-              checked: n.checked,
-              onChange: T
-            }
-          ) : null,
-          /* @__PURE__ */ N(
-            "span",
-            {
-              "aria-grabbed": o.isDragging,
-              ref: C,
-              className: D(`${t}-title`, {
-                [`${t}-title-draggable`]: l,
-                [`${t}-title-gap-top`]: o.isDragOver && o.isAllowDrop && o.dragPosition < 0,
-                [`${t}-title-gap-bottom`]: o.isDragOver && o.isAllowDrop && o.dragPosition > 0,
-                [`${t}-title-highlight`]: !o.isDragging && o.isDragOver && o.isAllowDrop && o.dragPosition === 0,
-                [`${t}-title-dragging`]: o.isDragging,
-                [`${t}-title-block`]: n.blockNode
-              }),
-              onClick: j,
-              draggable: l,
-              onDrop: (e) => {
-                e.stopPropagation(), e.preventDefault(), i.onNodeDrop?.(e, n, o.dragPosition), u.cancel(), f({
-                  ...o,
-                  isDragOver: !1,
-                  dragPosition: 0
-                });
-              },
-              onDragStart: (e) => {
-                if (l) {
-                  e.stopPropagation(), f({ ...o, isDragging: !0 });
-                  try {
-                    e.dataTransfer.setData("text/plain", "");
-                  } catch (a) {
-                    console.error(a);
-                  }
-                  i.onNodeDragStart?.(e, n);
-                }
-              },
-              onDragEnd: (e) => {
-                l && (e.stopPropagation(), u.cancel(), f({ ...o, isDragOver: !1, isDragging: !1 }), i.onNodeDragEnd?.(e, n));
-              },
-              onDragOver: (e) => {
-                e.preventDefault(), e.stopPropagation(), e.persist(), u(e);
-              },
-              onDragLeave: (e) => {
-                l && (e.stopPropagation(), u.cancel(), f({ ...o, isDragOver: !1 }), i.onNodeDragLeave?.(e, n));
-              },
-              children: [
-                k && /* @__PURE__ */ r("span", { className: `${t}-icon ${t}-custom-icon`, children: k }),
-                /* @__PURE__ */ r("span", { className: `${t}-title-text`, children: m(i.renderTitle) ? i.renderTitle(n) : _ }),
-                l && /* @__PURE__ */ r("span", { className: `${t}-icon ${t}-drag-icon`, children: "dragIcon" in c ? c.dragIcon : /* @__PURE__ */ r(G, {}) })
-              ]
-            }
-          ),
-          m(i.renderExtra) && i.renderExtra(n)
-        ]
-      }
-    ),
-    i.animation && /* @__PURE__ */ r(ie, { ...n })
-  ] });
-}
-const L = W(re);
-L.displayName = "TreeNode";
-const ke = Q.memo(L);
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCaretDown";
+import "@unicom-cloud/icons/IconUiDragDotVertical";
+import "@unicom-cloud/icons/IconUiFile";
+import "@unicom-cloud/icons/IconUiLoading";
+import "lodash/isFunction";
+import "react";
+import "../chunk/DYc9a7tm.js";
+import "../chunk/DXlwLh0Y.js";
+import "@unicom-cloud/utils/class-name";
+import "../utils/throttleByRaf.js";
+import { T } from "../chunk/p9jiLDTk.js";
+import "./Context.js";
 export {
-  ke as default
+  T as default
 };