@neut/ui 0.0.15 → 0.0.16

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"}

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

@@ -0,0 +1,16 @@
+import { Accessor } from 'solid-js';
+import { ColumnFiltersState, ColumnVisibilityState, CreateTableOptions, PaginationState, RowSelectionState, SortingState } from './data-table.types';
+/** 表格状态切片：内部 signal + 对外 setter（并转发 onChange） */
+export interface TableStateAccessors {
+    sorting: Accessor<SortingState>;
+    setSorting: (state: SortingState) => void;
+    columnFilters: Accessor<ColumnFiltersState>;
+    setColumnFilters: (state: ColumnFiltersState) => void;
+    columnVisibility: Accessor<ColumnVisibilityState>;
+    setColumnVisibility: (state: ColumnVisibilityState) => void;
+    rowSelection: Accessor<RowSelectionState>;
+    setRowSelection: (state: RowSelectionState) => void;
+    pagination: Accessor<PaginationState>;
+    setPagination: (state: PaginationState) => void;
+}
+export declare function createTableState<TData>(options: CreateTableOptions<TData>): TableStateAccessors;

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

@@ -0,0 +1,34 @@
+import { createSignal as e } from "solid-js";
+//#region src/components/data-table/createTableState.ts
+function t(t) {
+	let n = t.initialState ?? {}, [r, i] = e(n.sorting ?? []), [a, o] = e(n.columnFilters ?? []), [s, c] = e(n.columnVisibility ?? {}), [l, u] = e(n.rowSelection ?? {}), [d, f] = e(n.pagination ?? {
+		pageIndex: 0,
+		pageSize: 10
+	});
+	return {
+		sorting: r,
+		setSorting: (e) => {
+			i(e), t.onSortingChange?.(e);
+		},
+		columnFilters: a,
+		setColumnFilters: (e) => {
+			o(e), t.onColumnFiltersChange?.(e);
+		},
+		columnVisibility: s,
+		setColumnVisibility: (e) => {
+			c(e), t.onColumnVisibilityChange?.(e);
+		},
+		rowSelection: l,
+		setRowSelection: (e) => {
+			u(e), t.onRowSelectionChange?.(e);
+		},
+		pagination: d,
+		setPagination: (e) => {
+			f(e), t.onPaginationChange?.(e);
+		}
+	};
+}
+//#endregion
+export { t as createTableState };
+
+//# sourceMappingURL=createTableState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTableState.js","names":["createTableState","initial","options","sorting","setSortingSignal","createSignal","columnFilters","setColumnFiltersSignal","columnVisibility","setColumnVisibilitySignal","rowSelection","setRowSelectionSignal","pagination","setPaginationSignal","state"],"sources":["../../../src/components/data-table/createTableState.ts"],"sourcesContent":["import { createSignal, type Accessor } from \"solid-js\";\nimport type {\n  ColumnFiltersState,\n  ColumnVisibilityState,\n  CreateTableOptions,\n  PaginationState,\n  RowSelectionState,\n  SortingState,\n} from \"./data-table.types\";\n\n/** 表格状态切片：内部 signal + 对外 setter（并转发 onChange） */\nexport interface TableStateAccessors {\n  sorting: Accessor<SortingState>;\n  setSorting: (state: SortingState) => void;\n  columnFilters: Accessor<ColumnFiltersState>;\n  setColumnFilters: (state: ColumnFiltersState) => void;\n  columnVisibility: Accessor<ColumnVisibilityState>;\n  setColumnVisibility: (state: ColumnVisibilityState) => void;\n  rowSelection: Accessor<RowSelectionState>;\n  setRowSelection: (state: RowSelectionState) => void;\n  pagination: Accessor<PaginationState>;\n  setPagination: (state: PaginationState) => void;\n}\n\nexport function createTableState<TData>(\n  options: CreateTableOptions<TData>,\n): TableStateAccessors {\n  const initial = options.initialState ?? {};\n\n  const [sorting, setSortingSignal] = createSignal<SortingState>(\n    initial.sorting ?? [],\n  );\n  const [columnFilters, setColumnFiltersSignal] =\n    createSignal<ColumnFiltersState>(initial.columnFilters ?? []);\n  const [columnVisibility, setColumnVisibilitySignal] =\n    createSignal<ColumnVisibilityState>(initial.columnVisibility ?? {});\n  const [rowSelection, setRowSelectionSignal] = createSignal<RowSelectionState>(\n    initial.rowSelection ?? {},\n  );\n  const [pagination, setPaginationSignal] = createSignal<PaginationState>(\n    initial.pagination ?? { pageIndex: 0, pageSize: 10 },\n  );\n\n  return {\n    sorting,\n    setSorting: (state) => {\n      setSortingSignal(state);\n      options.onSortingChange?.(state);\n    },\n    columnFilters,\n    setColumnFilters: (state) => {\n      setColumnFiltersSignal(state);\n      options.onColumnFiltersChange?.(state);\n    },\n    columnVisibility,\n    setColumnVisibility: (state) => {\n      setColumnVisibilitySignal(state);\n      options.onColumnVisibilityChange?.(state);\n    },\n    rowSelection,\n    setRowSelection: (state) => {\n      setRowSelectionSignal(state);\n      options.onRowSelectionChange?.(state);\n    },\n    pagination,\n    setPagination: (state) => {\n      setPaginationSignal(state);\n      options.onPaginationChange?.(state);\n    },\n  };\n}\n"],"mappings":";;AAwBA,SAAgBA,EACd,GACqB;CACrB,IAAMC,IAAUC,EAAQ,gBAAgB,CAAC,GAEnC,CAACC,GAASC,KAAoBC,EAClCJ,EAAQ,WAAW,CAAC,CACtB,GACM,CAACK,GAAeC,KACpBF,EAAiCJ,EAAQ,iBAAiB,CAAC,CAAC,GACxD,CAACO,GAAkBC,KACvBJ,EAAoCJ,EAAQ,oBAAoB,CAAC,CAAC,GAC9D,CAACS,GAAcC,KAAyBN,EAC5CJ,EAAQ,gBAAgB,CAAC,CAC3B,GACM,CAACW,GAAYC,KAAuBR,EACxCJ,EAAQ,cAAc;EAAE,WAAW;EAAG,UAAU;CAAG,CACrD;CAEA,OAAO;EACL;EACA,aAAa,MAAU;GAErB,AADAG,EAAiBU,CAAK,GACtBZ,EAAQ,kBAAkBY,CAAK;EACjC;EACA;EACA,mBAAmB,MAAU;GAE3B,AADAP,EAAuBO,CAAK,GAC5BZ,EAAQ,wBAAwBY,CAAK;EACvC;EACA;EACA,sBAAsB,MAAU;GAE9B,AADAL,EAA0BK,CAAK,GAC/BZ,EAAQ,2BAA2BY,CAAK;EAC1C;EACA;EACA,kBAAkB,MAAU;GAE1B,AADAH,EAAsBG,CAAK,GAC3BZ,EAAQ,uBAAuBY,CAAK;EACtC;EACA;EACA,gBAAgB,MAAU;GAExB,AADAD,EAAoBC,CAAK,GACzBZ,EAAQ,qBAAqBY,CAAK;EACpC;CACF;AACF"}

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

