vft 0.0.46 → 0.0.48

package/es/hooks/use-popper/index.d.ts

@@ -41,11 +41,11 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
-                auto?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
                 top?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

package/es/hooks/use-prop/index.d.ts

@@ -0,0 +1,2 @@
+import type { ComputedRef } from 'vue';
+export declare const useProp: <T>(name: string) => ComputedRef<T | undefined>;

package/es/hooks/use-prop/index.js

@@ -0,0 +1,11 @@
+import { getCurrentInstance as p, computed as n } from "vue";
+const c = (e) => {
+  const r = p();
+  return n(() => {
+    var o, t;
+    return (t = (o = r == null ? void 0 : r.proxy) == null ? void 0 : o.$props) == null ? void 0 : t[e];
+  });
+};
+export {
+  c as useProp
+};

package/es/hooks/use-size/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentSize } from 'vft/es/constants';
+import type { InjectionKey, Ref } from 'vue';
+export interface SizeContext {
+    size: Ref<ComponentSize>;
+}
+export declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
+export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "large" | "small" | "default">;

package/es/hooks/use-size/index.js

@@ -0,0 +1,9 @@
+import { inject as t, computed as o, unref as n } from "vue";
+const r = Symbol("size"), c = () => {
+  const e = t(r, {});
+  return o(() => n(e.size) || "");
+};
+export {
+  r as SIZE_INJECTION_KEY,
+  c as useGlobalSize
+};

package/es/index.js

@@ -1,23 +1,23 @@
 import e from "./defaults.js";
 import { VftDivider as m } from "./components/divider/index.js";
-import { VftIcon as n, VftIcon as x } from "./components/icon/index.js";
+import { VftIcon as s, VftIcon as x } from "./components/icon/index.js";
 import { VftAvatar as i } from "./components/avatar/index.js";
 import { VftEmpty as V } from "./components/empty/index.js";
-import { VftResult as u } from "./components/result/index.js";
-import { VftTabPane as c, VftTabs as T } from "./components/tabs/index.js";
-import { VftPopper as I } from "./components/popper/index.js";
+import { VftResult as d } from "./components/result/index.js";
+import { VftTabPane as I, VftTabs as C } from "./components/tabs/index.js";
+import { VftPopper as c } from "./components/popper/index.js";
 import { VftCollapseTransition as M } from "./components/collapse-transition/index.js";
-import { VftTooltip as D } from "./components/tooltip/index.js";
-import { VftPopover as y } from "./components/popover/index.js";
-import { VftMenu as b, VftMenuItem as L, VftMenuItemGroup as _, VftSubMenu as h } from "./components/menu/index.js";
-import { createContextMenu as S, destroyContextMenu as F } from "./components/context-menu/createContextMenu.js";
+import { VftTooltip as y } from "./components/tooltip/index.js";
+import { VftPopover as b } from "./components/popover/index.js";
+import { VftMenu as v, VftMenuItem as F, VftMenuItemGroup as S, VftSubMenu as L } from "./components/menu/index.js";
+import { createContextMenu as K, destroyContextMenu as h } from "./components/context-menu/createContextMenu.js";
 import { useContextMenu as R } from "./components/context-menu/useContextMenu.js";
-import { VftMultipleTabs as O } from "./components/multiple-tabs/index.js";
-import { VftHeaderLayout as k } from "./components/header-layout/index.js";
-import { VftFooterLayout as W } from "./components/footer-layout/index.js";
+import { VftMultipleTabs as z } from "./components/multiple-tabs/index.js";
+import { VftHeaderLayout as G } from "./components/header-layout/index.js";
+import { VftFooterLayout as Y } from "./components/footer-layout/index.js";
 import { VftIframeLayout as H } from "./components/iframe-layout/index.js";
-import { VftRouterViewContent as B } from "./components/router-view-content/index.js";
-import { VftLogo as U } from "./components/logo/index.js";
+import { VftRouterViewContent as Z } from "./components/router-view-content/index.js";
+import { VftLogo as B } from "./components/logo/index.js";
 import { VftBackTop as Q } from "./components/back-top/index.js";
 import { VftConfigProvider as X } from "./components/config-provider/index.js";
 import { VftDescriptions as ee, VftDescriptionsItem as oe } from "./components/descriptions/index.js";
