vft 0.0.400 → 0.0.402

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

@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

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

@@ -86,9 +86,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 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 | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -504,9 +504,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 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 | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1007,9 +1007,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 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 | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1425,9 +1425,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 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 | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1917,9 +1917,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             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 | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -2335,9 +2335,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             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 | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

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

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        dark: {
-            type: import("vue").PropType<boolean>;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
+        dark: {
+            type: import("vue").PropType<boolean>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    dark: {
-        type: import("vue").PropType<boolean>;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
+    dark: {
+        type: import("vue").PropType<boolean>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
+import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/form/form-item.vue.d.ts

@@ -32,10 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
+    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
-    required: boolean;
     hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -206,6 +206,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -227,10 +231,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -253,10 +253,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:error": (val: string) => void;
         }, import("vue").PublicProps, {
+            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
-            required: boolean;
             hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -278,6 +278,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             prop: {
                 type: import("vue").PropType<string | string[]>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -299,10 +303,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -323,10 +323,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             clearValidate: () => void;
             resetField: () => void;
         }, {}, {}, {}, {
+            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
-            required: boolean;
             hideLabel: boolean;
         }>;
         __isFragment?: never;
@@ -345,6 +345,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -366,10 +370,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -392,10 +392,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, string, {
+        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
-        required: boolean;
         hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -423,6 +423,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -444,10 +448,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -470,10 +470,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, import("vue").PublicProps, {
+        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
-        required: boolean;
         hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -495,6 +495,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         prop: {
             type: import("vue").PropType<string | string[]>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -516,10 +520,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -540,10 +540,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         clearValidate: () => void;
         resetField: () => void;
     }, {}, {}, {}, {
+        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
-        required: boolean;
         hideLabel: boolean;
     }>;
     __isFragment?: never;
@@ -562,6 +562,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     prop: {
         type: import("vue").PropType<string | string[]>;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     rules: {
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
@@ -583,10 +587,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     hideRequiredAsterisk: {
         type: import("vue").PropType<boolean>;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     for: {
         type: import("vue").PropType<string>;
     };
@@ -609,10 +609,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:error": (val: string) => void;
 }, string, {
+    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
-    required: boolean;
     hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
       formItemContext: F
-    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         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;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         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;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         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;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         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;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     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;
-    teleported: boolean;
     icon: string | import("vft/es/vft").IconProps;
+    teleported: boolean;
     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;
-    teleported: boolean;
     icon: string | IconProps;
+    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

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

@@ -10,7 +10,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         transition: {
             type: import("vue").PropType<string>;
@@ -105,7 +105,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         visible: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | null>;
         };
         transition: {
             type: import("vue").PropType<string>;
@@ -191,7 +191,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     visible: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean | null>;
     };
     transition: {
         type: import("vue").PropType<string>;

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

@@ -1,24 +1,24 @@
-import { defineComponent as m, computed as r, ref as S, unref as l, createBlock as U, openBlock as p, 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 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 { VftTooltip as N } from "../tooltip/index.js";
-import { EVENT_CODE as i } from "../../constants/aria.js";
-import { isClient as O } from "@vueuse/core";
+import { EVENT_CODE as p } from "../../constants/aria.js";
+import "@vueuse/core";
 import "@vft/utils";
-import { addUnit as K } from "../../utils/helper.js";
+import { addUnit as O } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const H = "onUpdate:visible", L = m({
+const D = "onUpdate:visible", H = m({
   name: "vft-popover"
-}), Z = /* @__PURE__ */ m({
-  ...L,
+}), Y = /* @__PURE__ */ m({
+  ...H,
   props: {
     trigger: { default: "hover" },
     placement: { default: "bottom" },
     disabled: { type: Boolean, default: !1 },
-    visible: { type: Boolean, default: null },
+    visible: { type: [Boolean, null], default: null },
     transition: {},
     popperOptions: {},
     tabindex: { default: 0 },
@@ -35,9 +35,9 @@ const H = "onUpdate:visible", L = m({
     hideAfter: { default: 200 },
     autoClose: { default: 0 },
     showArrow: { type: Boolean, default: !0 },
-    persistent: { type: Boolean, default: O },
+    persistent: { type: Boolean, default: !0 },
     appendTo: {},
-    triggerKeys: { default: () => [i.enter, i.numpadEnter, i.space] },
+    triggerKeys: { default: () => [p.enter, p.numpadEnter, p.space] },
     "onUpdate:visible": {}
   },
   emits: [
@@ -48,16 +48,16 @@ const H = "onUpdate:visible", L = m({
     "after-leave"
   ],
   setup(t, { expose: b, emit: c }) {
-    const o = c, a = D("popover"), v = r(() => [H]), n = S(), g = r(() => l(n)?.popperRef), h = r(() => [
+    const o = c, a = K("popover"), v = r(() => [D]), n = S(), g = r(() => l(n)?.popperRef), h = r(() => [
       {
-        width: K(t.width)
+        width: O(t.width)
       },
       t.popperStyle
     ]), y = r(() => [a.b(), t.popperClass, { [a.m("plain")]: !!t.content }]), w = r(() => t.transition === `${a.namespace.value}-fade-in-linear`), B = () => {
       n.value?.hide();
-    }, C = () => {
-      o("before-enter");
     }, k = () => {
+      o("before-enter");
+    }, C = () => {
       o("before-leave");
     }, A = () => {
       o("after-enter");
@@ -67,7 +67,7 @@ const H = "onUpdate:visible", L = m({
     return b({
       popperRef: g,
       hide: B
-    }), (e, j) => (p(), U(l(N), R({
+    }), (e, L) => (i(), U(l(N), R({
       ref_key: "tooltipRef",
       ref: n
     }, e.$attrs, {
@@ -95,13 +95,13 @@ const H = "onUpdate:visible", L = m({
       persistent: e.persistent,
       "gpu-acceleration": w.value,
       "onUpdate:visible": v.value,
-      onBeforeShow: C,
-      onBeforeHide: k,
+      onBeforeShow: k,
+      onBeforeHide: C,
       onShow: A,
       onHide: E
     }), {
       content: s(() => [
-        e.title ? (p(), T("div", {
+        e.title ? (i(), T("div", {
           key: 0,
           class: V(l(a).e("title")),
           role: "title"
@@ -118,5 +118,5 @@ const H = "onUpdate:visible", L = m({
   }
 });
 export {
-  Z as default
+  Y as default
 };

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

@@ -6,7 +6,7 @@ export interface PopoverProps {
     trigger?: TooltipTriggerType;
     placement?: Placement;
     disabled?: boolean;
-    visible?: boolean;
+    visible?: boolean | null;
     transition?: string;
     popperOptions?: Partial<Options>;
     tabindex?: number;