@neut/ui 0.0.15 → 0.0.17

package/dist/components/context-menu/context-menu.utils.d.ts

@@ -0,0 +1,28 @@
+import { Placement } from '../../lib';
+import { ContextMenuAlign, ContextMenuChangeEventDetails, ContextMenuChangeEventReason, ContextMenuSide, ContextMenuSubmenuContextValue } from './context-menu.types';
+type Dir = "ltr" | "rtl" | "auto" | undefined;
+/**
+ * 把 Base UI 风格的 `side` + `align` 拆成核心定位库统一的 `Placement`。
+ * `align="center"` 时不带后缀(即居中)。
+ */
+export declare function toContextMenuPlacement(side: ContextMenuSide, align: ContextMenuAlign, dir: Dir): Placement;
+/**
+ * 根据最终生效的 placement 计算动画缩放原点(贴在锚点上的那个角)。
+ * 逻辑与 Popover/Tooltip 保持一致。
+ */
+export declare function getContextMenuTransformOrigin(placement: Placement): string;
+/**
+ * 计算写回 DOM 的 `data-side`。若用户传入的是逻辑方向且最终没有翻转到另一侧,
+ * 依旧回写逻辑值,这样 shadcn 的 `data-[side=inline-end]:...` 样式才能命中。
+ */
+export declare function resolveContextMenuDataSide(requested: ContextMenuSide, placement: Placement, dir: Dir): ContextMenuSide;
+/** 生成对齐 Base UI 的 ChangeEventDetails */
+export declare function createChangeEventDetails<R extends string = ContextMenuChangeEventReason>(reason: R, event?: Event, trigger?: Element): ContextMenuChangeEventDetails<R>;
+/**
+ * 沿父链取消所有祖先子菜单已排期的关闭。
+ * 多级菜单里,鼠标从父级内容移到子级内容时,父级内容的 pointerleave 会给父级
+ * 排一个延迟关闭;子级内容的 pointerenter 必须把祖先的定时器一并取消,
+ * 否则父级会在 grace 后关闭,连带整棵菜单树消失。
+ */
+export declare function cancelSubmenuCloseChain(submenu: ContextMenuSubmenuContextValue | undefined): void;
+export {};

package/dist/components/context-menu/context-menu.utils.js

@@ -0,0 +1,51 @@
+import { getAlignment as e, getSide as t } from "../../lib/positioner/core/placement.js";
+//#region src/components/context-menu/context-menu.utils.ts
+function n(e, t) {
+	let n = t === "rtl";
+	return e === "inline-start" ? n ? "right" : "left" : e === "inline-end" ? n ? "left" : "right" : e;
+}
+function r(e, t, r) {
+	let i = n(e, r);
+	return t === "center" ? i : `${i}-${t}`;
+}
+function i(n) {
+	let r = t(n), i = e(n), a = i === "start" ? "0%" : i === "end" ? "100%" : "50%";
+	switch (r) {
+		case "top": return `${a} 100%`;
+		case "bottom": return `${a} 0%`;
+		case "left": return `100% ${a}`;
+		case "right": return `0% ${a}`;
+	}
+}
+function a(e, r, i) {
+	let a = t(r);
+	return (e === "inline-start" || e === "inline-end") && n(e, i) === a ? e : a;
+}
+function o(e, t, n) {
+	let r = !1, i = !1;
+	return {
+		reason: e,
+		event: t,
+		trigger: n,
+		cancel: () => {
+			r = !0;
+		},
+		allowPropagation: () => {
+			i = !0;
+		},
+		get isCanceled() {
+			return r;
+		},
+		get isPropagationAllowed() {
+			return i;
+		}
+	};
+}
+function s(e) {
+	let t = e;
+	for (; t;) t.cancelClose(), t = t.parentPopup.submenu;
+}
+//#endregion
+export { s as cancelSubmenuCloseChain, o as createChangeEventDetails, i as getContextMenuTransformOrigin, a as resolveContextMenuDataSide, r as toContextMenuPlacement };
+
+//# sourceMappingURL=context-menu.utils.js.map