@@ -27,200 +27,226 @@ import { VftImage as ae } from "./components/image/index.js";
 import { VftInput as xe } from "./components/input/index.js";
 import { VftLink as ie } from "./components/link/index.js";
 import { VftPagination as Ve } from "./components/pagination/index.js";
-import { VftTag as ue } from "./components/tag/index.js";
-import { VftSideMenu as ce } from "./components/side-menu/index.js";
-import { VftQrcode as Ce } from "./components/qrcode/index.js";
+import { VftTag as de } from "./components/tag/index.js";
+import { VftSideMenu as Ie } from "./components/side-menu/index.js";
+import { VftQrcode as Te } from "./components/qrcode/index.js";
 import { VftOverlay as Ee } from "./components/overlay/index.js";
 import { VftClamp as Pe } from "./components/clamp/index.js";
-import { VftClampToggle as ve } from "./components/clamp-toggle/index.js";
+import { VftClampToggle as De } from "./components/clamp-toggle/index.js";
 import { VftPageWrapper as Ne } from "./components/page-wrapper/index.js";
-import { VftException as Le } from "./components/exception/index.js";
-import { VftSearch as he } from "./components/search/index.js";
-import { VftMdContainer as Se } from "./components/md-container/index.js";
-import { VftMdComment as Ke } from "./components/md-comment/index.js";
-import { VftMdTabs as Ae } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as Ge } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as ze } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as Ye } from "./components/md-code-tabs/index.js";
-import { VftMessage as je, VftMessage as Be } from "./components/message/index.js";
-import { VftLoading as Ue } from "./components/loading/index.js";
-import { EVENT_CODE as Qe } from "./constants/aria.js";
-import { WEEK_DAYS as Xe, datePickTypes as $e } from "./constants/date.js";
-import { CHANGE_EVENT as oo, INPUT_EVENT as ro, UPDATE_MODEL_EVENT as to } from "./constants/event.js";
-import { INSTALLED_KEY as po } from "./constants/key.js";
-import { componentSizeMap as ao, componentSizes as no } from "./constants/size.js";
-import { _bem as so, defaultNamespace as io, namespaceContextKey as lo, useGetDerivedNamespace as Vo, useNamespace as uo } from "./hooks/use-namespace/index.js";
+import { VftException as Fe } from "./components/exception/index.js";
+import { VftSearch as Le } from "./components/search/index.js";
+import { VftForm as Ke, VftFormItem as he } from "./components/form/index.js";
+import { VftMdContainer as Re } from "./components/md-container/index.js";
+import { VftMdComment as ze } from "./components/md-comment/index.js";
+import { VftMdTabs as Ge } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as Ye } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as He } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as Ze } from "./components/md-code-tabs/index.js";
+import { VftMessage as Be, VftMessage as Ue } from "./components/message/index.js";
+import { VftLoading as qe } from "./components/loading/index.js";
+import { EVENT_CODE as $e } from "./constants/aria.js";
+import { WEEK_DAYS as oo, datePickTypes as ro } from "./constants/date.js";
+import { CHANGE_EVENT as fo, INPUT_EVENT as po, UPDATE_MODEL_EVENT as mo } from "./constants/event.js";
+import { INSTALLED_KEY as so } from "./constants/key.js";
+import { componentSizeMap as no, componentSizes as io } from "./constants/size.js";
+import { _bem as Vo, defaultNamespace as uo, namespaceContextKey as go, useGetDerivedNamespace as Io, useNamespace as Co } from "./hooks/use-namespace/index.js";
 import { useCursor as co } from "./hooks/use-cursor/index.js";