@@ -0,0 +1,123 @@
+import { Accessor, JSX } from 'solid-js';
+export interface SortingEntry {
+    id: string;
+    desc: boolean;
+}
+export type SortingState = SortingEntry[];
+export interface ColumnFilter {
+    id: string;
+    value: unknown;
+}
+export type ColumnFiltersState = ColumnFilter[];
+export type ColumnVisibilityState = Record<string, boolean>;
+export type RowSelectionState = Record<string, boolean>;
+export interface PaginationState {
+    pageIndex: number;
+    pageSize: number;
+}
+export interface TableState {
+    sorting: SortingState;
+    columnFilters: ColumnFiltersState;
+    columnVisibility: ColumnVisibilityState;
+    rowSelection: RowSelectionState;
+    pagination: PaginationState;
+}
+export type SortingFn = "auto" | "text" | "alphanumeric" | ((a: unknown, b: unknown) => number);
+export type FilterFn<TData> = (row: TData, filterValue: unknown) => boolean;
+export interface ColumnDef<TData> {
+    /** 列 id；缺省用 accessorKey，再缺省用列下标注 */
+    id?: string;
+    accessorKey?: string;
+    accessorFn?: (row: TData) => unknown;
+    header?: string | ((ctx: HeaderContext<TData>) => JSX.Element);
+    cell?: (ctx: CellContext<TData>) => JSX.Element;
+    enableSorting?: boolean;
+    enableHiding?: boolean;
+    enableColumnFilter?: boolean;
+    filterFn?: FilterFn<TData>;
+    sortingFn?: SortingFn;
+    meta?: Record<string, unknown>;
+}
+export interface CellContext<TData> {
+    row: Row<TData>;
+    column: Column<TData>;
+    getValue: () => unknown;
+}
+export interface HeaderContext<TData> {
+    column: Column<TData>;
+    table: DataTable<TData>;
+}
+export interface Cell<TData> {
+    id: string;
+    column: Column<TData>;
+    row: Row<TData>;
+    getValue: () => unknown;
+    render: () => JSX.Element;
+}
+export interface Header<TData> {
+    id: string;
+    column: Column<TData>;
+    isPlaceholder: boolean;
+    render: () => JSX.Element;
+}
+export interface HeaderGroup<TData> {
+    id: string;
+    headers: Header<TData>[];
+}
+export interface Row<TData> {
+    id: string;
+    original: TData;
+    getValue: (columnId: string) => unknown;
+    getIsSelected: () => boolean;
+    toggleSelected: (value?: boolean) => void;
+    getVisibleCells: () => Cell<TData>[];
+}
+export interface Column<TData> {
+    id: string;
+    columnDef: ColumnDef<TData>;
+    getCanSort: () => boolean;
+    getIsSorted: () => false | "asc" | "desc";
+    toggleSorting: (desc?: boolean) => void;
+    getCanHide: () => boolean;
+    getIsVisible: () => boolean;
+    toggleVisibility: (value?: boolean) => void;
+    getFilterValue: () => unknown;
+    setFilterValue: (value: unknown) => void;
+}
+export interface DataTable<TData> {
+    getHeaderGroups: () => HeaderGroup<TData>[];
+    getRowModel: () => {
+        rows: Row<TData>[];
+    };
+    getFilteredRowModel: () => {
+        rows: Row<TData>[];
+    };
+    getFilteredSelectedRowModel: () => {
+        rows: Row<TData>[];
+    };
+    getColumn: (id: string) => Column<TData> | undefined;
+    getAllColumns: () => Column<TData>[];
+    getIsAllPageRowsSelected: () => boolean;
+    getIsSomePageRowsSelected: () => boolean;
+    toggleAllPageRowsSelected: (value?: boolean) => void;
+    getCanPreviousPage: () => boolean;
+    getCanNextPage: () => boolean;
+    getPageCount: () => number;
+    previousPage: () => void;
+    nextPage: () => void;
+    setPageIndex: (index: number) => void;
+    setPageSize: (size: number) => void;
+    state: TableState;
+}
+export interface CreateTableOptions<TData> {
+    /** 数据源(响应式 accessor，Solid 惯用法) */
+    data: Accessor<TData[]>;
+    columns: ColumnDef<TData>[];
+    getRowId?: (row: TData, index: number) => string;
+    initialState?: Partial<TableState>;
+    onSortingChange?: (state: SortingState) => void;
+    onColumnFiltersChange?: (state: ColumnFiltersState) => void;
+    onColumnVisibilityChange?: (state: ColumnVisibilityState) => void;
+    onRowSelectionChange?: (state: RowSelectionState) => void;
+    onPaginationChange?: (state: PaginationState) => void;
+}

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

