intable 0.0.6 → 0.0.7

package/dist/index.d.ts

@@ -1,130 +0,0 @@
-import { type JSX, type Component } from 'solid-js';
-import 'virtual:uno.css';
-import './style.scss';
-import './plugins/CellSelectionPlugin';
-import './plugins/CopyPastePlugin';
-import './plugins/EditablePlugin';
-import './plugins/RenderPlugin';
-import './plugins/MenuPlugin';
-import './plugins/CommandPlugin';
-import './plugins/RowSelectionPlugin';
-import './plugins/ResizePlugin';
-import './plugins/DragPlugin';
-import './plugins/RowGroupPlugin';
-import './plugins/ExpandPlugin';
-export declare const Ctx: import("solid-js").Context<{
-    props: TableProps2;
-    store: TableStore;
-}>;
-type Requireds<T, K extends keyof T> = Pri<Omit<T, K> & Required<Pick<T, K>>>;
-type Pri<T> = {
-    [K in keyof T]: T[K];
-};
-type TableProps2 = Requireds<TableProps, ('Table' | 'Thead' | 'Tbody' | 'Tr' | 'Th' | 'Td' | 'EachRows' | 'EachCells' | 'rowKey' | 'data' | 'columns' | 'newRow')>;
-type Each<T = any> = (props: {
-    each: T[];
-    children: (e: () => any, i: () => number) => JSX.Element;
-}) => JSX.Element;
-type ProcessProps = {
-    [K in keyof TableProps]?: (prev: TableProps2, ctx: {
-        store: TableStore;
-    }) => TableProps[K];
-};
-export interface Plugin {
-    name?: string;
-    priority?: number;
-    store?: (store: TableStore) => Partial<TableStore> | void;
-    rewriteProps?: ProcessProps;
-    layers?: Component<TableStore>[];
-    onMount?: (store: TableStore) => void;
-}
-export interface TableProps {
-    columns?: TableColumn[];
-    data?: any[];
-    index?: boolean;
-    border?: boolean;
-    stickyHeader?: boolean;
-    class?: any;
-    style?: any;
-    rowKey?: any;
-    size?: string;
-    newRow?: (i: number) => any;
-    Table?: Component<any>;
-    Thead?: Component<any>;
-    Tbody?: Component<any>;
-    Td?: TD;
-    Th?: Component<THProps>;
-    Tr?: Component<{
-        y?: number;
-        data?: any;
-        children: JSX.Element;
-    }>;
-    EachRows?: Each;
-    EachCells?: Each<TableColumn>;
-    cellClass?: ((props: Omit<TDProps, 'y' | 'data'> & {
-        y?: number;
-        data?: any;
-    }) => string) | string;
-    cellStyle?: ((props: Omit<TDProps, 'y' | 'data'> & {
-        y?: number;
-        data?: any;
-    }) => string) | string;
-    renderer?: (comp: (props: any) => JSX.Element) => ((props: any) => JSX.Element);
-    plugins?: Plugin[];
-    onDataChange?: (data: any[]) => void;
-}
-export type THProps = {
-    x: number;
-    col: TableColumn;
-    children: JSX.Element;
-};
-export type TDProps = {
-    x: number;
-    y: number;
-    data: any;
-    col: TableColumn;
-    children: JSX.Element;
-};
-export type TD = Component<{
-    x: number;
-    y: number;
-    data: any;
-    col: TableColumn;
-    children: JSX.Element;
-}>;
-type Obj = Record<string | symbol, any>;
-export interface TableColumn extends Obj {
-    id?: any;
-    name?: string;
-    width?: number;
-    fixed?: 'left' | 'right';
-    class?: any;
-    style?: any;
-    props?: (props: any) => JSX.HTMLAttributes<any>;
-}
-type Nullable<T> = T | undefined;
-export interface TableStore extends Obj {
-    scroll_el?: HTMLElement;
-    table: HTMLElement;
-    thead: HTMLElement;
-    tbody: HTMLElement;
-    ths: Nullable<Element>[];
-    thSizes: Nullable<{
-        width: number;
-        height: number;
-    }>[];
-    trs: Nullable<Element>[];
-    trSizes: Nullable<{
-        width: number;
-        height: number;
-    }>[];
-    internal: symbol;
-    raw: symbol;
-    props: TableProps2;
-    rawProps: TableProps;
-    plugins: Plugin[];
-}
-export declare const Intable: (props: TableProps) => JSX.Element;
-export default Intable;
-export declare const ScrollPlugin: Plugin;
-export declare const defaultsPlugins: Plugin[];

