@das-fed/upf-ui 6.4.0-dev.297 → 6.4.0-dev.299

package/packages/components/autocomplete/index.js

@@ -1,4 +1,4 @@
-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 Pe, resolveDirective as Me, 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 J, onMounted as Le, onUnmounted as De, withModifiers as pe, unref as M, isRef as He, createSlots as Fe, createTextVNode as me, toDisplayString as ve, createElementVNode as Be, vShow as ye } from "vue";
+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 Pe, resolveDirective as Me, 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 ne, defineComponent as Ae, computed as q, ref as x, watch as J, onMounted as Le, onUnmounted as De, withModifiers as me, unref as M, 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/upf-utils/with-install/index";
 import { ElPopover as Ue } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
@@ -21,12 +21,12 @@ function Ye() {
     var s = e.indexOf("rv:");
     return parseInt(e.substring(s + 3, e.indexOf(".", s)), 10);
   }
-  var n = e.indexOf("Edge/");
-  return n > 0 ? parseInt(e.substring(n + 5, e.indexOf(".", n)), 10) : -1;
+  var r = e.indexOf("Edge/");
+  return r > 0 ? parseInt(e.substring(r + 5, e.indexOf(".", r)), 10) : -1;
 }
 let Y;
-function ne() {
-  ne.init || (ne.init = !0, Y = Ye() !== -1);
+function re() {
+  re.init || (re.init = !0, Y = Ye() !== -1);
 }
 var G = {
   name: "ResizeObserver",
@@ -48,7 +48,7 @@ var G = {
     "notify"
   ],
   mounted() {
-    ne(), ue(() => {
+    re(), ue(() => {
       this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
     });
     const e = document.createElement("object");
@@ -82,7 +82,7 @@ const Ge = {
   tabindex: "-1"
 };
 Te();
-const Je = /* @__PURE__ */ Xe((e, t, i, s, n, u) => (k(), U("div", Ge)));
+const Je = /* @__PURE__ */ Xe((e, t, i, s, r, u) => (k(), U("div", Ge)));
 G.render = Je;
 G.__scopeId = "data-v-b329ee4c";
 G.__file = "src/components/ResizeObserver.vue";
@@ -108,7 +108,7 @@ function et(e, t, i) {
   return Ze(e.prototype, t), e;
 }
 function ge(e) {
-  return tt(e) || it(e) || st(e) || rt();
+  return tt(e) || it(e) || st(e) || nt();
 }
 function tt(e) {
   if (Array.isArray(e)) return le(e);
@@ -129,23 +129,23 @@ function le(e, t) {
   for (var i = 0, s = new Array(t); i < t; i++) s[i] = e[i];
   return s;
 }
-function rt() {
+function nt() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function nt(e) {
+function rt(e) {
   var t;
   return typeof e == "function" ? t = {
     callback: e
   } : t = e, t;
 }
 function lt(e, t) {
-  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s, n, u, c = function(l) {
+  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s, r, u, c = function(l) {
     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)) {
+    if (u = b, !(s && l === r)) {
       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() {
+      typeof R == "function" && (R = R(l, r)), (!s || l !== r) && R && e.apply(void 0, [l].concat(ge(u))), r = l, clearTimeout(s), s = setTimeout(function() {
         e.apply(void 0, [l].concat(ge(u))), s = 0;
       }, t);
     }
@@ -171,10 +171,10 @@ var ot = /* @__PURE__ */ function() {
   return et(e, [{
     key: "createObserver",
     value: function(i, s) {
-      var n = this;
+      var r = this;
       if (this.observer && this.destroyObserver(), !this.frozen) {
-        if (this.options = nt(i), this.callback = function(f, l) {
-          n.options.callback(f, l), f && n.options.once && (n.frozen = !0, n.destroyObserver());
+        if (this.options = rt(i), this.callback = function(f, l) {
+          r.options.callback(f, l), f && r.options.once && (r.frozen = !0, r.destroyObserver());
         }, this.callback && this.options.throttle) {
           var u = this.options.throttleOptions || {}, c = u.leading;
           this.callback = lt(this.callback, this.options.throttle, {
@@ -191,13 +191,13 @@ var ot = /* @__PURE__ */ function() {
             });
             h && (l = h);
           }
-          if (n.callback) {
-            var b = l.isIntersecting && l.intersectionRatio >= n.threshold;
-            if (b === n.oldResult) return;
-            n.oldResult = b, n.callback(b, l);
+          if (r.callback) {
+            var b = l.isIntersecting && l.intersectionRatio >= r.threshold;
+            if (b === r.oldResult) return;
+            r.oldResult = b, r.callback(b, l);
           }
         }, this.options.intersection), ue(function() {
-          n.observer && n.observer.observe(n.el);
+          r.observer && r.observer.observe(r.el);
         });
       }
     }
@@ -213,34 +213,34 @@ var ot = /* @__PURE__ */ function() {
     }
   }]), e;
 }();
-function _e(e, t, i) {
+function Ie(e, t, i) {
   var s = t.value;
   if (s && !(typeof IntersectionObserver > "u")) {
-    var n = new ot(e, s, i);
-    e._vue_visibilityState = n;
+    var r = new ot(e, s, i);
+    e._vue_visibilityState = r;
   }
 }
 function at(e, t, i) {
-  var s = t.value, n = t.oldValue;
-  if (!ze(s, n)) {
+  var s = t.value, r = t.oldValue;
+  if (!ze(s, r)) {
     var u = e._vue_visibilityState;
     if (!s) {
-      Ie(e);
+      _e(e);
       return;
     }
-    u ? u.createObserver(s, i) : _e(e, {
+    u ? u.createObserver(s, i) : Ie(e, {
       value: s
     }, i);
   }
 }
-function Ie(e) {
+function _e(e) {
   var t = e._vue_visibilityState;
   t && (t.destroyObserver(), delete e._vue_visibilityState);
 }
 var ut = {
-  beforeMount: _e,
+  beforeMount: Ie,
   updated: at,
-  unmounted: Ie
+  unmounted: _e
 }, dt = {
   itemsLimit: 1e3
 }, ct = /(auto|scroll)/;
@@ -270,7 +270,7 @@ function oe(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, oe(e);
 }
-var pt = {
+var mt = {
   items: {
     type: Array,
     required: !0
@@ -295,7 +295,7 @@ var pt = {
     default: "div"
   }
 };
-function mt() {
+function pt() {
   return this.items.length && oe(this.items[0]) !== "object";
 }
 var ae = !1;
@@ -321,7 +321,7 @@ var de = {
     ObserveVisibility: ut
   },
   props: {
-    ...pt,
+    ...mt,
     itemSize: {
       type: Number,
       default: null
@@ -409,17 +409,17 @@ var de = {
         const e = {
           "-1": { accumulator: 0 }
         }, t = this.items, i = this.sizeField, s = this.minItemSize;
-        let n = 1e4, u = 0, c;
+        let r = 1e4, u = 0, c;
         for (let f = 0, l = t.length; f < l; f++)
-          c = t[f][i] || s, c < n && (n = c), u += c, e[f] = { accumulator: u, size: c };
-        return this.$_computedMinItemSize = n, e;
+          c = t[f][i] || s, c < r && (r = c), u += c, e[f] = { accumulator: u, size: c };
+        return this.$_computedMinItemSize = r, e;
       }
       return [];
     },
-    simpleArray: mt,
+    simpleArray: pt,
     itemIndexByKey() {
       const { keyField: e, items: t } = this, i = {};
-      for (let s = 0, n = t.length; s < n; s++)
+      for (let s = 0, r = t.length; s < r; s++)
         i[t[s][e]] = s;
       return i;
     }
@@ -462,13 +462,13 @@ var de = {
     this.removeListeners();
   },
   methods: {
-    addView(e, t, i, s, n) {
+    addView(e, t, i, s, r) {
       const u = Ce({
         id: yt++,
         index: t,
         used: !0,
         key: s,
-        type: n
+        type: r
       }), c = Ne({
         item: i,
         position: 0,
@@ -478,8 +478,8 @@ var de = {
     },
     unuseView(e, t = !1) {
       const i = this.$_unusedViews, s = e.nr.type;
-      let n = i.get(s);
-      n || (n = [], i.set(s, n)), n.push(e), t || (e.nr.used = !1, e.position = -9999);
+      let r = i.get(s);
+      r || (r = [], i.set(s, r)), r.push(e), t || (e.nr.used = !1, e.position = -9999);
     },
     handleResize() {
       this.$emit("resize"), this.ready && this.updateVisibleItems(!1);
@@ -503,12 +503,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, R = this.$_unusedViews, z = this.pool, W = this.itemIndexByKey;
-      let w, p, m, _, O;
+      const i = this.itemSize, s = this.gridItems || 1, r = 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, I, O;
       if (!h)
-        w = p = _ = O = m = 0;
+        w = m = I = O = p = 0;
       else if (this.$_prerender)
-        w = _ = 0, p = O = Math.min(this.prerender, l.length), m = null;
+        w = I = 0, m = O = Math.min(this.prerender, l.length), p = null;
       else {
         const a = this.getScroll();
         if (t) {
@@ -531,24 +531,24 @@ var de = {
           do
             D = S, g = b[S].accumulator, g < a.start ? P = S : S < h - 1 && b[S + 1].accumulator > a.start && (L = S), S = ~~((P + L) / 2);
           while (S !== D);
-          for (S < 0 && (S = 0), w = S, m = b[h - 1].accumulator, p = S; p < h && b[p].accumulator < a.end; p++) ;
-          for (p === -1 ? p = l.length - 1 : (p++, p > h && (p = h)), _ = w; _ < h && y + b[_].accumulator < a.start; _++) ;
-          for (O = _; O < h && y + b[O].accumulator < a.end; O++) ;
+          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)), I = w; I < h && y + b[I].accumulator < a.start; I++) ;
+          for (O = I; O < h && y + b[O].accumulator < a.end; O++) ;
         } else {
           w = ~~(a.start / i * s);
           const g = w % s;
-          w -= g, p = 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), p > h && (p = h), _ < 0 && (_ = 0), O > h && (O = h), m = Math.ceil(h / s) * i;
+          w -= g, m = Math.ceil(a.end / i * s), I = 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), I < 0 && (I = 0), O > h && (O = h), p = Math.ceil(h / s) * i;
         }
       }
-      p - w > dt.itemsLimit && this.itemsLimitError(), this.totalSize = m;
+      m - w > dt.itemsLimit && this.itemsLimitError(), this.totalSize = p;
       let d;
-      const A = w <= this.$_endIndex && p >= this.$_startIndex;
+      const A = w <= this.$_endIndex && m >= this.$_startIndex;
       if (A)
         for (let a = 0, $ = z.length; a < $; a++)
-          d = z[a], d.nr.used && (e && (d.nr.index = W[d.item[f]]), (d.nr.index == null || d.nr.index < w || d.nr.index >= p) && this.unuseView(d));
+          d = z[a], d.nr.used && (e && (d.nr.index = W[d.item[f]]), (d.nr.index == null || d.nr.index < w || d.nr.index >= m) && this.unuseView(d));
       const K = A ? null : /* @__PURE__ */ new Map();
-      let C, I, N;
-      for (let a = w; a < p; a++) {
+      let C, _, N;
+      for (let a = w; a < m; a++) {
         C = l[a];
         const $ = f ? C[f] : C;
         if ($ == null)
@@ -557,17 +557,17 @@ var de = {
           d && this.unuseView(d);
           continue;
         }
-        I = C[c];
-        let y = R.get(I), g = !1;
+        _ = C[c];
+        let y = R.get(_), 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 = 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;
+          A ? y && y.length ? d = y.pop() : d = this.addView(z, a, C, $, _) : (N = K.get(_) || 0, (!y || N >= y.length) && (d = this.addView(z, a, C, $, _), this.unuseView(d, !0), y = R.get(_)), d = y[N], K.set(_, N + 1)), V.delete(d.nr.key), d.nr.used = !0, d.nr.index = a, d.nr.key = $, d.nr.type = _, V.set($, d), g = !0;
         else if (!d.nr.used && (d.nr.used = !0, g = !0, y)) {
           const P = y.indexOf(d);
           P !== -1 && y.splice(P, 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);
+        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 * r);
       }
-      return this.$_startIndex = w, this.$_endIndex = p, this.emitUpdate && this.$emit("update", w, p, _, O), 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, I, O), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
         continuous: A
       };
     },
@@ -579,8 +579,8 @@ var de = {
       const { $el: e, direction: t } = this, i = t === "vertical";
       let s;
       if (this.pageMode) {
-        const n = e.getBoundingClientRect(), u = i ? n.height : n.width;
-        let c = -(i ? n.top : n.left), f = i ? window.innerHeight : window.innerWidth;
+        const r = e.getBoundingClientRect(), u = i ? r.height : r.width;
+        let c = -(i ? r.top : r.left), f = i ? window.innerHeight : window.innerWidth;
         c < 0 && (f += c, c = 0), c + f > u && (f = u - c), s = {
           start: c,
           end: c + f
@@ -612,13 +612,13 @@ var de = {
     },
     scrollToPosition(e) {
       const t = this.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" };
-      let i, s, n;
+      let i, s, r;
       if (this.pageMode) {
         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;
+        i = u, s = t.scroll, r = e + c + h;
       } else
-        i = this.$el, s = t.scroll, n = e;
-      i[s] = n;
+        i = this.$el, s = t.scroll, r = e;
+      i[s] = r;
     },
     itemsLimitError() {
       throw setTimeout(() => {
@@ -638,13 +638,13 @@ const bt = {
   ref: "after",
   class: "vue-recycle-scroller__slot"
 };
-function wt(e, t, i, s, n, u) {
+function wt(e, t, i, s, r, u) {
   const c = Pe("ResizeObserver"), f = Me("observe-visibility");
   return F((k(), E(
     "div",
     {
       class: ee(["vue-recycle-scroller", {
-        ready: n.ready,
+        ready: r.ready,
         "page-mode": i.pageMode,
         [`direction-${e.direction}`]: !0
       }]),
@@ -662,16 +662,16 @@ function wt(e, t, i, s, n, u) {
       )) : te("v-if", !0),
       (k(), U(he(i.listTag), {
         ref: "wrapper",
-        style: ie({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: n.totalSize + "px" }),
+        style: ie({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: r.totalSize + "px" }),
         class: ee(["vue-recycle-scroller__item-wrapper", i.listClass])
       }, {
         default: B(() => [
           (k(!0), E(
             Re,
             null,
-            Se(n.pool, (l) => (k(), U(he(i.itemTag), se({
+            Se(r.pool, (l) => (k(), U(he(i.itemTag), se({
               key: l.nr.id,
-              style: n.ready ? {
+              style: r.ready ? {
                 transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${l.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${l.offset}px)`,
                 width: i.gridItems ? `${e.direction === "vertical" && i.itemSecondarySize || i.itemSize}px` : void 0,
                 height: i.gridItems ? `${e.direction === "horizontal" && i.itemSecondarySize || i.itemSize}px` : void 0
@@ -679,15 +679,15 @@ function wt(e, t, i, s, n, u) {
               class: ["vue-recycle-scroller__item-view", [
                 i.itemClass,
                 {
-                  hover: !i.skipHover && n.hoverKey === l.nr.key
+                  hover: !i.skipHover && r.hoverKey === l.nr.key
                 }
               ]]
             }, Ee(i.skipHover ? {} : {
               mouseenter: () => {
-                n.hoverKey = l.nr.key;
+                r.hoverKey = l.nr.key;
               },
               mouseleave: () => {
-                n.hoverKey = null;
+                r.hoverKey = null;
               }
             })), {
               default: B(() => [
@@ -717,7 +717,7 @@ function wt(e, t, i, s, n, u) {
         512
         /* NEED_PATCH */
       )) : te("v-if", !0),
-      re(c, { onNotify: u.handleResize }, null, 8, ["onNotify"])
+      ne(c, { onNotify: u.handleResize }, null, 8, ["onNotify"])
     ],
     34
     /* CLASS, HYDRATE_EVENTS */
@@ -727,10 +727,10 @@ 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 = {
+const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
   key: 1,
   class: "input-text-content"
-}, It = /* @__PURE__ */ Ae({
+}, _t = /* @__PURE__ */ Ae({
   __name: "index",
   props: {
     mode: { default: "tree" },
@@ -755,17 +755,17 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = {
   },
   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("");
+    const i = t, s = e, r = q(() => s.nodeKey || s.fieldNames.label), u = x("");
     J(
       () => s.path,
-      (r) => {
-        r && r !== u.value && (u.value = r);
+      (n) => {
+        n && n !== u.value && (u.value = n);
       },
       { immediate: !0 }
     );
     const c = x(null);
     function f() {
-      I.value = !1;
+      _.value = !1;
     }
     function l() {
       document.documentElement.click();
@@ -776,66 +776,66 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = {
       document.removeEventListener("click", f);
     });
     const h = q(() => {
-      var r;
-      return ((r = s == null ? void 0 : s.treeOptions) == null ? void 0 : r.load) ?? void 0;
+      var n;
+      return ((n = s == null ? void 0 : s.treeOptions) == null ? void 0 : n.load) ?? void 0;
     }), b = q(() => {
-      var r;
-      return ((r = s == null ? void 0 : s.treeOptions) == null ? void 0 : r.lazy) ?? h.value;
-    }), V = async (r) => {
-      if (i("update:path", r.path || ""), s.mode === "tree") {
+      var n;
+      return ((n = s == null ? void 0 : s.treeOptions) == null ? void 0 : n.lazy) ?? h.value;
+    }), V = async (n) => {
+      if (i("update:path", n.path || ""), s.mode === "tree") {
         if (b.value) {
-          s.showFullPath ? m.value = r.pathName || "" : m.value = r.name || "";
+          s.showFullPath ? p.value = n.pathName || "" : p.value = n.name || "";
           return;
         }
-        let o = _.value.treeRef.getNode(r), T = [o.data[s.fieldNames.label] || ""];
+        let o = I.value.treeRef.getNode(n), 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]);
-        m.value = T.join("/");
+        p.value = T.join("/");
       } else {
-        let o = r[s.fieldNames.label] || "";
-        m.value = o;
+        let o = n[s.fieldNames.label] || "";
+        p.value = o;
       }
-    }, R = (r) => {
-      V(r), l(), i("node-click", r), i("update:modelValue", m.value), i("change", m.value);
-    }, z = x(""), W = x(null), w = Q(s, "size"), p = Q(s, "isView");
+    }, R = (n) => {
+      V(n), l(), i("node-click", n), i("update:modelValue", p.value), i("change", p.value);
+    }, z = x(""), W = x(null), w = Q(s, "size"), m = Q(s, "isView");
     J(
       () => s.isView,
-      (r) => {
-        r && l();
+      (n) => {
+        n && l();
       }
     );
-    const m = Q(s, "modelValue"), _ = x(null), O = (r) => {
+    const p = Q(s, "modelValue"), I = x(null), O = (n) => {
       N.value = a(), L().then((o) => {
         C(o), ue(() => {
           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) => {
-      const o = String(r).replace(/^\s+|\s+$/g, "");
+      }), i("update:modelValue", n), i("input", n);
+    }, d = (n) => {
+      const o = String(n).replace(/^\s+|\s+$/g, "");
       i("change", o);
     }, A = () => {
       z.value = "", N.value = a(), setTimeout(() => {
-        I.value = !0;
+        _.value = !0;
       });
     }, K = () => {
       if (s.showFullPath) {
-        let r = m.value.split("/");
-        z.value = r[r.length - 1] || "";
+        let n = p.value.split("/");
+        z.value = n[n.length - 1] || "";
       } else
-        z.value = m.value || "";
-    }, C = (r) => {
-      r.length > 0 ? (I.value = !p.value && !0, S.value = r) : I.value = !1;
-    }, I = x(!1), N = x(!1), a = () => m.value.length > 0, $ = () => {
-      N.value = a(), l(), ke(), L().then((r) => {
-        C(r);
+        z.value = p.value || "";
+    }, C = (n) => {
+      n.length > 0 ? (_.value = !m.value && !0, S.value = n) : _.value = !1;
+    }, _ = x(!1), N = x(!1), a = () => p.value.length > 0, $ = () => {
+      N.value = a(), l(), ke(), L().then((n) => {
+        C(n);
       });
-    }, y = async (r) => {
-      r.disabled || (V(r), l(), i("node-click", r), i("update:modelValue", m.value), i("change", m.value));
-    }, g = (r) => {
+    }, y = async (n) => {
+      n.disabled || (V(n), l(), i("node-click", n), i("update:modelValue", p.value), i("change", p.value));
+    }, g = (n) => {
       let o = 0;
-      switch (r) {
+      switch (n) {
         case "table":
           o = 132;
           break;
@@ -843,163 +843,188 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = {
           o = 230;
       }
       return o;
-    }, P = (r, o) => {
-      if (!o) return r;
+    }, P = (n, o) => {
+      if (!o) return n;
       let T = [];
-      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(...P(r[v][s.fieldNames.children], o));
+      for (let v = 0; v < n.length; v++)
+        n[v][s.fieldNames.label].includes(o) && T.push(n[v]), n[v][s.fieldNames.children] && n[v][s.fieldNames.children].length > 0 && T.push(...P(n[v][s.fieldNames.children], o));
       return T;
     }, L = async () => {
       K();
-      let r = [];
+      let n = [];
       if (!b.value)
-        r = P(s.options, z.value);
-      else if (!m.value)
-        r = P([""], null);
+        n = P(s.options, z.value);
+      else if (!p.value)
+        n = P([""], null);
       else {
         let o = await s.treeOptions.search(z.value);
-        r = P(o, z.value);
+        n = P(o, z.value);
       }
-      return r;
+      return n;
     }, S = x([]), D = q(() => {
-      var r;
+      var n;
       if (s.width) {
-        const o = (r = s.width) == null ? void 0 : r.toString();
+        const o = (n = s.width) == null ? void 0 : n.toString();
         return o.includes("%") || o.includes("px") ? o : o + "px";
       }
       return g(s.size);
     }), ce = x(), fe = x(""), ke = () => {
       var o;
-      const r = (o = ce.value) == null ? void 0 : o.offsetWidth;
-      fe.value = r ? r + "px" : D.value;
+      const n = (o = ce.value) == null ? void 0 : o.offsetWidth;
+      fe.value = n ? n + "px" : D.value;
     };
     return J(
       () => s.options,
       () => {
-        L().then((r) => {
-          S.value = r;
+        L().then((n) => {
+          S.value = n;
         });
       }
-    ), (r, o) => {
+    ), (n, o) => {
       const T = Ue;
-      return k(), E("div", {
-        class: "das-ui-autocomplete",
-        ref_key: "$completeEL",
-        ref: ce,
-        style: ie(`width:${D.value}`)
-      }, [
-        re(T, {
-          ref_key: "domPopover",
-          ref: W,
-          visible: I.value,
-          placement: r.placement,
-          width: fe.value,
-          "popper-class": "autocomplete-popover",
-          "show-arrow": !1,
-          offset: r.offset,
-          "popper-options": r.popperOptions
-        }, {
-          reference: B(() => [
-            r.showInputDom ? (k(), E("div", {
-              key: 0,
-              class: "slot-component-box",
-              onClick: pe($, ["stop"])
-            }, [
-              re(M(We), se({
-                ref_key: "inputRef",
-                ref: c,
-                modelValue: M(m),
-                "onUpdate:modelValue": o[3] || (o[3] = (v) => He(m) ? m.value = v : null),
-                size: M(w),
-                width: D.value,
-                isView: M(p)
-              }, r.$attrs, {
-                onClear: A,
-                onInput: O,
-                onChange: d
-              }), Fe({ _: 2 }, [
-                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, [
-              me(ve(M(m)), 1)
-            ])), [
-              [M(be)]
-            ])
-          ]),
-          default: B(() => [
-            F((k(), E("div", {
-              class: "autocomplete-select-box",
-              style: ie(`max-height: ${32 * r.maxCount}px;`),
-              onClick: o[2] || (o[2] = pe(() => {
-              }, ["stop"]))
-            }, [
-              F((k(), U(M(de), {
-                key: S.value.length,
-                items: S.value,
-                "item-size": 32,
-                "key-field": r.fieldNames.value || r.fieldNames.label,
-                class: "virtual-list"
-              }, {
-                default: B(({ item: v, index: H }) => [
-                  Be("div", {
-                    onClick: (Ve) => y(v),
-                    class: ee([
-                      "select-label",
-                      { "current-select-label": v[r.fieldNames.label] === z.value },
-                      { "is-disabled": v.disabled }
-                    ])
-                  }, [
-                    F((k(), E("span", zt, [
-                      me(ve(v[r.fieldNames.label]), 1)
-                    ])), [
-                      [M(be)]
-                    ])
-                  ], 10, St)
-                ]),
-                _: 1
-              }, 8, ["items", "key-field"])), [
-                [ye, s.mode === "list" || N.value]
-              ]),
-              s.mode === "tree" ? F((k(), U(M(qe), se({
+      return k(), E(
+        "div",
+        {
+          class: "das-ui-autocomplete",
+          ref_key: "$completeEL",
+          ref: ce,
+          style: ie(`width:${D.value}`)
+        },
+        [
+          ne(T, {
+            ref_key: "domPopover",
+            ref: W,
+            visible: _.value,
+            placement: e.placement,
+            width: fe.value,
+            "popper-class": "autocomplete-popover",
+            "show-arrow": !1,
+            offset: e.offset,
+            "popper-options": e.popperOptions
+          }, {
+            reference: B(() => [
+              e.showInputDom ? (k(), E("div", {
                 key: 0,
-                width: "120px",
-                filterMode: "input",
-                "node-key": n.value,
-                ref_key: "treeRef",
-                ref: _,
-                "is-ellipsis": "",
-                data: s.options,
-                showFilterInput: !1
-              }, r.treeOptions, {
-                props: { ...r.fieldNames },
-                modelValue: z.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (v) => z.value = v),
-                path: u.value,
-                "onUpdate:path": o[1] || (o[1] = (v) => u.value = v),
-                onNodeClick: R
-              }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
-                [ye, !N.value]
-              ]) : te("", !0)
-            ], 4)), [
-              [M(Ke)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["visible", "placement", "width", "offset", "popper-options"])
-      ], 4);
+                class: "slot-component-box",
+                onClick: me($, ["stop"])
+              }, [
+                ne(M(We), se({
+                  ref_key: "inputRef",
+                  ref: c,
+                  modelValue: M(p),
+                  "onUpdate:modelValue": o[3] || (o[3] = (v) => He(p) ? p.value = v : null),
+                  size: M(w),
+                  width: D.value,
+                  isView: M(m)
+                }, n.$attrs, {
+                  onClear: A,
+                  onInput: O,
+                  onChange: d
+                }), Fe({
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  Se(n.$slots, (v, H, Ve) => ({
+                    name: H,
+                    fn: B(() => [
+                      j(n.$slots, H, {}, void 0, !0)
+                    ])
+                  }))
+                ]), 1040, ["modelValue", "size", "width", "isView"])
+              ])) : F((k(), E("div", It, [
+                pe(
+                  ve(M(p)),
+                  1
+                  /* TEXT */
+                )
+              ])), [
+                [M(be)]
+              ])
+            ]),
+            default: B(() => [
+              F((k(), E(
+                "div",
+                {
+                  class: "autocomplete-select-box",
+                  style: ie(`max-height: ${32 * e.maxCount}px;`),
+                  onClick: o[2] || (o[2] = me(() => {
+                  }, ["stop"]))
+                },
+                [
+                  F((k(), U(M(de), {
+                    key: S.value.length,
+                    items: S.value,
+                    "item-size": 32,
+                    "key-field": e.fieldNames.value || e.fieldNames.label,
+                    class: "virtual-list"
+                  }, {
+                    default: B(({ item: v, index: H }) => [
+                      Be("div", {
+                        onClick: (Ve) => y(v),
+                        class: ee([
+                          "select-label",
+                          { "current-select-label": v[e.fieldNames.label] === z.value },
+                          { "is-disabled": v.disabled }
+                        ])
+                      }, [
+                        F((k(), E("span", zt, [
+                          pe(
+                            ve(v[e.fieldNames.label]),
+                            1
+                            /* TEXT */
+                          )
+                        ])), [
+                          [M(be)]
+                        ])
+                      ], 10, St)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["items", "key-field"])), [
+                    [ye, s.mode === "list" || N.value]
+                  ]),
+                  s.mode === "tree" ? F((k(), U(M(qe), se({
+                    key: 0,
+                    width: "120px",
+                    filterMode: "input",
+                    "node-key": r.value,
+                    ref_key: "treeRef",
+                    ref: I,
+                    "is-ellipsis": "",
+                    data: s.options,
+                    showFilterInput: !1
+                  }, e.treeOptions, {
+                    props: { ...e.fieldNames },
+                    modelValue: z.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (v) => z.value = v),
+                    path: u.value,
+                    "onUpdate:path": o[1] || (o[1] = (v) => u.value = v),
+                    onNodeClick: R
+                  }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
+                    [ye, !N.value]
+                  ]) : te("v-if", !0)
+                ],
+                4
+                /* STYLE */
+              )), [
+                [M(Ke)]
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["visible", "placement", "width", "offset", "popper-options"])
+        ],
+        4
+        /* STYLE */
+      );
     };
   }
 }), $t = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [s, n] of t)
-    i[s] = n;
+  for (const [s, r] of t)
+    i[s] = r;
   return i;
-}, kt = /* @__PURE__ */ $t(It, [["__scopeId", "data-v-181754c4"]]), Dt = () => x(null), Ht = je(kt);
+}, kt = /* @__PURE__ */ $t(_t, [["__scopeId", "data-v-181754c4"]]), Dt = () => x(null), Ht = je(kt);
 export {
   Ht as DasAutocomplete,
   Dt as DasAutocompleteRef,