vft 0.0.71 → 0.0.72

package/es/components/search/search.vue2.js

@@ -1,177 +1,189 @@
-import { defineComponent as R, ref as n, computed as u, watch as L, resolveDirective as O, openBlock as v, createElementBlock as k, Fragment as U, withDirectives as j, normalizeClass as B, unref as t, normalizeStyle as H, createVNode as T, mergeProps as w, createSlots as q, withCtx as r, renderSlot as i, createBlock as A, createElementVNode as G, createCommentVNode as J } from "vue";
-import { addUnit as m } from "@vft/utils";
-import "lodash";
-import { useTimeoutFn as K } from "@vueuse/core";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
-import { VftPopover as Q } from "../popover/index.js";
-import { VftInput as X } from "../input/index.js";
-import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
+import { defineComponent as P, ref as u, computed as s, resolveDirective as j, openBlock as h, createElementBlock as w, Fragment as q, withDirectives as G, normalizeClass as g, unref as n, normalizeStyle as J, createVNode as Q, mergeProps as b, createSlots as T, withCtx as r, renderSlot as i, createBlock as X, createElementVNode as Y, createCommentVNode as Z } from "vue";
+import { VftInput as _ } from "../input/index.js";
+import { VftPopover as ee } from "../popover/index.js";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
+import "lodash";
 import "../../hooks/use-z-index/index.js";