package/dist/index.js

@@ -1,347 +0,0 @@
-import { unFn } from "./utils.js";
-import { toReactive, useMemo } from "./hooks/index.js";
-import './style.css';;/* empty css      */
-/* empty css      */
-import { CellSelectionPlugin } from "./plugins/CellSelectionPlugin.js";
-import { ClipboardPlugin } from "./plugins/CopyPastePlugin.js";
-import { EditablePlugin } from "./plugins/EditablePlugin.js";
-import { solidComponent } from "./components/utils.js";
-import { RenderPlugin } from "./plugins/RenderPlugin/index.js";
-import { MenuPlugin } from "./plugins/MenuPlugin.js";
-import { CommandPlugin } from "./plugins/CommandPlugin.js";
-import { RowSelectionPlugin } from "./plugins/RowSelectionPlugin.js";
-import { ResizePlugin } from "./plugins/ResizePlugin.js";
-import { DragPlugin } from "./plugins/DragPlugin.js";
-import { RowGroupPlugin } from "./plugins/RowGroupPlugin.js";
-import { ExpandPlugin } from "./plugins/ExpandPlugin.js";
-import { createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
-import { For, batch, createComputed, createContext, createEffect, createMemo, createSignal, getOwner, mapArray, mergeProps as mergeProps$1, on, onCleanup, onMount, runWithOwner, untrack, useContext } from "solid-js";
-import { createMutable, reconcile } from "solid-js/store";
-import { combineProps } from "@solid-primitives/props";
-import { difference, mapValues, sumBy } from "es-toolkit";
-import { createElementSize, createResizeObserver } from "@solid-primitives/resize-observer";
-import { createScrollPosition } from "@solid-primitives/scroll";
-var _tmpl$ = /* @__PURE__ */ template("<table>"), _tmpl$2 = /* @__PURE__ */ template("<thead>"), _tmpl$3 = /* @__PURE__ */ template("<tbody>"), _tmpl$4 = /* @__PURE__ */ template("<tr>"), _tmpl$5 = /* @__PURE__ */ template("<th>"), _tmpl$6 = /* @__PURE__ */ template("<td>"), _tmpl$7 = /* @__PURE__ */ template("<div><div class=data-table__layers></div><table class=data-table--table>");
-const Ctx = createContext({
-	props: {},
-	store: {}
-}), Intable = (_) => {
-	_ = mergeProps$1({ rowKey: "id" }, _);
-	let J = createMemo(() => [
-		...defaultsPlugins,
-		..._.plugins || [],
-		RenderPlugin
-	].sort((_, K) => (K.priority || 0) - (_.priority || 0))), Y = createMutable({
-		get rawProps() {
-			return _;
-		},
-		get plugins() {
-			return J();
-		}
-	}), X = getOwner();
-	createComputed((_) => {
-		let K = difference(J(), _);
-		return runWithOwner(X, () => {
-			K.forEach((_) => Object.assign(Y, _.store?.(Y)));
-		}), J();
-	}, []);
-	let Z = mapArray(J, () => createSignal());
-	Y.props = toReactive(createMemo(() => Z()[Z().length - 1][0]() || _)), createComputed(mapArray(J, (J, X) => {
-		let Q = createMemo(() => Z()[X() - 1]?.[0]() || _), $ = mergeProps$1(Q, toReactive(mapValues(J.rewriteProps || {}, (_) => useMemo(() => _(Q(), { store: Y })))));
-		Z()[X()][1]($);
-	})), onMount(() => {
-		createEffect(mapArray(J, (_) => _.onMount?.(Y)));
-	});
-	let $ = createMutable({
-		props: Y.props,
-		store: Y
-	});
-	return window.store = Y, window.ctx = $, createComponent(Ctx.Provider, {
-		value: $,
-		get children() {
-			return createComponent($.props.Table, { get children() {
-				return [createComponent(THead, {}), createComponent(TBody, {})];
-			} });
-		}
-	});
-};
-var THead = () => {
-	let { props: _ } = useContext(Ctx);
-	return createComponent(_.Thead, { get children() {
-		return createComponent(_.Tr, { get children() {
-			return createComponent(_.EachCells, {
-				get each() {
-					return _.columns || [];
-				},
-				children: (K, q) => createComponent(_.Th, {
-					get col() {
-						return K();
-					},
-					get x() {
-						return q();
-					},
-					get children() {
-						return K().name;
-					}
-				})
-			});
-		} });
-	} });
-}, TBody = () => {
-	let { props: _ } = useContext(Ctx);
-	return createComponent(_.Tbody, { get children() {
-		return createComponent(_.EachRows, {
-			get each() {
-				return _.data;
-			},
-			children: (K, q) => createComponent(_.Tr, {
-				get y() {
-					return q();
-				},
-				get data() {
-					return K();
-				},
-				get children() {
-					return createComponent(_.EachCells, {
-						get each() {
-							return _.columns;
-						},
-						children: (J, Y) => createComponent(_.Td, {
-							get col() {
-								return J();
-							},
-							get x() {
-								return Y();
-							},
-							get y() {
-								return q();
-							},
-							get data() {
-								return K();
-							},
-							get children() {
-								return K()[J().id];
-							}
-						})
-					});
-				}
-			})
-		});
-	} });
-}, src_default = Intable;
-function BasePlugin() {
-	let K = {
-		col: null,
-		data: null
-	}, q = (_) => (() => {
-		var K = _tmpl$();
-		return spread(K, _, !1, !1), K;
-	})(), J = (_) => (() => {
-		var K = _tmpl$2();
-		return spread(K, _, !1, !1), K;
-	})(), Y = (_) => (() => {
-		var K = _tmpl$3();
-		return spread(K, _, !1, !1), K;
-	})(), X = (_) => (() => {
-		var q = _tmpl$4();
-		return spread(q, mergeProps(_, K), !1, !1), q;
-	})(), Z = (_) => (() => {
-		var q = _tmpl$5();
-		return spread(q, mergeProps(_, K), !1, !1), q;
-	})(), Q = (_) => (() => {
-		var q = _tmpl$6();
-		return spread(q, mergeProps(_, K), !1, !1), q;
-	})();
-	return {
-		name: "base",
-		priority: Infinity,
-		store: (_) => ({
-			ths: [],
-			thSizes: [],
-			trs: [],
-			trSizes: [],
-			internal: Symbol("internal"),
-			raw: Symbol("raw")
-		}),
-		rewriteProps: {
-			data: ({ data: _ = [] }) => _,
-			columns: ({ columns: _ = [] }) => _,
-			newRow: ({ newRow: _ = () => ({}) }) => _,
-			Table: ({ Table: _ = q }, { store: K }) => (K) => {
-				let [q, J] = createSignal(), { props: Y } = useContext(Ctx);
-				return K = combineProps({
-					ref: J,
-					get class() {
-						return `data-table ${Y.class} ${Y.border && "data-table--border"} data-table--${Y.size}`;
-					},
-					get style() {
-						return Y.style;
-					}
-				}, K), createComponent(_, K);
-			},
-			Thead: ({ Thead: _ = J }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.thead = _ }, q), createComponent(_, q)),
-			Tbody: ({ Tbody: _ = Y }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.tbody = _ }, q), createComponent(_, q)),
-			Tr: ({ Tr: _ = X }, { store: K }) => (q) => {
-				let [J, Y] = createSignal();
-				return q = combineProps({ ref: Y }, q), createEffect(() => {
-					let { y: _ } = q;
-					K.trs[_] = J(), K.trSizes[_] = createElementSize(J()), onCleanup(() => K.trSizes[_] = K.trs[_] = void 0);
-				}), createComponent(_, q);
-			},
-			Th: ({ Th: K = Z }, { store: q }) => (J) => {
-				let [Y, X] = createSignal(), { props: Z } = useContext(Ctx), Q = combineProps(J, { ref: X }, {
-					get class() {
-						return unFn(Z.cellClass, J);
-					},
-					get style() {
-						return unFn(Z.cellStyle, J);
-					}
-				}, {
-					get class() {
-						return J.col.class;
-					},
-					get style() {
-						return J.col.style;
-					}
-				}, { get style() {
-					return J.col.width ? `width: ${J.col.width}px` : "";
-				} });
-				return createEffect(() => {
-					let { x: _ } = J;
-					q.ths[_] = Y(), q.thSizes[_] = createElementSize(Y()), onCleanup(() => q.thSizes[_] = q.ths[_] = void 0);
-				}), createComponent(K, mergeProps(Q, { get children() {
-					return J.children;
-				} }));
-			},
-			Td: ({ Td: K = Q }, { store: q }) => (q) => {
-				let { props: J } = useContext(Ctx), Y = combineProps(q, {
-					get class() {
-						return unFn(J.cellClass, q);
-					},
-					get style() {
-						return unFn(J.cellStyle, q);
-					}
-				}, {
-					get class() {
-						return q.col.class;
-					},
-					get style() {
-						return q.col.style;
-					}
-				}, { get style() {
-					return q.col.width ? `width: ${q.col.width}px` : "";
-				} });
-				return createComponent(K, mergeProps(Y, { get children() {
-					return q.children;
-				} }));
-			},
-			EachRows: ({ EachRows: _ }) => _ || ((_) => createComponent(For, {
-				get each() {
-					return _.each;
-				},
-				children: (K, q) => _.children(() => K, q)
-			})),
-			EachCells: ({ EachCells: _ }) => _ || ((_) => createComponent(For, {
-				get each() {
-					return _.each;
-				},
-				children: (K, q) => _.children(() => K, q)
-			})),
-			renderer: ({ renderer: _ = (_) => _ }) => _
-		}
-	};
-}
-var IndexPlugin = {
-	name: "index",
-	priority: -Infinity,
-	store: (_) => ({ $index: {
-		name: "",
-		id: Symbol("index"),
-		fixed: "left",
-		[_.internal]: 1,
-		width: 40,
-		style: "text-align: center",
-		class: "index",
-		render: solidComponent((_) => memo(() => _.y + 1))
-	} }),
-	rewriteProps: { columns: ({ columns: _ }, { store: K }) => K.props?.index ? [K.$index, ..._ || []] : _ }
-}, StickyHeaderPlugin = {
-	name: "sticky-header",
-	rewriteProps: { Thead: ({ Thead: _ }) => (K) => {
-		let { props: q } = useContext(Ctx);
-		return K = combineProps({ get class() {
-			return q.stickyHeader ? "sticky-header" : "";
-		} }, K), createComponent(_, K);
-	} }
-}, FixedColumnPlugin = {
-	name: "fixed-column",
-	rewriteProps: {
-		columns: ({ columns: _ }) => [
-			..._?.filter((_) => _.fixed == "left") || [],
-			..._?.filter((_) => !_.fixed) || [],
-			..._?.filter((_) => _.fixed == "right") || []
-		],
-		cellClass: ({ cellClass: K }) => (q) => (unFn(K, q) || "") + (q.col.fixed ? ` fixed-${q.col.fixed}` : ""),
-		cellStyle: ({ cellStyle: K }, { store: q }) => (J) => (unFn(K, J) || "") + (J.col.fixed ? `; ${J.col.fixed}: ${sumBy(q.thSizes.slice(J.col.fixed == "left" ? 0 : J.x + 1, J.col.fixed == "left" ? J.x : Infinity), (_) => _?.width || 0)}px` : "")
-	}
-}, FitColWidthPlugin = {
-	name: "fit-col-width",
-	priority: -Infinity,
-	rewriteProps: {
-		Table: (_, { store: K }) => (q) => {
-			let J = createMutable({ width: 0 });
-			return createResizeObserver(() => K.scroll_el, (_, K, q) => J.width = q.contentBoxSize[0].inlineSize), createEffect(on(() => [J.width, _.columns.map((_) => _.width)], async () => {
-				if (!J.width) return;
-				K.__fit_col_width__cols_temp = null, await Promise.resolve();
-				let _ = (J.width - K.table.getBoundingClientRect().width) / K.props.columns.filter((_) => !_.width).length;
-				K.__fit_col_width__cols_temp = K.props.columns.map((q, J) => q.width ? null : { width: Math.max((K.ths[J]?.getBoundingClientRect().width || 0) + _, 80) });
-			})), createComponent(_.Table, q);
-		},
-		columns: ({ columns: _ }, { store: K }) => (_ = _.map((_, q) => ({
-			..._,
-			...K.__fit_col_width__cols_temp?.[q],
-			[K.raw]: _[K.raw] ?? _
-		})), untrack(() => batch(() => reconcile(_, { key: K.raw })(K.__fit_col_width__cols ??= []))))
-	}
-};
-const ScrollPlugin = {
-	name: "scroll",
-	priority: Infinity,
-	rewriteProps: { Table: (_, { store: K }) => (_) => {
-		let q = createScrollPosition(() => K.scroll_el), J = createElementSize(() => K.scroll_el), Y = createMemo(() => {
-			let _ = K.scroll_el;
-			if (!_) return;
-			let Y = q.x == 0, X = q.x >= _.scrollWidth - (J.width || 0);
-			return Y && X ? "" : !Y && !X ? "is-scroll-mid" : Y ? "is-scroll-left" : X ? "is-scroll-right" : "";
-		});
-		_ = combineProps(_, {
-			ref: (_) => K.scroll_el = _,
-			class: "data-table--scroll-view"
-		}, { get class() {
-			return Y();
-		} });
-		let X = mapArray(() => K.plugins.flatMap((_) => _.layers ?? []), (_) => createComponent(_, K));
-		return (() => {
-			var q = _tmpl$7(), J = q.firstChild, Y = J.nextSibling;
-			return spread(q, _, !1, !0), insert(J, X), use((_) => K.table = _, Y), insert(Y, () => _.children), q;
-		})();
-	} }
-}, defaultsPlugins = [
-	ScrollPlugin,
-	BasePlugin(),
-	CommandPlugin,
-	MenuPlugin,
-	CellSelectionPlugin,
-	StickyHeaderPlugin,
-	FixedColumnPlugin,
-	ResizePlugin,
-	DragPlugin,
-	ClipboardPlugin,
-	ExpandPlugin,
-	RowSelectionPlugin,
-	IndexPlugin,
-	EditablePlugin,
-	FitColWidthPlugin,
-	RowGroupPlugin
-];
-export { Ctx, Intable, ScrollPlugin, src_default as default, defaultsPlugins };

