fangguo-component 1.1.0 → 1.1.2

package/dist/FgCascader.vue_vue_type_style_index_0_lang-BUZDDcVn.js

@@ -0,0 +1,1656 @@
+import './FgCascader.css';var Xt = Object.defineProperty, Yt = Object.defineProperties;
+var Qt = Object.getOwnPropertyDescriptors;
+var Me = Object.getOwnPropertySymbols;
+var ut = Object.prototype.hasOwnProperty, dt = Object.prototype.propertyIsEnumerable;
+var Ze = (e, t, n) => t in e ? Xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, de = (e, t) => {
+  for (var n in t || (t = {}))
+    ut.call(t, n) && Ze(e, n, t[n]);
+  if (Me)
+    for (var n of Me(t))
+      dt.call(t, n) && Ze(e, n, t[n]);
+  return e;
+}, xe = (e, t) => Yt(e, Qt(t));
+var _e = (e, t) => {
+  var n = {};
+  for (var l in e)
+    ut.call(e, l) && t.indexOf(l) < 0 && (n[l] = e[l]);
+  if (e != null && Me)
+    for (var l of Me(e))
+      t.indexOf(l) < 0 && dt.call(e, l) && (n[l] = e[l]);
+  return n;
+};
+var V = (e, t, n) => Ze(e, typeof t != "symbol" ? t + "" : t, n);
+var pt = (e, t, n) => new Promise((l, a) => {
+  var d = (m) => {
+    try {
+      y(n.next(m));
+    } catch (u) {
+      a(u);
+    }
+  }, r = (m) => {
+    try {
+      y(n.throw(m));
+    } catch (u) {
+      a(u);
+    }
+  }, y = (m) => m.done ? l(m.value) : Promise.resolve(m.value).then(d, r);
+  y((n = n.apply(e, t)).next());
+});
+import { getCurrentScope as en, onScopeDispose as tn, watch as Q, computed as S, toValue as ve, shallowRef as Et, getCurrentInstance as wt, onMounted as Re, warn as nn, defineComponent as Ce, h as Ge, inject as $t, resolveComponent as le, openBlock as $, createElementBlock as K, normalizeClass as F, createBlock as Z, withModifiers as $e, withCtx as H, createElementVNode as pe, createVNode as ne, createCommentVNode as he, Fragment as Ae, ref as P, normalizeStyle as Ie, createTextVNode as ln, toDisplayString as fe, provide as sn, reactive as an, onBeforeUpdate as on, nextTick as re, renderList as Oe, useAttrs as rn, unref as L, withDirectives as De, vShow as ft, renderSlot as At, withKeys as cn, vModelText as un, useSlots as dn, useModel as pn, onBeforeUnmount as fn, mergeProps as hn, mergeModels as ht, render as vt } from "vue";
+import { p as Qe } from "./index-DIX8TpoT.js";
+import { fromPairs as vn, isEqual as Le, flattenDeep as mn, cloneDeep as Lt, debounce as gn } from "lodash-unified";
+import { ArrowRight as yn, Loading as Pt, Check as Tt, CircleClose as bn, ArrowDown as Nn } from "@element-plus/icons-vue";
+import { useNamespace as be, ElIcon as Pe, ElRadio as Cn, ElCheckbox as kn, ElScrollbar as Vt, useLocale as Mt, UPDATE_MODEL_EVENT as ze, CHANGE_EVENT as Be, EVENT_CODE as Y, tagProps as Sn, useTooltipContentProps as En, CommonProps as wn, useSizeProp as $n, useFormItem as An, useFormSize as Ln, ElConfigProvider as Pn, ElTooltip as mt, ElInput as Tn, ElTag as gt, ClickOutside as Vn } from "element-plus";
+import { b as Mn } from "./vue-virtual-scroller.esm-CH-jx4ri.js";
+import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+Qe.env.NODE_ENV !== "production" && Object.freeze({});
+Qe.env.NODE_ENV !== "production" && Object.freeze([]);
+const xn = () => {
+}, Dn = Object.prototype.hasOwnProperty, yt = (e, t) => Dn.call(e, t), On = Array.isArray, Te = (e) => typeof e == "function", tt = (e) => typeof e == "string", We = (e) => e !== null && typeof e == "object", Fn = (e) => (We(e) || Te(e)) && Te(e.then) && Te(e.catch), In = (e) => {
+  const t = /* @__PURE__ */ Object.create(null);
+  return ((n) => t[n] || (t[n] = e(n)));
+}, zn = In((e) => e.charAt(0).toUpperCase() + e.slice(1));
+function xt(e, t) {
+  return en() ? (tn(e, t), !0) : !1;
+}
+const nt = typeof window != "undefined" && typeof document != "undefined";
+typeof WorkerGlobalScope != "undefined" && globalThis instanceof WorkerGlobalScope;
+const Bn = (e) => e != null;
+function Hn(e) {
+  return Array.isArray(e) ? e : [e];
+}
+const lt = nt ? window : void 0;
+function He(e) {
+  var t;
+  const n = ve(e);
+  return (t = n == null ? void 0 : n.$el) !== null && t !== void 0 ? t : n;
+}
+// @__NO_SIDE_EFFECTS__
+function Rn() {
+  const e = Et(!1), t = wt();
+  return t && Re(() => {
+    e.value = !0;
+  }, t), e;
+}
+// @__NO_SIDE_EFFECTS__
+function Dt(e) {
+  const t = /* @__PURE__ */ Rn();
+  return S(() => (t.value, !!e()));
+}
+function Wn(e, t, n = {}) {
+  const g = n, { window: l = lt } = g, a = _e(g, ["window"]);
+  let d;
+  const r = /* @__PURE__ */ Dt(() => l && "MutationObserver" in l), y = () => {
+    d && (d.disconnect(), d = void 0);
+  }, m = Q(S(() => {
+    const C = Hn(ve(e)).map(He).filter(Bn);
+    return new Set(C);
+  }), (C) => {
+    y(), r.value && C.size && (d = new MutationObserver(t), C.forEach((E) => d.observe(E, a)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), u = () => d == null ? void 0 : d.takeRecords(), f = () => {
+    m(), y();
+  };
+  return xt(f), {
+    isSupported: r,
+    stop: f,
+    takeRecords: u
+  };
+}
+function qn(e, t, n = {}) {
+  const { window: l = lt, initialValue: a, observe: d = !1 } = n, r = Et(a), y = S(() => {
+    var u;
+    return He(t) || (l == null || (u = l.document) === null || u === void 0 ? void 0 : u.documentElement);
+  });
+  function m() {
+    const u = ve(e), f = ve(y);
+    if (f && l && u) {
+      var g;
+      r.value = ((g = l.getComputedStyle(f).getPropertyValue(u)) === null || g === void 0 ? void 0 : g.trim()) || r.value || a;
+    }
+  }
+  return d && Wn(y, m, {
+    attributeFilter: ["style", "class"],
+    window: l
+  }), Q([y, () => ve(e)], (u, f) => {
+    f[0] && f[1] && f[0].style.removeProperty(f[1]), m();
+  }, { immediate: !0 }), Q([r, y], ([u, f]) => {
+    const g = ve(e);
+    f != null && f.style && g && (u == null ? f.style.removeProperty(g) : f.style.setProperty(g, u));
+  }, { immediate: !0 }), r;
+}
+function Kn(e, t, n = {}) {
+  const f = n, { window: l = lt } = f, a = _e(f, ["window"]);
+  let d;
+  const r = /* @__PURE__ */ Dt(() => l && "ResizeObserver" in l), y = () => {
+    d && (d.disconnect(), d = void 0);
+  }, m = Q(S(() => {
+    const g = ve(e);
+    return Array.isArray(g) ? g.map((C) => He(C)) : [He(g)];
+  }), (g) => {
+    if (y(), r.value && l) {
+      d = new ResizeObserver(t);
+      for (const C of g) C && d.observe(C, a);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), u = () => {
+    y(), m();
+  };
+  return xt(u), {
+    isSupported: r,
+    stop: u
+  };
+}
+const Ot = (e) => !e.getAttribute("aria-owns"), Ft = (e, t, n) => {
+  const { parentNode: l } = e;
+  if (!l) return null;
+  const a = l.querySelectorAll(n), d = Array.prototype.indexOf.call(a, e);
+  return a[d + t] || null;
+}, Fe = (e) => {
+  e && (e.focus(), !Ot(e) && e.click());
+}, jn = (e) => e === void 0, Un = (e) => typeof e == "boolean", Jn = (e) => typeof e == "number", Xe = (e) => !e && e !== 0 || On(e) && e.length === 0 || We(e) && !Object.keys(e).length, Zn = (e) => tt(e) ? !Number.isNaN(Number(e)) : !1, bt = (e) => zn(e);
+class _n extends Error {
+  constructor(t) {
+    super(t), this.name = "ElementPlusError";
+  }
+}
+function It(e, t) {
+  if (Qe.env.NODE_ENV !== "production") {
+    const n = tt(e) ? new _n(`[${e}] ${t}`) : e;
+    console.warn(n);
+  }
+}
+const Gn = "utils/dom/style";
+function Xn(e, t = "px") {
+  if (!e) return "";
+  if (Jn(e) || Zn(e))
+    return `${e}${t}`;
+  if (tt(e))
+    return e;
+  It(Gn, "binding value must be a string or number");
+}
+const zt = "__epPropKey", ye = (e) => e, Yn = (e) => We(e) && !!e[zt], Qn = (e, t) => {
+  if (!We(e) || Yn(e)) return e;
+  const { values: n, required: l, default: a, type: d, validator: r } = e, m = {
+    type: d,
+    required: !!l,
+    validator: n || r ? (u) => {
+      let f = !1, g = [];
+      if (n && (g = Array.from(n), yt(e, "default") && g.push(a), f || (f = g.includes(u))), r && (f || (f = r(u))), !f && g.length > 0) {
+        const C = [...new Set(g)].map((E) => JSON.stringify(E)).join(", ");
+        nn(
+          `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${C}], got value ${JSON.stringify(
+            u
+          )}.`
+        );
+      }
+      return f;
+    } : void 0,
+    [zt]: !0
+  };
+  return yt(e, "default") && (m.default = a), m;
+}, Bt = (e) => vn(
+  Object.entries(e).map(([t, n]) => [
+    t,
+    Qn(n, t)
+  ])
+), Nt = (e) => [...new Set(e)], Ct = (e) => !e && e !== 0 ? [] : Array.isArray(e) ? e : [e], el = (e) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(e), tl = () => Math.floor(Math.random() * 1e4), nl = Ce({
+  name: "NodeContent",
+  setup() {
+    return {
+      ns: be("cascader-node")
+    };
+  },
+  render() {
+    const { ns: e } = this, { node: t, panel: n } = this.$parent, { data: l, label: a } = t, { renderLabelFn: d } = n;
+    return Ge(
+      "span",
+      { class: e.e("label") },
+      d ? d({ node: t, data: l }) : a
+    );
+  }
+}), st = /* @__PURE__ */ Symbol(), ll = Ce({
+  name: "ElCascaderNode",
+  components: {
+    ElCheckbox: kn,
+    ElRadio: Cn,
+    NodeContent: nl,
+    ElIcon: Pe,
+    Check: Tt,
+    Loading: Pt,
+    ArrowRight: yn
+  },
+  props: {
+    node: {
+      type: Object,
+      required: !0
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(e, { emit: t }) {
+    const n = $t(st), l = be("cascader-node"), a = S(() => n.isHoverMenu), d = S(() => n.config.multiple), r = S(() => n.config.checkStrictly), y = S(() => {
+      var A;
+      return (A = n.checkedNodes[0]) == null ? void 0 : A.uid;
+    }), m = S(() => e.node.isDisabled), u = S(() => e.node.isLeaf), f = S(
+      () => r.value && !u.value || !m.value
+    ), g = S(() => E(n.expandingNode)), C = S(
+      () => r.value && n.checkedNodes.some(E)
+    ), E = (A) => {
+      var z;
+      const { level: I, uid: x } = e.node;
+      return ((z = A == null ? void 0 : A.pathNodes[I - 1]) == null ? void 0 : z.uid) === x;
+    }, _ = () => {
+      g.value || n.expandNode(e.node);
+    }, W = (A) => {
+      const { node: I } = e;
+      A !== I.checked && n.handleCheckChange(I, A);
+    }, ee = () => {
+      n.lazyLoad(e.node, () => {
+        u.value || _();
+      });
+    }, T = (A) => {
+      a.value && (B(), !u.value && t("expand", A));
+    }, B = () => {
+      const { node: A } = e;
+      !f.value || A.loading || (A.loaded ? _() : ee());
+    }, D = () => {
+      a.value && !u.value || (u.value && !m.value && !r.value && !d.value ? O(!0) : B());
+    }, j = (A) => {
+      r.value ? (W(A), e.node.loaded && _()) : O(A);
+    }, O = (A) => {
+      e.node.loaded ? (W(A), !r.value && _()) : ee();
+    };
+    return {
+      panel: n,
+      isHoverMenu: a,
+      multiple: d,
+      checkStrictly: r,
+      checkedNodeId: y,
+      isDisabled: m,
+      isLeaf: u,
+      expandable: f,
+      inExpandingPath: g,
+      inCheckedPath: C,
+      ns: l,
+      handleHoverExpand: T,
+      handleExpand: B,
+      handleClick: D,
+      handleCheck: O,
+      handleSelectCheck: j
+    };
+  }
+}), sl = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+function al(e, t, n, l, a, d) {
+  const r = le("el-checkbox"), y = le("el-radio"), m = le("check"), u = le("el-icon"), f = le("node-content"), g = le("loading"), C = le("arrow-right");
+  return $(), K("li", {
+    id: `${e.menuId}-${e.node.uid}`,
+    role: "menuitem",
+    "aria-haspopup": !e.isLeaf,
+    "aria-owns": e.isLeaf ? null : e.menuId,
+    "aria-expanded": e.inExpandingPath,
+    tabindex: e.expandable ? -1 : void 0,
+    class: F([
+      e.ns.b(),
+      e.ns.is("selectable", e.checkStrictly),
+      e.ns.is("active", e.node.checked),
+      e.ns.is("disabled", !e.expandable),
+      e.inExpandingPath && "in-active-path",
+      e.inCheckedPath && "in-checked-path"
+    ]),
+    onMouseenter: t[2] || (t[2] = (...E) => e.handleHoverExpand && e.handleHoverExpand(...E)),
+    onFocus: t[3] || (t[3] = (...E) => e.handleHoverExpand && e.handleHoverExpand(...E)),
+    onClick: t[4] || (t[4] = (...E) => e.handleClick && e.handleClick(...E))
+  }, [
+    e.multiple ? ($(), Z(r, {
+      key: 0,
+      "model-value": e.node.checked,
+      indeterminate: e.node.indeterminate,
+      disabled: e.isDisabled,
+      onClick: t[0] || (t[0] = $e(() => {
+      }, ["stop"])),
+      "onUpdate:modelValue": e.handleSelectCheck
+    }, null, 8, ["model-value", "indeterminate", "disabled", "onUpdate:modelValue"])) : e.checkStrictly ? ($(), Z(y, {
+      key: 1,
+      "model-value": e.checkedNodeId,
+      label: e.node.uid,
+      disabled: e.isDisabled,
+      "onUpdate:modelValue": e.handleSelectCheck,
+      onClick: t[1] || (t[1] = $e(() => {
+      }, ["stop"]))
+    }, {
+      default: H(() => [...t[5] || (t[5] = [
+        pe("span", null, null, -1)
+      ])]),
+      _: 1
+    }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : e.isLeaf && e.node.checked ? ($(), Z(u, {
+      key: 2,
+      class: F(e.ns.e("prefix"))
+    }, {
+      default: H(() => [
+        ne(m)
+      ]),
+      _: 1
+    }, 8, ["class"])) : he("", !0),
+    ne(f),
+    e.isLeaf ? he("", !0) : ($(), K(Ae, { key: 3 }, [
+      e.node.loading ? ($(), Z(u, {
+        key: 0,
+        class: F([e.ns.is("loading"), e.ns.e("postfix")])
+      }, {
+        default: H(() => [
+          ne(g)
+        ]),
+        _: 1
+      }, 8, ["class"])) : ($(), Z(u, {
+        key: 1,
+        class: F(["arrow-right", e.ns.e("postfix")])
+      }, {
+        default: H(() => [
+          ne(C)
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ], 64))
+  ], 42, sl);
+}
+const ol = /* @__PURE__ */ et(ll, [["render", al]]), rl = (e, t = "14px sans-serif") => {
+  const l = document.createElement("canvas").getContext("2d");
+  return l ? (l.font = t, l.measureText(e).width) : 0;
+}, il = Ce({
+  name: "CustomCascaderMenu",
+  components: {
+    Loading: Pt,
+    ElIcon: Pe,
+    ElScrollbar: Vt,
+    RecycleScroller: Mn,
+    CustomCascaderNode: ol
+  },
+  props: {
+    nodes: {
+      type: Array,
+      required: !0
+    },
+    index: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = wt(), n = be("cascader-menu"), { t: l } = Mt(), a = tl();
+    let d = null, r = null;
+    const y = $t(st), m = P(null), u = S(() => !e.nodes.length), f = S(() => !y.initialLoaded), g = S(() => `cascader-menu-${a}-${e.index}`), C = S(() => {
+      if (!e.nodes.length) return 180;
+      const T = 110;
+      let B = 0;
+      for (const D of e.nodes) {
+        const j = D.label || "", O = rl(String(j));
+        O > B && (B = O);
+      }
+      return Math.max(180, Math.ceil(B + T));
+    }), E = (T) => {
+      d = T.target;
+    }, _ = (T) => {
+      if (!(!y.isHoverMenu || !d || !m.value))
+        if (d.contains(T.target)) {
+          W();
+          const B = t.vnode.el, { left: D } = B.getBoundingClientRect(), { offsetWidth: j, offsetHeight: O } = B, A = T.clientX - D, I = d.offsetTop, x = I + d.offsetHeight;
+          m.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${A} ${I} L${j} 0 V${I} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${A} ${x} L${j} ${O} V${x} Z" />
+        `;
+        } else r || (r = window.setTimeout(ee, y.config.hoverThreshold));
+    }, W = () => {
+      r && (clearTimeout(r), r = null);
+    }, ee = () => {
+      m.value && (m.value.innerHTML = "", W());
+    };
+    return {
+      ns: n,
+      panel: y,
+      hoverZone: m,
+      isEmpty: u,
+      isLoading: f,
+      menuId: g,
+      menuWidth: C,
+      t: l,
+      handleExpand: E,
+      handleMouseMove: _,
+      clearHoverZone: ee
+    };
+  }
+});
+function cl(e, t, n, l, a, d) {
+  const r = le("custom-cascader-node"), y = le("loading"), m = le("el-icon"), u = le("RecycleScroller");
+  return e.nodes.length ? ($(), Z(u, {
+    key: e.menuId,
+    tag: "ul",
+    role: "menu",
+    class: F([e.ns.b(), "cascader-virtual-list"]),
+    "wrap-class": e.ns.e("wrap"),
+    "view-class": [e.ns.e("list"), e.ns.is("empty", e.isEmpty)],
+    style: Ie({ minWidth: e.menuWidth + "px" }),
+    items: e.nodes,
+    "item-size": 34,
+    "key-field": "uid",
+    onMousemove: e.handleMouseMove,
+    onMouseleave: e.clearHoverZone
+  }, {
+    default: H(({ item: f }) => {
+      var g;
+      return [
+        ne(r, {
+          node: f,
+          "menu-id": e.menuId,
+          onExpand: e.handleExpand
+        }, null, 8, ["node", "menu-id", "onExpand"]),
+        e.isLoading ? ($(), K("div", {
+          key: 0,
+          class: F(e.ns.e("empty-text"))
+        }, [
+          ne(m, {
+            size: "14",
+            class: F(e.ns.is("loading"))
+          }, {
+            default: H(() => [
+              ne(y)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          ln(" " + fe(e.t("el.cascader.loading")), 1)
+        ], 2)) : e.isEmpty ? ($(), K("div", {
+          key: 1,
+          class: F(e.ns.e("empty-text"))
+        }, fe(e.t("el.cascader.noData")), 3)) : (g = e.panel) != null && g.isHoverMenu ? ($(), K("svg", {
+          key: 2,
+          ref: "hoverZone",
+          class: F(e.ns.e("hover-zone"))
+        }, null, 2)) : he("", !0)
+      ];
+    }),
+    _: 1
+  }, 8, ["class", "wrap-class", "view-class", "style", "items", "onMousemove", "onMouseleave"])) : he("", !0);
+}
+const ul = /* @__PURE__ */ et(il, [["render", cl], ["__scopeId", "data-v-a251fab9"]]);
+let dl = 0;
+const pl = (e) => {
+  const t = [e];
+  let { parent: n } = e;
+  for (; n; )
+    t.unshift(n), n = n.parent;
+  return t;
+};
+class Ne {
+  constructor(t, n, l, a = !1) {
+    V(this, "data");
+    V(this, "config");
+    V(this, "parent");
+    V(this, "root");
+    V(this, "uid", dl++);
+    V(this, "level");
+    V(this, "value");
+    V(this, "label");
+    V(this, "pathNodes");
+    V(this, "pathValues");
+    V(this, "pathLabels");
+    V(this, "childrenData");
+    V(this, "children");
+    V(this, "text");
+    V(this, "loaded");
+    /**
+    * Is it checked
+    *
+    * @default false
+    */
+    V(this, "checked", !1);
+    /**
+    * Used to indicate the intermediate state of unchecked and fully checked child nodes
+    *
+    * @default false
+    */
+    V(this, "indeterminate", !1);
+    /**
+    * Loading Status
+    *
+    * @default false
+    */
+    V(this, "loading", !1);
+    this.data = t, this.config = n, this.parent = l, this.root = a;
+    const { value: d, label: r, children: y } = n, m = t[y], u = pl(this);
+    this.level = a ? 0 : l ? l.level + 1 : 1, this.value = t[d], this.label = t[r], this.pathNodes = u, this.pathValues = u.map((f) => f.value), this.pathLabels = u.map((f) => f.label), this.childrenData = m, this.children = (m || []).map(
+      (f) => new Ne(f, n, this)
+    ), this.loaded = !n.lazy || this.isLeaf || !Xe(m);
+  }
+  get isDisabled() {
+    const { data: t, parent: n, config: l } = this, { disabled: a, checkStrictly: d } = l;
+    return (Te(a) ? a(t, this) : !!t[a]) || !d && (n == null ? void 0 : n.isDisabled);
+  }
+  get isLeaf() {
+    const { data: t, config: n, childrenData: l, loaded: a } = this, { lazy: d, leaf: r } = n, y = Te(r) ? r(t, this) : t[r];
+    return jn(y) ? d && !a ? !1 : !(Array.isArray(l) && l.length) : !!y;
+  }
+  get valueByOption() {
+    return this.config.emitPath ? this.pathValues : this.value;
+  }
+  appendChild(t) {
+    const { childrenData: n, children: l } = this, a = new Ne(t, this.config, this);
+    return Array.isArray(n) ? n.push(t) : this.childrenData = [t], l.push(a), a;
+  }
+  calcText(t, n) {
+    const l = t ? this.pathLabels.join(n) : this.label;
+    return this.text = l, l;
+  }
+  broadcast(t, ...n) {
+    const l = `onParent${bt(t)}`;
+    this.children.forEach((a) => {
+      a && (a.broadcast(t, ...n), a[l] && a[l](...n));
+    });
+  }
+  emit(t, ...n) {
+    const { parent: l } = this, a = `onChild${bt(t)}`;
+    l && (l[a] && l[a](...n), l.emit(t, ...n));
+  }
+  onParentCheck(t) {
+    this.isDisabled || this.setCheckState(t);
+  }
+  onChildCheck() {
+    const { children: t } = this, n = t.filter((a) => !a.isDisabled), l = n.length ? n.every((a) => a.checked) : !1;
+    this.setCheckState(l);
+  }
+  setCheckState(t) {
+    const n = this.children.length, l = this.children.reduce((a, d) => {
+      const r = d.checked ? 1 : d.indeterminate ? 0.5 : 0;
+      return a + r;
+    }, 0);
+    this.checked = this.loaded && this.children.filter((a) => !a.isDisabled).every((a) => a.loaded && a.checked) && t, this.indeterminate = this.loaded && l !== n && l > 0;
+  }
+  doCheck(t) {
+    if (this.checked === t) return;
+    const { checkStrictly: n, multiple: l } = this.config;
+    n || !l ? this.checked = t : (this.broadcast("check", t), this.setCheckState(t), this.emit("check"));
+  }
+}
+const Ye = (e, t) => e.reduce((n, l) => (l.isLeaf ? n.push(l) : (!t && n.push(l), n = n.concat(Ye(l.children, t))), n), []);
+class kt {
+  constructor(t, n) {
+    V(this, "config");
+    V(this, "nodes");
+    V(this, "allNodes");
+    V(this, "leafNodes");
+    V(this, "valueNodeMap");
+    V(this, "pathNodeMap");
+    this.config = n;
+    const l = (t || []).map((a) => new Ne(a, this.config));
+    this.nodes = l, this.allNodes = Ye(l, !1), this.leafNodes = Ye(l, !0), this.valueNodeMap = /* @__PURE__ */ new Map(), this.pathNodeMap = /* @__PURE__ */ new Map(), this.allNodes.forEach((a) => this.cacheNode(a));
+  }
+  cacheNode(t) {
+    this.valueNodeMap.has(t.value) || this.valueNodeMap.set(t.value, t), this.pathNodeMap.set(JSON.stringify(t.pathValues), t);
+  }
+  getNodes() {
+    return this.nodes;
+  }
+  getFlattedNodes(t) {
+    return t ? this.leafNodes : this.allNodes;
+  }
+  appendNode(t, n) {
+    const l = n ? n.appendChild(t) : new Ne(t, this.config);
+    n || this.nodes.push(l), this.allNodes.push(l), l.isLeaf && this.leafNodes.push(l), this.cacheNode(l);
+  }
+  appendNodes(t, n) {
+    t.forEach((l) => this.appendNode(l, n));
+  }
+  // when checkStrictly, leaf node first
+  getNodeByValue(t, n = !1) {
+    if (!t && t !== 0) return null;
+    if (Array.isArray(t)) {
+      const a = this.pathNodeMap.get(JSON.stringify(t));
+      if (a) return a;
+    } else {
+      const a = this.valueNodeMap.get(t);
+      if (a) return a;
+    }
+    return this.getFlattedNodes(n).find(
+      (a) => Le(a.value, t) || Le(a.pathValues, t)
+    ) || null;
+  }
+  getSameNode(t) {
+    return t && this.getFlattedNodes(!1).find(
+      ({ value: l, level: a }) => Le(t.value, l) && t.level === a
+    ) || null;
+  }
+}
+const fl = Bt({
+  /**
+  * @description specify which key of node object is used as the node's value
+  */
+  modelValue: {
+    type: ye([Number, String, Array])
+  },
+  /**
+  * @description data of the options, the key of `value` and `label` can be customize by `CascaderProps`.
+  */
+  options: {
+    type: ye(Array),
+    default: () => []
+  },
+  /**
+  * @description configuration options, see the following `CascaderProps` table.
+  */
+  props: {
+    type: ye(Object),
+    default: () => ({})
+  }
+}), hl = {
+  /**
+  * @description trigger mode of expanding options
+  */
+  expandTrigger: "click",
+  /**
+  * @description whether multiple selection is enabled
+  */
+  multiple: !1,
+  /**
+  * @description whether checked state of a node not affects its parent and child nodes
+  */
+  checkStrictly: !1,
+  // whether all nodes can be selected
+  /**
+  * @description when checked nodes change, whether to emit an array of node's path, if false, only emit the value of node.
+  */
+  emitPath: !0,
+  // wether to emit an array of all levels value in which node is located
+  /**
+  * @description whether to dynamic load child nodes, use with `lazyload` attribute
+  */
+  lazy: !1,
+  /**
+  * @description method for loading child nodes data, only works when `lazy` is true
+  */
+  lazyLoad: xn,
+  /**
+  * @description specify which key of node object is used as the node's value
+  */
+  value: "value",
+  /**
+  * @description specify which key of node object is used as the node's label
+  */
+  label: "label",
+  /**
+  * @description specify which key of node object is used as the node's children
+  */
+  children: "children",
+  /**
+  * @description specify which key of node object is used as the node's leaf
+  */
+  leaf: "leaf",
+  /**
+  * @description specify which key of node object is used as the node's disabled
+  */
+  disabled: "disabled",
+  /**
+  * @description hover threshold of expanding options
+  */
+  hoverThreshold: 500
+}, vl = (e) => S(() => de(de({}, hl), e.props)), St = (e) => {
+  if (!e) return 0;
+  const t = e.id.split("-");
+  return Number(t[t.length - 2]);
+}, ml = (e) => {
+  if (!e) return;
+  const t = e.querySelector("input");
+  t ? t.click() : Ot(e) && e.click();
+}, gl = (e, t) => {
+  const n = t.slice(0), l = n.map((d) => d.uid), a = e.reduce((d, r) => {
+    const y = l.indexOf(r.uid);
+    return y > -1 && (d.push(r), n.splice(y, 1), l.splice(y, 1)), d;
+  }, []);
+  return a.push(...n), a;
+}, yl = Ce({
+  name: "ElCascaderPanel",
+  components: {
+    CustomCascaderMenu: ul
+  },
+  props: xe(de({}, fl), {
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    inputWidth: {
+      type: Number,
+      default: 0
+    },
+    renderLabel: Function
+  }),
+  emits: [ze, Be, "close", "expand-change"],
+  setup(e, { emit: t, slots: n }) {
+    let l = !1;
+    const a = be("cascader"), d = vl(e);
+    let r = null;
+    const y = P(!0), m = P([]), u = P(0), f = P(null), g = P([]), C = P(null), E = P([]), _ = S(() => d.value.expandTrigger === "hover"), W = S(() => e.renderLabel || n.default), ee = (o) => {
+      var p, b;
+      const i = o == null ? void 0 : o.$el;
+      return (p = i == null ? void 0 : i.classList) != null && p.contains("vue-recycle-scroller") ? i : ((b = i == null ? void 0 : i.querySelector) == null ? void 0 : b.call(i, ".vue-recycle-scroller")) || i;
+    }, T = (o = !0) => {
+      const i = o ? m.value.map((b) => {
+        var N;
+        return ((N = ee(b)) == null ? void 0 : N.scrollTop) || 0;
+      }) : [];
+      if (u.value++, !o) return;
+      const p = () => {
+        m.value.forEach((b, N) => {
+          const k = ee(b);
+          k && (k.scrollTop = i[N] || 0);
+        });
+      };
+      re(() => {
+        p(), nt && requestAnimationFrame(p);
+      });
+    }, B = () => {
+      const { options: o } = e, i = d.value;
+      l = !1, r = new kt(o, i), g.value = [r.getNodes()], i.lazy && Xe(e.options) ? (y.value = !1, D(void 0, (p) => {
+        p && (r = new kt(p, i), g.value = [r.getNodes()]), y.value = !0, te(!1, !0);
+      })) : te(!1, !0);
+    }, D = (o, i) => {
+      const p = d.value;
+      o = o || new Ne({}, p, void 0, !0), o.loading = !0;
+      const b = (N) => {
+        const k = o, R = k.root ? null : k;
+        N && (r == null || r.appendNodes(N, R)), k.loading = !1, k.loaded = !0, k.childrenData = k.childrenData || [], i && i(N);
+      };
+      p.lazyLoad(o, b);
+    }, j = (o, i) => {
+      var k;
+      const { level: p } = o, b = g.value.slice(0, p);
+      let N;
+      o.isLeaf ? N = o.pathNodes[p - 2] : (N = o, b.push(o.children)), ((k = C.value) == null ? void 0 : k.uid) !== (N == null ? void 0 : N.uid) && (C.value = o, g.value = b, !i && t("expand-change", (o == null ? void 0 : o.pathValues) || []));
+    }, O = (o, i, p = !0) => {
+      const { checkStrictly: b, multiple: N } = d.value, k = E.value[0];
+      l = !0, !N && (k == null || k.doCheck(!1)), o.doCheck(i), ce(), p && !N && !b && t("close"), !p && !N && !b && A(o);
+    }, A = (o) => {
+      o && (o = o.parent, A(o), o && j(o));
+    }, I = (o) => r == null ? void 0 : r.getFlattedNodes(o), x = (o) => {
+      var i;
+      return (i = I(o)) == null ? void 0 : i.filter((p) => p.checked !== !1);
+    }, z = (o) => {
+      const i = (r == null ? void 0 : r.getNodes()) || [];
+      if (!o) {
+        C.value = null, g.value = i.length ? [i] : [], T();
+        return;
+      }
+      const p = o.isLeaf ? o.parent : o;
+      if (!p) {
+        C.value = null, g.value = i.length ? [i] : [], T();
+        return;
+      }
+      const b = [i];
+      p.pathNodes.forEach((N) => {
+        N.isLeaf || b.push(N.children);
+      }), C.value = p, g.value = b, T();
+    }, ie = () => {
+      var o;
+      (o = I(!1)) == null || o.forEach((i) => {
+        i.checked = !1, i.indeterminate = !1;
+      }), E.value = [], f.value = d.value.multiple ? [] : null, g.value = r ? [r.getNodes()] : [], C.value = null, T(!1), t("expand-change", []);
+    }, ce = () => {
+      var R;
+      const { checkStrictly: o, multiple: i } = d.value, p = E.value, b = x(!o), N = gl(p, b), k = N.map((q) => q.valueByOption);
+      E.value = N, f.value = i ? k : (R = k[0]) != null ? R : null;
+    }, te = (o = !1, i = !1) => {
+      const { modelValue: p } = e, { lazy: b, multiple: N, checkStrictly: k } = d.value, R = !k;
+      if (!(!y.value || l || !i && Le(p, f.value)))
+        if (b && !o) {
+          const U = Nt(mn(Ct(p))).map((G) => r == null ? void 0 : r.getNodeByValue(G)).filter((G) => !!G && !G.loaded && !G.loading);
+          U.length ? U.forEach((G) => {
+            D(G, () => te(!1, i));
+          }) : te(!0, i);
+        } else {
+          const q = N ? Ct(p) : [p], U = Nt(q.map((G) => r == null ? void 0 : r.getNodeByValue(G, R)));
+          ue(U, i), f.value = Lt(p);
+        }
+    }, ue = (o, i = !0) => {
+      var J;
+      const { checkStrictly: p, multiple: b } = d.value, N = I(!1) || [], k = new Map(N.map((w) => [w.uid, w])), R = (w) => w ? k.get(w.uid) || (r == null ? void 0 : r.getSameNode(w)) || w : null, q = E.value.map((w) => R(w)).filter((w) => !!w), U = o.map((w) => R(w)).filter((w) => !!w && (p || w.isLeaf)), G = (J = C.value) != null && J.isLeaf ? C.value.parent : C.value, me = G ? r == null ? void 0 : r.getSameNode(G) : null, Ve = new Set(U.map((w) => w.uid)), qe = new Set(q.map((w) => w.uid)), ke = U.filter((w) => !qe.has(w.uid)), Se = q.filter((w) => !Ve.has(w.uid));
+      if (!ke.length && !Se.length) {
+        z(i && me || null), E.value = U;
+        return;
+      }
+      if (b && !p && ke.length + Se.length > 80) {
+        const w = new Set(U);
+        N.forEach((X) => {
+          X.checked = X.isLeaf ? w.has(X) : !1, X.indeterminate = !1;
+        }), N.filter((X) => !X.isLeaf).sort((X, we) => we.level - X.level).forEach((X) => X.onChildCheck()), T();
+      } else
+        Se.forEach((w) => w.doCheck(!1)), ke.forEach((w) => w.doCheck(!0));
+      const Ee = i && me || U[0];
+      z(Ee || null), E.value = U;
+    }, h = (o) => {
+      const i = o.target, { code: p } = o;
+      switch (p) {
+        case Y.up:
+        case Y.down: {
+          o.preventDefault();
+          const b = p === Y.up ? -1 : 1;
+          Fe(Ft(i, b, `.${a.b("node")}[tabindex="-1"]`));
+          break;
+        }
+        case Y.left: {
+          o.preventDefault();
+          const b = m.value[St(i) - 1], N = b == null ? void 0 : b.$el.querySelector(`.${a.b("node")}[aria-expanded="true"]`);
+          Fe(N);
+          break;
+        }
+        case Y.right: {
+          o.preventDefault();
+          const b = m.value[St(i) + 1], N = b == null ? void 0 : b.$el.querySelector(`.${a.b("node")}[tabindex="-1"]`);
+          Fe(N);
+          break;
+        }
+        case Y.enter:
+          ml(i);
+          break;
+      }
+    };
+    return sn(
+      st,
+      an({
+        config: d,
+        expandingNode: C,
+        checkedNodes: E,
+        isHoverMenu: _,
+        initialLoaded: y,
+        renderLabelFn: W,
+        lazyLoad: D,
+        expandNode: j,
+        handleCheckChange: O
+      })
+    ), Q([d, () => e.options], B, {
+      deep: !0,
+      immediate: !0
+    }), Q(
+      () => e.modelValue,
+      () => {
+        l = !1, te();
+      },
+      {
+        deep: !0
+      }
+    ), Q(
+      () => f.value,
+      (o) => {
+        Le(o, e.modelValue) || (t(ze, o), t(Be, o));
+      }
+    ), on(() => m.value = []), Re(() => !Xe(e.modelValue) && te()), {
+      ns: a,
+      menuList: m,
+      menuRenderKey: u,
+      menus: g,
+      checkedNodes: E,
+      handleKeyDown: h,
+      handleCheckChange: O,
+      getFlattedNodes: I,
+      /**
+       * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
+       */
+      getCheckedNodes: x,
+      /**
+       * @description clear checked nodes
+       */
+      clearCheckedNodes: ie,
+      calculateCheckedValue: ce
+    };
+  }
+});
+function bl(e, t, n, l, a, d) {
+  var y;
+  const r = le("custom-cascader-menu");
+  return $(), K("div", {
+    class: F([e.ns.b("panel"), e.ns.is("bordered", e.border)]),
+    onKeydown: t[0] || (t[0] = (...m) => e.handleKeyDown && e.handleKeyDown(...m))
+  }, [
+    (y = e.options) != null && y.length ? ($(!0), K(Ae, { key: 0 }, Oe(e.menus, (m, u) => ($(), Z(r, {
+      key: `${u}-${e.menuRenderKey}`,
+      ref_for: !0,
+      ref: (f) => e.menuList[u] = f,
+      index: u,
+      nodes: [...m]
+    }, null, 8, ["index", "nodes"]))), 128)) : ($(), K("div", {
+      key: 1,
+      class: "empty-panel",
+      style: Ie(e.inputWidth ? { width: e.inputWidth + "px" } : {})
+    }, [...t[1] || (t[1] = [
+      pe("p", null, "暂无数据", -1)
+    ])], 4))
+  ], 34);
+}
+const Nl = /* @__PURE__ */ et(yl, [["render", bl]]), Cl = Bt(xe(de({}, wn), {
+  /**
+   * @description size of input
+   */
+  size: $n,
+  /**
+   * @description placeholder of input
+   */
+  placeholder: String,
+  /**
+   * @description whether Cascader is disabled
+   */
+  disabled: Boolean,
+  /**
+   * @description whether selected value can be cleared
+   */
+  clearable: Boolean,
+  /**
+   * @description whether the options can be searched
+   */
+  filterable: Boolean,
+  /**
+   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.
+   */
+  filterMethod: {
+    type: ye(Function),
+    default: (e, t) => e.text.includes(t)
+  },
+  /**
+   * @description option label separator
+   */
+  separator: {
+    type: String,
+    default: " / "
+  },
+  /**
+   * @description whether to display all levels of the selected value in the input
+   */
+  showAllLevels: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to collapse tags in multiple selection mode
+   */
+  collapseTags: Boolean,
+  /**
+   * @description The max tags number to be shown. To use this, collapse-tags must be true
+   */
+  maxCollapseTags: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * @description native input id
+   */
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @description max height of collapsed tags tooltip
+   */
+  maxCollapseTagsTooltipHeight: {
+    type: ye([String, Number]),
+    default: 260
+  },
+  /**
+   * @description debounce delay when typing filter keyword, in milliseconds
+   */
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  /**
+   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted
+   */
+  beforeFilter: {
+    type: ye(Function),
+    default: () => !0
+  },
+  /**
+   * @description custom class name for Cascader's dropdown
+   */
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether cascader popup is teleported
+   */
+  teleported: En.teleported,
+  /**
+   * @description tag type
+   */
+  tagType: xe(de({}, Sn.type), { default: "info" }),
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  }
+})), kl = {
+  [ze]: (e) => !!e || e === null,
+  [Be]: (e) => !!e || e === null,
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent,
+  visibleChange: (e) => Un(e),
+  expandChange: (e) => !!e,
+  removeTag: (e) => !!e
+}, Sl = { key: 0 }, El = ["placeholder"], wl = ["onClick"], $l = "ElCascader", Al = /* @__PURE__ */ Ce({
+  name: $l,
+  __name: "ElCascader",
+  props: Cl,
+  emits: kl,
+  setup(e, { expose: t, emit: n }) {
+    const l = {
+      modifiers: [
+        {
+          name: "arrowPosition",
+          enabled: !0,
+          phase: "main",
+          fn: ({ state: s }) => {
+            const { modifiersData: c, placement: v } = s;
+            ["right", "left", "bottom", "top"].includes(v) || (c.arrow.x = 35);
+          },
+          requires: ["arrow"]
+        }
+      ]
+    }, a = e, d = n, r = rn();
+    let y = 0, m = 0;
+    const u = be("cascader"), f = be("input"), { t: g } = Mt(), { form: C, formItem: E } = An(), _ = P(null), W = P(null), ee = P(null), T = P(null), B = P(null), D = P(!1), j = P(!1), O = P(!1), A = P(!1), I = P(""), x = P(""), z = P([]), ie = P([]), ce = P([]), te = P(!1), ue = P(), h = S(() => r.style), o = S(() => a.disabled || (C == null ? void 0 : C.disabled)), i = S(() => a.placeholder || g("el.cascader.placeholder")), p = S(() => x.value || z.value.length > 0 || te.value ? "" : i.value), b = Ln(), N = S(() => ["small"].includes(b.value) ? "small" : "default"), k = S(() => !!a.props.multiple), R = S(() => !a.filterable || k.value), q = S(() => k.value ? x.value : I.value), U = S(() => {
+      var s;
+      return ((s = T.value) == null ? void 0 : s.checkedNodes) || [];
+    }), G = S(() => !a.clearable || o.value || O.value || !j.value ? !1 : !!U.value.length), me = S(() => {
+      const { showAllLevels: s, separator: c } = a, v = U.value;
+      return v.length ? k.value ? "" : v[0].calcText(s, c) : "";
+    }), Ve = S({
+      get() {
+        return Lt(a.modelValue);
+      },
+      set(s) {
+        d(ze, s), d(Be, s), a.validateEvent && (E == null || E.validate("change").catch((c) => It(c)));
+      }
+    }), qe = S(() => [u.b(), u.m(b.value), u.is("disabled", o.value), r.class]), ke = S(() => [f.e("icon"), "icon-arrow-down", u.is("reverse", D.value)]), Se = S(() => u.is("focus", D.value || A.value)), at = S(() => {
+      const s = a.maxCollapseTagsTooltipHeight;
+      if (s)
+        return {
+          maxHeight: Xn(s),
+          overflowY: "auto",
+          overflowX: "hidden"
+        };
+    }), Ee = S(() => {
+      var s, c;
+      return (c = (s = _.value) == null ? void 0 : s.popperRef) == null ? void 0 : c.contentRef;
+    }), J = (s) => {
+      var c, v;
+      o.value || (s = s != null ? s : !D.value, s !== D.value && (D.value = s, (v = (c = W.value) == null ? void 0 : c.input) == null || v.setAttribute("aria-expanded", `${s}`), s ? w() : a.filterable && Ue(), d("visibleChange", s)));
+    }, w = () => {
+      re(() => {
+        var s;
+        (s = _.value) == null || s.updatePopper();
+      });
+    }, X = () => {
+      O.value = !1;
+    }, we = (s) => {
+      const { showAllLevels: c, separator: v } = a;
+      return {
+        node: s,
+        key: s.uid,
+        text: s.calcText(c, v),
+        hitState: !1,
+        closable: !o.value && !s.isDisabled,
+        isCollapseTag: !1
+      };
+    }, Ke = (s) => {
+      var v;
+      const c = s.node;
+      c.doCheck(!1), (v = T.value) == null || v.calculateCheckedValue(), d("removeTag", c.valueByOption);
+    }, Ht = () => {
+      if (!k.value) return;
+      const s = U.value, c = [], v = [];
+      if (s.forEach((M) => v.push(we(M))), ie.value = v, s.length) {
+        s.slice(0, a.maxCollapseTags).forEach((se) => c.push(we(se)));
+        const M = s.slice(a.maxCollapseTags), ae = M.length;
+        ae && (a.collapseTags ? c.push({
+          key: -1,
+          text: `+ ${ae}`,
+          closable: !1,
+          isCollapseTag: !0
+        }) : M.forEach((se) => c.push(we(se))));
+      }
+      z.value = c;
+    }, ot = () => {
+      var ae, se;
+      const { filterMethod: s, showAllLevels: c, separator: v } = a, M = (se = (ae = T.value) == null ? void 0 : ae.getFlattedNodes(!a.props.checkStrictly)) == null ? void 0 : se.filter((oe) => oe.isDisabled ? !1 : (oe.calcText(c, v), s(oe, q.value)));
+      k.value && (z.value.forEach((oe) => {
+        oe.hitState = !1;
+      }), ie.value.forEach((oe) => {
+        oe.hitState = !1;
+      })), O.value = !0, ce.value = M, w();
+    }, Rt = () => {
+      var c;
+      let s;
+      O.value && B.value ? s = B.value.$el.querySelector(`.${u.e("suggestion-item")}`) : s = (c = T.value) == null ? void 0 : c.$el.querySelector(`.${u.b("node")}[tabindex="-1"]`), s && (s.focus(), !O.value && s.click());
+    }, je = () => {
+      var M, ae;
+      const s = (M = W.value) == null ? void 0 : M.input, c = ee.value, v = (ae = B.value) == null ? void 0 : ae.$el;
+      if (!(!nt || !s)) {
+        if (v) {
+          const se = v.querySelector(`.${u.e("suggestion-list")}`);
+          se.style.minWidth = `${s.offsetWidth}px`, ue.value = s.offsetWidth;
+        }
+        if (c) {
+          const { offsetHeight: se } = c, oe = z.value.length > 0 ? `${Math.max(se + 6, y)}px` : `${y}px`;
+          s.style.height = oe, w();
+        }
+      }
+    }, Wt = (s) => {
+      var c;
+      return (c = T.value) == null ? void 0 : c.getCheckedNodes(s);
+    }, qt = (s) => {
+      w(), d("expandChange", s);
+    }, ge = (s) => {
+      var v;
+      const c = (v = s.target) == null ? void 0 : v.value;
+      if (s.type === "compositionend")
+        te.value = !1, re(() => Je(c));
+      else {
+        const M = c[c.length - 1] || "";
+        te.value = !el(M);
+      }
+    }, Kt = (s) => {
+      if (!te.value)
+        switch (s.code) {
+          case Y.enter:
+            J();
+            break;
+          case Y.down:
+            J(!0), re(Rt), s.preventDefault();
+            break;
+          case Y.esc:
+            D.value === !0 && (s.preventDefault(), s.stopPropagation(), J(!1));
+            break;
+          case Y.tab:
+            J(!1);
+            break;
+        }
+    }, jt = () => {
+      var s;
+      (s = T.value) == null || s.clearCheckedNodes(), !D.value && a.filterable && Ue(), J(!1);
+    }, Ue = () => {
+      const { value: s } = me;
+      I.value = s, x.value = s;
+    }, Ut = (s) => {
+      var v, M;
+      const { checked: c } = s;
+      k.value ? (v = T.value) == null || v.handleCheckChange(s, !c, !1) : (!c && ((M = T.value) == null || M.handleCheckChange(s, !0, !1)), J(!1));
+    }, Jt = (s) => {
+      const c = s.target, { code: v } = s;
+      switch (v) {
+        case Y.up:
+        case Y.down: {
+          const M = v === Y.up ? -1 : 1;
+          Fe(Ft(c, M, `.${u.e("suggestion-item")}[tabindex="-1"]`));
+          break;
+        }
+        case Y.enter:
+          c.click();
+          break;
+      }
+    }, Zt = () => {
+      const s = z.value, c = s[s.length - 1];
+      m = x.value ? 0 : m + 1, !(!c || !m || a.collapseTags && s.length > 1) && (c.hitState ? Ke(c) : c.hitState = !0);
+    }, rt = (s) => {
+      const c = s.target, v = u.e("search-input");
+      c.className === v && (A.value = !0), d("focus", s);
+    }, it = (s) => {
+      A.value = !1, d("blur", s);
+    }, _t = gn(() => {
+      const { value: s } = q;
+      if (!s) return;
+      const c = a.beforeFilter(s);
+      Fn(c) ? c.then(ot).catch(() => {
+      }) : c !== !1 ? ot() : X();
+    }, a.debounce), Je = (s, c) => {
+      !D.value && J(!0), !(c != null && c.isComposing) && (s = s.trim(), s ? _t() : X());
+    }, Gt = () => {
+      var c;
+      const s = (c = W.value) == null ? void 0 : c.input;
+      s && (ue.value = parseFloat(s.offsetWidth), console.log(ue.value));
+    }, ct = (s) => Number.parseFloat(qn(f.cssVarName("input-height"), s).value) - 2;
+    return Q(O, w), Q([U, o], Ht), Q(z, () => {
+      re(() => je());
+    }), Q(b, () => pt(null, null, function* () {
+      yield re();
+      const s = W.value.input;
+      y = ct(s) || y, je();
+    })), Q(me, Ue, { immediate: !0 }), Re(() => {
+      const s = W.value.input, c = ct(s);
+      y = s.offsetHeight || c, Kn(s, je), Gt();
+    }), t({
+      /**
+       * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
+       */
+      getCheckedNodes: Wt,
+      /**
+       * @description cascader panel ref
+       */
+      cascaderPanelRef: T,
+      /**
+       * @description toggle the visible of popper
+       */
+      togglePopperVisible: J,
+      /**
+       * @description cascader content ref
+       */
+      contentRef: Ee
+    }), (s, c) => ($(), Z(L(Pn), { "z-index": 3e3 }, {
+      default: H(() => [
+        ne(L(mt), {
+          ref_key: "tooltipRef",
+          ref: _,
+          visible: D.value,
+          teleported: s.teleported,
+          "popper-class": [L(u).e("dropdown"), s.popperClass],
+          "popper-options": l,
+          "fallback-placements": ["bottom-start", "bottom", "top-start", "top", "right", "left"],
+          "stop-popper-mouse-event": !1,
+          "gpu-acceleration": !1,
+          placement: "bottom-start",
+          transition: `${L(u).namespace.value}-zoom-in-top`,
+          effect: "light",
+          pure: "",
+          persistent: "",
+          onHide: X
+        }, {
+          default: H(() => [
+            De(($(), K("div", {
+              class: F(qe.value),
+              style: Ie(h.value),
+              onClick: c[5] || (c[5] = () => J(R.value ? void 0 : !0)),
+              onKeydown: Kt,
+              onMouseenter: c[6] || (c[6] = (v) => j.value = !0),
+              onMouseleave: c[7] || (c[7] = (v) => j.value = !1)
+            }, [
+              ne(L(Tn), {
+                ref_key: "input",
+                ref: W,
+                modelValue: I.value,
+                "onUpdate:modelValue": c[1] || (c[1] = (v) => I.value = v),
+                placeholder: p.value,
+                readonly: R.value,
+                disabled: o.value,
+                "validate-event": !1,
+                size: L(b),
+                class: F(Se.value),
+                tabindex: k.value && s.filterable && !o.value ? -1 : void 0,
+                onCompositionstart: ge,
+                onCompositionupdate: ge,
+                onCompositionend: ge,
+                onFocus: rt,
+                onBlur: it,
+                onInput: Je
+              }, {
+                suffix: H(() => [
+                  G.value ? ($(), Z(L(Pe), {
+                    key: "clear",
+                    class: F([L(f).e("icon"), "icon-circle-close"]),
+                    onClick: $e(jt, ["stop"])
+                  }, {
+                    default: H(() => [
+                      ne(L(bn))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : ($(), Z(L(Pe), {
+                    key: "arrow-down",
+                    class: F(ke.value),
+                    onClick: c[0] || (c[0] = $e((v) => J(), ["stop"]))
+                  }, {
+                    default: H(() => [
+                      ne(L(Nn))
+                    ]),
+                    _: 1
+                  }, 8, ["class"]))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex"]),
+              k.value ? ($(), K("div", {
+                key: 0,
+                ref_key: "tagWrapper",
+                ref: ee,
+                class: F(L(u).e("tags"))
+              }, [
+                ($(!0), K(Ae, null, Oe(z.value, (v) => ($(), Z(L(gt), {
+                  key: v.key,
+                  type: s.tagType,
+                  size: N.value,
+                  hit: v.hitState,
+                  closable: v.closable,
+                  "disable-transitions": "",
+                  onClose: (M) => Ke(v)
+                }, {
+                  default: H(() => [
+                    v.isCollapseTag === !1 ? ($(), K("span", Sl, fe(v.text), 1)) : ($(), Z(L(mt), {
+                      key: 1,
+                      disabled: D.value || !s.collapseTagsTooltip,
+                      "fallback-placements": ["bottom", "top", "right", "left"],
+                      placement: "bottom",
+                      effect: "light"
+                    }, {
+                      default: H(() => [
+                        pe("span", null, fe(v.text), 1)
+                      ]),
+                      content: H(() => [
+                        pe("div", {
+                          class: F(L(u).e("collapse-tags")),
+                          style: Ie(at.value)
+                        }, [
+                          ($(!0), K(Ae, null, Oe(ie.value.slice(s.maxCollapseTags), (M, ae) => ($(), K("div", {
+                            key: ae,
+                            class: F(L(u).e("collapse-tag"))
+                          }, [
+                            ($(), Z(L(gt), {
+                              key: M.key,
+                              class: "in-tooltip",
+                              type: s.tagType,
+                              size: N.value,
+                              hit: M.hitState,
+                              closable: M.closable,
+                              "disable-transitions": "",
+                              onClose: (se) => Ke(M)
+                            }, {
+                              default: H(() => [
+                                pe("span", null, fe(M.text), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["type", "size", "hit", "closable", "onClose"]))
+                          ], 2))), 128))
+                        ], 6)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled"]))
+                  ]),
+                  _: 2
+                }, 1032, ["type", "size", "hit", "closable", "onClose"]))), 128)),
+                s.filterable && !o.value ? De(($(), K("input", {
+                  key: 0,
+                  "onUpdate:modelValue": c[2] || (c[2] = (v) => x.value = v),
+                  type: "text",
+                  class: F(L(u).e("search-input")),
+                  placeholder: me.value ? "" : i.value,
+                  onInput: c[3] || (c[3] = (v) => Je(x.value, v)),
+                  onClick: c[4] || (c[4] = $e((v) => J(!0), ["stop"])),
+                  onKeydown: cn(Zt, ["delete"]),
+                  onCompositionstart: ge,
+                  onCompositionupdate: ge,
+                  onCompositionend: ge,
+                  onFocus: rt,
+                  onBlur: it
+                }, null, 42, El)), [
+                  [un, x.value]
+                ]) : he("", !0)
+              ], 2)) : he("", !0)
+            ], 38)), [
+              [L(Vn), () => J(!1), Ee.value]
+            ])
+          ]),
+          content: H(() => [
+            De(ne(Nl, {
+              ref_key: "cascaderPanelRef",
+              ref: T,
+              inputWidth: ue.value,
+              modelValue: Ve.value,
+              "onUpdate:modelValue": c[8] || (c[8] = (v) => Ve.value = v),
+              options: s.options,
+              props: a.props,
+              border: !1,
+              "render-label": s.$slots.default,
+              onExpandChange: qt,
+              onClose: c[9] || (c[9] = (v) => s.$nextTick(() => J(!1)))
+            }, null, 8, ["inputWidth", "modelValue", "options", "props", "render-label"]), [
+              [ft, !O.value]
+            ]),
+            s.filterable ? De(($(), Z(L(Vt), {
+              key: 0,
+              ref_key: "suggestionPanel",
+              ref: B,
+              tag: "ul",
+              class: F(L(u).e("suggestion-panel")),
+              "view-class": L(u).e("suggestion-list"),
+              onKeydown: Jt
+            }, {
+              default: H(() => [
+                ce.value.length ? ($(!0), K(Ae, { key: 0 }, Oe(ce.value, (v) => ($(), K("li", {
+                  key: v.uid,
+                  class: F([L(u).e("suggestion-item"), L(u).is("checked", v.checked)]),
+                  tabindex: -1,
+                  onClick: (M) => Ut(v)
+                }, [
+                  pe("span", null, fe(v.text), 1),
+                  v.checked ? ($(), Z(L(Pe), { key: 0 }, {
+                    default: H(() => [
+                      ne(L(Tt))
+                    ]),
+                    _: 1
+                  })) : he("", !0)
+                ], 10, wl))), 128)) : At(s.$slots, "empty", { key: 1 }, () => [
+                  pe("li", {
+                    class: F(L(u).e("empty-text"))
+                  }, fe(L(g)("el.cascader.noMatch")), 3)
+                ])
+              ]),
+              _: 3
+            }, 8, ["class", "view-class"])), [
+              [ft, O.value]
+            ]) : he("", !0)
+          ]),
+          _: 3
+        }, 8, ["visible", "teleported", "popper-class", "transition"])
+      ]),
+      _: 3
+    }));
+  }
+}), Fl = /* @__PURE__ */ Ce({
+  __name: "FgCascader",
+  props: /* @__PURE__ */ ht({
+    props: {
+      type: Object,
+      default: () => ({})
+    },
+    /** 级联展示时候是否有全选 */
+    selectAll: {
+      type: Boolean,
+      default: () => !1
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    filterMethod: {
+      type: Function,
+      default: null
+    },
+    /** 筛选后是否有全选 */
+    filterSelectAll: {
+      type: Boolean,
+      default: () => !1
+    },
+    poperClass: {
+      type: String,
+      default: () => ""
+    },
+    // 用于搜索后在匹配标签
+    labelIds: {
+      type: Array,
+      default: () => []
+    },
+    // 用于搜索后在标签后显示内容
+    labelName: {
+      type: String,
+      default: () => ""
+    },
+    // 用于搜索后在标签前还是标签后插入，默认标签后
+    labelInsertHeader: {
+      type: Boolean,
+      default: () => !1
+    },
+    // 用于搜索后在标签前插入的icon
+    labelIcon: {
+      type: String,
+      default: () => ""
+    },
+    teleported: {
+      type: Boolean,
+      default: () => !1
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ht(["change"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = dn(), l = e, a = pn(e, "modelValue"), d = P(0), r = de({ expandTrigger: "hover", emitPath: !1 }, l.props), y = t, m = P(), u = P(!1);
+    let f = null, g, C, E = [];
+    const _ = S(() => l.selectAll && l.options.length > 0 ? [{ [r.label || "label"]: "全选", [r.value || "value"]: "ALL" }, ...l.options] : l.options), W = (h, o) => {
+      if (o === "add") {
+        const i = a.value ? JSON.parse(JSON.stringify(a.value)) : [];
+        h.forEach((p) => {
+          i.find((b) => String(b) === String(p)) || i.push(p);
+        }), a.value = i;
+      } else
+        a.value = a.value.filter((i) => !h.find((p) => String(p) === String(i)));
+      re(() => {
+        y("change", [...a.value]);
+      });
+    }, ee = () => {
+      u.value = !u.value, C.textContent = u.value ? "取消全选" : "全选", Object.prototype.hasOwnProperty.call(l.props, "emitPath") ? W(l.props.emitPath ? E.map((h) => h.pathValues) : E.map((h) => h.pathValues[h.pathValues.length - 1]), u.value ? "add" : "remove") : W(
+        E.map((h) => h.pathValues[h.pathValues.length - 1]),
+        u.value ? "add" : "remove"
+      );
+    }, T = () => {
+      l.filterSelectAll && (u.value = !1, C.textContent = "全选");
+    }, B = () => {
+      var i, p;
+      const h = (p = (i = m.value) == null ? void 0 : i.cascaderPanelRef) == null ? void 0 : p.$el.parentNode;
+      if (!h || !n.footer || f && h.contains(f)) return;
+      f = document.createElement("div"), f.className = "cascader-footer-slot", h.appendChild(f), vt(Ge(() => Ge("div", { class: "cascader-footer-wrapper" }, n.footer())), f);
+    }, D = () => {
+      f && (vt(null, f), f.parentNode && f.parentNode.removeChild(f), f = null);
+    }, j = () => {
+      var b, N, k;
+      const h = (k = (N = (b = m.value) == null ? void 0 : b.cascaderPanelRef) == null ? void 0 : N.$el) == null ? void 0 : k.parentNode, o = h == null ? void 0 : h.querySelector(".el-cascader__suggestion-panel"), i = o == null ? void 0 : o.querySelector(".el-cascader__suggestion-list");
+      !i || i.querySelector(".select-all") || (g = document.createElement("li"), g.className = "el-cascader__suggestion-item select-all", g.style.display = "none", C = document.createElement("span"), C.textContent = "全选", g.appendChild(C), i.prepend(g), g.onclick = () => {
+        ee();
+      });
+    }, O = (h) => {
+      var b, N, k;
+      const o = (k = (N = (b = m.value) == null ? void 0 : b.cascaderPanelRef) == null ? void 0 : N.$el) == null ? void 0 : k.parentNode, i = o == null ? void 0 : o.querySelector(".el-cascader__suggestion-panel"), p = i == null ? void 0 : i.querySelector(".el-cascader__suggestion-list");
+      p && re(() => {
+        setTimeout(() => {
+          const R = Array.from(p.querySelectorAll(".el-cascader__suggestion-item")).find((q) => q.querySelector("span").textContent === h.text);
+          if (R && l.labelIds.includes(h.value)) {
+            if (R.querySelector("i")) return;
+            const q = document.createElement("i");
+            q.className = `el-cascader__suggestion-item-label text-[#aaa] text-[12px] ${l.labelIcon}`, q.textContent = l.labelName, l.labelInsertHeader ? R.insertBefore(q, R.firstChild) : R.appendChild(q);
+          }
+        });
+      });
+    }, A = (h, o) => {
+      if (o = o.trim(), l.filterSelectAll && (j(), h.keyword = o, E = E.filter((p) => p.keyword === o)), h.value === "ALL")
+        return !1;
+      const i = l.filterMethod ? l.filterMethod(h, o) : I(h, o);
+      return i && l.filterSelectAll && !E.find((p) => p.uid === h.uid) && E.push(de({}, h)), l.filterSelectAll && g && (g.style.display = E.length ? "flex" : "none"), l.labelIds.length && i && O(h), i;
+    };
+    function I(h, o) {
+      const i = o.toLowerCase(), p = (b, N) => b.toLowerCase().includes(N);
+      return p(h.label, i) || p(h.text, i);
+    }
+    const x = P(!1), z = (h) => {
+      a.value = h, y("change", h);
+    }, ie = (h, o = []) => {
+      const i = [];
+      return h.forEach((p) => {
+        const b = p[r.value || "value"], N = [...o, b];
+        p.children && p.children.length > 0 ? i.push(...ie(p.children, N)) : i.push(r.emitPath ? N : b);
+      }), i;
+    }, ce = (h) => !h || h.length === 0 ? !1 : r.emitPath ? h.some((o) => Array.isArray(o) && o.includes("ALL")) : h.includes("ALL"), te = (h) => !h || h.length === 0 ? [] : r.emitPath ? h.filter((o) => !Array.isArray(o) || !o.includes("ALL")) : h.filter((o) => o !== "ALL"), ue = (h) => {
+      if (l.selectAll)
+        if (ce(h)) {
+          if (x.value) {
+            x.value = !1, z(te(h));
+            return;
+          }
+          const o = ie(
+            // 排除全选选项
+            _.value.filter((p) => p[r.value || "value"] !== "ALL")
+          ), i = r.emitPath ? [["ALL"]] : ["ALL"];
+          z([...i, ...o]), x.value = !0;
+        } else {
+          if (x.value) {
+            x.value = !1, z([]);
+            return;
+          }
+          x.value = !1, z(h);
+        }
+      else
+        z(h);
+    };
+    return Q(
+      [() => a.value, () => l.options],
+      () => {
+        if (!l.selectAll) {
+          x.value = !1;
+          return;
+        }
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), Q(
+      () => l.options,
+      () => {
+        var h;
+        (h = a.value) != null && h.length && re(() => {
+          d.value++;
+        });
+      },
+      {
+        deep: !0
+      }
+    ), Re(() => {
+      l.filterSelectAll && j(), n.footer && B();
+    }), fn(() => {
+      D();
+    }), (h, o) => ($(), Z(Al, hn({
+      ref_key: "cascaderRef",
+      ref: m,
+      key: d.value,
+      modelValue: a.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
+      "popper-class": `cascader-popper-deep ${e.poperClass}`,
+      teleported: e.teleported
+    }, h.$attrs, {
+      props: r,
+      options: _.value,
+      "collapse-tags": "",
+      "collapse-tags-tooltip": "",
+      clearable: "",
+      filterable: "",
+      "filter-method": A,
+      onChange: ue,
+      onFocus: T
+    }), {
+      default: H(({ data: i }) => [
+        At(h.$slots, "customer", { data: i }, () => [
+          pe("span", null, fe(i[r.label || "label"]), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["modelValue", "popper-class", "teleported", "options"]));
+  }
+});
+export {
+  Fl as _
+};