vft 0.0.46 → 0.0.48

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

@@ -1,13 +1,13 @@
-import { defineComponent as w, useSlots as P, ref as U, computed as m, h as f, onMounted as W, nextTick as $, createVNode as d } from "vue";
-import { listenerRouteChange as j, useRouterHelper as z } from "@vft/router";
-import { useSortable as Y } from "@vft/use";
-import { isUrl as D, generateCssVars as b, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
-import { useNamespace as F } from "../../hooks/use-namespace/index.js";
+import { defineComponent as k, useSlots as E, ref as P, computed as m, h as f, onMounted as U, nextTick as W, createVNode as d } from "vue";
+import { listenerRouteChange as $, useRouterHelper as j } from "@vft/router";
+import { useSortable as z } from "@vft/use";
+import { isUrl as Y, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
+import { useNamespace as D } 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";
+import { generateCssVars as F } from "../../utils/ns-cover.js";
 import "../divider/index.js";
 import { VftIcon as G } from "../icon/index.js";
 import "../avatar/index.js";
@@ -18,7 +18,7 @@ import "../popper/index.js";
 import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
-import { VftMenu as J, VftSubMenu as K, VftMenuItem as k } from "../menu/index.js";
+import { VftMenu as J, VftSubMenu as K, VftMenuItem as b } from "../menu/index.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/store";
 import { useRouter as L } from "vue-router";
@@ -45,6 +45,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -54,10 +55,10 @@ import "../md-code-tabs/index.js";
 import "../message/index.js";
 const i = (
   /* hoist-static*/
-  F("side-menu")
-), Q = w({
+  D("side-menu")
+), Q = k({
   name: i.b()
-}), Xe = /* @__PURE__ */ w({
+}), Ze = /* @__PURE__ */ k({
   ...Q,
   props: {
     menus: null,
@@ -95,7 +96,7 @@ const i = (
   setup(o, {
     emit: h
   }) {
-    const c = P(), v = U(), a = m(() => ({
+    const c = E(), v = P(), a = m(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -103,43 +104,43 @@ const i = (
       icon: "icon",
       ...o.attrMapping
     }));
-    j((e) => {
+    $((e) => {
       !e || e.meta.hideSide || (v.value = e.path);
     });
     const x = (e, r) => {
-      const n = e[a.value.path], u = e[a.value.title], l = e == null ? void 0 : e[a.value.children], p = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon];
+      const n = e[a.value.path], p = e[a.value.title], l = e == null ? void 0 : e[a.value.children], u = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon];
       return l != null && l.length ? f(
         // @ts-ignore
         K,
         {
           popperAppendToBody: !0,
-          key: p || n,
-          index: p || n,
-          title: u,
+          key: u || n,
+          index: u || n,
+          title: p,
           icon: s,
           popperClass: i.e("popper")
         },
         {
-          default: () => l == null ? void 0 : l.map((t, q) => {
+          default: () => l == null ? void 0 : l.map((t, H) => {
             var O;
-            const g = t[a.value.path], C = t[a.value.index], R = t[a.value.icon], E = t[a.value.title];
-            return (O = t == null ? void 0 : t[a.value.children]) != null && O.length ? x(t, q) : (
+            const g = t[a.value.path], C = t[a.value.index], q = t[a.value.icon], R = t[a.value.title];
+            return (O = t == null ? void 0 : t[a.value.children]) != null && O.length ? x(t, H) : (
               // @ts-ignore
-              f(k, {
+              f(b, {
                 key: C || g,
                 index: C || g,
                 route: g,
-                icon: R,
-                title: E,
+                icon: q,
+                title: R,
                 disabled: t.disabled
               })
             );
           })
         }
-      ) : f(k, {
-        key: p || n,
-        index: p || n,
-        title: u,
+      ) : f(b, {
+        key: u || n,
+        index: u || n,
+        title: p,
         route: n,
         icon: s,
         disabled: e.disabled
@@ -150,10 +151,10 @@ const i = (
           index: r
         });
       } : "");
-    }, B = m(() => {
+    }, w = m(() => {
       var e, r;
       return f(J, {
-        onSelect: o.useMenuSelect ? T : () => {
+        onSelect: o.useMenuSelect ? N : () => {
         },
         defaultActive: o.defaultActive || v.value,
         class: [i.e("con"), (e = o.dragOption) != null && e.dragClassName ? i.e((r = o.dragOption) == null ? void 0 : r.dragClassName) : ""],
@@ -163,48 +164,45 @@ const i = (
         uniqueOpened: o.uniqueOpened,
         collapse: o.collapse,
         "collapse-transition": !1
-      }, () => o.menus.map((n, u) => x(n, u)));
+      }, () => o.menus.map((n, p) => x(n, p)));
     }), {
       go: y
-    } = z(), N = L();
-    async function T(e) {
-      var l, p, s;
+    } = j(), B = L();
+    async function N(e) {
+      var l, u, s;
       const r = e.route;
       let n = e.route;
-      e.indexPath.some((t) => D(t)) && (n = e.indexPath.slice(-2).join("/"));
-      const u = (s = (p = (l = N.getRoutes().filter((t) => t.path === n)) == null ? void 0 : l[0]) == null ? void 0 : p.meta) == null ? void 0 : s.linkTarget;
-      y(u ? {
+      e.indexPath.some((t) => Y(t)) && (n = e.indexPath.slice(-2).join("/"));
+      const p = (s = (u = (l = B.getRoutes().filter((t) => t.path === n)) == null ? void 0 : l[0]) == null ? void 0 : u.meta) == null ? void 0 : s.linkTarget;
+      y(p ? {
         url: r,
         winOpenOpt: {
-          target: u
+          target: p
         }
       } : r), h("select", e);
     }
-    const A = m(() => ({
-      ...b({
-        "border-right": "none"
-      }, "menu"),
-      ...b({
+    const T = m(() => ({
+      ...F({
         width: o.collapse ? M(o.collapseWidth) : M(o.width)
       }, "side-menu"),
       height: `calc(100% - ${o.extraHeight}px)`
-    })), V = m(() => [i.b(), i.m("fixed")]);
-    function H() {
+    })), A = m(() => [i.b(), i.m("fixed")]);
+    function V() {
       h("update:collapse", !o.collapse);
     }
-    return W(() => {
-      $(() => {
+    return U(() => {
+      W(() => {
         var e, r, n;
         if ((e = o.dragOption) != null && e.dragClassName) {
-          const u = (n = document.querySelectorAll("." + i.e((r = o.dragOption) == null ? void 0 : r.dragClassName))) == null ? void 0 : n[0], {
+          const p = (n = document.querySelectorAll("." + i.e((r = o.dragOption) == null ? void 0 : r.dragClassName))) == null ? void 0 : n[0], {
             initSortable: l
-          } = Y(u, {
+          } = z(p, {
             draggable: ".vft-menu-item",
-            onEnd: (p) => {
+            onEnd: (u) => {
               const {
                 oldIndex: s,
                 newIndex: t
-              } = p;
+              } = u;
               S(s) || S(t) || s === t || h("dragEnd", s, t);
             },
             ...o.dragOption
@@ -213,14 +211,14 @@ const i = (
         }
       });
     }), () => d("div", {
-      class: V.value,
-      style: A.value
+      class: A.value,
+      style: T.value
     }, [c.top ? d("div", {
       class: i.e("top")
-    }, [c.top()]) : null, B.value, c.bottom ? d("div", {
+    }, [c.top()]) : null, w.value, c.bottom ? d("div", {
       class: i.e("bottom")
     }, [c.bottom()]) : o.showCollapse ? d("div", {
-      onClick: H,
+      onClick: V,
       class: [i.e("bottom"), i.e("collapse")]
     }, [d(G, {
       style: {
@@ -232,5 +230,5 @@ const i = (
   }
 });
 export {
-  Xe as default
+  Ze as default
 };

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

@@ -20,7 +20,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"left" | "right" | "bottom" | "top" | undefined>;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -113,7 +113,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"left" | "right" | "bottom" | "top" | undefined>;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {

package/es/components/tabs/index.js

@@ -1,14 +1,15 @@
-import { withInstall as o, withNoopInstall as a } from "../../utils/vue/install.js";
+import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import m from "./tabs.vue2.js";
+import "lodash";
+import r from "./tabs.vue2.js";
 import t from "./tab-pane.vue2.js";
-import { TabsRootContextKey as T } from "./types.js";
-const e = o(m, { TabPane: t }), l = a(t);
+import { TabsRootContextKey as _ } from "./types.js";
+const l = o(r, { TabPane: t }), b = m(t);
 export {
-  T as TabsRootContextKey,
-  l as VftTabPane,
-  e as VftTabs,
-  e as default
+  _ as TabsRootContextKey,
+  b as VftTabPane,
+  l as VftTabs,
+  l as default
 };

package/es/components/tabs/tab-nav.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, c
 import { capitalize as y } from "@vft/utils";
 import { throwError as nt } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
+import "lodash";
 import "../divider/index.js";
 import { VftIcon as T } from "../icon/index.js";
 import "../avatar/index.js";
@@ -41,6 +42,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -50,7 +52,6 @@ import "../md-code-tabs/index.js";
 import "../message/index.js";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
 import { useDocumentVisibility as it, useWindowFocus as lt, useResizeObserver as at } from "@vueuse/core";
 import { EVENT_CODE as k } from "@vft/constants";
@@ -61,7 +62,7 @@ const V = (
   K("tab-nav")
 ), ct = E({
   name: V.b()
-}), de = /* @__PURE__ */ E({
+}), be = /* @__PURE__ */ E({
   ...ct,
   props: {
     panes: null,
@@ -212,5 +213,5 @@ const V = (
   }
 });
 export {
-  de as default
+  be as default
 };

package/es/components/tabs/tab-pane.vue2.js

@@ -2,10 +2,10 @@ import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as
 import "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
+import "lodash";
 import { TabsRootContextKey as j } from "./types.js";
 import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
 import { eagerComputed as p } from "@vueuse/core";
 const I = ["id", "aria-hidden", "aria-labelledby"], i = (

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

@@ -23,7 +23,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"left" | "right" | "bottom" | "top" | undefined>;
+        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -86,7 +86,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"left" | "right" | "bottom" | "top" | undefined>;
+        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {

package/es/components/tag/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 "./tag.vue2.js";
-const f = t(o);
+const s = t(o);
 export {
-  f as VftTag,
-  f as default
+  s as VftTag,
+  s as default
 };

package/es/components/tag/tag.vue2.js

@@ -1,17 +1,18 @@
 import { defineComponent as m, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
-import { useSize as y } from "element-plus";
-import { VftIcon as g } from "../icon/index.js";
-import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import { VftIcon as y } from "../icon/index.js";
+import { useNamespace as g } 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 "../form/index.js";
+import { useFormSize as h } from "../form/hooks/use-form-common-props.js";
 function k(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
 }
-const x = /* @__PURE__ */ m({
+const F = /* @__PURE__ */ m({
   __name: "tag",
   props: {
     closable: {
@@ -38,7 +39,7 @@ const x = /* @__PURE__ */ m({
   setup(e, {
     emit: c
   }) {
-    const l = d(), i = y(), t = h("tag"), s = f(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(i.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
+    const l = d(), i = h(), t = g("tag"), s = f(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(i.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
       c("close", o);
     }, u = (o) => {
       c("click", o);
@@ -55,7 +56,7 @@ const x = /* @__PURE__ */ m({
       }, [(o = l.default) == null ? void 0 : o.call(l)]), e.closable ? n("div", {
         class: t.e("close"),
         onClick: r
-      }, [n(g, {
+      }, [n(y, {
         icon: "vico-close"
       }, null)]) : ""]);
     };
@@ -71,5 +72,5 @@ const x = /* @__PURE__ */ m({
   }
 });
 export {
-  x as default
+  F as default
 };

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

@@ -1,6 +1,6 @@
 export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -60,7 +60,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     fallbackPlacements: {
-        type: import("vue").PropType<import("element-plus").Placement[] | undefined>;
+        type: import("vue").PropType<import("@popperjs/core").Placement[] | undefined>;
         required: false;
     };
     gpuAcceleration: {
@@ -72,11 +72,11 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("element-plus").Placement | undefined>;
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
         required: false;
     };
     strategy: {
@@ -197,7 +197,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     hide: (event?: Event | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -257,7 +257,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     fallbackPlacements: {
-        type: import("vue").PropType<import("element-plus").Placement[] | undefined>;
+        type: import("vue").PropType<import("@popperjs/core").Placement[] | undefined>;
         required: false;
     };
     gpuAcceleration: {
@@ -269,11 +269,11 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("element-plus").Placement | undefined>;
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
         required: false;
     };
     strategy: {

package/es/components/tooltip/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 "./tooltip.vue2.js";
-const a = t(o);
+const l = t(o);
 export {
-  a as VftTooltip,
-  a as default
+  l as VftTooltip,
+  l as default
 };

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

@@ -54,7 +54,7 @@ export interface ToolTipProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -272,7 +272,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hide: (event?: Event | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
     showArrow: {

package/es/components/tooltip/trigger.vue2.js

@@ -4,9 +4,9 @@ import "../popper/index.js";
 import "@vft/utils";
 import { composeEventHandlers as r } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
+import "lodash";
 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 { TOOLTIP_INJECTION_KEY as I } from "./constants.js";

package/es/hooks/index.d.ts

@@ -9,3 +9,5 @@ export * from './use-delayed-toggle';
 export * from './use-timeout';
 export * from './use-ordered-children';
 export * from './use-model-toggle';
+export * from './use-prop';
+export * from './use-size';

package/es/hooks/index.js

@@ -1,37 +1,42 @@
-import { _bem as r, defaultNamespace as t, namespaceContextKey as s, useGetDerivedNamespace as p, useNamespace as u } from "./use-namespace/index.js";
+import { _bem as r, defaultNamespace as t, namespaceContextKey as p, useGetDerivedNamespace as s, useNamespace as u } from "./use-namespace/index.js";
 import { useCursor as a } from "./use-cursor/index.js";
 import { usePopper as x } from "./use-popper/index.js";
-import { defaultInitialZIndex as n, useZIndex as l, zIndexContextKey as I } from "./use-z-index/index.js";
-import { FORWARD_REF_INJECTION_KEY as C, useForwardRef as g, useForwardRefDirective as c } from "./use-forward-ref/index.js";
-import { ID_INJECTION_KEY as T, useId as E, useIdInjection as _ } from "./use-id/index.js";
-import { usePopperContainer as R, usePopperContainerId as F } from "./use-popper-container/index.js";
-import { useDelayedToggle as O } from "./use-delayed-toggle/index.js";
-import { useTimeout as M } from "./use-timeout/index.js";
-import { useOrderedChildren as b } from "./use-ordered-children/index.js";
-import { createModelToggleComposable as w, useModelToggle as J, useModelToggleEmits as Y } from "./use-model-toggle/index.js";
+import { defaultInitialZIndex as I, useZIndex as l, zIndexContextKey as n } from "./use-z-index/index.js";
+import { FORWARD_REF_INJECTION_KEY as C, useForwardRef as E, useForwardRefDirective as N } from "./use-forward-ref/index.js";
+import { ID_INJECTION_KEY as T, useId as _, useIdInjection as c } from "./use-id/index.js";
+import { usePopperContainer as K, usePopperContainerId as O } from "./use-popper-container/index.js";
+import { useDelayedToggle as F } from "./use-delayed-toggle/index.js";
+import { useTimeout as b } from "./use-timeout/index.js";
+import { useOrderedChildren as J } from "./use-ordered-children/index.js";
+import { createModelToggleComposable as Y, useModelToggle as Z, useModelToggleEmits as v } from "./use-model-toggle/index.js";
+import { useProp as z } from "./use-prop/index.js";
+import { SIZE_INJECTION_KEY as S, useGlobalSize as h } from "./use-size/index.js";
 export {
   C as FORWARD_REF_INJECTION_KEY,
   T as ID_INJECTION_KEY,
+  S as SIZE_INJECTION_KEY,
   r as _bem,
-  w as createModelToggleComposable,
-  n as defaultInitialZIndex,
+  Y as createModelToggleComposable,
+  I as defaultInitialZIndex,
   t as defaultNamespace,
-  s as namespaceContextKey,
+  p as namespaceContextKey,
   a as useCursor,
-  O as useDelayedToggle,
-  g as useForwardRef,
-  c as useForwardRefDirective,
-  p as useGetDerivedNamespace,
-  E as useId,
-  _ as useIdInjection,
-  J as useModelToggle,
-  Y as useModelToggleEmits,
+  F as useDelayedToggle,
+  E as useForwardRef,
+  N as useForwardRefDirective,
+  s as useGetDerivedNamespace,
+  h as useGlobalSize,
+  _ as useId,
+  c as useIdInjection,
+  Z as useModelToggle,
+  v as useModelToggleEmits,
   u as useNamespace,
-  b as useOrderedChildren,
+  J as useOrderedChildren,
   x as usePopper,
-  R as usePopperContainer,
-  F as usePopperContainerId,
-  M as useTimeout,
+  K as usePopperContainer,
+  O as usePopperContainerId,
+  z as useProp,
+  b as useTimeout,
   l as useZIndex,
-  I as zIndexContextKey
+  n as zIndexContextKey
 };

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

@@ -3,11 +3,12 @@ import { isClient as u } from "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as d } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
+import "lodash";
 import { useGetDerivedNamespace as p } from "../use-namespace/index.js";
 const r = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
-}, m = Symbol("elIdInjection"), I = () => n() ? i(m, r) : r, N = (o) => {
+}, m = Symbol("elIdInjection"), I = () => n() ? i(m, r) : r, h = (o) => {
   const e = I();
   !u && e === r && d(
     "IdInjection",
@@ -24,6 +25,6 @@ usage: app.provide(ID_INJECTION_KEY, {
 };
 export {
   m as ID_INJECTION_KEY,
-  N as useId,
+  h as useId,
   I as useIdInjection
 };

package/es/hooks/use-ordered-children/index.js

@@ -2,17 +2,18 @@ import { shallowRef as s, isVNode as m } from "vue";
 import "@vft/utils";
 import { flattedChildren as c } from "../../utils/vue/vnode.js";
 import "../../utils/ns-cover.js";
-const u = (t, i, d) => c(t.subTree).filter(
+import "lodash";
+const p = (t, i, d) => c(t.subTree).filter(
   (e) => {
     var r;
     return m(e) && ((r = e.type) == null ? void 0 : r.name) === i && !!e.component;
   }
-).map((e) => e.component.uid).map((e) => d[e]).filter((e) => !!e), f = (t, i) => {
+).map((e) => e.component.uid).map((e) => d[e]).filter((e) => !!e), v = (t, i) => {
   const d = {}, o = s([]);
   return {
     children: o,
     addChild: (r) => {
-      d[r.uid] = r, o.value = u(t, i, d);
+      d[r.uid] = r, o.value = p(t, i, d);
     },
     removeChild: (r) => {
       delete d[r], o.value = o.value.filter(
@@ -22,5 +23,5 @@ const u = (t, i, d) => c(t.subTree).filter(
   };
 };
 export {
-  f as useOrderedChildren
+  v as useOrderedChildren
 };