package/dist/loading.js

@@ -1,6 +0,0 @@
-import { spread, template } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ template("<svg width=1.2em height=1.2em xmlns=http://www.w3.org/2000/svg viewBox=\"0 0 24 24\"><g><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.14></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.29 transform=\"rotate(30 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.43 transform=\"rotate(60 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.57 transform=\"rotate(90 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.71 transform=\"rotate(120 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor opacity=.86 transform=\"rotate(150 12 12)\"></rect><rect width=2 height=5 x=11 y=1 fill=currentColor transform=\"rotate(180 12 12)\"></rect><animateTransform attributeName=transform calcMode=discrete dur=0.75s repeatCount=indefinite type=rotate values=\"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12\">"), loading_default = (n = {}) => (() => {
-	var r = _tmpl$();
-	return spread(r, n, !0, !0), r;
-})();
-export { loading_default as default };

package/dist/plugins/CellChangeHighlightPlugin.d.ts

@@ -1,2 +0,0 @@
-import type { Plugin } from '..';
-export declare function CellChangeHighlightPlugin(): Plugin;

package/dist/plugins/CellChangeHighlightPlugin.js

@@ -1,4 +0,0 @@
-function CellChangeHighlightPlugin() {
-	return {};
-}
-export { CellChangeHighlightPlugin };

