vft 0.0.50 → 0.0.51

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

@@ -198,7 +198,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -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,11 +404,11 @@ 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: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -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;
@@ -632,7 +632,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -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>;
@@ -875,7 +875,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -977,14 +977,14 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     loading: boolean;
+    height: number;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
@@ -1210,7 +1210,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -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,11 +1416,11 @@ 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: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -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;
@@ -1644,7 +1644,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -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>;
@@ -1887,7 +1887,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -1989,14 +1989,14 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     loading: boolean;
+    height: number;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

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

@@ -0,0 +1,31 @@
+import i from "./option-item.vue2.js";
+import { openBlock as l, createElementBlock as n, normalizeStyle as r, normalizeClass as t, withModifiers as d, renderSlot as a, createElementVNode as m, toDisplayString as p } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const u = ["aria-selected"];
+function b(e, s, k, $, v, y) {
+  return l(), n("li", {
+    "aria-selected": e.selected,
+    style: r(e.style),
+    class: t([
+      e.ns.be("dropdown", "option-item"),
+      e.ns.is("selected", e.selected),
+      e.ns.is("disabled", e.disabled),
+      e.ns.is("created", e.created),
+      { hover: e.hovering }
+    ]),
+    onMouseenter: s[0] || (s[0] = (...o) => e.hoverItem && e.hoverItem(...o)),
+    onClick: s[1] || (s[1] = d((...o) => e.selectOptionClick && e.selectOptionClick(...o), ["stop"]))
+  }, [
+    a(e.$slots, "default", {
+      item: e.item,
+      index: e.index,
+      disabled: e.disabled
+    }, () => [
+      m("span", null, p(e.item.label), 1)
+    ])
+  ], 46, u);
+}
+const O = /* @__PURE__ */ f(i, [["render", b]]);
+export {
+  O as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as m } from "vue";
+import { useNamespace as i } 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";
+import { useOption as s } from "./useOption.js";
+import { OptionProps as n } from "./defaults.js";
+const x = m({
+  props: n,
+  emits: ["select", "hover"],
+  setup(o, { emit: t }) {
+    const r = i("select"), { hoverItem: p, selectOptionClick: e } = s(o, { emit: t });
+    return {
+      ns: r,
+      hoverItem: p,
+      selectOptionClick: e
+    };
+  }
+});
+export {
+  x as default
+};

package/es/components/select-v2/select-dropdown.js