-import { usePopper as Co } from "./hooks/use-popper/index.js";
-import { defaultInitialZIndex as Eo, useZIndex as Mo, zIndexContextKey as Po } from "./hooks/use-z-index/index.js";
-import { FORWARD_REF_INJECTION_KEY as vo, useForwardRef as yo, useForwardRefDirective as No } from "./hooks/use-forward-ref/index.js";
-import { ID_INJECTION_KEY as Lo, useId as _o, useIdInjection as ho } from "./hooks/use-id/index.js";
-import { usePopperContainer as So, usePopperContainerId as Fo } from "./hooks/use-popper-container/index.js";
-import { useDelayedToggle as Ro } from "./hooks/use-delayed-toggle/index.js";
-import { useTimeout as Oo } from "./hooks/use-timeout/index.js";
-import { useOrderedChildren as ko } from "./hooks/use-ordered-children/index.js";
-import { createModelToggleComposable as Wo, useModelToggle as Yo, useModelToggleEmits as Ho } from "./hooks/use-model-toggle/index.js";
-import { withInstall as Bo, withInstallDirective as Jo, withInstallFunction as Uo, withNoopInstall as Zo } from "./utils/vue/install.js";
-import { PatchFlags as qo, ensureOnlyChild as Xo, flattedChildren as $o, getFirstValidNode as er, getNormalizedProps as or, isComment as rr, isFragment as tr, isTemplate as fr, isText as pr, isValidElementNode as mr, renderBlock as ar, renderIf as nr } from "./utils/vue/vnode.js";
-import { getSizeType as sr } from "./utils/helper.js";
-import { debugWarn as lr, throwError as Vr } from "./utils/error.js";
-import { composeEventHandlers as ur, whenMouse as gr } from "./utils/event.js";
-import { mutable as Tr } from "./utils/typescript.js";
-import { cssVarValue as Ir } from "./utils/ns-cover.js";
-import { makeInstaller as Mr } from "./make-installer.js";
-import { CompResolver as Dr } from "./comp-resolver.js";
-import { default as yr } from "dayjs";
-import { EmptyEnum as br } from "./components/empty/constants.js";
-import { TabsRootContextKey as _r } from "./components/tabs/types.js";
-import { default as wr } from "./components/popper/arrow.vue2.js";
-import { default as Fr } from "./components/popper/trigger.vue2.js";
-import { default as Rr } from "./components/popper/content.vue2.js";
-import { useTabDropdown as Or } from "./components/multiple-tabs/use/use-tab-dropdown.js";
-import { initAffixTabs as kr, useTabsDrag as zr } from "./components/multiple-tabs/use/use-multiple-tabs.js";
-import { configProviderContextKey as Yr, messageConfig as Hr } from "./components/config-provider/constants.js";
-import { provideGlobalConfig as Br, useGlobalComponentSettings as Jr, useGlobalConfig as Ur } from "./components/config-provider/hooks/use-global-config.js";
-import { paginationEmits as Qr } from "./components/pagination/pagination.js";
-import { elPaginationKey as Xr, usePagination as $r } from "./components/pagination/usePagination.js";
-import { messageDefaults as ot, messageTypes as rt } from "./components/message/types.js";
-import { vLoading as ft, createLoadingDirective as pt, vLoading as mt } from "./components/loading/directive.js";
-import { Loading as nt } from "./components/loading/service.js";
+import { usePopper as Mo } from "./hooks/use-popper/index.js";
+import { defaultInitialZIndex as yo, useZIndex as Do, zIndexContextKey as bo } from "./hooks/use-z-index/index.js";
+import { FORWARD_REF_INJECTION_KEY as vo, useForwardRef as Fo, useForwardRefDirective as So } from "./hooks/use-forward-ref/index.js";
+import { ID_INJECTION_KEY as _o, useId as Ko, useIdInjection as ho } from "./hooks/use-id/index.js";
+import { usePopperContainer as Ro, usePopperContainerId as Oo } from "./hooks/use-popper-container/index.js";
+import { useDelayedToggle as Ao } from "./hooks/use-delayed-toggle/index.js";
+import { useTimeout as ko } from "./hooks/use-timeout/index.js";
+import { useOrderedChildren as Wo } from "./hooks/use-ordered-children/index.js";
+import { createModelToggleComposable as Jo, useModelToggle as Zo, useModelToggleEmits as jo } from "./hooks/use-model-toggle/index.js";
+import { useProp as Uo } from "./hooks/use-prop/index.js";
+import { SIZE_INJECTION_KEY as qo, useGlobalSize as Xo } from "./hooks/use-size/index.js";
+import { withInstall as er, withInstallDirective as or, withInstallFunction as rr, withNoopInstall as tr } from "./utils/vue/install.js";
+import { PatchFlags as pr, ensureOnlyChild as mr, flattedChildren as ar, getFirstValidNode as sr, getNormalizedProps as xr, isComment as nr, isFragment as ir, isTemplate as lr, isText as Vr, isValidElementNode as ur, renderBlock as dr, renderIf as gr } from "./utils/vue/vnode.js";
+import { getSizeType as Cr } from "./utils/helper.js";
+import { debugWarn as cr, throwError as Er } from "./utils/error.js";
+import { composeEventHandlers as Pr, whenMouse as yr } from "./utils/event.js";
+import { mutable as br } from "./utils/typescript.js";
+import { cssVarValue as vr, generateCssVars as Fr, primaryColor as Sr, setRootCssVar as Lr } from "./utils/ns-cover.js";
+import { getProp as Kr } from "./utils/objects.js";
+import { makeInstaller as wr } from "./make-installer.js";
+import { CompResolver as Or } from "./comp-resolver.js";
+import { default as Ar } from "dayjs";
+import { EmptyEnum as kr } from "./components/empty/constants.js";
+import { TabsRootContextKey as Wr } from "./components/tabs/types.js";
+import { default as Jr } from "./components/popper/arrow.vue2.js";
+import { default as jr } from "./components/popper/trigger.vue2.js";
+import { default as Ur } from "./components/popper/content.vue2.js";
+import { useTabDropdown as qr } from "./components/multiple-tabs/use/use-tab-dropdown.js";
+import { initAffixTabs as $r, useTabsDrag as et } from "./components/multiple-tabs/use/use-multiple-tabs.js";
+import { configProviderContextKey as rt, messageConfig as tt } from "./components/config-provider/constants.js";
+import { provideGlobalConfig as pt, useGlobalComponentSettings as mt, useGlobalConfig as at } from "./components/config-provider/hooks/use-global-config.js";
+import { paginationEmits as xt } from "./components/pagination/pagination.js";
+import { elPaginationKey as it, usePagination as lt } from "./components/pagination/usePagination.js";
+import { formItemValidateStates as ut } from "./components/form/types.js";
+import { formContextKey as gt, formItemContextKey as It } from "./components/form/constants.js";
+import { useDisabled as Tt, useFormDisabled as ct, useFormSize as Et, useSize as Mt } from "./components/form/hooks/use-form-common-props.js";
+import { useFormItem as yt, useFormItemInputId as Dt } from "./components/form/hooks/use-form-item.js";
+import { messageDefaults as Nt, messageTypes as vt } from "./components/message/types.js";
+import { vLoading as St, createLoadingDirective as Lt, vLoading as _t } from "./components/loading/directive.js";
+import { Loading as ht } from "./components/loading/service.js";
 const r = e.install, t = e.version;
 export {
-  oo as CHANGE_EVENT,
-  Dr as CompResolver,
-  Qe as EVENT_CODE,
-  br as EmptyEnum,
+  fo as CHANGE_EVENT,
+  Or as CompResolver,
+  $e as EVENT_CODE,
+  kr as EmptyEnum,
   vo as FORWARD_REF_INJECTION_KEY,
-  Lo as ID_INJECTION_KEY,
-  ro as INPUT_EVENT,
-  po as INSTALLED_KEY,
-  n as Icon,
-  je as Message,
-  qo as PatchFlags,
-  _r as TabsRootContextKey,
-  to as UPDATE_MODEL_EVENT,
+  _o as ID_INJECTION_KEY,
+  po as INPUT_EVENT,
+  so as INSTALLED_KEY,
+  s as Icon,
+  Be as Message,
+  pr as PatchFlags,
+  qo as SIZE_INJECTION_KEY,
+  Wr as TabsRootContextKey,
+  mo as UPDATE_MODEL_EVENT,
   i as VftAvatar,
   Q as VftBackTop,
   Pe as VftClamp,
-  ve as VftClampToggle,
+  De as VftClampToggle,
   M as VftCollapseTransition,
   X as VftConfigProvider,
   ee as VftDescriptions,
   oe as VftDescriptionsItem,
   m as VftDivider,
   V as VftEmpty,
-  Le as VftException,
-  W as VftFooterLayout,
+  Fe as VftException,
+  Y as VftFooterLayout,
+  Ke as VftForm,
+  he as VftFormItem,
   te as VftFullScreen,
-  k as VftHeaderLayout,
+  G as VftHeaderLayout,
   x as VftIcon,
   pe as VftIconText,
   H as VftIframeLayout,
   ae as VftImage,
   xe as VftInput,
   ie as VftLink,
-  Ue as VftLoading,
-  ft as VftLoadingDirective,
-  nt as VftLoadingService,
-  U as VftLogo,
-  ze as VftMdCodeDemo,
-  Ye as VftMdCodeTabs,
-  Ke as VftMdComment,
-  Se as VftMdContainer,
-  Ae as VftMdTabs,
-  Ge as VftMdVuePlayground,
-  b as VftMenu,
-  L as VftMenuItem,
-  _ as VftMenuItemGroup,
-  Be as VftMessage,
-  O as VftMultipleTabs,
+  qe as VftLoading,
+  St as VftLoadingDirective,
+  ht as VftLoadingService,
+  B as VftLogo,
+  He as VftMdCodeDemo,
+  Ze as VftMdCodeTabs,
+  ze as VftMdComment,
+  Re as VftMdContainer,
+  Ge as VftMdTabs,
+  Ye as VftMdVuePlayground,
+  v as VftMenu,
+  F as VftMenuItem,
+  S as VftMenuItemGroup,
+  Ue as VftMessage,
+  z as VftMultipleTabs,
   Ee as VftOverlay,
   Ne as VftPageWrapper,
   Ve as VftPagination,
-  y as VftPopover,
-  I as VftPopper,
-  wr as VftPopperArrow,
-  Rr as VftPopperContent,
-  Fr as VftPopperTrigger,
-  Ce as VftQrcode,
-  u as VftResult,
-  B as VftRouterViewContent,
-  he as VftSearch,
-  ce as VftSideMenu,
-  h as VftSubMenu,
-  c as VftTabPane,
-  T as VftTabs,
-  ue as VftTag,
-  D as VftTooltip,
-  Xe as WEEK_DAYS,
-  so as _bem,
-  ao as componentSizeMap,
-  no as componentSizes,
-  ur as composeEventHandlers,
-  Yr as configProviderContextKey,
-  S as createContextMenu,
-  pt as createLoadingDirective,
-  Wo as createModelToggleComposable,
-  Ir as cssVarValue,
-  $e as datePickTypes,
-  yr as dayjs,
-  lr as debugWarn,
+  b as VftPopover,
+  c as VftPopper,
+  Jr as VftPopperArrow,
+  Ur as VftPopperContent,
+  jr as VftPopperTrigger,
+  Te as VftQrcode,
+  d as VftResult,
+  Z as VftRouterViewContent,
+  Le as VftSearch,
+  Ie as VftSideMenu,
+  L as VftSubMenu,
+  I as VftTabPane,
+  C as VftTabs,
+  de as VftTag,
+  y as VftTooltip,
+  oo as WEEK_DAYS,
+  Vo as _bem,
+  no as componentSizeMap,
+  io as componentSizes,
+  Pr as composeEventHandlers,
+  rt as configProviderContextKey,
+  K as createContextMenu,
+  Lt as createLoadingDirective,
+  Jo as createModelToggleComposable,
+  vr as cssVarValue,
+  ro as datePickTypes,
+  Ar as dayjs,
+  cr as debugWarn,
   e as default,
-  Eo as defaultInitialZIndex,
-  io as defaultNamespace,
-  F as destroyContextMenu,
-  Xr as elPaginationKey,
-  Xo as ensureOnlyChild,
-  $o as flattedChildren,
-  er as getFirstValidNode,
-  or as getNormalizedProps,
-  sr as getSizeType,
-  kr as initAffixTabs,
+  yo as defaultInitialZIndex,
+  uo as defaultNamespace,
+  h as destroyContextMenu,
+  it as elPaginationKey,
+  mr as ensureOnlyChild,
+  ar as flattedChildren,
+  gt as formContextKey,
+  It as formItemContextKey,
+  ut as formItemValidateStates,
+  Fr as generateCssVars,
+  sr as getFirstValidNode,
+  xr as getNormalizedProps,
+  Kr as getProp,
+  Cr as getSizeType,
+  $r as initAffixTabs,
   r as install,
-  rr as isComment,
-  tr as isFragment,
-  fr as isTemplate,
-  pr as isText,
-  mr as isValidElementNode,
-  Mr as makeInstaller,
-  Hr as messageConfig,
-  ot as messageDefaults,
-  rt as messageTypes,
-  Tr as mutable,
-  lo as namespaceContextKey,
-  Qr as paginationEmits,
-  Br as provideGlobalConfig,
-  ar as renderBlock,
-  nr as renderIf,
-  Vr as throwError,
+  nr as isComment,
+  ir as isFragment,
+  lr as isTemplate,
+  Vr as isText,
+  ur as isValidElementNode,
+  wr as makeInstaller,
+  tt as messageConfig,
+  Nt as messageDefaults,
+  vt as messageTypes,
+  br as mutable,
+  go as namespaceContextKey,
+  xt as paginationEmits,
+  Sr as primaryColor,
+  pt as provideGlobalConfig,
+  dr as renderBlock,
+  gr as renderIf,
+  Lr as setRootCssVar,
+  Er as throwError,
   R as useContextMenu,
   co as useCursor,
-  Ro as useDelayedToggle,
-  yo as useForwardRef,
-  No as useForwardRefDirective,
-  Vo as useGetDerivedNamespace,
-  Jr as useGlobalComponentSettings,
-  Ur as useGlobalConfig,
-  _o as useId,
+  Ao as useDelayedToggle,
+  Tt as useDisabled,
+  ct as useFormDisabled,
+  yt as useFormItem,
+  Dt as useFormItemInputId,
+  Et as useFormSize,
+  Fo as useForwardRef,
+  So as useForwardRefDirective,
+  Io as useGetDerivedNamespace,
+  mt as useGlobalComponentSettings,
+  at as useGlobalConfig,
+  Xo as useGlobalSize,
+  Ko as useId,
   ho as useIdInjection,
-  Yo as useModelToggle,
-  Ho as useModelToggleEmits,
-  uo as useNamespace,
-  ko as useOrderedChildren,
-  $r as usePagination,
-  Co as usePopper,
-  So as usePopperContainer,
-  Fo as usePopperContainerId,
-  Or as useTabDropdown,
-  zr as useTabsDrag,
-  Oo as useTimeout,
-  Mo as useZIndex,
-  mt as vLoading,
+  Zo as useModelToggle,
+  jo as useModelToggleEmits,
+  Co as useNamespace,
+  Wo as useOrderedChildren,
+  lt as usePagination,
+  Mo as usePopper,
+  Ro as usePopperContainer,
+  Oo as usePopperContainerId,
+  Uo as useProp,
+  Mt as useSize,
+  qr as useTabDropdown,
+  et as useTabsDrag,
+  ko as useTimeout,
+  Do as useZIndex,
+  _t as vLoading,
   t as version,
-  gr as whenMouse,
-  Bo as withInstall,
-  Jo as withInstallDirective,
-  Uo as withInstallFunction,
-  Zo as withNoopInstall,
-  Po as zIndexContextKey
+  yr as whenMouse,
+  er as withInstall,
+  or as withInstallDirective,
+  rr as withInstallFunction,
+  tr as withNoopInstall,
+  bo as zIndexContextKey
 };

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.46";
+const o = "0.0.48";
 export {
   o as version
 };

