@das-fed/ui 6.4.0-dev.55.23 → 6.4.0-dev.55.24

package/packages/components/autocomplete/index.js

@@ -1,11 +1,11 @@
 import '@das-fed/ui/packages/components/autocomplete/style.css';
-import { pushScopeId as Ve, popScopeId as ke, nextTick as ue, openBlock as O, createBlock as U, withScopeId as Oe, markRaw as Te, shallowReactive as xe, resolveComponent as Ce, resolveDirective as Ne, withDirectives as B, createElementBlock as E, normalizeClass as ee, renderSlot as j, createCommentVNode as te, resolveDynamicComponent as he, normalizeStyle as ie, withCtx as F, Fragment as Me, renderList as ge, mergeProps as se, toHandlers as Pe, createVNode as re, defineComponent as Re, computed as q, ref as x, watch as J, onMounted as Ee, onUnmounted as Ae, createElementVNode as me, withModifiers as pe, unref as R, isRef as Le, createSlots as He, createTextVNode as De, toDisplayString as Fe, vShow as ve } from "vue";
-import { withInstall as Be } from "@das-fed/utils/with-install/index";
-import { ElPopover as je } from "element-plus/es";
+import { pushScopeId as Oe, popScopeId as Te, nextTick as ue, openBlock as k, createBlock as U, withScopeId as xe, markRaw as Ce, shallowReactive as Ne, resolveComponent as Me, resolveDirective as Pe, withDirectives as F, createElementBlock as E, normalizeClass as ee, renderSlot as j, createCommentVNode as te, resolveDynamicComponent as he, normalizeStyle as ie, withCtx as B, Fragment as Re, renderList as Se, mergeProps as se, toHandlers as Ee, createVNode as re, defineComponent as Ae, computed as q, ref as x, watch as Y, onMounted as Le, onUnmounted as De, withModifiers as me, unref as P, isRef as He, createSlots as Fe, createTextVNode as pe, toDisplayString as ve, createElementVNode as Be, vShow as ye } from "vue";
+import { withInstall as je } from "@das-fed/utils/with-install/index";
+import { ElPopover as Ue } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/popover/style/css";
-import { DasInput as Ue } from "@das-fed/ui/packages/components/input/index";
-import { vDasTooltip as We } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasInput as We } from "@das-fed/ui/packages/components/input/index";
+import { vDasTooltip as be } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { vOverlay as Ke } from "@das-fed/ui/packages/components/overlay/index";
 import { DasTree as qe } from "@das-fed/ui/packages/components/tree/index";
 import { useModelValue as Q } from "@das-fed/utils/vue";
@@ -22,11 +22,11 @@ function Ye() {
   var n = e.indexOf("Edge/");
   return n > 0 ? parseInt(e.substring(n + 5, e.indexOf(".", n)), 10) : -1;
 }
-let Y;
+let X;
 function ne() {
-  ne.init || (ne.init = !0, Y = Ye() !== -1);
+  ne.init || (ne.init = !0, X = Ye() !== -1);
 }