package/dist/plugins/CellMergePlugin.d.ts

@@ -1,12 +0,0 @@
-import { type Plugin } from "../index";
-declare module '../index' {
-    interface TableProps {
-    }
-    interface TableColumn {
-    }
-    interface TableStore {
-    }
-    interface Commands {
-    }
-}
-export declare const CellMergePlugin: Plugin;

package/dist/plugins/CellMergePlugin.js

@@ -1,2 +0,0 @@
-const CellMergePlugin = { rewriteProps: {} };
-export { CellMergePlugin };

package/dist/plugins/CellSelectionPlugin.d.ts

@@ -1,15 +0,0 @@
-import { type Plugin } from '..';
-declare module '../index' {
-    interface TableProps {
-    }
-    interface TableStore {
-        selected: {
-            start: number[];
-            end: number[];
-        };
-    }
-    interface Commands {
-        getAreaRows(): any[];
-    }
-}
-export declare const CellSelectionPlugin: Plugin;

package/dist/plugins/CellSelectionPlugin.js

@@ -1,115 +0,0 @@
-import { usePointerDrag, useTinykeys } from "../hooks/index.js";
-import { Ctx } from "../index.js";
-import { createComponent, memo, mergeProps, template } from "solid-js/web";
-import { batch, createMemo, useContext } from "solid-js";
-import { combineProps } from "@solid-primitives/props";
-var _tmpl$ = /* @__PURE__ */ template("<div class=area>"), inrange = (e, a, o) => e <= o && e >= a;
-const CellSelectionPlugin = {
-	name: "cell-selection",
-	store: () => ({ selected: {
-		start: [],
-		end: []
-	} }),
-	commands: (e) => ({ getAreaRows() {
-		let { start: a, end: o } = e.selected, [s, c] = [a[1], o[1]].sort((e, a) => e - a);
-		return e.props.data.slice(s, c + 1);
-	} }),
-	rewriteProps: {
-		Table: ({ Table: c }, { store: l }) => (u) => {
-			let { props: f } = useContext(Ctx);
-			l.cellSelectionRect ??= createMemo(() => {
-				let { start: e, end: a } = l.selected, o = [e[0], a[0]].sort((e, a) => e - a), s = [e[1], a[1]].sort((e, a) => e - a);
-				return {
-					xs: o,
-					ys: s
-				};
-			}), usePointerDrag(() => l.table, {
-				preventDefault: !1,
-				start(e, a, o) {
-					batch(() => {
-						let o = (e) => e.composedPath().find((e) => e.tagName == "TH" || e.tagName == "TD"), s = (e) => [e.getAttribute("x"), e.getAttribute("y")], c = o(e);
-						if (c && !(e.buttons != 1 && c.classList.contains("range-selected"))) {
-							if (c.tagName == "TH") {
-								let [e, u] = s(c);
-								if (e == null) return;
-								l.selected.start = [+e, 0], l.selected.end = [+e, Infinity], a((e) => {
-									let a = o(e);
-									if (!a) return;
-									let [c, u] = s(a);
-									c != null && (l.selected.end = [+c, Infinity]);
-								});
-							}
-							if (c.classList.contains("index")) {
-								let [e, u] = s(c);
-								if (e == null || u == null) return;
-								l.selected.start = [0, +u], l.selected.end = [Infinity, +u], a((e) => {
-									let a = o(e);
-									if (!a) return;
-									let [c, u] = s(a);
-									c == null || u == null || (l.selected.end = [Infinity, +u]);
-								});
-							} else if (c.tagName == "TD") {
-								let [e, u] = s(c);
-								if (e == null || u == null) return;
-								l.selected.start = [+e, +u], l.selected.end = [...l.selected.start], a((e) => {
-									let a = o(e);
-									if (!a) return;
-									let [c, u] = s(a);
-									c == null || u == null || (l.selected.end = [+c, +u]);
-								});
-							}
-						}
-					});
-				}
-			}), useTinykeys(() => l.table, {
-				ArrowLeft: () => {
-					let { start: e, end: a } = l.selected;
-					e[0] = a[0] = Math.max(e[0] - 1, 0), a[1] = e[1], p();
-				},
-				ArrowRight: () => {
-					let { start: e, end: a } = l.selected;
-					e[0] = a[0] = Math.min(e[0] + 1, f.columns.length - 1), a[1] = e[1], p();
-				},
-				ArrowUp: () => {
-					let { start: e, end: a } = l.selected;
-					e[1] = a[1] = Math.max(e[1] - 1, 0), a[0] = e[0], p();
-				},
-				ArrowDown: () => {
-					let { start: e, end: a } = l.selected;
-					e[1] = a[1] = Math.min(e[1] + 1, f.data.length - 1), a[0] = e[0], p();
-				}
-			});
-			let p = () => {
-				let e = l.table.querySelector(`td[x="${l.selected.start[0]}"][y="${l.selected.start[1]}"]`);
-				e?.scrollIntoViewIfNeeded(!1), e?.focus();
-			};
-			return u = combineProps({ class: "select-none" }, u), createComponent(c, u);
-		},
-		Th: ({ Th: e }, { store: a }) => (o) => {
-			let u = createMemo(() => {
-				let { start: e, end: s } = a.selected;
-				return inrange(o.x, ...[e[0], s[0]].sort((e, a) => e - a)) ? "col-range-highlight" : "";
-			}), d = combineProps(o, { get class() {
-				return u();
-			} });
-			return createComponent(e, mergeProps(d, { get children() {
-				return [memo(() => d.children), memo(() => memo(() => !!u())() && _tmpl$())];
-			} }));
-		},
-		Td: ({ Td: e }, { store: a }) => (o) => {
-			let u = createMemo(() => {
-				let e = "", { xs: s, ys: c } = a.cellSelectionRect(), l = inrange(o.x, s[0], s[1]), u = inrange(o.y, c[0], c[1]);
-				return l && u && (e += "range-selected ", o.x == s[0] && (e += "range-selected-l "), o.x == s[1] && (e += "range-selected-r "), o.y == c[0] && (e += "range-selected-t "), o.y == c[1] && (e += "range-selected-b ")), o.col.id == a.$index.id && u && (e += "row-range-highlight "), e;
-			}), d = combineProps(o, {
-				get class() {
-					return u();
-				},
-				tabindex: -1
-			});
-			return createComponent(e, mergeProps(d, { get children() {
-				return [memo(() => d.children), memo(() => memo(() => !!u())() && _tmpl$())];
-			} }));
-		}
-	}
-};
-export { CellSelectionPlugin };