package/es/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './error';
 export * from './event';
 export * from './typescript';
 export * from './ns-cover';
+export * from './objects';

package/es/utils/index.js

@@ -1,32 +1,37 @@
-import { withInstall as t, withInstallDirective as o, withInstallFunction as l, withNoopInstall as i } from "./vue/install.js";
-import { PatchFlags as s, ensureOnlyChild as a, flattedChildren as m, getFirstValidNode as d, getNormalizedProps as p, isComment as f, isFragment as h, isTemplate as x, isText as c, isValidElementNode as g, renderBlock as u, renderIf as w } from "./vue/vnode.js";
-import { getSizeType as F } from "./helper.js";
-import { debugWarn as V, throwError as C } from "./error.js";
-import { composeEventHandlers as T, whenMouse as b } from "./event.js";
-import { mutable as y } from "./typescript.js";
-import { cssVarValue as P } from "./ns-cover.js";
+import { withInstall as t, withInstallDirective as o, withInstallFunction as s, withNoopInstall as l } from "./vue/install.js";
+import { PatchFlags as i, ensureOnlyChild as n, flattedChildren as m, getFirstValidNode as p, getNormalizedProps as d, isComment as f, isFragment as h, isTemplate as x, isText as g, isValidElementNode as c, renderBlock as u, renderIf as w } from "./vue/vnode.js";
+import { getSizeType as V } from "./helper.js";
+import { debugWarn as F, throwError as N } from "./error.js";
+import { composeEventHandlers as E, whenMouse as P } from "./event.js";
+import { mutable as b } from "./typescript.js";
+import { cssVarValue as z, generateCssVars as k, primaryColor as B, setRootCssVar as D } from "./ns-cover.js";
+import { getProp as M } from "./objects.js";
 export {
-  s as PatchFlags,
-  T as composeEventHandlers,
-  P as cssVarValue,
-  V as debugWarn,
-  a as ensureOnlyChild,
+  i as PatchFlags,
+  E as composeEventHandlers,
+  z as cssVarValue,
+  F as debugWarn,
+  n as ensureOnlyChild,
   m as flattedChildren,
-  d as getFirstValidNode,
-  p as getNormalizedProps,
-  F as getSizeType,
+  k as generateCssVars,
+  p as getFirstValidNode,
+  d as getNormalizedProps,
+  M as getProp,
+  V as getSizeType,
   f as isComment,
   h as isFragment,
   x as isTemplate,
-  c as isText,
-  g as isValidElementNode,
-  y as mutable,
+  g as isText,
+  c as isValidElementNode,
+  b as mutable,
+  B as primaryColor,
   u as renderBlock,
   w as renderIf,
-  C as throwError,
-  b as whenMouse,
+  D as setRootCssVar,
+  N as throwError,
+  P as whenMouse,
   t as withInstall,
   o as withInstallDirective,
-  l as withInstallFunction,
-  i as withNoopInstall
+  s as withInstallFunction,
+  l as withNoopInstall
 };

