vft 0.0.46 → 0.0.48

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

@@ -1,19 +1,19 @@
-import { defineComponent as d, computed as o, openBlock as n, createElementBlock as C, normalizeClass as k, unref as t, normalizeStyle as g, createBlock as s, mergeProps as a, createCommentVNode as m, createTextVNode as x, toDisplayString as z } from "vue";
-import { singleAttrToObj as h, addUnit as r, generateCssVars as B } from "@vft/utils";
+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 a, createCommentVNode as m, createTextVNode as z, toDisplayString as h } from "vue";
+import { singleAttrToObj as B, addUnit as n } from "@vft/utils";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
+import "lodash";
 import { VftIcon as u } from "../icon/index.js";
-import { useNamespace as S } from "../../hooks/use-namespace/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import "../../utils/ns-cover.js";
-const f = (
+const d = (
   /* hoist-static*/
-  S("icon-text")
-), V = d({
-  name: f.b()
-}), R = /* @__PURE__ */ d({
-  ...V,
+  V("icon-text")
+), b = f({
+  name: d.b()
+}), U = /* @__PURE__ */ f({
+  ...b,
   props: {
     text: null,
     icon: null,
@@ -25,19 +25,18 @@ const f = (
   },
   emits: ["click"],
   setup(e, { emit: y }) {
-    o(() => e.hoverColor ? e.hoverColor : e.color);
-    const l = o(() => h(e.icon, "icon", { size: e.size, color: e.color })), c = o(() => e.reverse ? { marginLeft: r(e.distance) } : { marginRight: r(e.distance) }), v = o(() => B({ "hover-color": e.hoverColor, color: e.color, fontSize: r(e.size) }, "icon-text"));
-    return (b, i) => (n(), C("span", {
-      class: k(t(f).b()),
-      onClick: i[0] || (i[0] = (N) => y("click")),
-      style: g(t(v))
+    const v = o(() => e.hoverColor ? e.hoverColor : e.color), l = o(() => B(e.icon, "icon", { size: e.size, color: e.color })), c = 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, i) => (r(), k("span", {
+      class: g(t(d).b()),
+      onClick: i[0] || (i[0] = (T) => y("click")),
+      style: x(t(C))
     }, [
-      e.reverse ? m("", !0) : (n(), s(t(u), a({ key: 0 }, t(l), { style: t(c) }), null, 16, ["style"])),
-      x(" " + z(e.text) + " ", 1),
-      e.reverse ? (n(), s(t(u), a({ key: 1 }, t(l), { style: t(c) }), null, 16, ["style"])) : m("", !0)
+      e.reverse ? m("", !0) : (r(), s(t(u), a({ key: 0 }, t(l), { style: t(c) }), null, 16, ["style"])),
+      z(" " + h(e.text) + " ", 1),
+      e.reverse ? (r(), s(t(u), a({ key: 1 }, t(l), { style: t(c) }), null, 16, ["style"])) : m("", !0)
     ], 6));
   }
 });
 export {
-  R as default
+  U as default
 };

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

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./icon-text.vue2.js";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftIconText,
-  a as default
+  n as VftIconText,
+  n as default
 };

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

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./iframe-layout.vue2.js";
-const p = t(o);
+const s = t(o);
 export {
-  p as VftIframeLayout,
-  p as default
+  s as VftIframeLayout,
+  s as default
 };

package/es/components/image/index.js

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import m from "./image.vue2.js";
-const f = t(m);
+const s = t(m);
 export {
-  f as VftImage,
-  f as default
+  s as VftImage,
+  s as default
 };

package/es/components/index.d.ts

@@ -34,6 +34,7 @@ export * from './clamp-toggle';
 export * from './page-wrapper';
 export * from './exception';
 export * from './search';
+export * from './form';
 export * from './md-container';
 export * from './md-comment';
 export * from './md-tabs';

package/es/components/index.js

@@ -1,136 +1,152 @@
-import { VftDivider as r } from "./divider/index.js";
-import { VftIcon as f, VftIcon as p } from "./icon/index.js";
-import { VftAvatar as a } from "./avatar/index.js";
+import { VftDivider as e } from "./divider/index.js";
+import { VftIcon as f, VftIcon as m } from "./icon/index.js";
+import { VftAvatar as x } from "./avatar/index.js";
 import { VftEmpty as n } from "./empty/index.js";
 import { VftResult as i } from "./result/index.js";
-import { VftTabPane as g, VftTabs as u } from "./tabs/index.js";
+import { VftTabPane as u, VftTabs as g } from "./tabs/index.js";
 import { VftPopper as l } from "./popper/index.js";
 import { VftCollapseTransition as M } from "./collapse-transition/index.js";
-import { VftTooltip as T } from "./tooltip/index.js";
-import { VftPopover as P } from "./popover/index.js";
-import { VftMenu as y, VftMenuItem as L, VftMenuItemGroup as I, VftSubMenu as D } from "./menu/index.js";
-import { createContextMenu as E, destroyContextMenu as G } from "./context-menu/createContextMenu.js";
-import { useContextMenu as A } from "./context-menu/useContextMenu.js";
-import { VftMultipleTabs as R } from "./multiple-tabs/index.js";
-import { VftHeaderLayout as F } from "./header-layout/index.js";
-import { VftFooterLayout as B } from "./footer-layout/index.js";
-import { VftIframeLayout as O } from "./iframe-layout/index.js";
-import { VftRouterViewContent as W } from "./router-view-content/index.js";
-import { VftLogo as q } from "./logo/index.js";
+import { VftTooltip as I } from "./tooltip/index.js";
+import { VftPopover as b } from "./popover/index.js";
+import { VftMenu as P, VftMenuItem as v, VftMenuItemGroup as L, VftSubMenu as D } from "./menu/index.js";
+import { createContextMenu as F, destroyContextMenu as E } from "./context-menu/createContextMenu.js";
+import { useContextMenu as G } from "./context-menu/useContextMenu.js";
+import { VftMultipleTabs as A } from "./multiple-tabs/index.js";
+import { VftHeaderLayout as k } from "./header-layout/index.js";
+import { VftFooterLayout as h } from "./footer-layout/index.js";
+import { VftIframeLayout as H } from "./iframe-layout/index.js";
+import { VftRouterViewContent as Q } from "./router-view-content/index.js";
+import { VftLogo as j } from "./logo/index.js";
 import { VftBackTop as J } from "./back-top/index.js";
 import { VftConfigProvider as U } from "./config-provider/index.js";
 import { VftDescriptions as Y, VftDescriptionsItem as Z } from "./descriptions/index.js";
 import { VftFullScreen as $ } from "./full-screen/index.js";
 import { VftIconText as to } from "./icon-text/index.js";
-import { VftImage as eo } from "./image/index.js";
-import { VftInput as po } from "./input/index.js";
-import { VftLink as ao } from "./link/index.js";
+import { VftImage as ro } from "./image/index.js";
+import { VftInput as mo } from "./input/index.js";
+import { VftLink as xo } from "./link/index.js";
 import { VftPagination as no } from "./pagination/index.js";
 import { VftTag as io } from "./tag/index.js";
-import { VftSideMenu as go } from "./side-menu/index.js";
+import { VftSideMenu as uo } from "./side-menu/index.js";
 import { VftQrcode as lo } from "./qrcode/index.js";
 import { VftOverlay as Mo } from "./overlay/index.js";
-import { VftClamp as To } from "./clamp/index.js";
-import { VftClampToggle as Po } from "./clamp-toggle/index.js";
-import { VftPageWrapper as yo } from "./page-wrapper/index.js";
-import { VftException as Io } from "./exception/index.js";
+import { VftClamp as Io } from "./clamp/index.js";
+import { VftClampToggle as bo } from "./clamp-toggle/index.js";
+import { VftPageWrapper as Po } from "./page-wrapper/index.js";
+import { VftException as Lo } from "./exception/index.js";
 import { VftSearch as So } from "./search/index.js";
-import { VftMdContainer as Go } from "./md-container/index.js";
-import { VftMdComment as Ao } from "./md-comment/index.js";
-import { VftMdTabs as Ro } from "./md-tabs/index.js";
-import { VftMdVuePlayground as Fo } from "./md-vue-playground/index.js";
-import { VftMdCodeDemo as Bo } from "./md-code-demo/index.js";
-import { VftMdCodeTabs as Oo } from "./md-code-tabs/index.js";
-import { VftMessage as Wo, VftMessage as jo } from "./message/index.js";
-import { VftLoading as zo } from "./loading/index.js";
-import { EmptyEnum as No } from "./empty/constants.js";
-import { TabsRootContextKey as Xo } from "./tabs/types.js";
-import { default as Zo } from "./popper/arrow.vue2.js";
-import { default as $o } from "./popper/trigger.vue2.js";
-import { default as tt } from "./popper/content.vue2.js";
-import { useTabDropdown as et } from "./multiple-tabs/use/use-tab-dropdown.js";
-import { initAffixTabs as pt, useTabsDrag as mt } from "./multiple-tabs/use/use-multiple-tabs.js";
-import { configProviderContextKey as xt, messageConfig as nt } from "./config-provider/constants.js";
-import { provideGlobalConfig as it, useGlobalComponentSettings as st, useGlobalConfig as gt } from "./config-provider/hooks/use-global-config.js";
-import { paginationEmits as dt } from "./pagination/pagination.js";
-import { elPaginationKey as Ct, usePagination as Mt } from "./pagination/usePagination.js";
-import { messageDefaults as Tt, messageTypes as bt } from "./message/types.js";
-import { vLoading as vt, createLoadingDirective as yt, vLoading as Lt } from "./loading/directive.js";
-import { Loading as Dt } from "./loading/service.js";
+import { VftForm as Eo, VftFormItem as Ko } from "./form/index.js";
+import { VftMdContainer as wo } from "./md-container/index.js";
+import { VftMdComment as Ro } from "./md-comment/index.js";
+import { VftMdTabs as zo } from "./md-tabs/index.js";
+import { VftMdVuePlayground as Bo } from "./md-vue-playground/index.js";
+import { VftMdCodeDemo as Oo } from "./md-code-demo/index.js";
+import { VftMdCodeTabs as Wo } from "./md-code-tabs/index.js";
+import { VftMessage as qo, VftMessage as Jo } from "./message/index.js";
+import { VftLoading as Uo } from "./loading/index.js";
+import { EmptyEnum as Yo } from "./empty/constants.js";
+import { TabsRootContextKey as _o } from "./tabs/types.js";
+import { default as ot } from "./popper/arrow.vue2.js";
+import { default as et } from "./popper/trigger.vue2.js";
+import { default as ft } from "./popper/content.vue2.js";
+import { useTabDropdown as pt } from "./multiple-tabs/use/use-tab-dropdown.js";
+import { initAffixTabs as at, useTabsDrag as nt } from "./multiple-tabs/use/use-multiple-tabs.js";
+import { configProviderContextKey as it, messageConfig as st } from "./config-provider/constants.js";
+import { provideGlobalConfig as gt, useGlobalComponentSettings as dt, useGlobalConfig as lt } from "./config-provider/hooks/use-global-config.js";
+import { paginationEmits as Mt } from "./pagination/pagination.js";
+import { elPaginationKey as It, usePagination as Tt } from "./pagination/usePagination.js";
+import { formItemValidateStates as yt } from "./form/types.js";
+import { formContextKey as vt, formItemContextKey as Lt } from "./form/constants.js";
+import { useDisabled as St, useFormDisabled as Ft, useFormSize as Et, useSize as Kt } from "./form/hooks/use-form-common-props.js";
+import { useFormItem as wt, useFormItemInputId as At } from "./form/hooks/use-form-item.js";
+import { messageDefaults as kt, messageTypes as zt } from "./message/types.js";
+import { vLoading as Bt, createLoadingDirective as Ht, vLoading as Ot } from "./loading/directive.js";
+import { Loading as Wt } from "./loading/service.js";
 export {
-  No as EmptyEnum,
+  Yo as EmptyEnum,
   f as Icon,
-  Wo as Message,
-  Xo as TabsRootContextKey,
-  a as VftAvatar,
+  qo as Message,
+  _o as TabsRootContextKey,
+  x as VftAvatar,
   J as VftBackTop,
-  To as VftClamp,
-  Po as VftClampToggle,
+  Io as VftClamp,
+  bo as VftClampToggle,
   M as VftCollapseTransition,
   U as VftConfigProvider,
   Y as VftDescriptions,
   Z as VftDescriptionsItem,
-  r as VftDivider,
+  e as VftDivider,
   n as VftEmpty,
-  Io as VftException,
-  B as VftFooterLayout,
+  Lo as VftException,
+  h as VftFooterLayout,
+  Eo as VftForm,
+  Ko as VftFormItem,
   $ as VftFullScreen,
-  F as VftHeaderLayout,
-  p as VftIcon,
+  k as VftHeaderLayout,
+  m as VftIcon,
   to as VftIconText,
-  O as VftIframeLayout,
-  eo as VftImage,
-  po as VftInput,
-  ao as VftLink,
-  zo as VftLoading,
-  vt as VftLoadingDirective,
-  Dt as VftLoadingService,
-  q as VftLogo,
-  Bo as VftMdCodeDemo,
-  Oo as VftMdCodeTabs,
-  Ao as VftMdComment,
-  Go as VftMdContainer,
-  Ro as VftMdTabs,
-  Fo as VftMdVuePlayground,
-  y as VftMenu,
-  L as VftMenuItem,
-  I as VftMenuItemGroup,
-  jo as VftMessage,
-  R as VftMultipleTabs,
+  H as VftIframeLayout,
+  ro as VftImage,
+  mo as VftInput,
+  xo as VftLink,
+  Uo as VftLoading,
+  Bt as VftLoadingDirective,
+  Wt as VftLoadingService,
+  j as VftLogo,
+  Oo as VftMdCodeDemo,
+  Wo as VftMdCodeTabs,
+  Ro as VftMdComment,
+  wo as VftMdContainer,
+  zo as VftMdTabs,
+  Bo as VftMdVuePlayground,
+  P as VftMenu,
+  v as VftMenuItem,
+  L as VftMenuItemGroup,
+  Jo as VftMessage,
+  A as VftMultipleTabs,
   Mo as VftOverlay,
-  yo as VftPageWrapper,
+  Po as VftPageWrapper,
   no as VftPagination,
-  P as VftPopover,
+  b as VftPopover,
   l as VftPopper,
-  Zo as VftPopperArrow,
-  tt as VftPopperContent,
-  $o as VftPopperTrigger,
+  ot as VftPopperArrow,
+  ft as VftPopperContent,
+  et as VftPopperTrigger,
   lo as VftQrcode,
   i as VftResult,
-  W as VftRouterViewContent,
+  Q as VftRouterViewContent,
   So as VftSearch,
-  go as VftSideMenu,
+  uo as VftSideMenu,
   D as VftSubMenu,
-  g as VftTabPane,
-  u as VftTabs,
+  u as VftTabPane,
+  g as VftTabs,
   io as VftTag,
-  T as VftTooltip,
-  xt as configProviderContextKey,
-  E as createContextMenu,
-  yt as createLoadingDirective,
-  G as destroyContextMenu,
-  Ct as elPaginationKey,
-  pt as initAffixTabs,
-  nt as messageConfig,
-  Tt as messageDefaults,
-  bt as messageTypes,
-  dt as paginationEmits,
-  it as provideGlobalConfig,
-  A as useContextMenu,
-  st as useGlobalComponentSettings,
-  gt as useGlobalConfig,
-  Mt as usePagination,
-  et as useTabDropdown,
-  mt as useTabsDrag,
-  Lt as vLoading
+  I as VftTooltip,
+  it as configProviderContextKey,
+  F as createContextMenu,
+  Ht as createLoadingDirective,
+  E as destroyContextMenu,
+  It as elPaginationKey,
+  vt as formContextKey,
+  Lt as formItemContextKey,
+  yt as formItemValidateStates,
+  at as initAffixTabs,
+  st as messageConfig,
+  kt as messageDefaults,
+  zt as messageTypes,
+  Mt as paginationEmits,
+  gt as provideGlobalConfig,
+  G as useContextMenu,
+  St as useDisabled,
+  Ft as useFormDisabled,
+  wt as useFormItem,
+  At as useFormItemInputId,
+  Et as useFormSize,
+  dt as useGlobalComponentSettings,
+  lt as useGlobalConfig,
+  Tt as usePagination,
+  Kt as useSize,
+  pt as useTabDropdown,
+  nt as useTabsDrag,
+  Ot as vLoading
 };

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

@@ -4,7 +4,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -136,7 +136,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -235,11 +235,11 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
 }>> & {
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSuffixclick?: ((value: any) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;

package/es/components/input/index.js

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./input.vue2.js";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftInput,
-  a as default
+  n as VftInput,
+  n as default
 };

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

@@ -7,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"default" | "small" | "large" | undefined>;
+        type: __PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -149,7 +149,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"default" | "small" | "large" | undefined>;
+        type: __PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -248,11 +248,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSuffixclick?: ((value: any) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;

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

@@ -3,16 +3,19 @@ import { UPDATE_MODEL_EVENT as X } from "@vft/constants";
 import { useAttrs as Ge } from "@vft/use";
 import { isString as T, singleAttrToObj as Y, addUnit as Je, noop as Qe, isObject as he } from "@vft/utils";
 import { useResizeObserver as Xe, isClient as Ye } from "@vueuse/core";
-import { useFormItem as Ze, useFormItemInputId as _e, useSize as et, useDisabled as tt, useCursor as at } from "element-plus";
-import { isNil as nt } from "lodash";
-import { VftIcon as F } from "../icon/index.js";
-import { calcTextareaHeight as xe } from "./utils.js";
-import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
+import { useCursor as Ze } from "../../hooks/use-cursor/index.js";
 import "@popperjs/core";
+import { isNil as _e } from "lodash";
 import "../../hooks/use-z-index/index.js";
 import { debugWarn as Z } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], gt = /* @__PURE__ */ De({
+import "../form/index.js";
+import { VftIcon as F } from "../icon/index.js";
+import { calcTextareaHeight as pe } from "./utils.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+const ot = ["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__ */ De({
   __name: "input",
   props: {
     id: null,
@@ -58,14 +61,14 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     compositionupdate: (e) => e instanceof CompositionEvent,
     compositionend: (e) => e instanceof CompositionEvent
   },
-  setup(e, { expose: pe, emit: s }) {
+  setup(e, { expose: be, emit: s }) {
     const C = Te(), y = We(), _ = l(() => {
       const a = {};
       return e.containerRole === "combobox" && (a["aria-haspopup"] = C["aria-haspopup"], a["aria-owns"] = C["aria-owns"], a["aria-expanded"] = C["aria-expanded"]), a;
     }), we = l(() => [
       e.type === "textarea" ? te.b() : n.b(),
       n.m(ke.value),
-      n.is("disabled", b.value),
+      n.is("disabled", p.value),
       n.is("exceed", Ee.value),
       n.is("focus", h.value),
       {
@@ -79,22 +82,22 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       C.class
     ]), ge = Le(), Ce = l(() => [n.e("wrapper"), n.is("focus", h.value)]), f = Ge({
       excludeKeys: l(() => Object.keys(_.value))
-    }), { form: W, formItem: u } = Ze(), { inputId: ee } = _e(ge.props, {
+    }), { form: W, formItem: u } = et(), { inputId: ee } = tt(ge.props, {
       formItemContext: u
-    }), ke = et(), b = tt(), n = be("input"), te = be("textarea"), A = G(), p = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || p.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "vico-close-full", size: 16 })), oe = l(() => (W == null ? void 0 : W.statusIcon) ?? !1), P = l(() => (u == null ? void 0 : u.validateState) || ""), le = l(() => P.value && "vico-user"), Se = l(
-      () => M.value ? { icon: "vico-view", size: 16 } : { icon: "vico-no-view", size: 16 }
+    }), ke = at(), p = nt(), n = xe("input"), te = xe("textarea"), A = G(), b = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || b.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "ico-ep:circle-close", size: 16 })), oe = l(() => (W == null ? void 0 : W.statusIcon) ?? !1), P = l(() => (u == null ? void 0 : u.validateState) || ""), le = l(() => P.value && "vico-user"), Se = l(
+      () => M.value ? { icon: "ico-ep:view", size: 16 } : { icon: "ico-ep:hide", size: 16 }
     ), ze = l(() => [
       C.style,
       e.inputStyle,
       e.focusWidth && h.value ? { width: Je(e.focusWidth) } : {}
     ]), se = l(
       () => [e.inputStyle, O.value, { resize: e.resize }]
-    ), m = l(() => nt(e.modelValue) ? "" : String(e.modelValue)), R = l(
-      () => e.clearable && !b.value && !e.readonly && !!m.value && (h.value || L.value)
+    ), m = l(() => _e(e.modelValue) ? "" : String(e.modelValue)), R = l(
+      () => e.clearable && !p.value && !e.readonly && !!m.value && (h.value || L.value)
     ), H = l(
-      () => e.showPassword && !b.value && !e.readonly && !!m.value && (!!m.value || h.value)
+      () => e.showPassword && !p.value && !e.readonly && !!m.value && (!!m.value || h.value)
     ), w = l(
-      () => e.showWordLimit && !!f.value.maxlength && (e.type === "text" || e.type === "textarea") && !b.value && !e.readonly && !e.showPassword
+      () => e.showWordLimit && !!f.value.maxlength && (e.type === "text" || e.type === "textarea") && !p.value && !e.readonly && !e.showPassword
     ), U = l(() => Array.from(m.value).length), Ee = l(
       () => (
         // show exceed style if length of initial value greater then maxlength
@@ -102,8 +105,8 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       )
     ), Ve = l(
       () => !!y.suffix || !!e.suffixIcon || R.value || e.showPassword || w.value || !!P.value && oe.value
-    ), [Be, Fe] = at(A);
-    Xe(p, (a) => {
+    ), [Be, Fe] = Ze(A);
+    Xe(b, (a) => {
       if (!w.value || e.resize !== "both")
         return;
       const o = a[0], { width: v } = o.contentRect;
@@ -117,11 +120,11 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
         if (e.autosize) {
           const a = he(e.autosize) ? e.autosize.minRows : void 0, o = he(e.autosize) ? e.autosize.maxRows : void 0;
           O.value = {
-            ...xe(p.value, a, o)
+            ...pe(b.value, a, o)
           };
         } else
           O.value = {
-            minHeight: xe(p.value).minHeight
+            minHeight: pe(b.value).minHeight
           };
     }, S = () => {
       const a = I.value;
@@ -190,11 +193,11 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       }
     ), Oe(() => {
       !e.formatter && e.parser && Z("VftInput", "If you set the parser, you also need to set the formatter."), S(), V(K);
-    }), pe({
+    }), be({
       /** @description HTML input element */
       input: A,
       /** @description HTML textarea element */
-      textarea: p,
+      textarea: b,
       /** @description HTML element, input or textarea */
       ref: I,
       /** @description style of textarea. */
@@ -251,7 +254,7 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
               class: t(n).e("inner")
             }, t(f), {
               type: e.showPassword ? M.value ? "text" : "password" : e.type,
-              disabled: t(b),
+              disabled: t(p),
               formatter: e.formatter,
               parser: e.parser,
               readonly: e.readonly,
@@ -324,11 +327,11 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
           g("textarea", x({
             id: t(ee),
             ref_key: "textarea",
-            ref: p,
+            ref: b,
             class: t(te).e("inner")
           }, t(f), {
             tabindex: e.tabindex,
-            disabled: t(b),
+            disabled: t(p),
             readonly: e.readonly,
             autocomplete: e.autocomplete,
             style: t(se),
@@ -357,5 +360,5 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
   }
 });
 export {
-  gt as default
+  It as default
 };

package/es/components/link/index.js

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./link.vue2.js";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftLink,
-  a as default
+  n as VftLink,
+  n as default
 };

package/es/components/logo/index.js

@@ -2,9 +2,10 @@ import { withInstall as o } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import t from "./logo.vue2.js";
-const a = o(t);
+const s = o(t);
 export {
-  a as VftLogo,
-  a as default
+  s as VftLogo,
+  s as default
 };