@das-fed/ui 6.4.0-hot.8 → 6.4.0-hot.9

package/packages/components/tree-select/index.js

@@ -1,67 +1,67 @@
 import '@das-fed/ui/packages/components/tree-select/style.css';
-import { ref as D, computed as w, watch as se, nextTick as J, unref as a, onMounted as Te, onUpdated as Ce, onBeforeUnmount as $e, defineComponent as Oe, useAttrs as je, withDirectives as Ve, openBlock as De, createElementBlock as xe, normalizeClass as Le, normalizeStyle as ue, createVNode as K, withCtx as M, createElementVNode as de, withModifiers as ne, mergeProps as ce, isRef as oe, createSlots as Pe, renderSlot as G } from "vue";
-import { withInstall as Ie } from "@das-fed/utils/with-install/index";
-import { ElPopover as Ne } from "element-plus";
+import { ref as x, computed as w, watch as se, nextTick as J, unref as a, onMounted as Te, onUpdated as Ce, onBeforeUnmount as $e, defineComponent as Oe, useAttrs as je, withDirectives as Ve, openBlock as xe, createElementBlock as De, normalizeClass as Le, normalizeStyle as ue, createCommentVNode as Pe, createVNode as K, withCtx as M, createElementVNode as de, withModifiers as ne, mergeProps as ce, isRef as oe, createSlots as Ie, renderSlot as G } from "vue";
+import { withInstall as Ne } from "@das-fed/utils/with-install/index";
+import { ElPopover as Re } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-import { DasSelect as Re } from "@das-fed/ui/packages/components/select/index";
-import { DasTreeRef as Me, DasTree as Ee } from "@das-fed/ui/packages/components/tree/index";
-import { DasIconXiala as We } from "@das-fed/ui/packages/icons/xiala/index";
-import { SizeWatcher as Be } from "@das-fed/utils/size-watcher";
-import { flatTree as Fe } from "@das-fed/utils/common-tools";
-import { vClickOutside as Ae } from "@das-fed/utils/directive";
-import { setThemeRule as Ge } from "@das-fed/web/packages/theme/index";
+import { DasSelect as Me } from "@das-fed/ui/packages/components/select/index";
+import { DasTreeRef as Ee, DasTree as We } from "@das-fed/ui/packages/components/tree/index";
+import { DasIconXiala as Be } from "@das-fed/ui/packages/icons/xiala/index";
+import { SizeWatcher as Fe } from "@das-fed/utils/size-watcher";
+import { flatTree as Ae } from "@das-fed/utils/common-tools";
+import { vClickOutside as Ge } from "@das-fed/utils/directive";
+import { setThemeRule as He } from "@das-fed/web/packages/theme/index";
 var Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function He(e) {
+function ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function ze(e) {
+function Ue(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var ye = ze, Ue = typeof Q == "object" && Q && Q.Object === Object && Q, qe = Ue, Xe = qe, Je = typeof self == "object" && self && self.Object === Object && self, Ke = Xe || Je || Function("return this")(), ge = Ke, Qe = ge, Ye = function() {
-  return Qe.Date.now();
-}, Ze = Ye, _e = /\s/;
-function et(e) {
-  for (var l = e.length; l-- && _e.test(e.charAt(l)); )
+var ye = Ue, qe = typeof Q == "object" && Q && Q.Object === Object && Q, Xe = qe, Je = Xe, Ke = typeof self == "object" && self && self.Object === Object && self, Qe = Je || Ke || Function("return this")(), ge = Qe, Ye = ge, Ze = function() {
+  return Ye.Date.now();
+}, _e = Ze, et = /\s/;
+function tt(e) {
+  for (var l = e.length; l-- && et.test(e.charAt(l)); )
     ;
   return l;
 }
-var tt = et, rt = tt, at = /^\s+/;
-function lt(e) {
-  return e && e.slice(0, rt(e) + 1).replace(at, "");
+var rt = tt, at = rt, lt = /^\s+/;
+function nt(e) {
+  return e && e.slice(0, at(e) + 1).replace(lt, "");
 }
-var nt = lt, ot = ge, it = ot.Symbol, we = it, fe = we, Se = Object.prototype, st = Se.hasOwnProperty, ut = Se.toString, H = fe ? fe.toStringTag : void 0;
-function dt(e) {
-  var l = st.call(e, H), f = e[H];
+var ot = nt, it = ge, st = it.Symbol, we = st, fe = we, Se = Object.prototype, ut = Se.hasOwnProperty, dt = Se.toString, H = fe ? fe.toStringTag : void 0;
+function ct(e) {
+  var l = ut.call(e, H), f = e[H];
   try {
     e[H] = void 0;
     var u = !0;
   } catch {
   }
-  var y = ut.call(e);
+  var y = dt.call(e);
   return u && (l ? e[H] = f : delete e[H]), y;
 }
-var ct = dt, ft = Object.prototype, vt = ft.toString;
-function pt(e) {
+var ft = ct, pt = Object.prototype, vt = pt.toString;
+function ht(e) {
   return vt.call(e);
 }
-var ht = pt, ve = we, mt = ct, bt = ht, yt = "[object Null]", gt = "[object Undefined]", pe = ve ? ve.toStringTag : void 0;
-function wt(e) {
-  return e == null ? e === void 0 ? gt : yt : pe && pe in Object(e) ? mt(e) : bt(e);
+var mt = ht, pe = we, bt = ft, yt = mt, gt = "[object Null]", wt = "[object Undefined]", ve = pe ? pe.toStringTag : void 0;
+function St(e) {
+  return e == null ? e === void 0 ? wt : gt : ve && ve in Object(e) ? bt(e) : yt(e);
 }
-var St = wt;
-function kt(e) {
+var kt = St;
+function Tt(e) {
   return e != null && typeof e == "object";
 }
-var Tt = kt, Ct = St, $t = Tt, Ot = "[object Symbol]";
-function jt(e) {
-  return typeof e == "symbol" || $t(e) && Ct(e) == Ot;
+var Ct = Tt, $t = kt, Ot = Ct, jt = "[object Symbol]";
+function Vt(e) {
+  return typeof e == "symbol" || Ot(e) && $t(e) == jt;
 }
-var Vt = jt, Dt = nt, he = ye, xt = Vt, me = NaN, Lt = /^[-+]0x[0-9a-f]+$/i, Pt = /^0b[01]+$/i, It = /^0o[0-7]+$/i, Nt = parseInt;
-function Rt(e) {
+var xt = Vt, Dt = ot, he = ye, Lt = xt, me = NaN, Pt = /^[-+]0x[0-9a-f]+$/i, It = /^0b[01]+$/i, Nt = /^0o[0-7]+$/i, Rt = parseInt;
+function Mt(e) {
   if (typeof e == "number")
     return e;
-  if (xt(e))
+  if (Lt(e))
     return me;
   if (he(e)) {
     var l = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -70,60 +70,60 @@ function Rt(e) {
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Dt(e);
-  var f = Pt.test(e);
-  return f || It.test(e) ? Nt(e.slice(2), f ? 2 : 8) : Lt.test(e) ? me : +e;
+  var f = It.test(e);
+  return f || Nt.test(e) ? Rt(e.slice(2), f ? 2 : 8) : Pt.test(e) ? me : +e;
 }
-var Mt = Rt, Et = ye, ie = Ze, be = Mt, Wt = "Expected a function", Bt = Math.max, Ft = Math.min;
-function At(e, l, f) {
-  var u, y, T, h, v, p, j = 0, m = !1, V = !1, $ = !0;
+var Et = Mt, Wt = ye, ie = _e, be = Et, Bt = "Expected a function", Ft = Math.max, At = Math.min;
+function Gt(e, l, f) {
+  var u, y, T, h, p, v, j = 0, m = !1, V = !1, $ = !0;
   if (typeof e != "function")
-    throw new TypeError(Wt);
-  l = be(l) || 0, Et(f) && (m = !!f.leading, V = "maxWait" in f, T = V ? Bt(be(f.maxWait) || 0, l) : T, $ = "trailing" in f ? !!f.trailing : $);
+    throw new TypeError(Bt);
+  l = be(l) || 0, Wt(f) && (m = !!f.leading, V = "maxWait" in f, T = V ? Ft(be(f.maxWait) || 0, l) : T, $ = "trailing" in f ? !!f.trailing : $);
   function C(d) {
     var O = u, I = y;
     return u = y = void 0, j = d, h = e.apply(I, O), h;
   }
   function k(d) {
-    return j = d, v = setTimeout(x, l), m ? C(d) : h;
+    return j = d, p = setTimeout(D, l), m ? C(d) : h;
   }
   function s(d) {
-    var O = d - p, I = d - j, B = l - O;
-    return V ? Ft(B, T - I) : B;
+    var O = d - v, I = d - j, B = l - O;
+    return V ? At(B, T - I) : B;
   }
   function N(d) {
-    var O = d - p, I = d - j;
-    return p === void 0 || O >= l || O < 0 || V && I >= T;
+    var O = d - v, I = d - j;
+    return v === void 0 || O >= l || O < 0 || V && I >= T;
   }
-  function x() {
+  function D() {
     var d = ie();
     if (N(d))
       return R(d);
-    v = setTimeout(x, s(d));
+    p = setTimeout(D, s(d));
   }
   function R(d) {
-    return v = void 0, $ && u ? C(d) : (u = y = void 0, h);
+    return p = void 0, $ && u ? C(d) : (u = y = void 0, h);
   }
   function g() {
-    v !== void 0 && clearTimeout(v), j = 0, u = p = y = v = void 0;
+    p !== void 0 && clearTimeout(p), j = 0, u = v = y = p = void 0;
   }
   function L() {
-    return v === void 0 ? h : R(ie());
+    return p === void 0 ? h : R(ie());
   }
   function P() {
     var d = ie(), O = N(d);
-    if (u = arguments, y = this, p = d, O) {
-      if (v === void 0)
-        return k(p);
+    if (u = arguments, y = this, v = d, O) {
+      if (p === void 0)
+        return k(v);
       if (V)
-        return clearTimeout(v), v = setTimeout(x, l), C(p);
+        return clearTimeout(p), p = setTimeout(D, l), C(v);
     }
-    return v === void 0 && (v = setTimeout(x, l)), h;
+    return p === void 0 && (p = setTimeout(D, l)), h;
   }
   return P.cancel = g, P.flush = L, P;
 }
-var Gt = At;
-const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), Y = (e) => typeof e == "string" && zt(e) ? e : e + "px", Ut = (e, l, f, u, y, T) => {
-  const h = D(null), v = D(null), p = Me(), j = D(), m = D(!1), V = D(""), $ = D(""), C = w(() => !!e.mode), k = w(() => ({ label: "name", children: "children", pathName: "pathName", disabled: "disabled", ...u.props ?? {} })), s = w({
+var Ht = Gt;
+const zt = /* @__PURE__ */ ze(Ht), Ut = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), Y = (e) => typeof e == "string" && Ut(e) ? e : e + "px", qt = (e, l, f, u, y, T) => {
+  const h = x(null), p = x(null), v = Ee(), j = x(), m = x(!1), V = x(""), $ = x(""), C = w(() => !!e.mode), k = w(() => ({ label: "name", children: "children", pathName: "pathName", disabled: "disabled", ...u.props ?? {} })), s = w({
     get: () => e.modelValue ? e.modelValue : void 0,
     set: (t) => {
       l("update:modelValue", t);
@@ -133,7 +133,7 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     set: (t) => {
       l("update:keyword", t);
     }
-  }), x = w({
+  }), D = w({
     get: () => e.path,
     set: (t) => {
       l("update:path", t);
@@ -152,11 +152,11 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
   }, g = w(() => {
     var i;
     let t = [], n = [];
-    return y.value ? n = ((i = p.value) == null ? void 0 : i.lazyData) || [] : e.data && (n = Fe(e.data, k.value.children) || []), n.length && (t = n.map((o) => ({
+    return y.value ? n = ((i = v.value) == null ? void 0 : i.lazyData) || [] : e.data && (n = Ae(e.data, k.value.children) || []), n.length && (t = n.map((o) => ({
       ...o,
       [k.value.pathName]: o[k.value.pathName] ? o[k.value.pathName] : y.value ? o[k.value.label] : R(e.data, o[k.value.label])
     }))), t;
-  }), L = D(!1), P = () => {
+  }), L = x(!1), P = () => {
     var t, n;
     if (e.parentLinkChildrenStrictly || !y.value) return !0;
     if (g.value.length === 0) return !1;
@@ -181,27 +181,27 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     l("visible-change", !0);
   }, I = () => {
     var t;
-    N.value = "", (t = p.value) == null || t.searchClear(), l("visible-change", !1);
-  }, B = Ht(() => {
+    N.value = "", (t = v.value) == null || t.searchClear(), l("visible-change", !1);
+  }, B = zt(() => {
     e.disabled || e.isView || (m.value ? m.value = !1 : (document.body.click(), m.value = !0));
   }, 200), A = async () => {
     var n, i;
     await J();
     let t = [];
-    C.value || (s.value || s.value === 0) && (y.value && await ((n = p.value) == null ? void 0 : n.lazyDataNextTick(s.value)), t = g.value.filter((o) => o[f.value] === s.value)), C.value && (s.value || s.value.length) && (y.value && await ((i = p.value) == null ? void 0 : i.lazyDataNextTick(s.value)), t = g.value.filter((o) => s.value.includes(o[f.value]))), l("change", s.value, t);
-  }, E = D(!1), Z = async () => {
+    C.value || (s.value || s.value === 0) && (y.value && await ((n = v.value) == null ? void 0 : n.lazyDataNextTick(s.value)), t = g.value.filter((o) => o[f.value] === s.value)), C.value && (s.value || s.value.length) && (y.value && await ((i = v.value) == null ? void 0 : i.lazyDataNextTick(s.value)), t = g.value.filter((o) => s.value.includes(o[f.value]))), l("change", s.value, t);
+  }, E = x(!1), Z = async () => {
     s.value = C.value ? [] : "", A(), E.value = !0;
   }, _ = async (t) => {
     var n, i, o, S, r, c;
     if (!E.value && C.value) {
       if (!y.value && !T.value) {
-        let b = (i = (n = p.value) == null ? void 0 : n.treeRef) == null ? void 0 : i.getNode(t);
-        b.checked = !1, (o = p.value) == null || o.childLinkParent(b, b.checked), (S = p.value) == null || S.parentLinkChild(b, b.checked);
+        let b = (i = (n = v.value) == null ? void 0 : n.treeRef) == null ? void 0 : i.getNode(t);
+        b.checked = !1, (o = v.value) == null || o.childLinkParent(b, b.checked), (S = v.value) == null || S.parentLinkChild(b, b.checked);
       }
       if (y.value && e.parentLinkChildrenStrictly) {
         let b = g.value.find((W) => W[f.value] === t);
-        if (b && ((r = p.value) != null && r.getGrandChildrenFn)) {
-          const W = await p.value.getGrandChildrenFn(b);
+        if (b && ((r = v.value) != null && r.getGrandChildrenFn)) {
+          const W = await v.value.getGrandChildrenFn(b);
           if (W && W.length) {
             const ke = W.map((le) => le[f.value]);
             s.value && ((c = s.value) != null && c.length) && (s.value = s.value.filter((le) => !ke.includes(le)));
@@ -216,14 +216,14 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     N.value = n, m.value || (m.value = !0);
   }, te = () => {
     var t, n;
-    C.value || (m.value = !1, e.filter && ((n = (t = v.value) == null ? void 0 : t.$select) == null || n.focus()));
+    C.value || (m.value = !1, e.filter && ((n = (t = p.value) == null ? void 0 : t.$select) == null || n.focus()));
   }, z = () => h != null && h.value && h.value.offsetWidth ? h.value.offsetWidth + "px" : "100%", U = () => {
     J(() => {
       V.value = e.width ? Y(e.width) : z(), $.value = e.poppverWidth ? Y(e.poppverWidth) : z();
     });
   }, q = (t) => {
     var n;
-    E.value && (E.value = !1), (n = v.value) == null || n.toChangeMaxCount(!0), l("focus", t);
+    E.value && (E.value = !1), (n = p.value) == null || n.toChangeMaxCount(!0), l("focus", t);
   }, F = (t) => {
     l("blur", t);
   };
@@ -232,13 +232,13 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     (t) => {
       var i, o;
       const n = (i = h.value) == null ? void 0 : i.querySelector(".ant-select-arrow>.das-icon");
-      t ? n.style.transform = "rotate(180deg)" : n.style.transform = "", (o = v.value) == null || o.toChangeMaxCount(t), J(() => {
+      t ? n.style.transform = "rotate(180deg)" : n.style.transform = "", (o = p.value) == null || o.toChangeMaxCount(t), J(() => {
         var S, r, c;
         (c = (r = (S = a(j)) == null ? void 0 : S.popperRef) == null ? void 0 : r.popperInstanceRef) == null || c.update();
       });
     }
   );
-  const X = D(null), re = () => new Promise((t) => {
+  const X = x(null), re = () => new Promise((t) => {
     const n = () => {
       var o;
       const i = (o = h.value) == null ? void 0 : o.querySelector(".ant-select-selector");
@@ -252,7 +252,7 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
   return Te(async () => {
     U();
     const t = await re();
-    t && (X.value = Be((n) => {
+    t && (X.value = Fe((n) => {
       J(() => {
         var i, o, S;
         (S = (o = (i = a(j)) == null ? void 0 : i.popperRef) == null ? void 0 : o.popperInstanceRef) == null || S.update();
@@ -265,13 +265,13 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     innerValue: s,
     popoverRef: j,
     dasTreeSelectRef: h,
-    $tree: p,
-    $select: v,
+    $tree: v,
+    $select: p,
     innerKeyword: N,
     realWidth: V,
     realPoppverWidth: $,
     poppverContentStyle: d,
-    treePath: x,
+    treePath: D,
     treeProps: k,
     selectOptions: g,
     poppverShow: O,
@@ -290,11 +290,11 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     textShow: L,
     showCheckbox: C
   };
-}, qt = {
+}, Xt = {
   name: "DasTreeSelect",
   inheritAttrs: !1
-}, Xt = /* @__PURE__ */ Oe({
-  ...qt,
+}, Jt = /* @__PURE__ */ Oe({
+  ...Xt,
   props: {
     data: { default: () => [] },
     mode: { default: void 0 },
@@ -326,11 +326,11 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
   },
   emits: ["update:modelValue", "update:path", "update:keyword", "change", "focus", "blur", "visible-change"],
   setup(e, { expose: l, emit: f }) {
-    const u = e, y = f, T = je(), h = w(() => T.nodeKey ?? T["node-key"] ?? "id"), v = w(() => u.load ?? void 0), p = w(() => u.search ?? void 0), j = w(() => u.getGrandChildren ?? void 0), m = w(() => T.lazy ?? !!v.value), V = w(() => m.value ? !1 : u.defaultExpandAll), $ = w(() => u.selectAttrs ? u.selectAttrs : {}), C = w(() => !!(u.disabled || u.isView)), k = w(() => u.parentLinkChildrenStrictly || u.childLinkParentStrictly ? !0 : !!(u.checkStrictly ?? m.value)), s = (r) => {
+    const u = e, y = f, T = je(), h = w(() => T.nodeKey ?? T["node-key"] ?? "id"), p = w(() => u.load ?? void 0), v = w(() => u.search ?? void 0), j = w(() => u.getGrandChildren ?? void 0), m = w(() => T.lazy ?? !!p.value), V = w(() => m.value ? !1 : u.defaultExpandAll), $ = w(() => u.selectAttrs ? u.selectAttrs : {}), C = w(() => !!(u.disabled || u.isView)), k = w(() => u.parentLinkChildrenStrictly || u.childLinkParentStrictly ? !0 : !!(u.checkStrictly ?? m.value)), s = (r) => {
       r.key === "Enter" && r.stopPropagation();
     }, {
       dasTreeSelectRef: N,
-      $tree: x,
+      $tree: D,
       $select: R,
       innerValue: g,
       innerKeyword: L,
@@ -356,180 +356,202 @@ const Ht = /* @__PURE__ */ He(Gt), zt = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
       textShow: n,
       checkselectOptionsData: i,
       showCheckbox: o
-    } = Ut(u, y, h, T, m, k), S = w(() => $.value.isTooltip ? $.value.isTooltip && i() : $.value["is-tooltip"] ? $.value["is-tooltip"] && i() : i());
+    } = qt(u, y, h, T, m, k), S = w(() => $.value.isTooltip ? $.value.isTooltip && i() : $.value["is-tooltip"] ? $.value["is-tooltip"] && i() : i());
     return l({
       /** das-select */
       $select: R,
       /** das-tree */
-      $tree: x,
+      $tree: D,
       /** 设置默认值，当默认值为动态设置时使用(兼容老版本) */
       resetDefaultVal: X
-    }), (r, c) => Ve((De(), xe("div", {
-      ref_key: "dasTreeSelectRef",
-      ref: N,
-      class: Le({ "das-ui-tree-select": !0, "is-lazy": m.value, "text-hide": !a(n) }),
-      style: ue({ width: a(P) })
-    }, [
-      K(a(Ne), {
-        ref_key: "popoverRef",
-        ref: _,
-        visible: a(F),
-        "popper-class": "das-tree-select-popper",
-        placement: "bottom-start",
-        "show-arrow": !1,
-        width: a(O),
-        disabled: C.value,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        onShow: a(te),
-        onHide: a(z)
-      }, {
-        reference: M(() => [
-          de("div", {
-            class: "das-tree-select__select-content",
-            onMousedown: c[1] || (c[1] = ne(
-              //@ts-ignore
-              (...b) => a(q) && a(q)(...b),
-              ["stop"]
-            ))
-          }, [
-            K(a(Re), ce({
-              ref_key: "$select",
-              ref: R,
-              class: { "is-active": a(F) },
-              dropdownClassName: "das-tree-select-dropdown",
-              modelValue: a(g),
-              "onUpdate:modelValue": c[0] || (c[0] = (b) => oe(g) ? g.value = b : null)
-            }, $.value, {
-              searchValue: a(L),
-              options: a(Z),
-              disabled: r.disabled,
-              isView: r.isView,
-              size: r.size,
-              mode: r.mode,
-              borderType: r.borderType,
-              placeholder: r.placeholder,
-              "show-search": r.filter,
-              filterOption: r.filter,
-              width: a(P),
-              fieldNames: {
-                value: h.value,
-                label: r.showFullPath ? a(E).pathName : a(E).label
+    }), (r, c) => Ve((xe(), De(
+      "div",
+      {
+        ref_key: "dasTreeSelectRef",
+        ref: N,
+        class: Le({ "das-ui-tree-select": !0, "is-lazy": m.value, "text-hide": !a(n) }),
+        style: ue({ width: a(P) })
+      },
+      [
+        Pe(` 在使用 2.x 版本的element-UI时，里面的 Popover 气泡卡片 组件，有自带的 自动适应位置 的功能；在 element plus 中，直接使用，已经无法自适应气泡弹窗的位置了；需要自行配置:fallback-placements="['bottom', 'top', 'right', 'left']" `),
+        K(a(Re), {
+          ref_key: "popoverRef",
+          ref: _,
+          visible: a(F),
+          "popper-class": "das-tree-select-popper",
+          placement: "bottom-start",
+          "show-arrow": !1,
+          width: a(O),
+          disabled: C.value,
+          "fallback-placements": ["bottom", "top", "right", "left"],
+          onShow: a(te),
+          onHide: a(z)
+        }, {
+          reference: M(() => [
+            de(
+              "div",
+              {
+                class: "das-tree-select__select-content",
+                onMousedown: c[1] || (c[1] = ne(
+                  //@ts-ignore
+                  (...b) => a(q) && a(q)(...b),
+                  ["stop"]
+                ))
+              },
+              [
+                K(a(Me), ce({
+                  ref_key: "$select",
+                  ref: R,
+                  class: { "is-active": a(F) },
+                  dropdownClassName: "das-tree-select-dropdown",
+                  modelValue: a(g),
+                  "onUpdate:modelValue": c[0] || (c[0] = (b) => oe(g) ? g.value = b : null)
+                }, $.value, {
+                  searchValue: a(L),
+                  options: a(Z),
+                  disabled: r.disabled,
+                  isView: r.isView,
+                  size: r.size,
+                  mode: r.mode,
+                  borderType: r.borderType,
+                  placeholder: r.placeholder,
+                  "show-search": r.filter,
+                  filterOption: r.filter,
+                  width: a(P),
+                  fieldNames: {
+                    value: h.value,
+                    label: r.showFullPath ? a(E).pathName : a(E).label
+                  },
+                  isTooltip: S.value,
+                  errorMode: r.errorMode,
+                  error: r.error,
+                  errorLabel: r.errorLabel,
+                  autoClearSearchValue: !1,
+                  isExterControlCount: "",
+                  onDeselect: a(ee),
+                  onSearch: a(U),
+                  onInputKeyDown: s,
+                  onFocus: a(ae),
+                  onBlur: a(t),
+                  onClear: a(re)
+                }), {
+                  suffixIcon: M(() => [
+                    K(a(Be), {
+                      size: "medium",
+                      style: { transition: "transform 0.5s" },
+                      iconColor: a(F) ? "#5582F3" : "currentColor"
+                    }, null, 8, ["iconColor"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 16, ["class", "modelValue", "searchValue", "options", "disabled", "isView", "size", "mode", "borderType", "placeholder", "show-search", "filterOption", "width", "fieldNames", "isTooltip", "errorMode", "error", "errorLabel", "onDeselect", "onSearch", "onFocus", "onBlur", "onClear"])
+              ],
+              32
+              /* NEED_HYDRATION */
+            )
+          ]),
+          default: M(() => [
+            de(
+              "div",
+              {
+                class: "das-tree-select__tree-content",
+                style: ue(a(d)),
+                onClick: c[4] || (c[4] = ne(() => {
+                }, ["stop"])),
+                onMousedown: c[5] || (c[5] = ne(() => {
+                }, ["stop"]))
               },
-              isTooltip: S.value,
-              errorMode: r.errorMode,
-              error: r.error,
-              errorLabel: r.errorLabel,
-              autoClearSearchValue: !1,
-              isExterControlCount: "",
-              onDeselect: a(ee),
-              onSearch: a(U),
-              onInputKeyDown: s,
-              onFocus: a(ae),
-              onBlur: a(t),
-              onClear: a(re)
-            }), {
-              suffixIcon: M(() => [
-                K(a(We), {
-                  size: "medium",
-                  style: { transition: "transform 0.5s" },
-                  iconColor: a(F) ? "#5582F3" : "currentColor"
-                }, null, 8, ["iconColor"])
-              ]),
-              _: 1
-            }, 16, ["class", "modelValue", "searchValue", "options", "disabled", "isView", "size", "mode", "borderType", "placeholder", "show-search", "filterOption", "width", "fieldNames", "isTooltip", "errorMode", "error", "errorLabel", "onDeselect", "onSearch", "onFocus", "onBlur", "onClear"])
-          ], 32)
-        ]),
-        default: M(() => [
-          de("div", {
-            class: "das-tree-select__tree-content",
-            style: ue(a(d)),
-            onClick: c[4] || (c[4] = ne(() => {
-            }, ["stop"])),
-            onMousedown: c[5] || (c[5] = ne(() => {
-            }, ["stop"]))
-          }, [
-            K(a(Ee), ce({
-              ref_key: "$tree",
-              ref: x
-            }, a(T), {
-              data: r.data,
-              modelValue: a(g),
-              "onUpdate:modelValue": c[2] || (c[2] = (b) => oe(g) ? g.value = b : null),
-              "filter-value": a(L),
-              "onUpdate:filterValue": c[3] || (c[3] = (b) => oe(L) ? L.value = b : null),
-              "show-checkbox": a(o),
-              "is-filter": r.filter,
-              "show-filter-input": !1,
-              "filter-mode": "input",
-              lazy: m.value,
-              load: v.value,
-              search: p.value,
-              path: a(A),
-              "default-expand-all": V.value,
-              "check-strictly": m.value ? !0 : k.value,
-              parentLinkChildrenStrictly: r.parentLinkChildrenStrictly,
-              getGrandChildren: j.value,
-              childLinkParentStrictly: r.childLinkParentStrictly,
-              onChange: a(I),
-              onNodeChange: a(B)
-            }), Pe({
-              default: M(({ node: b, data: W }) => [
-                G(r.$slots, "default", {
-                  node: b,
-                  data: W
-                })
-              ]),
-              _: 2
-            }, [
-              r.$slots.prefix ? {
-                name: "prefix",
-                fn: M(() => [
-                  G(r.$slots, "prefix")
-                ]),
-                key: "0"
-              } : void 0,
-              r.$slots.suffix ? {
-                name: "suffix",
-                fn: M(() => [
-                  G(r.$slots, "suffix")
-                ]),
-                key: "1"
-              } : void 0,
-              r.$slots.prepend ? {
-                name: "prepend",
-                fn: M(() => [
-                  G(r.$slots, "prepend")
-                ]),
-                key: "2"
-              } : void 0,
-              r.$slots.append ? {
-                name: "append",
-                fn: M(() => [
-                  G(r.$slots, "append")
-                ]),
-                key: "3"
-              } : void 0
-            ]), 1040, ["data", "modelValue", "filter-value", "show-checkbox", "is-filter", "lazy", "load", "search", "path", "default-expand-all", "check-strictly", "parentLinkChildrenStrictly", "getGrandChildren", "childLinkParentStrictly", "onChange", "onNodeChange"])
-          ], 36)
-        ]),
-        _: 3
-      }, 8, ["visible", "width", "disabled", "onShow", "onHide"])
-    ], 6)), [
-      [a(Ae), {
+              [
+                K(a(We), ce({
+                  ref_key: "$tree",
+                  ref: D
+                }, a(T), {
+                  data: r.data,
+                  modelValue: a(g),
+                  "onUpdate:modelValue": c[2] || (c[2] = (b) => oe(g) ? g.value = b : null),
+                  "filter-value": a(L),
+                  "onUpdate:filterValue": c[3] || (c[3] = (b) => oe(L) ? L.value = b : null),
+                  "show-checkbox": a(o),
+                  "is-filter": r.filter,
+                  "show-filter-input": !1,
+                  "filter-mode": "input",
+                  lazy: m.value,
+                  load: p.value,
+                  search: v.value,
+                  path: a(A),
+                  "default-expand-all": V.value,
+                  "check-strictly": m.value ? !0 : k.value,
+                  parentLinkChildrenStrictly: r.parentLinkChildrenStrictly,
+                  getGrandChildren: j.value,
+                  childLinkParentStrictly: r.childLinkParentStrictly,
+                  onChange: a(I),
+                  onNodeChange: a(B)
+                }), Ie({
+                  default: M(({ node: b, data: W }) => [
+                    G(r.$slots, "default", {
+                      node: b,
+                      data: W
+                    })
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  r.$slots.prefix ? {
+                    name: "prefix",
+                    fn: M(() => [
+                      G(r.$slots, "prefix")
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  r.$slots.suffix ? {
+                    name: "suffix",
+                    fn: M(() => [
+                      G(r.$slots, "suffix")
+                    ]),
+                    key: "1"
+                  } : void 0,
+                  r.$slots.prepend ? {
+                    name: "prepend",
+                    fn: M(() => [
+                      G(r.$slots, "prepend")
+                    ]),
+                    key: "2"
+                  } : void 0,
+                  r.$slots.append ? {
+                    name: "append",
+                    fn: M(() => [
+                      G(r.$slots, "append")
+                    ]),
+                    key: "3"
+                  } : void 0
+                ]), 1040, ["data", "modelValue", "filter-value", "show-checkbox", "is-filter", "lazy", "load", "search", "path", "default-expand-all", "check-strictly", "parentLinkChildrenStrictly", "getGrandChildren", "childLinkParentStrictly", "onChange", "onNodeChange"])
+              ],
+              36
+              /* STYLE, NEED_HYDRATION */
+            )
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["visible", "width", "disabled", "onShow", "onHide"])
+      ],
+      6
+      /* CLASS, STYLE */
+    )), [
+      [a(Ge), {
         fn: () => {
           F.value = !1;
         }
       }]
     ]);
   }
-}), Jt = {
+}), Kt = {
   "--das-ui-tree-select-keyword-input-active": "#5582F3",
   "--das-ui-tree-select-search-no-data": "#999999"
 };
-Ge(Jt);
-const or = Ie(Xt), ir = () => D(null), sr = { title: "tree-select 树选择" };
+He(Kt);
+const ir = Ne(Jt), sr = () => x(null), ur = { title: "tree-select 树选择" };
 export {
-  or as DasTreeSelect,
-  ir as DasTreeSelectRef,
-  sr as default
+  ir as DasTreeSelect,
+  sr as DasTreeSelectRef,
+  ur as default
 };