intable 0.0.61 → 0.0.63

package/dist/hooks/useSelector.d.ts

@@ -17,6 +17,7 @@ export declare function useSelector<T = any>(opt: UseSelectorOpt<T>): {
     del: (v: T) => void;
     toggle: (v: T) => void;
     isAll: (data: T[]) => boolean;
+    isIndeterminate: (data: T[]) => boolean;
     selectAll: (data: T[]) => void;
     readonly value: T;
 };

package/dist/hooks/useSelector.js

@@ -50,17 +50,18 @@ function useSelector(o) {
 	}, _ = (e) => {
 		let i = u([...d()]);
 		i.delete(e), s?.(c ? [...i] : [...i][0]);
-	};
+	}, v = (e) => {
+		f(e) ? _(e) : g(e);
+	}, y = (e) => (e = e.filter((e) => p(e)), !!e.length && e.every((e) => f(e)));
 	return {
 		clear: m,
 		set: h,
 		has: f,
 		add: g,
 		del: _,
-		toggle: (e) => {
-			f(e) ? _(e) : g(e);
-		},
-		isAll: (e) => !!e.length && e.every((e) => f(e)),
+		toggle: v,
+		isAll: y,
+		isIndeterminate: (e) => (e = e.filter((e) => p(e)), !!e.length && !y(e) && e.some((e) => f(e))),
 		selectAll: (e) => {
 			let i = e.filter((e) => p(e));
 			s?.(c ? i : i[0]);

package/dist/index.d.ts

@@ -74,6 +74,9 @@ export interface TableProps {
     rowKey?: any;
     size?: string;
     loading?: boolean;
+    scroll?: {
+        x?: number | string;
+    };
     newRow?: (i: number) => any;
     Scroll?: Component<any>;
     Table?: Component<any>;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { renderComponent, solidComponent } from "./components/utils.js";
-import { unFn } from "./utils.js";
+import { pxsuffix, unFn } from "./utils.js";
 import './style.css';;/* empty css      */
 /* empty css      */
 import { CellSelectionPlugin } from "./plugins/CellSelectionPlugin.js";
@@ -39,49 +39,49 @@ var _tmpl$ = /* @__PURE__ */ template("<div>"), _tmpl$2 = /* @__PURE__ */ templa
 const Ctx = createContext({
 	props: {},
 	store: {}
-}), Intable = (_) => {
-	_ = mergeProps$1({ rowKey: "id" }, _);
-	let K = getOwner(), J = createMutable({
+}), Intable = (g) => {
+	g = mergeProps$1({ rowKey: "id" }, g);
+	let G = getOwner(), K = createMutable({
 		get rawProps() {
-			return _[$PROXY] ||= _;
+			return g[$PROXY] ||= g;
 		},
 		get plugins() {
-			return X();
+			return Y();
 		},
 		owner: getOwner()
-	}), Y = memoize((_) => runWithOwner(K, () => unFn(_, J))), X = createMemo((q) => {
-		let X = uniq([
+	}), J = memoize((g) => runWithOwner(G, () => unFn(g, K))), Y = createMemo((q) => {
+		let Y = uniq([
 			...defaultsPlugins,
-			..._.plugins || [],
+			...g.plugins || [],
 			RenderPlugin
-		].flat().map(Y).sort((_, K) => (K.priority || 0) - (_.priority || 0))), Q = difference(X, q);
-		return runWithOwner(K, () => {
-			Q.forEach((_) => Object.assign(J, _.store?.(J)));
-		}), X;
+		].flat().map(J).sort((g, G) => (G.priority || 0) - (g.priority || 0))), X = difference(Y, q);
+		return runWithOwner(G, () => {
+			X.forEach((g) => Object.assign(K, g.store?.(K)));
+		}), Y;
 	}, [], { equals: isEqual });
-	J.props = (() => {
-		let K = getOwner(), q = {}, Y = (_) => q[_] ??= runWithOwner(K, () => createMemo(() => Z(_)));
-		function Z(K) {
-			return createMemo(() => X().map((_) => _.rewriteProps?.[K]).filter((_) => _), void 0, { equals: isEqual })().reduce((_, q) => q({ [K]: _ }, { store: J }), _[K]);
+	K.props = (() => {
+		let G = getOwner(), q = {}, J = (g) => q[g] ??= runWithOwner(G, () => createMemo(() => X(g)));
+		function X(G) {
+			return createMemo(() => Y().map((g) => g.rewriteProps?.[G]).filter((g) => g), void 0, { equals: isEqual })().reduce((g, q) => q({ [G]: g }, { store: K }), g[G]);
 		}
-		return new Proxy({}, { get(_, K, q) {
-			return K == $PROXY ? q : Y(K)();
+		return new Proxy({}, { get(g, G, K) {
+			return G == $PROXY ? K : J(G)();
 		} });
-	})(), createComputed(mapArray(X, (_) => _.onInit?.(J))), onMount(() => {
-		createEffect(mapArray(X, (_) => _.onMount?.(J)));
+	})(), createComputed(mapArray(Y, (g) => g.onInit?.(K))), onMount(() => {
+		createEffect(mapArray(Y, (g) => g.onMount?.(K)));
 	});
-	let Q = createMutable({
-		props: J.props,
-		store: J
+	let X = createMutable({
+		props: K.props,
+		store: K
 	});
-	return window.store = J, window.ctx = Q, createRenderEffect(() => {
-		let _ = J.props.store;
-		_ && (typeof _ == "function" ? _(J) : "value" in _ ? _.value = J : "current" in _ && (_.current = J));
+	return window.store = K, window.ctx = X, createRenderEffect(() => {
+		let g = K.props.store;
+		g && (typeof g == "function" ? g(K) : "value" in g ? g.value = K : "current" in g && (g.current = K));
 	}), createComponent(Ctx.Provider, {
-		value: Q,
+		value: X,
 		get children() {
-			return createComponent(Q.props.Scroll, { get children() {
-				return createComponent(Q.props.Table, { get children() {
+			return createComponent(X.props.Scroll, { get children() {
+				return createComponent(X.props.Table, { get children() {
 					return [createComponent(THead, {}), createComponent(TBody, {})];
 				} });
 			} });
@@ -89,65 +89,65 @@ const Ctx = createContext({
 	});
 };
 var THead = () => {
-	let { props: K, store: q } = useContext(Ctx);
-	return createComponent(K.Thead, { get children() {
-		return createComponent(K.Tr, { get children() {
-			return createComponent(K.EachCells, {
+	let { props: G, store: K } = useContext(Ctx);
+	return createComponent(G.Thead, { get children() {
+		return createComponent(G.Tr, { get children() {
+			return createComponent(G.EachCells, {
 				get each() {
-					return K.columns || [];
+					return G.columns || [];
 				},
-				children: (J, Y) => createComponent(K.Th, {
+				children: (q, J) => createComponent(G.Th, {
 					get col() {
-						return J();
+						return q();
 					},
 					get x() {
-						return Y();
+						return J();
 					},
 					get children() {
-						return renderComponent(J().name, void 0, q);
+						return renderComponent(q().name, void 0, K);
 					}
 				})
 			});
 		} });
 	} });
 }, TBody = () => {
-	let { props: _, store: K } = useContext(Ctx);
-	return createComponent(_.Tbody, { get children() {
-		return createComponent(_.EachRows, {
+	let { props: g, store: G } = useContext(Ctx);
+	return createComponent(g.Tbody, { get children() {
+		return createComponent(g.EachRows, {
 			get each() {
-				return _.data;
+				return g.data;
 			},
-			children: (q, J) => createComponent(_.Tr, {
+			children: (K, q) => createComponent(g.Tr, {
 				get y() {
-					return J();
+					return q();
 				},
 				get data() {
-					return q();
+					return K();
 				},
 				get children() {
-					return createComponent(_.EachCells, {
+					return createComponent(g.EachCells, {
 						get each() {
-							return _.columns;
+							return g.columns;
 						},
-						children: (Y, X) => createComponent(_.Td, {
+						children: (J, Y) => createComponent(g.Td, {
 							get col() {
-								return Y();
+								return J();
 							},
 							get x() {
-								return X();
+								return Y();
 							},
 							get y() {
-								return J();
+								return q();
 							},
 							get data() {
-								return q();
+								return K();
 							},
 							get value() {
-								return q()[Y().id];
+								return K()[J().id];
 							},
-							onChange: (_) => K.commands.rowChange({
-								...q(),
-								[Y().id]: _
+							onChange: (g) => G.commands.rowChange({
+								...K(),
+								[J().id]: g
 							})
 						})
 					});
@@ -157,60 +157,60 @@ var THead = () => {
 	} });
 }, src_default = Intable;
 function BasePlugin() {
-	let _ = {
+	let g = {
 		col: null,
 		data: null,
 		onChange: null
-	}, K = (_) => (() => {
-		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 K = _tmpl$4();
-		return spread(K, _, !1, !1), K;
-	})(), Z = (K) => (() => {
-		var q = _tmpl$5();
-		return spread(q, mergeProps(K, _), !1, !1), q;
-	})(), Q = (K) => (() => {
-		var q = _tmpl$6();
-		return spread(q, mergeProps(K, _), !1, !1), q;
-	})(), $ = (K) => (() => {
-		var q = _tmpl$7();
-		return spread(q, mergeProps(K, _), !1, !1), q;
+	}, G = (g) => (() => {
+		var G = _tmpl$();
+		return spread(G, g, !1, !1), G;
+	})(), J = (g) => (() => {
+		var G = _tmpl$2();
+		return spread(G, g, !1, !1), G;
+	})(), Y = (g) => (() => {
+		var G = _tmpl$3();
+		return spread(G, g, !1, !1), G;
+	})(), X = (g) => (() => {
+		var G = _tmpl$4();
+		return spread(G, g, !1, !1), G;
+	})(), Z = (G) => (() => {
+		var K = _tmpl$5();
+		return spread(K, mergeProps(G, g), !1, !1), K;
+	})(), Q = (G) => (() => {
+		var K = _tmpl$6();
+		return spread(K, mergeProps(G, g), !1, !1), K;
+	})(), $ = (G) => (() => {
+		var K = _tmpl$7();
+		return spread(K, mergeProps(G, g), !1, !1), K;
 	})();
 	return {
 		name: "base",
 		priority: Infinity,
-		store: (_) => {
-			let K = makeResizeObserver((K) => {
+		store: (g) => {
+			let G = makeResizeObserver((G) => {
 				batch(() => {
-					for (let q of K) {
-						let K = q.target, { inlineSize: J, blockSize: Y } = q.borderBoxSize[0], X = K.getAttribute("x");
-						X >= 0 && K.parentElement && (_.thSizes[X] = {
-							width: J,
-							height: Y
+					for (let K of G) {
+						let G = K.target, { inlineSize: q, blockSize: J } = K.borderBoxSize[0], Y = G.getAttribute("x");
+						Y >= 0 && G.parentElement && (g.thSizes[Y] = {
+							width: q,
+							height: J
 						});
 					}
 				});
-			}), q = makeResizeObserver((K) => {
+			}), K = makeResizeObserver((G) => {
 				batch(() => {
-					for (let q of K) {
-						let K = q.target, { inlineSize: J, blockSize: Y } = q.borderBoxSize[0], X = K.getAttribute("y");
-						X >= 0 && K.parentElement && (_.trSizes[X] = {
-							width: J,
-							height: Y
+					for (let K of G) {
+						let G = K.target, { inlineSize: q, blockSize: J } = K.borderBoxSize[0], Y = G.getAttribute("y");
+						Y >= 0 && G.parentElement && (g.trSizes[Y] = {
+							width: q,
+							height: J
 						});
 					}
 				});
 			});
 			return {
-				thObs: K,
-				trObs: q,
+				thObs: G,
+				trObs: K,
 				ths: [],
 				thSizes: [],
 				trs: [],
@@ -221,148 +221,149 @@ function BasePlugin() {
 			};
 		},
 		rewriteProps: {
-			data: ({ data: _ = [] }) => _,
-			columns: ({ columns: _ = [] }) => _,
-			newRow: ({ newRow: _ }, { store: K }) => function() {
-				let q = _?.(...arguments) || {};
-				return q[K.props.rowKey] ??= Symbol(), q;
+			data: ({ data: g = [] }) => g,
+			columns: ({ columns: g = [] }) => g,
+			newRow: ({ newRow: g }, { store: G }) => function() {
+				let K = g?.(...arguments) || {};
+				return K[G.props.rowKey] ??= Symbol(), K;
 			},
-			Scroll: ({ Scroll: _ = K }, { store: q }) => (K) => {
-				let J = createScrollPosition(() => q.scroll_el), Y = createElementSize(() => q.scroll_el), X = createMemo(() => {
-					let _ = q.scroll_el;
-					if (!_) return;
-					let K = J.x == 0, X = J.x >= _.scrollWidth - (Y.width || 0);
-					return K && X ? "" : !K && !X ? "is-scroll-mid" : K ? "is-scroll-left" : X ? "is-scroll-right" : "";
+			Scroll: ({ Scroll: g = G }, { store: K }) => (G) => {
+				let q = createScrollPosition(() => K.scroll_el), J = createElementSize(() => K.scroll_el), Y = createMemo(() => {
+					let g = K.scroll_el;
+					if (!g) return;
+					let G = q.x == 0, Y = q.x >= g.scrollWidth - (J.width || 0);
+					return G && Y ? "" : !G && !Y ? "is-scroll-mid" : G ? "is-scroll-left" : Y ? "is-scroll-right" : "";
 				});
-				K = combineProps(K, { get class() {
-					return `data-table data-table--${q.props.size} flex flex-col`;
+				G = combineProps(G, { get class() {
+					return `data-table data-table--${K.props.size} flex flex-col`;
 				} }, {
 					get class() {
-						return q.props.class;
+						return K.props.class;
 					},
 					get style() {
-						return q.props.style;
+						return K.props.style;
 					}
 				}, { get class() {
-					return X();
+					return Y();
 				} });
-				let Z = mapArray(() => q.plugins.flatMap((_) => _.layers ?? []), (_) => createComponent(_, q));
-				return createComponent(_, mergeProps({ tabindex: -1 }, K, { get children() {
+				let X = mapArray(() => K.plugins.flatMap((g) => g.layers ?? []), (g) => createComponent(g, K));
+				return createComponent(g, mergeProps({ tabindex: -1 }, G, { get children() {
 					return [
-						createComponent(q.props.Header, {}),
+						createComponent(K.props.Header, {}),
 						(() => {
-							var _ = _tmpl$8();
-							return insert(_, Z), _;
+							var g = _tmpl$8();
+							return insert(g, X), g;
 						})(),
 						(() => {
-							var _ = _tmpl$();
-							return use((_) => q.scroll_el = _, _), insert(_, () => K.children, null), insert(_, createComponent(q.props.ScrollFooter, {}), null), insert(_, (() => {
-								var _ = memo(() => !q.props.data.length);
-								return () => _() && _tmpl$9();
-							})(), null), effect(() => className(_, `data-table--scroll-view relative h-full max-h-inherit flex-1 ${q.props.border && "data-table--border"}`)), _;
+							var g = _tmpl$();
+							return use((g) => K.scroll_el = g, g), insert(g, () => G.children, null), insert(g, createComponent(K.props.ScrollFooter, {}), null), insert(g, (() => {
+								var g = memo(() => !K.props.data.length);
+								return () => g() && _tmpl$9();
+							})(), null), effect(() => className(g, `data-table--scroll-view relative h-full max-h-inherit flex-1 ${K.props.border && "data-table--border"}`)), g;
 						})(),
-						createComponent(q.props.Footer, {})
+						createComponent(K.props.Footer, {})
 					];
 				} }));
 			},
-			Header: ({ Header: _ }) => (_ ??= (_) => (() => {
-				var K = _tmpl$();
-				return spread(K, mergeProps(() => combineProps({ class: "data-table__header" }, _)), !1, !1), K;
-			})(), (K) => createComponent(_, K)),
-			Footer: ({ Footer: _ }) => (_ ??= (_) => (() => {
-				var K = _tmpl$();
-				return spread(K, mergeProps(() => combineProps({ class: "data-table__footer" }, _)), !1, !1), K;
-			})(), (K) => createComponent(_, K)),
-			ScrollFooter: ({ ScrollFooter: _ }) => (_ ??= (_) => (() => {
-				var K = _tmpl$();
-				return spread(K, mergeProps(() => combineProps({ class: "data-table__scroll__footer" }, _)), !1, !1), K;
-			})(), (K) => createComponent(_, K)),
-			Table: ({ Table: _ = J }, { store: K }) => (q) => (q = combineProps({
-				ref: (_) => K.table = _,
-				class: "data-table--table"
-			}, q), createComponent(_, q)),
-			Thead: ({ Thead: _ = Y }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.thead = _ }, q), createComponent(_, q)),
-			Tbody: ({ Tbody: _ = X }, { store: K }) => (q) => (q = combineProps({ ref: (_) => K.tbody = _ }, q), createComponent(_, q)),
-			Tr: ({ Tr: _ = Z }, { store: K }) => (J) => {
-				let [Y, X] = createSignal(), Z = combineProps({
-					ref: X,
+			Header: ({ Header: g }) => (g ??= (g) => (() => {
+				var G = _tmpl$();
+				return spread(G, mergeProps(() => combineProps({ class: "data-table__header" }, g)), !1, !1), G;
+			})(), (G) => createComponent(g, G)),
+			Footer: ({ Footer: g }) => (g ??= (g) => (() => {
+				var G = _tmpl$();
+				return spread(G, mergeProps(() => combineProps({ class: "data-table__footer" }, g)), !1, !1), G;
+			})(), (G) => createComponent(g, G)),
+			ScrollFooter: ({ ScrollFooter: g }) => (g ??= (g) => (() => {
+				var G = _tmpl$();
+				return spread(G, mergeProps(() => combineProps({ class: "data-table__scroll__footer" }, g)), !1, !1), G;
+			})(), (G) => createComponent(g, G)),
+			Table: ({ Table: g = J }, { store: G }) => (q) => (q = combineProps({
+				ref: (g) => G.table = g,
+				class: "data-table--table",
+				style: `width: ${pxsuffix(G.props.scroll?.x) ?? ""}`
+			}, q), createComponent(g, q)),
+			Thead: ({ Thead: g = Y }, { store: G }) => (K) => (K = combineProps({ ref: (g) => G.thead = g }, K), createComponent(g, K)),
+			Tbody: ({ Tbody: g = X }, { store: G }) => (K) => (K = combineProps({ ref: (g) => G.tbody = g }, K), createComponent(g, K)),
+			Tr: ({ Tr: g = Z }, { store: G }) => (K) => {
+				let [J, Y] = createSignal(), X = combineProps({
+					ref: Y,
 					get class() {
-						return J.y == null ? "" : unFn(K.props.rowClass, J);
+						return K.y == null ? "" : unFn(G.props.rowClass, K);
 					},
 					get style() {
-						return J.y == null ? "" : unFn(K.props.rowStyle, J);
+						return K.y == null ? "" : unFn(G.props.rowStyle, K);
 					},
-					onClick: (_) => J.y != null && K.props.onRowClick?.(J.data, J.y, _)
-				}, J);
+					onClick: (g) => K.y != null && G.props.onRowClick?.(K.data, K.y, g)
+				}, K);
 				return createEffect(() => {
-					let { y: _ } = J;
-					_ != null && (K.trs[_] = Y(), K.trObs.observe(Y()), onCleanup(() => {
-						K.trObs.unobserve(Y()), K.trs[_] = void 0, !(K.props.data.length > _) && (K.trSizes[_] = void 0);
+					let { y: g } = K;
+					g != null && (G.trs[g] = J(), G.trObs.observe(J()), onCleanup(() => {
+						G.trObs.unobserve(J()), G.trs[g] = void 0, !(G.props.data.length > g) && (G.trSizes[g] = void 0);
 					}));
-				}), createComponent(_, Z);
+				}), createComponent(g, X);
 			},
-			Th: ({ Th: _ = Q }, { store: K }) => (J) => {
-				let [Y, X] = createSignal(), { props: Z } = useContext(Ctx), Q = combineProps(J, {
-					ref: X,
+			Th: ({ Th: g = Q }, { store: G }) => (K) => {
+				let [J, Y] = createSignal(), { props: X } = useContext(Ctx), Z = combineProps(K, {
+					ref: Y,
 					get class() {
-						return [unFn(Z.cellClass, J), J.col.class].filter(Boolean).join(" ");
+						return [unFn(X.cellClass, K), K.col.class].filter(Boolean).join(" ");
 					},
 					get style() {
 						return [
-							unFn(Z.cellStyle, J),
-							J.col.style,
-							J.col.width && `width: ${J.col.width}px; min-width: ${J.col.width}px; max-width: ${J.col.width}px`
+							unFn(X.cellStyle, K),
+							K.col.style,
+							K.col.width && `width: ${K.col.width}px; min-width: ${K.col.width}px; max-width: ${K.col.width}px`
 						].filter(Boolean).join(";");
 					}
 				});
 				return createEffect(() => {
-					if (J.covered || (J.colspan ?? 1) != 1) return;
-					let { x: _ } = J;
-					K.ths[_] = Y(), K.thObs.observe(Y()), onCleanup(() => {
-						K.thObs.unobserve(Y()), K.ths[_] = void 0, !(K.props.columns.length > _) && (K.thSizes[_] = void 0);
+					if (K.covered || (K.colspan ?? 1) != 1) return;
+					let { x: g } = K;
+					G.ths[g] = J(), G.thObs.observe(J()), onCleanup(() => {
+						G.thObs.unobserve(J()), G.ths[g] = void 0, !(G.props.columns.length > g) && (G.thSizes[g] = void 0);
 					});
-				}), createComponent(_, mergeProps(Q, { get children() {
-					return J.children;
+				}), createComponent(g, mergeProps(Z, { get children() {
+					return K.children;
 				} }));
 			},
-			Td: ({ Td: _ = $ }, { store: K }) => (K) => {
-				let { props: J } = useContext(Ctx), Y = mergeProps$1(K, {
+			Td: ({ Td: g = $ }, { store: G }) => (G) => {
+				let { props: K } = useContext(Ctx), J = mergeProps$1(G, {
 					get class() {
 						return [
-							unFn(J.cellClass, K),
-							K.col.class,
-							K.class
+							unFn(K.cellClass, G),
+							G.col.class,
+							G.class
 						].filter(Boolean).join(" ");
 					},
 					get style() {
 						return [
-							unFn(J.cellStyle, K),
-							K.col.style,
-							K.col.width && `width: ${K.col.width}px; min-width: ${K.col.width}px; max-width: ${K.col.width}px`,
-							K.style
+							unFn(K.cellStyle, G),
+							G.col.style,
+							G.col.width && `width: ${G.col.width}px; min-width: ${G.col.width}px; max-width: ${G.col.width}px`,
+							G.style
 						].filter(Boolean).join(";");
 					}
 				});
-				return createComponent(_, Y);
+				return createComponent(g, J);
 			},
-			EachRows: ({ EachRows: _ }) => _ || ((_) => createComponent(For, {
+			EachRows: ({ EachRows: g }) => g || ((g) => createComponent(For, {
 				get each() {
-					return _.each;
+					return g.each;
 				},
-				children: (K, q) => _.children(() => K, q)
+				children: (G, K) => g.children(() => G, K)
 			})),
-			EachCells: ({ EachCells: _ }) => _ || ((_) => createComponent(For, {
+			EachCells: ({ EachCells: g }) => g || ((g) => createComponent(For, {
 				get each() {
-					return _.each;
+					return g.each;
 				},
-				children: (K, q) => _.children(() => K, q)
+				children: (G, K) => g.children(() => G, K)
 			})),
-			renderer: ({ renderer: _ = (_) => _ }) => _
+			renderer: ({ renderer: g = (g) => g }) => g
 		},
-		layers: [function(_) {
-			return memo(() => memo(() => !!_.props.loading)() ? (() => {
-				var _ = _tmpl$0();
-				return insert(_, createComponent(loading_bold_default, { class: "text-2xl animate-spin" })), _;
+		layers: [function(g) {
+			return memo(() => memo(() => !!g.props.loading)() ? (() => {
+				var g = _tmpl$0();
+				return insert(g, createComponent(loading_bold_default, { class: "text-2xl animate-spin" })), g;
 			})() : null);
 		}]
 	};
@@ -374,30 +375,30 @@ const defaultsPlugins = [
 	CellSelectionPlugin,
 	{
 		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);
+		rewriteProps: { Thead: ({ Thead: g }) => (G) => {
+			let { props: K } = useContext(Ctx);
+			return G = combineProps({ get class() {
+				return K.stickyHeader ? "sticky-header" : "";
+			} }, G), createComponent(g, G);
 		} }
 	},
 	HeaderGroupPlugin,
-	(_) => {
-		let K = createLazyMemo(() => {
-			let K = {};
-			for (let [q, J] of _.props.columns.entries()) J.fixed === "left" && (K[q] = sumBy(_.thSizes.slice(0, q), (_) => _?.width || 0)), J.fixed === "right" && (K[q] = sumBy(_.thSizes.slice(q + 1), (_) => _?.width || 0));
-			return K;
-		}), J = createLazyMemo(() => _.props.columns.filter((_) => _.fixed == "left").length - 1), Y = createLazyMemo(() => _.props.columns.length - _.props.columns.filter((_) => _.fixed == "right").length);
+	(g) => {
+		let G = createLazyMemo(() => {
+			let G = {};
+			for (let [K, q] of g.props.columns.entries()) q.fixed === "left" && (G[K] = sumBy(g.thSizes.slice(0, K), (g) => g?.width || 0)), q.fixed === "right" && (G[K] = sumBy(g.thSizes.slice(K + 1), (g) => g?.width || 0));
+			return G;
+		}), K = createLazyMemo(() => g.props.columns.filter((g) => g.fixed == "left").length - 1), J = createLazyMemo(() => g.props.columns.length - g.props.columns.filter((g) => g.fixed == "right").length);
 		return {
 			name: "fixed-column",
 			rewriteProps: {
-				columns: ({ columns: _ }) => [
-					..._?.filter((_) => _.fixed == "left") || [],
-					..._?.filter((_) => !_.fixed) || [],
-					..._?.filter((_) => _.fixed == "right") || []
+				columns: ({ columns: g }) => [
+					...g?.filter((g) => g.fixed == "left") || [],
+					...g?.filter((g) => !g.fixed) || [],
+					...g?.filter((g) => g.fixed == "right") || []
 				],
-				cellClass: ({ cellClass: _ }) => (K) => (unFn(_, K) || "") + (K.col.fixed ? ` fixed-${K.col.fixed} ${K.x == J() ? "is-last" : ""} ${K.x == Y() ? "is-first" : ""}` : ""),
-				cellStyle: ({ cellStyle: _ }) => (J) => (unFn(_, J) || "") + (J.col.fixed ? `; ${J.col.fixed}: ${K()[J.x]}px` : "")
+				cellClass: ({ cellClass: g }) => (G) => (unFn(g, G) || "") + (G.col.fixed ? ` fixed-${G.col.fixed} ${G.x == K() ? "is-last" : ""} ${G.x == J() ? "is-first" : ""}` : ""),
+				cellStyle: ({ cellStyle: g }) => (K) => (unFn(g, K) || "") + (K.col.fixed ? `; ${K.col.fixed}: ${G()[K.x]}px` : "")
 			}
 		};
 	},
@@ -408,17 +409,17 @@ const defaultsPlugins = [
 	{
 		name: "index",
 		priority: -Infinity,
-		store: (_) => ({ $index: {
+		store: (g) => ({ $index: {
 			name: "",
 			id: Symbol("index"),
 			fixed: "left",
-			[_.internal]: 1,
+			[g.internal]: 1,
 			width: 40,
 			style: "text-align: center",
 			class: "index",
-			render: solidComponent((_) => memo(() => _.y + 1))
+			render: solidComponent((g) => memo(() => g.y + 1))
 		} }),
-		rewriteProps: { columns: ({ columns: _ }, { store: K }) => K.props?.index ? [K.$index, ..._ || []] : _ }
+		rewriteProps: { columns: ({ columns: g }, { store: G }) => G.props?.index ? [G.$index, ...g || []] : g }
 	},
 	FilterPlugin,
 	SortPlugin,
@@ -428,11 +429,11 @@ const defaultsPlugins = [
 	TreePlugin,
 	{
 		name: "fit-col-width",
-		rewriteProps: { Table: ({ Table: _ }, { store: K }) => (q) => {
-			let J = createMemo(() => K.props.columns.some((_) => !_.width));
-			return q = combineProps(q, { get style() {
-				return J() ? "min-width: 100%" : "min-width: unset";
-			} }), createComponent(_, q);
+		rewriteProps: { Table: ({ Table: g }, { store: G }) => (K) => {
+			let q = createMemo(() => G.props.columns.some((g) => !g.width));
+			return K = combineProps(K, { get style() {
+				return q() ? "min-width: 100%" : "min-width: unset";
+			} }), createComponent(g, K);
 		} }
 	},
 	RowGroupPlugin,

package/dist/plugins/RenderPlugin/components.js

@@ -6,13 +6,17 @@ import { combineProps } from "@solid-primitives/props";
 var _tmpl$ = /* @__PURE__ */ template("<input type=checkbox>"), _tmpl$2 = /* @__PURE__ */ template("<div>"), _tmpl$3 = /* @__PURE__ */ template("<span>★"), _tmpl$4 = /* @__PURE__ */ template("<div><div class=\"flex-1 h-2 rd-full bg-gray-200 overflow-hidden\"><div class=\"h-full rd-full transition-all duration-300\"></div></div><span class=\"ml-1 text-11px c-gray-500 min-w-30px text-right\">%");
 const Checkbox = (e) => {
 	let x;
-	return [e, x] = splitProps(e, ["value", "onChange"]), x = combineProps({ get class() {
-		return `you-checkbox ${e.value && "checked"}`;
+	return [e, x] = splitProps(e, [
+		"value",
+		"indeterminate",
+		"onChange"
+	]), x = combineProps({ get class() {
+		return `you-checkbox ${e.value && "checked"} ${e.indeterminate && "indeterminate"}`;
 	} }, x), (() => {
 		var S = _tmpl$();
 		return S.addEventListener("change", (x) => e.onChange?.(x.currentTarget.checked)), spread(S, mergeProps({ get checked() {
 			return e.value || !1;
-		} }, x), !1, !1), S;
+		} }, x), !1, !1), effect(() => S.indeterminate = !!e.indeterminate), S;
 	})();
 }, Files = (e) => {
 	let x;

package/dist/plugins/RowSelectionPlugin.js

@@ -17,6 +17,9 @@ const RowSelectionPlugin = {
 		name: solidComponent((e) => c.props.rowSelection?.multiple && (() => {
 			var e = _tmpl$();
 			return insert(e, createComponent(Checkbox, {
+				get indeterminate() {
+					return c.commands.rowSelector.isIndeterminate(c.props.data);
+				},
 				get value() {
 					return c.commands.rowSelector.isAll(c.props.data);
 				},

package/dist/style.css

@@ -1,3 +1,3 @@
 @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--un-bg-opacity:100%;--un-leading:initial;--un-content:"";--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-text-opacity:100%;--un-border-opacity:100%;--un-outline-opacity:100%;--un-space-y-reverse:initial;--un-space-x-reverse:initial;--un-outline-style:solid;--un-border-top-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-leading{syntax:"*";inherits:false}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}@property --un-numeric-figure{syntax:"*";inherits:false}@property --un-numeric-fraction{syntax:"*";inherits:false}@property --un-numeric-spacing{syntax:"*";inherits:false}@property --un-ordinal{syntax:"*";inherits:false}@property --un-slashed-zero{syntax:"*";inherits:false}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0}:root,:host{--spacing:.25rem;--fontWeight-semibold:600;--radius-DEFAULT:.25rem;--colors-gray-DEFAULT:#99a1af;--leading-snug:1.375;--colors-gray-800:#1e2939;--colors-white:#fff;--colors-gray-100:#f3f4f6;--colors-gray-900:#101828;--text-xs-fontSize:.75rem;--text-xs-lineHeight:1rem;--text-sm-fontSize:.875rem;--text-sm-lineHeight:1.25rem;--default-transition-timingFunction:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--radius-md:.375rem;--radius-xl:.75rem;--fontWeight-medium:500;--tracking-wide:.025em;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--leading-none:1;--colors-blue-DEFAULT:#54a2ff;--colors-red-DEFAULT:#ff6568;--colors-gray-200:#e5e7eb;--colors-gray-500:#6a7282;--text-2xl-fontSize:1.5rem;--text-2xl-lineHeight:2rem;--colors-green-DEFAULT:#05df72;--colors-black:#000;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--default-font-family:var(--font-sans);--default-monoFont-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--colors-gray-DEFAULT:lab(65.9269% -.832677 -8.17474);--colors-gray-800:lab(16.1051% -1.18239 -11.7533);--colors-gray-100:lab(96.1596% -.082314 -1.13575);--colors-gray-900:lab(8.11897% .811271 -12.254);--colors-blue-DEFAULT:lab(65.0361% -1.42065 -56.9802);--colors-red-DEFAULT:lab(63.7053% 60.745 31.3109);--colors-gray-200:lab(91.6229% -.159115 -2.26791);--colors-gray-500:lab(47.7841% -.393182 -10.0268);--colors-green-DEFAULT:lab(78.503% -64.9264 39.7492)}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-featureSettings,normal);font-variation-settings:var(--default-font-variationSettings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-monoFont-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-monoFont-featureSettings,normal);font-variation-settings:var(--default-monoFont-variationSettings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}.container{width:100%}.aic{align-items:center}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.text-11px{font-size:11px}.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading,var(--text-2xl-lineHeight))}.text-3{font-size:.75rem}.text-4{font-size:1rem}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight))}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight))}.c-\[--c-primary\]{color:color-mix(in oklab,var(--c-primary)var(--un-text-opacity),transparent)}.c-\#1e3a8a{color:color-mix(in oklab,#1e3a8a var(--un-text-opacity),transparent)}.c-\#7c2d12{color:color-mix(in oklab,#7c2d12 var(--un-text-opacity),transparent)}.c-blue{color:color-mix(in srgb,var(--colors-blue-DEFAULT)var(--un-text-opacity),transparent)}.c-gray-500{color:color-mix(in srgb,var(--colors-gray-500)var(--un-text-opacity),transparent)}.c-gray\/70{color:color-mix(in srgb,var(--colors-gray-DEFAULT)70%,transparent)}.c-red\/75{color:color-mix(in srgb,var(--colors-red-DEFAULT)75%,transparent)}.leading-5{--un-leading:calc(4px*5);line-height:20px}.lh-\[1\]{--un-leading:1;line-height:1}.lh-none{--un-leading:var(--leading-none);line-height:var(--leading-none)}.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}.font-mono{font-family:var(--font-mono)}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold)}.m9{margin:36px}.mx-1{margin-inline:4px}.mx-2{margin-inline:8px}.mx-3\!{margin-inline:12px!important}.my-1{margin-block:4px}.ml{margin-left:16px}.ml-\.5{margin-left:2px}.ml-1{margin-left:4px}.mr--1{margin-right:-4px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-2\.5{margin-right:10px}.mt-1{margin-top:4px}.p-0\!{padding:0!important}.p-1{padding:4px}.p-4\!{padding:16px!important}.px,.px-4{padding-inline:16px}.px-1{padding-inline:4px}.px-1\.5{padding-inline:6px}.px-2{padding-inline:8px}.px-3{padding-inline:12px}.py-1{padding-block:4px}.py-1\.5{padding-block:6px}.py-2{padding-block:8px}.pl-1{padding-left:4px}.pl-4{padding-left:16px}.pr-4{padding-right:16px}.ps{padding-inline-start:16px}.text-center{text-align:center}.text-right{text-align:right}.outline-0{outline-style:var(--un-outline-style);outline-width:0}.outline-1\.5px{outline-style:var(--un-outline-style);outline-width:1.5px}.outline-2{outline-style:var(--un-outline-style);outline-width:2px}.outline-\[--c-primary\]{outline-color:color-mix(in oklab,var(--c-primary)var(--un-outline-opacity),transparent)}.outline-blue{outline-color:color-mix(in srgb,var(--colors-blue-DEFAULT)var(--un-outline-opacity),transparent)}.outline-none{--un-outline-style:none;outline-style:none}.outline-solid{--un-outline-style:solid;outline-style:solid}.b,.b-1,.border{border-width:1px}.b-2px{border-width:2px}.b-r-0{border-right-width:0}.b-\[--table-bg\]{border-color:color-mix(in oklab,var(--table-bg)var(--un-border-opacity),transparent)}.b-\#00000000\!{border-color:color-mix(in oklab,#0000 var(--un-border-opacity),transparent)!important}.b-\#4f7ff0{border-color:color-mix(in oklab,#4f7ff0 var(--un-border-opacity),transparent)}.b-\#f59e0b{border-color:color-mix(in oklab,#f59e0b var(--un-border-opacity),transparent)}.rd-1{border-radius:.25rem}.rd-1\.5{border-radius:.375rem}.rd-2{border-radius:.5rem}.rd-full{border-radius:3.40282e38px}.rd-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rd-l-4{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.b-dashed{--un-border-style:dashed;border-style:dashed}.b-solid{--un-border-style:solid;border-style:solid}.bg-\[--bg\]{background-color:color-mix(in oklab,var(--bg)var(--un-bg-opacity),transparent)}.bg-\[--c-primary\]{background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent)}.bg-\[--table-bg\]{background-color:color-mix(in oklab,var(--table-bg)var(--un-bg-opacity),transparent)}.bg-\[--table-header-bg\]{background-color:color-mix(in oklab,var(--table-header-bg)var(--un-bg-opacity),transparent)}.bg-\#dbe6ff\/75{background-color:#dbe6ffbf;background-color:lab(91.0303% -.143617 -13.4803/.75)}.bg-\#fff{background-color:color-mix(in oklab,#fff var(--un-bg-opacity),transparent)}.bg-\#fff3d6\/85{background-color:#fff3d6d9;background-color:lab(96.236% .744313 15.5662/.85)}.bg-blue\/20\!{background-color:color-mix(in srgb,var(--colors-blue-DEFAULT)20%,transparent)!important}.bg-gray-200{background-color:color-mix(in srgb,var(--colors-gray-200)var(--un-bg-opacity),transparent)}.bg-gray\/20{background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)20%,transparent)}.bg-green\!{background-color:color-mix(in srgb,var(--colors-green-DEFAULT)var(--un-bg-opacity),transparent)!important}.bg-red\!{background-color:color-mix(in srgb,var(--colors-red-DEFAULT)var(--un-bg-opacity),transparent)!important}.bg-transparent{background-color:#0000}.hover\:bg-\[--li-hover-bg\]:hover{background-color:color-mix(in oklab,var(--li-hover-bg)var(--un-bg-opacity),transparent)}.hover\:bg-black\/8:hover{background-color:color-mix(in srgb,var(--colors-black)8%,transparent)}.op-0{opacity:0}.op-15{opacity:.15}.op-60{opacity:.6}.op-75{opacity:.75}.op40{opacity:.4}.opacity-50{opacity:.5}.group:hover .group-hover\:op-100{opacity:1}.disabled\:op-30:disabled{opacity:.3}.hover\:underline:hover{text-decoration-line:underline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-0\.5{gap:2px}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.grid{display:grid}.size-3\.5{width:14px;height:14px}.size-4\!{width:16px!important;height:16px!important}.size-full{width:100%;height:100%}.h-1\!{height:4px!important}.h-2{height:8px}.h-2\.5{height:10px}.h-3\.5{height:14px}.h-5{height:20px}.h-6{height:24px}.h-6\.5{height:26px}.h-a\!{height:auto!important}.h-full{height:100%}.max-h-100{max-height:400px}.max-h-60{max-height:240px}.max-h-inherit{max-height:inherit}.min-h-16{min-height:64px}.min-h-40{min-height:160px}.min-h-a\!{min-height:auto!important}.min-w-24{min-width:96px}.min-w-30px{min-width:30px}.min-w-44{min-width:176px}.min-w-52{min-width:208px}.w-10{width:40px}.w-10px\!{width:10px!important}.w-2\.5{width:10px}.w-3\.5{width:14px}.w-6\.5{width:26px}.w-8\!{width:32px!important}.w-a\!{width:auto!important}.w-full{width:100%}.after\:h-1:after{height:4px}.after\:w-1:after{width:4px}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.contents{display:contents}.hidden{display:none}.visible{visibility:visible}.collapse{visibility:collapse}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.resize{resize:both}.resize-none{resize:none}.select-none{-webkit-user-select:none;user-select:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color,#0000001a),0 1px 2px -1px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color,#0000001a),0 8px 10px -6px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.translate-x--1\/2{--un-translate-x:-50%;translate:var(--un-translate-x)var(--un-translate-y)}.translate-x-1\/2{--un-translate-x:50%;translate:var(--un-translate-x)var(--un-translate-y)}.translate-y--1\/2{--un-translate-y:-50%;translate:var(--un-translate-x)var(--un-translate-y)}.hover\:scale-110:hover{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x)var(--un-scale-y)}.transform{transform:var(--un-rotate-x)var(--un-rotate-y)var(--un-rotate-z)var(--un-skew-x)var(--un-skew-y)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.duration-300{--un-duration:.3s;transition-duration:.3s}.items-start{align-items:flex-start}.items-center{align-items:center}.box-border{box-sizing:border-box}.inset-0{inset:0}.bottom-0{bottom:0}.left--0,.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.justify-end{justify-content:flex-end}.justify-end\!{justify-content:flex-end!important}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.z--1{z-index:-1}.z-1{z-index:1}.z-2{z-index:2}.z-9{z-index:9}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.of-y-auto{overflow-y:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.filter{filter:var(--un-blur,)var(--un-brightness,)var(--un-contrast,)var(--un-grayscale,)var(--un-hue-rotate,)var(--un-invert,)var(--un-saturate,)var(--un-sepia,)var(--un-drop-shadow,)}.table{display:table}.table-cell{display:table-cell}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,)var(--un-slashed-zero,)var(--un-numeric-figure,)var(--un-numeric-spacing,)var(--un-numeric-fraction,)}:where(.space-y-5>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(4px*5)*var(--un-space-y-reverse));margin-block-end:calc(calc(4px*5)*calc(1 - var(--un-space-y-reverse)))}@supports (color:color-mix(in lab, red, red)){.c-blue{color:color-mix(in oklab,var(--colors-blue-DEFAULT)var(--un-text-opacity),transparent)}.c-gray-500{color:color-mix(in oklab,var(--colors-gray-500)var(--un-text-opacity),transparent)}.c-gray\/70{color:color-mix(in oklab,var(--colors-gray-DEFAULT)70%,transparent)}.c-red\/75{color:color-mix(in oklab,var(--colors-red-DEFAULT)75%,transparent)}.outline-blue{outline-color:color-mix(in oklab,var(--colors-blue-DEFAULT)var(--un-outline-opacity),transparent)}.bg-blue\/20\!{background-color:color-mix(in oklab,var(--colors-blue-DEFAULT)20%,transparent)!important}.bg-gray-200{background-color:color-mix(in oklab,var(--colors-gray-200)var(--un-bg-opacity),transparent)}.bg-gray\/20{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)20%,transparent)}.bg-green\!{background-color:color-mix(in oklab,var(--colors-green-DEFAULT)var(--un-bg-opacity),transparent)!important}.bg-red\!{background-color:color-mix(in oklab,var(--colors-red-DEFAULT)var(--un-bg-opacity),transparent)!important}.hover\:bg-black\/8:hover{background-color:color-mix(in oklab,var(--colors-black)8%,transparent)}}
 
-.data-table{--bg:#fff;--c-primary:#51a2ff;--menu-bg:#fff;--li-hover-bg:#99a1af33;--table-b:1px solid var(--table-b-c);--table-b-c:#ebeef5;--table-c:#606266;--table-bg:#fff;--table-header-c:#909399;--table-header-bg:var(--table-bg);--table-row-hover-bg:#f5f7fa;--select-area-bg:#5292f71a;color:color-mix(in oklab,var(--table-c)var(--un-text-opacity),transparent);border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--table-bg)var(--un-bg-opacity),transparent);font-size:14px;position:relative}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.data-table--table{color:color-mix(in oklab,var(--table-c)var(--un-text-opacity),transparent);outline-style:var(--un-outline-style);border-collapse:collapse;table-layout:fixed;border-collapse:separate;border-spacing:0;border-width:0;outline-width:0;width:auto}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}.data-table thead{color:color-mix(in oklab,var(--table-header-c)var(--un-text-opacity),transparent)}.data-table tr:hover>td{background-color:color-mix(in oklab,var(--table-row-hover-bg)var(--un-bg-opacity),transparent)}.data-table th{background-color:color-mix(in oklab,var(--table-header-bg)var(--un-bg-opacity),transparent)}.data-table td{background-color:color-mix(in oklab,var(--table-bg)var(--un-bg-opacity),transparent)}.data-table td,.data-table th{vertical-align:middle;outline-style:var(--un-outline-style);border-width:0;border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);--un-border-style:solid;box-sizing:border-box;text-align:inherit;background-image:linear-gradient(var(--table-b-c),var(--table-b-c));background-position:100% 100%,100% 0;background-repeat:no-repeat;background-size:100% 1px,1px 100%;border-style:solid;outline-width:0;padding-block:2px;padding-inline:8px}.data-table td:empty:after{content:"ㅤ"!important}.data-table--border{outline-style:var(--un-outline-style);outline-width:1px;outline-color:color-mix(in oklab,var(--table-b-c)var(--un-outline-opacity),transparent);--un-outline-style:solid;outline-style:solid}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.data-table--border th,.data-table--border td{background-image:linear-gradient(var(--table-b-c),var(--table-b-c)),linear-gradient(var(--table-b-c),var(--table-b-c))}.data-table__empty{--un-leading:calc(4px*15);opacity:.4;justify-content:center;align-items:center;width:100%;line-height:60px;display:flex;position:sticky;left:0}@property --un-leading{syntax:"*";inherits:false}.data-table--scroll-view{overflow:auto}.data-table__layers{pointer-events:none;z-index:99;position:absolute;inset:0}.data-table__layers>*{position:absolute}.data-table__loading{background-color:color-mix(in oklab,var(--table-bg)70%,transparent);pointer-events:auto;z-index:99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.data-table__load-more{color:color-mix(in srgb,var(--colors-gray-DEFAULT)70%,transparent);text-align:center;padding-block:8px;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.data-table__load-more{color:color-mix(in oklab,var(--colors-gray-DEFAULT)70%,transparent)}}.data-table__pagination{color:color-mix(in oklab,var(--table-c)var(--un-text-opacity),transparent);border-top-width:1px;border-top-color:color-mix(in oklab,var(--table-b-c)var(--un-border-top-opacity),transparent);--un-border-top-opacity:var(--un-border-opacity);--un-border-style:solid;border-top-style:solid}@property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.data-table__pagination-btn{background-color:color-mix(in oklab,var(--table-row-hover-bg)var(--un-bg-opacity),transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25rem;min-width:28px;padding-block:4px;padding-inline:8px}.data-table__pagination-btn:not(:disabled):hover{color:color-mix(in oklab,var(--c-primary)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--c-primary)20%,transparent)}.data-table__pagination-btn.is-active{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);color:color-mix(in srgb,var(--colors-white)var(--un-text-opacity),transparent)!important;background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent)!important}@supports (color:color-mix(in lab, red, red)){.data-table__pagination-btn.is-active{color:color-mix(in oklab,var(--colors-white)var(--un-text-opacity),transparent)!important}}.data-table--small .data-table__pagination{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));padding-block:4px}.data-table--small .data-table__pagination-btn{border-radius:.1875rem;min-width:24px;padding-block:4px;padding-inline:6px}.data-table__footer{flex-shrink:0}.range-selected{position:relative}.range-selected>.area{border-width:0;border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--select-area-bg)var(--un-bg-opacity),transparent);pointer-events:none;border-style:solid;position:absolute;inset:0}.range-selected-l>.area{border-left-width:1.5px}.range-selected-r>.area{border-right-width:1.5px}.range-selected-t>.area{border-top-width:1.5px}.range-selected-b>.area{border-bottom-width:1.5px}.row-range-highlight,.col-range-highlight{position:relative}.row-range-highlight>.area,.col-range-highlight>.area{border-width:0;border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--c-primary)10%,transparent);pointer-events:none;border-style:solid;position:absolute;inset:0}.row-range-highlight.index>.area{border-right-width:1px}.col-range-highlight>.area{border-bottom-width:1px}.sticky-header{background-color:color-mix(in oklab,#fff var(--un-bg-opacity),transparent);z-index:9;position:sticky;top:0}.sticky-header:after{pointer-events:none;--un-content:"";content:var(--un-content);width:100%;height:10px;position:absolute;top:100%;box-shadow:inset 0 10px 10px -10px #00000026}@property --un-content{syntax:"*";inherits:false;initial-value:""}.fixed-left,.fixed-right{background-color:color-mix(in oklab,#fff var(--un-bg-opacity),transparent);z-index:2;position:sticky!important}.fixed-left.is-first:after,.fixed-left.is-last:after,.fixed-right.is-first:after,.fixed-right.is-last:after{pointer-events:none;--un-content:"";content:var(--un-content);width:10px;height:100%;position:absolute;top:0}.is-scroll-right .fixed-left.is-last:after,.is-scroll-mid .fixed-left.is-last:after{left:100%;box-shadow:inset 10px 0 10px -10px #00000026}.is-scroll-left .fixed-right.is-first:after,.is-scroll-mid .fixed-right.is-first:after{right:100%;box-shadow:inset -10px 0 10px -10px #00000026}.filter-input{--un-outline-style:none;border-width:1px;border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);border-radius:var(--radius-DEFAULT);box-sizing:border-box;outline-style:none;width:100%;margin-top:4px;padding-inline:6px;font-family:inherit;font-size:12px;display:block}.filter-input:focus{border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent)}.filter-input::placeholder{opacity:.3}.in-input{--un-outline-style:none;border-width:1px;border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);border-radius:var(--radius-DEFAULT);box-sizing:border-box;outline-style:none;padding-block:2px;padding-inline:6px;font-family:inherit;font-size:12px}.in-input:focus{border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent)}.in-input::placeholder{opacity:.3}.copied .range-selected>.area{border-style:dashed}.data-table.virtual{display:block;overflow:auto}.data-table.virtual thead{width:fit-content;display:block}.data-table.virtual thead>tr{display:flex}.data-table.virtual thead>tr>th{flex:none;display:block}.data-table.virtual tbody{width:fit-content;display:block}.data-table.virtual tbody>tr{display:flex}.data-table.virtual tbody>tr>td{flex:none;display:block}.row-selection{width:40px;position:relative}.row-selection>label{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.icon-clickable{box-sizing:border-box;border-radius:.25rem;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex}.icon-clickable:hover{background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent)}@supports (color:color-mix(in lab, red, red)){.icon-clickable:hover{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}.icon-clickable>svg{width:100%;height:100%}input[type=checkbox].you-checkbox{color:color-mix(in oklab,#2196f3 var(--un-text-opacity),transparent);appearance:none;outline-offset:0px;--un-border-style:solid;border:2px solid;border-radius:.25rem;width:16px;height:16px;margin:4px;position:relative}input[type=checkbox].you-checkbox:focus{outline-style:var(--un-outline-style);--un-outline-style:solid;outline:4px solid oklab(65.8156% -.0610627 -.157539/.4)}input[type=checkbox].you-checkbox.checked{background-color:currentColor}input[type=checkbox].you-checkbox.checked:after{color:color-mix(in oklab,#fff var(--un-text-opacity),transparent);--un-content:"✓";content:var(--un-content);--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x)var(--un-translate-y);z-index:1;font-size:.75rem;position:absolute;top:50%;left:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}td.is-editing{position:relative}td.is-invalid{outline-offset:-1.5px;outline:1.5px solid #ff4d4f;position:relative}.in-cell-edit-wrapper{z-index:1;position:absolute;inset:0;box-shadow:0 0 10px -2px #00000050}.cell-validating{border-width:2px;border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent);pointer-events:none;--un-translate-y:-50%;width:12px;height:12px;translate:var(--un-translate-x)var(--un-translate-y);border-top-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite spin;display:block;position:absolute;top:50%;right:4px}.cell-validation-error{z-index:2;color:#ff4d4f;white-space:nowrap;pointer-events:none;background:#fff1f0;border:1px solid #ffccc7;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #00000020}.cell-validation-error:empty{display:none}.in-cell__resize-handle{width:100%;height:100%;position:absolute}.in-cell__resize-handle:hover:after{background-color:color-mix(in oklab,var(--c-primary)40%,transparent)}.in-cell__resize-handle:active:after{background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent)}.in-cell__resize-handle:after{--un-content:"";content:var(--un-content)}.li{cursor:pointer;position:relative}.li:hover,.li.hover{background-color:color-mix(in oklab,var(--li-hover-bg)var(--un-bg-opacity),transparent)}.li:active:before,.li.selected:before,.li.active:before{content:"";border-radius:inherit;background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)15%,transparent);pointer-events:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.li:active:before,.li.selected:before,.li.active:before{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)15%,transparent)}}.li.disabled,.li[disabled]{opacity:.4}.tt-menu{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));border-width:1px;border-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--menu-bg)var(--un-bg-opacity),transparent);cursor:default;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);border-style:solid;border-radius:.5rem;padding-block:4px}@supports (color:color-mix(in lab, red, red)){.tt-menu{border-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}:where(.tt-menu>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(4px*.5)*var(--un-space-y-reverse));margin-block-end:calc(calc(4px*.5)*calc(1 - var(--un-space-y-reverse)))}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0}.tt-menu-x{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));border-width:1px;border-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--menu-bg)var(--un-bg-opacity),transparent);cursor:default;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);border-style:solid;border-radius:.5rem;padding-inline:4px}@supports (color:color-mix(in lab, red, red)){.tt-menu-x{border-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}:where(.tt-menu-x>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(4px*.5)*var(--un-space-x-reverse));margin-inline-end:calc(calc(4px*.5)*calc(1 - var(--un-space-x-reverse)))}@property --un-space-x-reverse{syntax:"*";inherits:false;initial-value:0}.tt-menu-x>.hr{background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent);width:1px;margin-block:6px}@supports (color:color-mix(in lab, red, red)){.tt-menu-x>.hr{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}.in-tooltip{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb,var(--colors-white)var(--un-text-opacity),transparent);--un-leading:var(--leading-snug);line-height:var(--leading-snug);background-color:color-mix(in srgb,var(--colors-gray-800)var(--un-bg-opacity),transparent);-webkit-user-select:text;user-select:text;overflow-wrap:break-word;--un-shadow:0 4px 6px -1px var(--un-shadow-color,#0000001a),0 2px 4px -2px var(--un-shadow-color,#0000001a);width:max-content;box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);z-index:50;border-radius:.25rem;padding-block:8px;padding-inline:12px;animation:.15s both in-tooltip-in;position:relative}@supports (color:color-mix(in lab, red, red)){.in-tooltip{color:color-mix(in oklab,var(--colors-white)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--colors-gray-800)var(--un-bg-opacity),transparent)}}.dark .in-tooltip{color:color-mix(in srgb,var(--colors-gray-900)var(--un-text-opacity),transparent);background-color:color-mix(in srgb,var(--colors-gray-100)var(--un-bg-opacity),transparent)}@supports (color:color-mix(in lab, red, red)){.dark .in-tooltip{color:color-mix(in oklab,var(--colors-gray-900)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--colors-gray-100)var(--un-bg-opacity),transparent)}}.in-tooltip:before{background-color:inherit;--un-content:"";content:var(--un-content);width:8px;height:8px;position:absolute;rotate:45deg}.in-tooltip[data-placement=top]:before{bottom:-4px;left:calc(50% - 4px)}.in-tooltip[data-placement=bottom]:before{top:-4px;left:calc(50% - 4px)}.in-tooltip[data-placement=left]:before{top:calc(50% - 4px);right:-4px}.in-tooltip[data-placement=right]:before{top:calc(50% - 4px);left:-4px}.in-tooltip[data-placement=top-start]:before{bottom:-4px;left:12px}.in-tooltip[data-placement=top-end]:before{bottom:-4px;right:12px}.in-tooltip[data-placement=bottom-start]:before{top:-4px;left:12px}.in-tooltip[data-placement=bottom-end]:before{top:-4px;right:12px}@keyframes in-tooltip-in{0%{opacity:0}to{opacity:1}}.col__guide-line,.row__guide-line{background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent);pointer-events:none;z-index:9;position:fixed;top:0;left:0}th[draggable=true],td[draggable=true]{cursor:move}.input-no-spin::-webkit-outer-spin-button{appearance:none}.input-no-spin::-webkit-inner-spin-button{appearance:none}.branch-graph-col{padding:0;overflow:hidden}.branch-graph-svg{display:block}.branch-graph-wrap{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+.data-table{--bg:#fff;--c-primary:#51a2ff;--menu-bg:#fff;--li-hover-bg:#99a1af33;--table-b:1px solid var(--table-b-c);--table-b-c:#ebeef5;--table-c:#606266;--table-bg:#fff;--table-header-c:#909399;--table-header-bg:var(--table-bg);--table-row-hover-bg:#f5f7fa;--select-area-bg:#5292f71a;color:color-mix(in oklab,var(--table-c)var(--un-text-opacity),transparent);border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--table-bg)var(--un-bg-opacity),transparent);font-size:14px;position:relative}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.data-table--table{color:color-mix(in oklab,var(--table-c)var(--un-text-opacity),transparent);outline-style:var(--un-outline-style);border-collapse:collapse;table-layout:fixed;border-collapse:separate;border-spacing:0;border-width:0;outline-width:0;width:auto}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}.data-table thead{color:color-mix(in oklab,var(--table-header-c)var(--un-text-opacity),transparent)}.data-table tr:hover>td{background-color:color-mix(in oklab,var(--table-row-hover-bg)var(--un-bg-opacity),transparent)}.data-table th{background-color:color-mix(in oklab,var(--table-header-bg)var(--un-bg-opacity),transparent)}.data-table td{background-color:color-mix(in oklab,var(--table-bg)var(--un-bg-opacity),transparent)}.data-table td,.data-table th{vertical-align:middle;outline-style:var(--un-outline-style);border-width:0;border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);--un-border-style:solid;box-sizing:border-box;text-align:inherit;background-image:linear-gradient(var(--table-b-c),var(--table-b-c));background-position:100% 100%,100% 0;background-repeat:no-repeat;background-size:100% 1px,1px 100%;border-style:solid;outline-width:0;padding-block:2px;padding-inline:8px}.data-table td:empty:after{content:"ㅤ"!important}.data-table--border{outline-style:var(--un-outline-style);outline-width:1px;outline-color:color-mix(in oklab,var(--table-b-c)var(--un-outline-opacity),transparent);--un-outline-style:solid;outline-style:solid}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.data-table--border th,.data-table--border td{background-image:linear-gradient(var(--table-b-c),var(--table-b-c)),linear-gradient(var(--table-b-c),var(--table-b-c))}.data-table__empty{--un-leading:calc(4px*15);opacity:.4;justify-content:center;align-items:center;width:100%;line-height:60px;display:flex;position:sticky;left:0}@property --un-leading{syntax:"*";inherits:false}.data-table--scroll-view{overflow:auto}.data-table__layers{pointer-events:none;z-index:99;position:absolute;inset:0}.data-table__layers>*{position:absolute}.data-table__loading{background-color:color-mix(in oklab,var(--table-bg)70%,transparent);pointer-events:auto;z-index:99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.data-table__load-more{color:color-mix(in srgb,var(--colors-gray-DEFAULT)70%,transparent);text-align:center;padding-block:8px;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.data-table__load-more{color:color-mix(in oklab,var(--colors-gray-DEFAULT)70%,transparent)}}.data-table__pagination{color:color-mix(in oklab,var(--table-c)var(--un-text-opacity),transparent);border-top-width:1px;border-top-color:color-mix(in oklab,var(--table-b-c)var(--un-border-top-opacity),transparent);--un-border-top-opacity:var(--un-border-opacity);--un-border-style:solid;border-top-style:solid}@property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.data-table__pagination-btn{background-color:color-mix(in oklab,var(--table-row-hover-bg)var(--un-bg-opacity),transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25rem;min-width:28px;padding-block:4px;padding-inline:8px}.data-table__pagination-btn:not(:disabled):hover{color:color-mix(in oklab,var(--c-primary)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--c-primary)20%,transparent)}.data-table__pagination-btn.is-active{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);color:color-mix(in srgb,var(--colors-white)var(--un-text-opacity),transparent)!important;background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent)!important}@supports (color:color-mix(in lab, red, red)){.data-table__pagination-btn.is-active{color:color-mix(in oklab,var(--colors-white)var(--un-text-opacity),transparent)!important}}.data-table--small .data-table__pagination{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));padding-block:4px}.data-table--small .data-table__pagination-btn{border-radius:.1875rem;min-width:24px;padding-block:4px;padding-inline:6px}.data-table__footer{flex-shrink:0}.range-selected{position:relative}.range-selected>.area{border-width:0;border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--select-area-bg)var(--un-bg-opacity),transparent);pointer-events:none;border-style:solid;position:absolute;inset:0}.range-selected-l>.area{border-left-width:1.5px}.range-selected-r>.area{border-right-width:1.5px}.range-selected-t>.area{border-top-width:1.5px}.range-selected-b>.area{border-bottom-width:1.5px}.row-range-highlight,.col-range-highlight{position:relative}.row-range-highlight>.area,.col-range-highlight>.area{border-width:0;border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--c-primary)10%,transparent);pointer-events:none;border-style:solid;position:absolute;inset:0}.row-range-highlight.index>.area{border-right-width:1px}.col-range-highlight>.area{border-bottom-width:1px}.sticky-header{background-color:color-mix(in oklab,#fff var(--un-bg-opacity),transparent);z-index:9;position:sticky;top:0}.sticky-header:after{pointer-events:none;--un-content:"";content:var(--un-content);width:100%;height:10px;position:absolute;top:100%;box-shadow:inset 0 10px 10px -10px #00000026}@property --un-content{syntax:"*";inherits:false;initial-value:""}.fixed-left,.fixed-right{background-color:color-mix(in oklab,#fff var(--un-bg-opacity),transparent);z-index:2;position:sticky!important}.fixed-left.is-first:after,.fixed-left.is-last:after,.fixed-right.is-first:after,.fixed-right.is-last:after{pointer-events:none;--un-content:"";content:var(--un-content);width:10px;height:100%;position:absolute;top:0}.is-scroll-right .fixed-left.is-last:after,.is-scroll-mid .fixed-left.is-last:after{left:100%;box-shadow:inset 10px 0 10px -10px #00000026}.is-scroll-left .fixed-right.is-first:after,.is-scroll-mid .fixed-right.is-first:after{right:100%;box-shadow:inset -10px 0 10px -10px #00000026}.filter-input{--un-outline-style:none;border-width:1px;border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);border-radius:var(--radius-DEFAULT);box-sizing:border-box;outline-style:none;width:100%;margin-top:4px;padding-inline:6px;font-family:inherit;font-size:12px;display:block}.filter-input:focus{border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent)}.filter-input::placeholder{opacity:.3}.in-input{--un-outline-style:none;border-width:1px;border-color:color-mix(in oklab,var(--table-b-c)var(--un-border-opacity),transparent);border-radius:var(--radius-DEFAULT);box-sizing:border-box;outline-style:none;padding-block:2px;padding-inline:6px;font-family:inherit;font-size:12px}.in-input:focus{border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent)}.in-input::placeholder{opacity:.3}.copied .range-selected>.area{border-style:dashed}.data-table.virtual{display:block;overflow:auto}.data-table.virtual thead{width:fit-content;display:block}.data-table.virtual thead>tr{display:flex}.data-table.virtual thead>tr>th{flex:none;display:block}.data-table.virtual tbody{width:fit-content;display:block}.data-table.virtual tbody>tr{display:flex}.data-table.virtual tbody>tr>td{flex:none;display:block}.row-selection{width:40px;position:relative}.row-selection>label{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.icon-clickable{box-sizing:border-box;border-radius:.25rem;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex}.icon-clickable:hover{background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent)}@supports (color:color-mix(in lab, red, red)){.icon-clickable:hover{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}.icon-clickable>svg{width:100%;height:100%}input[type=checkbox].you-checkbox{color:color-mix(in oklab,#2196f3 var(--un-text-opacity),transparent);appearance:none;outline-offset:0px;--un-border-style:solid;border:2px solid;border-radius:.25rem;width:16px;height:16px;margin:4px;position:relative}input[type=checkbox].you-checkbox:focus{outline-style:var(--un-outline-style);--un-outline-style:solid;outline:4px solid oklab(65.8156% -.0610627 -.157539/.4)}input[type=checkbox].you-checkbox.checked{background-color:currentColor}input[type=checkbox].you-checkbox.checked:after{color:color-mix(in oklab,#fff var(--un-text-opacity),transparent);--un-content:"✓";content:var(--un-content);--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x)var(--un-translate-y);z-index:1;font-size:.75rem;position:absolute;top:50%;left:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}input[type=checkbox].you-checkbox.indeterminate{background-color:currentColor}input[type=checkbox].you-checkbox.indeterminate:after{color:color-mix(in oklab,#fff var(--un-text-opacity),transparent);--un-content:"—";content:var(--un-content);--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x)var(--un-translate-y);z-index:1;font-size:.75rem;position:absolute;top:50%;left:50%}td.is-editing{position:relative}td.is-invalid{outline-offset:-1.5px;outline:1.5px solid #ff4d4f;position:relative}.in-cell-edit-wrapper{z-index:1;position:absolute;inset:0;box-shadow:0 0 10px -2px #00000050}.cell-validating{border-width:2px;border-color:color-mix(in oklab,var(--c-primary)var(--un-border-opacity),transparent);pointer-events:none;--un-translate-y:-50%;width:12px;height:12px;translate:var(--un-translate-x)var(--un-translate-y);border-top-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite spin;display:block;position:absolute;top:50%;right:4px}.cell-validation-error{z-index:2;color:#ff4d4f;white-space:nowrap;pointer-events:none;background:#fff1f0;border:1px solid #ffccc7;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #00000020}.cell-validation-error:empty{display:none}.in-cell__resize-handle{width:100%;height:100%;position:absolute}.in-cell__resize-handle:hover:after{background-color:color-mix(in oklab,var(--c-primary)40%,transparent)}.in-cell__resize-handle:active:after{background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent)}.in-cell__resize-handle:after{--un-content:"";content:var(--un-content)}.li{cursor:pointer;position:relative}.li:hover,.li.hover{background-color:color-mix(in oklab,var(--li-hover-bg)var(--un-bg-opacity),transparent)}.li:active:before,.li.selected:before,.li.active:before{content:"";border-radius:inherit;background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)15%,transparent);pointer-events:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.li:active:before,.li.selected:before,.li.active:before{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)15%,transparent)}}.li.disabled,.li[disabled]{opacity:.4}.tt-menu{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));border-width:1px;border-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--menu-bg)var(--un-bg-opacity),transparent);cursor:default;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);border-style:solid;border-radius:.5rem;padding-block:4px}@supports (color:color-mix(in lab, red, red)){.tt-menu{border-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}:where(.tt-menu>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(4px*.5)*var(--un-space-y-reverse));margin-block-end:calc(calc(4px*.5)*calc(1 - var(--un-space-y-reverse)))}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0}.tt-menu-x{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));border-width:1px;border-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent);--un-border-style:solid;background-color:color-mix(in oklab,var(--menu-bg)var(--un-bg-opacity),transparent);cursor:default;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);border-style:solid;border-radius:.5rem;padding-inline:4px}@supports (color:color-mix(in lab, red, red)){.tt-menu-x{border-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}:where(.tt-menu-x>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(4px*.5)*var(--un-space-x-reverse));margin-inline-end:calc(calc(4px*.5)*calc(1 - var(--un-space-x-reverse)))}@property --un-space-x-reverse{syntax:"*";inherits:false;initial-value:0}.tt-menu-x>.hr{background-color:color-mix(in srgb,var(--colors-gray-DEFAULT)30%,transparent);width:1px;margin-block:6px}@supports (color:color-mix(in lab, red, red)){.tt-menu-x>.hr{background-color:color-mix(in oklab,var(--colors-gray-DEFAULT)30%,transparent)}}.in-tooltip{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb,var(--colors-white)var(--un-text-opacity),transparent);--un-leading:var(--leading-snug);line-height:var(--leading-snug);background-color:color-mix(in srgb,var(--colors-gray-800)var(--un-bg-opacity),transparent);-webkit-user-select:text;user-select:text;overflow-wrap:break-word;--un-shadow:0 4px 6px -1px var(--un-shadow-color,#0000001a),0 2px 4px -2px var(--un-shadow-color,#0000001a);width:max-content;box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);z-index:50;border-radius:.25rem;padding-block:8px;padding-inline:12px;animation:.15s both in-tooltip-in;position:relative}@supports (color:color-mix(in lab, red, red)){.in-tooltip{color:color-mix(in oklab,var(--colors-white)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--colors-gray-800)var(--un-bg-opacity),transparent)}}.dark .in-tooltip{color:color-mix(in srgb,var(--colors-gray-900)var(--un-text-opacity),transparent);background-color:color-mix(in srgb,var(--colors-gray-100)var(--un-bg-opacity),transparent)}@supports (color:color-mix(in lab, red, red)){.dark .in-tooltip{color:color-mix(in oklab,var(--colors-gray-900)var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--colors-gray-100)var(--un-bg-opacity),transparent)}}.in-tooltip:before{background-color:inherit;--un-content:"";content:var(--un-content);width:8px;height:8px;position:absolute;rotate:45deg}.in-tooltip[data-placement=top]:before{bottom:-4px;left:calc(50% - 4px)}.in-tooltip[data-placement=bottom]:before{top:-4px;left:calc(50% - 4px)}.in-tooltip[data-placement=left]:before{top:calc(50% - 4px);right:-4px}.in-tooltip[data-placement=right]:before{top:calc(50% - 4px);left:-4px}.in-tooltip[data-placement=top-start]:before{bottom:-4px;left:12px}.in-tooltip[data-placement=top-end]:before{bottom:-4px;right:12px}.in-tooltip[data-placement=bottom-start]:before{top:-4px;left:12px}.in-tooltip[data-placement=bottom-end]:before{top:-4px;right:12px}@keyframes in-tooltip-in{0%{opacity:0}to{opacity:1}}.col__guide-line,.row__guide-line{background-color:color-mix(in oklab,var(--c-primary)var(--un-bg-opacity),transparent);pointer-events:none;z-index:9;position:fixed;top:0;left:0}th[draggable=true],td[draggable=true]{cursor:move}.input-no-spin::-webkit-outer-spin-button{appearance:none}.input-no-spin::-webkit-inner-spin-button{appearance:none}.branch-graph-col{padding:0;overflow:hidden}.branch-graph-svg{display:block}.branch-graph-wrap{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/utils.d.ts

@@ -17,6 +17,7 @@ export declare const log: (...args: any[]) => any;
 export declare const toArr: (v: any) => any[];
 export declare const isEmpty: (v: any) => boolean;
 export declare const parseStyle: (s: any) => any;
+export declare const pxsuffix: (v: any) => any;
 export declare function findret<T, R>(arr: readonly T[], cb: (e: T, i: number) => R): R | undefined;
 export declare function emptyObject(o: any): any;
 export declare function findAsync<T>(arr: T[], cb: (e: T, i: number) => Promise<boolean> | boolean): Promise<T>;

package/dist/utils.js

@@ -2,66 +2,66 @@ import { useMemoAsync } from "./hooks/index.js";
 import { tree_exports } from "./tree.js";
 import { delay, isFunction, isPlainObject, isPromise, keyBy } from "es-toolkit";
 function file2base64(e) {
-	return new Promise((T, E) => {
-		let D = new FileReader();
-		D.readAsDataURL(e), D.onload = () => T(D.result);
+	return new Promise((E, D) => {
+		let O = new FileReader();
+		O.readAsDataURL(e), O.onload = () => E(O.result);
 	});
 }
 function chooseFile(e) {
-	return new Promise((T, E) => {
-		let D = document.createElement("input");
-		D.type = "file", D.accept = e?.accept, D.multiple = e?.multiple, D.onchange = () => {
-			D.files && D.files.length > 0 && T(D.multiple ? [...D.files] : D.files[0]);
-		}, D.oncancel = E, D.click();
+	return new Promise((E, D) => {
+		let O = document.createElement("input");
+		O.type = "file", O.accept = e?.accept, O.multiple = e?.multiple, O.onchange = () => {
+			O.files && O.files.length > 0 && E(O.multiple ? [...O.files] : O.files[0]);
+		}, O.oncancel = D, O.click();
 	});
 }
 function chooseImage() {
 	return chooseFile({ accept: "image/*" });
 }
 async function print(e) {
-	let T = document.createElement("iframe");
-	T.srcdoc = `${[...document.querySelectorAll("style"), ...document.querySelectorAll("link[rel=\"stylesheet\"]")].map((e) => e.outerHTML).join("\n")}\n\n${e}`, Object.assign(T.style, {
+	let E = document.createElement("iframe");
+	E.srcdoc = `${[...document.querySelectorAll("style"), ...document.querySelectorAll("link[rel=\"stylesheet\"]")].map((e) => e.outerHTML).join("\n")}\n\n${e}`, Object.assign(E.style, {
 		position: "fixed",
 		display: "none"
-	}), document.body.append(T), await new Promise((e) => T.contentWindow.addEventListener("load", e, { once: !0 })), await delay(300), T.contentWindow.print(), T.remove();
+	}), document.body.append(E), await new Promise((e) => E.contentWindow.addEventListener("load", e, { once: !0 })), await delay(300), E.contentWindow.print(), E.remove();
 }
-function mergeRect(e, T) {
+function mergeRect(e, E) {
 	return DOMRect.fromRect({
-		x: Math.min(e.x, T.x),
-		y: Math.min(e.y, T.y),
-		width: Math.max(e.right, T.right) - Math.min(e.x, T.x),
-		height: Math.max(e.bottom, T.bottom) - Math.min(e.y, T.y)
+		x: Math.min(e.x, E.x),
+		y: Math.min(e.y, E.y),
+		width: Math.max(e.right, E.right) - Math.min(e.x, E.x),
+		height: Math.max(e.bottom, E.bottom) - Math.min(e.y, E.y)
 	});
 }
 function getStyles(e = document) {
 	return [...e.querySelectorAll("style"), ...e.querySelectorAll("link[rel=\"stylesheet\"]")].map((e) => e.outerHTML).join("\n");
 }
-const unFn = (e, ...T) => typeof e == "function" ? e(...T) : e, log = (...e) => (console.log(...e), e[0]), toArr = (e) => Array.isArray(e) ? e : e == null ? [] : [e], isEmpty = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || typeof e == "object" && Object.keys(e).length === 0, parseStyle = (e) => e ? e.split(";").reduce((e, T) => ((([T, E]) => e[T.trim()] = E.trim())(T.split(":")), e), {}) : {};
-function findret(e, T) {
-	for (let E = 0; E < e.length; E++) {
-		let D = T(e[E], E);
-		if (D != null) return D;
+const unFn = (e, ...E) => typeof e == "function" ? e(...E) : e, log = (...e) => (console.log(...e), e[0]), toArr = (e) => Array.isArray(e) ? e : e == null ? [] : [e], isEmpty = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || typeof e == "object" && Object.keys(e).length === 0, parseStyle = (e) => e ? e.split(";").reduce((e, E) => ((([E, D]) => e[E.trim()] = D.trim())(E.split(":")), e), {}) : {}, pxsuffix = (e) => typeof e == "number" ? `${e}px` : e;
+function findret(e, E) {
+	for (let D = 0; D < e.length; D++) {
+		let O = E(e[D], D);
+		if (O != null) return O;
 	}
 }
 function emptyObject(e) {
-	for (let T of Object.keys(e)) delete e[T];
+	for (let E of Object.keys(e)) delete e[E];
 	return e;
 }
-async function findAsync(e, T) {
-	for (let E = 0; E < e.length; E++) if (await T(e[E], E)) return e[E];
+async function findAsync(e, E) {
+	for (let D = 0; D < e.length; D++) if (await E(e[D], D)) return e[D];
 }
 var cache = /* @__PURE__ */ new WeakMap(), cache2 = /* @__PURE__ */ new WeakMap();
-function resolveOptions(T) {
-	let E = T;
-	return isFunction(E) && (E = E()), isPromise(E) ? (cache.has(T) || cache.set(T, useMemoAsync(() => E.then((e) => e.map((e) => resolveOptions(e))))), cache.get(T)()) : cache2.has(T) ? cache2.get(T) : (isPlainObject(E) && (E = Object.entries(E).map(([e, T]) => ({
+function resolveOptions(E) {
+	let D = E;
+	return isFunction(D) && (D = D()), isPromise(D) ? (cache.has(E) || cache.set(E, useMemoAsync(() => D.then((e) => e.map((e) => resolveOptions(e))))), cache.get(E)()) : cache2.has(E) ? cache2.get(E) : (isPlainObject(D) && (D = Object.entries(D).map(([e, E]) => ({
 		value: e,
-		label: T,
-		...T
-	}))), E = E?.map((e) => resolveOpt(e)) || [], cache2.set(T, E), E);
+		label: E,
+		...E
+	}))), D = D?.map((e) => resolveOpt(e)) || [], cache2.set(E, D), D);
 }
 const getOpt = (() => {
 	let e = /* @__PURE__ */ new WeakMap();
-	return (T, E) => (e.get(T) ?? e.set(T, keyBy(resolveOptions(T), (e) => e.value)).get(T))[E];
+	return (E, D) => (e.get(E) ?? e.set(E, keyBy(resolveOptions(E), (e) => e.value)).get(E))[D];
 })();
 function resolveOpt(e) {
 	return isPlainObject(e) ? e : Array.isArray(e) ? {
@@ -73,18 +73,18 @@ function resolveOpt(e) {
 	};
 }
 function throttlePromise(e) {
-	let T = !1, E;
+	let E = !1, D;
 	return () => {
-		let D = new Promise(function(e) {
-			E = e;
+		let O = new Promise(function(e) {
+			D = e;
 		});
-		return T ? D : (T = !0, e(() => {
-			E(), T = !1, E = null;
-		}), D);
+		return E ? O : (E = !0, e(() => {
+			D(), E = !1, D = null;
+		}), O);
 	};
 }
-function change2(e, T) {
-	for (let E in e) E in T || delete e[E];
-	return Object.assign(e, T), e;
+function change2(e, E) {
+	for (let D in e) D in E || delete e[D];
+	return Object.assign(e, E), e;
 }
-export { change2, chooseFile, chooseImage, emptyObject, file2base64, findAsync, findret, getOpt, getStyles, isEmpty, log, mergeRect, parseStyle, print, resolveOptions, throttlePromise, toArr, tree_exports as tree, unFn };
+export { change2, chooseFile, chooseImage, emptyObject, file2base64, findAsync, findret, getOpt, getStyles, isEmpty, log, mergeRect, parseStyle, print, pxsuffix, resolveOptions, throttlePromise, toArr, tree_exports as tree, unFn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intable",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "license": "MIT",
   "type": "module",
   "files": [