@intable/vue 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -2,6 +2,6 @@ import { type TableProps } from 'intable';
 import 'intable/wc';
 import './style.scss';
 export type { TableProps } from 'intable';
-import { type Component } from 'vue';
-export declare const Intable: Component<TableProps>;
+import { type FunctionalComponent } from 'vue';
+export declare const Intable: FunctionalComponent<TableProps>;
 export default Intable;

package/dist/index.js

@@ -2,33 +2,36 @@ import './style.css';/* empty css      */
 import { mapValues } from "./mapValues.js";
 import { createRenderEffect, onCleanup } from "solid-js";
 import "intable/wc";
-import { h, normalizeClass, normalizeStyle, render, toRaw } from "vue";
+import { h, normalizeClass, render, toRaw } from "vue";
+import { stringifyStyle } from "@vue/shared";
 const Intable = (c) => (c = mapValues(c, (e) => toRaw(e)), h("wc-table", {
 	style: "display: contents",
 	".options": {
 		...c,
 		class: normalizeClass(c.class),
-		style: normalizeStyle([c.style]),
+		style: stringifyStyle(c.style),
 		renderer: component,
 		plugins: [VModelPlugin, ...c.plugins || []]
 	}
 }));
-var VModelPlugin = { rewriteProps: {
-	rowSelection: ({ rowSelection: e }, { store: c }) => ({
-		get value() {
-			return c.props?.selected;
-		},
-		...e,
-		onChange(l) {
-			c.props["onUpdate:selected"]?.(l), e?.onChange?.(...arguments);
+Intable.inheritAttrs = !1, Intable.__name = "intable", Intable.install = (e) => e.component(Intable.__name, Intable);
+var VModelPlugin = {
+	name: "v-model",
+	rewriteProps: {
+		rowSelection: ({ rowSelection: e }, { store: c }) => ({
+			get value() {
+				return c.props?.selected;
+			},
+			...e,
+			onChange(l) {
+				c.props["onUpdate:selected"]?.(l), e?.onChange?.(...arguments);
+			}
+		}),
+		onDataChange: ({ onDataChange: e }, { store: c }) => (l) => {
+			c.props["onUpdate:data"]?.(l), e?.(l);
 		}
-	}),
-	onDataChange: ({ onDataChange: e }, { store: c }) => (l) => {
-		c.props["onUpdate:data"]?.(l), e?.(l);
 	}
-} };
-Intable.inheritAttrs = !1;
-var component = (e) => (u) => {
+}, component = (e) => (u) => {
 	let d = document.createDocumentFragment();
 	return d.remove ??= () => {}, createRenderEffect(() => render(h(e, { ...u }), d)), onCleanup(() => render(null, d)), d;
 }, src_default = Intable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intable/vue",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,8 +17,9 @@
     "dist"
   ],
   "dependencies": {
+    "@vue/shared": "^3.5.27",
     "solid-js": "^1.9.9",
-    "intable": "^0.0.4"
+    "intable": "^0.0.6"
   },
   "peerDependencies": {
     "vue": "^3"