@intable/vue 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { type TableProps } from 'intable';
+import 'intable/wc';
+import './style.scss';
+export type { TableProps } from 'intable';
+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/dist/plugins/element-plus.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from 'intable';
+export declare const ElementPlusPlugin: Plugin;

package/dist/style.css

@@ -1 +1 @@
-.element-plus .is-editing>.area{display:none}.element-plus .in-cell-edit-wrapper{padding:calc(var(--spacing)*1);align-items:center;display:flex}.element-plus .in-cell-edit-wrapper>.el-input>.el-input__wrapper>.el-input__prefix{display:none}
+.element-plus .is-editing>.area{display:none}.element-plus .in-cell-edit-wrapper{align-items:center;padding:4px;display:flex}.element-plus .in-cell-edit-wrapper>.el-input>.el-input__wrapper>.el-input__prefix{display:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intable/vue",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "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.3"
+    "intable": "^0.0.5"
   },
   "peerDependencies": {
     "vue": "^3"