@@ -0,0 +1,4 @@
+/** 默认比较：数字按大小，其余按本地化字符串 */
+export declare function compareValues(a: unknown, b: unknown): number;
+/** 默认过滤：大小写不敏感的 includes */
+export declare function includesFilterValue(value: unknown, filterValue: unknown): boolean;

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

@@ -0,0 +1,11 @@
+//#region src/components/data-table/data-table.utils.ts
+function e(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
+}
+function t(e, t) {
+	return String(e ?? "").toLowerCase().includes(String(t ?? "").toLowerCase());
+}
+//#endregion
+export { e as compareValues, t as includesFilterValue };
+
+//# sourceMappingURL=data-table.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.utils.js","names":["compareValues","a","b","includesFilterValue","value","filterValue"],"sources":["../../../src/components/data-table/data-table.utils.ts"],"sourcesContent":["/** 默认比较：数字按大小，其余按本地化字符串 */\nexport function compareValues(a: unknown, b: unknown): number {\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return String(a ?? \"\").localeCompare(String(b ?? \"\"));\n}\n\n/** 默认过滤：大小写不敏感的 includes */\nexport function includesFilterValue(\n  value: unknown,\n  filterValue: unknown,\n): boolean {\n  return String(value ?? \"\")\n    .toLowerCase()\n    .includes(String(filterValue ?? \"\").toLowerCase());\n}\n"],"mappings":";AACA,SAAgBA,EAAc,GAAY,GAAoB;CAE5D,OADI,OAAOC,KAAM,YAAY,OAAOC,KAAM,WAAiBD,IAAIC,IACxD,OAAOD,KAAK,EAAE,CAAC,CAAC,cAAc,OAAOC,KAAK,EAAE,CAAC;AACtD;AAGA,SAAgBC,EACd,GACA,GACS;CACT,OAAO,OAAOC,KAAS,EAAE,CAAC,CACvB,YAAY,CAAC,CACb,SAAS,OAAOC,KAAe,EAAE,CAAC,CAAC,YAAY,CAAC;AACrD"}

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