-var G = {
+var J = {
   name: "ResizeObserver",
   props: {
     emitOnMount: {
@@ -50,7 +50,7 @@ var G = {
       this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
     });
     const e = document.createElement("object");
-    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", Y && this.$el.appendChild(e), e.data = "about:blank", Y || this.$el.appendChild(e);
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", X && this.$el.appendChild(e), e.data = "about:blank", X || this.$el.appendChild(e);
   },
   beforeUnmount() {
     this.removeResizeHandlers();
@@ -69,28 +69,28 @@ var G = {
       this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
     },
     removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!Y && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+      this._resizeObject && this._resizeObject.onload && (!X && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
     }
   }
 };
-const Xe = /* @__PURE__ */ Oe("data-v-b329ee4c");
-Ve("data-v-b329ee4c");
+const Xe = /* @__PURE__ */ xe("data-v-b329ee4c");
+Oe("data-v-b329ee4c");
 const Ge = {
   class: "resize-observer",
   tabindex: "-1"
 };
-ke();
-const Je = /* @__PURE__ */ Xe((e, t, i, s, n, u) => (O(), U("div", Ge)));
-G.render = Je;
-G.__scopeId = "data-v-b329ee4c";
-G.__file = "src/components/ResizeObserver.vue";
-function X(e) {
+Te();
+const Je = /* @__PURE__ */ Xe((e, t, i, s, n, u) => (k(), U("div", Ge)));
+J.render = Je;
+J.__scopeId = "data-v-b329ee4c";
+J.__file = "src/components/ResizeObserver.vue";
+function G(e) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? X = function(t) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? G = function(t) {
     return typeof t;
-  } : X = function(t) {
+  } : G = function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, X(e);
+  }, G(e);
 }
 function Qe(e, t) {
   if (!(e instanceof t))
@@ -105,7 +105,7 @@ function Ze(e, t) {
 function et(e, t, i) {
   return t && Ze(e.prototype, t), e;
 }
-function ye(e) {
+function ge(e) {
   return tt(e) || it(e) || st(e) || rt();
 }
 function tt(e) {
@@ -142,9 +142,9 @@ function lt(e, t) {
     for (var h = arguments.length, b = new Array(h > 1 ? h - 1 : 0), V = 1; V < h; V++)
       b[V - 1] = arguments[V];
     if (u = b, !(s && l === n)) {
-      var P = i.leading;
-      typeof P == "function" && (P = P(l, n)), (!s || l !== n) && P && e.apply(void 0, [l].concat(ye(u))), n = l, clearTimeout(s), s = setTimeout(function() {
-        e.apply(void 0, [l].concat(ye(u))), s = 0;
+      var R = i.leading;
+      typeof R == "function" && (R = R(l, n)), (!s || l !== n) && R && e.apply(void 0, [l].concat(ge(u))), n = l, clearTimeout(s), s = setTimeout(function() {
+        e.apply(void 0, [l].concat(ge(u))), s = 0;
       }, t);
     }
   };
@@ -152,11 +152,11 @@ function lt(e, t) {
     clearTimeout(s), s = null;
   }, c;
 }
-function we(e, t) {
+function ze(e, t) {
   if (e === t) return !0;
-  if (X(e) === "object") {
+  if (G(e) === "object") {
     for (var i in e)
-      if (!we(e[i], t[i]))
+      if (!ze(e[i], t[i]))
         return !1;
     return !0;
   }
@@ -211,7 +211,7 @@ var ot = /* @__PURE__ */ function() {
     }
   }]), e;
 }();
-function Se(e, t, i) {
+function _e(e, t, i) {
   var s = t.value;
   if (s && !(typeof IntersectionObserver > "u")) {
     var n = new ot(e, s, i);
@@ -220,30 +220,30 @@ function Se(e, t, i) {
 }
 function at(e, t, i) {
   var s = t.value, n = t.oldValue;
-  if (!we(s, n)) {
+  if (!ze(s, n)) {
     var u = e._vue_visibilityState;
     if (!s) {
-      ze(e);
+      Ie(e);
       return;
     }
-    u ? u.createObserver(s, i) : Se(e, {
+    u ? u.createObserver(s, i) : _e(e, {
       value: s
     }, i);
   }
 }
-function ze(e) {
+function Ie(e) {
   var t = e._vue_visibilityState;
   t && (t.destroyObserver(), delete e._vue_visibilityState);
 }
 var ut = {
-  beforeMount: Se,
+  beforeMount: _e,
   updated: at,
-  unmounted: ze
+  unmounted: Ie
 }, dt = {
   itemsLimit: 1e3
 }, ct = /(auto|scroll)/;
-function _e(e, t) {
-  return e.parentNode === null ? t : _e(e.parentNode, t.concat([e]));
+function $e(e, t) {
+  return e.parentNode === null ? t : $e(e.parentNode, t.concat([e]));
 }
 var Z = function(t, i) {
   return getComputedStyle(t, null).getPropertyValue(i);
@@ -252,9 +252,9 @@ var Z = function(t, i) {
 }, ht = function(t) {
   return ct.test(ft(t));
 };
-function be(e) {
+function we(e) {
   if (e instanceof HTMLElement || e instanceof SVGElement) {
-    for (var t = _e(e.parentNode, []), i = 0; i < t.length; i += 1)
+    for (var t = $e(e.parentNode, []), i = 0; i < t.length; i += 1)
       if (ht(t[i]))
         return t[i];
     return document.scrollingElement || document.documentElement;
@@ -313,7 +313,7 @@ let yt = 0;
 var de = {
   name: "RecycleScroller",
   components: {
-    ResizeObserver: G
+    ResizeObserver: J
   },
   directives: {
     ObserveVisibility: ut
@@ -461,13 +461,13 @@ var de = {
   },
   methods: {
     addView(e, t, i, s, n) {
-      const u = Te({
+      const u = Ce({
         id: yt++,
         index: t,
         used: !0,
         key: s,
         type: n
-      }), c = xe({
+      }), c = Ne({
         item: i,
         position: 0,
         nr: u
@@ -501,12 +501,12 @@ var de = {
       })) : this.$emit("hidden"));
     },
     updateVisibleItems(e, t = !1) {
-      const i = this.itemSize, s = this.gridItems || 1, n = this.itemSecondarySize || i, u = this.$_computedMinItemSize, c = this.typeField, f = this.simpleArray ? null : this.keyField, l = this.items, h = l.length, b = this.sizes, V = this.$_views, P = this.$_unusedViews, z = this.pool, W = this.itemIndexByKey;
-      let w, m, v, _, k;
+      const i = this.itemSize, s = this.gridItems || 1, n = this.itemSecondarySize || i, u = this.$_computedMinItemSize, c = this.typeField, f = this.simpleArray ? null : this.keyField, l = this.items, h = l.length, b = this.sizes, V = this.$_views, R = this.$_unusedViews, z = this.pool, W = this.itemIndexByKey;
+      let w, m, p, _, O;
       if (!h)
-        w = m = _ = k = v = 0;
+        w = m = _ = O = p = 0;
       else if (this.$_prerender)
-        w = _ = 0, m = k = Math.min(this.prerender, l.length), v = null;
+        w = _ = 0, m = O = Math.min(this.prerender, l.length), p = null;
       else {
         const a = this.getScroll();
         if (t) {
@@ -525,20 +525,20 @@ var de = {
           a.end += g;
         }
         if (i === null) {
-          let g, M = 0, L = h - 1, S = ~~(h / 2), H;
+          let g, M = 0, L = h - 1, S = ~~(h / 2), D;
           do
-            H = S, g = b[S].accumulator, g < a.start ? M = S : S < h - 1 && b[S + 1].accumulator > a.start && (L = S), S = ~~((M + L) / 2);
-          while (S !== H);
-          for (S < 0 && (S = 0), w = S, v = b[h - 1].accumulator, m = S; m < h && b[m].accumulator < a.end; m++) ;
+            D = S, g = b[S].accumulator, g < a.start ? M = S : S < h - 1 && b[S + 1].accumulator > a.start && (L = S), S = ~~((M + L) / 2);
+          while (S !== D);
+          for (S < 0 && (S = 0), w = S, p = b[h - 1].accumulator, m = S; m < h && b[m].accumulator < a.end; m++) ;
           for (m === -1 ? m = l.length - 1 : (m++, m > h && (m = h)), _ = w; _ < h && y + b[_].accumulator < a.start; _++) ;
-          for (k = _; k < h && y + b[k].accumulator < a.end; k++) ;
+          for (O = _; O < h && y + b[O].accumulator < a.end; O++) ;
         } else {
           w = ~~(a.start / i * s);
           const g = w % s;
-          w -= g, m = Math.ceil(a.end / i * s), _ = Math.max(0, Math.floor((a.start - y) / i * s)), k = Math.floor((a.end - y) / i * s), w < 0 && (w = 0), m > h && (m = h), _ < 0 && (_ = 0), k > h && (k = h), v = Math.ceil(h / s) * i;
+          w -= g, m = Math.ceil(a.end / i * s), _ = Math.max(0, Math.floor((a.start - y) / i * s)), O = Math.floor((a.end - y) / i * s), w < 0 && (w = 0), m > h && (m = h), _ < 0 && (_ = 0), O > h && (O = h), p = Math.ceil(h / s) * i;
         }
       }
-      m - w > dt.itemsLimit && this.itemsLimitError(), this.totalSize = v;
+      m - w > dt.itemsLimit && this.itemsLimitError(), this.totalSize = p;
       let d;
       const A = w <= this.$_endIndex && m >= this.$_startIndex;
       if (A)
@@ -556,21 +556,21 @@ var de = {
           continue;
         }
         I = C[c];
-        let y = P.get(I), g = !1;
+        let y = R.get(I), g = !1;
         if (!d)
-          A ? y && y.length ? d = y.pop() : d = this.addView(z, a, C, $, I) : (N = K.get(I) || 0, (!y || N >= y.length) && (d = this.addView(z, a, C, $, I), this.unuseView(d, !0), y = P.get(I)), d = y[N], K.set(I, N + 1)), V.delete(d.nr.key), d.nr.used = !0, d.nr.index = a, d.nr.key = $, d.nr.type = I, V.set($, d), g = !0;
+          A ? y && y.length ? d = y.pop() : d = this.addView(z, a, C, $, I) : (N = K.get(I) || 0, (!y || N >= y.length) && (d = this.addView(z, a, C, $, I), this.unuseView(d, !0), y = R.get(I)), d = y[N], K.set(I, N + 1)), V.delete(d.nr.key), d.nr.used = !0, d.nr.index = a, d.nr.key = $, d.nr.type = I, V.set($, d), g = !0;
         else if (!d.nr.used && (d.nr.used = !0, g = !0, y)) {
           const M = y.indexOf(d);
           M !== -1 && y.splice(M, 1);
         }
         d.item = C, g && (a === l.length - 1 && this.$emit("scroll-end"), a === 0 && this.$emit("scroll-start")), i === null ? (d.position = b[a - 1].accumulator, d.offset = 0) : (d.position = Math.floor(a / s) * i, d.offset = a % s * n);
       }
-      return this.$_startIndex = w, this.$_endIndex = m, this.emitUpdate && this.$emit("update", w, m, _, k), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
+      return this.$_startIndex = w, this.$_endIndex = m, this.emitUpdate && this.$emit("update", w, m, _, O), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
         continuous: A
       };
     },
     getListenerTarget() {
-      let e = be(this.$el);
+      let e = we(this.$el);
       return window.document && (e === window.document.documentElement || e === window.document.body) && (e = window), e;
     },
     getScroll() {
@@ -612,7 +612,7 @@ var de = {
       const t = this.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" };
       let i, s, n;
       if (this.pageMode) {
-        const u = be(this.$el), c = u.tagName === "HTML" ? 0 : u[t.scroll], f = u.getBoundingClientRect(), h = this.$el.getBoundingClientRect()[t.start] - f[t.start];
+        const u = we(this.$el), c = u.tagName === "HTML" ? 0 : u[t.scroll], f = u.getBoundingClientRect(), h = this.$el.getBoundingClientRect()[t.start] - f[t.start];
         i = u, s = t.scroll, n = e + c + h;
       } else
         i = this.$el, s = t.scroll, n = e;
@@ -637,8 +637,8 @@ const bt = {
   class: "vue-recycle-scroller__slot"
 };
 function wt(e, t, i, s, n, u) {
-  const c = Ce("ResizeObserver"), f = Ne("observe-visibility");
-  return B((O(), E(
+  const c = Me("ResizeObserver"), f = Pe("observe-visibility");
+  return F((k(), E(
     "div",
     {
       class: ee(["vue-recycle-scroller", {
@@ -649,7 +649,7 @@ function wt(e, t, i, s, n, u) {
       onScrollPassive: t[0] || (t[0] = (...l) => u.handleScroll && u.handleScroll(...l))
     },
     [
-      e.$slots.before ? (O(), E(
+      e.$slots.before ? (k(), E(
         "div",
         bt,
         [
@@ -658,16 +658,16 @@ function wt(e, t, i, s, n, u) {
         512
         /* NEED_PATCH */
       )) : te("v-if", !0),
-      (O(), U(he(i.listTag), {
+      (k(), U(he(i.listTag), {
         ref: "wrapper",
         style: ie({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: n.totalSize + "px" }),
         class: ee(["vue-recycle-scroller__item-wrapper", i.listClass])
       }, {
-        default: F(() => [
-          (O(!0), E(
-            Me,
+        default: B(() => [
+          (k(!0), E(
+            Re,
             null,
-            ge(n.pool, (l) => (O(), U(he(i.itemTag), se({
+            Se(n.pool, (l) => (k(), U(he(i.itemTag), se({
               key: l.nr.id,
               style: n.ready ? {
                 transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${l.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${l.offset}px)`,
@@ -680,7 +680,7 @@ function wt(e, t, i, s, n, u) {
                   hover: !i.skipHover && n.hoverKey === l.nr.key
                 }
               ]]
-            }, Pe(i.skipHover ? {} : {
+            }, Ee(i.skipHover ? {} : {
               mouseenter: () => {
                 n.hoverKey = l.nr.key;
               },
@@ -688,7 +688,7 @@ function wt(e, t, i, s, n, u) {
                 n.hoverKey = null;
               }
             })), {
-              default: F(() => [
+              default: B(() => [
                 j(e.$slots, "default", {
                   item: l.item,
                   index: l.nr.index,
@@ -706,7 +706,7 @@ function wt(e, t, i, s, n, u) {
         _: 3
         /* FORWARDED */
       }, 8, ["style", "class"])),
-      e.$slots.after ? (O(), E(
+      e.$slots.after ? (k(), E(
         "div",
         gt,
         [
@@ -725,9 +725,13 @@ function wt(e, t, i, s, n, u) {
 }
 de.render = wt;
 de.__file = "src/components/RecycleScroller.vue";
-const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__PURE__ */ Re({
+const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = {
+  key: 1,
+  class: "input-text-content"
+}, It = /* @__PURE__ */ Ae({
   __name: "index",
   props: {
+    mode: { default: "tree" },
     modelValue: { default: "" },
     isView: { type: Boolean, default: !1 },
     width: { default: "" },
@@ -745,12 +749,12 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
     treeOptions: { default: () => ({}) },
     path: {},
     nodeKey: {},
-    mode: { default: "tree" }
+    showInputDom: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "input", "change", "node-click", "update:path"],
   setup(e, { emit: t }) {
     const i = t, s = e, n = q(() => s.nodeKey || s.fieldNames.label), u = x("");
-    J(
+    Y(
       () => s.path,
       (r) => {
         r && r !== u.value && (u.value = r);
@@ -761,12 +765,18 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
     function f() {
       I.value = !1;
     }
+    Y(
+      () => s.showInputDom,
+      (r) => {
+        r || f();
+      }
+    );
     function l() {
       document.documentElement.click();
     }
-    Ee(() => {
+    Le(() => {
       document.addEventListener("click", f);
-    }), Ae(() => {
+    }), De(() => {
       document.removeEventListener("click", f);
     });
     const h = q(() => {
@@ -778,32 +788,32 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
     }), V = async (r) => {
       if (i("update:path", r.path || ""), s.mode === "tree") {
         if (b.value) {
-          s.showFullPath ? v.value = r.pathName || "" : v.value = r.name || "";
+          s.showFullPath ? p.value = r.pathName || "" : p.value = r.name || "";
           return;
         }
         let o = _.value.treeRef.getNode(r), T = [o.data[s.fieldNames.label] || ""];
         if (s.showFullPath)
           for (; o.parent && o.parent.data[s.fieldNames.label]; )
             o = o.parent, T.unshift(o.data[s.fieldNames.label]);
-        v.value = T.join("/");
+        p.value = T.join("/");
       } else {
         let o = r[s.fieldNames.label] || "";
-        v.value = o;
+        p.value = o;
       }
-    }, P = (r) => {
-      V(r), l(), i("node-click", r), i("update:modelValue", v.value), i("change", v.value);
+    }, R = (r) => {
+      V(r), l(), i("node-click", r), i("update:modelValue", p.value), i("change", p.value);
     }, z = x(""), W = x(null), w = Q(s, "size"), m = Q(s, "isView");
-    J(
+    Y(
       () => s.isView,
       (r) => {
         r && l();
       }
     );
-    const v = Q(s, "modelValue"), _ = x(null), k = (r) => {
+    const p = Q(s, "modelValue"), _ = x(null), O = (r) => {
       N.value = a(), L().then((o) => {
         C(o), ue(() => {
-          var T, p, D;
-          (D = (p = (T = W.value) == null ? void 0 : T.popperRef) == null ? void 0 : p.popperInstanceRef) == null || D.forceUpdate();
+          var T, v, H;
+          (H = (v = (T = W.value) == null ? void 0 : T.popperRef) == null ? void 0 : v.popperInstanceRef) == null || H.forceUpdate();
         });
       }), i("update:modelValue", r), i("input", r);
     }, d = (r) => {
@@ -814,18 +824,18 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
       });
     }, K = () => {
       if (s.showFullPath) {
-        let r = v.value.split("/");
+        let r = p.value.split("/");
         z.value = r[r.length - 1] || "";
       } else
-        z.value = v.value || "";
+        z.value = p.value || "";
     }, C = (r) => {
       r.length > 0 ? (I.value = !m.value && !0, S.value = r) : I.value = !1;
-    }, I = x(!1), N = x(!1), a = () => v.value.length > 0, $ = () => {
-      N.value = a(), l(), Ie(), L().then((r) => {
+    }, I = x(!1), N = x(!1), a = () => p.value.length > 0, $ = () => {
+      N.value = a(), l(), ke(), L().then((r) => {
         C(r);
       });
     }, y = async (r) => {
-      r.disabled || (V(r), l(), i("node-click", r), i("update:modelValue", v.value), i("change", v.value));
+      r.disabled || (V(r), l(), i("node-click", r), i("update:modelValue", p.value), i("change", p.value));
     }, g = (r) => {
       let o = 0;
       switch (r) {
@@ -839,34 +849,34 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
     }, M = (r, o) => {
       if (!o) return r;
       let T = [];
-      for (let p = 0; p < r.length; p++)
-        r[p][s.fieldNames.label].includes(o) && T.push(r[p]), r[p][s.fieldNames.children] && r[p][s.fieldNames.children].length > 0 && T.push(...M(r[p][s.fieldNames.children], o));
+      for (let v = 0; v < r.length; v++)
+        r[v][s.fieldNames.label].includes(o) && T.push(r[v]), r[v][s.fieldNames.children] && r[v][s.fieldNames.children].length > 0 && T.push(...M(r[v][s.fieldNames.children], o));
       return T;
     }, L = async () => {
       K();
       let r = [];
       if (!b.value)
         r = M(s.options, z.value);
-      else if (!v.value)
+      else if (!p.value)
         r = M([""], null);
       else {
         let o = await s.treeOptions.search(z.value);
         r = M(o, z.value);
       }
       return r;
-    }, S = x([]), H = q(() => {
+    }, S = x([]), D = q(() => {
       var r;
       if (s.width) {
         const o = (r = s.width) == null ? void 0 : r.toString();
         return o.includes("%") || o.includes("px") ? o : o + "px";
       }
       return g(s.size);
-    }), ce = x(), fe = x(""), Ie = () => {
+    }), ce = x(), fe = x(""), ke = () => {
       var o;
       const r = (o = ce.value) == null ? void 0 : o.offsetWidth;
-      fe.value = r ? r + "px" : H.value;
+      fe.value = r ? r + "px" : D.value;
     };
-    return J(
+    return Y(
       () => s.options,
       () => {
         L().then((r) => {
@@ -874,14 +884,14 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
         });
       }
     ), (r, o) => {
-      const T = je;
-      return O(), E(
+      const T = Ue;
+      return k(), E(
         "div",
         {
-          class: "autocomplete-page",
+          class: "das-ui-autocomplete",
           ref_key: "$completeEL",
           ref: ce,
-          style: ie(`width:${H.value}`)
+          style: ie(`width:${D.value}`)
         },
         [
           re(T, {
@@ -895,80 +905,89 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
             offset: r.offset,
             "popper-options": r.popperOptions
           }, {
-            reference: F(() => [
-              me("div", {
+            reference: B(() => [
+              r.showInputDom ? (k(), E("div", {
+                key: 0,
                 class: "slot-component-box",
-                onClick: pe($, ["stop"])
+                onClick: me($, ["stop"])
               }, [
-                re(R(Ue), se({
+                re(P(We), se({
                   ref_key: "inputRef",
                   ref: c,
-                  modelValue: R(v),
-                  "onUpdate:modelValue": o[3] || (o[3] = (p) => Le(v) ? v.value = p : null),
+                  modelValue: P(p),
+                  "onUpdate:modelValue": o[3] || (o[3] = (v) => He(p) ? p.value = v : null),
                   modelModifiers: { trim: !0 },
-                  size: R(w),
-                  width: H.value,
-                  isView: R(m)
+                  size: P(w),
+                  width: D.value,
+                  isView: P(m)
                 }, r.$attrs, {
                   onClear: A,
-                  onInput: k,
+                  onInput: O,
                   onChange: d
-                }), He({
+                }), Fe({
                   _: 2
                   /* DYNAMIC */
                 }, [
-                  ge(r.$slots, (p, D, $e) => ({
-                    name: D,
-                    fn: F(() => [
-                      j(r.$slots, D, {}, void 0, !0)
+                  Se(r.$slots, (v, H, Ve) => ({
+                    name: H,
+                    fn: B(() => [
+                      j(r.$slots, H, {}, void 0, !0)
                     ])
                   }))
                 ]), 1040, ["modelValue", "size", "width", "isView"])
+              ])) : F((k(), E("div", _t, [
+                pe(
+                  ve(P(p)),
+                  1
+                  /* TEXT */
+                )
+              ])), [
+                [P(be)]
               ])
             ]),
-            default: F(() => [
-              B((O(), E(
+            default: B(() => [
+              F((k(), E(
                 "div",
                 {
                   class: "autocomplete-select-box",
                   style: ie(`max-height: ${32 * r.maxCount}px;`),
-                  onClick: o[2] || (o[2] = pe(() => {
+                  onClick: o[2] || (o[2] = me(() => {
                   }, ["stop"]))
                 },
                 [
-                  B((O(), U(R(de), {
+                  F((k(), U(P(de), {
                     key: S.value.length,
                     items: S.value,
                     "item-size": 32,
                     "key-field": r.fieldNames.value || r.fieldNames.label,
                     class: "virtual-list"
                   }, {
-                    default: F(({ item: p, index: D }) => [
-                      me("div", {
-                        onClick: ($e) => y(p),
+                    default: B(({ item: v, index: H }) => [
+                      Be("div", {
+                        onClick: (Ve) => y(v),
                         class: ee([
                           "select-label",
-                          { "current-select-label": p[r.fieldNames.label] === z.value },
-                          { "is-disabled": p.disabled }
+                          { "current-select-label": v[r.fieldNames.label] === z.value },
+                          { "is-disabled": v.disabled }
                         ])
                       }, [
-                        B((O(), E("span", zt, [
-                          De(
-                            Fe(p[r.fieldNames.label]),
+                        F((k(), E("span", zt, [
+                          pe(
+                            ve(v[r.fieldNames.label]),
                             1
                             /* TEXT */
                           )
                         ])), [
-                          [R(We)]
+                          [P(be)]
                         ])
                       ], 10, St)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["items", "key-field"])), [
-                    [ve, s.mode === "list" || N.value]
+                    [ye, s.mode === "list" || N.value]
                   ]),
-                  s.mode === "tree" ? B((O(), U(R(qe), se({
+                  s.mode === "tree" ? F((k(), U(P(qe), se({
                     key: 0,
                     width: "120px",
                     filterMode: "input",
@@ -981,18 +1000,18 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
                   }, r.treeOptions, {
                     props: { ...r.fieldNames },
                     modelValue: z.value,
-                    "onUpdate:modelValue": o[0] || (o[0] = (p) => z.value = p),
+                    "onUpdate:modelValue": o[0] || (o[0] = (v) => z.value = v),
                     path: u.value,
-                    "onUpdate:path": o[1] || (o[1] = (p) => u.value = p),
-                    onNodeClick: P
+                    "onUpdate:path": o[1] || (o[1] = (v) => u.value = v),
+                    onNodeClick: R
                   }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
-                    [ve, !N.value]
+                    [ye, !N.value]
                   ]) : te("v-if", !0)
                 ],
                 4
                 /* STYLE */
               )), [
-                [R(Ke)]
+                [P(Ke)]
               ])
             ]),
             _: 3
@@ -1004,14 +1023,14 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
       );
     };
   }
-}), It = (e, t) => {
+}), $t = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [s, n] of t)
     i[s] = n;
   return i;
-}, $t = /* @__PURE__ */ It(_t, [["__scopeId", "data-v-a3c6e752"]]), At = () => x(null), Lt = Be($t);
+}, kt = /* @__PURE__ */ $t(It, [["__scopeId", "data-v-8d27a655"]]), Lt = () => x(null), Dt = je(kt);
 export {
-  Lt as DasAutocomplete,
-  At as DasAutocompleteRef,
-  Lt as default
+  Dt as DasAutocomplete,
+  Lt as DasAutocompleteRef,
+  Dt as default
 };