vft 0.0.150 → 0.0.153

package/es/components/autocomplete/autocomplete.vue2.js

@@ -1,28 +1,28 @@
-import { defineComponent as X, useAttrs as de, ref as f, computed as w, onMounted as ve, resolveDirective as pe, openBlock as $, createBlock as q, unref as s, withCtx as g, createElementVNode as G, normalizeClass as S, normalizeStyle as j, withDirectives as ge, createElementBlock as K, Fragment as me, renderList as he, renderSlot as A, createTextVNode as be, toDisplayString as ye, createVNode as we, mergeProps as $e, withKeys as E, withModifiers as J, createSlots as Ae, nextTick as Ee } from "vue";
-import { isString as O, isObject as ke, isArray as k } from "@vft/utils";
+import { defineComponent as X, useAttrs as ve, ref as f, computed as $, onMounted as pe, resolveDirective as ge, openBlock as w, createBlock as q, unref as s, withCtx as g, createElementVNode as G, normalizeClass as S, normalizeStyle as j, withDirectives as me, createElementBlock as K, Fragment as he, renderList as be, renderSlot as A, createTextVNode as ye, toDisplayString as $e, createVNode as we, mergeProps as Ae, withKeys as E, withModifiers as J, createSlots as Ee, nextTick as ke } from "vue";
+import { isString as O, isObject as Se, isArray as k } from "@vft/utils";
 import "../form/index.js";
-import { VftInput as Se } from "../input/index.js";
-import { VftScrollbar as Te } from "../scrollbar/index.js";
-import { VftTooltip as Ve } from "../tooltip/index.js";
+import { VftInput as Te } from "../input/index.js";
+import { VftScrollbar as Ve } from "../scrollbar/index.js";
+import { VftTooltip as Ce } from "../tooltip/index.js";
 import { UPDATE_MODEL_EVENT as T, INPUT_EVENT as R, CHANGE_EVENT as Q } from "../../constants/event.js";
