@raxium/vue-addons-shared 0.1.2 → 0.1.3

package/dist/components/Primitive.d.ts

@@ -0,0 +1,30 @@
+import type { Component, PropType } from 'vue';
+export type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
+export interface PrimitiveProps {
+    asChild?: boolean;
+    as?: AsTag | Component;
+}
+export declare const Primitive: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    as: AsTag | Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/Primitive.js

@@ -0,0 +1,54 @@
+import { cloneVNode, defineComponent, h, mergeProps } from 'vue';
+import { renderSlotFragments } from '../utils/renderSlotFragments';
+const SELF_CLOSING_TAGS = ['area', 'img', 'input'];
+const Slot = defineComponent({
+    name: 'PrimitiveSlot',
+    inheritAttrs: false,
+    setup(_, { attrs, slots }) {
+        return () => {
+            if (!slots.default)
+                return null;
+            const children = renderSlotFragments(slots.default());
+            const firstNonCommentChildrenIndex = children.findIndex(child => child.type !== Comment);
+            if (firstNonCommentChildrenIndex === -1)
+                return children;
+            const firstNonCommentChildren = children[firstNonCommentChildrenIndex];
+            // Remove props ref from being inferred
+            delete firstNonCommentChildren.props?.ref;
+            // Manually merge props to ensure `firstNonCommentChildren.props`
+            // has higher priority than `attrs` and can override `attrs`.
+            // Otherwise `cloneVNode(firstNonCommentChildren, attrs)` will
+            // prioritize `attrs` and override `firstNonCommentChildren.props`.
+            const mergedProps = firstNonCommentChildren.props
+                ? mergeProps(attrs, firstNonCommentChildren.props)
+                : attrs;
+            const cloned = cloneVNode({ ...firstNonCommentChildren, props: {} }, mergedProps);
+            if (children.length === 1)
+                return cloned;
+            children[firstNonCommentChildrenIndex] = cloned;
+            return children;
+        };
+    },
+});
+export const Primitive = defineComponent({
+    name: 'Primitive',
+    inheritAttrs: false,
+    props: {
+        asChild: {
+            type: Boolean,
+            default: false,
+        },
+        as: {
+            type: [String, Object],
+            default: 'div',
+        },
+    },
+    setup(props, { attrs, slots }) {
+        const asTag = props.asChild ? 'template' : props.as;
+        if (typeof asTag === 'string' && SELF_CLOSING_TAGS.includes(asTag))
+            return () => h(asTag, attrs);
+        if (asTag !== 'template')
+            return () => h(props.as, attrs, { default: slots.default });
+        return () => h(Slot, attrs, { default: slots.default });
+    },
+});

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components/Primitive';
 export * from './composables/useForwardExpose';
 export * from './composables/useForwardProps';
 export * from './composables/useFowardPropsEmits';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from './components/Primitive';
 export * from './composables/useForwardExpose';
 export * from './composables/useForwardProps';
 export * from './composables/useFowardPropsEmits';

package/dist/utils/renderSlotFragments.d.ts

@@ -0,0 +1,2 @@
+import type { VNode } from 'vue';
+export declare function renderSlotFragments(children?: VNode[]): VNode[];

package/dist/utils/renderSlotFragments.js

@@ -0,0 +1,10 @@
+import { Fragment } from 'vue';
+export function renderSlotFragments(children) {
+    if (!children)
+        return [];
+    return children.flatMap((child) => {
+        if (child.type === Fragment)
+            return renderSlotFragments(child.children);
+        return [child];
+    });
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raxium/vue-addons-shared",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Shared utilities for Raxium Vue Addons",
   "author": {
     "name": "Hwacc",