package/dist/components/context-menu/context-menu.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.utils.js","names":["resolveLogicalSide","rtl","dir","side","toContextMenuPlacement","physical","align","getContextMenuTransformOrigin","getSide","placement","getAlignment","crossAxisOrigin","resolveContextMenuDataSide","actual","requested","createChangeEventDetails","canceled","propagationAllowed","cancelSubmenuCloseChain","current","submenu"],"sources":["../../../src/components/context-menu/context-menu.utils.ts"],"sourcesContent":["import { getAlignment, getSide, type Placement, type Side } from \"~/lib\";\nimport type {\n  ContextMenuAlign,\n  ContextMenuChangeEventDetails,\n  ContextMenuChangeEventReason,\n  ContextMenuSide,\n  ContextMenuSubmenuContextValue,\n} from \"./context-menu.types\";\n\ntype Dir = \"ltr\" | \"rtl\" | \"auto\" | undefined;\n\n/** 逻辑方向 -> 物理方向(LTR 下 inline-start=left,inline-end=right;RTL 相反) */\nfunction resolveLogicalSide(side: ContextMenuSide, dir: Dir): Side {\n  const rtl = dir === \"rtl\";\n  if (side === \"inline-start\") return rtl ? \"right\" : \"left\";\n  if (side === \"inline-end\") return rtl ? \"left\" : \"right\";\n  return side;\n}\n\n/**\n * 把 Base UI 风格的 `side` + `align` 拆成核心定位库统一的 `Placement`。\n * `align=\"center\"` 时不带后缀(即居中)。\n */\nexport function toContextMenuPlacement(\n  side: ContextMenuSide,\n  align: ContextMenuAlign,\n  dir: Dir,\n): Placement {\n  const physical = resolveLogicalSide(side, dir);\n  return align === \"center\" ? physical : (`${physical}-${align}` as Placement);\n}\n\n/**\n * 根据最终生效的 placement 计算动画缩放原点(贴在锚点上的那个角)。\n * 逻辑与 Popover/Tooltip 保持一致。\n */\nexport function getContextMenuTransformOrigin(placement: Placement): string {\n  const side = getSide(placement);\n  const align = getAlignment(placement);\n  const crossAxisOrigin =\n    align === \"start\" ? \"0%\" : align === \"end\" ? \"100%\" : \"50%\";\n\n  switch (side) {\n    case \"top\":\n      return `${crossAxisOrigin} 100%`;\n    case \"bottom\":\n      return `${crossAxisOrigin} 0%`;\n    case \"left\":\n      return `100% ${crossAxisOrigin}`;\n    case \"right\":\n      return `0% ${crossAxisOrigin}`;\n  }\n}\n\n/**\n * 计算写回 DOM 的 `data-side`。若用户传入的是逻辑方向且最终没有翻转到另一侧,\n * 依旧回写逻辑值,这样 shadcn 的 `data-[side=inline-end]:...` 样式才能命中。\n */\nexport function resolveContextMenuDataSide(\n  requested: ContextMenuSide,\n  placement: Placement,\n  dir: Dir,\n): ContextMenuSide {\n  const actual = getSide(placement);\n  if (requested === \"inline-start\" || requested === \"inline-end\") {\n    const expected = resolveLogicalSide(requested, dir);\n    if (expected === actual) return requested;\n  }\n  return actual;\n}\n\n/** 生成对齐 Base UI 的 ChangeEventDetails */\nexport function createChangeEventDetails<\n  R extends string = ContextMenuChangeEventReason,\n>(\n  reason: R,\n  event?: Event,\n  trigger?: Element,\n): ContextMenuChangeEventDetails<R> {\n  let canceled = false;\n  let propagationAllowed = false;\n\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n\n/**\n * 沿父链取消所有祖先子菜单已排期的关闭。\n * 多级菜单里,鼠标从父级内容移到子级内容时,父级内容的 pointerleave 会给父级\n * 排一个延迟关闭;子级内容的 pointerenter 必须把祖先的定时器一并取消,\n * 否则父级会在 grace 后关闭,连带整棵菜单树消失。\n */\nexport function cancelSubmenuCloseChain(\n  submenu: ContextMenuSubmenuContextValue | undefined,\n): void {\n  let current = submenu;\n  while (current) {\n    current.cancelClose();\n    current = current.parentPopup.submenu;\n  }\n}\n"],"mappings":";;AAYA,SAASA,EAAmB,GAAuB,GAAgB;CACjE,IAAMC,IAAMC,MAAQ;CAGpB,OAFIC,MAAS,iBAAuBF,IAAM,UAAU,SAChDE,MAAS,eAAqBF,IAAM,SAAS,UAC1CE;AACT;AAMA,SAAgBC,EACd,GACA,GACA,GACW;CACX,IAAMC,IAAWL,EAAmBG,GAAMD,CAAG;CAC7C,OAAOI,MAAU,WAAWD,IAAY,GAAGA,EAAS,GAAGC;AACzD;AAMA,SAAgBC,EAA8B,GAA8B;CAC1E,IAAMJ,IAAOK,EAAQC,CAAS,GACxBH,IAAQI,EAAaD,CAAS,GAC9BE,IACJL,MAAU,UAAU,OAAOA,MAAU,QAAQ,SAAS;CAExD,QAAQH,GAAR;EACE,KAAK,OACH,OAAO,GAAGQ,EAAgB;EAC5B,KAAK,UACH,OAAO,GAAGA,EAAgB;EAC5B,KAAK,QACH,OAAO,QAAQA;EACjB,KAAK,SACH,OAAO,MAAMA;CACjB;AACF;AAMA,SAAgBC,EACd,GACA,GACA,GACiB;CACjB,IAAMC,IAASL,EAAQC,CAAS;CAKhC,QAJIK,MAAc,kBAAkBA,MAAc,iBAC/Bd,EAAmBc,GAAWZ,CAC3C,MAAaW,IAAeC,IAE3BD;AACT;AAGA,SAAgBE,EAGd,GACA,GACA,GACkC;CAClC,IAAIC,IAAW,IACXC,IAAqB;CAEzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF;AAQA,SAAgBC,EACd,GACM;CACN,IAAIC,IAAUC;CACd,OAAOD,IAEL,AADAA,EAAQ,YAAY,GACpB,IAAUA,EAAQ,YAAY;AAElC"}

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1,31 @@
+export { ContextMenu } from './ContextMenu';
+export type { ContextMenuProps } from './ContextMenu';
+export { ContextMenuTrigger } from './ContextMenuTrigger';
+export type { ContextMenuTriggerProps } from './ContextMenuTrigger';
+export { ContextMenuPortal } from './ContextMenuPortal';
+export type { ContextMenuPortalProps } from './ContextMenuPortal';
+export { ContextMenuContent } from './ContextMenuContent';
+export type { ContextMenuContentProps } from './ContextMenuContent';
+export { ContextMenuItem } from './ContextMenuItem';
+export type { ContextMenuItemProps, ContextMenuItemVariant, } from './ContextMenuItem';
+export { ContextMenuCheckboxItem } from './ContextMenuCheckboxItem';
+export type { ContextMenuCheckboxItemProps } from './ContextMenuCheckboxItem';
+export { ContextMenuRadioGroup } from './ContextMenuRadioGroup';
+export type { ContextMenuRadioGroupProps } from './ContextMenuRadioGroup';
+export { ContextMenuRadioItem } from './ContextMenuRadioItem';
+export type { ContextMenuRadioItemProps } from './ContextMenuRadioItem';
+export { ContextMenuGroup } from './ContextMenuGroup';
+export type { ContextMenuGroupProps } from './ContextMenuGroup';
+export { ContextMenuLabel } from './ContextMenuLabel';
+export type { ContextMenuLabelProps } from './ContextMenuLabel';
+export { ContextMenuSeparator } from './ContextMenuSeparator';
+export type { ContextMenuSeparatorProps } from './ContextMenuSeparator';
+export { ContextMenuShortcut } from './ContextMenuShortcut';
+export type { ContextMenuShortcutProps } from './ContextMenuShortcut';
+export { ContextMenuSub } from './ContextMenuSub';
+export type { ContextMenuSubProps } from './ContextMenuSub';
+export { ContextMenuSubTrigger } from './ContextMenuSubTrigger';
+export type { ContextMenuSubTriggerProps } from './ContextMenuSubTrigger';
+export { ContextMenuSubContent } from './ContextMenuSubContent';
+export type { ContextMenuSubContentProps } from './ContextMenuSubContent';
+export type { ContextMenuSide, ContextMenuAlign, ContextMenuOrientation, ContextMenuChangeEventReason, ContextMenuChangeEventDetails, } from './context-menu.types';

package/dist/components/context-menu/index.js

@@ -0,0 +1,16 @@
+import { ContextMenu as e } from "./ContextMenu/ContextMenu.js";
+import { ContextMenuTrigger as t } from "./ContextMenuTrigger/ContextMenuTrigger.js";
+import { ContextMenuPortal as n } from "./ContextMenuPortal/ContextMenuPortal.js";
+import { ContextMenuContent as r } from "./ContextMenuContent/ContextMenuContent.js";
+import { ContextMenuItem as i } from "./ContextMenuItem/ContextMenuItem.js";
+import { ContextMenuCheckboxItem as a } from "./ContextMenuCheckboxItem/ContextMenuCheckboxItem.js";
+import { ContextMenuRadioGroup as o } from "./ContextMenuRadioGroup/ContextMenuRadioGroup.js";
+import { ContextMenuRadioItem as s } from "./ContextMenuRadioItem/ContextMenuRadioItem.js";
+import { ContextMenuGroup as c } from "./ContextMenuGroup/ContextMenuGroup.js";
+import { ContextMenuLabel as l } from "./ContextMenuLabel/ContextMenuLabel.js";
+import { ContextMenuSeparator as u } from "./ContextMenuSeparator/ContextMenuSeparator.js";
+import { ContextMenuShortcut as d } from "./ContextMenuShortcut/ContextMenuShortcut.js";
+import { ContextMenuSub as f } from "./ContextMenuSub/ContextMenuSub.js";
+import { ContextMenuSubTrigger as p } from "./ContextMenuSubTrigger/ContextMenuSubTrigger.js";
+import { ContextMenuSubContent as m } from "./ContextMenuSubContent/ContextMenuSubContent.js";
+export { e as ContextMenu, a as ContextMenuCheckboxItem, r as ContextMenuContent, c as ContextMenuGroup, i as ContextMenuItem, l as ContextMenuLabel, n as ContextMenuPortal, o as ContextMenuRadioGroup, s as ContextMenuRadioItem, u as ContextMenuSeparator, d as ContextMenuShortcut, f as ContextMenuSub, m as ContextMenuSubContent, p as ContextMenuSubTrigger, t as ContextMenuTrigger };

package/dist/components/data-table/createRowModel.d.ts