package/es/utils/ns-cover.d.ts

@@ -1 +1,13 @@
 export declare const cssVarValue: (prop: any, target?: HTMLElement) => import("vue").Ref<string>;
+export declare const primaryColor: () => import("vue").Ref<string>;
+export declare function generateCssVars(vars: Record<string, Numberish | undefined>, name: any): Record<string, Numberish | undefined>;
+/**
+ * @description set html vars
+ * @author wfd
+ * @date 2023/1/30 09:35
+ * @example
+ * @param styleName
+ * @param value
+ * @param name
+ */
+export declare function setRootCssVar(styleName: any, value?: any, name?: any): void;

package/es/utils/ns-cover.js

@@ -1,7 +1,19 @@
-import { useGlobalConfig as r } from "../components/config-provider/hooks/use-global-config.js";
-import { cssVarValue as s } from "@vft/utils";
-import { unref as a } from "vue";
-const m = r("namespace"), u = (e, o = document.documentElement) => s(e, o, a(m));
+import { useGlobalConfig as a } from "../components/config-provider/hooks/use-global-config.js";
+import { cssVarValue as c, generateCssVars as u, isObject as m, setStyle as l } from "@vft/utils";
+import { unref as t } from "vue";
+const o = a("namespace"), i = (e, r = document.documentElement) => c(e, r, t(o), !0), d = () => i("primary-color");
+function V(e, r) {
+  return u(e, r, t(o));
+}
+function g(e, r, n) {
+  let s;
+  m(e) ? s = e : s = {
+    [e]: r
+  }, l(V(s, n), "", document.documentElement, !1);
+}
 export {
-  u as cssVarValue
+  i as cssVarValue,
+  V as generateCssVars,
+  d as primaryColor,
+  g as setRootCssVar
 };

package/es/utils/objects.d.ts

@@ -0,0 +1,4 @@
+import type { Arrayable } from '.';
+export declare const getProp: <T = any>(obj: Record<string, any>, path: Arrayable<string>, defaultValue?: any) => {
+    value: T;
+};

package/es/utils/objects.js

@@ -0,0 +1,12 @@
+import { get as u, set as g } from "lodash";
+const s = (e, t, r) => ({
+  get value() {
+    return u(e, t, r);
+  },
+  set value(o) {
+    g(e, t, o);
+  }
+});
+export {
+  s as getProp
+};