vft 0.0.415 → 0.0.416

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,28 +1,28 @@
-import { defineComponent as S, getCurrentInstance as N, ref as p, computed as g, watchEffect as z, unref as n, onMounted as D, createElementBlock as T, openBlock as x, normalizeStyle as H, normalizeClass as K, createVNode as y, withCtx as C, Fragment as W, renderList as $, createBlock as F } from "vue";
-import { VftTabs as U, VftTabPane as j } from "../tabs/index.js";
-import { isClient as q } from "@vueuse/core";
+import { defineComponent as _, getCurrentInstance as N, ref as p, computed as T, watchEffect as z, unref as n, onMounted as D, createElementBlock as y, openBlock as h, normalizeStyle as H, normalizeClass as K, createVNode as C, withCtx as R, Fragment as U, renderList as W, createBlock as F } from "vue";
+import { VftTabs as j, VftTabPane as q } from "../tabs/index.js";
+import { isClient as G } from "@vueuse/core";
 import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import { generateCssVars as R } from "../../utils/ns-cover.js";
+import { addUnit as o } from "../../utils/helper.js";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as G } from "../../hooks/use-namespace/index.js";
+import { useNamespace as J } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as J, getRouterKeyPath as f, listenerRouteChange as O } from "@vft/router";
-import { useMultipleTabStore as Q, useTabs as X } from "@vft/store";
-import { useRefs as Y } from "@vft/use";
-import Z from "hotkeys-js";
-import { onBeforeRouteLeave as ee } from "vue-router";
-import te from "./tab-content.vue2.js";
-import { initAffixTabs as ae, useTabsDrag as ne } from "./use/use-multiple-tabs.js";
+import { useRouterHelper as O, getRouterKeyPath as m, listenerRouteChange as Q } from "@vft/router";
+import { useMultipleTabStore as X, useTabs as Y } from "@vft/store";
+import { useRefs as Z } from "@vft/use";
+import ee from "hotkeys-js";
+import { onBeforeRouteLeave as te } from "vue-router";
+import ae from "./tab-content.vue2.js";
+import { initAffixTabs as ne, useTabsDrag as oe } from "./use/use-multiple-tabs.js";
 import "../context-menu/context-menu.vue2.js";
 import "../icon/index.js";