@@ -0,0 +1,20 @@
+import { Accessor } from 'solid-js';
+import { Column, Row } from './data-table.types';
+import { TableStateAccessors } from './createTableState';
+/**
+ * 行模型流水线：core → filtered → sorted → page，逐级 createMemo。
+ * 过滤/排序的实现细节（访问器、比较器、过滤函数）由外部注入。
+ */
+export declare function createRowModel<TData>(options: {
+    coreRows: Accessor<Row<TData>[]>;
+    state: TableStateAccessors;
+    getColumn: (id: string) => Column<TData> | undefined;
+    getAccessor: (id: string) => ((row: TData) => unknown) | undefined;
+    getComparator: (id: string) => ((a: TData, b: TData) => number) | undefined;
+    getFilterFn: (id: string) => ((row: TData, value: unknown) => boolean) | undefined;
+}): {
+    filteredRows: Accessor<Row<TData>[]>;
+    sortedRows: Accessor<Row<TData>[]>;
+    pageRows: Accessor<Row<TData>[]>;
+    pageCount: Accessor<number>;
+};

package/dist/components/data-table/createRowModel.js

@@ -0,0 +1,46 @@
+import { includesFilterValue as e } from "./data-table.utils.js";
+import { createEffect as t, createMemo as n } from "solid-js";
+//#region src/components/data-table/createRowModel.ts
+function r(r) {
+	let { state: i } = r, a = n(() => {
+		let t = i.columnFilters();
+		return t.length === 0 ? r.coreRows() : r.coreRows().filter((n) => t.every((t) => {
+			let i = r.getColumn(t.id);
+			if (!i || i.columnDef.enableColumnFilter === !1) return !0;
+			let a = r.getFilterFn(t.id);
+			return a ? a(n.original, t.value) : e(r.getAccessor(t.id)?.(n.original), t.value);
+		}));
+	}), o = n(() => {
+		let e = i.sorting();
+		if (e.length === 0) return a();
+		let t = [...a()];
+		return t.sort((t, n) => {
+			for (let i of e) {
+				let e = r.getComparator(i.id);
+				if (!e) continue;
+				let a = e(t.original, n.original);
+				if (a !== 0) return i.desc ? -a : a;
+			}
+			return 0;
+		}), t;
+	}), s = n(() => Math.max(1, Math.ceil(a().length / i.pagination().pageSize)));
+	return t(() => {
+		let e = s(), t = i.pagination();
+		t.pageIndex > e - 1 && i.setPagination({
+			...t,
+			pageIndex: e - 1
+		});
+	}), {
+		filteredRows: a,
+		sortedRows: o,
+		pageRows: n(() => {
+			let { pageIndex: e, pageSize: t } = i.pagination(), n = e * t;
+			return o().slice(n, n + t);
+		}),
+		pageCount: s
+	};
+}
+//#endregion
+export { r as createRowModel };
+
+//# sourceMappingURL=createRowModel.js.map

package/dist/components/data-table/createRowModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRowModel.js","names":["createRowModel","options","filteredRows","createMemo","filters","state","column","filter","customFn","row","includesFilterValue","sortedRows","entries","list","entry","comparator","diff","a","b","pageCount","createEffect","count","current","start","pageIndex","pageSize"],"sources":["../../../src/components/data-table/createRowModel.ts"],"sourcesContent":["import { createEffect, createMemo, type Accessor } from \"solid-js\";\nimport type { Column, Row } from \"./data-table.types\";\nimport { includesFilterValue } from \"./data-table.utils\";\nimport type { TableStateAccessors } from \"./createTableState\";\n\n/**\n * 行模型流水线：core → filtered → sorted → page，逐级 createMemo。\n * 过滤/排序的实现细节（访问器、比较器、过滤函数）由外部注入。\n */\nexport function createRowModel<TData>(options: {\n  coreRows: Accessor<Row<TData>[]>;\n  state: TableStateAccessors;\n  getColumn: (id: string) => Column<TData> | undefined;\n  getAccessor: (id: string) => ((row: TData) => unknown) | undefined;\n  getComparator: (id: string) => ((a: TData, b: TData) => number) | undefined;\n  getFilterFn: (\n    id: string,\n  ) => ((row: TData, value: unknown) => boolean) | undefined;\n}): {\n  filteredRows: Accessor<Row<TData>[]>;\n  sortedRows: Accessor<Row<TData>[]>;\n  pageRows: Accessor<Row<TData>[]>;\n  pageCount: Accessor<number>;\n} {\n  const { state } = options;\n\n  const filteredRows = createMemo(() => {\n    const filters = state.columnFilters();\n    if (filters.length === 0) return options.coreRows();\n    return options.coreRows().filter((row) =>\n      filters.every((filter) => {\n        const column = options.getColumn(filter.id);\n        if (!column) return true;\n        if (column.columnDef.enableColumnFilter === false) return true;\n        const customFn = options.getFilterFn(filter.id);\n        if (customFn) return customFn(row.original, filter.value);\n        return includesFilterValue(\n          options.getAccessor(filter.id)?.(row.original),\n          filter.value,\n        );\n      }),\n    );\n  });\n\n  const sortedRows = createMemo(() => {\n    const entries = state.sorting();\n    if (entries.length === 0) return filteredRows();\n    const list = [...filteredRows()];\n    list.sort((a, b) => {\n      for (const entry of entries) {\n        const comparator = options.getComparator(entry.id);\n        if (!comparator) continue;\n        const diff = comparator(a.original, b.original);\n        if (diff !== 0) return entry.desc ? -diff : diff;\n      }\n      return 0;\n    });\n    return list;\n  });\n\n  const pageCount = createMemo(() =>\n    Math.max(1, Math.ceil(filteredRows().length / state.pagination().pageSize)),\n  );\n\n  // 过滤后页数变小时把页码收敛回合法范围\n  createEffect(() => {\n    const count = pageCount();\n    const current = state.pagination();\n    if (current.pageIndex > count - 1) {\n      state.setPagination({ ...current, pageIndex: count - 1 });\n    }\n  });\n\n  const pageRows = createMemo(() => {\n    const { pageIndex, pageSize } = state.pagination();\n    const start = pageIndex * pageSize;\n    return sortedRows().slice(start, start + pageSize);\n  });\n\n  return { filteredRows, sortedRows, pageRows, pageCount };\n}\n"],"mappings":";;;AASA,SAAgBA,EAAsB,GAcpC;CACA,IAAM,EAAE,aAAUC,GAEZC,IAAeC,QAAiB;EACpC,IAAMC,IAAUC,EAAM,cAAc;EAEpC,OADID,EAAQ,WAAW,IAAUH,EAAQ,SAAS,IAC3CA,EAAQ,SAAS,CAAC,CAAC,QAAQ,MAChCG,EAAQ,OAAO,MAAW;GACxB,IAAME,IAASL,EAAQ,UAAUM,EAAO,EAAE;GAE1C,IADI,CAACD,KACDA,EAAO,UAAU,uBAAuB,IAAO,OAAO;GAC1D,IAAME,IAAWP,EAAQ,YAAYM,EAAO,EAAE;GAE9C,OADIC,IAAiBA,EAASC,EAAI,UAAUF,EAAO,KAAK,IACjDG,EACLT,EAAQ,YAAYM,EAAO,EAAE,CAAC,GAAGE,EAAI,QAAQ,GAC7CF,EAAO,KACT;EACF,CAAC,CACH;CACF,CAAC,GAEKI,IAAaR,QAAiB;EAClC,IAAMS,IAAUP,EAAM,QAAQ;EAC9B,IAAIO,EAAQ,WAAW,GAAG,OAAOV,EAAa;EAC9C,IAAMW,IAAO,CAAC,GAAGX,EAAa,CAAC;EAU/B,OATAW,EAAK,MAAM,GAAG,MAAM;GAClB,KAAK,IAAMC,KAASF,GAAS;IAC3B,IAAMG,IAAad,EAAQ,cAAca,EAAM,EAAE;IACjD,IAAI,CAACC,GAAY;IACjB,IAAMC,IAAOD,EAAWE,EAAE,UAAUC,EAAE,QAAQ;IAC9C,IAAIF,MAAS,GAAG,OAAOF,EAAM,OAAO,CAACE,IAAOA;GAC9C;GACA,OAAO;EACT,CAAC,GACMH;CACT,CAAC,GAEKM,IAAYhB,QAChB,KAAK,IAAI,GAAG,KAAK,KAAKD,EAAa,CAAC,CAAC,SAASG,EAAM,WAAW,CAAC,CAAC,QAAQ,CAAC,CAC5E;CAiBA,OAdAe,QAAmB;EACjB,IAAMC,IAAQF,EAAU,GAClBG,IAAUjB,EAAM,WAAW;EACjC,AAAIiB,EAAQ,YAAYD,IAAQ,KAC9BhB,EAAM,cAAc;GAAE,GAAGiB;GAAS,WAAWD,IAAQ;EAAE,CAAC;CAE5D,CAAC,GAQM;EAAE;EAAc;EAAY,UANlBlB,QAAiB;GAChC,IAAM,EAAE,cAAW,gBAAaE,EAAM,WAAW,GAC3CkB,IAAQC,IAAYC;GAC1B,OAAOd,EAAW,CAAC,CAAC,MAAMY,GAAOA,IAAQE,CAAQ;EACnD,CAEmC;EAAU;CAAU;AACzD"}

