@unicom-cloud/ui 0.8.90 → 0.8.91

package/transfer/index.js

@@ -1,15 +1,183 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiLeft";
-import "@unicom-cloud/icons/IconUiRight";
-import "lodash/isPlainObject";
-import "react";
-import "../button/index.js";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/D5wldVRB.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/ClqoGc3r.js";
-import { v } from "../chunk/BbQEqpOn.js";
+import { jsxs as Q, jsx as m } 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 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 { pickDataAttributes as ae } from "../components/common/utils/pick.js";
+import oe from "./List.js";
+import ce from "../config-provider/context.js";
+const le = {
+  titleTexts: ["Source", "Target"],
+  defaultSelectedKeys: [],
+  defaultTargetKeys: [],
+  dataSource: [],
+  filterOption: (h, d) => typeof (d == null ? void 0 : d.value) == "string" && d.value.indexOf(h) !== -1
+};
+function ne(h, d) {
+  const { getPrefixCls: x, componentConfig: b, rtl: j } = te(ce), T = re(
+    h,
+    le,
+    b == null ? void 0 : b.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,
+    ..._
+  } = 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(
+    () => [[], []],
+    [i, u]
+  ), [n, y] = L(() => {
+    w.length = 0, C.length = 0;
+    const e = {
+      dataSource: w,
+      selectedKeys: [],
+      validKeys: [],
+      selectedValidKeys: [],
+      selectedDisabledKeys: []
+    }, a = {
+      dataSource: C,
+      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]) => {
+      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) => {
+    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);
+  }, G = (e, a) => {
+    if (a === "source")
+      if (c) {
+        const t = e.filter(
+          (r) => n.selectedKeys.indexOf(r) === -1
+        ), s = n.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);
+    else
+      I(n.selectedKeys.concat(e)), f == null || f(n.selectedKeys, e);
+  }, J = () => {
+    const e = y.selectedKeys.length > 0, a = n.selectedKeys.length > 0, t = $ ? ["target"] : ["target", "source"];
+    return c ? null : /* @__PURE__ */ m(
+      "div",
+      {
+        style: H,
+        className: R(`${l}-operations`, {
+          [`${l}-operations-words`]: S
+        }),
+        children: t.map((s, r) => {
+          let o, p;
+          return s === "source" ? (o = X, p = K || !e) : (o = Y, p = K || !a), /* @__PURE__ */ m(
+            se,
+            {
+              tabIndex: p ? -1 : void 0,
+              "aria-label": `move selected ${s === "target" ? "right" : "left"}`,
+              type: "secondary",
+              size: "small",
+              shape: "round",
+              disabled: p,
+              onClick: () => g(s),
+              icon: /* @__PURE__ */ m(o, {}),
+              children: S && S[r]
+            },
+            r
+          );
+        })
+      }
+    );
+  }, N = (e) => {
+    const a = e === "source" ? n : y, t = e === "target", s = { ..._ };
+    return Object.entries(s).forEach(([r, o]) => {
+      [
+        "searchPlaceholder",
+        "showSearch",
+        "showFooter",
+        "pagination",
+        "listStyle"
+      ].indexOf(r) > -1 && (s[r] = Array.isArray(o) ? o[e === "source" ? 0 : 1] : o);
+    }), /* @__PURE__ */ m(
+      oe,
+      {
+        ...a,
+        ...s,
+        style: s.listStyle,
+        prefixCls: l,
+        className: `${l}-view-${e}`,
+        listType: e,
+        title: F[t ? 1 : 0],
+        disabled: K,
+        allowClear: t && $,
+        renderList: M,
+        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}`
+      }
+    );
+  };
+  return /* @__PURE__ */ Q(
+    "div",
+    {
+      ...ae(T),
+      ref: d,
+      className: R(
+        l,
+        {
+          [`${l}-simple`]: c,
+          [`${l}-disabled`]: K,
+          [`${l}-rtl`]: j
+        },
+        E
+      ),
+      style: B,
+      children: [
+        N("source"),
+        J(),
+        N("target")
+      ]
+    }
+  );
+}
+const de = ee.forwardRef(ne);
+de.displayName = "Transfer";
 export {
-  v as default
+  de as default
 };

package/tree/Animation.js

@@ -1,11 +1,102 @@
-import "react/jsx-runtime";
-import "lodash/isNumber";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/NPajzdOv.js";
-import "../virtual-list/VirtualList.js";
-import "./Context.js";
-import { a4 as d } from "../chunk/BbQEqpOn.js";
+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 "../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) {
+  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 f = K(() => {
+    const e = [], n = (s) => {
+      s.forEach((l) => {
+        const i = r.getFieldInfo(l);
+        e.push(i), i.children && i.children.length && n(i.children);
+      });
+    };
+    return n(x.current || []), e;
+  }, [o]), d = K(() => {
+    const e = [];
+    if (f.length) {
+      const n = new Set(m || []);
+      f.forEach((s) => {
+        var p;
+        let l;
+        const i = {
+          ...r.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(_));
+        }
+        l && e.push({
+          ...i,
+          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,
+    {
+      in: h.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(a || n, e.scrollHeight)}px`;
+      },
+      onEntering: (e) => {
+        if (!e) return;
+        const n = e.scrollHeight;
+        e.style.height = o ? `${Math.min(a || n, n)}px` : 0;
+      },
+      onEntered: (e) => {
+        e && (e.style.height = t.expanded ? "" : 0, r.onExpandEnd(t._key));
+      },
+      onExit: (e) => {
+        e && (e.style.display = "none");
+      },
+      children: /* @__PURE__ */ y(
+        C,
+        {
+          itemKey: O,
+          className: `${P}-list`,
+          isStaticItemHeight: !1,
+          ...r.virtualListProps,
+          data: d,
+          "aria-hidden": !0,
+          style: { overflow: "hidden" },
+          children: (e) => {
+            const { key: n, ...s } = e ?? {};
+            return /* @__PURE__ */ y(D, { ...s }, n);
+          }
+        }
+      )
+    }
+  );
+};
 export {
-  d as default
+  A as default
 };

