vft 0.0.48 → 0.0.51

package/es/components/clamp/clamp.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
+import { defineComponent as T, ref as v, reactive as O, computed as r, watch as s, nextTick as E, onUnmounted as S, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
 import { addUnit as G } from "@vft/utils";
 import { addListener as I, removeListener as J } from "resize-detector";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
@@ -7,12 +7,14 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 const P = ["aria-label"], Q = (
   /* hoist-static*/
   K("clamp")
 ), W = T({
   name: Q.b()
-}), ie = /* @__PURE__ */ T({
+}), ce = /* @__PURE__ */ T({
   ...W,
   props: {
     text: null,
@@ -25,7 +27,7 @@ const P = ["aria-label"], Q = (
   },
   emits: ["clamp-change", "update:expanded"],
   setup(e, { emit: y }) {
-    const a = v(null), u = v(null), m = v(null), l = S({
+    const a = v(null), u = v(null), m = v(null), l = O({
       offset: 0,
       localExpanded: e.expanded,
       unregisterResizeCallback: null
@@ -33,7 +35,7 @@ const P = ["aria-label"], Q = (
       if (!l.localExpanded && e.maxHeight)
         return G(e.maxHeight);
     }), k = () => {
-      m.value && (m.value.textContent = N.value);
+      m.value && (m.value.textContent = A.value);
     }, c = () => {
       l.localExpanded || (k(), (d() || n.value) && g());
     }, C = () => {
@@ -62,11 +64,11 @@ const P = ["aria-label"], Q = (
     }, h = (t) => {
       l.offset = t, k();
     }, j = () => {
-      U(), A();
-    }, U = () => {
+      p(), U();
+    }, p = () => {
       for (; (!d() || x() < 2) && l.offset < e.text.length; )
         b(1);
-    }, A = () => {
+    }, U = () => {
       for (; d() && x() > 1 && l.offset > 0; )
         b(-1);
     }, b = (t) => {
@@ -81,7 +83,7 @@ const P = ["aria-label"], Q = (
       },
       { immediate: !0 }
     );
-    const N = r(() => n.value ? O.value : e.text), O = r(() => {
+    const A = r(() => n.value ? N.value : e.text), N = r(() => {
       if (e.location === "start")
         return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
       if (e.location === "middle") {
@@ -120,7 +122,7 @@ const P = ["aria-label"], Q = (
           C();
         });
       }
-    ), p(() => {
+    ), S(() => {
       H();
     }), F(() => {
       C();
@@ -161,5 +163,5 @@ const P = ["aria-label"], Q = (
   }
 });
 export {
-  ie as default
+  ce as default
 };

package/es/components/clamp/index.js

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

package/es/components/clamp-toggle/clamp-toggle.vue.d.ts

@@ -33,7 +33,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -41,7 +41,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     toggleSize: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {
@@ -82,7 +82,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -90,7 +90,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     toggleSize: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,18 +1,20 @@
-import { defineComponent as a, computed as c, openBlock as o, createBlock as r, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import { defineComponent as a, computed as r, openBlock as o, createBlock as c, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
 import "@vft/utils";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import "@vueuse/core";
+import { generateCssVars as p } from "../../utils/ns-cover.js";
+import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import { VftClamp as y } from "../clamp/index.js";
 const h = ["onClick"], i = (
   /* hoist-static*/
-  p("clamp-toggle")
+  C("clamp-toggle")
 ), k = a({
   name: i.b()
-}), j = /* @__PURE__ */ a({
+}), v = /* @__PURE__ */ a({
   ...k,
   props: {
     text: null,
@@ -29,8 +31,8 @@ const h = ["onClick"], i = (
     toggleText: { default: ["展开", "收缩"] }
   },
   setup(e) {
-    const n = c(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
-    return (B, S) => (o(), r(t(y), {
+    const n = r(() => p({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
+    return (B, S) => (o(), c(t(y), {
       style: g(t(n)),
       text: e.text,
       maxHeight: e.maxHeight,
@@ -52,5 +54,5 @@ const h = ["onClick"], i = (
   }
 });
 export {
-  j as default
+  v as default
 };

package/es/components/clamp-toggle/index.d.ts

@@ -32,7 +32,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     size: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -40,7 +40,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     toggleSize: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {
@@ -81,7 +81,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     size: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleColor: {
@@ -89,7 +89,7 @@ export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<impor
         required: false;
     };
     toggleSize: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     toggleText: {

package/es/components/clamp-toggle/index.js

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

package/es/components/collapse-transition/src/collapse-transition.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as g, renderSlot as m } from "vue";
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
 import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,9 +6,11 @@ import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 const f = o({
   name: "VtfCollapseTransition"
-}), _ = /* @__PURE__ */ o({
+}), O = /* @__PURE__ */ o({
   ...f,
   setup(y) {
     const a = l("collapse-transition"), d = {
@@ -34,13 +36,13 @@ const f = o({
     return (t, c) => (e(), s(i, n({
       name: r(a).b()
     }, p(d)), {
-      default: g(() => [
-        m(t.$slots, "default")
+      default: m(() => [
+        g(t.$slots, "default")
       ]),
       _: 3
     }, 16, ["name"]));
   }
 });
 export {
-  _ as default
+  O as default
 };

package/es/components/collection/collection-item.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/es/components/collection/collection-item.vue.js

@@ -0,0 +1,4 @@
+import f from "./collection-item.vue2.js";
+export {
+  f as default
+};

package/es/components/collection/collection-item.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as t, renderSlot as n } from "vue";
+const o = t({
+  name: "VftCollectionItem",
+  inheritAttrs: !1
+}), a = /* @__PURE__ */ t({
+  ...o,
+  setup(r) {
+    return (e, s) => n(e.$slots, "default");
+  }
+});
+export {
+  a as default
+};

package/es/components/collection/collection.d.ts

@@ -0,0 +1,242 @@
+import type { InjectionKey } from 'vue';
+import type { SetupContext } from '@vue/runtime-core';
+import type { VftCollectionInjectionContext, VftCollectionItemInjectionContext } from './tokens';
+export declare const COLLECTION_ITEM_SIGN = "data-vft-collection-item";
+export declare const createCollectionWithScope: (name: string) => {
+    COLLECTION_INJECTION_KEY: InjectionKey<VftCollectionInjectionContext>;
+    COLLECTION_ITEM_INJECTION_KEY: InjectionKey<VftCollectionItemInjectionContext>;
+    VftCollection: {
+        name: string;
+        setup(): void;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?(): void | Promise<any>;
+        compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+        call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+        __defaults?: {} | undefined;
+        compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+        }) | undefined;
+        data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+        computed?: {} | undefined;
+        methods?: {} | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+        extends?: import("vue").ComponentOptionsMixin | undefined;
+        beforeCreate?(): void;
+        created?(): void;
+        beforeMount?(): void;
+        mounted?(): void;
+        beforeUpdate?(): void;
+        updated?(): void;
+        activated?(): void;
+        deactivated?(): void;
+        beforeDestroy?(): void;
+        beforeUnmount?(): void;
+        destroyed?(): void;
+        unmounted?(): void;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+        beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+        beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        class?: unknown;
+        style?: unknown;
+    };
+    VftCollectionItem: {
+        name: string;
+        setup(_: unknown, { attrs }: SetupContext): void;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?(): void | Promise<any>;
+        compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+        call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+        __defaults?: {} | undefined;
+        compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+        }) | undefined;
+        data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+        computed?: {} | undefined;
+        methods?: {} | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+                handler: string | import("vue").WatchCallback<any, any>;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+        extends?: import("vue").ComponentOptionsMixin | undefined;
+        beforeCreate?(): void;
+        created?(): void;
+        beforeMount?(): void;
+        mounted?(): void;
+        beforeUpdate?(): void;
+        updated?(): void;
+        activated?(): void;
+        deactivated?(): void;
+        beforeDestroy?(): void;
+        beforeUnmount?(): void;
+        destroyed?(): void;
+        unmounted?(): void;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+        beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+        beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        class?: unknown;
+        style?: unknown;
+    };
+};

package/es/components/collection/collection.js

@@ -0,0 +1,55 @@
+import { ref as f, provide as I, inject as N, onMounted as p, unref as s, onBeforeUnmount as u } from "vue";
+import d from "./collection.vue2.js";
+import L from "./collection-item.vue2.js";
+const M = "data-vft-collection-item", A = (E) => {
+  const c = `Vft${E}Collection`, r = `${c}Item`, l = Symbol(c), m = Symbol(r), C = {
+    ...d,
+    name: c,
+    setup() {
+      const i = f(null), o = /* @__PURE__ */ new Map();
+      I(l, {
+        itemMap: o,
+        getItems: () => {
+          const e = s(i);
+          if (!e)
+            return [];
+          const t = Array.from(
+            e.querySelectorAll(`[${M}]`)
+          );
+          return [...o.values()].sort(
+            (O, a) => t.indexOf(O.ref) - t.indexOf(a.ref)
+          );
+        },
+        collectionRef: i
+      });
+    }
+  }, _ = {
+    ...L,
+    name: r,
+    setup(i, { attrs: o }) {
+      const n = f(null), e = N(l, void 0);
+      I(m, {
+        collectionItemRef: n
+      }), p(() => {
+        const t = s(n);
+        t && e.itemMap.set(t, {
+          ref: t,
+          ...o
+        });
+      }), u(() => {
+        const t = s(n);
+        e.itemMap.delete(t);
+      });
+    }
+  };
+  return {
+    COLLECTION_INJECTION_KEY: l,
+    COLLECTION_ITEM_INJECTION_KEY: m,
+    VftCollection: C,
+    VftCollectionItem: _
+  };
+};
+export {
+  M as COLLECTION_ITEM_SIGN,
+  A as createCollectionWithScope
+};

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

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/es/components/collection/collection.vue.js

@@ -0,0 +1,4 @@
+import f from "./collection.vue2.js";
+export {
+  f as default
+};

package/es/components/collection/collection.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as e, renderSlot as n } from "vue";
+const o = e({
+  inheritAttrs: !1
+}), a = /* @__PURE__ */ e({
+  ...o,
+  __name: "collection",
+  setup(r) {
+    return (t, _) => n(t.$slots, "default");
+  }
+});
+export {
+  a as default
+};

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

@@ -0,0 +1,2 @@
+export * from './collection';
+export * from './tokens';

package/es/components/collection/index.js

@@ -0,0 +1,5 @@
+import { COLLECTION_ITEM_SIGN as t, createCollectionWithScope as c } from "./collection.js";
+export {
+  t as COLLECTION_ITEM_SIGN,
+  c as createCollectionWithScope
+};

package/es/components/collection/tokens.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+export type CollectionItem<T = Record<string, any>> = {
+    ref: HTMLElement | null;
+} & T;
+export type VftCollectionInjectionContext = {
+    itemMap: Map<HTMLElement, CollectionItem>;
+    getItems: <T>() => CollectionItem<T>[];
+    collectionRef: Ref<HTMLElement | null>;
+};
+export type VftCollectionItemInjectionContext = {
+    collectionItemRef: Ref<HTMLElement | null>;
+};

package/es/components/collection/tokens.js

@@ -0,0 +1 @@
+