package/dist/components/data-table/createTable.d.ts

@@ -0,0 +1,16 @@
+import { CreateTableOptions, DataTable } from './data-table.types';
+/**
+ * 自研 Solid 表格引擎（headless，不依赖 TanStack）。
+ *
+ * 只负责**组装**各部分：
+ * - 状态切片 `createTableState`
+ * - 列 `createTableColumns`
+ * - 行与缓存 `createTableRows`
+ * - 行模型流水线 `createRowModel`（过滤 → 排序 → 分页）
+ * - 选择 `createTableSelection`
+ * - 表头 `createTableHeaderGroups`
+ *
+ * 性能取向：流水线全程 `createMemo`、Row/Column 身份稳定、选中态走 signal；
+ * 详见同目录 DESIGN.md。
+ */
+export declare function createTable<TData>(options: CreateTableOptions<TData>): DataTable<TData>;

package/dist/components/data-table/createTable.js

@@ -0,0 +1,94 @@
+import { createTableColumns as e } from "./createTableColumns.js";
+import { createTableHeaderGroups as t } from "./createTableHeaders.js";
+import { createTableRows as n } from "./createTableRows.js";
+import { createRowModel as r } from "./createRowModel.js";
+import { createTableSelection as i } from "./createTableSelection.js";
+import { createTableState as a } from "./createTableState.js";
+//#region src/components/data-table/createTable.ts
+function o(o) {
+	let s = a(o), c = e({
+		columns: o.columns,
+		state: s
+	}), { coreRows: l } = n({
+		data: o.data,
+		getRowId: o.getRowId,
+		getAccessor: c.getAccessor,
+		getVisibleColumns: c.visibleColumns,
+		state: s
+	}), { filteredRows: u, pageRows: d, pageCount: f } = r({
+		coreRows: l,
+		state: s,
+		getColumn: c.getColumn,
+		getAccessor: c.getAccessor,
+		getComparator: c.getComparator,
+		getFilterFn: c.getFilterFn
+	}), p = i({
+		pageRows: d,
+		state: s
+	}), m;
+	return m = {
+		getHeaderGroups: t({
+			visibleColumns: c.visibleColumns,
+			getTable: () => m
+		}),
+		getRowModel: () => ({ rows: d() }),
+		getFilteredRowModel: () => ({ rows: u() }),
+		getFilteredSelectedRowModel: () => ({ rows: u().filter((e) => e.getIsSelected()) }),
+		getColumn: c.getColumn,
+		getAllColumns: () => c.allColumns,
+		getIsAllPageRowsSelected: p.getIsAllPageRowsSelected,
+		getIsSomePageRowsSelected: p.getIsSomePageRowsSelected,
+		toggleAllPageRowsSelected: p.toggleAllPageRowsSelected,
+		getCanPreviousPage: () => s.pagination().pageIndex > 0,
+		getCanNextPage: () => s.pagination().pageIndex < f() - 1,
+		getPageCount: () => f(),
+		previousPage: () => {
+			let e = s.pagination();
+			e.pageIndex > 0 && s.setPagination({
+				...e,
+				pageIndex: e.pageIndex - 1
+			});
+		},
+		nextPage: () => {
+			let e = s.pagination();
+			e.pageIndex < f() - 1 && s.setPagination({
+				...e,
+				pageIndex: e.pageIndex + 1
+			});
+		},
+		setPageIndex: (e) => {
+			let t = Math.min(Math.max(e, 0), f() - 1);
+			s.setPagination({
+				...s.pagination(),
+				pageIndex: t
+			});
+		},
+		setPageSize: (e) => {
+			s.setPagination({
+				pageIndex: 0,
+				pageSize: Math.max(1, e)
+			});
+		},
+		state: {
+			get sorting() {
+				return s.sorting();
+			},
+			get columnFilters() {
+				return s.columnFilters();
+			},
+			get columnVisibility() {
+				return s.columnVisibility();
+			},
+			get rowSelection() {
+				return s.rowSelection();
+			},
+			get pagination() {
+				return s.pagination();
+			}
+		}
+	}, m;
+}
+//#endregion
+export { o as createTable };
+
+//# sourceMappingURL=createTable.js.map

