@unicom-cloud/ui 0.8.96 → 0.8.98

package/cascader/Cascader.js

@@ -1,228 +1,217 @@
-import { jsx as p } from "react/jsx-runtime";
-import ce from "@unicom-cloud/icons/IconUiCheck";
-import de from "@unicom-cloud/icons/IconUiLeft";
+import { jsx as c } from "react/jsx-runtime";
+import ue from "@unicom-cloud/icons/IconUiCheck";
+import ce from "@unicom-cloud/icons/IconUiLeft";
 import pe from "@unicom-cloud/icons/IconUiLoading";
-import me from "@unicom-cloud/icons/IconUiRight";
-import { isEmptyValue as fe, isEmptyArray as he } from "@unicom-cloud/utils/is";
-import ge from "lodash/isArray";
-import O from "lodash/isFunction";
-import L from "lodash/isPlainObject";
-import Ce from "lodash/isString";
-import { forwardRef as Ve, useContext as ve, useRef as S, useState as ye, useEffect as $, useImperativeHandle as Se, useCallback as j } from "react";
+import de from "@unicom-cloud/icons/IconUiRight";
+import { isEmptyValue as me, isEmptyArray as fe } from "@unicom-cloud/utils/is";
+import he from "lodash/isArray";
+import k from "lodash/isFunction";
+import x from "lodash/isPlainObject";
+import ge from "lodash/isString";
+import { forwardRef as Ce, useContext as Ve, useRef as y, useState as ve, useEffect as B, useImperativeHandle as ye, useCallback as _ } from "react";
 import "../config-provider/ConfigProvider.js";
