@unicom-cloud/ui 0.8.96 → 0.8.98

package/tree-select/List.js

@@ -1,120 +1,119 @@
-import { jsxs as j, jsx as x } from "react/jsx-runtime";
+import { jsxs as j, jsx as v } from "react/jsx-runtime";
 import z from "lodash/isFunction";
 import I from "lodash/isString";
-import { forwardRef as K, useRef as $, useCallback as u, useMemo as y, useImperativeHandle as F } from "react";
+import { forwardRef as K, useRef as $, useCallback as o, useMemo as x, useImperativeHandle as F } from "react";
 import H from "../tree/Tree.js";
-function O(r, S) {
+function O(r, y) {
   const {
     value: c,
-    multiple: d,
-    loadMore: k,
-    treeCheckedStrategy: _,
-    treeCheckStrictly: w,
-    treeData: M,
-    treeProps: b,
-    prefixCls: m,
-    treeCheckable: R
-  } = r, C = b && b.renderTitle, h = $(), p = u(
-    (t, { checkedNodes: e, checked: a, node: l }) => {
-      const i = t.map((n) => {
-        const o = e.find((s) => s && s.props._key === n);
-        return o ? {
-          label: o.props.title,
-          value: o.props._key,
-          disabled: o.props.disabled
-        } : c.find((f) => f.value === n) || {
-          label: n,
-          value: n
+    multiple: h,
+    loadMore: d,
+    treeCheckedStrategy: S,
+    treeCheckStrictly: _,
+    treeData: w,
+    treeProps: f,
+    prefixCls: C,
+    treeCheckable: M
+  } = r, k = f && f.renderTitle, u = $(), m = o(
+    (t, { checkedNodes: e, checked: l, node: n }) => {
+      const i = t.map((a) => {
+        const s = e.find((b) => b && b.props._key === a);
+        return s ? {
+          label: s.props.title,
+          value: s.props._key,
+          disabled: s.props.disabled
+        } : c.find((D) => D.value === a) || {
+          label: a,
+          value: a
         };
       });
       r.onChange(i, {
-        checked: a,
-        trigger: l == null ? void 0 : l.props
+        checked: l,
+        trigger: n?.props
       });
     },
     [r.onChange, c]
-  ), g = u(
-    (t, { node: e, selected: a }) => {
-      let l = [
+  ), p = o(
+    (t, { node: e, selected: l }) => {
+      let n = [
         {
           value: e.props._key,
           label: e.props.title
         }
       ];
-      if (d) {
-        l = [...c];
-        const i = l.findIndex((n) => n.value === e.props._key);
-        i > -1 ? l.splice(i, 1) : l.push({
+      if (h) {
+        n = [...c];
+        const i = n.findIndex((a) => a.value === e.props._key);
+        i > -1 ? n.splice(i, 1) : n.push({
           value: e.props._key,
           label: e.props.title
         });
       }
-      r.onChange(l, { trigger: e == null ? void 0 : e.props, selected: a });
+      r.onChange(n, { trigger: e?.props, selected: l });
     },
-    [r.onChange, c, d]
-  ), v = u((t, { node: e, e: a }) => {
-    var s, f;
-    const { checked: l, checkable: i, disabled: n, disableCheckbox: o } = e.props;
-    h.current && !o && !n && i !== !1 && ((f = (s = h.current) == null ? void 0 : s.handleCheck) == null || f.call(s, !l, e.props._key, a));
-  }, []), L = u(
+    [r.onChange, c, h]
+  ), g = o((t, { node: e, e: l }) => {
+    const { checked: n, checkable: i, disabled: a, disableCheckbox: s } = e.props;
+    u.current && !s && !a && i !== !1 && u.current?.handleCheck?.(!n, e.props._key, l);
+  }, []), R = o(
     (t) => {
-      if (z(k)) {
+      if (z(d)) {
         const e = t.props.dataRef;
-        return k(t, e);
+        return d(t, e);
       }
       return [];
     },
-    [k]
-  ), N = u(
+    [d]
+  ), L = o(
     (t) => {
-      if (C)
-        return C(t);
-      const e = r.inputValue, { title: a } = t;
-      if (e && I(a)) {
-        const l = a.toLowerCase().indexOf(e.toLowerCase());
-        if (l === -1)
-          return a;
-        const i = a.substring(0, l + 1), n = a.substring(l + e.length);
+      if (k)
+        return k(t);
+      const e = r.inputValue, { title: l } = t;
+      if (e && I(l)) {
+        const n = l.toLowerCase().indexOf(e.toLowerCase());
+        if (n === -1)
+          return l;
+        const i = l.substring(0, n + 1), a = l.substring(n + e.length);
         return /* @__PURE__ */ j("span", { children: [
           i,
-          /* @__PURE__ */ x("span", { className: `${m}-highlight`, children: a.substring(l, e.length + 1) }),
-          n
+          /* @__PURE__ */ v("span", { className: `${C}-highlight`, children: l.substring(n, e.length + 1) }),
+          a
         ] });
       }
-      return a;
+      return l;
     },
-    [m, r.inputValue, C]
-  ), V = y(() => r.treeCheckable ? {
-    onCheck: p,
+    [C, r.inputValue, k]
+  ), N = x(() => r.treeCheckable ? {
+    onCheck: m,
     checkedKeys: c.map((t) => t.value)
-  } : {}, [p, c, r.treeCheckable]), T = y(() => r.treeCheckable ? [] : c.map((t) => t.value), [r.treeCheckable, c]), D = u(
+  } : {}, [m, c, r.treeCheckable]), V = x(() => r.treeCheckable ? [] : c.map((t) => t.value), [r.treeCheckable, c]), T = o(
     (t, e) => {
-      r.treeCheckable ? v(t, e) : g(t, e);
+      r.treeCheckable ? g(t, e) : p(t, e);
     },
-    [r.treeCheckable, v, g]
+    [r.treeCheckable, g, p]
   );
-  return F(S, () => h.current, []), /* @__PURE__ */ x(
+  return F(y, () => u.current, []), /* @__PURE__ */ v(
     H,
     {
-      ref: h,
+      ref: u,
       size: r.size,
       blockNode: !0,
       filterNode: r.filterNode,
-      ...b,
-      checkable: R,
-      multiple: d,
-      loadMore: r.loadMore ? L : void 0,
-      checkedStrategy: _,
-      checkStrictly: w,
+      ...f,
+      checkable: M,
+      multiple: h,
+      loadMore: r.loadMore ? R : void 0,
+      checkedStrategy: S,
+      checkStrictly: _,
       onMouseDown: (t) => {
         t.preventDefault();
       },
-      ...V,
-      treeData: M,
+      ...N,
+      treeData: w,
       fieldNames: r.fieldNames,
-      renderTitle: N,
-      onSelect: D,
-      selectedKeys: T
+      renderTitle: L,
+      onSelect: T,
+      selectedKeys: V
     }
   );
 }

package/tree-select/Select.js

@@ -1,186 +1,181 @@
 import { jsx as y } from "react/jsx-runtime";
-import { isPlainObject as U, isEmptyValue as ie, isEmptyArray as le, isEmptyObject as ae } from "@unicom-cloud/utils/is";
+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 S from "lodash/isFunction";
+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 C, useEffect as z, useMemo as ge, useImperativeHandle as he } from "react";
+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 Se from "../components/common/hooks/useIsFirstRender.js";
-import Ce from "../components/common/hooks/useMergeProps.js";
-import B from "../components/common/hooks/useMergeValue.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 p from "../tree/Tree.js";
+import u from "../tree/Tree.js";
 import { getAllCheckedKeysByCheck as be } from "../tree/util.js";
-import Ne from "../trigger/index.js";
-import J from "@unicom-cloud/utils/class-name";
+import Pe from "../trigger/index.js";
+import $ from "@unicom-cloud/utils/class-name";
 import "../components/common/utils/is.js";
-import Pe from "./List.js";
-import ke from "./hook/useKeyCache.js";
-import Ie, { parseValue as Oe } from "./hook/useStateValue.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 He } from "./util.js";
-import Re from "../config-provider/context.js";
-const ve = {
+import { normalizeValueToArray as ve } from "./util.js";
+import Ee from "../config-provider/context.js";
+const He = {
   bordered: !0,
-  treeCheckedStrategy: p.SHOW_CHILD,
+  treeCheckedStrategy: u.SHOW_CHILD,
   fieldNames: Te
-}, Ee = { bottom: 4 }, Ke = (q, G) => {
-  const { getPrefixCls: I, renderEmpty: O, componentConfig: w, rtl: W } = fe(Re), t = Ce(
-    q,
-    ve,
-    w == null ? void 0 : w.TreeSelect
-  ), Q = Se(), X = d(), T = d(null), m = d(null), H = d([]), [g] = we(t), s = ke(g, t.fieldNames), [R, Y] = de(), [c, Z] = B(!1, {
+}, 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
-  }), [i, ee] = B(
+  }), [n, Z] = j(
     void 0,
     // Compatible with previous behavior 'undefined as default'
     {
       value: "inputValue" in t ? t.inputValue || "" : void 0
     }
-  ), b = d(i), L = d(null), { onInputValueChange: v } = t, [l, E] = Ie(
+  ), b = d(n), A = d(null), { onInputValueChange: ee } = t, [l, T] = ke(
     t,
-    s,
-    H
-  ), h = t.multiple || t.treeCheckable, f = I == null ? void 0 : I("tree-select"), K = i && !S(t.onSearch), _ = ye(`${f}-popup-`), M = (e) => {
-    var r;
-    e !== c && (Z(e), (r = t.onVisibleChange) == null || r.call(t, e));
-  }, A = (e, r) => {
-    (e !== b.current || r !== L.current) && (ee(e), b.current = e, L.current = r, v == null || v(e, r));
-  }, te = C(
-    (e) => ue(async (o) => {
-      if (S(t.onSearch)) {
-        await t.onSearch(o);
+    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);
         return;
       }
-      if (!o)
+      if (!s)
         return g;
-      const n = /* @__PURE__ */ new Set();
-      Object.keys(s).forEach((a) => {
-        const u = s[a];
-        let P = !1;
-        if (S(t.filterTreeNode))
-          t.filterTreeNode(o, /* @__PURE__ */ y(p.Node, { ...u })) && (P = !0);
+      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);
         else {
-          const k = u.value || u._key;
-          k && k.indexOf(o) > -1 && (P = !0);
+          const I = f.value || f._key;
+          I && I.indexOf(s) > -1 && (N = !0);
         }
-        P && n.add(u.key);
-      }), Y(n);
+        N && i.add(f.key);
+      }), X(i);
     }, 100)(e),
-    [t.onSearch, g, s, t.filterTreeNode]
-  ), x = C(() => {
+    [t.onSearch, g, o, t.filterTreeNode]
+  ), W = S(() => {
     let e = !0;
-    U(t.showSearch) && (e = t.showSearch.retainInputValueWhileSelect !== !1), t.multiple && !e && i !== void 0 && A("", "optionChecked");
-  }, [i, t.multiple, JSON.stringify(t.showSearch)]), N = C(
+    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) => {
-      E(e, r), x(), h || M(!1);
+      T(e, r), W(), h || F(!1);
     },
-    [E, x, c]
-  ), re = (e, r, o) => {
-    if (o.stopPropagation(), e.disabled)
+    [T, W, a]
+  ), re = (e, r, s) => {
+    if (s.stopPropagation(), e.disabled)
       return;
-    const n = U(e.value) ? e.value.value : e.value;
-    if (!t.treeCheckable || t.treeCheckStrictly || !s[n]) {
-      const u = l.filter((P, k) => k !== r);
-      N(u, {
-        trigger: s[n] || e,
+    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,
         checked: !1,
         selected: !1
       });
       return;
     }
-    const a = be(
-      n,
+    const m = be(
+      i,
       !1,
-      He(l),
-      s,
-      H.current
+      ve(l),
+      o,
+      O.current
     );
-    H.current = a.indeterminateKeys, N(Oe(a.checkedKeys, s, l), {
-      trigger: s[n],
+    O.current = m.indeterminateKeys, P(Oe(m.checkedKeys, o, l), {
+      trigger: o[i],
       checked: !1,
       selected: !1
     });
   };
-  function D(e) {
+  function H(e) {
     return ie(e) || le(e) || ae(e);
   }
-  z(() => {
-    i !== void 0 && te(i), i !== b.current && (b.current = i);
-  }, [i]);
-  const F = ge(() => {
+  M(() => {
+    n !== void 0 && te(n), n !== b.current && (b.current = n);
+  }, [n]);
+  const R = ge(() => {
     let e = [];
-    if (i)
-      for (const r in s) {
-        const n = [...s[r].pathParentKeys, r];
-        n.some((a) => R && R.has(a)) && (e = e.concat(n));
+    if (n)
+      for (const r in o) {
+        const i = [...o[r].pathParentKeys, r];
+        i.some((m) => w && w.has(m)) && (e = e.concat(i));
       }
     return Array.from(new Set(e));
-  }, [i, s, R]);
-  z(() => {
-    c ? setTimeout(() => {
+  }, [n, o, w]);
+  M(() => {
+    a ? setTimeout(() => {
       const e = l[0];
-      T.current && e && T.current.scrollIntoView(e.value);
-    }) : Q || i && A("", "optionListHide");
-  }, [c]), he(G, () => ({
+      k.current && e && k.current.scrollIntoView(e.value);
+    }) : G || n && E("", "optionListHide");
+  }, [a]), he(z, () => ({
     focus() {
-      m.current && m.current.focus();
+      c.current && c.current.focus();
     },
     blur() {
-      m.current && m.current.blur();
+      c.current && c.current.blur();
     },
-    getRootDOMNode: () => {
-      var e, r;
-      return (r = (e = m.current) == null ? void 0 : e.getRootDOMNode) == null ? void 0 : r.call(e);
-    }
+    getRootDOMNode: () => c.current?.getRootDOMNode?.()
   }));
-  const oe = C(
-    (e) => K ? F.indexOf(e._key) > -1 : !0,
-    [K, F]
-  ), ne = C(
+  const oe = S(
+    (e) => v ? R.indexOf(e._key) > -1 : !0,
+    [v, R]
+  ), ne = S(
     (e) => {
-      const { disabled: r, value: o } = e || {};
-      let n = e == null ? void 0 : e.label;
-      return S(t.renderFormat) && (n = t.renderFormat(
-        s[o] || null,
-        t.labelInValue ? e : o
-      )), { text: n || o || "", disabled: r };
+      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 };
     },
-    [t.renderFormat, t.labelInValue, s]
+    [t.renderFormat, t.labelInValue, o]
   ), se = (e) => {
-    E(e, {});
-  }, j = (e) => /* @__PURE__ */ y(
-    Ne,
+    T(e, {});
+  }, L = (e) => /* @__PURE__ */ y(
+    Pe,
     {
       autoAlignPopupWidth: !1,
       autoAlignPopupMinWidth: !0,
-      ref: X,
+      ref: Q,
       classNames: "slideDynamicOrigin",
       trigger: "click",
       position: "bl",
       getPopupContainer: t.getPopupContainer,
-      popupAlign: Ee,
+      popupAlign: Re,
       unmountOnExit: t.unmountOnExit,
       ...t.triggerProps,
-      className: J(
-        `${f}-trigger`,
+      className: $(
+        `${p}-trigger`,
         t.triggerProps && t.triggerProps.className
       ),
       popup: () => {
-        var n, a, u;
-        const r = t.dropdownRender, o = K && D(F) || D(g) ? t.notFoundContent || (O == null ? void 0 : O("TreeSelect")) : /* @__PURE__ */ y(
-          Pe,
+        const r = t.dropdownRender, s = v && H(R) || H(g) ? t.notFoundContent || J?.("TreeSelect") : /* @__PURE__ */ y(
+          Ne,
           {
-            prefixCls: f,
-            ref: T,
+            prefixCls: p,
+            ref: k,
             ...t,
-            inputValue: i,
+            inputValue: n,
             filterNode: oe,
             value: l,
-            onChange: N,
+            onChange: P,
             multiple: h,
             treeData: g
           }
@@ -188,72 +183,69 @@ const ve = {
         return /* @__PURE__ */ y(
           "div",
           {
-            id: _,
-            className: J(`${f}-popup`, {
-              [`${f}-rtl-popup`]: W
+            id: D,
+            className: $(`${p}-popup`, {
+              [`${p}-rtl-popup`]: K
             }),
             style: {
-              maxHeight: (n = t.treeProps) != null && n.height || (u = (a = t.treeProps) == null ? void 0 : a.virtualListProps) != null && u.height ? "unset" : "",
+              maxHeight: t.treeProps?.height || t.treeProps?.virtualListProps?.height ? "unset" : "",
               ...t.dropdownMenuStyle
             },
-            children: S(r) ? r(o) : o
+            children: C(r) ? r(s) : s
           }
         );
       },
       disabled: t.disabled,
       onVisibleChange: (r) => {
-        M(r);
+        F(r);
       },
-      popupVisible: c,
+      popupVisible: a,
       children: e
     }
-  ), $ = typeof t.triggerElement == "function" ? (() => {
-    var r;
+  ), _ = typeof t.triggerElement == "function" ? (() => {
     let e;
     return h ? e = l.map(
-      (o) => t.labelInValue ? { label: o.label, value: o.value } : o.value
-    ) : e = t.labelInValue ? l[0] : (r = l[0]) == null ? void 0 : r.value, t.triggerElement({ value: e });
+      (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(
+  return pe(_) ? /* @__PURE__ */ y(
     Ve,
     {
-      ref: m,
-      rtl: W,
-      ariaControls: _,
+      ref: c,
+      rtl: K,
+      ariaControls: D,
       ...t,
-      popupVisible: c,
+      popupVisible: a,
       value: !h && ce(l) ? l[0] : l,
-      inputValue: i,
-      isEmptyValue: D(l),
-      prefixCls: f,
+      inputValue: n,
+      isEmptyValue: H(l),
+      prefixCls: p,
       isMultiple: h,
       renderText: ne,
       onSort: se,
       onRemoveCheckedItem: re,
       onClear: (e) => {
-        var r;
-        e.stopPropagation(), N([], {}), (r = t.onClear) == null || r.call(t, !!c);
+        e.stopPropagation(), P([], {}), t.onClear?.(!!a);
       },
       onKeyDown: (e) => {
-        var r;
-        e.stopPropagation(), (r = t.onKeyDown) == null || r.call(t, e);
+        e.stopPropagation(), t.onKeyDown?.(e);
       },
       onFocus: (e) => {
         e && e.stopPropagation();
       },
       onChangeInputValue: (e) => {
-        A(e, "manual");
+        E(e, "manual");
       },
-      renderView: j
+      renderView: L
     }
-  ) : j($);
+  ) : L(_);
 }, Ae = me(Ke), V = Ae;
 V.displayName = "TreeSelect";
-V.Node = p.Node;
-V.SHOW_ALL = p.SHOW_ALL;
-V.SHOW_PARENT = p.SHOW_PARENT;
-V.SHOW_CHILD = p.SHOW_CHILD;
-const it = p.Node;
+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;
 export {
   it as TreeSelectTreeNode,
   V as default