package/dist/components/data-table/createTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTable.js","names":["createTable","state","createTableState","options","columns","createTableColumns","createTableRows","createRowModel","selection","createTableSelection","table","createTableHeaderGroups","pageRows","filteredRows","row","pageCount","current","clamped","index","size"],"sources":["../../../src/components/data-table/createTable.ts"],"sourcesContent":["import { createTableColumns } from \"./createTableColumns\";\nimport { createTableHeaderGroups } from \"./createTableHeaders\";\nimport { createTableRows } from \"./createTableRows\";\nimport { createRowModel } from \"./createRowModel\";\nimport { createTableSelection } from \"./createTableSelection\";\nimport { createTableState } from \"./createTableState\";\nimport type { CreateTableOptions, DataTable } from \"./data-table.types\";\n\n/**\n * 自研 Solid 表格引擎（headless，不依赖 TanStack）。\n *\n * 只负责**组装**各部分：\n * - 状态切片 `createTableState`\n * - 列 `createTableColumns`\n * - 行与缓存 `createTableRows`\n * - 行模型流水线 `createRowModel`（过滤 → 排序 → 分页）\n * - 选择 `createTableSelection`\n * - 表头 `createTableHeaderGroups`\n *\n * 性能取向：流水线全程 `createMemo`、Row/Column 身份稳定、选中态走 signal；\n * 详见同目录 DESIGN.md。\n */\nexport function createTable<TData>(\n  options: CreateTableOptions<TData>,\n): DataTable<TData> {\n  const state = createTableState(options);\n  const columns = createTableColumns({ columns: options.columns, state });\n\n  const { coreRows } = createTableRows({\n    data: options.data,\n    getRowId: options.getRowId,\n    getAccessor: columns.getAccessor,\n    getVisibleColumns: columns.visibleColumns,\n    state,\n  });\n\n  const { filteredRows, pageRows, pageCount } = createRowModel({\n    coreRows,\n    state,\n    getColumn: columns.getColumn,\n    getAccessor: columns.getAccessor,\n    getComparator: columns.getComparator,\n    getFilterFn: columns.getFilterFn,\n  });\n\n  const selection = createTableSelection({ pageRows, state });\n\n  let table: DataTable<TData>;\n  const getHeaderGroups = createTableHeaderGroups({\n    visibleColumns: columns.visibleColumns,\n    getTable: () => table,\n  });\n\n  table = {\n    getHeaderGroups,\n    getRowModel: () => ({ rows: pageRows() }),\n    getFilteredRowModel: () => ({ rows: filteredRows() }),\n    getFilteredSelectedRowModel: () => ({\n      rows: filteredRows().filter((row) => row.getIsSelected()),\n    }),\n    getColumn: columns.getColumn,\n    getAllColumns: () => columns.allColumns,\n    getIsAllPageRowsSelected: selection.getIsAllPageRowsSelected,\n    getIsSomePageRowsSelected: selection.getIsSomePageRowsSelected,\n    toggleAllPageRowsSelected: selection.toggleAllPageRowsSelected,\n    getCanPreviousPage: () => state.pagination().pageIndex > 0,\n    getCanNextPage: () => state.pagination().pageIndex < pageCount() - 1,\n    getPageCount: () => pageCount(),\n    previousPage: () => {\n      const current = state.pagination();\n      if (current.pageIndex > 0) {\n        state.setPagination({ ...current, pageIndex: current.pageIndex - 1 });\n      }\n    },\n    nextPage: () => {\n      const current = state.pagination();\n      if (current.pageIndex < pageCount() - 1) {\n        state.setPagination({ ...current, pageIndex: current.pageIndex + 1 });\n      }\n    },\n    setPageIndex: (index) => {\n      const clamped = Math.min(Math.max(index, 0), pageCount() - 1);\n      state.setPagination({ ...state.pagination(), pageIndex: clamped });\n    },\n    setPageSize: (size) => {\n      state.setPagination({ pageIndex: 0, pageSize: Math.max(1, size) });\n    },\n    state: {\n      get sorting() {\n        return state.sorting();\n      },\n      get columnFilters() {\n        return state.columnFilters();\n      },\n      get columnVisibility() {\n        return state.columnVisibility();\n      },\n      get rowSelection() {\n        return state.rowSelection();\n      },\n      get pagination() {\n        return state.pagination();\n      },\n    },\n  };\n\n  return table;\n}\n"],"mappings":";;;;;;;AAsBA,SAAgBA,EACd,GACkB;CAClB,IAAMC,IAAQC,EAAiBC,CAAO,GAChCC,IAAUC,EAAmB;EAAE,SAASF,EAAQ;EAAS;CAAM,CAAC,GAEhE,EAAE,gBAAaG,EAAgB;EACnC,MAAMH,EAAQ;EACd,UAAUA,EAAQ;EAClB,aAAaC,EAAQ;EACrB,mBAAmBA,EAAQ;EAC3B;CACF,CAAC,GAEK,EAAE,iBAAc,aAAU,iBAAcG,EAAe;EAC3D;EACA;EACA,WAAWH,EAAQ;EACnB,aAAaA,EAAQ;EACrB,eAAeA,EAAQ;EACvB,aAAaA,EAAQ;CACvB,CAAC,GAEKI,IAAYC,EAAqB;EAAE;EAAU;CAAM,CAAC,GAEtDC;CA2DJ,OArDA,IAAQ;EACN,iBANsBC,EAAwB;GAC9C,gBAAgBP,EAAQ;GACxB,gBAAgBM;EAClB,CAGE;EACA,oBAAoB,EAAE,MAAME,EAAS,EAAE;EACvC,4BAA4B,EAAE,MAAMC,EAAa,EAAE;EACnD,oCAAoC,EAClC,MAAMA,EAAa,CAAC,CAAC,QAAQ,MAAQC,EAAI,cAAc,CAAC,EAC1D;EACA,WAAWV,EAAQ;EACnB,qBAAqBA,EAAQ;EAC7B,0BAA0BI,EAAU;EACpC,2BAA2BA,EAAU;EACrC,2BAA2BA,EAAU;EACrC,0BAA0BP,EAAM,WAAW,CAAC,CAAC,YAAY;EACzD,sBAAsBA,EAAM,WAAW,CAAC,CAAC,YAAYc,EAAU,IAAI;EACnE,oBAAoBA,EAAU;EAC9B,oBAAoB;GAClB,IAAMC,IAAUf,EAAM,WAAW;GACjC,AAAIe,EAAQ,YAAY,KACtBf,EAAM,cAAc;IAAE,GAAGe;IAAS,WAAWA,EAAQ,YAAY;GAAE,CAAC;EAExE;EACA,gBAAgB;GACd,IAAMA,IAAUf,EAAM,WAAW;GACjC,AAAIe,EAAQ,YAAYD,EAAU,IAAI,KACpCd,EAAM,cAAc;IAAE,GAAGe;IAAS,WAAWA,EAAQ,YAAY;GAAE,CAAC;EAExE;EACA,eAAe,MAAU;GACvB,IAAMC,IAAU,KAAK,IAAI,KAAK,IAAIC,GAAO,CAAC,GAAGH,EAAU,IAAI,CAAC;GAC5D,EAAM,cAAc;IAAE,GAAGd,EAAM,WAAW;IAAG,WAAWgB;GAAQ,CAAC;EACnE;EACA,cAAc,MAAS;GACrB,EAAM,cAAc;IAAE,WAAW;IAAG,UAAU,KAAK,IAAI,GAAGE,CAAI;GAAE,CAAC;EACnE;EACA,OAAO;GACL,IAAI,UAAU;IACZ,OAAOlB,EAAM,QAAQ;GACvB;GACA,IAAI,gBAAgB;IAClB,OAAOA,EAAM,cAAc;GAC7B;GACA,IAAI,mBAAmB;IACrB,OAAOA,EAAM,iBAAiB;GAChC;GACA,IAAI,eAAe;IACjB,OAAOA,EAAM,aAAa;GAC5B;GACA,IAAI,aAAa;IACf,OAAOA,EAAM,WAAW;GAC1B;EACF;CACF,GAEOS;AACT"}

package/dist/components/data-table/createTableColumns.d.ts

@@ -0,0 +1,19 @@
+import { Accessor } from 'solid-js';
+import { Column, ColumnDef, FilterFn } from './data-table.types';
+import { TableStateAccessors } from './createTableState';
+export interface TableColumns<TData> {
+    allColumns: Column<TData>[];
+    visibleColumns: Accessor<Column<TData>[]>;
+    getColumn: (id: string) => Column<TData> | undefined;
+    getAccessor: (id: string) => ((row: TData) => unknown) | undefined;
+    getComparator: (id: string) => ((a: TData, b: TData) => number) | undefined;
+    getFilterFn: (id: string) => FilterFn<TData> | undefined;
+}
+/**
+ * 构建列对象，并把「数据访问 / 比较 / 过滤」的实现细节放到按 id 索引的 map 里，
+ * 不挂在公开的 Column 上。列对象自身只负责列语义（排序、显隐、过滤值）。
+ */
+export declare function createTableColumns<TData>(options: {
+    columns: ColumnDef<TData>[];
+    state: TableStateAccessors;
+}): TableColumns<TData>;

package/dist/components/data-table/createTableColumns.js

