vft 0.0.50 → 0.0.53

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

@@ -0,0 +1,154 @@
+import { defineComponent as $, ref as o, computed as g, watch as E, nextTick as N, provide as D, reactive as G, onMounted as X, onUpdated as Y, openBlock as b, createElementBlock as q, normalizeClass as S, unref as m, createElementVNode as F, normalizeStyle as R, createBlock as B, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
+import { useResizeObserver as _, useEventListener as ee } from "@vueuse/core";
+import { isNumber as r, addUnit as W, isObject as te } from "@vft/utils";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { debugWarn as M } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { GAP as d } from "./util.js";
+import ae from "./bar.vue2.js";
+import { scrollbarContextKey as oe } from "./constants.js";
+const L = "ElScrollbar", s = (
+  /* hoist-static*/
+  le("scrollbar")
+), ie = $({
+  name: s.b()
+}), Se = /* @__PURE__ */ $({
+  ...ie,
+  props: {
+    height: { default: "" },
+    maxHeight: { default: "" },
+    native: { type: Boolean, default: !1 },
+    wrapStyle: { default: "" },
+    wrapClass: { default: "" },
+    viewClass: { default: "" },
+    viewStyle: { default: "" },
+    noresize: { type: Boolean },
+    tag: { default: "div" },
+    always: { type: Boolean },
+    minSize: { default: 20 }
+  },
+  emits: {
+    scroll: ({
+      scrollTop: t,
+      scrollLeft: v
+    }) => [t, v].every(r)
+  },
+  setup(t, { expose: v, emit: K }) {
+    let n, c;
+    const x = o(), l = o(), z = o(), C = o("0"), H = o("0"), h = o(), k = o(1), T = o(1), O = g(() => {
+      const e = {};
+      return t.height && (e.height = W(t.height)), t.maxHeight && (e.maxHeight = W(t.maxHeight)), [t.wrapStyle, e];
+    }), A = g(() => [
+      t.wrapClass,
+      s.e("wrap"),
+      { [s.em("wrap", "hidden-default")]: !t.native }
+    ]), P = g(() => [s.e("view"), t.viewClass]), p = () => {
+      var e;
+      l.value && ((e = h.value) == null || e.handleScroll(l.value), K("scroll", {
+        scrollTop: l.value.scrollTop,
+        scrollLeft: l.value.scrollLeft
+      }));
+    };
+    function U(e, a) {
+      te(e) ? l.value.scrollTo(e) : r(e) && r(a) && l.value.scrollTo(e, a);
+    }
+    const V = (e) => {
+      if (!r(e)) {
+        M(L, "value must be a number");
+        return;
+      }
+      l.value.scrollTop = e;
+    }, j = (e) => {
+      if (!r(e)) {
+        M(L, "value must be a number");
+        return;
+      }
+      l.value.scrollLeft = e;
+    }, i = () => {
+      if (!l.value)
+        return;
+      const e = l.value.offsetHeight - d, a = l.value.offsetWidth - d, y = e ** 2 / l.value.scrollHeight, w = a ** 2 / l.value.scrollWidth, f = Math.max(y, t.minSize), u = Math.max(w, t.minSize);
+      k.value = y / (e - y) / (f / (e - f)), T.value = w / (a - w) / (u / (a - u)), H.value = f + d < e ? `${f}px` : "", C.value = u + d < a ? `${u}px` : "";
+    };
+    return E(
+      () => t.noresize,
+      (e) => {
+        e ? (n == null || n(), c == null || c()) : ({ stop: n } = _(z, i), c = ee("resize", i));
+      },
+      { immediate: !0 }
+    ), E(
+      () => [t.maxHeight, t.height],
+      () => {
+        t.native || N(() => {
+          var e;
+          i(), l.value && ((e = h.value) == null || e.handleScroll(l.value));
+        });
+      }
+    ), D(
+      oe,
+      G({
+        scrollbarElement: x,
+        wrapElement: l
+      })
+    ), X(() => {
+      t.native || N(() => {
+        i();
+      });
+    }), Y(() => i()), v({
+      /** @description scrollbar wrap ref */
+      wrapRef: l,
+      /** @description update scrollbar state manually */
+      update: i,
+      /** @description scrolls to a particular set of coordinates */
+      scrollTo: U,
+      /** @description set distance to scroll top */
+      setScrollTop: V,
+      /** @description set distance to scroll left */
+      setScrollLeft: j,
+      /** @description handle scroll event */
+      handleScroll: p
+    }), (e, a) => (b(), q("div", {
+      ref_key: "scrollbarRef",
+      ref: x,
+      class: S(m(s).b())
+    }, [
+      F("div", {
+        ref_key: "wrapRef",
+        ref: l,
+        class: S(m(A)),
+        style: R(m(O)),
+        onScroll: p
+      }, [
+        (b(), B(I(t.tag), {
+          ref_key: "resizeRef",
+          ref: z,
+          class: S(m(P)),
+          style: R(t.viewStyle)
+        }, {
+          default: J(() => [
+            Q(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["class", "style"]))
+      ], 38),
+      t.native ? Z("", !0) : (b(), B(ae, {
+        key: 0,
+        ref_key: "barRef",
+        ref: h,
+        height: H.value,
+        width: C.value,
+        always: t.always,
+        "ratio-x": T.value,
+        "ratio-y": k.value
+      }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
+    ], 2));
+  }
+});
+export {
+  Se as default
+};

package/es/components/scrollbar/thumb.vue.d.ts

@@ -4,7 +4,7 @@ export interface ThumbProps {
     size?: string;
     move?: number;
     ratio: number;
-    always: boolean;
+    always?: boolean;
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     vertical: {
@@ -24,8 +24,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
     always: {
-        type: __PropType<boolean>;
-        required: true;
+        type: __PropType<boolean | undefined>;
+        required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     vertical: {
@@ -45,8 +45,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
     always: {
-        type: __PropType<boolean>;
-        required: true;
+        type: __PropType<boolean | undefined>;
+        required: false;
     };
 }>>, {}>;
 export default _sfc_main;

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

@@ -0,0 +1,113 @@
+import { defineComponent as T, inject as D, ref as v, computed as E, onBeforeUnmount as N, toRef as S, openBlock as A, createBlock as O, Transition as j, unref as u, 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";
+import "lodash";
+import "../../utils/ns-cover.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { scrollbarContextKey as G } from "./constants.js";
+import { BAR_MAP as J, renderThumbStyle as Q } from "./util.js";
+const W = "Thumb", ce = /* @__PURE__ */ T({
+  __name: "thumb",
+  props: {
+    vertical: { type: Boolean },
+    size: null,
+    move: null,
+    ratio: null,
+    always: { type: Boolean }
+  },
+  setup(a) {
+    const o = D(G), c = F("scrollbar");
+    o || q(W, "can not inject scrollbar context");
+    const n = v(), r = v(), f = v({}), i = v(!1);
+    let m = !1, d = !1, b = _ ? document.onselectstart : null;
+    const e = E(() => J[a.vertical ? "vertical" : "horizontal"]), k = E(
+      () => Q({
+        size: a.size,
+        move: a.move,
+        bar: e.value
+      })
+    ), g = E(
+      () => (
+        // offsetRatioX = original width of thumb / current width of thumb / ratioX
+        // offsetRatioY = original height of thumb / current height of thumb / ratioY
+        // instance height = wrap height - GAP
+        n.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / a.ratio / r.value[e.value.offset]
+      )
+    ), B = (t) => {
+      var s;
+      if (t.stopPropagation(), t.ctrlKey || [1, 2].includes(t.button))
+        return;
+      (s = window.getSelection()) == null || s.removeAllRanges(), L(t);
+      const l = t.currentTarget;
+      l && (f.value[e.value.axis] = l[e.value.offset] - (t[e.value.client] - l.getBoundingClientRect()[e.value.direction]));
+    }, x = (t) => {
+      if (!r.value || !n.value || !o.wrapElement)
+        return;
+      const l = Math.abs(
+        t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
+      ), s = r.value[e.value.offset] / 2, h = (l - s) * 100 * g.value / n.value[e.value.offset];
+      o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
+    }, L = (t) => {
+      t.stopImmediatePropagation(), m = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), b = document.onselectstart, document.onselectstart = () => !1;
+    }, w = (t) => {
+      if (!n.value || !r.value || m === !1)
+        return;
+      const l = f.value[e.value.axis];
+      if (!l)
+        return;
+      const s = (n.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = r.value[e.value.offset] - l, R = (s - h) * 100 * g.value / n.value[e.value.offset];
+      o.wrapElement[e.value.scroll] = R * o.wrapElement[e.value.scrollSize] / 100;
+    }, p = () => {
+      m = !1, f.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", p), y(), d && (i.value = !1);
+    }, M = () => {
+      d = !1, i.value = !!a.size;
+    }, H = () => {
+      d = !0, i.value = m;
+    };
+    N(() => {
+      y(), document.removeEventListener("mouseup", p);
+    });
+    const y = () => {
+      document.onselectstart !== b && (document.onselectstart = b);
+    };
+    return P(
+      S(o, "scrollbarElement"),
+      "mousemove",
+      M
+    ), P(
+      S(o, "scrollbarElement"),
+      "mouseleave",
+      H
+    ), (t, l) => (A(), O(j, {
+      name: u(c).b("fade")
+    }, {
+      default: K(() => [
+        U(z("div", {
+          ref_key: "instance",
+          ref: n,
+          class: C([u(c).e("bar"), u(c).is(u(e).key)]),
+          onMousedown: x
+        }, [
+          z("div", {
+            ref_key: "thumb",
+            ref: r,
+            class: C(u(c).e("thumb")),
+            style: I(u(k)),
+            onMousedown: B
+          }, null, 38)
+        ], 34), [
+          [V, a.always || i.value]
+        ])
+      ]),
+      _: 1
+    }, 8, ["name"]));
+  }
+});
+export {
+  ce as default
+};

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

@@ -0,0 +1,208 @@
+import { defineComponent as C, ref as s, computed as v, watch as N, resolveDirective as I, openBlock as a, createElementBlock as h, Fragment as E, withDirectives as F, normalizeClass as y, unref as r, createVNode as P, mergeProps as b, createSlots as x, withCtx as p, renderSlot as l, createBlock as A, createElementVNode as T, createCommentVNode as z } from "vue";
+import { useRouterHelper as D } from "@vft/router";
+import { generateCssVars as H, addUnit as k } from "@vft/utils";
+import "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import { VftPopover as L } from "../popover/index.js";
+import "../menu/index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import { VftInput as O } from "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "./index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useTimeoutFn as M } from "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const u = (
+  /* hoist-static*/
+  W("search")
+), U = C({
+  name: u.b()
+}), so = /* @__PURE__ */ C({
+  ...U,
+  props: {
+    modelValue: { default: "" },
+    placeholder: null,
+    clearable: { type: Boolean, default: !0 },
+    suffixIcon: { default: { icon: "vico-search", color: "#8B8C8C", cursor: !0 } },
+    prefixIcon: null,
+    clearIcon: null,
+    width: { default: 200 },
+    focusWidth: null,
+    hasPopover: { type: Boolean, default: !0 },
+    popoverCfg: null,
+    visible: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
+  setup(o, { emit: i }) {
+    const f = s(), c = s(), m = s(), g = () => {
+      console.log(o.modelValue);
+    };
+    D();
+    const w = () => {
+      i("update:visible", !0), i("focus");
+    }, S = v(() => ({
+      "show-arrow": !1,
+      transition: "vft-zoom-in-top",
+      placement: "bottom-start",
+      "hide-after": 100,
+      offset: 3,
+      width: 500,
+      ...o.popoverCfg
+    })), V = v(() => {
+      function e(t) {
+        return H(
+          {
+            width: k(t),
+            "focus-width": k(t)
+          },
+          "input"
+        );
+      }
+      return o.visible ? e(o.focusWidth ?? o.width) : e(o.width);
+    }), $ = (e) => {
+      i("update:modelValue", e);
+    }, d = u.e("content"), R = (e) => {
+      var t, n;
+      Array.from(e.target.classList).includes(d) || ((n = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || n.call(t), i("update:visible", !1));
+    }, B = () => {
+      i("update:visible", !1), M(() => {
+        var e;
+        return (e = m.value) == null ? void 0 : e.blur();
+      }, 100), i("clear");
+    };
+    return N(() => o.visible, (e) => {
+      e ? m.value.focus() : m.value.blur();
+    }), (e, t) => {
+      const n = I("click-outside");
+      return a(), h(E, null, [
+        F((a(), h("div", {
+          ref_key: "searchRef",
+          ref: c,
+          class: y([r(u).b()])
+        }, [
+          P(r(O), b({
+            ref_key: "inputRef",
+            ref: m
+          }, e.$props, {
+            inputStyle: r(V),
+            onInput: $,
+            onSuffixclick: g,
+            onFocus: w,
+            onClear: B
+          }), x({ _: 2 }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: p(() => [
+                l(e.$slots, "prefix")
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.suffix ? {
+              name: "suffix",
+              fn: p(() => [
+                l(e.$slots, "suffix")
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: p(() => [
+                l(e.$slots, "prepend")
+              ]),
+              key: "2"
+            } : void 0,
+            e.$slots.append ? {
+              name: "append",
+              fn: p(() => [
+                l(e.$slots, "append")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["inputStyle"])
+        ], 2)), [
+          [n, R]
+        ]),
+        o.hasPopover ? (a(), A(r(L), b({
+          key: 0,
+          ref_key: "popoverRef",
+          ref: f
+        }, r(S), {
+          "virtual-ref": c.value,
+          visible: o.visible,
+          "virtual-triggering": ""
+        }), {
+          default: p(() => [
+            T("div", {
+              class: y(r(d))
+            }, [
+              l(e.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 16, ["virtual-ref", "visible"])) : z("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  so as default
+};

package/es/components/select-v2/group-item.vue.js

@@ -0,0 +1,23 @@
+import r from "./group-item.vue2.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as s, normalizeStyle as t, toDisplayString as i, createElementVNode as p } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+function a(e, m, u, y, d, f) {
+  return e.item.isTitle ? (l(), o("div", {
+    key: 0,
+    class: s(e.ns.be("group", "title")),
+    style: t([e.style, { lineHeight: `${e.height}px` }])
+  }, i(e.item.label), 7)) : (l(), o("div", {
+    key: 1,
+    class: s(e.ns.be("group", "split")),
+    style: t(e.style)
+  }, [
+    p("span", {
+      class: s(e.ns.be("group", "split-dash")),
+      style: t({ top: `${e.height / 2}px` })
+    }, null, 6)
+  ], 6));
+}
+const $ = /* @__PURE__ */ n(r, [["render", a]]);
+export {
+  $ as default
+};

package/es/components/select-v2/group-item.vue2.js

@@ -0,0 +1,28 @@
+import { defineComponent as t } from "vue";
+import { useNamespace as e } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const b = t({
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    style: Object,
+    height: Number
+  },
+  setup() {
+    return {
+      ns: e("select")
+    };
+  }
+});
+export {
+  b as default
+};

package/es/components/select-v2/index.d.ts

@@ -386,12 +386,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -404,7 +404,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -596,12 +596,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -610,7 +610,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -820,12 +820,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -1398,12 +1398,12 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -1416,7 +1416,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -1608,12 +1608,12 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -1622,7 +1622,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1832,12 +1832,12 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;