@unicom-cloud/ui 0.8.108 → 0.8.110

package/tree-select/Select.js

@@ -1,252 +1,389 @@
-import { jsx as y } from "react/jsx-runtime";
-import { isPlainObject as x, isEmptyValue as ie, isEmptyArray as le, isEmptyObject as ae } from "@unicom-cloud/utils/is";
-import ue from "lodash/debounce";
-import ce from "lodash/isArray";
-import C from "lodash/isFunction";
-import pe from "lodash/isNil";
-import { forwardRef as me, useContext as fe, useRef as d, useState as de, useCallback as S, useEffect as M, useMemo as ge, useImperativeHandle as he } from "react";
-import "../config-provider/ConfigProvider.js";
-import ye from "../components/common/hooks/useId.js";
-import Ce from "../components/common/hooks/useIsFirstRender.js";
-import Se from "../components/common/hooks/useMergeProps.js";
-import j from "../components/common/hooks/useMergeValue.js";
-import Ve from "../select-view/index.js";
-import u from "../tree/Tree.js";
-import { getAllCheckedKeysByCheck as be } from "../tree/util.js";
-import Pe from "../trigger/index.js";
-import $ from "@unicom-cloud/utils/class-name";
-import "../components/common/utils/is.js";
-import Ne from "./List.js";
-import Ie from "./hook/useKeyCache.js";
-import ke, { parseValue as Oe } from "./hook/useStateValue.js";
-import we from "./hook/useTreeData.js";
-import { DefaultFieldNames as Te } from "./interface.js";
-import { normalizeValueToArray as ve } from "./util.js";
-import Ee from "../config-provider/context.js";
-const He = {
+import { jsx as H } from "react/jsx-runtime";
+import { isPlainObject as re, isEmptyValue as be, isEmptyArray as Ce, isEmptyObject as ke } from "@unicom-cloud/utils/is";
+import Se from "lodash/debounce";
+import B from "lodash/isArray";
+import D from "lodash/isFunction";
+import Ve from "lodash/isNil";
+import { useContext as se, useRef as S, useState as z, useCallback as O, forwardRef as ve, useEffect as ne, useMemo as Pe, useImperativeHandle as Ie } from "react";
+import { a as ce } from "../chunk/BcEZk8pT.js";
+import { u as Ke } from "../chunk/BGJspFG9.js";
+import { u as Oe } from "../chunk/oopARUrq.js";
+import { u as _e } from "../chunk/FgWHhRFz.js";
+import { u as le } from "../chunk/2vdCeheu.js";
+import Te from "../select-view/index.js";
+import V from "../tree/Tree.js";
+import { getCheckedKeysByInitKeys as Ee, getTreeDataFromTreeChildren as He, getAllCheckedKeysByCheck as De } from "../tree/util.js";
+import Re from "../trigger/index.js";
+import q from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import we from "./List.js";
+import k from "lodash/get";
+import { u as Le } from "../chunk/BJeTDXdz.js";
+import { u as J } from "../chunk/DfChiMIE.js";
+import { DefaultFieldNames as ae } from "./interface.js";
+import oe from "lodash/isEqualWith";
+import xe from "lodash/isPlainObject";
+import Ae from "lodash/isUndefined";
+import { normalizeValueToArray as N } from "./util.js";
+import { u as Ne } from "../chunk/8w-ItYb1.js";
+import { T as vt } from "../chunk/CgN4U7Ou.js";
+const ie = (r, c, l) => {
+  const u = {};
+  let f = 0;
+  const o = (e, a) => {
+    const d = e.length;
+    return e.map((n, g) => {
+      const b = k(n, l.children) || n[l.children], m = k(n, l.key) || n[l.key] || `${a?._key || ""}-${g}`, i = {
+        ...n,
+        title: k(n, l.title) || n[l.title],
+        selectable: k(n, l.selectable) || n[l.selectable],
+        disabled: k(n, l.disabled) || n[l.disabled],
+        disableCheckbox: k(n, l.disableCheckbox) || n[l.disableCheckbox],
+        checkable: k(n, l.checkable) || n[l.checkable],
+        isLeaf: k(n, l.isLeaf) || n[l.isLeaf],
+        key: m,
+        children: b,
+        _key: m,
+        parentKey: a ? a._key : void 0,
+        pathParentKeys: a && a.pathParentKeys || [],
+        _level: a._level || 0,
+        _index: f++
+      };
+      return d === g + 1 && (i.className = q(
+        `${c}-node-is-tail`,
+        i.className
+      )), u[m] = i, b && b.length && (u[m].children = o(b, {
+        _key: m,
+        _level: i._level + 1,
+        pathParentKeys: [...a?.pathParentKeys || [], m]
+      })), i;
+    });
+  };
+  return o(r || [], {}), u;
+}, We = (r, c) => {
+  const { getPrefixCls: l } = se(ce), u = {
+    ...ae,
+    ...c
+  }, f = Le(), o = l?.("tree"), e = S(
+    ie(r, o, u)
+  );
+  return J(() => {
+    e.current = ie(r, o, u), f();
+  }, [r]), e.current;
+}, W = (r, c, l) => r == null ? [] : (B(r) ? r : [r]).map((f) => {
+  let o = xe(f) ? { ...f } : { value: f, label: void 0 };
+  const e = c[o.value];
+  if (e)
+    o.label = o.label || e.title, o.disabled = e.disabled;
+  else if (B(l)) {
+    const a = l.find((d) => d.value === o.value);
+    o = {
+      ...o,
+      ...a
+    };
+  }
+  return Ae(o.label) && (o.label = o.value), o;
+}), Fe = (r, c, l, u) => {
+  if (!u.treeCheckStrictly) {
+    const { checkedKeys: f, indeterminateKeys: o } = Ee(r, c);
+    let e = f;
+    return l.current = o, u.treeCheckedStrategy === V.SHOW_PARENT ? e = e.filter((a) => {
+      const d = c[a];
+      if (!d || e.indexOf(d.parentKey) === -1)
+        return !0;
+    }) : u.treeCheckedStrategy === V.SHOW_CHILD && (e = e.filter((a) => {
+      const d = c[a];
+      if (!d || !d.children || !d.children.length)
+        return !0;
+    })), e;
+  }
+  return l.current = [], r;
+}, $e = (r, c, l) => {
+  const u = S([]), f = () => {
+    const n = r.value || r.defaultValue || [];
+    if (r.treeCheckable) {
+      const g = Fe(
+        N(n),
+        c,
+        l,
+        r
+      ), b = W(
+        n,
+        c,
+        u.current
+      );
+      return W(
+        g,
+        c,
+        b
+      );
+    }
+    return W(n, c);
+  }, [o, e] = z(f), a = (n) => {
+    u.current = n, e(n);
+  };
+  J(() => {
+    const n = f();
+    "value" in r && (r.labelInValue ? oe(
+      N(o),
+      N(n)
+    ) || a(n) : oe(o, n) || a(n));
+  }, [
+    r.treeCheckedStrategy,
+    r.treeCheckStrictly,
+    r.treeCheckable,
+    r.value,
+    c
+  ]);
+  const d = O(
+    (n, g) => {
+      const { onChange: b, labelInValue: m } = r, i = r.multiple || r.treeCheckable;
+      "value" in r || a(n);
+      let v;
+      i ? v = n.map((_) => m ? { label: _.label, value: _.value } : _.value) : v = m ? n[0] : n[0] && n[0].value, b?.(v, g);
+    },
+    [
+      r.onChange,
+      r.labelInValue,
+      r.multiple,
+      r.treeCheckable,
+      r.value
+    ]
+  );
+  return [o, d];
+};
+function Me(r) {
+  const c = Ne(r) || {}, l = () => r.treeData || He(r.children), [u, f] = z(l());
+  return J(() => {
+    (r.treeData !== c.treeData || r.children !== c.children) && f(l());
+  }, [r]), [u];
+}
+const je = {
   bordered: !0,
-  treeCheckedStrategy: u.SHOW_CHILD,
-  fieldNames: Te
-}, Re = { bottom: 4 }, Ke = (U, z) => {
-  const { getPrefixCls: B, renderEmpty: J, componentConfig: q, rtl: K } = fe(Ee), t = Se(
-    U,
-    He,
-    q?.TreeSelect
-  ), G = Ce(), Q = d(), k = d(null), c = d(null), O = d([]), [g] = we(t), o = Ie(g, t.fieldNames), [w, X] = de(), [a, Y] = j(!1, {
-    value: t.popupVisible
-  }), [n, Z] = j(
+  treeCheckedStrategy: V.SHOW_CHILD,
+  fieldNames: ae
+}, Ue = { bottom: 4 }, Be = (r, c) => {
+  const { getPrefixCls: l, renderEmpty: u, componentConfig: f, rtl: o } = se(ce), e = _e(
+    r,
+    je,
+    f?.TreeSelect
+  ), a = Oe(), d = S(void 0), n = S(null), g = S(null), b = S([]), [m] = Me(e), i = We(m, e.fieldNames), [v, _] = z(), [P, ue] = le(!1, {
+    value: e.popupVisible
+  }), [p, fe] = le(
     void 0,
     // Compatible with previous behavior 'undefined as default'
     {
-      value: "inputValue" in t ? t.inputValue || "" : void 0
+      value: "inputValue" in e ? e.inputValue || "" : void 0
     }
-  ), b = d(n), A = d(null), { onInputValueChange: ee } = t, [l, T] = ke(
-    t,
-    o,
-    O
-  ), h = t.multiple || t.treeCheckable, p = B?.("tree-select"), v = n && !C(t.onSearch), D = ye(`${p}-popup-`), F = (e) => {
-    e !== a && (Y(e), t.onVisibleChange?.(e));
-  }, E = (e, r) => {
-    (e !== b.current || r !== A.current) && (Z(e), b.current = e, A.current = r, ee?.(e, r));
-  }, te = S(
-    (e) => ue(async (s) => {
-      if (C(t.onSearch)) {
-        await t.onSearch(s);
+  ), w = S(p), G = S(null), { onInputValueChange: me } = e, [C, F] = $e(
+    e,
+    i,
+    b
+  ), T = e.multiple || e.treeCheckable, I = l?.("tree-select"), $ = p && !D(e.onSearch), Q = Ke(`${I}-popup`), X = (t) => {
+    t !== P && (ue(t), e.onVisibleChange?.(t));
+  }, M = (t, s) => {
+    (t !== w.current || s !== G.current) && (fe(t), w.current = t, G.current = s, me?.(t, s));
+  }, de = O(
+    (t) => Se(async (h) => {
+      if (D(e.onSearch)) {
+        await e.onSearch(h);
         return;
       }
-      if (!s)
-        return g;
-      const i = /* @__PURE__ */ new Set();
-      Object.keys(o).forEach((m) => {
-        const f = o[m];
-        let N = !1;
-        if (C(t.filterTreeNode))
-          t.filterTreeNode(s, /* @__PURE__ */ y(u.Node, { ...f })) && (N = !0);
+      if (!h)
+        return m;
+      const y = /* @__PURE__ */ new Set();
+      Object.keys(i).forEach((K) => {
+        const { key: x, ...A } = i[K];
+        let E = !1;
+        if (D(e.filterTreeNode))
+          e.filterTreeNode(
+            h,
+            /* @__PURE__ */ H(V.Node, { ...A }, x)
+          ) && (E = !0);
         else {
-          const I = f.value || f._key;
-          I && I.indexOf(s) > -1 && (N = !0);
+          const te = A.value || A._key;
+          te && te.indexOf(h) > -1 && (E = !0);
         }
-        N && i.add(f.key);
-      }), X(i);
-    }, 100)(e),
-    [t.onSearch, g, o, t.filterTreeNode]
-  ), W = S(() => {
-    let e = !0;
-    x(t.showSearch) && (e = t.showSearch.retainInputValueWhileSelect !== !1), t.multiple && !e && n !== void 0 && E("", "optionChecked");
-  }, [n, t.multiple, JSON.stringify(t.showSearch)]), P = S(
-    (e, r) => {
-      T(e, r), W(), h || F(!1);
+        E && y.add(x);
+      }), _(y);
+    }, 100)(t),
+    [e.onSearch, m, i, e.filterTreeNode]
+  ), Y = O(() => {
+    let t = !0;
+    re(e.showSearch) && (t = e.showSearch.retainInputValueWhileSelect !== !1), e.multiple && !t && p !== void 0 && M("", "optionChecked");
+  }, [p, e.multiple, JSON.stringify(e.showSearch)]), L = O(
+    (t, s) => {
+      F(t, s), Y(), T || X(!1);
     },
-    [T, W, a]
-  ), re = (e, r, s) => {
-    if (s.stopPropagation(), e.disabled)
+    [F, Y, P]
+  ), pe = (t, s, h) => {
+    if (h.stopPropagation(), t.disabled)
       return;
-    const i = x(e.value) ? e.value.value : e.value;
-    if (!t.treeCheckable || t.treeCheckStrictly || !o[i]) {
-      const f = l.filter((N, I) => I !== r);
-      P(f, {
-        trigger: o[i] || e,
+    const y = re(t.value) ? t.value.value : t.value;
+    if (!e.treeCheckable || e.treeCheckStrictly || !i[y]) {
+      const x = C.filter((A, E) => E !== s);
+      L(x, {
+        trigger: i[y] || t,
         checked: !1,
         selected: !1
       });
       return;
     }
-    const m = be(
-      i,
+    const K = De(
+      y,
       !1,
-      ve(l),
-      o,
-      O.current
+      N(C),
+      i,
+      b.current
     );
-    O.current = m.indeterminateKeys, P(Oe(m.checkedKeys, o, l), {
-      trigger: o[i],
+    b.current = K.indeterminateKeys, L(W(K.checkedKeys, i, C), {
+      trigger: i[y],
       checked: !1,
       selected: !1
     });
   };
-  function H(e) {
-    return ie(e) || le(e) || ae(e);
+  function j(t) {
+    return be(t) || Ce(t) || ke(t);
   }
-  M(() => {
-    n !== void 0 && te(n), n !== b.current && (b.current = n);
-  }, [n]);
-  const R = ge(() => {
-    let e = [];
-    if (n)
-      for (const r in o) {
-        const i = [...o[r].pathParentKeys, r];
-        i.some((m) => w && w.has(m)) && (e = e.concat(i));
+  ne(() => {
+    p !== void 0 && de(p), p !== w.current && (w.current = p);
+  }, [p]);
+  const U = Pe(() => {
+    let t = [];
+    if (p)
+      for (const s in i) {
+        const y = [...i[s].pathParentKeys, s];
+        y.some((K) => v && v.has(K)) && (t = t.concat(y));
       }
-    return Array.from(new Set(e));
-  }, [n, o, w]);
-  M(() => {
-    a ? setTimeout(() => {
-      const e = l[0];
-      k.current && e && k.current.scrollIntoView(e.value);
-    }) : G || n && E("", "optionListHide");
-  }, [a]), he(z, () => ({
+    return Array.from(new Set(t));
+  }, [p, i, v]);
+  ne(() => {
+    P ? setTimeout(() => {
+      const t = C[0];
+      n.current && t && n.current.scrollIntoView(t.value);
+    }) : a || p && M("", "optionListHide");
+  }, [P]), Ie(c, () => ({
     focus() {
-      c.current && c.current.focus();
+      g.current && g.current.focus();
     },
     blur() {
-      c.current && c.current.blur();
+      g.current && g.current.blur();
     },
-    getRootDOMNode: () => c.current?.getRootDOMNode?.()
+    getRootDOMNode: () => g.current?.getRootDOMNode?.()
   }));
-  const oe = S(
-    (e) => v ? R.indexOf(e._key) > -1 : !0,
-    [v, R]
-  ), ne = S(
-    (e) => {
-      const { disabled: r, value: s } = e || {};
-      let i = e?.label;
-      return C(t.renderFormat) && (i = t.renderFormat(
-        o[s] || null,
-        t.labelInValue ? e : s
-      )), { text: i || s || "", disabled: r };
+  const he = O(
+    (t) => $ ? U.indexOf(t._key) > -1 : !0,
+    [$, U]
+  ), ge = O(
+    (t) => {
+      const { disabled: s, value: h } = t || {};
+      let y = t?.label;
+      return D(e.renderFormat) && (y = e.renderFormat(
+        i[h] || null,
+        e.labelInValue ? t : h
+      )), { text: y || h || "", disabled: s };
     },
-    [t.renderFormat, t.labelInValue, o]
-  ), se = (e) => {
-    T(e, {});
-  }, L = (e) => /* @__PURE__ */ y(
-    Pe,
+    [e.renderFormat, e.labelInValue, i]
+  ), ye = (t) => {
+    F(t, {});
+  }, Z = (t) => /* @__PURE__ */ H(
+    Re,
     {
       autoAlignPopupWidth: !1,
       autoAlignPopupMinWidth: !0,
-      ref: Q,
+      ref: d,
       classNames: "slideDynamicOrigin",
       trigger: "click",
       position: "bl",
-      getPopupContainer: t.getPopupContainer,
-      popupAlign: Re,
-      unmountOnExit: t.unmountOnExit,
-      ...t.triggerProps,
-      className: $(
-        `${p}-trigger`,
-        t.triggerProps && t.triggerProps.className
+      getPopupContainer: e.getPopupContainer,
+      popupAlign: Ue,
+      unmountOnExit: e.unmountOnExit,
+      ...e.triggerProps,
+      className: q(
+        `${I}-trigger`,
+        e.triggerProps && e.triggerProps.className
       ),
       popup: () => {
-        const r = t.dropdownRender, s = v && H(R) || H(g) ? t.notFoundContent || J?.("TreeSelect") : /* @__PURE__ */ y(
-          Ne,
+        const s = e.dropdownRender, h = $ && j(U) || j(m) ? e.notFoundContent || u?.("TreeSelect") : /* @__PURE__ */ H(
+          we,
           {
-            prefixCls: p,
-            ref: k,
-            ...t,
-            inputValue: n,
-            filterNode: oe,
-            value: l,
-            onChange: P,
-            multiple: h,
-            treeData: g
+            prefixCls: I,
+            ref: n,
+            ...e,
+            inputValue: p,
+            filterNode: he,
+            value: C,
+            onChange: L,
+            multiple: T,
+            treeData: m
           }
         );
-        return /* @__PURE__ */ y(
+        return /* @__PURE__ */ H(
           "div",
           {
-            id: D,
-            className: $(`${p}-popup`, {
-              [`${p}-rtl-popup`]: K
+            id: Q,
+            className: q(`${I}-popup`, {
+              [`${I}-rtl-popup`]: o
             }),
             style: {
-              maxHeight: t.treeProps?.height || t.treeProps?.virtualListProps?.height ? "unset" : "",
-              ...t.dropdownMenuStyle
+              maxHeight: e.treeProps?.height || e.treeProps?.virtualListProps?.height ? "unset" : "",
+              ...e.dropdownMenuStyle
             },
-            children: C(r) ? r(s) : s
+            children: D(s) ? s(h) : h
           }
         );
       },
-      disabled: t.disabled,
-      onVisibleChange: (r) => {
-        F(r);
+      disabled: e.disabled,
+      onVisibleChange: (s) => {
+        X(s);
       },
-      popupVisible: a,
-      children: e
+      popupVisible: P,
+      children: t
     }
-  ), _ = typeof t.triggerElement == "function" ? (() => {
-    let e;
-    return h ? e = l.map(
-      (r) => t.labelInValue ? { label: r.label, value: r.value } : r.value
-    ) : e = t.labelInValue ? l[0] : l[0]?.value, t.triggerElement({ value: e });
-  })() : t.triggerElement;
-  return pe(_) ? /* @__PURE__ */ y(
-    Ve,
+  ), ee = typeof e.triggerElement == "function" ? (() => {
+    let t;
+    return T ? t = C.map(
+      (s) => e.labelInValue ? { label: s.label, value: s.value } : s.value
+    ) : t = e.labelInValue ? C[0] : C[0]?.value, e.triggerElement({ value: t });
+  })() : e.triggerElement;
+  return Ve(ee) ? /* @__PURE__ */ H(
+    Te,
     {
-      ref: c,
-      rtl: K,
-      ariaControls: D,
-      ...t,
-      popupVisible: a,
-      value: !h && ce(l) ? l[0] : l,
-      inputValue: n,
-      isEmptyValue: H(l),
-      prefixCls: p,
-      isMultiple: h,
-      renderText: ne,
-      onSort: se,
-      onRemoveCheckedItem: re,
-      onClear: (e) => {
-        e.stopPropagation(), P([], {}), t.onClear?.(!!a);
+      ref: g,
+      rtl: o,
+      ariaControls: Q,
+      ...e,
+      popupVisible: P,
+      value: !T && B(C) ? C[0] : C,
+      inputValue: p,
+      isEmptyValue: j(C),
+      prefixCls: I,
+      isMultiple: T,
+      renderText: ge,
+      onSort: ye,
+      onRemoveCheckedItem: pe,
+      onClear: (t) => {
+        t.stopPropagation(), L([], {}), e.onClear?.(!!P);
       },
-      onKeyDown: (e) => {
-        e.stopPropagation(), t.onKeyDown?.(e);
+      onKeyDown: (t) => {
+        t.stopPropagation(), e.onKeyDown?.(t);
       },
-      onFocus: (e) => {
-        e && e.stopPropagation();
+      onFocus: (t) => {
+        t && t.stopPropagation();
       },
-      onChangeInputValue: (e) => {
-        E(e, "manual");
+      onChangeInputValue: (t) => {
+        M(t, "manual");
       },
-      renderView: L
+      renderView: Z
     }
-  ) : L(_);
-}, Ae = me(Ke), V = Ae;
-V.displayName = "TreeSelect";
-V.Node = u.Node;
-V.SHOW_ALL = u.SHOW_ALL;
-V.SHOW_PARENT = u.SHOW_PARENT;
-V.SHOW_CHILD = u.SHOW_CHILD;
-const it = u.Node;
+  ) : Z(ee);
+}, qe = ve(Be), R = qe;
+R.displayName = "TreeSelect";
+R.Node = V.Node;
+R.SHOW_ALL = V.SHOW_ALL;
+R.SHOW_PARENT = V.SHOW_PARENT;
+R.SHOW_CHILD = V.SHOW_CHILD;
 export {
-  it as TreeSelectTreeNode,
-  V as default
+  vt as TreeSelectNode,
+  R as default
 };

package/tree-select/index.js

@@ -1,6 +1,6 @@
 import o from "./Select.js";
-import { TreeSelectTreeNode as m } from "./Select.js";
+import { T as m } from "../chunk/CgN4U7Ou.js";
 export {
-  m as TreeSelectTreeNode,
+  m as TreeSelectNode,
   o as default
 };