@@ -0,0 +1,199 @@
+import { defineComponent as U, inject as _, ref as O, computed as w, watch as $, createVNode as c, unref as b, mergeProps as T } from "vue";
+import { get as p } from "lodash";
+import { isUndefined as J, isObject as x } from "@vft/utils";
+import Q from "../virtual-list/components/fixed-size-list.js";
+import W from "../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 { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { EVENT_CODE as Y } from "../../constants/aria.js";
+import Z from "./group-item.vue.js";
+import ee from "./option-item.vue.js";
+import { selectV2InjectionKey as te } from "./token.js";
+const ze = /* @__PURE__ */ U({
+  name: "VftSelectDropdown",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    hoveringIndex: Number,
+    width: Number
+  },
+  setup(v, {
+    slots: a,
+    expose: N
+  }) {
+    const r = _(te), m = X("select"), k = O([]), u = O(), D = w(() => v.data.length);
+    $(() => D.value, () => {
+      var e, t;
+      (t = (e = r.popper.value).updatePopper) == null || t.call(e);
+    });
+    const f = w(() => J(r.props.estimatedOptionHeight)), y = w(() => f.value ? {
+      itemSize: r.props.itemHeight
+    } : {
+      estimatedSize: r.props.estimatedOptionHeight,
+      itemSize: (e) => k.value[e]
+    }), E = (e = [], t) => {
+      const {
+        props: {
+          valueKey: o
+        }
+      } = r;
+      return x(t) ? e && e.some((n) => p(n, o) === p(t, o)) : e.includes(t);
+    }, L = (e, t) => {
+      if (x(t)) {
+        const {
+          valueKey: o
+        } = r.props;
+        return p(e, o) === p(t, o);
+      } else
+        return e === t;
+    }, S = (e, t) => {
+      const {
+        valueKey: o
+      } = r.props;
+      return r.props.multiple ? E(e, p(t, o)) : L(e, p(t, o));
+    }, g = (e, t) => {
+      const {
+        disabled: o,
+        multiple: n,
+        multipleLimit: i
+      } = r.props;
+      return o || !t && (n ? i > 0 && e.length >= i : !1);
+    }, I = (e) => v.hoveringIndex === e;
+    N({
+      listRef: u,
+      isSized: f,
+      isItemDisabled: g,
+      isItemHovering: I,
+      isItemSelected: S,
+      scrollToItem: (e) => {
+        const t = u.value;
+        t && t.scrollToItem(e);
+      },
+      resetScrollTop: () => {
+        const e = u.value;
+        e && e.resetScrollTop();
+      }
+    });
+    const V = (e) => {
+      const {
+        index: t,
+        data: o,
+        style: n
+      } = e, i = b(f), {
+        itemSize: d,
+        estimatedSize: l
+      } = b(y), {
+        modelValue: h
+      } = r.props, {
+        onSelect: F,
+        onHover: G
+      } = r, s = o[t];
+      if (s.type === "Group")
+        return c(Z, {
+          item: s,
+          style: n,
+          height: i ? d : l
+        }, null);
+      const H = S(h, s), B = g(h, H), M = I(t);
+      return c(ee, T(e, {
+        selected: H,
+        disabled: s.disabled || B,
+        created: !!s.created,
+        hovering: M,
+        item: s,
+        onSelect: F,
+        onHover: G
+      }), {
+        default: (R) => {
+          var K;
+          return ((K = a.default) == null ? void 0 : K.call(a, R)) || c("span", null, [s.label]);
+        }
+      });
+    }, {
+      onKeyboardNavigate: z,
+      onKeyboardSelect: j
+    } = r, A = () => {
+      z("forward");
+    }, P = () => {
+      z("backward");
+    }, q = () => {
+      r.expanded = !1;
+    }, C = (e) => {
+      const {
+        code: t
+      } = e, {
+        tab: o,
+        esc: n,
+        down: i,
+        up: d,
+        enter: l
+      } = Y;
+      switch (t !== o && (e.preventDefault(), e.stopPropagation()), t) {
+        case o:
+        case n: {
+          q();
+          break;
+        }
+        case i: {
+          A();
+          break;
+        }
+        case d: {
+          P();
+          break;
+        }
+        case l: {
+          j();
+          break;
+        }
+      }
+    };
+    return () => {
+      var l;
+      const {
+        data: e,
+        width: t
+      } = v, {
+        height: o,
+        multiple: n,
+        scrollbarAlwaysOn: i
+      } = r.props;
+      if (e.length === 0)
+        return c("div", {
+          class: m.b("dropdown"),
+          style: {
+            width: `${t}px`
+          }
+        }, [(l = a.empty) == null ? void 0 : l.call(a)]);
+      const d = b(f) ? Q : W;
+      return c("div", {
+        class: [m.b("dropdown"), m.is("multiple", n)]
+      }, [c(d, T({
+        ref: u
+      }, b(y), {
+        className: m.be("dropdown", "list"),
+        scrollbarAlwaysOn: i,
+        data: e,
+        height: o,
+        width: t,
+        total: e.length,
+        onKeydown: C
+      }), {
+        default: (h) => c(V, h, null)
+      })]);
+    };
+  }
+});
+export {
+  ze as default
+};

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

@@ -197,7 +197,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -385,12 +385,12 @@ declare const _sfc_main: 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;
@@ -403,11 +403,11 @@ declare const _sfc_main: 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: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -595,12 +595,12 @@ declare const _sfc_main: 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>;
@@ -609,7 +609,7 @@ declare const _sfc_main: 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;
@@ -631,7 +631,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -819,12 +819,12 @@ declare const _sfc_main: 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>;
@@ -874,7 +874,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -976,14 +976,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     loading: boolean;
+    height: number;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;