package/dist/plugins/CommandPlugin.d.ts

@@ -1,14 +0,0 @@
-import { type Plugin } from '..';
-declare module '../index' {
-    interface TableProps {
-    }
-    interface TableStore {
-        commands: Commands;
-    }
-    interface Plugin {
-        commands?: (store: TableStore, commands: Partial<Commands>) => Partial<Commands> & Record<string, any>;
-    }
-    interface Commands {
-    }
-}
-export declare const CommandPlugin: Plugin;

package/dist/plugins/CommandPlugin.js

@@ -1,12 +0,0 @@
-import { createMemo, getOwner, runWithOwner } from "solid-js";
-const CommandPlugin = {
-	name: "command",
-	priority: Infinity,
-	store: (r) => {
-		let i = getOwner(), a = createMemo(() => r.plugins.reduce((e, n) => Object.assign(e, runWithOwner(i, () => n.commands?.(r, { ...e }))), {}));
-		return { get commands() {
-			return a();
-		} };
-	}
-};
-export { CommandPlugin };

package/dist/plugins/CopyPastePlugin.d.ts

@@ -1,14 +0,0 @@
-import { type Plugin } from '..';
-declare module '../index' {
-    interface TableProps {
-    }
-    interface TableStore {
-    }
-    interface Plugin {
-    }
-    interface Commands {
-        copy: () => void;
-        paste: () => void;
-    }
-}
-export declare const ClipboardPlugin: Plugin;