vft 0.0.51 → 0.0.55

package/es/component.js

@@ -52,14 +52,12 @@ import { VftMdCodeDemo as ao } from "./components/md-code-demo/index.js";
 import { VftMdCodeTabs as no } from "./components/md-code-tabs/index.js";
 import { VftMdContainer as uo } from "./components/md-container/index.js";
 const dt = [
-  // md
   uo,
   no,
   ao,
   eo,
   Vo,
   po,
-  // md
   io,
   mo,
   fo,

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

@@ -22,7 +22,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     fit: {
-        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -47,7 +47,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     fit: {
-        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {

package/es/components/avatar/avatar.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as z, ref as h, computed as o, watch as v, openBlock as l, createElementBlock as k, normalizeClass as g, unref as r, normalizeStyle as y, createBlock as c, normalizeProps as b, mergeProps as B, renderSlot as E } from "vue";
-import { isString as S, isNumber as C, addUnit as V, singleAttrToObj as j } from "@vft/utils";
-import { VftIcon as I } from "../icon/index.js";
-import { VftImage as L } from "../image/index.js";
-import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import { defineComponent as z, ref as h, computed as o, watch as v, openBlock as s, createElementBlock as k, normalizeClass as y, unref as r, normalizeStyle as g, createBlock as c, normalizeProps as B, mergeProps as E, renderSlot as S } from "vue";
+import { isString as b, isNumber as C, addUnit as V, singleAttrToObj as I } from "@vft/utils";
+import { VftIcon as L } from "../icon/index.js";
+import { VftImage as N } from "../image/index.js";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
@@ -10,7 +10,7 @@ import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
-const J = /* @__PURE__ */ z({
+const H = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -22,41 +22,36 @@ const J = /* @__PURE__ */ z({
   },
   emits: ["error"],
   setup(e, { emit: m }) {
-    console.log(e.src);
-    const i = N("avatar"), a = h(!1), f = o(() => {
+    const i = P("avatar"), a = h(!1), u = o(() => {
       const t = [i.b()];
-      return S(e.size) && t.push(i.m(e.size)), !e.src && e.icon && t.push(i.m("icon")), e.shape && t.push(i.m(e.shape)), t;
-    }), u = o(() => C(e.size) ? i.cssVarBlock({
+      return b(e.size) && t.push(i.m(e.size)), !e.src && e.icon && t.push(i.m("icon")), e.shape && t.push(i.m(e.shape)), t;
+    }), f = o(() => C(e.size) ? i.cssVarBlock({
       size: V(e.size) || ""
-    }) : void 0);
-    o(() => ({
-      objectFit: e.fit
-    }));
-    const n = o(() => j(e.icon, "icon", { size: e.size }));
+    }) : void 0), n = o(() => I(e.icon, "icon", { size: e.size }));
     v(
       () => e.src,
       () => a.value = !1
     );
     function d(t) {
-      console.log(11), a.value = !0, m("error", t);
+      a.value = !0, m("error", t);
     }
-    return (t, P) => {
-      var s;
-      return l(), k("span", {
-        class: g(r(f)),
-        style: y(r(u))
+    return (t, j) => {
+      var l;
+      return s(), k("span", {
+        class: y(r(u)),
+        style: g(r(f))
       }, [
-        e.src && !a.value ? (l(), c(r(L), {
+        e.src && !a.value ? (s(), c(r(N), {
           key: 0,
           src: e.src,
           alt: e.alt,
           fit: e.fit,
           onError: d
-        }, null, 8, ["src", "alt", "fit"])) : (s = r(n)) != null && s.icon ? (l(), c(r(I), b(B({ key: 1 }, r(n))), null, 16)) : E(t.$slots, "default", { key: 2 })
+        }, null, 8, ["src", "alt", "fit"])) : (l = r(n)) != null && l.icon ? (s(), c(r(L), B(E({ key: 1 }, r(n))), null, 16)) : S(t.$slots, "default", { key: 2 })
       ], 6);
     };
   }
 });
 export {
-  J as default
+  H as default
 };

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

@@ -20,7 +20,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     fit: {
-        type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -45,7 +45,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     fit: {
-        type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {

package/es/components/back-top/back-top.vue2.js

@@ -11,10 +11,11 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -77,7 +78,7 @@ const r = (
   _("back-top")
 ), N = c({
   name: r.b()
-}), Yt = /* @__PURE__ */ c({
+}), Zt = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -120,5 +121,5 @@ const r = (
   }
 });
 export {
-  Yt as default
+  Zt as default
 };

package/es/components/context-menu/context-menu.vue2.js

@@ -1,5 +1,14 @@
-import { defineComponent as w, ref as u, computed as y, openBlock as n, createBlock as d, Transition as k, withCtx as C, withDirectives as b, createElementVNode as c, normalizeStyle as g, unref as l, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
-import { useTimeoutFn as S, useClickAway as A, useEventListener as a } from "@vft/use";
+import { defineComponent as f, ref as u, computed as k, openBlock as l, createBlock as d, Transition as b, withCtx as C, withDirectives as g, createElementVNode as a, normalizeStyle as z, unref as p, withModifiers as M, normalizeClass as $, createElementBlock as B, Fragment as E, renderList as S, vShow as A } from "vue";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useTimeoutFn as H, useClickAway as I, useEventListener as c } from "@vft/use";
 import "../divider/index.js";
 import "../icon/index.js";
 import "../avatar/index.js";
@@ -10,8 +19,7 @@ import "../popper/index.js";
 import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
-import { VftMenuItem as F } from "../menu/index.js";
-import "@vft/utils";
+import { VftMenuItem as L } from "../menu/index.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
@@ -63,16 +71,13 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
-  __name: "context-menu",
+const N = { class: "vft-sub-menu" }, x = (
+  /* hoist-static*/
+  F("context-menu")
+), R = f({
+  name: x.b()
+}), io = /* @__PURE__ */ f({
+  ...R,
   props: {
     axis: null,
     styles: null,
@@ -81,63 +86,63 @@ const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
   },
   setup(r) {
     let s = u();
-    const f = y(() => {
-      const { x: t, y: i } = r.axis || { x: 0, y: 0 }, o = (r.items || []).length * 40, m = r.width || 0, p = document.body, v = p.clientWidth < t + m ? t - m : t, h = p.clientHeight < i + o ? i - o : i;
+    const v = k(() => {
+      const { x: t, y: o } = r.axis || { x: 0, y: 0 }, i = (r.items || []).length * 40, m = r.width || 0, n = document.body, w = n.clientWidth < t + m ? t - m : t, y = n.clientHeight < o + i ? o - i : o;
       return {
         zIndex: 3e3,
         ...r.styles,
         position: "fixed",
         width: `${r.width}px`,
-        left: `${v + 1}px`,
-        top: `${h + 1}px`
+        left: `${w + 1}px`,
+        top: `${y + 1}px`
       };
     });
     let e = u(!1);
-    S(() => {
+    H(() => {
       e.value = !0;
-    }, 0), A(s, () => {
+    }, 0), I(s, () => {
       e.value = !1;
     }, {
       listenerOptions: {
         capture: !0
       }
-    }), a(window, "scroll", () => {
+    }), c(window, "scroll", () => {
       e.value = !1;
     }, {
       capture: !0
-    }), a(window, "drag", () => {
+    }), c(window, "drag", () => {
       e.value = !1;
     }, {
       capture: !0
     });
-    function x(t) {
-      var i;
-      t != null && t.disabled || ((i = t.handler) == null || i.call(t), e.value = !1);
+    function h(t) {
+      var o;
+      t != null && t.disabled || ((o = t.handler) == null || o.call(t), e.value = !1);
     }
-    return (t, i) => (n(), d(k, { name: "vft-zoom-in-top" }, {
+    return (t, o) => (l(), d(b, { name: "vft-zoom-in-top" }, {
       default: C(() => [
-        b(c("div", {
+        g(a("div", {
           ref_key: "contextMenuRef",
           ref: s,
-          style: g(l(f)),
-          onClick: i[0] || (i[0] = M(() => {
+          style: z(p(v)),
+          onClick: o[0] || (o[0] = M(() => {
           }, ["stop"])),
-          class: "vft-menu"
+          class: $([p(x).b(), "vft-menu"])
         }, [
-          c("div", H, [
-            (n(!0), $(z, null, B(r.items, (o, m) => (n(), d(l(F), {
-              onClick: (p) => x(o),
-              index: m + o.text,
-              title: o.text,
-              divider: o.divider,
-              disabled: o.disabled,
-              icon: o.iconCfg,
+          a("div", N, [
+            (l(!0), B(E, null, S(r.items, (i, m) => (l(), d(p(L), {
+              onClick: (n) => h(i),
+              index: m + i.text,
+              title: i.text,
+              divider: i.divider,
+              disabled: i.disabled,
+              icon: i.iconCfg,
               isAloneUse: "",
               key: m
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
-        ], 4), [
-          [E, l(e)]
+        ], 6), [
+          [A, p(e)]
         ])
       ]),
       _: 1
@@ -145,5 +150,5 @@ const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
   }
 });
 export {
-  Zt as default
+  io as default
 };

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

@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"right" | "left" | "center" | undefined>;
+        type: __PropType<"left" | "right" | "center" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"right" | "left" | "center" | undefined>;
+        type: __PropType<"left" | "right" | "center" | undefined>;
         required: false;
     };
     borderStyle: {

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

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"right" | "left" | "center" | undefined>;
+        type: import("vue").PropType<"left" | "right" | "center" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -29,7 +29,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"right" | "left" | "center" | undefined>;
+        type: import("vue").PropType<"left" | "right" | "center" | undefined>;
         required: false;
     };
     borderStyle: {

package/es/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -26,7 +26,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    itemRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
+    itemRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
     dataset: {
         "data-vft-collection-item": string;
     };

package/es/components/dropdown/dropdown-menu.vue.d.ts

@@ -9,7 +9,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     dropdownKls: import("vue").ComputedRef<string[]>;
     role: import("vue").ComputedRef<string>;
     triggerId: import("vue").ComputedRef<string>;
-    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
+    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;

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

@@ -102,7 +102,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -312,7 +312,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -536,7 +536,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {

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

@@ -102,7 +102,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -312,7 +312,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -536,7 +536,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -878,7 +878,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         dropdownKls: import("vue").ComputedRef<string[]>;
         role: import("vue").ComputedRef<string>;
         triggerId: import("vue").ComputedRef<string>;
-        dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
+        dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;
         onBlur: (e: Event) => void;
         onFocus: (e: FocusEvent) => void;
@@ -943,7 +943,7 @@ export declare const VftDropdownMenu: import("vft/es/utils").SFCWithInstall<impo
     dropdownKls: import("vue").ComputedRef<string[]>;
     role: import("vue").ComputedRef<string>;
     triggerId: import("vue").ComputedRef<string>;
-    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
+    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;

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

@@ -20,7 +20,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<number[] | ComponentSize | undefined>;
+        type: __PropType<ComponentSize | number[] | undefined>;
         required: false;
     };
     desc: {
@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<number[] | ComponentSize | undefined>;
+        type: __PropType<ComponentSize | number[] | undefined>;
         required: false;
     };
     desc: {

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

@@ -9,7 +9,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<number[] | import("../types").ComponentSize | undefined>;
+        type: import("vue").PropType<import("../types").ComponentSize | number[] | undefined>;
         required: false;
     };
     desc: {
@@ -26,7 +26,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<number[] | import("../types").ComponentSize | undefined>;
+        type: import("vue").PropType<import("../types").ComponentSize | number[] | undefined>;
         required: false;
     };
     desc: {

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

@@ -37,11 +37,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"top" | "right" | "left" | undefined>;
+        type: __PropType<"left" | "right" | "top" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"right" | "left" | undefined>;
+        type: __PropType<"left" | "right" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -119,11 +119,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"top" | "right" | "left" | undefined>;
+        type: __PropType<"left" | "right" | "top" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"right" | "left" | undefined>;
+        type: __PropType<"left" | "right" | undefined>;
         required: false;
     };
     labelWidth: {

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

@@ -18,11 +18,11 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
+        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"right" | "left" | undefined>;
+        type: import("vue").PropType<"left" | "right" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -85,11 +85,11 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
+        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"right" | "left" | undefined>;
+        type: import("vue").PropType<"left" | "right" | undefined>;
         required: false;
     };
     labelWidth: {

package/es/components/icon-text/icon-text.vue2.js

@@ -1,44 +1,51 @@
-import { defineComponent as f, computed as o, openBlock as r, createElementBlock as k, normalizeClass as g, unref as t, normalizeStyle as x, createBlock as s, mergeProps as m, createCommentVNode as a, createTextVNode as z, toDisplayString as h } from "vue";
-import { singleAttrToObj as B, addUnit as n } from "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import { generateCssVars as S } from "../../utils/ns-cover.js";
-import { VftIcon as u } from "../icon/index.js";
-import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import { defineComponent as d, computed as o, openBlock as r, createElementBlock as h, normalizeClass as S, unref as t, normalizeStyle as B, createBlock as a, mergeProps as m, createCommentVNode as u, createElementVNode as V, toDisplayString as b } from "vue";
+import { VftIcon as v } from "../icon/index.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
+import "lodash";
 import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { singleAttrToObj as E, addUnit as l, removeUnit as f } from "@vft/utils";
+import { generateCssVars as U } from "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
-const d = (
+const y = (
   /* hoist-static*/
-  V("icon-text")
-), b = f({
-  name: d.b()
-}), q = /* @__PURE__ */ f({
-  ...b,
+  N("icon-text")
+), $ = d({
+  name: y.b()
+}), G = /* @__PURE__ */ d({
+  ...$,
   props: {
     text: null,
     icon: null,
-    color: { default: "#434343" },
+    color: null,
     hoverColor: null,
     distance: null,
     reverse: { type: Boolean },
     size: null
   },
   emits: ["click"],
-  setup(e, { emit: y }) {
-    const v = o(() => e.hoverColor ? e.hoverColor : e.color), l = o(() => B(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.reverse ? { marginLeft: n(e.distance) } : { marginRight: n(e.distance) }), C = o(() => S({ "hover-color": v.value, color: e.color, fontSize: n(e.size) }, "icon-text"));
-    return (N, c) => (r(), k("span", {
-      class: g(t(d).b()),
-      onClick: c[0] || (c[0] = (T) => y("click")),
-      style: x(t(C))
+  setup(e, { emit: z }) {
+    const C = o(() => e.hoverColor ? e.hoverColor : e.color), c = o(() => E(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.reverse ? { marginLeft: l(e.distance) } : { marginRight: l(e.distance) }), n = o(() => f(e.size)), k = o(() => n.value && f(n.value) < 12 ? { transform: `scale(${n.value / 12})` } : {}), x = o(() => ({
+      ...U({
+        color: e.color,
+        "hover-color": C.value,
+        fontSize: n.value < 12 ? "12px" : l(e.size)
+      }, "icon-text"),
+      ...k.value
+    }));
+    return (g, s) => (r(), h("span", {
+      class: S(t(y).b()),
+      onClick: s[0] || (s[0] = (j) => z("click")),
+      style: B(t(x))
     }, [
-      e.reverse ? a("", !0) : (r(), s(t(u), m({ key: 0 }, t(l), { style: t(i) }), null, 16, ["style"])),
-      z(" " + h(e.text) + " ", 1),
-      e.reverse ? (r(), s(t(u), m({ key: 1 }, t(l), { style: t(i) }), null, 16, ["style"])) : a("", !0)
+      e.reverse ? u("", !0) : (r(), a(t(v), m({ key: 0 }, t(c), { style: t(i) }), null, 16, ["style"])),
+      V("span", null, b(e.text), 1),
+      e.reverse ? (r(), a(t(v), m({ key: 1 }, t(c), { style: t(i) }), null, 16, ["style"])) : u("", !0)
     ], 6));
   }
 });
 export {
-  q as default
+  G as default
 };