vft 0.0.496 → 0.0.498

package/es/components/modal/index.d.ts

@@ -20,6 +20,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         };
         overflow: {
             type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         transition: {
             type: import("vue").PropType<string | import("vue").TransitionProps>;
@@ -168,6 +169,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         title: string;
         center: boolean;
+        overflow: boolean;
         fullscreen: boolean;
         draggable: boolean;
         modelValue: boolean;
@@ -213,6 +215,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         };
         overflow: {
             type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         transition: {
             type: import("vue").PropType<string | import("vue").TransitionProps>;
@@ -349,6 +352,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     }>, {}, {}, {}, {}, {
         title: string;
         center: boolean;
+        overflow: boolean;
         fullscreen: boolean;
         draggable: boolean;
         modelValue: boolean;
@@ -391,6 +395,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     };
     overflow: {
         type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     transition: {
         type: import("vue").PropType<string | import("vue").TransitionProps>;
@@ -539,6 +544,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     title: string;
     center: boolean;
+    overflow: boolean;
     fullscreen: boolean;
     draggable: boolean;
     modelValue: boolean;

package/es/components/modal/modal.vue.d.ts

@@ -6,6 +6,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     center: boolean;
     customClass: string;
     draggable: boolean;
+    overflow: boolean;
     fullscreen: boolean;
     showClose: boolean;
     title: string;
@@ -39,6 +40,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     center: boolean;
     customClass: string;
     draggable: boolean;
+    overflow: boolean;
     fullscreen: boolean;
     showClose: boolean;
     title: string;
@@ -71,6 +73,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     title: string;
     center: boolean;
+    overflow: boolean;
     fullscreen: boolean;
     draggable: boolean;
     modelValue: boolean;

package/es/components/modal/modal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, useAttrs as A, ref as m, getCurrentInstance as $, computed as r, unref as l, watchEffect as M, watch as P, nextTick as B, createBlock as y, openBlock as C, mergeProps as T, createSlots as R, withCtx as g, renderSlot as S, createCommentVNode as x } from "vue";
+import { defineComponent as k, useAttrs as A, ref as m, getCurrentInstance as $, computed as c, unref as l, watchEffect as M, watch as P, nextTick as B, createBlock as y, openBlock as C, mergeProps as T, createSlots as R, withCtx as g, renderSlot as S, createCommentVNode as x } from "vue";
 import { VftDialog as D } from "../dialog/index.js";
 import { deepMerge as G, isFunction as I } from "@vft/utils";
 import E from "./modal-footer-action.vue2.js";
@@ -27,13 +27,13 @@ const W = /* @__PURE__ */ k({
     width: {},
     zIndex: {},
     trapFocus: { type: Boolean, default: !1 },
-    overflow: { type: Boolean },
+    overflow: { type: Boolean, default: !0 },
     transition: {},
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
     closeIcon: {},
     customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !0 },
     fullscreen: { type: Boolean, default: !1 },
     showClose: { type: Boolean, default: !0 },
     title: { default: "" },
@@ -58,10 +58,10 @@ const W = /* @__PURE__ */ k({
       }
     }, i = $();
     i && t("register", f, i.uid);
-    const V = r(() => ({
+    const V = c(() => ({
       ...n,
       ...l(d)
-    })), v = r(() => ({
+    })), v = c(() => ({
       ...h,
       ...l(V),
       modelValue: l(a)
@@ -91,20 +91,20 @@ const W = /* @__PURE__ */ k({
     function p(e) {
       d.value = G(l(d) || {}, e), Reflect.has(e, "modelValue") && (a.value = !!e.modelValue);
     }
-    const O = r(() => ({
+    const O = c(() => ({
       onClick: (e) => b(e),
       ...n.cancelButtonOptions
-    })), F = r(() => ({
+    })), F = c(() => ({
       onClick: () => t("submit"),
       ...n.submitButtonOptions
     }));
     return (e, o) => (C(), y(l(D), T(v.value, {
       onClose: b,
-      onOpen: o[0] || (o[0] = (c) => t("open")),
-      onOpened: o[1] || (o[1] = (c) => t("opened")),
-      onClosed: o[2] || (o[2] = (c) => t("closed")),
-      onOpenAutoFocus: o[3] || (o[3] = (c) => t("openAutoFocus")),
-      onCloseAutoFocus: o[4] || (o[4] = (c) => t("closeAutoFocus"))
+      onOpen: o[0] || (o[0] = (r) => t("open")),
+      onOpened: o[1] || (o[1] = (r) => t("opened")),
+      onClosed: o[2] || (o[2] = (r) => t("closed")),
+      onOpenAutoFocus: o[3] || (o[3] = (r) => t("openAutoFocus")),
+      onCloseAutoFocus: o[4] || (o[4] = (r) => t("closeAutoFocus"))
     }), R({
       default: g(() => [
         S(e.$slots, "default")

package/es/components/popconfirm/index.d.ts

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        default: string;
-    };
     teleported: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        default: string;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    icon: string | import("vft/es/vft").IconProps;
     teleported: boolean;
+    icon: string | import("vft/es/vft").IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

package/es/components/popconfirm/popconfirm.vue.d.ts

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    icon: string | IconProps;
     teleported: boolean;
+    icon: string | IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

package/es/components/select/defaults.d.ts

@@ -84,6 +84,10 @@ export declare const selectV2Props: {
         type: StringConstructor;
         default: string;
     };
+    popperStyle: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
     popperOptions: {
         type: PropType<Partial<Options>>;
         default: () => Partial<Options>;

package/es/components/select/defaults.js

@@ -1,7 +1,7 @@
 import { placements as a } from "@popperjs/core";
 import { CHANGE_EVENT as l, UPDATE_MODEL_EVENT as r } from "../../constants/event.js";
 import "@vueuse/core";
-import { isNumber as o, isBoolean as n, isFunction as i } from "@vft/utils";
+import { isNumber as o, isBoolean as i, isFunction as n } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { buildProps as p, definePropType as t } from "../../utils/vue/props/runtime.js";
@@ -90,6 +90,10 @@ const h = {
     type: String,
     default: ""
   },
+  popperStyle: {
+    type: Object,
+    default: void 0
+  },
   popperOptions: {
     type: Object,
     default: () => ({})
@@ -159,13 +163,13 @@ const h = {
   valueOnClear: {
     type: [String, Number, Boolean, Function],
     default: void 0,
-    validator: (e) => i(e) ? !e() : !e
+    validator: (e) => n(e) ? !e() : !e
   },
   fitInputWidth: {
     type: [Boolean, Number],
     default: !0,
     validator(e) {
-      return n(e) || o(e);
+      return i(e) || o(e);
     }
   }
 }, N = p({

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

@@ -82,6 +82,10 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         type: StringConstructor;
         default: string;
     };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
     popperOptions: {
         type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         default: () => Partial<import("@popperjs/core").Options>;
@@ -259,9 +263,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -677,9 +681,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1096,9 +1100,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1514,9 +1518,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -2036,6 +2040,10 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         type: StringConstructor;
         default: string;
     };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
     popperOptions: {
         type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         default: () => Partial<import("@popperjs/core").Options>;
@@ -2132,6 +2140,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
     fallbackPlacements: import("@popperjs/core").Placement[];
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
+    popperStyle: import("vue").CSSProperties;
     persistent: boolean;
     showArrow: boolean;
     valueOnClear: string | number | boolean | Function;

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

@@ -78,6 +78,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
     popperOptions: {
         type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         default: () => Partial<import("@popperjs/core").Options>;
@@ -255,9 +259,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -673,9 +677,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1092,9 +1096,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1510,9 +1514,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -2032,6 +2036,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
     popperOptions: {
         type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         default: () => Partial<import("@popperjs/core").Options>;
@@ -2128,6 +2136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     fallbackPlacements: import("@popperjs/core").Placement[];
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
+    popperStyle: import("vue").CSSProperties;
     persistent: boolean;
     showArrow: boolean;
     valueOnClear: string | number | boolean | Function;

package/es/components/select/select.vue.js

@@ -3,7 +3,7 @@ import { resolveComponent as m, resolveDirective as R, withDirectives as w, crea
 import L from "../../_virtual/_plugin-vue_export-helper.js";
 const P = ["id", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name"], N = ["textContent"], O = { key: 1 };
 function H(e, s, U, A, F, j) {
-  const v = m("tag"), C = m("tooltip"), S = m("icon"), V = m("select-menu"), z = R("click-outside");
+  const S = m("tag"), C = m("tooltip"), v = m("icon"), V = m("select-menu"), z = R("click-outside");
   return w((a(), p("div", {
     ref: "selectRef",
     class: o([e.nsSelect.b(), e.nsSelect.m(e.selectSize)]),
@@ -15,6 +15,7 @@ function H(e, s, U, A, F, j) {
       visible: e.dropdownMenuVisible,
       teleported: e.teleported,
       "popper-class": [e.nsSelect.e("popper"), e.popperClass],
+      "popper-style": e.popperStyle,
       "gpu-acceleration": !1,
       "stop-popper-mouse-event": !1,
       "popper-options": e.popperOptions,
@@ -70,7 +71,7 @@ function H(e, s, U, A, F, j) {
                 key: e.getValueKey(e.getValue(l)),
                 class: o(e.nsSelect.e("selected-item"))
               }, [
-                u(v, {
+                u(S, {
                   closable: !e.selectDisabled && !e.getDisabled(l),
                   size: e.collapseTagSize,
                   type: e.tagType,
@@ -109,7 +110,7 @@ function H(e, s, U, A, F, j) {
                     ref: "collapseItemRef",
                     class: o(e.nsSelect.e("selected-item"))
                   }, [
-                    u(v, {
+                    u(S, {
                       closable: !1,
                       size: e.collapseTagSize,
                       type: e.tagType,
@@ -135,7 +136,7 @@ function H(e, s, U, A, F, j) {
                       key: e.getValueKey(e.getValue(l)),
                       class: o(e.nsSelect.e("selected-item"))
                     }, [
-                      u(v, {
+                      u(S, {
                         class: "in-tooltip",
                         closable: !e.selectDisabled && !e.getDisabled(l),
                         size: e.collapseTagSize,
@@ -237,14 +238,14 @@ function H(e, s, U, A, F, j) {
             ref: "suffixRef",
             class: o(e.nsSelect.e("suffix"))
           }, [
-            e.iconComponent ? w((a(), b(S, {
+            e.iconComponent ? w((a(), b(v, {
               key: 0,
               icon: e.iconComponent,
               class: o([e.nsSelect.e("caret"), e.nsInput.e("icon"), e.iconReverse])
             }, null, 8, ["icon", "class"])), [
               [K, !e.showClearBtn]
             ]) : d("", !0),
-            e.showClearBtn && e.clearIcon ? (a(), b(S, {
+            e.showClearBtn && e.clearIcon ? (a(), b(v, {
               key: 1,
               class: o([
                 e.nsSelect.e("caret"),
@@ -254,7 +255,7 @@ function H(e, s, U, A, F, j) {
               icon: e.clearIcon,
               onClick: r(e.handleClear, ["prevent", "stop"])
             }, null, 8, ["class", "icon", "onClick"])) : d("", !0),
-            e.validateState && e.validateIcon && e.needStatusIcon ? (a(), b(S, {
+            e.validateState && e.validateIcon && e.needStatusIcon ? (a(), b(v, {
               key: 2,
               icon: e.validateIcon,
               class: o([
@@ -327,7 +328,7 @@ function H(e, s, U, A, F, j) {
         ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
-    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
+    }, 8, ["visible", "teleported", "popper-class", "popper-style", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
   ], 34)), [
     [z, e.handleClickOutside, e.popperRef]
   ]);

package/es/components/select/select.vue2.js

@@ -1,63 +1,74 @@
-import { VftIcon as d } from "../icon/index.js";
+import { VftIcon as f } from "../icon/index.js";
 import { VftTag as u } from "../tag/index.js";
 import { VftTooltip as V } from "../tooltip/index.js";
 import "@vueuse/core";
-import { isArray as b } from "@vft/utils";
+import { isArray as v } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { defineComponent as v, computed as l, reactive as p, toRefs as n, provide as S } from "vue";
+import { defineComponent as b, computed as a, reactive as m, toRefs as n, provide as g } from "vue";
 import "lodash-es";
 import "../form/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useCalcInputWidth as y } from "../../hooks/use-calc-input-width/index.js";
-import { ClickOutside as g } from "@vft/directives";
-import { selectV2Emits as h, selectV2Props as I } from "./defaults.js";
-import K from "./select-dropdown.js";
-import { selectV2InjectionKey as R } from "./token.js";
-import T from "./useSelect.js";
-const D = v({
+import { ClickOutside as S } from "@vft/directives";
+import { selectV2Emits as I, selectV2Props as K } from "./defaults.js";
+import h from "./select-dropdown.js";
+import { selectV2InjectionKey as x } from "./token.js";
+import C from "./useSelect.js";
+const D = b({
   name: "VftSelect",
   components: {
-    SelectMenu: K,
+    SelectMenu: h,
     Tag: u,
     Tooltip: V,
-    Icon: d
+    Icon: f
   },
-  directives: { ClickOutside: g },
-  props: I,
-  emits: h,
-  setup(o, { emit: a }) {
-    const r = l(() => {
-      const { modelValue: t, multiple: i } = o, m = i ? [] : void 0;
-      return b(t) ? i ? t : m : i ? m : t;
-    }), e = T(
-      p({
+  directives: { ClickOutside: S },
+  props: K,
+  emits: I,
+  setup(o, { emit: c }) {
+    const r = a(() => {
+      const { modelValue: t, multiple: i } = o, l = i ? [] : void 0;
+      return v(t) ? i ? t : l : i ? l : t;
+    }), e = C(
+      m({
         ...n(o),
         modelValue: r
       }),
-      a
-    ), { calculatorRef: c, inputStyle: s } = y();
-    S(R, {
-      props: p({
+      c
+    ), { calculatorRef: s, inputStyle: p } = y();
+    g(x, {
+      props: m({
         ...n(o),
         height: e.popupHeight,
         modelValue: r
       }),
       expanded: e.expanded,
       tooltipRef: e.tooltipRef,
+      states: e.states,
       onSelect: e.onSelect,
       onHover: e.onHover,
       onKeyboardNavigate: e.onKeyboardNavigate,
-      onKeyboardSelect: e.onKeyboardSelect
+      onKeyboardSelect: e.onKeyboardSelect,
+      setSelected: () => {
+        if (!o.multiple && o.modelValue !== void 0) {
+          const t = e.filteredOptions.value, i = t.findIndex(
+            (l) => e.getValueKey(e.getValue(l)) === e.getValueKey(o.modelValue)
+          );
+          ~i && (e.states.selectedLabel = e.getLabel(t[i]));
+        }
+      },
+      onOptionCreate: (t) => {
+      }
     });
-    const f = l(() => o.multiple ? e.states.cachedOptions.map((t) => t.label) : e.states.selectedLabel);
+    const d = a(() => o.multiple ? e.states.cachedOptions.map((t) => t.label) : e.states.selectedLabel);
     return {
       ...e,
       modelValue: r,
-      selectedLabel: f,
-      calculatorRef: c,
-      inputStyle: s
+      selectedLabel: d,
+      calculatorRef: s,
+      inputStyle: p
     };
   }
 });

package/es/components/select/token.d.ts

@@ -1,14 +1,17 @@
 import type { InjectionKey, Ref } from 'vue';
 import type { OptionV2Props, SelectV2Instance, SelectV2Props } from './defaults';
-import type { Option } from './select.types';
+import type { Option, SelectStates } from './select.types';
 export interface SelectV2Context {
     props: SelectV2Props;
     expanded: Ref<boolean>;
     tooltipRef: any;
+    states?: SelectStates;
     onSelect: (option: Option) => void;
     onHover: (idx?: number) => void;
     onKeyboardNavigate: (direction: 'forward' | 'backward') => void;
     onKeyboardSelect: () => void;
+    setSelected?: () => void;
+    onOptionCreate?: (vm: any) => void;
 }
 export declare const selectV2InjectionKey: InjectionKey<SelectV2Context>;
 export type { OptionV2Props, SelectV2Instance, SelectV2Props };