package/tree/Node.js

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

package/tree/NodeList.js

@@ -1,8 +1,82 @@
-import "react/jsx-runtime";
-import "react";
-import "../chunk/BsUZRQDT.js";
-import "../virtual-list/VirtualList.js";
-import { a5 as a } from "../chunk/BbQEqpOn.js";
+import { jsx as L } from "react/jsx-runtime";
+import { forwardRef as N, useRef as h, useMemo as m, useImperativeHandle as V, createElement as g } from "react";
+import { scrollIntoView as b } from "../components/common/utils/scrollIntoView.js";
+import P from "../virtual-list/VirtualList.js";
+import v from "./Node.js";
+function H(s) {
+  return s.key || s._key;
+}
+function j(s, E) {
+  const {
+    className: K,
+    style: p,
+    filterNode: a,
+    virtualListProps: c,
+    expandedKeys: w,
+    currentExpandKeys: k,
+    nodeList: i,
+    getNodeProps: S,
+    getDataSet: M
+  } = s, x = (c == null ? void 0 : c.threshold) !== null, l = h(), f = h(), D = h(), I = m(() => new Set(w), [w]), u = m(() => {
+    const e = /* @__PURE__ */ new Set(), t = new Set(k);
+    return i.forEach((n) => {
+      (n.pathParentKeys || []).every(
+        (r) => !t.has(r) && I.has(r)
+      ) && e.add(n._key);
+    }), e;
+  }, [I, k, i]), R = () => i.filter((e) => !!((!a || (a == null ? void 0 : a(e))) && u.has(e.key))), d = m(() => R(), [i, a, u]);
+  return V(E, () => ({
+    // index: 第几个dom元素, 如果传入的是字符串，会作为 node 的 key去查找。
+    // nodeProps: _index 是 key 时，对应的node
+    scrollIntoView: (e, t) => {
+      let n = e;
+      if (typeof e == "string") {
+        let r = e;
+        !u.has(e) && (t != null && t.pathParentKeys) && (r = [...t.pathParentKeys].reverse().find((o) => u.has(o)) || n), n = d.findIndex(({ _key: o }) => o === r);
+      }
+      if (!x && f.current) {
+        const r = f.current, o = r ? r.children[n] : null;
+        o && b(o, {
+          boundary: r.parentElement
+        });
+      } else l.current && l.current.scrollTo({ index: n });
+    }
+  })), x ? /* @__PURE__ */ L(
+    P,
+    {
+      className: K,
+      style: p,
+      ref: l,
+      data: d,
+      isStaticItemHeight: !1,
+      itemKey: H,
+      onMouseDown: s.onMouseDown,
+      ...s.ariaProps,
+      ...c,
+      children: (e, t, { itemIndex: n }) => {
+        n === 0 && (D.current = M());
+        const y = S(e, D.current);
+        return /* @__PURE__ */ g(v, { ...e, key: e.key, ...y });
+      }
+    }
+  ) : /* @__PURE__ */ L(
+    "div",
+    {
+      role: "tree",
+      tabIndex: 0,
+      className: K,
+      style: p,
+      ref: f,
+      ...s.ariaProps,
+      onMouseDown: s.onMouseDown,
+      children: d.map((e) => {
+        const t = S(e);
+        return /* @__PURE__ */ g(v, { ...t, key: e.key });
+      })
+    }
+  );
+}
+const z = N(j);
 export {
-  a as default
+  z as default
 };