@@ -0,0 +1,2 @@
+export { createTable } from './createTable';
+export type { Cell, CellContext, Column, ColumnDef, ColumnFilter, ColumnFiltersState, ColumnVisibilityState, CreateTableOptions, FilterFn, Header, HeaderContext, HeaderGroup, PaginationState, Row, RowSelectionState, SortingEntry, SortingFn, SortingState, DataTable, TableState, } from './data-table.types';

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

@@ -0,0 +1,2 @@
+import { createTable as e } from "./createTable.js";
+export { e as createTable };

package/dist/components/date-picker/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","defaultFormatDate","locale","date","DatePicker","merged","props","local","rest","splitProps","internalValue","setInternalValue","createSignal","open","setOpen","value","createMemo","setValue","localeCode","displayText","createComponent","Popover","PopoverTrigger","\"class\"","clsx","_el$","insert","ChevronDown","PopoverContent","Calendar","mergeProps"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAASY,EAAkBC,GAAYE,GAAyB;CAC9D,OAAO,IAAIC,KAAKC,eAAeF,GAAQ;EACrCG,MAAM;EACNC,OAAO;EACPC,KAAK;CACP,CAAC,CAAC,CAACC,OAAOR,CAAI;AAChB;AAUA,SAAgBS,EAAWC,GAAqC;CAC9D,IAAME,IAASvB,EACb;EACEwB,aAAa;EACbC,OAAO;EACPE,MAAM;CACR,GACAN,CACF,GAEM,CAACO,GAAOC,KAAQ5B,EAAWsB,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR,GAEK,CAACO,GAAeC,KAAoBhC,EACxC6B,EAAMI,YACR,GACM,CAACC,GAAMC,KAAWnC,EAAa,EAAK,GACpCoC,IAAQrC,QACZ8B,EAAMO,UAAUC,KAAAA,IAA0BN,EAAc,IAA5BF,EAAMO,KACpC,GAEME,KAAY1B,MAA2B;EAE3CiB,AADIA,EAAMO,UAAUC,KAAAA,KAAWL,EAAiBpB,CAAI,GACpDiB,EAAMU,gBAAgB3B,CAAI;CAC5B,GAEM4B,IAAazC,QACjB,OAAO8B,EAAMf,UAAW,WAAWe,EAAMf,SAASe,EAAMf,QAAQ2B,IAClE,GAEMC,IAAc3C,QAAiB;EACnC,IAAMa,IAAOwB,EAAM;EAEnB,OADKxB,KACGiB,EAAMc,cAAchC,EAAAA,CAAmBC,GAAM4B,EAAW,CAAC,IAD/CX,EAAMJ;CAE1B,CAAC;CAED,OAAAmB,EACGtC,GAAO;EAAA,IAAC4B,OAAI;GAAA,OAAEA,EAAK;EAAC;EAAEW,cAAcV;EAAO,IAAAW,WAAA;GAAA,OAAA,CAAAF,EACzCpC,GAAc;IACbuC,SAAO;IAAA,IACPC,WAAQ;KAAA,OAAEnB,EAAMmB;IAAQ;IAAA,IAAA,eAAA;KAAA,OACZZ,EAAM,MAAMC,KAAAA,IAAY,SAASA,KAAAA;IAAS;IAAA,IAAA2D,QAAA;KAAA,OAC/CvF,EACL,8CACA,2CACAoB,EAAMqB,KACR;IAAC;IAAA,IAAAJ,WAAA;KAAA,OAAA,QAAA;MAAA,IAAAK,IAAAC,EAAA;MAEkC,OAFlCC,EAAAF,GAEuBT,CAAW,GAAAS;KAAA,EAAA,CAAA,GAAAP,EAClCxC,GAAW,EAAA,aAAA,aAAA,CAAA,CAAA;IAAA;GAAA,CAAA,GAAAwC,EAEbrC,GAAc;IAAA,IACbqB,OAAI;KAAA,OAAEC,EAAMD;IAAI;IAAA,IAChBF,QAAK;KAAA,OAAEG,EAAMH;IAAK;IAAA,IAClB4B,aAAU;KAAA,OAAEzB,EAAMyB;IAAU;IAAA,IAAA0C,QAAA;KAAA,OACrBvF,EAAK,cAAcoB,EAAM0B,YAAY;IAAC;IAAA,IAAAT,WAAA;KAAA,OAAAF,EAE5CvC,GAAQmD,EAAA;MACPC,MAAI;MAAA,IACJC,WAAQ;OAAA,OAAEtB,EAAM;MAAC;MACjBuB,WAAW/C,MAAS;OAIlBuB,AAHAG,EAAS1B,CAAwB,GAGjCuB,EAAQ,EAAK;MACf;MAAC,IACDyB,eAAY;OAAA,OAAExB,EAAM;MAAC;MAAA,IACrByB,MAAG;OAAA,OAAEhC,EAAMgC;MAAG;MAAA,IACdC,MAAG;OAAA,OAAEjC,EAAMiC;MAAG;MAAA,IACdC,kBAAe;OAAA,OAAElC,EAAMkC;MAAe;MAAA,IACtCC,eAAY;OAAA,OAAEnC,EAAMmC;MAAY;MAAA,IAChCC,gBAAa;OAAA,OAAEpC,EAAMoC;MAAa;MAAA,IAClCC,gBAAa;OAAA,OAAErC,EAAMqC;MAAa;MAAA,IAClCpD,SAAM;OAAA,OAAEe,EAAMf;MAAM;MAAA,IACpBqD,aAAU;OAAA,OAAEtC,EAAMsC;MAAU;MAAA,IAAA6B,QAAA;OAAA,OACrBnE,EAAMuC;MAAa;KAAA,GACtBtC,CAAI,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKlB"}

