vue-unwrap 1.0.1 → 1.1.1

package/dist/index.d.ts

@@ -8,6 +8,10 @@ declare function unwrapVNodes(vnodes: VNodeArrayChildren): VNode[];
 declare function useUnwrap<N = NodeRef, P = Record<string, any>>(propTypes?: Record<string, any>): {
   $el: _$vue.ShallowRef<Element | null, Element | null>;
   children: _$vue.ShallowReactive<N[]>;
+  dom: _$vue.ComputedRef<{
+    el: Element | null;
+    children: _$vue.ShallowReactive<N[]>;
+  }>;
   Unwrap: {
     (props: P, context: SetupContext): VNode<_$vue.RendererNode, _$vue.RendererElement, {
       [key: string]: any;
@@ -22,10 +26,28 @@ declare function useUnwrap<N = NodeRef, P = Record<string, any>>(propTypes?: Rec
 };
 //#endregion
 //#region src/Unwrap.vue.d.ts
-declare const __VLS_export: _$vue.DefineComponent<{}, {
+type __VLS_Slots = {
+  default(props: {
+    dom: {
+      el: Element | null;
+      children: NodeRef[];
+    };
+  }): any;
+};
+declare const __VLS_base: _$vue.DefineComponent<{}, {
   $el: _$vue.ShallowRef<Element | null, Element | null>;
   children: _$vue.ShallowReactive<NodeRef[]>;
+  dom: _$vue.ComputedRef<{
+    el: Element | null;
+    children: _$vue.ShallowReactive<NodeRef[]>;
+  }>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 export { NodeRef, _default as Unwrap, getNodeElement, unwrapVNodes, useUnwrap };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Comment, Fragment, cloneVNode, createBlock, defineComponent, h, isVNode, openBlock, shallowReactive, shallowRef, unref, useSlots } from "vue";
+import { Comment, Fragment, cloneVNode, computed, createBlock, defineComponent, h, isVNode, openBlock, shallowReactive, shallowRef, unref, useSlots } from "vue";
 //#region src/useUnwrap.ts
 function getNodeElement(node) {
 	const el = node?.$el || node;
@@ -21,6 +21,10 @@ function unwrapVNodes(vnodes) {
 function useUnwrap(propTypes) {
 	const $el = shallowRef(null);
 	const children = shallowReactive([]);
+	const dom = computed(() => ({
+		el: $el.value,
+		children
+	}));
 	const slots = useSlots();
 	const trackChildRef = (index) => (node) => children[index] = node;
 	const trackWrapperRef = (node) => $el.value = getNodeElement(node);
@@ -36,6 +40,7 @@ function useUnwrap(propTypes) {
 	return {
 		$el,
 		children,
+		dom,
 		Unwrap
 	};
 }
@@ -44,13 +49,14 @@ function useUnwrap(propTypes) {
 var Unwrap_default = /* @__PURE__ */ defineComponent({
 	__name: "Unwrap",
 	setup(__props, { expose: __expose }) {
-		const { $el, children, Unwrap } = useUnwrap();
+		const { $el, children, dom, Unwrap } = useUnwrap();
 		__expose({
 			$el,
-			children
+			children,
+			dom
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Unwrap));
+			return openBlock(), createBlock(unref(Unwrap), { dom: unref(dom) }, null, 8, ["dom"]);
 		};
 	}
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-unwrap",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "Conditional wrapper component for Vue 3 with child ref aggregation.",
   "author": "Andrea 'Fiad' Fiadone <hello@fiad.one>",
   "license": "MIT",