@@ -0,0 +1,68 @@
+import { compareValues as e } from "./data-table.utils.js";
+import { createMemo as t } from "solid-js";
+//#region src/components/data-table/createTableColumns.ts
+function n(n) {
+	let { state: r } = n, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = n.columns.map((t, n) => {
+		let s = t.id ?? t.accessorKey ?? String(n), c = t.accessorFn ?? ((e) => t.accessorKey === void 0 ? void 0 : e[t.accessorKey]);
+		return i.set(s, c), typeof t.filterFn == "function" && o.set(s, t.filterFn), a.set(s, (n, r) => {
+			let i = t.sortingFn;
+			return typeof i == "function" ? i(c(n), c(r)) : i === "text" ? String(c(n) ?? "").localeCompare(String(c(r) ?? "")) : e(c(n), c(r));
+		}), {
+			id: s,
+			columnDef: t,
+			getCanSort: () => t.enableSorting !== !1,
+			getIsSorted: () => {
+				let e = r.sorting().find((e) => e.id === s);
+				return e ? e.desc ? "desc" : "asc" : !1;
+			},
+			toggleSorting: (e) => {
+				if (t.enableSorting === !1) return;
+				let n = r.sorting().find((e) => e.id === s);
+				if (e === void 0) {
+					n ? n.desc ? r.setSorting([]) : r.setSorting([{
+						id: s,
+						desc: !0
+					}]) : r.setSorting([{
+						id: s,
+						desc: !1
+					}]);
+					return;
+				}
+				r.setSorting([{
+					id: s,
+					desc: e
+				}]);
+			},
+			getCanHide: () => t.enableHiding !== !1,
+			getIsVisible: () => r.columnVisibility()[s] !== !1,
+			toggleVisibility: (e) => {
+				if (t.enableHiding === !1) return;
+				let n = r.columnVisibility()[s] !== !1, i = typeof e == "boolean" ? e : !n;
+				r.setColumnVisibility({
+					...r.columnVisibility(),
+					[s]: i
+				});
+			},
+			getFilterValue: () => r.columnFilters().find((e) => e.id === s)?.value ?? "",
+			setFilterValue: (e) => {
+				let t = r.columnFilters().filter((e) => e.id !== s);
+				r.setColumnFilters(e === void 0 || e === "" ? t : [...t, {
+					id: s,
+					value: e
+				}]);
+			}
+		};
+	}), c = new Map(s.map((e) => [e.id, e]));
+	return {
+		allColumns: s,
+		visibleColumns: t(() => s.filter((e) => e.getIsVisible())),
+		getColumn: (e) => c.get(e),
+		getAccessor: (e) => i.get(e),
+		getComparator: (e) => a.get(e),
+		getFilterFn: (e) => o.get(e)
+	};
+}
+//#endregion
+export { n as createTableColumns };
+
+//# sourceMappingURL=createTableColumns.js.map

package/dist/components/data-table/createTableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableColumns.js","names":["createTableColumns","options","accessors","comparators","filterFns","allColumns","id","def","index","accessor","row","fn","a","b","compareValues","entry","state","s","desc","visible","next","value","f","others","byId","column","createMemo"],"sources":["../../../src/components/data-table/createTableColumns.ts"],"sourcesContent":["import { createMemo, type Accessor } from \"solid-js\";\nimport type { Column, ColumnDef, FilterFn } from \"./data-table.types\";\nimport { compareValues } from \"./data-table.utils\";\nimport type { TableStateAccessors } from \"./createTableState\";\n\nexport interface TableColumns<TData> {\n  allColumns: Column<TData>[];\n  visibleColumns: Accessor<Column<TData>[]>;\n  getColumn: (id: string) => Column<TData> | undefined;\n  getAccessor: (id: string) => ((row: TData) => unknown) | undefined;\n  getComparator: (id: string) => ((a: TData, b: TData) => number) | undefined;\n  getFilterFn: (id: string) => FilterFn<TData> | undefined;\n}\n\n/**\n * 构建列对象，并把「数据访问 / 比较 / 过滤」的实现细节放到按 id 索引的 map 里，\n * 不挂在公开的 Column 上。列对象自身只负责列语义（排序、显隐、过滤值）。\n */\nexport function createTableColumns<TData>(options: {\n  columns: ColumnDef<TData>[];\n  state: TableStateAccessors;\n}): TableColumns<TData> {\n  const { state } = options;\n  const accessors = new Map<string, (row: TData) => unknown>();\n  const comparators = new Map<string, (a: TData, b: TData) => number>();\n  const filterFns = new Map<string, FilterFn<TData>>();\n\n  const allColumns: Column<TData>[] = options.columns.map((def, index) => {\n    const id = def.id ?? def.accessorKey ?? String(index);\n    const accessor =\n      def.accessorFn ??\n      ((row: TData) =>\n        def.accessorKey !== undefined\n          ? (row as Record<string, unknown>)[def.accessorKey]\n          : undefined);\n    accessors.set(id, accessor);\n\n    if (typeof def.filterFn === \"function\") filterFns.set(id, def.filterFn);\n\n    comparators.set(id, (a, b) => {\n      const fn = def.sortingFn;\n      if (typeof fn === \"function\") return fn(accessor(a), accessor(b));\n      if (fn === \"text\") {\n        return String(accessor(a) ?? \"\").localeCompare(\n          String(accessor(b) ?? \"\"),\n        );\n      }\n      return compareValues(accessor(a), accessor(b));\n    });\n\n    const column: Column<TData> = {\n      id,\n      columnDef: def,\n      getCanSort: () => def.enableSorting !== false,\n      getIsSorted: () => {\n        const entry = state.sorting().find((s) => s.id === id);\n        return entry ? (entry.desc ? \"desc\" : \"asc\") : false;\n      },\n      toggleSorting: (desc) => {\n        if (def.enableSorting === false) return;\n        const entry = state.sorting().find((s) => s.id === id);\n        if (desc === undefined) {\n          if (!entry) state.setSorting([{ id, desc: false }]);\n          else if (!entry.desc) state.setSorting([{ id, desc: true }]);\n          else state.setSorting([]);\n          return;\n        }\n        state.setSorting([{ id, desc }]);\n      },\n      getCanHide: () => def.enableHiding !== false,\n      getIsVisible: () => state.columnVisibility()[id] !== false,\n      toggleVisibility: (value) => {\n        if (def.enableHiding === false) return;\n        const visible = state.columnVisibility()[id] !== false;\n        const next = typeof value === \"boolean\" ? value : !visible;\n        state.setColumnVisibility({ ...state.columnVisibility(), [id]: next });\n      },\n      getFilterValue: () =>\n        state.columnFilters().find((f) => f.id === id)?.value ?? \"\",\n      setFilterValue: (value) => {\n        const others = state.columnFilters().filter((f) => f.id !== id);\n        state.setColumnFilters(\n          value === undefined || value === \"\"\n            ? others\n            : [...others, { id, value }],\n        );\n      },\n    };\n\n    return column;\n  });\n\n  const byId = new Map(allColumns.map((column) => [column.id, column]));\n\n  const visibleColumns = createMemo(() =>\n    allColumns.filter((column) => column.getIsVisible()),\n  );\n\n  return {\n    allColumns,\n    visibleColumns,\n    getColumn: (id) => byId.get(id),\n    getAccessor: (id) => accessors.get(id),\n    getComparator: (id) => comparators.get(id),\n    getFilterFn: (id) => filterFns.get(id),\n  };\n}\n"],"mappings":"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"}

package/dist/components/data-table/createTableHeaders.d.ts

@@ -0,0 +1,10 @@
+import { Accessor } from 'solid-js';
+import { Column, DataTable, HeaderGroup } from './data-table.types';
+/**
+ * 表头分组：当前只有一行（不做列分组）。
+ * 通过 getTable 拿到最终 table 实例，供 header 渲染函数使用（避免循环依赖）。
+ */
+export declare function createTableHeaderGroups<TData>(options: {
+    visibleColumns: Accessor<Column<TData>[]>;
+    getTable: () => DataTable<TData>;
+}): () => HeaderGroup<TData>[];

package/dist/components/data-table/createTableHeaders.js

@@ -0,0 +1,26 @@
+//#region src/components/data-table/createTableHeaders.ts
+function e(e) {
+	return () => [{
+		id: "header",
+		headers: e.visibleColumns().map((t) => ({
+			id: t.id,
+			column: t,
+			isPlaceholder: !1,
+			render: () => {
+				let n = t.columnDef;
+				if (typeof n.header == "function") {
+					let r = {
+						column: t,
+						table: e.getTable()
+					};
+					return n.header(r);
+				}
+				return n.header ?? t.id;
+			}
+		}))
+	}];
+}
+//#endregion
+export { e as createTableHeaderGroups };
+
+//# sourceMappingURL=createTableHeaders.js.map