-import { useAttrs as Ce } from "../../hooks/use-attrs/index.js";
-import { onClickOutside as Ie } from "@vueuse/core";
-import { throwError as Be } from "../../utils/error.js";
+import { useAttrs as Ie } from "../../hooks/use-attrs/index.js";
+import { onClickOutside as Be } from "@vueuse/core";
+import { throwError as De } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { debounce as De } from "lodash";
-import { useNamespace as Fe } from "../../hooks/use-namespace/index.js";
+import { debounce as Fe } from "lodash";
+import { useNamespace as Ne } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { generateId as Ne } from "./types.js";
-import { useFormDisabled as Ke } from "../form/hooks/use-form-common-props.js";
-const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick"], Me = "ElAutocomplete", r = (
+import { generateId as Ke } from "./types.js";
+import { useFormDisabled as Oe } from "../form/hooks/use-form-common-props.js";
+const Re = ["aria-expanded", "aria-owns"], Me = ["id", "aria-selected", "onClick"], Pe = "ElAutocomplete", r = (
   /* hoist-static*/
-  Fe("autocomplete")
-), Pe = X({
+  Ne("autocomplete")
+), We = X({
   name: r.b(),
   inheritAttrs: !1
-}), at = /* @__PURE__ */ X({
-  ...Pe,
+}), ot = /* @__PURE__ */ X({
+  ...We,
   props: {
     valueKey: { default: "value" },
     modelValue: { default: "" },
@@ -49,18 +49,18 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
     focus: (t) => t instanceof FocusEvent,
     blur: (t) => t instanceof FocusEvent,
     clear: () => !0,
-    select: (t) => ke(t)
+    select: (t) => Se(t)
   },
-  setup(t, { expose: Y, emit: u }) {
-    const Z = Ce(), x = de(), M = Ke(), o = f(), P = f(), V = f(), W = f();
+  setup(t, { expose: Y, emit: Z }) {
+    const i = Z, x = Ie(), _ = ve(), M = Oe(), o = f(), P = f(), V = f(), W = f();
     let U = !1, C = !1;
-    const i = f([]), a = f(-1), H = f(""), c = f(!1), h = f(!1), m = f(!1), b = w(() => r.b(String(Ne()))), _ = w(() => x.style), d = w(() => (i.value.length > 0 || m.value) && c.value), I = w(() => !t.hideLoading && m.value), ee = w(() => o.value ? Array.from(
+    const u = f([]), a = f(-1), H = f(""), c = f(!1), h = f(!1), m = f(!1), b = $(() => r.b(String(Ke()))), ee = $(() => _.style), d = $(() => (u.value.length > 0 || m.value) && c.value), I = $(() => !t.hideLoading && m.value), te = $(() => o.value ? Array.from(
       o.value.$el.querySelectorAll("input")
-    ) : []), te = async () => {
-      await Ee(), d.value && (H.value = `${o.value.$el.offsetWidth}px`);
-    }, le = () => {
+    ) : []), le = async () => {
+      await ke(), d.value && (H.value = `${o.value.$el.offsetWidth}px`);
+    }, ae = () => {
       a.value = -1;
-    }, L = De(async (e) => {
+    }, L = Fe(async (e) => {
       if (h.value)
         return;
       const l = (n) => {
@@ -69,7 +69,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
           n,
           h.value,
           k(n)
-        ), !h.value && (k(n) ? (i.value = n, a.value = t.highlightFirstItem ? 0 : -1) : Be(Me, "autocomplete suggestions must be an array"));
+        ), !h.value && (k(n) ? (u.value = n, a.value = t.highlightFirstItem ? 0 : -1) : De(Pe, "autocomplete suggestions must be an array"));
       };
       if (m.value = !0, console.log(t.fetchSuggestions, e, 8989), k(t.fetchSuggestions))
         console.log("isArray----"), l(t.fetchSuggestions);
@@ -77,45 +77,45 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         const n = await t.fetchSuggestions(e, l);
         k(n) && l(n), console.log("await----", k(n), n);
       }
-    }, t.debounce), ae = (e) => {
+    }, t.debounce), oe = (e) => {
       const l = !!e;
-      if (u(R, e), u(T, e), h.value = !1, c.value || (c.value = l), !t.triggerOnFocus && !e) {
-        h.value = !0, i.value = [];
+      if (i(R, e), i(T, e), h.value = !1, c.value || (c.value = l), !t.triggerOnFocus && !e) {
+        h.value = !0, u.value = [];
         return;
       }
       L(e);
-    }, oe = (e) => {
-      var l;
-      M.value || (((l = e.target) == null ? void 0 : l.tagName) !== "INPUT" || ee.value.includes(document.activeElement)) && (c.value = !0);
     }, se = (e) => {
-      u(Q, e);
+      var l;
+      M.value || (((l = e.target) == null ? void 0 : l.tagName) !== "INPUT" || te.value.includes(document.activeElement)) && (c.value = !0);
     }, ne = (e) => {
-      C ? C = !1 : (c.value = !0, u("focus", e), t.triggerOnFocus && !U && L(String(t.modelValue)));
+      i(Q, e);
     }, re = (e) => {
+      C ? C = !1 : (c.value = !0, i("focus", e), t.triggerOnFocus && !U && L(String(t.modelValue)));
+    }, ie = (e) => {
       setTimeout(() => {
         var l;
         if ((l = V.value) != null && l.isFocusInsideContent()) {
           C = !0;
           return;
         }
-        c.value && y(), u("blur", e);
+        c.value && y(), i("blur", e);
       });
     }, ue = () => {
-      c.value = !1, u(T, ""), u("clear");
+      c.value = !1, i(T, ""), i("clear");
     }, z = async () => {
-      d.value && a.value >= 0 && a.value < i.value.length ? B(i.value[a.value]) : t.selectWhenUnmatched && (u("select", { value: t.modelValue }), i.value = [], a.value = -1);
-    }, ie = (e) => {
+      d.value && a.value >= 0 && a.value < u.value.length ? B(u.value[a.value]) : t.selectWhenUnmatched && (i("select", { value: t.modelValue }), u.value = [], a.value = -1);
+    }, ce = (e) => {
       d.value && (e.preventDefault(), e.stopPropagation(), y());
     }, y = () => {
       c.value = !1;
-    }, ce = () => {
+    }, fe = () => {
       var e;
       (e = o.value) == null || e.focus();
-    }, fe = () => {
+    }, de = () => {
       var e;
       (e = o.value) == null || e.blur();
     }, B = async (e) => {
-      u(R, e[t.valueKey]), u(T, e[t.valueKey]), u("select", e), i.value = [], a.value = -1;
+      i(R, e[t.valueKey]), i(T, e[t.valueKey]), i("select", e), u.value = [], a.value = -1;
     }, D = (e) => {
       if (!d.value || m.value)
         return;
@@ -123,7 +123,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         a.value = -1;
         return;
       }
-      e >= i.value.length && (e = i.value.length - 1);
+      e >= u.value.length && (e = u.value.length - 1);
       const l = P.value.querySelector(
         `.${r.be("suggestion", "wrap")}`
       ), v = l.querySelectorAll(
@@ -134,9 +134,9 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         `${b.value}-item-${a.value}`
       );
     };
-    return Ie(W, () => {
+    return Be(W, () => {
       d.value && y();
-    }), ve(() => {
+    }), pe(() => {
       o.value.ref.setAttribute("role", "textbox"), o.value.ref.setAttribute("aria-autocomplete", "list"), o.value.ref.setAttribute("aria-controls", "id"), o.value.ref.setAttribute(
         "aria-activedescendant",
         `${b.value}-item-${a.value}`
@@ -153,22 +153,22 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       /** @description el-tooltip component instance */
       popperRef: V,
       /** @description fetch suggestions result */
-      suggestions: i,
+      suggestions: u,
       /** @description triggers when a suggestion is clicked */
       handleSelect: B,
       /** @description handle keyboard enter event */
       handleKeyEnter: z,
       /** @description focus the input element */
-      focus: ce,
+      focus: fe,
       /** @description blur the input element */
-      blur: fe,
+      blur: de,
       /** @description close suggestion */
       close: y,
       /** @description highlight an item in a suggestion */
       highlight: D
     }), (e, l) => {
-      const n = pe("loading");
-      return $(), q(s(Ve), {
+      const n = ge("loading");
+      return w(), q(s(Ce), {
         ref_key: "popperRef",
         ref: V,
         visible: d.value,
@@ -183,8 +183,8 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         trigger: "click",
         transition: `${s(r).namespace.value}-zoom-in-top`,
         persistent: "",
-        onBeforeShow: te,
-        onHide: le
+        onBeforeShow: le,
+        onHide: ae
       }, {
         content: g(() => [
           G("div", {
@@ -197,7 +197,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
             }),
             role: "region"
           }, [
-            ge(($(), q(s(Te), {
+            me((w(), q(s(Ve), {
               id: b.value,
               tag: "ul",
               "wrap-class": s(r).be("suggestion", "wrap"),
@@ -205,10 +205,10 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
               role: "listbox"
             }, {
               default: g(() => [
-                I.value ? ($(), K("li", {
+                I.value ? (w(), K("li", {
                   key: 0,
                   class: S(s(r).is("loading"))
-                }, null, 2)) : ($(!0), K(me, { key: 1 }, he(i.value, (v, p) => ($(), K("li", {
+                }, null, 2)) : (w(!0), K(he, { key: 1 }, be(u.value, (v, p) => (w(), K("li", {
                   id: `${b.value}-item-${p}`,
                   key: p,
                   class: S({ highlighted: a.value === p }),
@@ -217,9 +217,9 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
                   onClick: (F) => B(v)
                 }, [
                   A(e.$slots, "default", { item: v }, () => [
-                    be(ye(v[e.valueKey]), 1)
+                    ye($e(v[e.valueKey]), 1)
                   ])
-                ], 10, Re))), 128))
+                ], 10, Me))), 128))
               ]),
               _: 3
             }, 8, ["id", "wrap-class", "view-class"])), [
@@ -232,34 +232,34 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
             ref_key: "listboxRef",
             ref: W,
             class: S([s(r).b(), e.$attrs.class]),
-            style: j(_.value),
+            style: j(ee.value),
             role: "combobox",
             "aria-haspopup": "listbox",
             "aria-expanded": d.value,
             "aria-owns": b.value
           }, [
-            we(s(Se), $e({
+            we(s(Te), Ae({
               ref_key: "inputRef",
               ref: o
-            }, s(Z), {
+            }, s(x), {
               clearable: e.clearable,
               disabled: s(M),
               name: e.name,
               "model-value": e.modelValue,
-              onInput: ae,
-              onChange: se,
-              onFocus: ne,
-              onBlur: re,
+              onInput: oe,
+              onChange: ne,
+              onFocus: re,
+              onBlur: ie,
               onClear: ue,
               onKeydown: [
                 l[0] || (l[0] = E(J((v) => D(a.value - 1), ["prevent"]), ["up"])),
                 l[1] || (l[1] = E(J((v) => D(a.value + 1), ["prevent"]), ["down"])),
                 E(z, ["enter"]),
                 E(y, ["tab"]),
-                E(ie, ["esc"])
+                E(ce, ["esc"])
               ],
-              onMousedown: oe
-            }), Ae({ _: 2 }, [
+              onMousedown: se
+            }), Ee({ _: 2 }, [
               e.$slots.prepend ? {
                 name: "prepend",
                 fn: g(() => [
@@ -288,8 +288,8 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
                 ]),
                 key: "3"
               } : void 0
-            ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-          ], 14, Oe)
+            ]), 1040, ["clearable", "disabled", "name", "model-value"])
+          ], 14, Re)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -297,5 +297,5 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
   }
 });
 export {
-  at as default
+  ot as default
 };