vft 0.0.48 → 0.0.51

package/es/components/form/form.vue2.js

@@ -1,12 +1,14 @@
 import { defineComponent as y, computed as h, watch as O, getCurrentInstance as j, provide as q, reactive as x, openBlock as z, createElementBlock as S, normalizeClass as T, unref as I, renderSlot as M } from "vue";
 import { isFunction as R } from "@vft/utils";
 import { debugWarn as a } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import { useNamespace as W } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import { useFormSize as $ } from "./hooks/use-form-common-props.js";
 import { formContextKey as A } from "./constants.js";
 import { useFormLabelWidth as K, filterFields as d } from "./utils.js";
@@ -15,7 +17,7 @@ const n = (
   W("form")
 ), L = y({
   name: n.b()
-}), ee = /* @__PURE__ */ y({
+}), oe = /* @__PURE__ */ y({
   ...L,
   props: {
     size: null,
@@ -55,7 +57,7 @@ const n = (
         return;
       }
       d(l, e).forEach((t) => t.resetField());
-    }, c = (e = []) => {
+    }, m = (e = []) => {
       d(l, e).forEach((t) => t.clearValidate());
     }, C = h(() => {
       const e = !!i.model;
@@ -65,7 +67,7 @@ const n = (
         return [];
       const t = d(l, e);
       return t.length ? t : (a(n.b(), "please pass correct props!"), []);
-    }, m = async (e) => f(void 0, e), P = async (e = []) => {
+    }, c = async (e) => f(void 0, e), P = async (e = []) => {
       if (!C.value)
         return !1;
       const t = E(e);
@@ -101,7 +103,7 @@ const n = (
     O(
       () => i.rules,
       () => {
-        i.validateOnRuleChange && m().catch((e) => a(e));
+        i.validateOnRuleChange && c().catch((e) => a(e));
       },
       { deep: !0 }
     );
@@ -112,7 +114,7 @@ const n = (
         ...V.props,
         emit: F,
         resetFields: u,
-        clearValidate: c,
+        clearValidate: m,
         validateField: f,
         addField: w,
         removeField: b,
@@ -122,7 +124,7 @@ const n = (
       /**
        * @description Validate the whole form. Receives a callback or returns `Promise`.
        */
-      validate: m,
+      validate: c,
       /**
        * @description Validate specified fields.
        */
@@ -134,7 +136,7 @@ const n = (
       /**
        * @description Clear validation message for specified fields.
        */
-      clearValidate: c,
+      clearValidate: m,
       /**
        * @description Scroll to the specified fields.
        */
@@ -147,5 +149,5 @@ const n = (
   }
 });
 export {
-  ee as default
+  oe as default
 };

package/es/components/form/hooks/use-form-common-props.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentSize } from 'vft/es/constants';
 import type { MaybeRef } from '@vueuse/core';
-export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "large" | "small" | "default">;
+export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
 export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
-export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "large" | "small" | "default">;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
 export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/es/components/form/hooks/use-form-common-props.js

@@ -8,6 +8,8 @@ import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import { useProp as d } from "../../../hooks/use-prop/index.js";
 import { useGlobalSize as a } from "../../../hooks/use-size/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { formContextKey as l, formItemContextKey as f } from "../constants.js";
 const v = (t, o = {}) => {
   const e = u(void 0), n = o.prop ? e : d("size"), c = o.global ? e : a(), i = o.form ? { size: void 0 } : r(l, void 0), s = o.formItem ? { size: void 0 } : r(f, void 0);
@@ -19,10 +21,10 @@ const v = (t, o = {}) => {
   return m(
     () => o.value || p(t) || (e == null ? void 0 : e.disabled) || !1
   );
-}, P = v, R = z;
+}, g = v, h = z;
 export {
-  R as useDisabled,
+  h as useDisabled,
   z as useFormDisabled,
   v as useFormSize,
-  P as useSize
+  g as useSize
 };

package/es/components/form/hooks/use-form-item.d.ts

@@ -10,8 +10,8 @@ export type IUseFormItemInputCommonProps = {
 };
 export declare const useFormItemInputId: (props: Partial<IUseFormItemInputCommonProps>, { formItemContext, disableIdGeneration, disableIdManagement }: {
     formItemContext?: FormItemContext | undefined;
-    disableIdGeneration?: ComputedRef<boolean> | Ref<boolean> | undefined;
-    disableIdManagement?: ComputedRef<boolean> | Ref<boolean> | undefined;
+    disableIdGeneration?: Ref<boolean> | ComputedRef<boolean> | undefined;
+    disableIdManagement?: Ref<boolean> | ComputedRef<boolean> | undefined;
 }) => {
     isLabeledByFormItem: ComputedRef<boolean>;
     inputId: Ref<string | undefined>;

package/es/components/form/hooks/use-form-item.js

@@ -7,31 +7,33 @@ import { useId as j } from "../../../hooks/use-id/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { formContextKey as B, formItemContextKey as L } from "../constants.js";
-const O = () => {
-  const v = h(B, void 0), u = h(L, void 0);
+const Q = () => {
+  const r = h(B, void 0), u = h(L, void 0);
   return {
-    form: v,
+    form: r,
     formItem: u
   };
-}, P = (v, {
+}, S = (r, {
   formItemContext: u,
-  disableIdGeneration: o,
+  disableIdGeneration: c,
   disableIdManagement: i
 }) => {
-  o || (o = l(!1)), i || (i = l(!1));
+  c || (c = l(!1)), i || (i = l(!1));
   const p = l();
   let d;
   const w = y(() => {
-    var r;
-    return !!(!v.label && u && u.inputIds && ((r = u.inputIds) == null ? void 0 : r.length) <= 1);
+    var v;
+    return !!(!r.label && u && u.inputIds && ((v = u.inputIds) == null ? void 0 : v.length) <= 1);
   });
   return F(() => {
     d = f(
-      [K(v, "id"), o],
-      ([r, s]) => {
-        const c = r ?? (s ? void 0 : j().value);
-        c !== p.value && (u != null && u.removeInputId && (p.value && u.removeInputId(p.value), !(i != null && i.value) && !s && c && u.addInputId(c)), p.value = c);
+      [K(r, "id"), c],
+      ([v, s]) => {
+        const o = v ?? (s ? void 0 : j().value);
+        o !== p.value && (u != null && u.removeInputId && (p.value && u.removeInputId(p.value), !(i != null && i.value) && !s && o && u.addInputId(o)), p.value = o);
       },
       { immediate: !0 }
     );
@@ -43,6 +45,6 @@ const O = () => {
   };
 };
 export {
-  O as useFormItem,
-  P as useFormItemInputId
+  Q as useFormItem,
+  S as useFormItemInputId
 };

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

@@ -2,7 +2,7 @@ import Form from './form.vue';
 import FormItem from './form-item.vue';
 export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
     disabled: {
@@ -18,15 +18,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"left" | "right" | undefined>;
+        type: import("vue").PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     labelSuffix: {
@@ -69,7 +69,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
     scrollToField: (prop: import("./types").FormItemProp) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
     disabled: {
@@ -85,15 +85,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"left" | "right" | undefined>;
+        type: import("vue").PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     labelSuffix: {
@@ -137,16 +137,18 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         labelWidth: {
-            type: import("vue").PropType<Numberish | undefined>;
+            type: import("vue").PropType<string | number | undefined>;
             required: false;
+            default: string;
         };
         prop: {
-            type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+            type: import("vue").PropType<string | string[] | undefined>;
             required: false;
         };
         required: {
             type: import("vue").PropType<boolean | undefined>;
             required: false;
+            default: undefined;
         };
         rules: {
             type: import("vue").PropType<import("./types").FormItemRule | undefined>;
@@ -161,23 +163,25 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
             type: import("vue").PropType<string | boolean | undefined>;
             required: false;
+            default: string;
         };
         showMessage: {
             type: import("vue").PropType<boolean | undefined>;
             required: false;
+            default: boolean;
         };
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
             required: false;
         };
     }, {
-        size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
+        size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         validateMessage: import("vue").Ref<string>;
         validateState: import("vue").Ref<"" | "error" | "validating" | "success">;
         validate: (trigger: string, callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
@@ -189,16 +193,18 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         labelWidth: {
-            type: import("vue").PropType<Numberish | undefined>;
+            type: import("vue").PropType<string | number | undefined>;
             required: false;
+            default: string;
         };
         prop: {
-            type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+            type: import("vue").PropType<string | string[] | undefined>;
             required: false;
         };
         required: {
             type: import("vue").PropType<boolean | undefined>;
             required: false;
+            default: undefined;
         };
         rules: {
             type: import("vue").PropType<import("./types").FormItemRule | undefined>;
@@ -213,22 +219,29 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
             type: import("vue").PropType<string | boolean | undefined>;
             required: false;
+            default: string;
         };
         showMessage: {
             type: import("vue").PropType<boolean | undefined>;
             required: false;
+            default: boolean;
         };
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
             required: false;
         };
-    }>>, {}>;
+    }>>, {
+        required: boolean | undefined;
+        labelWidth: string | number | undefined;
+        inlineMessage: string | boolean | undefined;
+        showMessage: boolean | undefined;
+    }>;
 };
 export default VftForm;
 export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -237,16 +250,18 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     labelWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
+        default: string;
     };
     prop: {
-        type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+        type: import("vue").PropType<string | string[] | undefined>;
         required: false;
     };
     required: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
+        default: undefined;
     };
     rules: {
         type: import("vue").PropType<import("./types").FormItemRule | undefined>;
@@ -261,23 +276,25 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
         type: import("vue").PropType<string | boolean | undefined>;
         required: false;
+        default: string;
     };
     showMessage: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
+        default: boolean;
     };
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
 }, {
-    size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
+    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     validateMessage: import("vue").Ref<string>;
     validateState: import("vue").Ref<"" | "error" | "validating" | "success">;
     validate: (trigger: string, callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
@@ -289,16 +306,18 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     labelWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
+        default: string;
     };
     prop: {
-        type: import("vue").PropType<import("./types").FormItemProp | undefined>;
+        type: import("vue").PropType<string | string[] | undefined>;
         required: false;
     };
     required: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
+        default: undefined;
     };
     rules: {
         type: import("vue").PropType<import("./types").FormItemRule | undefined>;
@@ -313,22 +332,29 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
         type: import("vue").PropType<string | boolean | undefined>;
         required: false;
+        default: string;
     };
     showMessage: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
+        default: boolean;
     };
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
-}>>, {}>>;
+}>>, {
+    required: boolean | undefined;
+    labelWidth: string | number | undefined;
+    inlineMessage: string | boolean | undefined;
+    showMessage: boolean | undefined;
+}>>;
 export * from './form.vue';
 export * from './form-item.vue';
 export * from './types';

package/es/components/form/index.js

@@ -1,28 +1,29 @@
 import { withInstall as t, withNoopInstall as m } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import r from "./form.vue2.js";
 import o from "./form-item.vue2.js";
-import { formItemValidateStates as F } from "./types.js";
-import { formContextKey as c, formItemContextKey as _ } from "./constants.js";
-import { useDisabled as V, useFormDisabled as b, useFormSize as h, useSize as w } from "./hooks/use-form-common-props.js";
-import { useFormItem as z, useFormItemInputId as C } from "./hooks/use-form-item.js";
-const n = t(r, {
+import { formItemValidateStates as d } from "./types.js";
+import { formContextKey as _, formItemContextKey as S } from "./constants.js";
+import { useDisabled as b, useFormDisabled as h, useFormSize as w, useSize as y } from "./hooks/use-form-common-props.js";
+import { useFormItem as C, useFormItemInputId as D } from "./hooks/use-form-item.js";
+const l = t(r, {
   FormItem: o
-}), l = m(o);
+}), u = m(o);
 export {
-  n as VftForm,
-  l as VftFormItem,
-  n as default,
-  c as formContextKey,
-  _ as formItemContextKey,
-  F as formItemValidateStates,
-  V as useDisabled,
-  b as useFormDisabled,
-  z as useFormItem,
-  C as useFormItemInputId,
-  h as useFormSize,
-  w as useSize
+  l as VftForm,
+  u as VftFormItem,
+  l as default,
+  _ as formContextKey,
+  S as formItemContextKey,
+  d as formItemValidateStates,
+  b as useDisabled,
+  h as useFormDisabled,
+  C as useFormItem,
+  D as useFormItemInputId,
+  w as useFormSize,
+  y as useSize
 };

package/es/components/form/utils.js

@@ -1,11 +1,12 @@
-import { ref as a, computed as s } from "vue";
+import { ref as a, computed as p } from "vue";
 import "@vft/utils";
-import { debugWarn as l } from "../../utils/error.js";
+import { debugWarn as s } from "../../utils/error.js";
+import { castArray as l } from "lodash";
+import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { castArray as p } from "lodash";
 const f = "vft-form";
-function W() {
-  const t = a([]), i = s(() => {
+function g() {
+  const t = a([]), i = p(() => {
     if (!t.value.length)
       return "0";
     const e = Math.max(...t.value);
@@ -13,7 +14,7 @@ function W() {
   });
   function n(e) {
     const r = t.value.indexOf(e);
-    return r === -1 && i.value === "0" && l(f, `unexpected width ${e}`), r;
+    return r === -1 && i.value === "0" && s(f, `unexpected width ${e}`), r;
   }
   function o(e, r) {
     if (e && r) {
@@ -32,11 +33,11 @@ function W() {
     deregisterLabelWidth: u
   };
 }
-const g = (t, i) => {
-  const n = p(i);
+const L = (t, i) => {
+  const n = l(i);
   return n.length > 0 ? t.filter((o) => o.prop && n.includes(o.prop)) : t;
 };
 export {
-  g as filterFields,
-  W as useFormLabelWidth
+  L as filterFields,
+  g as useFormLabelWidth
 };

package/es/components/full-screen/full-screen.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
+import { defineComponent as n, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
 import { useFullscreen as f } from "@vft/use";
 import { VftIcon as d } from "../icon/index.js";
 import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
@@ -8,18 +8,20 @@ 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 i = (
   /* hoist-static*/
   _("full-screen")
-), x = t({
+), x = n({
   name: i.b()
-}), D = /* @__PURE__ */ t({
+}), S = /* @__PURE__ */ n({
   ...x,
   setup(g) {
     const { toggle: o, isFullscreen: r } = f();
-    return (k, n) => (l(), c("div", {
+    return (k, t) => (l(), c("div", {
       class: m([e(i).b(), "cursor-pointer"]),
-      onClick: n[0] || (n[0] = //@ts-ignore
+      onClick: t[0] || (t[0] = //@ts-ignore
       (...s) => e(o) && e(o)(...s))
     }, [
       p(e(d), {
@@ -30,5 +32,5 @@ const i = (
   }
 });
 export {
-  D as default
+  S as default
 };

package/es/components/full-screen/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./full-screen.vue2.js";
-const a = t(o);
+const e = t(o);
 export {
-  a as VftFullScreen,
-  a as default
+  e as VftFullScreen,
+  e as default
 };

package/es/components/header-layout/header-layout.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as i, openBlock as p, createElementBlock as c, normalizeClass as t, unref as o, createElementVNode as s, createVNode as d, normalizeProps as f, guardReactiveProps as u, renderSlot as l } from "vue";
+import { defineComponent as a, computed as n, openBlock as p, createElementBlock as c, normalizeClass as t, unref as o, createElementVNode as s, createVNode as d, normalizeProps as f, guardReactiveProps as u, renderSlot as l } from "vue";
 import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,26 +6,28 @@ 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 { VftLogo as v } from "../logo/index.js";
 const e = (
   /* hoist-static*/
   g("header-layout")
 ), C = a({
   name: e.b()
-}), P = /* @__PURE__ */ a({
+}), H = /* @__PURE__ */ a({
   ...C,
   props: {
     logoCfg: null
   },
   setup(m) {
-    const n = i(() => [
+    const i = n(() => [
       e.b(),
       {
         [`${e.m("fixed")}`]: !0
       }
     ]);
     return (r, _) => (p(), c("div", {
-      class: t(o(n))
+      class: t(o(i))
     }, [
       s("div", {
         class: t(o(e).e("top"))
@@ -47,5 +49,5 @@ const e = (
   }
 });
 export {
-  P as default
+  H as default
 };

package/es/components/header-layout/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./header-layout.vue2.js";
-const e = t(o);
+const s = t(o);
 export {
-  e as VftHeaderLayout,
-  e as default
+  s as VftHeaderLayout,
+  s as default
 };