-const f = (
+import "@vueuse/core";
+import { addUnit as c } from "@vft/utils";
+import { generateCssVars as $ } from "../../utils/ns-cover.js";
+const d = (
   /* hoist-static*/
-  Y("search")
-), Z = R({
-  name: f.b()
-}), ue = /* @__PURE__ */ R({
-  ...Z,
+  oe("search")
+), te = P({
+  name: d.b()
+}), ve = /* @__PURE__ */ P({
+  ...te,
   props: {
-    width: { default: 200 },
-    activeWidth: null,
-    hasPopover: { type: Boolean, default: !0 },
-    popoverCfg: null,
-    id: null,
-    size: null,
-    disabled: { type: Boolean },
     modelValue: { default: "" },
-    type: null,
-    resize: null,
-    autosize: { type: [Object, Boolean] },
-    autocomplete: null,
-    formatter: { type: Function },
-    parser: { type: Function },
     placeholder: null,
-    form: null,
-    readonly: { type: Boolean },
     clearable: { type: Boolean, default: !0 },
-    showPassword: { type: Boolean },
-    showWordLimit: { type: Boolean },
     suffixIcon: { default: { icon: "ico-ep:search", color: "#8B8C8C", pointer: !0 } },
     prefixIcon: null,
     clearIcon: null,
-    containerRole: null,
-    label: null,
-    tabindex: null,
-    validateEvent: { type: Boolean },
-    inputStyle: null
+    width: { default: 200 },
+    activeWidth: null,
+    usePopover: { type: Boolean, default: !0 },
+    popoverCfg: null
   },
-  emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
-  setup(l, { expose: $, emit: p }) {
-    const h = n(), y = n(), s = n(), c = n(!1), d = n(!1), o = n(!1), g = () => {
-      o.value = !0, c.value = !0, p("focus");
-    };
-    function V() {
-      c.value = !1;
-    }
-    function S() {
-      d.value = !0;
-    }
-    function F() {
-      d.value = !1;
-    }
-    const P = u(() => C({
-      width: l.activeWidth && o.value ? m(l.activeWidth) : m(l.width)
-    }, "input")), W = u(() => C({
-      "active-width": l.activeWidth ? m(l.activeWidth) : void 0
-    }, "search")), z = u(() => ({
+  emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change"],
+  setup(e, { expose: x, emit: t }) {
+    const k = u(), C = u(), y = u(), v = u(!1), p = u(!1), l = u(!1), B = s(
+      () => $(
+        {
+          width: e.activeWidth && (l.value || e.modelValue) ? c(e.activeWidth) : c(e.width)
+        },
+        "input"
+      )
+    ), R = s(
+      () => $(
+        {
+          "active-width": e.activeWidth ? c(e.activeWidth) : c(e.width)
+        },
+        "search"
+      )
+    ), S = s(() => ({
       "show-arrow": !1,
       transition: "vft-zoom-in-top-fast",
       placement: "bottom-start",
       "hide-after": 100,
       offset: 3,
       width: 500,
-      ...l.popoverCfg
-    })), I = (e) => {
-      p("update:modelValue", e);
-    }, E = () => {
-      b();
+      ...e.popoverCfg
+    })), I = (o) => {
+      t("update:modelValue", o);
+    }, W = () => {
+      m();
     };
-    function b() {
-      o.value = !1;
+    function E() {
+      l.value = !0;
     }
-    const M = () => {
-      b(), K(() => {
-        var e;
-        return (e = s.value) == null ? void 0 : e.blur();
-      }, 100), p("clear");
+    function m() {
+      l.value = !1;
+    }
+    const F = () => {
+      f(), t("clear");
     };
-    L(() => o, (e) => {
-      e ? s.value.focus() : s.value.blur();
-    });
-    const N = u(() => {
-      var e, a;
-      return (a = (e = h.value) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
+    function M() {
+      p.value = !0, t("mouseenter", e.modelValue);
+    }
+    function N() {
+      p.value = !1, t("mouseleave", e.modelValue);
+    }
+    const z = () => {
+      l.value = !0, v.value = !0, t("focus");
+    };
+    function D() {
+      v.value = !1, t("blur");
+    }
+    function K() {
+      f(), t("prefixClick", e.modelValue);
+    }
+    function U() {
+      f(), t("suffixClick", e.modelValue);
+    }
+    function A() {
+      f(), t("enter", e.modelValue);
+    }
+    function f() {
+      e.usePopover && m(), y.value.blur();
+    }
+    const H = (o) => {
+      t("keydown", o);
+    }, L = s(() => {
+      var o, a;
+      return (a = (o = k.value) == null ? void 0 : o.popperRef) == null ? void 0 : a.contentRef;
     });
-    return $({
-      isFocus: c,
-      isHover: d,
-      visible: o
-    }), (e, a) => {
-      const x = O("click-outside");
-      return v(), k(U, null, [
-        j((v(), k("div", {
+    return x({
+      isFocus: v,
+      isHover: p,
+      visible: l,
+      hidePopover: m,
+      showPopover: E
+    }), (o, a) => {
+      const O = j("click-outside");
+      return h(), w(q, null, [
+        G((h(), w("div", {
           ref_key: "searchRef",
-          ref: y,
-          class: B([t(f).b(), t(f).is("active", o.value)]),
-          style: H(t(W))
+          ref: C,
+          class: g([n(d).b(), n(d).is("active", l.value || e.modelValue)]),
+          style: J(n(R))
         }, [
-          T(t(X), w({
+          Q(n(_), b({
             ref_key: "inputRef",
-            ref: s
-          }, e.$props, {
-            inputStyle: t(P),
+            ref: y
+          }, o.$props, {
+            inputStyle: n(B),
             onInput: I,
-            onFocus: g,
-            onBlur: V,
-            onMouseenter: S,
-            onMouseleave: F,
-            onClear: M
-          }), q({ _: 2 }, [
-            e.$slots.prefix ? {
+            onFocus: z,
+            onEnter: A,
+            onBlur: D,
+            onMouseenter: M,
+            onMouseleave: N,
+            onPrefixClick: K,
+            onSuffixClick: U,
+            onChange: a[0] || (a[0] = (V) => {
+              t("change", e.modelValue);
+            }),
+            onKeydown: H,
+            onClear: F
+          }), T({ _: 2 }, [
+            o.$slots.prefix ? {
               name: "prefix",
               fn: r(() => [
-                i(e.$slots, "prefix")
+                i(o.$slots, "prefix")
               ]),
               key: "0"
             } : void 0,
-            e.$slots.suffix ? {
+            o.$slots.suffix ? {
               name: "suffix",
               fn: r(() => [
-                i(e.$slots, "suffix")
+                i(o.$slots, "suffix")
               ]),
               key: "1"
             } : void 0,
-            e.$slots.prepend ? {
+            o.$slots.prepend ? {
               name: "prepend",
               fn: r(() => [
-                i(e.$slots, "prepend")
+                i(o.$slots, "prepend")
               ]),
               key: "2"
             } : void 0,
-            e.$slots.append ? {
+            o.$slots.append ? {
               name: "append",
               fn: r(() => [
-                i(e.$slots, "append")
+                i(o.$slots, "append")
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["inputStyle"])
         ], 6)), [
-          [x, E, t(N)]
+          [O, W, n(L)]
         ]),
-        l.hasPopover ? (v(), A(t(Q), w({
+        e.usePopover ? (h(), X(n(ee), b({
           key: 0,
           ref_key: "popoverRef",
-          ref: h
-        }, t(z), {
-          "virtual-ref": y.value,
-          visible: o.value,
-          "onUpdate:visible": a[0] || (a[0] = (D) => o.value = D),
+          ref: k
+        }, n(S), {
+          "virtual-ref": C.value,
+          visible: l.value,
+          "onUpdate:visible": a[1] || (a[1] = (V) => l.value = V),
           "virtual-triggering": ""
         }), {
           default: r(() => [
-            G("div", {
-              class: B(t(f).e("content"))
+            Y("div", {
+              class: g(n(d).e("content"))
             }, [
-              i(e.$slots, "default")
+              i(o.$slots, "default")
             ], 2)
           ]),
           _: 3
-        }, 16, ["virtual-ref", "visible"])) : J("", !0)
+        }, 16, ["virtual-ref", "visible"])) : Z("", !0)
       ], 64);
     };
   }
 });
 export {
-  ue as default
+  ve as default
 };