-import be from "../components/common/hooks/useForceUpdate.js";
-import ke from "../components/common/hooks/useId.js";
-import we from "../components/common/hooks/useMergeProps.js";
-import z from "../components/common/hooks/useMergeValue.js";
-import Oe from "../components/common/hooks/useUpdateEffect.js";
-import Ee from "../select-view/index.js";
-import Ne from "../trigger/index.js";
-import Pe from "@unicom-cloud/utils/class-name";
-import { Esc as Ie, Tab as xe, Enter as Me } from "@unicom-cloud/utils/constant/keyboardCode";
-import Le from "./hook/useRefCurrent.js";
-import Te from "./panel/List.js";
-import Re from "./panel/Search.js";
-import { SHOW_CHILD as De, getConfig as Fe, getStore as Ae, formatValue as b, transformValuesToSet as Ue, valueInSet as Be, removeValueFromSet as _e, PANEL_MODE as K } from "./util.js";
-import He from "../config-provider/context.js";
-const We = {
+import Se from "../components/common/hooks/useForceUpdate.js";
+import be from "../components/common/hooks/useId.js";
+import ke from "../components/common/hooks/useMergeProps.js";
+import H from "../components/common/hooks/useMergeValue.js";
+import we from "../components/common/hooks/useUpdateEffect.js";
+import Oe from "../select-view/index.js";
+import Ee from "../trigger/index.js";
+import Ne from "@unicom-cloud/utils/class-name";
+import { Esc as Pe, Tab as xe, Enter as Ie } from "@unicom-cloud/utils/constant/keyboardCode";
+import Me from "./hook/useRefCurrent.js";
+import Le from "./panel/List.js";
+import Te from "./panel/Search.js";
+import { SHOW_CHILD as Re, getConfig as De, getStore as Fe, formatValue as S, transformValuesToSet as Ae, valueInSet as Ue, removeValueFromSet as Be, PANEL_MODE as W } from "./util.js";
+import _e from "../config-provider/context.js";
+const He = {
   label: "label",
   value: "value",
   isLeaf: "isLeaf",
   children: "children",
   disabled: "disabled"
-}, $e = {
+}, We = {
   options: [],
   bordered: !0,
-  fieldNames: We,
+  fieldNames: He,
   trigger: "click",
   expandTrigger: "click",
-  checkedStrategy: De,
+  checkedStrategy: Re,
   defaultActiveFirstOption: !0
-}, je = { bottom: 4 };
-function ze(J, q) {
-  const { getPrefixCls: E, renderEmpty: G, componentConfig: N, rtl: v } = ve(He), e = we(
-    J,
-    $e,
-    N == null ? void 0 : N.Cascader
+}, $e = { bottom: 4 };
+function je($, j) {
+  const { getPrefixCls: z, renderEmpty: K, componentConfig: J, rtl: V } = Ve(_e), e = ke(
+    $,
+    We,
+    J?.Cascader
   ), {
-    disabled: T,
-    renderFormat: P,
-    getPopupContainer: Q,
-    children: R,
-    triggerProps: X,
-    expandTrigger: Y,
-    icons: f
-  } = e, D = {
-    loading: (f == null ? void 0 : f.loading) || /* @__PURE__ */ p(pe, {}),
-    checked: (f == null ? void 0 : f.checked) || /* @__PURE__ */ p(ce, {}),
-    next: (f == null ? void 0 : f.next) || (v ? /* @__PURE__ */ p(de, {}) : /* @__PURE__ */ p(me, {}))
-  }, g = E == null ? void 0 : E("cascader"), a = e.mode === "multiple", y = S(null), Z = be(), l = Le(() => Ae(
+    disabled: I,
+    renderFormat: w,
+    getPopupContainer: q,
+    children: M,
+    triggerProps: G,
+    expandTrigger: Q,
+    icons: O
+  } = e, L = {
+    loading: O?.loading || /* @__PURE__ */ c(pe, {}),
+    checked: O?.checked || /* @__PURE__ */ c(ue, {}),
+    next: O?.next || (V ? /* @__PURE__ */ c(ce, {}) : /* @__PURE__ */ c(de, {}))
+  }, h = z?.("cascader"), a = e.mode === "multiple", v = y(null), X = Se(), s = Me(() => Fe(
     e,
-    b(
+    S(
       "value" in e ? e.value : e.defaultValue,
       a
     )
-  ), [JSON.stringify(Fe(e)), e.options]), [I, F] = ye(() => "value" in e ? b(e.value, a, l) : "defaultValue" in e ? b(e.defaultValue, a, l) : []), h = "value" in e ? b(e.value, a, l) : I, [u, ee] = z(!1, {
+  ), [JSON.stringify(De(e)), e.options]), [E, T] = ve(() => "value" in e ? S(e.value, a, s) : "defaultValue" in e ? S(e.defaultValue, a, s) : []), f = "value" in e ? S(e.value, a, s) : E, [l, Y] = H(!1, {
     value: e.popupVisible,
     defaultValue: e.defaultPopupVisible
-  }), [c, te, ne] = z("", {
+  }), [u, Z, ee] = H("", {
     value: "inputValue" in e ? e.inputValue || "" : void 0
-  }), k = S(c), A = S(null), C = S(null), x = S((l == null ? void 0 : l.getCheckedNodes()) || []), U = ke(`${g}-popup-`), M = (t, n) => {
-    var r;
-    t !== k.current && (te(t), k.current = t, A.current = n, (r = e.onInputValueChange) == null || r.call(e, t, n));
+  }), b = y(u), R = y(null), g = y(null), N = y(s?.getCheckedNodes() || []), D = be(`${h}-popup-`), P = (t, n) => {
+    t !== b.current && (Z(t), b.current = t, R.current = n, e.onInputValueChange?.(t, n));
   };
-  function re(t) {
-    return fe(t) || he(t);
+  function te(t) {
+    return me(t) || fe(t);
   }
-  $(() => {
-    var n;
-    const { current: t } = A;
-    ne === c && (t === "manual" || t === "optionListHide") && ((n = e.onSearch) == null || n.call(e, c, t)), c !== k.current && (k.current = c);
-  }, [c]), $(() => {
+  B(() => {
+    const { current: t } = R;
+    ee === u && (t === "manual" || t === "optionListHide") && e.onSearch?.(u, t), u !== b.current && (b.current = u);
+  }, [u]), B(() => {
     const t = () => {
-      clearTimeout(y.current), y.current = null;
+      clearTimeout(v.current), v.current = null;
     };
-    return !u && c && (y.current && t(), y.current = setTimeout(() => {
-      M("", "optionListHide"), y.current = null;
+    return !l && u && (v.current && t(), v.current = setTimeout(() => {
+      P("", "optionListHide"), v.current = null;
     }, 200)), () => {
       t();
     };
-  }, [u]), Oe(() => {
-    if ("value" in e && e.value !== I) {
-      const t = b(e.value, a);
-      l.setNodeCheckedByValue(t), F(t);
+  }, [l]), we(() => {
+    if ("value" in e && e.value !== E) {
+      const t = S(e.value, a);
+      s.setNodeCheckedByValue(t), T(t);
     }
-  }, [e.value, a]), Se(q, () => C.current, []);
-  const oe = (t) => {
-    x.current = Array.from(
-      new Set([].concat(t, x.current))
+  }, [e.value, a]), ye(j, () => g.current, []);
+  const ne = (t) => {
+    N.current = Array.from(
+      new Set([].concat(t, N.current))
     );
-  }, B = (t) => {
-    const n = [], r = Ue(t), i = (o) => {
-      o.some((s) => {
-        if (Be(r, s.pathValue) && (n.push(s.getPathNodes().map((d) => d._data)), _e(r, s.pathValue)), !r.size)
+  }, F = (t) => {
+    const n = [], o = Ae(t), i = (r) => {
+      r.some((d) => {
+        if (Ue(o, d.pathValue) && (n.push(d.getPathNodes().map((m) => m._data)), Be(o, d.pathValue)), !o.size)
           return !0;
       });
     };
-    return i(l.getCheckedNodes()), r.size && i(x.current), n;
-  }, m = j(
+    return i(s.getCheckedNodes()), o.size && i(N.current), n;
+  }, p = _(
     (t) => {
-      var n;
-      t !== u && ((n = e.onVisibleChange) == null || n.call(e, t), "popupVisible" in e || ee(t));
+      t !== l && (e.onVisibleChange?.(t), "popupVisible" in e || Y(t));
     },
-    [e.onVisibleChange, u]
-  ), ie = j(
+    [e.onVisibleChange, l]
+  ), re = _(
     (t) => {
-      var o;
-      const n = B([t])[0] || [];
-      let r, i = ge(t) ? t.map((s) => String(s)) : [];
-      return n.length && (i = n.map((s) => s.label)), O(P) ? r = P(i) : i.every((s, d, w) => Ce(s)) ? r = i.join(" / ") : r = i.reduce((s, d, w) => s.concat(w === 0 ? [d] : [" / ", d]), []), {
-        text: r || "",
-        disabled: (o = n[n.length - 1]) == null ? void 0 : o.disabled
+      const n = F([t])[0] || [];
+      let o, i = he(t) ? t.map((r) => String(r)) : [];
+      return n.length && (i = n.map((r) => r.label)), k(w) ? o = w(i) : i.every((r, d, m) => ge(r)) ? o = i.join(" / ") : o = i.reduce((r, d, m) => r.concat(m === 0 ? [d] : [" / ", d]), []), {
+        text: o || "",
+        disabled: n[n.length - 1]?.disabled
       };
     },
-    [l, I, P]
+    [s, E, w]
     // 这里把 stateValue 放到依赖里面，是因为当受控时props.value改变或非受控时内部stateValue改变，都会需要出发节点选中状态的更新
     // 此时需要重新渲染已选中值的展示
-  ), V = (t, n) => {
-    var W;
-    n === "panel" && L(e.showSearch) && !e.showSearch.retainInputValueWhileSelect && a && M("", "optionChecked");
-    const { onChange: r, changeOnSelect: i, expandTrigger: o } = e;
-    if (h === t)
+  ), C = (t, n) => {
+    n === "panel" && x(e.showSearch) && !e.showSearch.retainInputValueWhileSelect && a && P("", "optionChecked");
+    const { onChange: o, changeOnSelect: i, expandTrigger: r } = e;
+    if (f === t)
       return;
-    a || l.setNodeCheckedByValue(t), oe(l.getCheckedNodes());
-    const d = B(t), w = a ? t : t[0], ue = a ? d : d[0];
-    a || (c || d[0] && ((W = d[0][d[0].length - 1]) != null && W.isLeaf) || i && o === "hover") && m(!1), "value" in e ? (l.setNodeCheckedByValue(h), Z()) : F(t), r == null || r(w, ue, {
-      dropdownVisible: u
+    a || s.setNodeCheckedByValue(t), ne(s.getCheckedNodes());
+    const m = F(t), se = a ? t : t[0], le = a ? m : m[0];
+    a || (u || m[0] && m[0][m[0].length - 1]?.isLeaf || i && r === "hover") && p(!1), "value" in e ? (s.setNodeCheckedByValue(f), X()) : T(t), o?.(se, le, {
+      dropdownVisible: l
     });
-  }, ae = (t, n, r) => {
-    if (r.stopPropagation(), t.disabled)
+  }, oe = (t, n, o) => {
+    if (o.stopPropagation(), t.disabled)
       return;
-    const i = h.filter((o, s) => s !== n);
-    l.setNodeCheckedByValue(i), V(i);
-  }, _ = (t) => {
-    const n = t || C.current && C.current.getWidth();
-    return /* @__PURE__ */ p(
+    const i = f.filter((r, d) => d !== n);
+    s.setNodeCheckedByValue(i), C(i);
+  }, A = (t) => {
+    const n = t || g.current && g.current.getWidth();
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: `${g}-list-empty`,
+        className: `${h}-list-empty`,
         style: { width: n },
-        children: e.notFoundContent || G("Cascader")
+        children: e.notFoundContent || K("Cascader")
       }
     );
-  }, le = () => {
-    const t = L(e.showSearch) ? e.showSearch.panelMode : void 0, n = t === K.select ? !0 : t === K.cascader ? !1 : !O(e.onSearch) && !!c, r = C.current && C.current.getWidth(), i = O(e.dropdownRender) ? e.dropdownRender : (o) => o;
-    return /* @__PURE__ */ p(
+  }, ie = () => {
+    const t = x(e.showSearch) ? e.showSearch.panelMode : void 0, n = t === W.select ? !0 : t === W.cascader ? !1 : !k(e.onSearch) && !!u, o = g.current && g.current.getWidth(), i = k(e.dropdownRender) ? e.dropdownRender : (r) => r;
+    return /* @__PURE__ */ c(
       "div",
       {
-        id: U,
-        className: Pe(`${g}-popup`, e.dropdownMenuClassName, {
-          [`${g}-popup-trigger-hover`]: e.expandTrigger === "hover"
+        id: D,
+        className: Ne(`${h}-popup`, e.dropdownMenuClassName, {
+          [`${h}-popup-trigger-hover`]: e.expandTrigger === "hover"
         }),
         children: i(
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ c(
             "div",
             {
-              className: `${g}-popup-inner`,
-              onMouseDown: (o) => o.preventDefault(),
-              children: n ? /* @__PURE__ */ p(
-                Re,
+              className: `${h}-popup-inner`,
+              onMouseDown: (r) => r.preventDefault(),
+              children: n ? /* @__PURE__ */ c(
+                Te,
                 {
-                  style: { minWidth: r },
-                  store: l,
-                  inputValue: c,
-                  renderEmpty: () => _(r),
+                  style: { minWidth: o },
+                  store: s,
+                  inputValue: u,
+                  renderEmpty: () => A(o),
                   multiple: a,
-                  onChange: (o) => {
-                    V(o, "panel");
+                  onChange: (r) => {
+                    C(r, "panel");
                   },
-                  prefixCls: g,
-                  rtl: v,
+                  prefixCls: h,
+                  rtl: V,
                   onEsc: () => {
-                    m(!1);
-                  },
-                  renderOption: L(e.showSearch) && e.showSearch.renderOption || void 0,
-                  getTriggerElement: () => {
-                    var o;
-                    return (o = C.current) == null ? void 0 : o.dom;
+                    p(!1);
                   },
-                  value: h,
+                  renderOption: x(e.showSearch) && e.showSearch.renderOption || void 0,
+                  getTriggerElement: () => g.current?.dom,
+                  value: f,
                   virtualListProps: e.virtualListProps,
                   defaultActiveFirstOption: e.defaultActiveFirstOption,
-                  icons: D
+                  icons: L
                 }
-              ) : /* @__PURE__ */ p(
-                Te,
+              ) : /* @__PURE__ */ c(
+                Le,
                 {
                   dropdownMenuColumnStyle: e.dropdownMenuColumnStyle,
                   virtualListProps: e.virtualListProps,
-                  expandTrigger: Y,
-                  store: l,
+                  expandTrigger: Q,
+                  store: s,
                   dropdownColumnRender: e.dropdownColumnRender,
                   renderOption: e.renderOption,
                   changeOnSelect: e.changeOnSelect,
                   showEmptyChildren: e.showEmptyChildren || !!e.loadMore,
                   multiple: a,
-                  onChange: (o) => {
-                    V(o, "panel");
+                  onChange: (r) => {
+                    C(r, "panel");
                   },
                   loadMore: e.loadMore,
-                  prefixCls: g,
-                  rtl: v,
-                  getTriggerElement: () => {
-                    var o;
-                    return (o = C.current) == null ? void 0 : o.dom;
-                  },
-                  renderEmpty: _,
-                  popupVisible: u,
-                  value: h,
+                  prefixCls: h,
+                  rtl: V,
+                  getTriggerElement: () => g.current?.dom,
+                  renderEmpty: A,
+                  popupVisible: l,
+                  value: f,
                   renderFooter: e.renderFooter,
-                  icons: D,
+                  icons: L,
                   onEsc: () => {
-                    m(!1);
+                    p(!1);
                   },
                   onDoubleClickOption: () => {
-                    e.changeOnSelect && !a && m(!1);
+                    e.changeOnSelect && !a && p(!1);
                   }
                 }
               )
@@ -231,71 +220,69 @@ function ze(J, q) {
         )
       }
     );
-  }, se = (t) => {
-    V(t);
-  }, H = (t) => /* @__PURE__ */ p(
-    Ne,
+  }, ae = (t) => {
+    C(t);
+  }, U = (t) => /* @__PURE__ */ c(
+    Ee,
     {
-      popup: le,
+      popup: ie,
       trigger: e.trigger,
-      disabled: T,
-      getPopupContainer: Q,
-      position: v ? "br" : "bl",
+      disabled: I,
+      getPopupContainer: q,
+      position: V ? "br" : "bl",
       classNames: "slideDynamicOrigin",
-      popupAlign: je,
-      unmountOnExit: "unmountOnExit" in e ? e.unmountOnExit : !O(e.loadMore),
-      popupVisible: u,
-      ...X,
-      onVisibleChange: m,
+      popupAlign: $e,
+      unmountOnExit: "unmountOnExit" in e ? e.unmountOnExit : !k(e.loadMore),
+      popupVisible: l,
+      ...G,
+      onVisibleChange: p,
       children: t
     }
   );
-  return R ? H(R) : /* @__PURE__ */ p(
-    Ee,
+  return M ? U(M) : /* @__PURE__ */ c(
+    Oe,
     {
       ...e,
-      ref: C,
-      ariaControls: U,
-      popupVisible: u,
-      value: a ? h : h && h[0],
-      inputValue: c,
-      rtl: v,
-      isEmptyValue: re(h),
-      prefixCls: g,
+      ref: g,
+      ariaControls: D,
+      popupVisible: l,
+      value: a ? f : f && f[0],
+      inputValue: u,
+      rtl: V,
+      isEmptyValue: te(f),
+      prefixCls: h,
       isMultiple: a,
-      renderText: ie,
-      onRemoveCheckedItem: ae,
-      onSort: se,
-      renderView: H,
+      renderText: re,
+      onRemoveCheckedItem: oe,
+      onSort: ae,
+      renderView: U,
       onClear: (t) => {
-        var n;
         if (t.stopPropagation(), !a)
-          V([]);
+          C([]);
         else {
-          const i = l.getCheckedNodes().filter((o) => o.disabled).map((o) => o.pathValue);
-          l.setNodeCheckedByValue(i), V(i);
+          const o = s.getCheckedNodes().filter((i) => i.disabled).map((i) => i.pathValue);
+          s.setNodeCheckedByValue(o), C(o);
         }
-        (n = e.onClear) == null || n.call(e, !!u);
+        e.onClear?.(!!l);
       },
       onKeyDown: (t) => {
-        var r;
-        if (T)
+        if (I)
           return;
         t.stopPropagation();
         const n = t.key;
-        u ? (n === Ie.key && (m(!1), t.preventDefault()), n === xe.key && m(!1)) : n === Me.key && (m(!0), t.preventDefault()), (r = e.onKeyDown) == null || r.call(e, t);
+        l ? (n === Pe.key && (p(!1), t.preventDefault()), n === xe.key && p(!1)) : n === Ie.key && (p(!0), t.preventDefault()), e.onKeyDown?.(t);
       },
       onChangeInputValue: (t) => {
-        M(t, "manual"), u || m(!0);
+        P(t, "manual"), l || p(!0);
       }
     }
   );
 }
-const Ke = Ve(
-  ze
+const ze = Ce(
+  je
 );
-Ke.displayName = "Cascader";
+ze.displayName = "Cascader";
 export {
-  We as DefaultFieldNames,
-  Ke as default
+  He as DefaultFieldNames,
+  ze as default
 };