dishui 0.0.64 → 0.0.66

package/dist/hooks/useTableColumns.js

@@ -1,46 +1,43 @@
-import { createActionColumn as S, createColumn as h, createComputedColumn as v, createSelectionColumn as C, dateSort as x, numericSort as z } from "../data-table.js";
-import { useMemo as y } from "react";
-function g(c) {
-  const { key: e, header: l, type: i = "text", sortable: f, cell: m, filter: o, width: n, minWidth: r, maxWidth: s, accessorFn: p, sortingFn: b, extra: u } = c;
-  if (i === "selection") return C(u);
-  if (i === "action") return S({
-    id: e.startsWith("_") ? "actions" : e,
-    header: l,
-    cell: m,
-    ...n !== void 0 ? { size: n } : {},
-    ...r !== void 0 ? { minSize: r } : {},
-    ...s !== void 0 ? { maxSize: s } : {},
-    ...u
-  });
-  const a = {};
-  o && (a.filterType = o.type, o.options && (a.filterOptions = o.options));
-  let t = b;
-  if (!t) switch (i) {
-    case "number":
-      t = z;
-      break;
-    case "date":
-      t = x;
-      break;
-  }
-  const d = {
-    ...m !== void 0 ? { cell: m } : {},
-    ...t ? { sortFn: t } : {},
-    ...f === !1 ? { enableSorting: !1 } : {},
-    ...Object.keys(a).length > 0 ? { meta: a } : {},
-    ...n !== void 0 ? { size: n } : {},
-    ...r !== void 0 ? { minSize: r } : {},
-    ...s !== void 0 ? { maxSize: s } : {},
-    ...u
-  };
-  return i === "computed" ? v(e.startsWith("_") ? e.slice(1) : e, l, p, d) : h(e, l, d);
+import { createActionColumn as e, createColumn as t, createComputedColumn as n, createSelectionColumn as r, dateSort as i, numericSort as a } from "../data-table.js";
+import { useMemo as o } from "react";
+//#region src/hooks/useTableColumns.ts
+function s(o) {
+	let { key: s, header: c, type: l = "text", sortable: u, cell: d, filter: f, width: p, minWidth: m, maxWidth: h, accessorFn: g, sortingFn: _, extra: v } = o;
+	if (l === "selection") return r(v);
+	if (l === "action") return e({
+		id: s.startsWith("_") ? "actions" : s,
+		header: c,
+		cell: d,
+		...p === void 0 ? {} : { size: p },
+		...m === void 0 ? {} : { minSize: m },
+		...h === void 0 ? {} : { maxSize: h },
+		...v
+	});
+	let y = {};
+	f && (y.filterType = f.type, f.options && (y.filterOptions = f.options));
+	let b = _;
+	if (!b) switch (l) {
+		case "number":
+			b = a;
+			break;
+		case "date": b = i;
+	}
+	let x = {
+		...d === void 0 ? {} : { cell: d },
+		...b ? { sortFn: b } : {},
+		...u === !1 ? { enableSorting: !1 } : {},
+		...Object.keys(y).length > 0 ? { meta: y } : {},
+		...p === void 0 ? {} : { size: p },
+		...m === void 0 ? {} : { minSize: m },
+		...h === void 0 ? {} : { maxSize: h },
+		...v
+	};
+	return l === "computed" ? n(s.startsWith("_") ? s.slice(1) : s, c, g, x) : t(s, c, x);
 }
-function W(c, e = []) {
-  return y(() => c.map(g), e);
+function c(e, t = []) {
+	return o(() => e.map(s), t);
 }
-export {
-  W as default,
-  W as useTableColumns
-};
+//#endregion
+export { c as default, c as useTableColumns };
 
 //# sourceMappingURL=useTableColumns.js.map

package/dist/hooks/useTableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../src/hooks/useTableColumns.ts"],"sourcesContent":["import { useMemo, ReactNode } from 'react';\nimport { ColumnDef, Row, SortingFn } from '../components/pro/DataTable/tanstack-table';\nimport {\n    createColumn,\n    createComputedColumn,\n    createActionColumn,\n    createSelectionColumn,\n    numericSort,\n    dateSort,\n    stringSort,\n} from '../components/pro/DataTable';\n\n/**\n * 列筛选配置\n */\nexport interface ColumnFilterConfig {\n    /** 筛选类型 */\n    type: 'text' | 'select' | 'number' | 'dateRange';\n    /** 下拉选项（仅 select 类型使用） */\n    options?: { value: string; label: string }[];\n}\n\n/**\n * 列配置项（JSON 驱动）\n */\nexport interface ColumnConfig<T extends object = any> {\n    /** 字段名 / accessorKey。特殊值: '_selection' 自动创建选择列 */\n    key: string;\n    /** 列标题 */\n    header: string;\n    /**\n     * 列类型\n     * - 'text'      普通文本列（默认）\n     * - 'number'    数值列，自动使用 numericSort\n     * - 'date'      日期列，自动使用 dateSort\n     * - 'computed'  计算列，需提供 accessorFn\n     * - 'action'    操作列，禁用排序\n     * - 'selection' 选择列（含全选复选框）\n     */\n    type?: 'text' | 'number' | 'date' | 'computed' | 'action' | 'selection';\n    /** 是否可排序，默认 true（action/selection 默认 false） */\n    sortable?: boolean;\n    /** 自定义单元格渲染 */\n    cell?: ((info: any) => ReactNode) | ((props: { row: Row<T> }) => ReactNode);\n    /** 筛选配置 */\n    filter?: ColumnFilterConfig;\n    /** 列宽 */\n    width?: number;\n    /** 最小列宽 */\n    minWidth?: number;\n    /** 最大列宽 */\n    maxWidth?: number;\n    /** 计算列的 accessorFn（仅 type='computed' 时使用） */\n    accessorFn?: (row: T) => any;\n    /** 自定义排序函数 */\n    sortingFn?: SortingFn<any>;\n    /** 任意额外选项，会被合并到最终 ColumnDef 中 */\n    extra?: Partial<ColumnDef<T, any>>;\n}\n\n/**\n * 将单个 ColumnConfig 转换为 ColumnDef\n */\nfunction buildColumnDef<T extends object>(config: ColumnConfig<T>): ColumnDef<T, any> {\n    const { key, header, type = 'text', sortable, cell, filter, width, minWidth, maxWidth, accessorFn, sortingFn, extra } = config;\n\n    // 选择列\n    if (type === 'selection') {\n        return createSelectionColumn<T>(extra);\n    }\n\n    // 操作列\n    if (type === 'action') {\n        return createActionColumn<T>({\n            id: key.startsWith('_') ? 'actions' : key,\n            header,\n            cell: cell as any,\n            ...(width !== undefined ? { size: width } : {}),\n            ...(minWidth !== undefined ? { minSize: minWidth } : {}),\n            ...(maxWidth !== undefined ? { maxSize: maxWidth } : {}),\n            ...extra,\n        });\n    }\n\n    // 构建 meta（筛选信息）\n    const meta: Record<string, any> = {};\n    if (filter) {\n        meta.filterType = filter.type;\n        if (filter.options) {\n            meta.filterOptions = filter.options;\n        }\n    }\n\n    // 自动选择排序函数\n    let resolvedSortingFn: SortingFn<any> | undefined = sortingFn;\n    if (!resolvedSortingFn) {\n        switch (type) {\n            case 'number':\n                resolvedSortingFn = numericSort;\n                break;\n            case 'date':\n                resolvedSortingFn = dateSort;\n                break;\n            // 'text' 和 'computed' 使用默认排序\n        }\n    }\n\n    // 基础选项（v9：使用 sortFn）\n    const baseOptions: Partial<ColumnDef<T, any>> = {\n        ...(cell !== undefined ? { cell: cell as any } : {}),\n        ...(resolvedSortingFn ? { sortFn: resolvedSortingFn } : {}),\n        ...(sortable === false ? { enableSorting: false } : {}),\n        ...(Object.keys(meta).length > 0 ? { meta } : {}),\n        ...(width !== undefined ? { size: width } : {}),\n        ...(minWidth !== undefined ? { minSize: minWidth } : {}),\n        ...(maxWidth !== undefined ? { maxSize: maxWidth } : {}),\n        ...extra,\n    };\n\n    // 计算列\n    if (type === 'computed') {\n        return createComputedColumn<T>(\n            key.startsWith('_') ? key.slice(1) : key,\n            header,\n            accessorFn,\n            baseOptions\n        );\n    }\n\n    // 普通列 / number / date\n    return createColumn<T>(key, header, baseOptions);\n}\n\n/**\n * useTableColumns - 通过 JSON 配置数组快速创建 DataTable 列定义\n *\n * @example\n * ```tsx\n * const columns = useTableColumns<Order>([\n *   { key: '_selection', type: 'selection', header: '' },\n *   { key: 'orderNumber', header: '订单编号', filter: { type: 'text' } },\n *   { key: 'total', header: '总金额', type: 'number',\n *     cell: info => `¥${info.getValue<number>().toFixed(2)}`,\n *     filter: { type: 'number' } },\n *   { key: '_actions', type: 'action', header: '操作',\n *     cell: ({ row }) => <button>查看</button> }\n * ]);\n * ```\n *\n * @param configs - 列配置数组\n * @param deps   - 额外依赖项（当 cell 渲染器依赖外部状态时使用）\n */\nexport function useTableColumns<T extends object>(\n    configs: ColumnConfig<T>[],\n    deps: any[] = []\n): ColumnDef<T, any>[] {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return useMemo(() => configs.map(buildColumnDef), deps);\n}\n\nexport default useTableColumns;\n"],"mappings":";;AA+DA,SAAS,EAAiC,GAA4C;AAClF,QAAM,EAAE,KAAA,GAAK,QAAA,GAAQ,MAAA,IAAO,QAAQ,UAAA,GAAU,MAAA,GAAM,QAAA,GAAQ,OAAA,GAAO,UAAA,GAAU,UAAA,GAAU,YAAA,GAAY,WAAA,GAAW,OAAA,EAAA,IAAU;AAGxH,MAAI,MAAS,YACT,QAAO,EAAyB,CAAK;AAIzC,MAAI,MAAS,SACT,QAAO,EAAsB;AAAA,IACzB,IAAI,EAAI,WAAW,GAAG,IAAI,YAAY;AAAA,IACtC,QAAA;AAAA,IACM,MAAA;AAAA,IACN,GAAI,MAAU,SAAY,EAAE,MAAM,EAAM,IAAI,CAAC;AAAA,IAC7C,GAAI,MAAa,SAAY,EAAE,SAAS,EAAS,IAAI,CAAC;AAAA,IACtD,GAAI,MAAa,SAAY,EAAE,SAAS,EAAS,IAAI,CAAC;AAAA,IACtD,GAAG;AAAA,EACP,CAAC;AAIL,QAAM,IAA4B,CAAC;AACnC,EAAI,MACA,EAAK,aAAa,EAAO,MACrB,EAAO,YACP,EAAK,gBAAgB,EAAO;AAKpC,MAAI,IAAgD;AACpD,MAAI,CAAC,EACD,SAAQ,GAAR;AAAA,IACI,KAAK;AACD,MAAA,IAAoB;AACpB;AAAA,IACJ,KAAK;AACD,MAAA,IAAoB;AACpB;AAAA,EAER;AAIJ,QAAM,IAA0C;AAAA,IAC5C,GAAI,MAAS,SAAY,EAAQ,MAAA,EAAY,IAAI,CAAC;AAAA,IAClD,GAAI,IAAoB,EAAE,QAAQ,EAAkB,IAAI,CAAC;AAAA,IACzD,GAAI,MAAa,KAAQ,EAAE,eAAe,GAAM,IAAI,CAAC;AAAA,IACrD,GAAI,OAAO,KAAK,CAAI,EAAE,SAAS,IAAI,EAAE,MAAA,EAAK,IAAI,CAAC;AAAA,IAC/C,GAAI,MAAU,SAAY,EAAE,MAAM,EAAM,IAAI,CAAC;AAAA,IAC7C,GAAI,MAAa,SAAY,EAAE,SAAS,EAAS,IAAI,CAAC;AAAA,IACtD,GAAI,MAAa,SAAY,EAAE,SAAS,EAAS,IAAI,CAAC;AAAA,IACtD,GAAG;AAAA,EACP;AAGA,SAAI,MAAS,aACF,EACH,EAAI,WAAW,GAAG,IAAI,EAAI,MAAM,CAAC,IAAI,GACrC,GACA,GACA,CACJ,IAIG,EAAgB,GAAK,GAAQ,CAAW;AACnD;AAqBA,SAAgB,EACZ,GACA,IAAc,CAAC,GACI;AAEnB,SAAO,EAAA,MAAc,EAAQ,IAAI,CAAc,GAAG,CAAI;AAC1D"}
+{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../src/hooks/useTableColumns.ts"],"sourcesContent":["import { useMemo, ReactNode } from 'react';\nimport { ColumnDef, Row, SortingFn } from '../components/pro/DataTable/tanstack-table';\nimport {\n    createColumn,\n    createComputedColumn,\n    createActionColumn,\n    createSelectionColumn,\n    numericSort,\n    dateSort,\n    stringSort,\n} from '../components/pro/DataTable';\n\n/**\n * 列筛选配置\n */\nexport interface ColumnFilterConfig {\n    /** 筛选类型 */\n    type: 'text' | 'select' | 'number' | 'dateRange';\n    /** 下拉选项（仅 select 类型使用） */\n    options?: { value: string; label: string }[];\n}\n\n/**\n * 列配置项（JSON 驱动）\n */\nexport interface ColumnConfig<T extends object = any> {\n    /** 字段名 / accessorKey。特殊值: '_selection' 自动创建选择列 */\n    key: string;\n    /** 列标题 */\n    header: string;\n    /**\n     * 列类型\n     * - 'text'      普通文本列（默认）\n     * - 'number'    数值列，自动使用 numericSort\n     * - 'date'      日期列，自动使用 dateSort\n     * - 'computed'  计算列，需提供 accessorFn\n     * - 'action'    操作列，禁用排序\n     * - 'selection' 选择列（含全选复选框）\n     */\n    type?: 'text' | 'number' | 'date' | 'computed' | 'action' | 'selection';\n    /** 是否可排序，默认 true（action/selection 默认 false） */\n    sortable?: boolean;\n    /** 自定义单元格渲染 */\n    cell?: ((info: any) => ReactNode) | ((props: { row: Row<T> }) => ReactNode);\n    /** 筛选配置 */\n    filter?: ColumnFilterConfig;\n    /** 列宽 */\n    width?: number;\n    /** 最小列宽 */\n    minWidth?: number;\n    /** 最大列宽 */\n    maxWidth?: number;\n    /** 计算列的 accessorFn（仅 type='computed' 时使用） */\n    accessorFn?: (row: T) => any;\n    /** 自定义排序函数 */\n    sortingFn?: SortingFn<any>;\n    /** 任意额外选项，会被合并到最终 ColumnDef 中 */\n    extra?: Partial<ColumnDef<T, any>>;\n}\n\n/**\n * 将单个 ColumnConfig 转换为 ColumnDef\n */\nfunction buildColumnDef<T extends object>(config: ColumnConfig<T>): ColumnDef<T, any> {\n    const { key, header, type = 'text', sortable, cell, filter, width, minWidth, maxWidth, accessorFn, sortingFn, extra } = config;\n\n    // 选择列\n    if (type === 'selection') {\n        return createSelectionColumn<T>(extra);\n    }\n\n    // 操作列\n    if (type === 'action') {\n        return createActionColumn<T>({\n            id: key.startsWith('_') ? 'actions' : key,\n            header,\n            cell: cell as any,\n            ...(width !== undefined ? { size: width } : {}),\n            ...(minWidth !== undefined ? { minSize: minWidth } : {}),\n            ...(maxWidth !== undefined ? { maxSize: maxWidth } : {}),\n            ...extra,\n        });\n    }\n\n    // 构建 meta（筛选信息）\n    const meta: Record<string, any> = {};\n    if (filter) {\n        meta.filterType = filter.type;\n        if (filter.options) {\n            meta.filterOptions = filter.options;\n        }\n    }\n\n    // 自动选择排序函数\n    let resolvedSortingFn: SortingFn<any> | undefined = sortingFn;\n    if (!resolvedSortingFn) {\n        switch (type) {\n            case 'number':\n                resolvedSortingFn = numericSort;\n                break;\n            case 'date':\n                resolvedSortingFn = dateSort;\n                break;\n            // 'text' 和 'computed' 使用默认排序\n        }\n    }\n\n    // 基础选项（v9：使用 sortFn）\n    const baseOptions: Partial<ColumnDef<T, any>> = {\n        ...(cell !== undefined ? { cell: cell as any } : {}),\n        ...(resolvedSortingFn ? { sortFn: resolvedSortingFn } : {}),\n        ...(sortable === false ? { enableSorting: false } : {}),\n        ...(Object.keys(meta).length > 0 ? { meta } : {}),\n        ...(width !== undefined ? { size: width } : {}),\n        ...(minWidth !== undefined ? { minSize: minWidth } : {}),\n        ...(maxWidth !== undefined ? { maxSize: maxWidth } : {}),\n        ...extra,\n    };\n\n    // 计算列\n    if (type === 'computed') {\n        return createComputedColumn<T>(\n            key.startsWith('_') ? key.slice(1) : key,\n            header,\n            accessorFn,\n            baseOptions\n        );\n    }\n\n    // 普通列 / number / date\n    return createColumn<T>(key, header, baseOptions);\n}\n\n/**\n * useTableColumns - 通过 JSON 配置数组快速创建 DataTable 列定义\n *\n * @example\n * ```tsx\n * const columns = useTableColumns<Order>([\n *   { key: '_selection', type: 'selection', header: '' },\n *   { key: 'orderNumber', header: '订单编号', filter: { type: 'text' } },\n *   { key: 'total', header: '总金额', type: 'number',\n *     cell: info => `¥${info.getValue<number>().toFixed(2)}`,\n *     filter: { type: 'number' } },\n *   { key: '_actions', type: 'action', header: '操作',\n *     cell: ({ row }) => <button>查看</button> }\n * ]);\n * ```\n *\n * @param configs - 列配置数组\n * @param deps   - 额外依赖项（当 cell 渲染器依赖外部状态时使用）\n */\nexport function useTableColumns<T extends object>(\n    configs: ColumnConfig<T>[],\n    deps: any[] = []\n): ColumnDef<T, any>[] {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return useMemo(() => configs.map(buildColumnDef), deps);\n}\n\nexport default useTableColumns;\n"],"mappings":";;;AA+DA,SAAS,EAAiC,GAA4C;CAClF,IAAM,EAAE,QAAK,WAAQ,UAAO,QAAQ,aAAU,SAAM,WAAQ,UAAO,aAAU,aAAU,eAAY,cAAW,aAAU;CAGxH,IAAI,MAAS,aACT,OAAO,EAAyB,CAAK;CAIzC,IAAI,MAAS,UACT,OAAO,EAAsB;EACzB,IAAI,EAAI,WAAW,GAAG,IAAI,YAAY;EACtC;EACM;EACN,GAAI,MAAU,KAAA,IAA8B,CAAC,IAAnB,EAAE,MAAM,EAAM;EACxC,GAAI,MAAa,KAAA,IAAoC,CAAC,IAAzB,EAAE,SAAS,EAAS;EACjD,GAAI,MAAa,KAAA,IAAoC,CAAC,IAAzB,EAAE,SAAS,EAAS;EACjD,GAAG;CACP,CAAC;CAIL,IAAM,IAA4B,CAAC;CACnC,AAAI,MACA,EAAK,aAAa,EAAO,MACrB,EAAO,YACP,EAAK,gBAAgB,EAAO;CAKpC,IAAI,IAAgD;CACpD,IAAI,CAAC,GACD,QAAQ,GAAR;EACI,KAAK;GACD,IAAoB;GACpB;EACJ,KAAK,QACD,IAAoB;CAG5B;CAIJ,IAAM,IAA0C;EAC5C,GAAI,MAAS,KAAA,IAAoC,CAAC,IAAzB,EAAQ,QAAY;EAC7C,GAAI,IAAoB,EAAE,QAAQ,EAAkB,IAAI,CAAC;EACzD,GAAI,MAAa,KAAQ,EAAE,eAAe,GAAM,IAAI,CAAC;EACrD,GAAI,OAAO,KAAK,CAAI,CAAC,CAAC,SAAS,IAAI,EAAE,QAAK,IAAI,CAAC;EAC/C,GAAI,MAAU,KAAA,IAA8B,CAAC,IAAnB,EAAE,MAAM,EAAM;EACxC,GAAI,MAAa,KAAA,IAAoC,CAAC,IAAzB,EAAE,SAAS,EAAS;EACjD,GAAI,MAAa,KAAA,IAAoC,CAAC,IAAzB,EAAE,SAAS,EAAS;EACjD,GAAG;CACP;CAaA,OAVI,MAAS,aACF,EACH,EAAI,WAAW,GAAG,IAAI,EAAI,MAAM,CAAC,IAAI,GACrC,GACA,GACA,CACJ,IAIG,EAAgB,GAAK,GAAQ,CAAW;AACnD;AAqBA,SAAgB,EACZ,GACA,IAAc,CAAC,GACI;CAEnB,OAAO,QAAc,EAAQ,IAAI,CAAc,GAAG,CAAI;AAC1D"}

package/dist/hooks/useTableData.js

@@ -1,71 +1,70 @@
-import { useCallback as d, useMemo as l, useState as r } from "react";
-function k(p) {
-  const { data: s, initialSort: P = [], initialFilters: w = [], initialPageSize: F = 10, filterFn: g, getRowId: a } = p, [c, f] = r(P), [o, R] = r(w), [u, S] = r(0), [i, z] = r(F), [n, m] = r({}), h = d((e) => {
-    S(0), R(e);
-  }, []), C = d((e) => {
-    S(e);
-  }, []), b = d((e) => {
-    z(e), S(0);
-  }, []), t = l(() => !g || o.length === 0 ? s : s.filter((e) => g(e, o)), [
-    s,
-    o,
-    g
-  ]);
-  return {
-    tableData: t,
-    sorting: c,
-    onSortingChange: f,
-    columnFilters: o,
-    onColumnFiltersChange: h,
-    pageIndex: u,
-    pageSize: i,
-    pageCount: l(() => Math.ceil(t.length / i), [t.length, i]),
-    onPageChange: C,
-    onPageSizeChange: b,
-    selectedRows: n,
-    onRowSelectionChange: m,
-    selectedData: l(() => a ? t.filter((e, x) => {
-      const D = a(e, x);
-      return n[D];
-    }) : Object.keys(n).filter((e) => n[e]).map((e) => t[Number(e)]).filter(Boolean), [
-      n,
-      t,
-      a
-    ]),
-    tableProps: l(() => ({
-      data: t,
-      sortingState: c,
-      onSortingChange: f,
-      columnFilters: o,
-      onColumnFiltersChange: h,
-      pageIndex: u,
-      pageSize: i,
-      onPageChange: C,
-      onPageSizeChange: b,
-      selectedRows: n,
-      onRowSelectionChange: m,
-      ...a ? { getRowId: a } : {},
-      enableSorting: !0,
-      enableFiltering: !0,
-      enablePagination: !0,
-      enableSelection: !0
-    }), [
-      t,
-      c,
-      o,
-      h,
-      u,
-      i,
-      C,
-      b,
-      n,
-      a
-    ])
-  };
+import { useCallback as e, useMemo as t, useState as n } from "react";
+//#region src/hooks/useTableData.ts
+function r(r) {
+	let { data: i, initialSort: a = [], initialFilters: o = [], initialPageSize: s = 10, filterFn: c, getRowId: l } = r, [u, d] = n(a), [f, p] = n(o), [m, h] = n(0), [g, _] = n(s), [v, y] = n({}), b = e((e) => {
+		h(0), p(e);
+	}, []), x = e((e) => {
+		h(e);
+	}, []), S = e((e) => {
+		_(e), h(0);
+	}, []), C = t(() => !c || f.length === 0 ? i : i.filter((e) => c(e, f)), [
+		i,
+		f,
+		c
+	]);
+	return {
+		tableData: C,
+		sorting: u,
+		onSortingChange: d,
+		columnFilters: f,
+		onColumnFiltersChange: b,
+		pageIndex: m,
+		pageSize: g,
+		pageCount: t(() => Math.ceil(C.length / g), [C.length, g]),
+		onPageChange: x,
+		onPageSizeChange: S,
+		selectedRows: v,
+		onRowSelectionChange: y,
+		selectedData: t(() => l ? C.filter((e, t) => {
+			let n = l(e, t);
+			return v[n];
+		}) : Object.keys(v).filter((e) => v[e]).map((e) => C[Number(e)]).filter(Boolean), [
+			v,
+			C,
+			l
+		]),
+		tableProps: t(() => ({
+			data: C,
+			sortingState: u,
+			onSortingChange: d,
+			columnFilters: f,
+			onColumnFiltersChange: b,
+			pageIndex: m,
+			pageSize: g,
+			onPageChange: x,
+			onPageSizeChange: S,
+			selectedRows: v,
+			onRowSelectionChange: y,
+			...l ? { getRowId: l } : {},
+			enableSorting: !0,
+			enableFiltering: !0,
+			enablePagination: !0,
+			enableSelection: !0
+		}), [
+			C,
+			u,
+			f,
+			b,
+			m,
+			g,
+			x,
+			S,
+			v,
+			l
+		])
+	};
 }
-export {
-  k as default,
-  k as useTableData
-};
+//#endregion
+export { r as default, r as useTableData };
 
 //# sourceMappingURL=useTableData.js.map

package/dist/hooks/useTableData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableData.js","names":[],"sources":["../../src/hooks/useTableData.ts"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport {\n    ColumnFiltersState,\n    SortingState,\n    RowSelectionState,\n} from '../components/pro/DataTable/tanstack-table';\n\n/**\n * useTableData 配置项\n */\nexport interface UseTableDataOptions<T extends object> {\n    /** 原始数据数组 */\n    data: T[];\n    /** 初始排序状态 */\n    initialSort?: SortingState;\n    /** 初始筛选状态 */\n    initialFilters?: ColumnFiltersState;\n    /** 初始每页行数，默认 10 */\n    initialPageSize?: number;\n    /** 自定义筛选函数（客户端过滤）。若不提供则将原始数据直接传给 DataTable 做内置过滤 */\n    filterFn?: (item: T, filters: ColumnFiltersState) => boolean;\n    /** 获取行 ID 的函数 */\n    getRowId?: (row: T, index: number) => string;\n}\n\n/**\n * useTableData 返回值\n */\nexport interface UseTableDataReturn<T extends object> {\n    // 数据\n    /** 经过筛选后的数据（如果提供了 filterFn） */\n    tableData: T[];\n\n    // 排序\n    sorting: SortingState;\n    onSortingChange: (sorting: SortingState) => void;\n\n    // 筛选\n    columnFilters: ColumnFiltersState;\n    onColumnFiltersChange: (\n        filters: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)\n    ) => void;\n\n    // 分页\n    pageIndex: number;\n    pageSize: number;\n    pageCount: number;\n    onPageChange: (page: number) => void;\n    onPageSizeChange: (size: number) => void;\n\n    // 选择\n    selectedRows: RowSelectionState;\n    onRowSelectionChange: (selection: RowSelectionState) => void;\n    /** 当前选中的数据行（便捷字段） */\n    selectedData: T[];\n\n    /**\n     * 合并好的 props，可直接展开到 <DataTable>\n     * @example <DataTable columns={columns} {...tableProps} />\n     */\n    tableProps: {\n        data: T[];\n        sortingState: SortingState;\n        onSortingChange: (sorting: SortingState) => void;\n        columnFilters: ColumnFiltersState;\n        onColumnFiltersChange: (\n            filters: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)\n        ) => void;\n        pageIndex: number;\n        pageSize: number;\n        onPageChange: (page: number) => void;\n        onPageSizeChange: (size: number) => void;\n        selectedRows: RowSelectionState;\n        onRowSelectionChange: (selection: RowSelectionState) => void;\n        getRowId?: (row: T, index: number) => string;\n        enableSorting: boolean;\n        enableFiltering: boolean;\n        enablePagination: boolean;\n        enableSelection: boolean;\n    };\n}\n\n/**\n * useTableData - 封装 DataTable 的数据状态管理\n *\n * 将排序、筛选、分页、选择等状态统一管理，\n * 返回的 `tableProps` 可以直接展开到 `<DataTable>` 上。\n *\n * @example\n * ```tsx\n * const { tableProps, selectedData } = useTableData({\n *   data: orders,\n *   initialSort: [{ id: 'orderDate', desc: true }],\n *   initialPageSize: 5,\n * });\n *\n * <DataTable columns={columns} {...tableProps} />\n * ```\n */\nexport function useTableData<T extends object>(\n    options: UseTableDataOptions<T>\n): UseTableDataReturn<T> {\n    const {\n        data,\n        initialSort = [],\n        initialFilters = [],\n        initialPageSize = 10,\n        filterFn,\n        getRowId,\n    } = options;\n\n    // ─── 排序 ───\n    const [sorting, setSorting] = useState<SortingState>(initialSort);\n\n    // ─── 筛选 ───\n    const [columnFilters, setColumnFiltersRaw] = useState<ColumnFiltersState>(initialFilters);\n\n    // ─── 分页 ───\n    const [pageIndex, setPageIndex] = useState(0);\n    const [pageSize, setPageSize] = useState(initialPageSize);\n\n    // ─── 选择 ───\n    const [selectedRows, setSelectedRows] = useState<RowSelectionState>({});\n\n    // ─── 当筛选变化时重置到第一页 ───\n    const onColumnFiltersChange = useCallback(\n        (updater: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)) => {\n            setPageIndex(0);\n            setColumnFiltersRaw(updater);\n        },\n        []\n    );\n\n    // ─── 分页回调 ───\n    const onPageChange = useCallback((page: number) => {\n        setPageIndex(page);\n    }, []);\n\n    const onPageSizeChange = useCallback((size: number) => {\n        setPageSize(size);\n        setPageIndex(0);\n    }, []);\n\n    // ─── 客户端过滤（仅当提供了 filterFn 时） ───\n    const tableData = useMemo(() => {\n        if (!filterFn || columnFilters.length === 0) {\n            return data;\n        }\n        return data.filter((item) => filterFn(item, columnFilters));\n    }, [data, columnFilters, filterFn]);\n\n    // ─── 页数 ───\n    const pageCount = useMemo(\n        () => Math.ceil(tableData.length / pageSize),\n        [tableData.length, pageSize]\n    );\n\n    // ─── 选中数据便捷字段 ───\n    const selectedData = useMemo(() => {\n        if (!getRowId) {\n            // 用索引作为 key\n            return Object.keys(selectedRows)\n                .filter((k) => selectedRows[k])\n                .map((k) => tableData[Number(k)])\n                .filter(Boolean);\n        }\n        return tableData.filter((item, idx) => {\n            const id = getRowId(item, idx);\n            return selectedRows[id];\n        });\n    }, [selectedRows, tableData, getRowId]);\n\n    // ─── 合并 props ───\n    const tableProps = useMemo(\n        () => ({\n            data: tableData,\n            sortingState: sorting,\n            onSortingChange: setSorting,\n            columnFilters,\n            onColumnFiltersChange,\n            pageIndex,\n            pageSize,\n            onPageChange,\n            onPageSizeChange,\n            selectedRows,\n            onRowSelectionChange: setSelectedRows,\n            ...(getRowId ? { getRowId } : {}),\n            enableSorting: true,\n            enableFiltering: true,\n            enablePagination: true,\n            enableSelection: true,\n        }),\n        [\n            tableData,\n            sorting,\n            columnFilters,\n            onColumnFiltersChange,\n            pageIndex,\n            pageSize,\n            onPageChange,\n            onPageSizeChange,\n            selectedRows,\n            getRowId,\n        ]\n    );\n\n    return {\n        tableData,\n        sorting,\n        onSortingChange: setSorting,\n        columnFilters,\n        onColumnFiltersChange,\n        pageIndex,\n        pageSize,\n        pageCount,\n        onPageChange,\n        onPageSizeChange,\n        selectedRows,\n        onRowSelectionChange: setSelectedRows,\n        selectedData,\n        tableProps,\n    };\n}\n\nexport default useTableData;\n"],"mappings":";AAmGA,SAAgB,EACZ,GACqB;AACrB,QAAM,EACF,MAAA,GACA,aAAA,IAAc,CAAC,GACf,gBAAA,IAAiB,CAAC,GAClB,iBAAA,IAAkB,IAClB,UAAA,GACA,UAAA,EAAA,IACA,GAGE,CAAC,GAAS,CAAA,IAAc,EAAuB,CAAW,GAG1D,CAAC,GAAe,CAAA,IAAuB,EAA6B,CAAc,GAGlF,CAAC,GAAW,CAAA,IAAgB,EAAS,CAAC,GACtC,CAAC,GAAU,CAAA,IAAe,EAAS,CAAe,GAGlD,CAAC,GAAc,CAAA,IAAmB,EAA4B,CAAC,CAAC,GAGhE,IAAwB,EAAA,CACzB,MAAqF;AAClF,IAAA,EAAa,CAAC,GACd,EAAoB,CAAO;AAAA,EAC/B,GACA,CAAC,CACL,GAGM,IAAe,EAAA,CAAa,MAAiB;AAC/C,IAAA,EAAa,CAAI;AAAA,EACrB,GAAG,CAAC,CAAC,GAEC,IAAmB,EAAA,CAAa,MAAiB;AACnD,IAAA,EAAY,CAAI,GAChB,EAAa,CAAC;AAAA,EAClB,GAAG,CAAC,CAAC,GAGC,IAAY,EAAA,MACV,CAAC,KAAY,EAAc,WAAW,IAC/B,IAEJ,EAAK,OAAA,CAAQ,MAAS,EAAS,GAAM,CAAa,CAAC,GAC3D;AAAA,IAAC;AAAA,IAAM;AAAA,IAAe;AAAA,EAAQ,CAAC;AAyDlC,SAAO;AAAA,IACH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAiB;AAAA,IACjB,eAAA;AAAA,IACA,uBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WA9Dc,EAAA,MACR,KAAK,KAAK,EAAU,SAAS,CAAQ,GAC3C,CAAC,EAAU,QAAQ,CAAQ,CA4D3B;AAAA,IACA,cAAA;AAAA,IACA,kBAAA;AAAA,IACA,cAAA;AAAA,IACA,sBAAsB;AAAA,IACtB,cA7DiB,EAAA,MACZ,IAOE,EAAU,OAAA,CAAQ,GAAM,MAAQ;AACnC,YAAM,IAAK,EAAS,GAAM,CAAG;AAC7B,aAAO,EAAa,CAAA;AAAA,IACxB,CAAC,IARU,OAAO,KAAK,CAAY,EAC1B,OAAA,CAAQ,MAAM,EAAa,CAAA,CAAE,EAC7B,IAAA,CAAK,MAAM,EAAU,OAAO,CAAC,CAAA,CAAE,EAC/B,OAAO,OAAO,GAMxB;AAAA,MAAC;AAAA,MAAc;AAAA,MAAW;AAAA,IAAQ,CAiDjC;AAAA,IACA,YA/Ce,EAAA,OACR;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,eAAA;AAAA,MACA,uBAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,kBAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAsB;AAAA,MACtB,GAAI,IAAW,EAAE,UAAA,EAAS,IAAI,CAAC;AAAA,MAC/B,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,IACrB,IACA;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAiBA;AAAA,EACJ;AACJ"}
+{"version":3,"file":"useTableData.js","names":[],"sources":["../../src/hooks/useTableData.ts"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport {\n    ColumnFiltersState,\n    SortingState,\n    RowSelectionState,\n} from '../components/pro/DataTable/tanstack-table';\n\n/**\n * useTableData 配置项\n */\nexport interface UseTableDataOptions<T extends object> {\n    /** 原始数据数组 */\n    data: T[];\n    /** 初始排序状态 */\n    initialSort?: SortingState;\n    /** 初始筛选状态 */\n    initialFilters?: ColumnFiltersState;\n    /** 初始每页行数，默认 10 */\n    initialPageSize?: number;\n    /** 自定义筛选函数（客户端过滤）。若不提供则将原始数据直接传给 DataTable 做内置过滤 */\n    filterFn?: (item: T, filters: ColumnFiltersState) => boolean;\n    /** 获取行 ID 的函数 */\n    getRowId?: (row: T, index: number) => string;\n}\n\n/**\n * useTableData 返回值\n */\nexport interface UseTableDataReturn<T extends object> {\n    // 数据\n    /** 经过筛选后的数据（如果提供了 filterFn） */\n    tableData: T[];\n\n    // 排序\n    sorting: SortingState;\n    onSortingChange: (sorting: SortingState) => void;\n\n    // 筛选\n    columnFilters: ColumnFiltersState;\n    onColumnFiltersChange: (\n        filters: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)\n    ) => void;\n\n    // 分页\n    pageIndex: number;\n    pageSize: number;\n    pageCount: number;\n    onPageChange: (page: number) => void;\n    onPageSizeChange: (size: number) => void;\n\n    // 选择\n    selectedRows: RowSelectionState;\n    onRowSelectionChange: (selection: RowSelectionState) => void;\n    /** 当前选中的数据行（便捷字段） */\n    selectedData: T[];\n\n    /**\n     * 合并好的 props，可直接展开到 <DataTable>\n     * @example <DataTable columns={columns} {...tableProps} />\n     */\n    tableProps: {\n        data: T[];\n        sortingState: SortingState;\n        onSortingChange: (sorting: SortingState) => void;\n        columnFilters: ColumnFiltersState;\n        onColumnFiltersChange: (\n            filters: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)\n        ) => void;\n        pageIndex: number;\n        pageSize: number;\n        onPageChange: (page: number) => void;\n        onPageSizeChange: (size: number) => void;\n        selectedRows: RowSelectionState;\n        onRowSelectionChange: (selection: RowSelectionState) => void;\n        getRowId?: (row: T, index: number) => string;\n        enableSorting: boolean;\n        enableFiltering: boolean;\n        enablePagination: boolean;\n        enableSelection: boolean;\n    };\n}\n\n/**\n * useTableData - 封装 DataTable 的数据状态管理\n *\n * 将排序、筛选、分页、选择等状态统一管理，\n * 返回的 `tableProps` 可以直接展开到 `<DataTable>` 上。\n *\n * @example\n * ```tsx\n * const { tableProps, selectedData } = useTableData({\n *   data: orders,\n *   initialSort: [{ id: 'orderDate', desc: true }],\n *   initialPageSize: 5,\n * });\n *\n * <DataTable columns={columns} {...tableProps} />\n * ```\n */\nexport function useTableData<T extends object>(\n    options: UseTableDataOptions<T>\n): UseTableDataReturn<T> {\n    const {\n        data,\n        initialSort = [],\n        initialFilters = [],\n        initialPageSize = 10,\n        filterFn,\n        getRowId,\n    } = options;\n\n    // ─── 排序 ───\n    const [sorting, setSorting] = useState<SortingState>(initialSort);\n\n    // ─── 筛选 ───\n    const [columnFilters, setColumnFiltersRaw] = useState<ColumnFiltersState>(initialFilters);\n\n    // ─── 分页 ───\n    const [pageIndex, setPageIndex] = useState(0);\n    const [pageSize, setPageSize] = useState(initialPageSize);\n\n    // ─── 选择 ───\n    const [selectedRows, setSelectedRows] = useState<RowSelectionState>({});\n\n    // ─── 当筛选变化时重置到第一页 ───\n    const onColumnFiltersChange = useCallback(\n        (updater: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)) => {\n            setPageIndex(0);\n            setColumnFiltersRaw(updater);\n        },\n        []\n    );\n\n    // ─── 分页回调 ───\n    const onPageChange = useCallback((page: number) => {\n        setPageIndex(page);\n    }, []);\n\n    const onPageSizeChange = useCallback((size: number) => {\n        setPageSize(size);\n        setPageIndex(0);\n    }, []);\n\n    // ─── 客户端过滤（仅当提供了 filterFn 时） ───\n    const tableData = useMemo(() => {\n        if (!filterFn || columnFilters.length === 0) {\n            return data;\n        }\n        return data.filter((item) => filterFn(item, columnFilters));\n    }, [data, columnFilters, filterFn]);\n\n    // ─── 页数 ───\n    const pageCount = useMemo(\n        () => Math.ceil(tableData.length / pageSize),\n        [tableData.length, pageSize]\n    );\n\n    // ─── 选中数据便捷字段 ───\n    const selectedData = useMemo(() => {\n        if (!getRowId) {\n            // 用索引作为 key\n            return Object.keys(selectedRows)\n                .filter((k) => selectedRows[k])\n                .map((k) => tableData[Number(k)])\n                .filter(Boolean);\n        }\n        return tableData.filter((item, idx) => {\n            const id = getRowId(item, idx);\n            return selectedRows[id];\n        });\n    }, [selectedRows, tableData, getRowId]);\n\n    // ─── 合并 props ───\n    const tableProps = useMemo(\n        () => ({\n            data: tableData,\n            sortingState: sorting,\n            onSortingChange: setSorting,\n            columnFilters,\n            onColumnFiltersChange,\n            pageIndex,\n            pageSize,\n            onPageChange,\n            onPageSizeChange,\n            selectedRows,\n            onRowSelectionChange: setSelectedRows,\n            ...(getRowId ? { getRowId } : {}),\n            enableSorting: true,\n            enableFiltering: true,\n            enablePagination: true,\n            enableSelection: true,\n        }),\n        [\n            tableData,\n            sorting,\n            columnFilters,\n            onColumnFiltersChange,\n            pageIndex,\n            pageSize,\n            onPageChange,\n            onPageSizeChange,\n            selectedRows,\n            getRowId,\n        ]\n    );\n\n    return {\n        tableData,\n        sorting,\n        onSortingChange: setSorting,\n        columnFilters,\n        onColumnFiltersChange,\n        pageIndex,\n        pageSize,\n        pageCount,\n        onPageChange,\n        onPageSizeChange,\n        selectedRows,\n        onRowSelectionChange: setSelectedRows,\n        selectedData,\n        tableProps,\n    };\n}\n\nexport default useTableData;\n"],"mappings":";;AAmGA,SAAgB,EACZ,GACqB;CACrB,IAAM,EACF,SACA,iBAAc,CAAC,GACf,oBAAiB,CAAC,GAClB,qBAAkB,IAClB,aACA,gBACA,GAGE,CAAC,GAAS,KAAc,EAAuB,CAAW,GAG1D,CAAC,GAAe,KAAuB,EAA6B,CAAc,GAGlF,CAAC,GAAW,KAAgB,EAAS,CAAC,GACtC,CAAC,GAAU,KAAe,EAAS,CAAe,GAGlD,CAAC,GAAc,KAAmB,EAA4B,CAAC,CAAC,GAGhE,IAAwB,GACzB,MAAqF;EAElF,AADA,EAAa,CAAC,GACd,EAAoB,CAAO;CAC/B,GACA,CAAC,CACL,GAGM,IAAe,GAAa,MAAiB;EAC/C,EAAa,CAAI;CACrB,GAAG,CAAC,CAAC,GAEC,IAAmB,GAAa,MAAiB;EAEnD,AADA,EAAY,CAAI,GAChB,EAAa,CAAC;CAClB,GAAG,CAAC,CAAC,GAGC,IAAY,QACV,CAAC,KAAY,EAAc,WAAW,IAC/B,IAEJ,EAAK,QAAQ,MAAS,EAAS,GAAM,CAAa,CAAC,GAC3D;EAAC;EAAM;EAAe;CAAQ,CAAC;CAyDlC,OAAO;EACH;EACA;EACA,iBAAiB;EACjB;EACA;EACA;EACA;EACA,WA9Dc,QACR,KAAK,KAAK,EAAU,SAAS,CAAQ,GAC3C,CAAC,EAAU,QAAQ,CAAQ,CA4D3B;EACA;EACA;EACA;EACA,sBAAsB;EACtB,cA7DiB,QACZ,IAOE,EAAU,QAAQ,GAAM,MAAQ;GACnC,IAAM,IAAK,EAAS,GAAM,CAAG;GAC7B,OAAO,EAAa;EACxB,CAAC,IARU,OAAO,KAAK,CAAY,CAAC,CAC3B,QAAQ,MAAM,EAAa,EAAE,CAAC,CAC9B,KAAK,MAAM,EAAU,OAAO,CAAC,EAAE,CAAC,CAChC,OAAO,OAAO,GAMxB;GAAC;GAAc;GAAW;EAAQ,CAiDjC;EACA,YA/Ce,SACR;GACH,MAAM;GACN,cAAc;GACd,iBAAiB;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA,sBAAsB;GACtB,GAAI,IAAW,EAAE,YAAS,IAAI,CAAC;GAC/B,eAAe;GACf,iBAAiB;GACjB,kBAAkB;GAClB,iBAAiB;EACrB,IACA;GACI;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACJ,CAiBA;CACJ;AACJ"}

package/dist/index-nostyled.d.ts

@@ -8,6 +8,12 @@ export { default as Label } from './components/Label';
 export type { LabelProps, LabelState, LabelStyleConfig } from './components/Label';
 export { default as Checkbox } from './components/Checkbox';
 export type { CheckboxProps } from './components/Checkbox';
+export { default as Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export { default as Tooltip } from './components/Tooltip';
+export type { TooltipProps } from './components/Tooltip';
+export { default as Divider } from './components/Divider';
+export type { DividerProps } from './components/Divider';
 export { default as Select } from './components/Select';
 export type { SelectProps, Option } from './components/Select';
 export { default as Card } from './components/Card';
@@ -49,6 +55,8 @@ export { default as ProtectedRoute } from './components/ProtectedRoute';
 export type { ProtectedRouteProps } from './components/ProtectedRoute';
 export type { MenuItem } from './types/menu';
 export type { Language, Translations } from './utils/i18n';
+export { cn } from './utils/cn';
+export type { ClassValue } from './utils/cn';
 export { getThemes } from './utils/themes';
 export type { ThemeConfig } from './utils/themes';
 export { buildRouter, createRouterFromConfig } from './utils/routerBuilder';

package/dist/index.d.ts

@@ -8,12 +8,20 @@ export { default as Label } from './components/Label';
 export type { LabelProps, LabelState, LabelStyleConfig } from './components/Label';
 export { default as Checkbox } from './components/Checkbox';
 export type { CheckboxProps } from './components/Checkbox';
+export { default as Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export { default as Tooltip } from './components/Tooltip';
+export type { TooltipProps } from './components/Tooltip';
+export { default as Divider } from './components/Divider';
+export type { DividerProps } from './components/Divider';
 export { default as Select } from './components/Select';
 export type { SelectProps, Option } from './components/Select';
 export { default as Card } from './components/Card';
-export type { CardProps } from './components/Card';
+export type { CardProps, CardFeatureProps, CardQuoteProps, CardMetaProps, } from './components/Card';
 export { default as PageHeader } from './components/PageHeader';
 export type { PageHeaderProps } from './components/PageHeader';
+export { default as Page, PageBody, PageLeft, PageRight, PageMain } from './components/Page';
+export type { PageProps, PageBodyProps, PageAsideProps, PageMainProps } from './components/Page';
 export { default as StatCard } from './components/StatCard';
 export type { StatCardProps } from './components/StatCard';
 export { default as EmptyState } from './components/EmptyState';
@@ -26,6 +34,24 @@ export { default as Layout, Container, Grid, GridItem, Flex, Group, Space } from
 export type { LayoutCompound, LayoutContainerProps, LayoutGridProps, LayoutGridItemProps, LayoutFlexProps, LayoutGroupProps, LayoutSpaceProps, LayoutGap, LayoutMaxWidth, LayoutAlign, LayoutJustify, GridColumns, GridPlacement, } from './components/Layout';
 export { default as List } from './components/List';
 export type { ListProps } from './components/List';
+export { default as Row } from './components/Row';
+export type { RowProps, RowAlign, RowJustify } from './components/Row';
+export { default as Column } from './components/Column';
+export type { ColumnProps, ColumnAlign, ColumnJustify } from './components/Column';
+export { default as Text } from './components/Text';
+export type { TextProps, TextElement, TextSize, TextWeight, TextColor, TextAlign, } from './components/Text';
+export { default as Image } from './components/Image';
+export type { ImageProps, ImageFit, ImageRadius } from './components/Image';
+export { default as Icon } from './components/Icon';
+export type { IconProps } from './components/Icon';
+export { default as Slider } from './components/Slider';
+export type { SliderProps, SliderVariant, SliderSize } from './components/Slider';
+export { default as DateTimeInput } from './components/DateTimeInput';
+export type { DateTimeInputProps, DateTimeType, DateTimeVariant, DateTimeSize, } from './components/DateTimeInput';
+export { default as MultipleChoice } from './components/MultipleChoice';
+export type { MultipleChoiceProps, MultipleChoiceOption, MultipleChoiceVariant, } from './components/MultipleChoice';
+export { default as ChoicePicker } from './components/ChoicePicker';
+export type { ChoicePickerProps, ChoicePickerOption, ChoicePickerVariant, } from './components/ChoicePicker';
 export { default as Table } from './components/Table';
 export type { TableProps } from './components/Table';
 export { Tree } from './components/Tree';
@@ -59,6 +85,8 @@ export { default as ProtectedRoute } from './components/ProtectedRoute';
 export type { ProtectedRouteProps } from './components/ProtectedRoute';
 export type { MenuItem } from './types/menu';
 export type { Language, Translations } from './utils/i18n';
+export { cn } from './utils/cn';
+export type { ClassValue } from './utils/cn';
 export { getThemes } from './utils/themes';
 export type { ThemeConfig } from './utils/themes';
 export { buildRouter, createRouterFromConfig } from './utils/routerBuilder';