package/dist/components/data-table/createTableHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableHeaders.js","names":["createTableHeaderGroups","options","column","def","ctx"],"sources":["../../../src/components/data-table/createTableHeaders.ts"],"sourcesContent":["import type { Accessor } from \"solid-js\";\nimport type {\n  Column,\n  DataTable,\n  Header,\n  HeaderContext,\n  HeaderGroup,\n} from \"./data-table.types\";\n\n/**\n * 表头分组：当前只有一行（不做列分组）。\n * 通过 getTable 拿到最终 table 实例，供 header 渲染函数使用（避免循环依赖）。\n */\nexport function createTableHeaderGroups<TData>(options: {\n  visibleColumns: Accessor<Column<TData>[]>;\n  getTable: () => DataTable<TData>;\n}): () => HeaderGroup<TData>[] {\n  return () => {\n    const headers: Header<TData>[] = options.visibleColumns().map((column) => {\n      const header: Header<TData> = {\n        id: column.id,\n        column,\n        isPlaceholder: false,\n        render: () => {\n          const def = column.columnDef;\n          if (typeof def.header === \"function\") {\n            const ctx: HeaderContext<TData> = {\n              column,\n              table: options.getTable(),\n            };\n            return def.header(ctx);\n          }\n          return def.header ?? column.id;\n        },\n      };\n      return header;\n    });\n    return [{ id: \"header\", headers }];\n  };\n}\n"],"mappings":";AAaA,SAAgBA,EAA+B,GAGhB;CAC7B,aAoBS,CAAC;EAAE,IAAI;EAAU,SAnBSC,EAAQ,eAAe,CAAC,CAAC,KAAK,OAiBtD;GAfL,IAAIC,EAAO;GACX;GACA,eAAe;GACf,cAAc;IACZ,IAAMC,IAAMD,EAAO;IACnB,IAAI,OAAOC,EAAI,UAAW,YAAY;KACpC,IAAMC,IAA4B;MAChC;MACA,OAAOH,EAAQ,SAAS;KAC1B;KACA,OAAOE,EAAI,OAAOC,CAAG;IACvB;IACA,OAAOD,EAAI,UAAUD,EAAO;GAC9B;EAEK,EAEe;CAAQ,CAAC;AAErC"}

package/dist/components/data-table/createTableRows.d.ts

@@ -0,0 +1,16 @@
+import { Accessor } from 'solid-js';
+import { Column, Row } from './data-table.types';
+import { TableStateAccessors } from './createTableState';
+/**
+ * 行对象构建与缓存：Row 按 id 缓存、身份稳定，配合 <For> 复用 DOM；
+ * 选中态通过状态读取，不因勾选而重建行。
+ */
+export declare function createTableRows<TData>(options: {
+    data: Accessor<TData[]>;
+    getRowId?: (row: TData, index: number) => string;
+    getAccessor: (id: string) => ((row: TData) => unknown) | undefined;
+    getVisibleColumns: Accessor<Column<TData>[]>;
+    state: TableStateAccessors;
+}): {
+    coreRows: Accessor<Row<TData>[]>;
+};

package/dist/components/data-table/createTableRows.js

@@ -0,0 +1,57 @@
+import { createMemo as e } from "solid-js";
+//#region src/components/data-table/createTableRows.ts
+function t(t) {
+	let { state: n } = t, r = /* @__PURE__ */ new Map(), i = (e, r) => {
+		let i = (n) => t.getAccessor(n)?.(e), a = {
+			id: r,
+			original: e,
+			getValue: i,
+			getIsSelected: () => n.rowSelection()[r] === !0,
+			toggleSelected: (e) => {
+				let t = n.rowSelection(), i = e ?? t[r] !== !0;
+				n.setRowSelection({
+					...t,
+					[r]: i
+				});
+			},
+			getVisibleCells: () => t.getVisibleColumns().map((e) => {
+				let t = e.id;
+				return {
+					id: `${r}:${t}`,
+					column: e,
+					row: a,
+					getValue: () => i(t),
+					render: () => {
+						let n = i(t);
+						if (e.columnDef.cell) {
+							let n = {
+								row: a,
+								column: e,
+								getValue: () => i(t)
+							};
+							return e.columnDef.cell(n);
+						}
+						return n == null ? null : String(n);
+					}
+				};
+			})
+		};
+		return a;
+	};
+	return { coreRows: e(() => {
+		let e = t.data(), n = /* @__PURE__ */ new Set(), a = e.map((e, a) => {
+			let o = t.getRowId?.(e, a) ?? String(a);
+			n.add(o);
+			let s = r.get(o);
+			if (s && s.original === e) return s;
+			let c = i(e, o);
+			return r.set(o, c), c;
+		});
+		for (let e of r.keys()) n.has(e) || r.delete(e);
+		return a;
+	}) };
+}
+//#endregion
+export { t as createTableRows };
+
+//# sourceMappingURL=createTableRows.js.map