-const oe = S({
+const ie = _({
   name: "vft-multiple-tabs"
-}), ke = /* @__PURE__ */ S({
-  ...oe,
+}), we = /* @__PURE__ */ _({
+  ...ie,
   props: {
     tabsStyle: {},
     contextMenuStyle: {},
@@ -30,100 +30,103 @@ const oe = S({
     fixTabCount: {},
     fixExtraScrollWidth: {}
   },
-  setup(m) {
-    const _ = G("multiple-tabs"), r = N().appContext.config.globalProperties.$router, s = ae(r), u = Q(), o = p(""), i = p(0), d = p(), { go: b } = J(r), c = g(() => u.getTabList.filter((e) => !e.meta?.hideTab));
+  setup(d) {
+    const P = J("multiple-tabs"), l = N().appContext.config.globalProperties.$router, u = ne(l), c = X(), i = p(""), r = p(0), b = p(), { go: v } = O(l), f = T(() => c.getTabList.filter((e) => !e.meta?.hideTab));
     z(() => {
-      if (o.value) {
-        const e = c.value.findIndex((a) => f(a) === o.value);
-        e === -1 ? i.value = c.value?.length - 1 : i.value = e, i.value = i.value < s?.length ? s?.length - 1 : i.value;
+      if (i.value) {
+        const e = f.value.findIndex((a) => m(a) === i.value);
+        e === -1 ? r.value = f.value?.length - 1 : r.value = e, r.value = r.value < u?.length ? u?.length - 1 : r.value;
       }
-    }), q && ee(() => {
-      d.value = n(r.currentRoute);
-    }), O(({ route: e }) => {
+    }), G && te(() => {
+      b.value = n(l.currentRoute);
+    }), Q(({ route: e }) => {
       if (!e || e.meta?.hasTokenToRoot)
         return;
-      const { meta: a = {} } = e, { currentActivePath: t, hideTab: l } = a, I = l ? t : null, h = f(e);
-      if (o.value !== h && (o.value = h), I) {
-        let v = r.getRoutes().find((L) => L.path === t);
-        v && u.addTab(
-          v,
-          n(d),
-          i.value,
+      const { meta: a = {} } = e, { currentActivePath: t, hideTab: s } = a, I = s ? t : null, x = m(e);
+      if (i.value !== x && (i.value = x), I) {
+        let g = l.getRoutes().find((L) => L.path === t);
+        g && c.addTab(
+          g,
+          n(b),
+          r.value,
           e
         );
       } else
-        u.addTab(n(e), n(d), i.value);
+        c.addTab(n(e), n(b), r.value);
     });
-    function P(e) {
-      if (o.value === e.paneName)
+    function k(e) {
+      if (i.value === e.paneName)
         return;
-      const a = c.value[e.attrs.index];
-      o.value = e.paneName;
+      const a = f.value[e.attrs.index];
+      i.value = e.paneName;
       const t = a?.meta?.hideActiveRoute?.fullPath;
-      b(t || a.fullPath || a.path);
+      v(t || a.fullPath || a.path);
     }
-    function k(e) {
-      u.closeTabByKey(e, r);
+    function w(e) {
+      c.closeTabByKey(e, l);
     }
-    const { refs: w, setRefs: M } = Y();
-    function V(e) {
+    const { refs: M, setRefs: V } = Z();
+    function $(e) {
       const a = e.pane.attrs.index, t = e.event;
-      w.value[a].handleContext(t);
+      M.value[a].handleContext(t);
     }
-    const B = g(() => ({ ...R({
-      padding: "4px 0 0",
-      "border-bottom": "none",
-      "header-height": "26px",
-      "font-size": "13px",
-      "item-padding": "0 10px",
-      "close-icon-left": "8px",
-      "item-distance": "1px",
-      "item-max-width": "180px",
-      "scroll-padding": "0 20px",
-      "header-margin": "0 0 0 8px",
-      "item-border-radius": "5px 5px 0 0",
-      "item-border": "none"
-    }, "tabs"), ...m.tabsStyle })), { closeCurrent: A } = X(), E = {
-      ...R(
+    const B = T(() => {
+      let e = {
+        padding: "4px 0 0",
+        "border-bottom": "none",
+        "header-height": o(26),
+        "font-size": o(13),
+        "item-padding": `0 ${o(10)}`,
+        "close-icon-left": o(8),
+        "item-distance": "1px",
+        "item-max-width": o(180),
+        "scroll-padding": `0 ${o(20)}`,
+        "header-margin": `0 0 0 ${o(10)}`,
+        "item-border-radius": `${o(5)} ${o(5)} 0 0`,
+        "item-border": "none"
+      };
+      return { ...S(e, "tabs"), ...d.tabsStyle };
+    }), { closeCurrent: A } = Y(), E = {
+      ...S(
         {
-          "sub-item-height": "40px",
-          "item-min-width": "150px"
+          "sub-item-height": o(40),
+          "item-min-width": o(150)
         },
         "menu"
       ),
-      ...m.contextMenuStyle
+      ...d.contextMenuStyle
     };
     return D(() => {
-      m.canDrag && ne(s), Z("command+e, ctrl+e", function() {
+      d.canDrag && oe(u), ee("command+e, ctrl+e", function() {
         return A(), !1;
       });
-    }), (e, a) => (x(), T("div", {
-      class: K(n(_).b()),
+    }), (e, a) => (h(), y("div", {
+      class: K(n(P).b()),
       style: H(B.value)
     }, [
-      y(n(U), {
+      C(n(j), {
         "show-bar": !1,
         "fix-tab-count": e.fixTabCount,
         "fix-extra-scroll-width": e.fixExtraScrollWidth,
-        modelValue: o.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
-        onTabClick: P,
-        onTabRemove: k,
-        onTabContextMenu: V
+        modelValue: i.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => i.value = t),
+        onTabClick: k,
+        onTabRemove: w,
+        onTabContextMenu: $
       }, {
-        default: C(() => [
-          (x(!0), T(W, null, $(c.value, (t, l) => (x(), F(n(j), {
-            key: n(f)(t) + l,
+        default: R(() => [
+          (h(!0), y(U, null, W(f.value, (t, s) => (h(), F(n(q), {
+            key: n(m)(t) + s,
             closable: !t.meta?.affix,
-            index: l,
-            name: n(f)(t)
+            index: s,
+            name: n(m)(t)
           }, {
-            label: C(() => [
-              y(te, {
+            label: R(() => [
+              C(ae, {
                 "context-menu-style": E,
-                "affix-num": n(s)?.length,
+                "affix-num": n(u)?.length,
                 ref_for: !0,
-                ref: n(M)(l),
+                ref: n(V)(s),
                 "tab-item": t
               }, null, 8, ["affix-num", "tab-item"])
             ]),
@@ -136,5 +139,5 @@ const oe = S({
   }
 });
 export {
-  ke as default
+  we as 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/popover/index.d.ts

@@ -69,9 +69,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         triggerKeys: {
             type: import("vue").PropType<string[]>;
         };
-        'onUpdate:visible': {
-            type: import("vue").PropType<Function>;
-        };
     }>> & Readonly<{
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
@@ -164,9 +161,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         triggerKeys: {
             type: import("vue").PropType<string[]>;
         };
-        'onUpdate:visible': {
-            type: import("vue").PropType<Function>;
-        };
     }>> & Readonly<{
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
@@ -250,9 +244,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
     triggerKeys: {
         type: import("vue").PropType<string[]>;
     };
-    'onUpdate:visible': {
-        type: import("vue").PropType<Function>;
-    };
 }>> & Readonly<{
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as r, ref as S, unref as l, createBlock as U, openBlock as i, mergeProps as R, withCtx as s, renderSlot as f, createCommentVNode as d, createElementBlock as T, normalizeClass as V, toDisplayString as u, createTextVNode as $ } from "vue";
+import { defineComponent as m, computed as r, ref as S, unref as l, createBlock as R, openBlock as i, mergeProps as T, withCtx as s, renderSlot as f, createCommentVNode as d, createElementBlock as U, normalizeClass as V, toDisplayString as u, createTextVNode as $ } from "vue";
 import { VftTooltip as N } from "../tooltip/index.js";
 import { EVENT_CODE as p } from "../../constants/aria.js";
 import "@vueuse/core";
@@ -37,8 +37,7 @@ const D = "onUpdate:visible", H = m({
     showArrow: { type: Boolean, default: !0 },
     persistent: { type: Boolean, default: !0 },
     appendTo: {},
-    triggerKeys: { default: () => [p.enter, p.numpadEnter, p.space] },
-    "onUpdate:visible": {}
+    triggerKeys: { default: () => [p.enter, p.numpadEnter, p.space] }
   },
   emits: [
     "update:visible",
@@ -67,7 +66,7 @@ const D = "onUpdate:visible", H = m({
     return b({
       popperRef: g,
       hide: B
-    }), (e, L) => (i(), U(l(N), R({
+    }), (e, L) => (i(), R(l(N), T({
       ref_key: "tooltipRef",
       ref: n
     }, e.$attrs, {
@@ -101,7 +100,7 @@ const D = "onUpdate:visible", H = m({
       onHide: E
     }), {
       content: s(() => [
-        e.title ? (i(), T("div", {
+        e.title ? (i(), U("div", {
           key: 0,
           class: V(l(a).e("title")),
           role: "title"

package/es/components/popover/types.d.ts

@@ -3,28 +3,50 @@ import type { TooltipTriggerType } from 'vft/es/components/tooltip';
 import type { StyleValue } from 'vue';
 import type { ClassType } from '../types';
 export interface PopoverProps {
+    /** 触发方式 */
     trigger?: TooltipTriggerType;
+    /** 弹出位置 */
     placement?: Placement;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 是否可见 */
     visible?: boolean | null;
+    /** 过渡动画名称 */
     transition?: string;
+    /** Popper 配置选项 */
     popperOptions?: Partial<Options>;
+    /** 元素 tabindex 属性 */
     tabindex?: number;
+    /** 弹出层内容 */
     content?: string;
+    /** 弹出层样式 */
     popperStyle?: StyleValue;
+    /** 弹出层 CSS 类名 */
     popperClass?: ClassType;
+    /** 鼠标是否可以进入弹出层内容 */
     enterable?: boolean;
+    /** 主题效果 */
     effect?: 'light' | 'dark';
+    /** 是否传送到指定容器 */
     teleported?: boolean;
+    /** 弹出层标题 */
     title?: string;
+    /** 弹出层宽度 */
     width?: string | number;
+    /** 偏移量 */
     offset?: number;
+    /** 显示延时（毫秒） */
     showAfter?: number;
+    /** 隐藏延时（毫秒） */
     hideAfter?: number;
+    /** 自动关闭延时（毫秒） */
     autoClose?: number;
+    /** 是否显示箭头 */
     showArrow?: boolean;
+    /** 是否持久化显示 */
     persistent?: boolean;
+    /** 挂载到的元素 */
     appendTo?: HTMLElement | string;
+    /** 触发按键 */
     triggerKeys?: string[];
-    'onUpdate:visible'?: Function;
 }

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

@@ -46,9 +46,8 @@ const re = P({
       )
     ), S = u(() => ({
       "show-arrow": !1,
-      transition: "vft-zoom-in-top-fast",
+      transition: "vft-zoom-in-top",
       placement: "bottom-start",
-      "hide-after": 100,
       offset: 3,
       width: 500,
       ...t.popoverCfg
@@ -114,7 +113,7 @@ const re = P({
       X((h(), V("div", {
         ref_key: "searchRef",
         ref: k,
-        class: w([a(d).b(), a(d).is("active", n.value || e.modelValue)]),
+        class: w([a(d).b(), a(d).is("active", !!n.value || !!e.modelValue)]),
         style: _(x.value)
       }, [
         ee(a(ne), g({
@@ -172,6 +171,7 @@ const re = P({
       ]),
       e.usePopover ? (h(), Y(a(ie), g({
         key: 0,
+        style: { "--vft-transition-duration": "3s" },
         ref_key: "popoverRef",
         ref: C
       }, S.value, {

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

@@ -259,10 +259,10 @@ 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 trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-            readonly visible?: boolean | 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;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -381,7 +381,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
                 type: import("vue").PropType<"light" | "dark">;
             };
             visible: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<boolean | null>;
             };
             enterable: {
                 type: import("vue").PropType<boolean>;
@@ -565,7 +565,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             type: import("vue").PropType<"light" | "dark">;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         enterable: {
             type: import("vue").PropType<boolean>;
@@ -677,10 +677,10 @@ 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 trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-            readonly visible?: boolean | 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;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -799,7 +799,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
                 type: import("vue").PropType<"light" | "dark">;
             };
             visible: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<boolean | null>;
             };
             enterable: {
                 type: import("vue").PropType<boolean>;
@@ -983,7 +983,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             type: import("vue").PropType<"light" | "dark">;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         enterable: {
             type: import("vue").PropType<boolean>;
@@ -1096,10 +1096,10 @@ 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 trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-            readonly visible?: boolean | 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;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1218,7 +1218,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
                 type: import("vue").PropType<"light" | "dark">;
             };
             visible: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<boolean | null>;
             };
             enterable: {
                 type: import("vue").PropType<boolean>;
@@ -1402,7 +1402,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             type: import("vue").PropType<"light" | "dark">;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         enterable: {
             type: import("vue").PropType<boolean>;
@@ -1514,10 +1514,10 @@ 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 trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
-            readonly visible?: boolean | 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;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1636,7 +1636,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
                 type: import("vue").PropType<"light" | "dark">;
             };
             visible: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<boolean | null>;
             };
             enterable: {
                 type: import("vue").PropType<boolean>;
@@ -1820,7 +1820,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             type: import("vue").PropType<"light" | "dark">;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         enterable: {
             type: import("vue").PropType<boolean>;
@@ -1916,7 +1916,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
     suffixRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     collapseItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     popperRef: import("vue").ComputedRef<any>;
-    validateState: import("vue").ComputedRef<"" | "error" | "validating" | "success">;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
     validateIcon: string;
     showTagList: import("vue").ComputedRef<import("./select.types").Option[]>;
     collapseTagList: import("vue").ComputedRef<import("./select.types").Option[]>;
@@ -2304,7 +2304,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
                 type: import("vue").PropType<"light" | "dark">;
             };
             visible: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<boolean | null>;
             };
             enterable: {
                 type: import("vue").PropType<boolean>;
@@ -2475,7 +2475,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
                 type: import("vue").PropType<"light" | "dark">;
             };
             visible: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<boolean | null>;
             };
             enterable: {
                 type: import("vue").PropType<boolean>;
@@ -2636,7 +2636,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             type: import("vue").PropType<"light" | "dark">;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         enterable: {
             type: import("vue").PropType<boolean>;