package/dist/components/dialog/Dialog/Dialog.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  /** 打开/关闭 Dialog；内部会同时处理受控与非受控模式 */\n  setOpen: (open: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAeA,IAAa,IAAgB,EAAkC,GAElD,UAAyB;CACpC,IAAM,IAAU,EAAW,CAAa;CACxC,IAAI,CAAC,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAO;AACT"}
+{"version":3,"file":"Dialog.context.js","names":["DialogContext","createContext","useDialogContext","context","useContext"],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  /** 打开/关闭 Dialog；内部会同时处理受控与非受控模式 */\n  setOpen: (open: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAeA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAUC,EAAWJ,CAAa;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAOA;AACT"}

package/dist/components/dialog/Dialog/Dialog.d.ts

@@ -1,2 +1,2 @@
 import { DialogProps } from './Dialog.types';
-export declare const Dialog: (props: DialogProps) => import("solid-js").JSX.Element;
+export declare const Dialog: (props: DialogProps) => import('solid-js').JSX.Element;

package/dist/components/dialog/Dialog/Dialog.js

@@ -1,32 +1,34 @@
-import { DialogContext as e } from "./Dialog.context.js";
-import { createComponent as t, insert as n, spread as r, template as i } from "solid-js/web";
-import { createEffect as a, createMemo as o, createSignal as s, splitProps as c } from "solid-js";
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { DialogContext as t } from "./Dialog.context.js";
+import { createComponent as n, insert as r, spread as i, template as a } from "solid-js/web";
+import { createEffect as o, createMemo as s, createSignal as c, splitProps as l } from "solid-js";
 //#region src/components/dialog/Dialog/Dialog.tsx
-var l = /*#__PURE__*/ i("<div data-slot=dialog>"), u = (i) => {
-	let [u, d] = c(i, [
+var u = /*#__PURE__*/ a("<div data-slot=dialog>"), d = (a) => {
+	let [d, f] = l(a, [
 		"open",
 		"defaultOpen",
 		"onOpenChange",
+		"lockScroll",
 		"children"
-	]), f = u.open ?? u.defaultOpen ?? !1, [p, m] = s(f), [h, g] = s(u.defaultOpen ?? !1), _ = o(() => u.open === void 0 ? h() : u.open);
-	return a(() => {
-		_() && m(!0);
-	}), t(e.Provider, {
+	]), p = d.open ?? d.defaultOpen ?? !1, [m, h] = c(p), [g, _] = c(d.defaultOpen ?? !1), v = s(() => d.open === void 0 ? g() : d.open), y = s(() => a.lockScroll ?? !0);
+	return e(() => v() && y(), { allowedSelector: "[data-dialog-surface]" }), o(() => {
+		v() && h(!0);
+	}), n(t.Provider, {
 		value: {
-			show: p,
-			setShow: m,
-			open: _,
+			show: m,
+			setShow: h,
+			open: v,
 			setOpen: (e) => {
-				u.open === void 0 && g(e), u.onOpenChange?.(e);
+				d.open === void 0 && _(e), d.onOpenChange?.(e);
 			}
 		},
 		get children() {
-			var e = l();
-			return r(e, d, !1, !0), n(e, () => u.children), e;
+			var e = u();
+			return i(e, f, !1, !0), r(e, () => d.children), e;
 		}
 	});
 };
 //#endregion
-export { u as Dialog };
+export { d as Dialog };
 
 //# sourceMappingURL=Dialog.js.map