@unicom-cloud/ui 0.8.41

package/chunk/B-h-HjBo.js

@@ -0,0 +1,1000 @@
+var Re = Object.defineProperty;
+var Fe = (t, e, n) => e in t ? Re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var d = (t, e, n) => (Fe(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsxs as te, Fragment as ne, jsx as g } from "react/jsx-runtime";
+import He from "@unicom-cloud/icons/IconUiCheck";
+import Be from "@unicom-cloud/icons/IconUiLeft";
+import je from "@unicom-cloud/icons/IconUiLoading";
+import Ue from "@unicom-cloud/icons/IconUiRight";
+import { isEmptyValue as We, isEmptyArray as Ke } from "@unicom-cloud/utils/is";
+import Se from "lodash/isArray";
+import W from "lodash/isFunction";
+import ee from "lodash/isPlainObject";
+import X from "lodash/isString";
+import ze, { useRef as z, useState as le, useCallback as se, useEffect as Y, forwardRef as qe, useContext as Ge, useImperativeHandle as Je } from "react";
+import "./DP2rzg_V.js";
+import { a as Qe } from "./Dc_89PVN.js";
+import de from "../hooks/useForceUpdate.js";
+import Xe from "../hooks/useId.js";
+import Ye from "../hooks/useMergeProps.js";
+import be from "../hooks/useMergeValue.js";
+import re from "../hooks/useUpdateEffect.js";
+import Ze from "../SelectView.js";
+import et from "../Trigger.js";
+import q from "@unicom-cloud/utils/class-name";
+import { Enter as ue, ArrowLeft as tt, ArrowRight as nt, ArrowUp as we, ArrowDown as ae, Esc as he, Tab as rt } from "../utils/keyCode.js";
+import { TransitionGroup as lt, CSSTransition as st } from "@unicom-cloud/react-transition-group";
+import fe from "lodash/isEqualWith";
+import at from "@unicom-cloud/scroll-into-view-if-needed";
+import { C as _e } from "./BVC51EZ7.js";
+import it from "../hooks/useIsFirstRender.js";
+import { on as Oe, off as oe } from "../utils/dom.js";
+import { V as Le } from "./BGzBxiWE.js";
+import ct from "../hooks/useRefs.js";
+function ot(t, e) {
+  const n = z(null), l = de();
+  return n.current || (n.current = t()), re(() => {
+    n.current = t(), l();
+  }, [...e]), n.current;
+}
+class me {
+  constructor(e, n, l) {
+    d(this, "value");
+    d(this, "label");
+    // 是否禁用
+    d(this, "disabled");
+    d(this, "_level");
+    d(this, "_index");
+    d(this, "isLeaf");
+    d(this, "disableCheckbox");
+    // 是否选中
+    d(this, "_checked");
+    /** 是否半选 */
+    d(this, "_halfChecked");
+    /** 当前选项节点的父节点 */
+    d(this, "parent");
+    /** 当前选项节点路径的所有节点的值 */
+    d(this, "pathValue", []);
+    d(this, "pathLabel", []);
+    /** 下一级选项 */
+    d(this, "children");
+    /** 是否在加载中 */
+    d(this, "loading");
+    /** 是否加载完成 */
+    d(this, "loaded");
+    d(this, "config", {});
+    // 保存暴露给外部的属性
+    d(this, "_data");
+    d(this, "_initNode", (e, n = null) => {
+      const { showEmptyChildren: l, lazyload: a } = this.config, c = { ...Ee, ...this.config.fieldNames }, r = e[c.children];
+      let k = Array.isArray(r) ? l ? !1 : r.length === 0 : !0;
+      a && (c.isLeaf in e ? k = !!e[c.isLeaf] : k = !1);
+      const _ = e[c.value], I = e[c.label], b = {
+        ...e,
+        value: _,
+        label: I,
+        isLeaf: k,
+        loading: !1,
+        loaded: !1,
+        disabled: n && n.disabled || e[c.disabled],
+        parent: n,
+        pathValue: n ? [...n.pathValue, _] : [_],
+        pathLabel: n ? [...n.pathLabel, I] : [I],
+        _level: n ? n._level + 1 : 0,
+        _checked: !1,
+        _halfChecked: !1
+      };
+      this._data = {
+        ...b,
+        parent: b.parent && b.parent._data
+      }, Object.keys(b).forEach((x) => {
+        this[x] = b[x];
+      }), r && r.length && (this.children = r.map((x, N) => new me({ ...x, _index: N }, this.config, this)), this._data.children = this.children.map((x) => x._data));
+    });
+    /**
+     * 根据this.children 计算是否当前node半选状态
+     * 假设半选是 0.5，全选是1，不选是0。
+     * 那么只有当前节点的所有children加起来等于children.length，才是全选，否则和大于0，就是半选。
+     */
+    d(this, "_isHalfChecked", () => {
+      const e = this.children.reduce((n, l) => {
+        const a = l._halfChecked ? 0.5 : l._checked ? 1 : 0;
+        return n + a;
+      }, 0);
+      return e !== this.children.length && e > 0;
+    });
+    /**
+     *
+     * @param checked 选中状态
+     * @param ignoreDisabled 是否忽略节点禁用设置选中状态，一般在初始化设置选中状态时传参为true
+     */
+    d(this, "_setNodeChildrenChecked", (e, n) => {
+      !n && this.disabled || this.children && this.children.length && (this.children.forEach((l) => {
+        l.disabled ? n && l.setCheckedStateIgnoreDisabled(e) : l.setCheckedState(e);
+      }), this.updateHalfState(e));
+    });
+    d(this, "getSelfChildrenValue", () => {
+      const e = [], n = (l, a) => {
+        if (!a || !a.length) {
+          e.push(l);
+          return;
+        }
+        (a || []).forEach((c) => {
+          n(c.pathValue, c.children);
+        });
+      };
+      return n(this.pathValue, this.children), e;
+    });
+    d(this, "updateHalfState", (e) => {
+      this._halfChecked = this._isHalfChecked(), this._checked = this._halfChecked ? !1 : e;
+    });
+    // 直接设置选中状态
+    d(this, "setCheckedProperty", (e) => {
+      this._checked = e, this._halfChecked = !1;
+    });
+    // 设置当前节点选中状态
+    d(this, "setCheckedState", (e) => {
+      const n = e ? this._checked : !this._checked && !this._halfChecked;
+      if (!(this.disabled || n) && (this.setCheckedProperty(e), !this.config.changeOnSelect)) {
+        this._setNodeChildrenChecked(e);
+        let l = this.parent;
+        for (; l && !l.disabled; )
+          l.updateHalfState(e), l = l.parent;
+      }
+    });
+    // 忽略禁用设置选中状态
+    d(this, "setCheckedStateIgnoreDisabled", (e) => {
+      if (e !== !!this._checked && (this.setCheckedProperty(e), !this.config.changeOnSelect)) {
+        this._setNodeChildrenChecked(e, !0);
+        let n = this.parent;
+        for (; n; )
+          n.updateHalfState(e), n = n.parent;
+      }
+    });
+    /**
+     * 遍历节点的parent，获取当前节点的路径节点。
+     * node: { label: '1-1-1', parent: { label: '1-1', parent: { label: '1' }, ... }, ...}
+     * @return [node.parent.parent, node.parent, node]
+     * @memberof Store
+     */
+    d(this, "getPathNodes", () => {
+      const e = [this];
+      let n = this.parent;
+      for (; n; )
+        e.unshift(n), n = n.parent;
+      return e;
+    });
+    d(this, "getChildren", () => this.children);
+    d(this, "setLoading", (e) => {
+      this.loading = e, (e || e === void 0) && (this.loaded = !1), e === !1 && (this.loaded = !0);
+    });
+    this.config = n || {}, this._initNode(e, l || null);
+  }
+}
+class dt {
+  constructor(e, n, l) {
+    d(this, "nodes", []);
+    d(this, "flatNodes", []);
+    d(this, "config", {});
+    // 初始化节点状态，附加状态信息字段： _checked,_halfChecked,parent,disabled
+    d(this, "_calcNodes", (e, n) => e ? e.map((l, a) => new me({ ...l, _index: a }, this.config, n)) : []);
+    // this.flatNodes 保存所有可能的选中项
+    d(this, "_updateFlatNodes", () => {
+      const e = !this.config.changeOnSelect;
+      this.flatNodes = [];
+      const n = (l) => {
+        l && ((!e || l.isLeaf) && this.flatNodes.push(l), Se(l.children) && l.children.forEach((a) => {
+          n(a);
+        }));
+      };
+      this.nodes.forEach((l) => {
+        n(l);
+      });
+    });
+    /**
+     * values: 全部的选中值
+     * 根据values更新节点状态。不包含在values的节点都设置为未选中状态
+     * @memberof Store
+     */
+    d(this, "setNodeCheckedByValue", (e) => {
+      const n = ie(e);
+      this.flatNodes.forEach((l) => {
+        let a = !1;
+        this.config.showParent ? l.pathValue.some(
+          (c, r, k) => G(n, k.slice(0, r + 1))
+        ) && (a = !0) : G(n, l.pathValue) && (a = !0), l.setCheckedStateIgnoreDisabled(a);
+      });
+    });
+    /**
+     * 为当前节点插入子节点。动态加载时候用到
+     */
+    d(this, "appendOptionChildren", (e, n) => {
+      if (n && e) {
+        const l = this._calcNodes(n, e);
+        e.children = l, this._updateFlatNodes(), this.config.changeOnSelect || e.setCheckedState(!1);
+      }
+    });
+    /**
+     * 通过 value 查找对应的node节点。
+     * value: 是路径节点的value组成的数组
+     */
+    d(this, "findNodeByValue", (e) => {
+      let n = null;
+      return !e || !e.length || this.flatNodes.some((l) => {
+        fe(l.pathValue, e) && (n = l);
+      }), n;
+    });
+    /**
+     * 搜索所有label含有关键字的节点
+     */
+    d(this, "searchNodeByLabel", (e) => {
+      if (!e)
+        return this.flatNodes;
+      const { filterOption: n } = this.config, l = W(n) ? n : (a, c) => X(c.label) && c.label.indexOf(a) > -1;
+      return this.flatNodes.filter((a) => a.getPathNodes().some((r) => l(e, r._data)));
+    });
+    /** 获取所有节点 */
+    d(this, "getOptions", () => this.nodes);
+    /** 获取所有选中状态的节点。 aggregation: 是否聚合节点 */
+    d(this, "getCheckedNodes", () => this.config.showParent ? this.getCheckedParentNodes() : this.flatNodes.filter((e) => e._checked));
+    // 按照父节点纬度聚合当前所有选中节点。
+    d(this, "getCheckedParentNodes", () => {
+      const e = /* @__PURE__ */ new Set();
+      return this.flatNodes.forEach((n) => {
+        n._checked && n.getPathNodes().some((a) => {
+          if (a._checked)
+            return e.has(a) || e.add(a), !0;
+        });
+      }), Array.from(e);
+    });
+    this.config = { ...l };
+    const a = Array.isArray(n) ? n : [];
+    this.nodes = this._calcNodes(e, null), this._updateFlatNodes(), this.setNodeCheckedByValue(a);
+  }
+}
+const J = "__pqb_cascader__", ut = "parent", ht = "child", ve = {
+  cascader: "cascader",
+  select: "select"
+};
+function Pe(t) {
+  return {
+    showEmptyChildren: t.showEmptyChildren,
+    changeOnSelect: t.changeOnSelect,
+    lazyload: !!t.loadMore,
+    fieldNames: t.fieldNames,
+    filterOption: t.filterOption,
+    showParent: t.mode === "multiple" && !t.changeOnSelect && t.checkedStrategy === ut
+  };
+}
+function ft(t, e) {
+  const n = e ? Array.isArray(e[0]) ? e : [e] : [];
+  return new dt(t.options || [], n, Pe(t));
+}
+const ie = (t) => (t || []).reduce((l, a) => (l.add([].concat(a).join(J)), l), /* @__PURE__ */ new Set()), G = (t, e) => {
+  const n = e || [];
+  return t.has(n.join(J));
+}, mt = (t, e) => {
+  const n = e || [];
+  return t.delete(n.join(J));
+}, Z = (t, e, n) => {
+  let l = [];
+  if (t === void 0 ? l = [] : e ? l = t : l = [t], n && n.config.showParent) {
+    const a = n.getCheckedNodes(), c = ie(
+      a.map((_) => _.pathValue)
+    ), r = [], k = {};
+    return l.map((_) => {
+      _.some((I, b, x) => {
+        const N = x.slice(0, b + 1), E = G(c, N);
+        return E && !k[N.join(J)] && (r.push(N), k[N.join(J)] = 1), E;
+      });
+    }), r;
+  }
+  return l;
+}, gt = (t) => {
+  const e = (n) => Array.isArray(n) ? n.every((l) => l._checked || l.disabled ? !0 : e(l.children)) : !1;
+  return t._halfChecked && e(t == null ? void 0 : t.children);
+}, xe = (t, e, n, l) => {
+  const a = l && gt(n) ? !1 : l, c = e.getCheckedNodes().reduce((b, x) => (b.add(x.pathValue.join(J)), b), /* @__PURE__ */ new Set());
+  n.setCheckedState(a);
+  const k = e.getCheckedNodes().map((b) => b.pathValue), _ = ie(k), I = /* @__PURE__ */ new Set();
+  return t.filter((b) => {
+    if (!G(c, b) || G(_, b))
+      return I.add(b.join(J)), !0;
+  }).concat(
+    k.filter((b) => !G(I, b))
+  );
+}, pt = (t) => {
+  const { prefixCls: e, multiple: n, option: l, renderOption: a, selected: c, icons: r } = t, k = l.disabled || n && l.disableCheckbox;
+  return /* @__PURE__ */ te(ne, { children: [
+    n ? /* @__PURE__ */ g(
+      _e,
+      {
+        disabled: k,
+        checked: l._checked,
+        indeterminate: l._halfChecked,
+        onChange: t.onMultipleChecked,
+        value: l.value
+      }
+    ) : "",
+    /* @__PURE__ */ te(
+      "div",
+      {
+        className: `${e}-list-item-label`,
+        onClick: l.disabled ? void 0 : t.onClickOption,
+        onMouseEnter: t.onMouseEnter,
+        onDoubleClick: k ? void 0 : t.onDoubleClickOption,
+        children: [
+          a ? a() : l.label,
+          l.isLeaf ? c && r.checked : l.loading ? r.loading : r.next
+        ]
+      }
+    )
+  ] });
+}, Ct = (t) => {
+  for (let e = 0; e < t.length; e++)
+    if (!t[e].disabled)
+      return t[e];
+}, ye = (t) => {
+  if (t && t.disabled) {
+    let e = t;
+    for (; e.parent && e.parent.disabled; )
+      e = e.parent;
+    return e;
+  }
+  return t;
+}, Ne = (t, e) => t < 0 ? e : t > e ? 0 : t, kt = (t) => {
+  var A;
+  const [e, n] = ct(), l = de(), {
+    store: a,
+    prefixCls: c,
+    value: r,
+    multiple: k,
+    renderFooter: _,
+    renderOption: I,
+    showEmptyChildren: b,
+    loadMore: x,
+    renderEmpty: N,
+    rtl: E,
+    icons: R
+  } = t, [h, V] = le(
+    a.findNodeByValue(r && r[r.length - 1]) || null
+  ), O = a.getOptions(), j = (s) => {
+    var u;
+    (u = t.onChange) == null || u.call(t, s);
+  }, S = async (s) => {
+    if (!s.isLeaf && W(x) && !s.children) {
+      s.setLoading(!0), l();
+      try {
+        const u = await x(
+          s.pathValue,
+          s.pathValue.length
+        );
+        a.appendOptionChildren(s, u), a.setNodeCheckedByValue(t.value);
+      } catch (u) {
+        console.error(u);
+      }
+      s.setLoading(!1), l();
+    }
+  }, f = async (s, u = !0) => {
+    !s || s.disabled || (V(s), S(s), !k && u && (t.changeOnSelect || s.isLeaf) && j([s.pathValue]));
+  }, L = (s, u) => {
+    const C = xe(t.value, a, s, u);
+    s === h && l(), V(s), t.changeOnSelect || S(s), j(C);
+  }, P = se(
+    (s = h) => {
+      var C;
+      let u = s;
+      for (; u; )
+        (C = e[u._level]) == null || C.scrollTo({
+          index: u._index,
+          options: { block: "nearest" }
+        }), u = u._level < 1 ? null : u.parent;
+    },
+    [h]
+  ), p = se(
+    (s) => {
+      var o;
+      const u = s.key;
+      let C;
+      switch (u) {
+        case he.key: {
+          s.preventDefault(), (o = t.onEsc) == null || o.call(t);
+          break;
+        }
+        case ae.key:
+        case we.key: {
+          if (!h)
+            C = Ct(O);
+          else {
+            const $ = ye(h), U = $.parent && $.parent.children || O, F = u === ae.key ? 1 : -1;
+            let K = Ne(
+              $._index + F,
+              U.length - 1
+            );
+            for (; K !== $._index && (C = U[K], C.disabled); )
+              K = Ne(K + F, U.length - 1);
+          }
+          return P(C), f(C, !1), s.preventDefault(), !1;
+        }
+        case nt.key:
+          return h && !h.disabled && (C = (h.children || [])[0] || h, f(C, !1)), s.preventDefault(), !1;
+        case tt.key: {
+          if (h) {
+            const $ = ye(h);
+            C = $.parent || $;
+          }
+          return f(C, !1), s.preventDefault(), !1;
+        }
+        case ue.key:
+          return h && (k ? L(h, !h._checked) : f(h)), s.preventDefault(), !1;
+      }
+    },
+    [h]
+  );
+  re(() => {
+    V((s) => {
+      let u;
+      if (s && s.pathValue && s.pathValue.length) {
+        const C = s.pathValue;
+        let o = { children: O };
+        C.map(($) => {
+          const F = (o.children || []).find((K) => K.value === $);
+          F && (o = F, u = F);
+        });
+      }
+      return u;
+    });
+  }, [a]), Y(() => {
+    t.popupVisible && O.length && setTimeout(P);
+  }, [t.popupVisible]), Y(() => {
+    const s = t.getTriggerElement();
+    if (s)
+      return t.popupVisible ? Oe(s, "keydown", p) : oe(s, "keydown", p), () => {
+        oe(s, "keydown", p);
+      };
+  }, [t.popupVisible, p]);
+  const D = (() => {
+    const s = [O];
+    return (h ? h.getPathNodes() : []).forEach((C) => {
+      C && C.children && s.push(C.children);
+    }), s;
+  })(), w = W(t.dropdownColumnRender) ? t.dropdownColumnRender : (s) => s;
+  return !D.length || !((A = D[0]) != null && A.length) ? /* @__PURE__ */ g(ne, { children: N() }) : /* @__PURE__ */ g(lt, { component: ze.Fragment, children: D.map((s, u) => {
+    const C = _ ? _(u, h || null) : null;
+    return s.length === 0 && !b ? null : /* @__PURE__ */ g(
+      st,
+      {
+        timeout: {
+          enter: 300,
+          exit: 0
+        },
+        classNames: "cascaderSlide",
+        onEnter: (o) => {
+          o.style.marginLeft = `-${o.scrollWidth}px`;
+        },
+        onEntering: (o) => {
+          o.style.marginLeft = "0px";
+        },
+        onEntered: (o) => {
+          o.style.marginLeft = "";
+        },
+        children: /* @__PURE__ */ g(
+          "div",
+          {
+            className: q(`${c}-list-column`, {
+              [`${c}-list-column-virtual`]: t.virtualListProps && t.virtualListProps.threshold !== null,
+              [`${c}-list-column-rtl`]: E
+            }),
+            style: {
+              zIndex: D.length - u,
+              ...t.dropdownMenuColumnStyle
+            },
+            children: w(
+              /* @__PURE__ */ te(
+                "div",
+                {
+                  className: q(`${c}-list-wrapper`, {
+                    [`${c}-list-wrapper-with-footer`]: C !== null
+                  }),
+                  children: [
+                    s.length === 0 ? N == null ? void 0 : N(t.virtualListProps ? "100%" : 120) : /* @__PURE__ */ g(
+                      Le,
+                      {
+                        needFiller: !1,
+                        threshold: t.virtualListProps ? 100 : null,
+                        data: s,
+                        isStaticItemHeight: !0,
+                        itemKey: "value",
+                        ...ee(t.virtualListProps) ? t.virtualListProps : {},
+                        wrapper: "ul",
+                        role: "menu",
+                        ref: (o) => n(o, u),
+                        className: q(
+                          `${c}-list`,
+                          `${c}-list-select`,
+                          {
+                            [`${c}-list-multiple`]: k,
+                            [`${c}-list-rtl`]: E
+                          }
+                        ),
+                        children: (o) => {
+                          let $ = !1;
+                          return h && ($ = h.pathValue[u] === o.value), /* @__PURE__ */ g(
+                            "li",
+                            {
+                              tabIndex: 0,
+                              role: "menuitem",
+                              "aria-haspopup": !o.isLeaf,
+                              "aria-expanded": $ && !o.isLeaf,
+                              "aria-disabled": o.disabled,
+                              title: X(o.label) ? o.label : void 0,
+                              className: q(`${c}-list-item`, {
+                                [`${c}-list-item-active`]: $,
+                                [`${c}-list-item-disabled`]: o.disabled
+                              }),
+                              children: /* @__PURE__ */ g(
+                                pt,
+                                {
+                                  prefixCls: c,
+                                  rtl: E,
+                                  multiple: k,
+                                  option: o,
+                                  selected: !k && o.isLeaf && fe(t.value, o.pathValue),
+                                  icons: R,
+                                  onMouseEnter: () => {
+                                    o.disabled || t.expandTrigger === "hover" && (V(o), !o.isLeaf && S(o));
+                                  },
+                                  renderOption: I && (() => I(o._data, u)),
+                                  onClickOption: () => {
+                                    o.isLeaf && k && !o.disableCheckbox ? L(o, !o._checked) : f(o);
+                                  },
+                                  onMultipleChecked: (U) => {
+                                    L(o, U);
+                                  },
+                                  onDoubleClickOption: t.onDoubleClickOption
+                                }
+                              )
+                            },
+                            o.value
+                          );
+                        }
+                      }
+                    ),
+                    C && /* @__PURE__ */ g(
+                      "div",
+                      {
+                        className: `${c}-list-footer`,
+                        onMouseDown: (o) => {
+                          o.stopPropagation();
+                        },
+                        children: C
+                      }
+                    )
+                  ]
+                }
+              ),
+              u
+            )
+          }
+        )
+      },
+      u
+    );
+  }) });
+}, Ve = (t, e) => t < 0 ? e : t > e ? 0 : t, bt = (t, e, n) => {
+  let l = e;
+  if (X(e)) {
+    const a = e.toUpperCase().indexOf(t.toUpperCase());
+    if (a > -1) {
+      const c = e.substr(0, a), r = e.substr(a + t.length);
+      l = /* @__PURE__ */ te(ne, { children: [
+        c,
+        /* @__PURE__ */ g("span", { className: `${n}-highlight`, children: e.substr(a, t.length) }),
+        r
+      ] });
+    }
+  }
+  return l;
+}, vt = (t) => {
+  const {
+    store: e,
+    prefixCls: n,
+    multiple: l,
+    onChange: a,
+    inputValue: c,
+    renderEmpty: r,
+    style: k,
+    defaultActiveFirstOption: _,
+    rtl: I,
+    icons: b
+  } = t, x = t.value || [], [N, E] = le(
+    e.searchNodeByLabel(c) || []
+  ), R = z(), h = z(), V = it(), [O, j] = le(
+    _ ? 0 : -1
+  ), S = (f, L, P) => {
+    if (P.stopPropagation(), !f.disabled)
+      if (l) {
+        const p = xe(
+          t.value,
+          e,
+          f,
+          L
+        );
+        a == null || a(p);
+      } else
+        a == null || a([f.pathValue]);
+  };
+  return re(() => {
+    E(e.searchNodeByLabel(c));
+  }, [c, e]), re(() => {
+    j((f) => f > N.length - 1 ? _ ? 0 : -1 : f);
+  }, [N]), Y(() => {
+    const f = t.getTriggerElement();
+    if (!f)
+      return;
+    const L = (P) => {
+      var D;
+      P.stopPropagation();
+      const p = P.key;
+      switch (p) {
+        case he.key:
+          return (D = t.onEsc) == null || D.call(t), !1;
+        case ae.key:
+        case we.key: {
+          h.current = !0;
+          const w = ae.key === p ? 1 : -1;
+          let A = Ve(
+            O + w,
+            N.length - 1
+          );
+          for (; A !== O && N[A].disabled; )
+            A = Ve(A + w, N.length - 1);
+          return j(A), !1;
+        }
+        case ue.key: {
+          const w = N[O];
+          if (w) {
+            const A = x.some((s) => fe(s, w.pathValue));
+            S(w, !A, P);
+          }
+          return !1;
+        }
+      }
+    };
+    return Oe(f, "keydown", L), () => {
+      oe(f, "keydown", L);
+    };
+  }, [N, O, x]), Y(() => {
+    var L;
+    const f = R.current;
+    f && (h.current || V) && at(f, {
+      behavior: "instant",
+      block: "nearest",
+      scrollMode: "if-needed",
+      boundary: (L = f.parentNode) == null ? void 0 : L.parentNode
+    });
+  }, [O, N]), R.current = null, N.length ? /* @__PURE__ */ g("div", { className: `${n}-list-wrapper`, children: /* @__PURE__ */ g(
+    Le,
+    {
+      needFiller: !1,
+      wrapper: "ul",
+      role: "menu",
+      style: k,
+      data: N,
+      isStaticItemHeight: !0,
+      threshold: t.virtualListProps ? 100 : null,
+      ...ee(t.virtualListProps) ? t.virtualListProps : {},
+      onMouseMove: () => {
+        h.current = !1;
+      },
+      className: q(`${n}-list`, `${n}-list-search`, {
+        [`${n}-list-multiple`]: l,
+        [`${n}-list-rtl`]: I
+      }),
+      children: (f, L) => {
+        const p = f.getPathNodes().map((s) => s.label).join(" / "), D = f._checked, w = { checked: D }, A = W(t.renderOption) ? t.renderOption(c, f._data, w) : bt(c, p, n);
+        return /* @__PURE__ */ g(
+          "li",
+          {
+            title: X(A) ? A : X(p) ? p : void 0,
+            role: "menuitem",
+            "aria-disabled": f.disabled,
+            ref: (s) => {
+              L === O && (R.current = s), D && !R.current && (R.current = s);
+            },
+            className: q(`${n}-list-search-item`, {
+              [`${n}-list-search-item-active`]: D,
+              [`${n}-list-search-item-hover`]: L === O,
+              [`${n}-list-search-item-disabled`]: f.disabled
+            }),
+            onClick: (s) => {
+              S(f, !D, s);
+            },
+            onMouseEnter: () => {
+              !h.current && !f.disabled && j(L);
+            },
+            onMouseLeave: () => {
+              !h.current && !f.disabled && j(_ ? 0 : -1);
+            },
+            children: /* @__PURE__ */ g("div", { className: `${n}-list-item-label`, children: W(t.renderOption) ? A : l ? /* @__PURE__ */ g(_e, { checked: D, disabled: f.disabled, children: A }) : /* @__PURE__ */ te(ne, { children: [
+              A,
+              D && /* @__PURE__ */ g("span", { className: `${n}-check-icon`, children: b.checked })
+            ] }) })
+          },
+          L
+        );
+      }
+    }
+  ) }) : /* @__PURE__ */ g(ne, { children: r == null ? void 0 : r() });
+}, Ee = {
+  label: "label",
+  value: "value",
+  isLeaf: "isLeaf",
+  children: "children",
+  disabled: "disabled"
+}, yt = {
+  options: [],
+  bordered: !0,
+  fieldNames: Ee,
+  trigger: "click",
+  expandTrigger: "click",
+  checkedStrategy: ht,
+  defaultActiveFirstOption: !0
+}, Nt = { bottom: 4 };
+function Vt(t, e) {
+  const { getPrefixCls: n, renderEmpty: l, componentConfig: a, rtl: c } = Ge(Qe), r = Ye(
+    t,
+    yt,
+    a == null ? void 0 : a.Cascader
+  ), {
+    disabled: k,
+    renderFormat: _,
+    getPopupContainer: I,
+    children: b,
+    triggerProps: x,
+    expandTrigger: N,
+    icons: E
+  } = r, R = {
+    loading: (E == null ? void 0 : E.loading) || /* @__PURE__ */ g(je, {}),
+    checked: (E == null ? void 0 : E.checked) || /* @__PURE__ */ g(He, {}),
+    next: (E == null ? void 0 : E.next) || (c ? /* @__PURE__ */ g(Be, {}) : /* @__PURE__ */ g(Ue, {}))
+  }, h = n("cascader"), V = r.mode === "multiple", O = z(null), j = de(), S = ot(() => ft(
+    r,
+    Z(
+      "value" in r ? r.value : r.defaultValue,
+      V
+    )
+  ), [JSON.stringify(Pe(r)), r.options]), [f, L] = le(() => "value" in r ? Z(r.value, V, S) : "defaultValue" in r ? Z(r.defaultValue, V, S) : []), P = "value" in r ? Z(r.value, V, S) : f, [p, D] = be(!1, {
+    value: r.popupVisible,
+    defaultValue: r.defaultPopupVisible
+  }), [w, A, s] = be("", {
+    value: "inputValue" in r ? r.inputValue || "" : void 0
+  }), u = z(w), C = z(null), o = z(null), $ = z((S == null ? void 0 : S.getCheckedNodes()) || []), U = Xe(`${h}-popup-`), F = (i, m) => {
+    var v;
+    i !== u.current && (A(i), u.current = i, C.current = m, (v = r.onInputValueChange) == null || v.call(r, i, m));
+  };
+  function K(i) {
+    return We(i) || Ke(i);
+  }
+  Y(() => {
+    var m;
+    const { current: i } = C;
+    s === w && (i === "manual" || i === "optionListHide") && ((m = r.onSearch) == null || m.call(r, w, i)), w !== u.current && (u.current = w);
+  }, [w]), Y(() => {
+    const i = () => {
+      clearTimeout(O.current), O.current = null;
+    };
+    return !p && w && (O.current && i(), O.current = setTimeout(() => {
+      F("", "optionListHide"), O.current = null;
+    }, 200)), () => {
+      i();
+    };
+  }, [p]), re(() => {
+    if ("value" in r && r.value !== f) {
+      const i = Z(r.value, V);
+      S.setNodeCheckedByValue(i), L(i);
+    }
+  }, [r.value, V]), Je(e, () => o.current, []);
+  const Ae = (i) => {
+    $.current = Array.from(
+      new Set([].concat(i, $.current))
+    );
+  }, ge = (i) => {
+    const m = [], v = ie(i), M = (y) => {
+      y.some((T) => {
+        if (G(v, T.pathValue) && (m.push(T.getPathNodes().map((B) => B._data)), mt(v, T.pathValue)), !v.size)
+          return !0;
+      });
+    };
+    return M(S.getCheckedNodes()), v.size && M($.current), m;
+  }, H = se(
+    (i) => {
+      var m;
+      i !== p && ((m = r.onVisibleChange) == null || m.call(r, i), "popupVisible" in r || D(i));
+    },
+    [r.onVisibleChange, p]
+  ), $e = se(
+    (i) => {
+      var y;
+      const m = ge([i])[0] || [];
+      let v, M = Se(i) ? i.map((T) => String(T)) : [];
+      return m.length && (M = m.map((T) => T.label)), W(_) ? v = _(M) : M.every((T) => X(T)) ? v = M.join(" / ") : v = M.reduce((T, B, ce) => T.concat(ce === 0 ? [B] : [" / ", B]), []), {
+        text: v || "",
+        disabled: (y = m[m.length - 1]) == null ? void 0 : y.disabled
+      };
+    },
+    [S, _]
+  ), Q = (i, m) => {
+    var ke;
+    m === "panel" && ee(r.showSearch) && !r.showSearch.retainInputValueWhileSelect && V && F("", "optionChecked");
+    const { onChange: v, changeOnSelect: M, expandTrigger: y } = r;
+    if (P === i)
+      return;
+    V || S.setNodeCheckedByValue(i), Ae(S.getCheckedNodes());
+    const B = ge(i), ce = V ? i : i[0], Te = V ? B : B[0];
+    V || (w || B[0] && ((ke = B[0][B[0].length - 1]) != null && ke.isLeaf) || M && y === "hover") && H(!1), "value" in r ? (S.setNodeCheckedByValue(P), j()) : L(i), v == null || v(ce, Te, {
+      dropdownVisible: p
+    });
+  }, Me = (i, m, v) => {
+    if (v.stopPropagation(), i.disabled)
+      return;
+    const M = P.filter((y, T) => T !== m);
+    S.setNodeCheckedByValue(M), Q(M);
+  }, pe = (i) => {
+    const m = i || o.current && o.current.getWidth();
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        className: `${h}-list-empty`,
+        style: { width: m },
+        children: r.notFoundContent || l("Cascader")
+      }
+    );
+  }, De = () => {
+    const i = ee(r.showSearch) ? r.showSearch.panelMode : void 0, m = i === ve.select ? !0 : i === ve.cascader ? !1 : !W(r.onSearch) && !!w, v = o.current && o.current.getWidth(), M = W(r.dropdownRender) ? r.dropdownRender : (y) => y;
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        id: U,
+        className: q(`${h}-popup`, r.dropdownMenuClassName, {
+          [`${h}-popup-trigger-hover`]: r.expandTrigger === "hover"
+        }),
+        children: M(
+          /* @__PURE__ */ g(
+            "div",
+            {
+              className: `${h}-popup-inner`,
+              onMouseDown: (y) => y.preventDefault(),
+              children: m ? /* @__PURE__ */ g(
+                vt,
+                {
+                  style: { minWidth: v },
+                  store: S,
+                  inputValue: w,
+                  renderEmpty: () => pe(v),
+                  multiple: V,
+                  onChange: (y) => {
+                    Q(y, "panel");
+                  },
+                  prefixCls: h,
+                  rtl: c,
+                  onEsc: () => {
+                    H(!1);
+                  },
+                  renderOption: ee(r.showSearch) && r.showSearch.renderOption || void 0,
+                  getTriggerElement: () => {
+                    var y;
+                    return (y = o.current) == null ? void 0 : y.dom;
+                  },
+                  value: P,
+                  virtualListProps: r.virtualListProps,
+                  defaultActiveFirstOption: r.defaultActiveFirstOption,
+                  icons: R
+                }
+              ) : /* @__PURE__ */ g(
+                kt,
+                {
+                  dropdownMenuColumnStyle: r.dropdownMenuColumnStyle,
+                  virtualListProps: r.virtualListProps,
+                  expandTrigger: N,
+                  store: S,
+                  dropdownColumnRender: r.dropdownColumnRender,
+                  renderOption: r.renderOption,
+                  changeOnSelect: r.changeOnSelect,
+                  showEmptyChildren: r.showEmptyChildren || !!r.loadMore,
+                  multiple: V,
+                  onChange: (y) => {
+                    Q(y, "panel");
+                  },
+                  loadMore: r.loadMore,
+                  prefixCls: h,
+                  rtl: c,
+                  getTriggerElement: () => {
+                    var y;
+                    return (y = o.current) == null ? void 0 : y.dom;
+                  },
+                  renderEmpty: pe,
+                  popupVisible: p,
+                  value: P,
+                  renderFooter: r.renderFooter,
+                  icons: R,
+                  onEsc: () => {
+                    H(!1);
+                  },
+                  onDoubleClickOption: () => {
+                    r.changeOnSelect && !V && H(!1);
+                  }
+                }
+              )
+            }
+          )
+        )
+      }
+    );
+  }, Ie = (i) => {
+    Q(i);
+  }, Ce = (i) => /* @__PURE__ */ g(
+    et,
+    {
+      popup: De,
+      trigger: r.trigger,
+      disabled: k,
+      getPopupContainer: I,
+      position: c ? "br" : "bl",
+      classNames: "slideDynamicOrigin",
+      popupAlign: Nt,
+      unmountOnExit: "unmountOnExit" in r ? r.unmountOnExit : !W(r.loadMore),
+      popupVisible: p,
+      ...x,
+      onVisibleChange: H,
+      children: i
+    }
+  );
+  return b ? Ce(b) : /* @__PURE__ */ g(
+    Ze,
+    {
+      ...r,
+      ref: o,
+      ariaControls: U,
+      popupVisible: p,
+      value: V ? P : P && P[0],
+      inputValue: w,
+      rtl: c,
+      isEmptyValue: K(P),
+      prefixCls: h,
+      isMultiple: V,
+      renderText: $e,
+      onRemoveCheckedItem: Me,
+      onSort: Ie,
+      renderView: Ce,
+      onClear: (i) => {
+        var m;
+        if (i.stopPropagation(), !V)
+          Q([]);
+        else {
+          const M = S.getCheckedNodes().filter((y) => y.disabled).map((y) => y.pathValue);
+          S.setNodeCheckedByValue(M), Q(M);
+        }
+        (m = r.onClear) == null || m.call(r, !!p);
+      },
+      onKeyDown: (i) => {
+        var v;
+        if (k)
+          return;
+        i.stopPropagation();
+        const m = i.key;
+        m === he.key && p && (H(!1), i.preventDefault()), m === ue.key && !p && (H(!0), i.preventDefault()), m === rt.key && p && H(!1), (v = r.onKeyDown) == null || v.call(r, i);
+      },
+      onChangeInputValue: (i) => {
+        F(i, "manual"), p || H(!0);
+      }
+    }
+  );
+}
+const St = qe(
+  Vt
+);
+St.displayName = "Cascader";
+export {
+  St as C
+};