vft 0.0.522 → 0.0.524

package/es/components/popover/popover.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as o, ref as S, unref as l, openBlock as f, createBlock as x, mergeProps as R, withCtx as s, renderSlot as d, createCommentVNode as p, createElementBlock as T, normalizeClass as U, toDisplayString as c, createTextVNode as V } from "vue";
+import { defineComponent as u, computed as o, ref as S, unref as l, createBlock as x, openBlock as f, mergeProps as R, withCtx as s, renderSlot as d, createCommentVNode as p, createElementBlock as T, normalizeClass as U, toDisplayString as c, createTextVNode as V } from "vue";
 import { VftTooltip as $ } from "../tooltip/index.js";
 import { EVENT_CODE as i } from "../../constants/aria.js";
 import "@vueuse/core";
@@ -47,12 +47,12 @@ const K = "onUpdate:visible", D = u({
     "after-leave"
   ],
   setup(e, { expose: m, emit: b }) {
-    const t = b, r = O("popover"), v = o(() => [K]), n = S(), g = o(() => l(n)?.popperRef), h = o(() => [
+    const t = b, a = O("popover"), v = o(() => [K]), n = S(), g = o(() => l(n)?.popperRef), h = o(() => [
       {
         width: N(e.width)
       },
       e.popperStyle
-    ]), y = o(() => [r.b(), e.popperClass, { [r.m("plain")]: !!e.content }]), w = o(() => e.transition === `${r.namespace.value}-fade-in-linear`), B = () => {
+    ]), y = o(() => [a.b(), e.popperClass, { [a.m("plain")]: !!e.content }]), w = o(() => e.transition === `${a.namespace.value}-fade-in-linear`), B = () => {
       n.value?.hide();
     }, k = () => {
       t("before-enter");
@@ -61,15 +61,15 @@ const K = "onUpdate:visible", D = u({
     }, A = () => {
       t("after-enter");
     }, E = () => {
-      t("update:visible", !1), t("after-leave");
+      e.visible || t("update:visible", !1), t("after-leave");
     };
     return m({
       popperRef: g,
       hide: B
-    }), (a, H) => (f(), x(l($), R({
+    }), (r, H) => (f(), x(l($), R({
       ref_key: "tooltipRef",
       ref: n
-    }, a.$attrs, {
+    }, r.$attrs, {
       trigger: e.trigger,
       "trigger-keys": e.triggerKeys,
       placement: e.placement,
@@ -102,15 +102,15 @@ const K = "onUpdate:visible", D = u({
       content: s(() => [
         e.title ? (f(), T("div", {
           key: 0,
-          class: U(l(r).e("title")),
+          class: U(l(a).e("title")),
           role: "title"
         }, c(e.title), 3)) : p("", !0),
-        d(a.$slots, "default", {}, () => [
+        d(r.$slots, "default", {}, () => [
           V(c(e.content), 1)
         ])
       ]),
       default: s(() => [
-        a.$slots.reference ? d(a.$slots, "reference", { key: 0 }) : p("", !0)
+        r.$slots.reference ? d(r.$slots, "reference", { key: 0 }) : p("", !0)
       ]),
       _: 3
     }, 16, ["trigger", "trigger-keys", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "append-to", "persistent", "gpu-acceleration", "onUpdate:visible"]));

package/es/components/popper/arrow.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, inject as m, watch as i, onBeforeUnmount as l, openBlock as c, createElementBlock as _, normalizeStyle as u, unref as o, normalizeClass as w } from "vue";
+import { defineComponent as t, inject as m, watch as i, onBeforeUnmount as l, createElementBlock as c, openBlock as _, normalizeStyle as u, normalizeClass as w, unref as o } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -35,7 +35,7 @@ const E = t({
        * @description Arrow element
        */
       arrowRef: r
-    }), (e, N) => (c(), _("span", {
+    }), (e, N) => (_(), c("span", {
       ref_key: "arrowRef",
       ref: r,
       class: w(o(f).e("arrow")),

package/es/components/popper/content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, getCurrentInstance as D, inject as J, provide as y, onMounted as U, watch as f, unref as e, onBeforeUnmount as W, openBlock as Y, createElementBlock as Z, mergeProps as G, createVNode as H, withCtx as Q, renderSlot as X } from "vue";
+import { defineComponent as C, getCurrentInstance as D, inject as J, provide as y, onMounted as U, watch as f, unref as e, onBeforeUnmount as W, createElementBlock as Y, openBlock as Z, mergeProps as G, createVNode as H, withCtx as Q, renderSlot as X } from "vue";
 import _ from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
 import { noop as R, isElement as P } from "@vft/utils";
@@ -120,7 +120,7 @@ const ne = C({
        * @description content style
        */
       contentStyle: c
-    }), (r, a) => (Y(), Z("div", G({
+    }), (r, a) => (Z(), Y("div", G({
       ref_key: "contentRef",
       ref: n
     }, e($), {

package/es/components/popper/trigger.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, getCurrentInstance as C, inject as y, computed as s, onMounted as x, watch as l, onBeforeUnmount as E, openBlock as B, createBlock as w, unref as A, mergeProps as M, withCtx as P, renderSlot as R, createCommentVNode as T } from "vue";
+import { defineComponent as g, getCurrentInstance as C, inject as y, computed as s, onMounted as x, watch as l, onBeforeUnmount as E, createBlock as B, createCommentVNode as w, openBlock as A, unref as M, mergeProps as P, withCtx as R, renderSlot as T } from "vue";
 import { isElement as v } from "@vft/utils";
 import { OnlyChild as k } from "../slot/only-child.js";
 import { unrefElement as L } from "@vueuse/core";
@@ -99,14 +99,14 @@ const O = g({
        * @description trigger element
        */
       triggerRef: n
-    }), (e, d) => o.virtualTriggering ? T("", !0) : (B(), w(A(k), M({ key: 0 }, e.$attrs, {
+    }), (e, d) => o.virtualTriggering ? w("", !0) : (A(), B(M(k), P({ key: 0 }, e.$attrs, {
       "aria-controls": p.value,
       "aria-describedby": c.value,
       "aria-expanded": m.value,
       "aria-haspopup": u.value
     }), {
-      default: P(() => [
-        R(e.$slots, "default")
+      default: R(() => [
+        T(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"]));

package/es/components/progress/progress.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as r, openBlock as o, createElementBlock as i, normalizeClass as l, unref as a, createElementVNode as f, normalizeStyle as c, renderSlot as C, toDisplayString as D, createCommentVNode as y, createBlock as A, normalizeProps as L, mergeProps as M } from "vue";
+import { defineComponent as T, computed as r, createElementBlock as i, openBlock as o, normalizeClass as l, unref as a, createCommentVNode as y, createElementVNode as f, normalizeStyle as c, renderSlot as C, toDisplayString as D, createBlock as A, normalizeProps as L, mergeProps as M } from "vue";
 import { isFunction as E, isString as I } from "@vft/utils";
 import { VftIcon as O } from "../icon/index.js";
 import "@vueuse/core";

package/es/components/progress-i/progress-i.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as e, openBlock as o, createElementBlock as n } from "vue";
+import { defineComponent as e, createElementBlock as o, openBlock as n } from "vue";
 const p = /* @__PURE__ */ e({
   __name: "progress-i",
   setup(r) {
-    return console.log(1), (t, c) => (o(), n("div", null, "1"));
+    return console.log(1), (t, c) => (n(), o("div", null, "1"));
   }
 });
 export {

package/es/components/qrcode/qrcode.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as w, onMounted as g, getCurrentInstance as v, watch as h, openBlock as l, createElementBlock as p, createBlock as C, resolveDynamicComponent as x, unref as c } from "vue";
+import { defineComponent as f, ref as w, onMounted as g, getCurrentInstance as v, watch as h, createElementBlock as p, openBlock as l, createBlock as C, resolveDynamicComponent as x, unref as c } from "vue";
 import { downloadByUrl as y } from "@vft/utils";
 import { toDataURL as E } from "qrcode";
 import { toCanvas as L } from "./toCanvas.js";

package/es/components/radio/radio-button.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as C, openBlock as g, createElementBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as p, withModifiers as b, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as x, createTextVNode as z, toDisplayString as D } from "vue";
+import { defineComponent as f, computed as C, createElementBlock as g, openBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as p, withModifiers as b, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as x, createTextVNode as z, toDisplayString as D } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -30,7 +30,7 @@ const F = ["value", "name", "disabled"], G = f({
       boxShadow: l?.fill ? `-1px 0 0 0 ${l.fill}` : "",
       color: l?.textColor || ""
     }));
-    return (m, o) => (g(), N("label", {
+    return (m, o) => (N(), g("label", {
       class: u([
         e(t).b("button"),
         e(t).is("active", e(i) === e(s)),

package/es/components/radio/radio-group.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as E, onMounted as B, computed as k, provide as _, reactive as h, toRefs as C, watch as x, openBlock as i, createElementBlock as u, unref as a, normalizeClass as z, Fragment as N, renderList as A, createBlock as F, resolveDynamicComponent as G, renderSlot as L, nextTick as T } from "vue";
+import { defineComponent as p, ref as E, onMounted as B, computed as k, provide as _, reactive as h, toRefs as C, watch as x, createElementBlock as u, openBlock as i, unref as a, normalizeClass as z, renderSlot as N, Fragment as A, renderList as F, createBlock as G, resolveDynamicComponent as L, nextTick as T } from "vue";
 import "../form/index.js";
 import { UPDATE_MODEL_EVENT as c, CHANGE_EVENT as V } from "../../constants/event.js";
 import "@vueuse/core";
@@ -65,7 +65,7 @@ const K = ["id", "aria-label", "aria-labelledby"], O = p({
       "aria-label": a(s) ? void 0 : r.label || "radio-group",
       "aria-labelledby": a(s) ? a(l)?.labelId : void 0
     }, [
-      r.options ? (i(!0), u(N, { key: 0 }, A(r.options, (o) => (i(), F(G(r.useButton ? q : M), {
+      r.options ? (i(!0), u(A, { key: 0 }, F(r.options, (o) => (i(), G(L(r.useButton ? q : M), {
         size: o.size,
         disabled: o.disabled,
         label: o.label,
@@ -73,7 +73,7 @@ const K = ["id", "aria-label", "aria-labelledby"], O = p({
         name: o.name,
         border: o.border,
         key: o.value
-      }, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : L(e.$slots, "default", { key: 1 })
+      }, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : N(e.$slots, "default", { key: 1 })
     ], 10, K));
   }
 });

package/es/components/radio/radio.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as R, createElementBlock as $, normalizeClass as n, unref as e, createElementVNode as r, withDirectives as y, withModifiers as u, isRef as w, vModelRadio as B, renderSlot as N, createTextVNode as z, toDisplayString as D, nextTick as E } from "vue";
+import { defineComponent as f, createElementBlock as R, openBlock as $, normalizeClass as n, unref as e, createElementVNode as r, withDirectives as y, withModifiers as u, isRef as w, vModelRadio as B, renderSlot as N, createTextVNode as z, toDisplayString as D, nextTick as E } from "vue";
 import { radioProps as M } from "./radio.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -21,7 +21,7 @@ const h = ["value", "name", "disabled", "checked"], F = f({
     function V() {
       E(() => d("change", s.value));
     }
-    return (l, i) => (R(), $("label", {
+    return (l, i) => ($(), R("label", {
       class: n([
         e(o).b(),
         e(o).is("disabled", e(m)),

package/es/components/rate/rate.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as J, inject as j, ref as I, computed as s, markRaw as _, watch as de, resolveComponent as me, openBlock as c, createElementBlock as v, normalizeStyle as E, unref as i, normalizeClass as f, Fragment as g, renderList as ve, createVNode as z, withCtx as P, withDirectives as W, createBlock as w, resolveDynamicComponent as x, vShow as R, createCommentVNode as D, toDisplayString as fe } from "vue";
+import { defineComponent as J, inject as j, ref as I, computed as s, markRaw as _, watch as de, resolveComponent as me, createElementBlock as v, openBlock as c, normalizeStyle as E, unref as i, normalizeClass as f, createCommentVNode as g, Fragment as D, renderList as ve, createVNode as z, withCtx as P, withDirectives as W, createBlock as w, resolveDynamicComponent as x, vShow as R, toDisplayString as fe } from "vue";
 import { EVENT_CODE as b } from "../../constants/aria.js";
 import { UPDATE_MODEL_EVENT as M, CHANGE_EVENT as q } from "../../constants/event.js";
 import { isArray as S, isObject as G, isString as U, hasClass as X } from "@vft/utils";
@@ -131,7 +131,7 @@ const ye = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuet
         style: E(te.value),
         onKeydown: ce
       }, [
-        (c(!0), v(g, null, ve(l.max, (u, h) => (c(), v("span", {
+        (c(!0), v(D, null, ve(l.max, (u, h) => (c(), v("span", {
           key: h,
           class: f(i(r).e("item")),
           onMousemove: (n) => O(u, n),
@@ -146,7 +146,7 @@ const ye = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuet
             ])
           }, {
             default: P(() => [
-              K(u) ? D("", !0) : (c(), v(g, { key: 0 }, [
+              K(u) ? g("", !0) : (c(), v(D, { key: 0 }, [
                 W((c(), w(x(ie.value), null, null, 512)), [
                   [R, u <= t.value]
                 ]),
@@ -154,7 +154,7 @@ const ye = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuet
                   [R, !(u <= t.value)]
                 ])
               ], 64)),
-              K(u) ? (c(), v(g, { key: 1 }, [
+              K(u) ? (c(), v(D, { key: 1 }, [
                 (c(), w(x(F.value), {
                   class: f([i(r).em("decimal", "box")])
                 }, null, 8, ["class"])),
@@ -167,7 +167,7 @@ const ye = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuet
                   ]),
                   _: 1
                 }, 8, ["style", "class"])
-              ], 64)) : D("", !0)
+              ], 64)) : g("", !0)
             ]),
             _: 2
           }, 1032, ["class"])
@@ -176,7 +176,7 @@ const ye = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuet
           key: 0,
           class: f(i(r).e("text")),
           style: E({ color: l.textColor })
-        }, fe(k.value), 7)) : D("", !0)
+        }, fe(k.value), 7)) : g("", !0)
       ], 46, ye);
     };
   }

package/es/components/router-view-content/router-view-content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as d, resolveComponent as A, openBlock as t, createBlock as n, withCtx as m, createVNode as s, unref as o, KeepAlive as k, resolveDynamicComponent as f, createCommentVNode as g, Transition as x, mergeProps as C } from "vue";
+import { defineComponent as v, computed as d, resolveComponent as A, createBlock as t, openBlock as n, withCtx as m, createVNode as s, unref as o, KeepAlive as k, createCommentVNode as g, resolveDynamicComponent as f, Transition as x, mergeProps as C } from "vue";
 import { getRouterKeyPath as N } from "@vft/router";
 import { createReusableTemplate as R } from "@vueuse/core";
 const K = v({
@@ -20,25 +20,25 @@ const K = v({
     }), [y, c] = R();
     return (a, i) => {
       const r = A("router-view");
-      return t(), n(r, { name: e.name }, {
+      return n(), t(r, { name: e.name }, {
         default: m(({ Component: u, route: l }) => [
           s(o(y), null, {
             default: m(() => [
-              e.openKeepAlive ? (t(), n(k, {
+              e.openKeepAlive ? (n(), t(k, {
                 key: 0,
                 include: h.value,
                 exclude: p.value(l)
               }, [
-                e.isReloadFlag ? (t(), n(f(u), {
+                e.isReloadFlag ? (n(), t(f(u), {
                   key: o(N)(l)
                 })) : g("", !0)
-              ], 1032, ["include", "exclude"])) : (t(), n(f(u), {
+              ], 1032, ["include", "exclude"])) : (n(), t(f(u), {
                 key: l.fullPath
               }))
             ]),
             _: 2
           }, 1024),
-          e.transitionName ? (t(), n(x, C({
+          e.transitionName ? (n(), t(x, C({
             key: 0,
             name: e.transitionName
           }, e.transitionAttr), {
@@ -46,7 +46,7 @@ const K = v({
               s(o(c))
             ]),
             _: 1
-          }, 16, ["name"])) : (t(), n(o(c), { key: 1 }))
+          }, 16, ["name"])) : (n(), t(o(c), { key: 1 }))
         ]),
         _: 1
       }, 8, ["name"]);

package/es/components/roving-focus-group/roving-focus-group.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, openBlock as c, createBlock as l, unref as u, withCtx as e, createVNode as a, normalizeProps as f, guardReactiveProps as p, renderSlot as s } from "vue";
+import { defineComponent as t, createBlock as c, openBlock as l, unref as u, withCtx as e, createVNode as a, normalizeProps as f, guardReactiveProps as p, renderSlot as s } from "vue";
 import r from "./roving-focus-group-impl.vue2.js";
 import { VftCollection as n } from "./types.js";
 const i = t({
@@ -10,7 +10,7 @@ const i = t({
 }), C = /* @__PURE__ */ t({
   ...i,
   setup(m) {
-    return (o, _) => (c(), l(u(n), null, {
+    return (o, _) => (l(), c(u(n), null, {
       default: e(() => [
         a(r, f(p(o.$attrs)), {
           default: e(() => [

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, inject as l, ref as g, unref as r, nextTick as x, computed as d, provide as R, openBlock as G, createBlock as K, withCtx as V, renderSlot as S } from "vue";
+import { defineComponent as p, inject as l, ref as g, unref as r, nextTick as x, computed as d, provide as R, createBlock as G, openBlock as K, withCtx as V, renderSlot as S } from "vue";
 import { EVENT_CODE as U } from "../../constants/aria.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -83,7 +83,7 @@ const j = p({
       handleMousedown: T,
       handleFocus: F,
       handleKeydown: h
-    }), (e, m) => (G(), K(r(I), {
+    }), (e, m) => (K(), G(r(I), {
       id: r(n),
       focusable: s.focusable,
       active: s.active

package/es/components/row/row.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, provide as s, computed as r, openBlock as n, createBlock as m, resolveDynamicComponent as u, normalizeStyle as f, normalizeClass as c, withCtx as g, renderSlot as d } from "vue";
+import { defineComponent as o, provide as s, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as u, normalizeStyle as f, normalizeClass as c, withCtx as g, renderSlot as d } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -34,7 +34,7 @@ const v = o({
       a.is(`align-${t.align}`, t.align !== "top"),
       t.className
     ]);
-    return (e, w) => (n(), m(u(t.tag), {
+    return (e, w) => (m(), n(u(t.tag), {
       class: c(l.value),
       style: f(i.value)
     }, {

package/es/components/scrollbar/bar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as i, openBlock as u, createElementBlock as h, Fragment as d, createVNode as n } from "vue";
+import { defineComponent as m, ref as i, createElementBlock as u, openBlock as h, Fragment as d, createVNode as n } from "vue";
 import r from "./thumb.vue2.js";
 import { GAP as s } from "./util.js";
 const z = /* @__PURE__ */ m({
@@ -19,7 +19,7 @@ const z = /* @__PURE__ */ m({
           o.value = t.scrollTop * 100 / l * e.ratioY, a.value = t.scrollLeft * 100 / c * e.ratioX;
         }
       }
-    }), (t, l) => (u(), h(d, null, [
+    }), (t, l) => (h(), u(d, null, [
       n(r, {
         move: a.value,
         ratio: e.ratioX,

package/es/components/scrollbar/scrollbar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, ref as o, computed as h, watch as k, nextTick as T, provide as D, reactive as G, onMounted as X, onUpdated as Y, openBlock as y, createElementBlock as q, normalizeClass as w, unref as F, createElementVNode as I, normalizeStyle as B, createBlock as E, resolveDynamicComponent as J, withCtx as Q, renderSlot as Z, createCommentVNode as _ } from "vue";
+import { defineComponent as W, ref as o, computed as h, watch as k, nextTick as T, provide as D, reactive as G, onMounted as X, onUpdated as Y, createElementBlock as q, openBlock as y, normalizeClass as w, unref as F, createElementVNode as I, createBlock as B, createCommentVNode as J, normalizeStyle as E, resolveDynamicComponent as Q, withCtx as Z, renderSlot as _ } from "vue";
 import { isNumber as i, isObject as ee } from "@vft/utils";
 import { useResizeObserver as te, useEventListener as le } from "@vueuse/core";
 import { debugWarn as N } from "../../utils/error.js";
@@ -116,22 +116,22 @@ const L = "ElScrollbar", ie = W({
         ref_key: "wrapRef",
         ref: l,
         class: w(j.value),
-        style: B($.value),
+        style: E($.value),
         onScroll: H
       }, [
-        (y(), E(J(t.tag), {
+        (y(), B(Q(t.tag), {
           ref_key: "resizeRef",
           ref: x,
           class: w(K.value),
-          style: B(t.viewStyle)
+          style: E(t.viewStyle)
         }, {
-          default: Q(() => [
-            Z(e.$slots, "default")
+          default: Z(() => [
+            _(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["class", "style"]))
       ], 38),
-      t.native ? _("", !0) : (y(), E(oe, {
+      t.native ? J("", !0) : (y(), B(oe, {
         key: 0,
         ref_key: "barRef",
         ref: m,

package/es/components/scrollbar/thumb.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, inject as D, ref as i, computed as E, onBeforeUnmount as N, toRef as S, openBlock as A, createBlock as O, Transition as j, unref as m, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as I, vShow as V } from "vue";
+import { defineComponent as T, inject as D, ref as i, computed as E, onBeforeUnmount as N, toRef as S, createBlock as A, openBlock as O, Transition as j, unref as m, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as I, vShow as V } from "vue";
 import { useEventListener as P, isClient as _ } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as q } from "../../utils/error.js";
@@ -78,7 +78,7 @@ const W = "Thumb", ce = /* @__PURE__ */ T({
       S(o, "scrollbarElement"),
       "mouseleave",
       H
-    ), (t, n) => (A(), O(j, {
+    ), (t, n) => (O(), A(j, {
       name: m(s).b("fade")
     }, {
       default: K(() => [

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

@@ -1,21 +1,21 @@
-import { defineComponent as g, computed as i, ref as l, openBlock as h, createElementBlock as V, Fragment as X, withDirectives as Y, normalizeStyle as Z, normalizeClass as w, unref as a, createVNode as _, mergeProps as B, createSlots as ee, withCtx as r, renderSlot as s, createBlock as oe, createElementVNode as te, createCommentVNode as ne } from "vue";
-import { VftInput as le } from "../input/index.js";
-import { VftPopover as ae } from "../popover/index.js";
+import { defineComponent as g, computed as i, ref as l, createElementBlock as V, openBlock as h, Fragment as Y, withDirectives as Z, createBlock as _, createCommentVNode as ee, normalizeStyle as oe, normalizeClass as w, unref as a, createVNode as te, mergeProps as B, createSlots as ne, withCtx as r, renderSlot as s, createElementVNode as le } from "vue";
+import { VftInput as ae } from "../input/index.js";
+import { VftPopover as ie } from "../popover/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as d } from "../../utils/helper.js";
 import { generateCssVars as b } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as ie } from "../../hooks/use-namespace/index.js";
+import { useNamespace as re } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { ClickOutside as re } from "@vft/directives";
-const se = g({
+import { ClickOutside as se } from "@vft/directives";
+const ue = g({
   name: "vft-search"
-}), be = /* @__PURE__ */ g({
-  ...se,
+}), ge = /* @__PURE__ */ g({
+  ...ue,
   props: {
     width: { default: 200 },
     activeWidth: {},
@@ -48,7 +48,7 @@ const se = g({
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input", "compositionstart", "compositionupdate", "compositionend"],
   setup(o, { expose: P, emit: x }) {
-    const t = x, f = ie("search"), R = i(() => o.placeholder || "请输入你要搜索的内容"), y = l(), C = l(), c = l(), p = l(!1), m = l(!1), n = l(!1), S = i(
+    const t = x, f = re("search"), R = i(() => o.placeholder || "请输入你要搜索的内容"), y = l(), C = l(), c = l(), p = l(!1), m = l(!1), n = l(!1), S = i(
       () => b(
         {
           width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
@@ -69,12 +69,12 @@ const se = g({
       offset: 3,
       width: 500,
       ...o.popoverCfg
-    })), W = (e) => {
+    })), I = (e) => {
       t("update:modelValue", e), t("input", e);
-    }, z = () => {
+    }, W = () => {
       v();
     };
-    function I() {
+    function z() {
       n.value = !0;
     }
     function v() {
@@ -93,31 +93,34 @@ const se = g({
       n.value = !0, p.value = !0, t("focus");
     };
     function O() {
-      p.value = !1, t("blur");
+      o.usePopover && !n.value && (n.value = !0);
     }
     function j() {
-      u(), t("prefixClick", o.modelValue);
+      p.value = !1, t("blur");
     }
     function A() {
-      u(), t("suffixClick", o.modelValue);
+      u(), t("prefixClick", o.modelValue);
     }
     function D() {
+      u(), t("suffixClick", o.modelValue);
+    }
+    function K() {
       u(), t("enter", o.modelValue);
     }
     function u(e = !0) {
       o.usePopover && v(), e && c.value.blur();
     }
-    const K = (e) => {
+    const L = (e) => {
       t("keydown", e);
-    }, L = i(() => y.value?.popperRef?.contentRef), H = (e) => {
+    }, H = i(() => y.value?.popperRef?.contentRef), q = (e) => {
       t("update:modelValue", e);
-    }, q = (e) => {
-      t("change", e);
     }, G = (e) => {
-      t("compositionstart", e);
+      t("change", e);
     }, J = (e) => {
-      t("compositionupdate", e);
+      t("compositionstart", e);
     }, Q = (e) => {
+      t("compositionupdate", e);
+    }, T = (e) => {
       t("compositionend", e);
     };
     return P({
@@ -125,37 +128,38 @@ const se = g({
       isHover: m,
       visible: n,
       hidePopover: v,
-      showPopover: I,
+      showPopover: z,
       inputRef: c
-    }), (e, k) => (h(), V(X, null, [
-      Y((h(), V("div", {
+    }), (e, k) => (h(), V(Y, null, [
+      Z((h(), V("div", {
         ref_key: "searchRef",
         ref: C,
         class: w([a(f).b(), a(f).is("active", !!n.value || !!o.modelValue)]),
-        style: Z($.value)
+        style: oe($.value)
       }, [
-        _(a(le), B({
+        te(a(ae), B({
           ref_key: "inputRef",
           ref: c
         }, e.$props, {
           placeholder: R.value,
           "input-style": S.value,
-          onInput: W,
+          onInput: I,
+          onClick: O,
           onFocus: N,
-          onEnter: D,
-          onBlur: O,
+          onEnter: K,
+          onBlur: j,
           onMouseenter: U,
-          "onUpdate:modelValue": H,
+          "onUpdate:modelValue": q,
           onMouseleave: F,
-          onPrefixClick: j,
-          onSuffixClick: A,
-          onChange: q,
-          onKeydown: K,
+          onPrefixClick: A,
+          onSuffixClick: D,
+          onChange: G,
+          onKeydown: L,
           onClear: M,
-          onCompositionstart: G,
-          onCompositionupdate: J,
-          onCompositionend: Q
-        }), ee({ _: 2 }, [
+          onCompositionstart: J,
+          onCompositionupdate: Q,
+          onCompositionend: T
+        }), ne({ _: 2 }, [
           e.$slots.prefix ? {
             name: "prefix",
             fn: r(() => [
@@ -186,9 +190,9 @@ const se = g({
           } : void 0
         ]), 1040, ["placeholder", "input-style"])
       ], 6)), [
-        [a(re), z, L.value]
+        [a(se), W, H.value]
       ]),
-      o.usePopover ? (h(), oe(a(ae), B({
+      o.usePopover ? (h(), _(a(ie), B({
         key: 0,
         style: { "--vft-transition-duration": "3s" },
         ref_key: "popoverRef",
@@ -196,21 +200,21 @@ const se = g({
       }, E.value, {
         "virtual-ref": C.value,
         visible: n.value,
-        "onUpdate:visible": k[0] || (k[0] = (T) => n.value = T),
+        "onUpdate:visible": k[0] || (k[0] = (X) => n.value = X),
         "virtual-triggering": ""
       }), {
         default: r(() => [
-          te("div", {
+          le("div", {
             class: w(a(f).e("content"))
           }, [
             s(e.$slots, "default")
           ], 2)
         ]),
         _: 3
-      }, 16, ["virtual-ref", "visible"])) : ne("", !0)
+      }, 16, ["virtual-ref", "visible"])) : ee("", !0)
     ], 64));
   }
 });
 export {
-  be as default
+  ge as default
 };