package/dist/components/data-table/createTableRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableRows.js","names":["createTableRows","options","cache","buildRow","getValue","columnId","original","row","state","id","current","next","value","column","ctx","createMemo","rows","seen","result","index","cached","key"],"sources":["../../../src/components/data-table/createTableRows.ts"],"sourcesContent":["import { createMemo, type Accessor } from \"solid-js\";\nimport type { Cell, CellContext, Column, Row } from \"./data-table.types\";\nimport type { TableStateAccessors } from \"./createTableState\";\n\n/**\n * 行对象构建与缓存：Row 按 id 缓存、身份稳定，配合 <For> 复用 DOM；\n * 选中态通过状态读取，不因勾选而重建行。\n */\nexport function createTableRows<TData>(options: {\n  data: Accessor<TData[]>;\n  getRowId?: (row: TData, index: number) => string;\n  getAccessor: (id: string) => ((row: TData) => unknown) | undefined;\n  getVisibleColumns: Accessor<Column<TData>[]>;\n  state: TableStateAccessors;\n}): { coreRows: Accessor<Row<TData>[]> } {\n  const { state } = options;\n  const cache = new Map<string, Row<TData>>();\n\n  const buildRow = (original: TData, id: string): Row<TData> => {\n    const getValue = (columnId: string) =>\n      options.getAccessor(columnId)?.(original);\n\n    const row: Row<TData> = {\n      id,\n      original,\n      getValue,\n      getIsSelected: () => state.rowSelection()[id] === true,\n      toggleSelected: (value) => {\n        const current = state.rowSelection();\n        const next = value ?? current[id] !== true;\n        state.setRowSelection({ ...current, [id]: next });\n      },\n      getVisibleCells: () =>\n        options.getVisibleColumns().map((column) => {\n          const columnId = column.id;\n          const cell: Cell<TData> = {\n            id: `${id}:${columnId}`,\n            column,\n            row,\n            getValue: () => getValue(columnId),\n            render: () => {\n              const value = getValue(columnId);\n              if (column.columnDef.cell) {\n                const ctx: CellContext<TData> = {\n                  row,\n                  column,\n                  getValue: () => getValue(columnId),\n                };\n                return column.columnDef.cell(ctx);\n              }\n              return value == null ? null : String(value);\n            },\n          };\n          return cell;\n        }),\n    };\n    return row;\n  };\n\n  const coreRows = createMemo(() => {\n    const rows = options.data();\n    const seen = new Set<string>();\n    const result = rows.map((original, index) => {\n      const id = options.getRowId?.(original, index) ?? String(index);\n      seen.add(id);\n      const cached = cache.get(id);\n      if (cached && cached.original === original) return cached;\n      const row = buildRow(original, id);\n      cache.set(id, row);\n      return row;\n    });\n    for (const key of cache.keys()) {\n      if (!seen.has(key)) cache.delete(key);\n    }\n    return result;\n  });\n\n  return { coreRows };\n}\n"],"mappings":";;AAQA,SAAgBA,EAAuB,GAME;CACvC,IAAM,EAAE,aAAUC,GACZC,oBAAQ,IAAI,IAAwB,GAEpCC,KAAY,GAAiB,MAA2B;EAC5D,IAAMC,KAAY,MAChBH,EAAQ,YAAYI,CAAQ,CAAC,GAAGC,CAAQ,GAEpCC,IAAkB;GACtB;GACA;GACA;GACA,qBAAqBC,EAAM,aAAa,CAAC,CAACC,OAAQ;GAClD,iBAAiB,MAAU;IACzB,IAAMC,IAAUF,EAAM,aAAa,GAC7BG,IAAOC,KAASF,EAAQD,OAAQ;IACtC,EAAM,gBAAgB;KAAE,GAAGC;MAAUD,IAAKE;IAAK,CAAC;GAClD;GACA,uBACEV,EAAQ,kBAAkB,CAAC,CAAC,KAAK,MAAW;IAC1C,IAAMI,IAAWQ,EAAO;IAmBxB,OAAO;KAjBL,IAAI,GAAGJ,EAAG,GAAGJ;KACb;KACA;KACA,gBAAgBD,EAASC,CAAQ;KACjC,cAAc;MACZ,IAAMO,IAAQR,EAASC,CAAQ;MAC/B,IAAIQ,EAAO,UAAU,MAAM;OACzB,IAAMC,IAA0B;QAC9B;QACA;QACA,gBAAgBV,EAASC,CAAQ;OACnC;OACA,OAAOQ,EAAO,UAAU,KAAKC,CAAG;MAClC;MACA,OAAOF,KAAS,OAAO,OAAO,OAAOA,CAAK;KAC5C;IAEK;GACT,CAAC;EACL;EACA,OAAOL;CACT;CAoBA,OAAO,EAAE,UAlBQQ,QAAiB;EAChC,IAAMC,IAAOf,EAAQ,KAAK,GACpBgB,oBAAO,IAAI,IAAY,GACvBC,IAASF,EAAK,KAAK,GAAU,MAAU;GAC3C,IAAMP,IAAKR,EAAQ,WAAWK,GAAUa,CAAK,KAAK,OAAOA,CAAK;GAC9D,EAAK,IAAIV,CAAE;GACX,IAAMW,IAASlB,EAAM,IAAIO,CAAE;GAC3B,IAAIW,KAAUA,EAAO,aAAad,GAAU,OAAOc;GACnD,IAAMb,IAAMJ,EAASG,GAAUG,CAAE;GAEjC,OADAP,EAAM,IAAIO,GAAIF,CAAG,GACVA;EACT,CAAC;EACD,KAAK,IAAMc,KAAOnB,EAAM,KAAK,GAC3B,AAAKe,EAAK,IAAII,CAAG,KAAGnB,EAAM,OAAOmB,CAAG;EAEtC,OAAOH;CACT,CAES,EAAS;AACpB"}

package/dist/components/data-table/createTableSelection.d.ts

@@ -0,0 +1,12 @@
+import { Accessor } from 'solid-js';
+import { Row } from './data-table.types';
+import { TableStateAccessors } from './createTableState';
+/** 行选择：全选/半选判断与批量切换（作用于当前页） */
+export declare function createTableSelection<TData>(options: {
+    pageRows: Accessor<Row<TData>[]>;
+    state: TableStateAccessors;
+}): {
+    getIsAllPageRowsSelected: () => boolean;
+    getIsSomePageRowsSelected: () => boolean;
+    toggleAllPageRowsSelected: (value?: boolean) => void;
+};

package/dist/components/data-table/createTableSelection.js

@@ -0,0 +1,23 @@
+//#region src/components/data-table/createTableSelection.ts
+function e(e) {
+	let { state: t } = e;
+	return {
+		getIsAllPageRowsSelected: () => {
+			let t = e.pageRows();
+			return t.length > 0 && t.every((e) => e.getIsSelected());
+		},
+		getIsSomePageRowsSelected: () => {
+			let t = e.pageRows();
+			return t.some((e) => e.getIsSelected()) && !t.every((e) => e.getIsSelected());
+		},
+		toggleAllPageRowsSelected: (n) => {
+			let r = e.pageRows(), i = n ?? !r.every((e) => e.getIsSelected()), a = { ...t.rowSelection() };
+			for (let e of r) a[e.id] = i;
+			t.setRowSelection(a);
+		}
+	};
+}
+//#endregion
+export { e as createTableSelection };
+
+//# sourceMappingURL=createTableSelection.js.map

package/dist/components/data-table/createTableSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableSelection.js","names":["createTableSelection","options","rows","row","target","value","next","state"],"sources":["../../../src/components/data-table/createTableSelection.ts"],"sourcesContent":["import type { Accessor } from \"solid-js\";\nimport type { Row } from \"./data-table.types\";\nimport type { TableStateAccessors } from \"./createTableState\";\n\n/** 行选择：全选/半选判断与批量切换（作用于当前页） */\nexport function createTableSelection<TData>(options: {\n  pageRows: Accessor<Row<TData>[]>;\n  state: TableStateAccessors;\n}): {\n  getIsAllPageRowsSelected: () => boolean;\n  getIsSomePageRowsSelected: () => boolean;\n  toggleAllPageRowsSelected: (value?: boolean) => void;\n} {\n  const { state } = options;\n\n  return {\n    getIsAllPageRowsSelected: () => {\n      const rows = options.pageRows();\n      return rows.length > 0 && rows.every((row) => row.getIsSelected());\n    },\n    getIsSomePageRowsSelected: () => {\n      const rows = options.pageRows();\n      return (\n        rows.some((row) => row.getIsSelected()) &&\n        !rows.every((row) => row.getIsSelected())\n      );\n    },\n    toggleAllPageRowsSelected: (value) => {\n      const rows = options.pageRows();\n      const target = value ?? !rows.every((row) => row.getIsSelected());\n      const next = { ...state.rowSelection() };\n      for (const row of rows) next[row.id] = target;\n      state.setRowSelection(next);\n    },\n  };\n}\n"],"mappings":";AAKA,SAAgBA,EAA4B,GAO1C;CACA,IAAM,EAAE,aAAUC;CAElB,OAAO;EACL,gCAAgC;GAC9B,IAAMC,IAAOD,EAAQ,SAAS;GAC9B,OAAOC,EAAK,SAAS,KAAKA,EAAK,OAAO,MAAQC,EAAI,cAAc,CAAC;EACnE;EACA,iCAAiC;GAC/B,IAAMD,IAAOD,EAAQ,SAAS;GAC9B,OACEC,EAAK,MAAM,MAAQC,EAAI,cAAc,CAAC,KACtC,CAACD,EAAK,OAAO,MAAQC,EAAI,cAAc,CAAC;EAE5C;EACA,4BAA4B,MAAU;GACpC,IAAMD,IAAOD,EAAQ,SAAS,GACxBG,IAASC,KAAS,CAACH,EAAK,OAAO,MAAQC,EAAI,cAAc,CAAC,GAC1DG,IAAO,EAAE,GAAGC,EAAM,aAAa,EAAE;GACvC,KAAK,IAAMJ,KAAOD,GAAM,EAAKC,EAAI,MAAMC;GACvC,EAAM,gBAAgBE,CAAI;EAC5B;CACF;AACF"}