dishui 0.0.64 → 0.0.65

package/dist/hooks/useTableColumns.js

@@ -1,9 +1,9 @@
-import { createActionColumn as S, createColumn as h, createComputedColumn as v, createSelectionColumn as C, dateSort as x, numericSort as z } from "../data-table.js";
+import { createActionColumn as b, 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;
+  const { key: e, header: l, type: i = "text", sortable: f, cell: m, filter: o, width: n, minWidth: r, maxWidth: s, accessorFn: p, sortingFn: S, extra: u } = c;
   if (i === "selection") return C(u);
-  if (i === "action") return S({
+  if (i === "action") return b({
     id: e.startsWith("_") ? "actions" : e,
     header: l,
     cell: m,
@@ -14,14 +14,13 @@ function g(c) {
   });
   const a = {};
   o && (a.filterType = o.type, o.options && (a.filterOptions = o.options));
-  let t = b;
+  let t = S;
   if (!t) switch (i) {
     case "number":
       t = z;
       break;
     case "date":
       t = x;
-      break;
   }
   const d = {
     ...m !== void 0 ? { cell: m } : {},
@@ -35,12 +34,12 @@ function g(c) {
   };
   return i === "computed" ? v(e.startsWith("_") ? e.slice(1) : e, l, p, d) : h(e, l, d);
 }
-function W(c, e = []) {
+function k(c, e = []) {
   return y(() => c.map(g), e);
 }
 export {
-  W as default,
-  W as useTableColumns
+  k as default,
+  k 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;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;AAAA,EAG5B;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"}

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export { default as Card } from './components/Card';
 export type { CardProps } 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';

package/dist/index.js

@@ -1,238 +1,244 @@
 /* empty css             */
 import t from "./components/Button/index.js";
 import m from "./components/Badge/index.js";
-import p from "./components/Input/index.js";
+import a from "./components/Input/index.js";
 import l from "./components/Label/index.js";
 import n from "./components/Checkbox/index.js";
 import u from "./components/Select/index.js";
 import T from "./components/Card/index.js";
 import S from "./components/PageHeader/index.js";
-import b from "./components/StatCard/index.js";
-import P from "./components/EmptyState/index.js";
-import D from "./components/Modal/index.js";
-import F from "./components/Tabs/index.js";
-import h, { Container as A, Flex as I, Grid as x, GridItem as _, Group as L, Space as y } from "./components/Layout/index.js";
-import N from "./components/List/index.js";
-import v from "./components/Table/index.js";
-import { generateSidebarActiveStyles as G, generateTreeActiveStyles as H, themeActiveStyles as U } from "./styles/themeStyles.js";
-import K from "./components/Tree/Tree.js";
-import W from "./layouts/Sidebar.js";
-import Y from "./layouts/headbar/Headbar.js";
-import $ from "./layouts/headbar/HeadbarTitle.js";
-import z from "./layouts/headbar/HeadbarSearch.js";
-import Z from "./layouts/headbar/HeadbarLangSwitcher.js";
-import { getThemes as oo } from "./utils/themes.js";
-import to from "./layouts/headbar/HeadbarThemeSwitcher.js";
-import { DesktopSidebarToggleButton as mo, MobileSidebarToggleButton as io, SidebarToggleButtons as po } from "./components/SidebarToggleButton/index.js";
-import { AppLayoutWrapper as lo, AppProvider as fo, AppShell as no, useAppContext as so, useAuth as uo } from "./contexts/AppContext.js";
-import co from "./hooks/useTableColumns.js";
-import Eo from "./hooks/useTableData.js";
-import { defineExtension as Co } from "./components/pro/DataTable/extension.js";
-import { computePivot as wo } from "./components/pro/DataTable/pivotEngine.js";
-import { PivotView as go } from "./components/pro/DataTable/PivotView.js";
-import { PivotPanel as Oo } from "./components/pro/DataTable/PivotPanel.js";
-import { usePivotExtension as Ao } from "./components/pro/DataTable/pivotExtension.js";
-import { useRowDetailExtension as xo } from "./components/pro/DataTable/rowDetailExtension.js";
-import Lo, { createActionColumn as yo, createColumn as Mo, createComputedColumn as No, createSelectOptions as Ro, createSelectionColumn as vo, dateSort as Bo, defaultFilterFunctions as Go, extractUniqueOptions as Ho, numericSort as Uo, stringSort as ko, treeSort as Ko } from "./data-table.js";
-import Wo from "./components/Chart/Chart.js";
-import Yo from "./components/Demo/index.js";
-import $o from "./components/pro/ArticleControl/ArticleControl2.js";
-import zo from "./components/pro/ArticleContextMenu/index.js";
-import Zo from "./components/Markdown/Markdown.js";
-import { getDefaultSnippets as or, javascriptSnippets as rr, pythonSnippets as tr } from "./components/pro/CodeEditor/langs/snippets.js";
-import { jsJumpableKeywords as mr, jsKeywords as ir } from "./components/pro/CodeEditor/langs/javascript.js";
-import { pyJumpableKeywords as ar, pyKeywords as lr } from "./components/pro/CodeEditor/langs/python.js";
-import { getJumpableKeywords as nr, getLanguageKeywords as sr } from "./components/pro/CodeEditor/langs/index.js";
-import { bracketMatchingStyle as dr, jumpTargetHighlight as Tr, jumpToDefinition as cr, lineHighlightStyle as Sr, smartAutocompletion as Er } from "./components/pro/CodeEditor/extensions/index.js";
-import { createThemeExtension as Cr } from "./components/pro/CodeEditor/themes.js";
-import { collectVariables as wr, generateOutline as Dr } from "./components/pro/CodeEditor/utils.js";
-import { defaultContextMenu as Fr } from "./components/pro/CodeEditor/extensions/contextMenu.js";
-import hr from "./components/pro/CodeEditor/editors/CodeEditor.js";
-import Ir from "./components/pro/CodeEditor/panels/TableOfContentsPanel.js";
-import _r from "./components/pro/CodeEditor/panels/FootnotePanel.js";
-import yr from "./components/pro/CodeEditor/editors/MarkdownEditor.js";
-import Nr from "./components/pro/CodeEditor/panels/OutlinePanel.js";
-import vr from "./components/pro/CodeEditor/panels/VariablePanel.js";
-import Gr from "./layouts/MainLayout.js";
-import Ur from "./layouts/Navbar.js";
-import { ProtectedRoute as Kr } from "./components/ProtectedRoute/index.js";
-import { buildRouter as Wr, createRouterFromConfig as jr } from "./utils/routerBuilder.js";
-import { DropZone as Jr, formatFileSize as $r } from "./components/FileUploader/DropZone.js";
-import { FileItem as zr } from "./components/FileUploader/FileItem.js";
-import { UploadQueue as Zr } from "./components/FileUploader/UploadQueue.js";
-import { FileUploader as ot } from "./components/FileUploader/FileUploader.js";
-import { FileIcon as tt } from "./components/pro/FileExplorer/FileIcon.js";
-import { Breadcrumb as mt } from "./components/pro/FileExplorer/Breadcrumb.js";
-import { Toolbar as pt } from "./components/pro/FileExplorer/Toolbar.js";
-import { ListView as lt } from "./components/pro/FileExplorer/ListView.js";
-import { GridView as nt } from "./components/pro/FileExplorer/GridView.js";
-import { CreateDialog as ut } from "./components/pro/FileExplorer/CreateDialog.js";
-import { FileExplorer as Tt } from "./components/pro/FileExplorer/FileExplorer.js";
-import { defaultLabels as St } from "./components/pro/RichTextEditor/types.js";
-import bt from "./components/pro/RichTextEditor/Toolbar/Toolbar.js";
-import Pt from "./components/pro/RichTextEditor/AIRewrite.js";
-import { MarkdownBlockExtension as Dt } from "./components/pro/RichTextEditor/extensions/MarkdownBlock.js";
-import { CodeBlockExtension as Ft } from "./components/pro/RichTextEditor/extensions/CodeBlockView.js";
-import ht from "./components/pro/RichTextEditor/RichTextEditor.js";
-import { BORDER_STYLE_OPTIONS as It, DASH_DENSITY_OPTIONS as xt, DEFAULT_EDGE_DATA as _t, DEFAULT_NODE_DATA as Lt, EDGE_LINE_STYLE_OPTIONS as yt, EDGE_MARKER_OPTIONS as Mt, EDGE_TYPE_OPTIONS as Nt, GRADIENT_DIRECTION_OPTIONS as Rt, PALETTE_ITEMS as vt, ROOT_CANVAS_ID as Bt, createEmptyDocument as Gt } from "./components/pro/Flow/constants.js";
-import { FlowProvider as Ut, useFlowContext as kt } from "./components/pro/Flow/context/FlowContext.js";
-import { FlowUIProvider as Vt, useFlowUI as Wt } from "./components/pro/Flow/context/FlowUIContext.js";
-import { downloadDataURL as Yt, exportCanvasToPNG as Jt, useFlowImportExport as $t } from "./components/pro/Flow/hooks/useFlowImportExport.js";
-import { useLayoutActions as zt } from "./components/pro/Flow/hooks/useLayoutActions.js";
-import Zt from "./components/pro/Flow/panels/FlowToolbar.js";
-import oe from "./components/pro/Flow/panels/ShapePalette.js";
-import { FLOW_NODE_TYPES as te } from "./components/pro/Flow/types.js";
-import me from "./components/pro/Flow/panels/InspectorPanel.js";
-import pe from "./components/pro/Flow/panels/OutlinePanel.js";
-import le from "./components/pro/Flow/panels/ContextMenu.js";
-import { useClipboard as ne } from "./components/pro/Flow/hooks/useClipboard.js";
-import ue from "./components/pro/Flow/Flow.js";
-import { useNodeMutations as Te } from "./components/pro/Flow/hooks/useNodeMutations.js";
-import { useEdgeMutations as Se } from "./components/pro/Flow/hooks/useEdgeMutations.js";
-import { useLineMutations as be } from "./components/pro/Flow/hooks/useLineMutations.js";
-import { useSelection as Pe } from "./components/pro/Flow/hooks/useSelection.js";
+import b, { PageBody as P, PageLeft as g, PageMain as C, PageRight as w } from "./components/Page/index.js";
+import h from "./components/StatCard/index.js";
+import O from "./components/EmptyState/index.js";
+import I from "./components/Modal/index.js";
+import _ from "./components/Tabs/index.js";
+import y, { Container as M, Flex as N, Grid as R, GridItem as v, Group as B, Space as G } from "./components/Layout/index.js";
+import U from "./components/List/index.js";
+import K from "./components/Table/index.js";
+import { generateSidebarActiveStyles as V, generateTreeActiveStyles as j, themeActiveStyles as Y } from "./styles/themeStyles.js";
+import $ from "./components/Tree/Tree.js";
+import z from "./layouts/Sidebar.js";
+import Z from "./layouts/headbar/Headbar.js";
+import oo from "./layouts/headbar/HeadbarTitle.js";
+import to from "./layouts/headbar/HeadbarSearch.js";
+import mo from "./layouts/headbar/HeadbarLangSwitcher.js";
+import { getThemes as ao } from "./utils/themes.js";
+import lo from "./layouts/headbar/HeadbarThemeSwitcher.js";
+import { DesktopSidebarToggleButton as no, MobileSidebarToggleButton as so, SidebarToggleButtons as uo } from "./components/SidebarToggleButton/index.js";
+import { AppLayoutWrapper as co, AppProvider as So, AppShell as Eo, useAppContext as bo, useAuth as Po } from "./contexts/AppContext.js";
+import Co from "./hooks/useTableColumns.js";
+import Do from "./hooks/useTableData.js";
+import { defineExtension as Fo } from "./components/pro/DataTable/extension.js";
+import { computePivot as Ao } from "./components/pro/DataTable/pivotEngine.js";
+import { PivotView as xo } from "./components/pro/DataTable/PivotView.js";
+import { PivotPanel as Lo } from "./components/pro/DataTable/PivotPanel.js";
+import { usePivotExtension as Mo } from "./components/pro/DataTable/pivotExtension.js";
+import { useRowDetailExtension as Ro } from "./components/pro/DataTable/rowDetailExtension.js";
+import Bo, { createActionColumn as Go, createColumn as Ho, createComputedColumn as Uo, createSelectOptions as ko, createSelectionColumn as Ko, dateSort as Wo, defaultFilterFunctions as Vo, extractUniqueOptions as jo, numericSort as Yo, stringSort as Jo, treeSort as $o } from "./data-table.js";
+import zo from "./components/Chart/Chart.js";
+import Zo from "./components/Demo/index.js";
+import or from "./components/pro/ArticleControl/ArticleControl2.js";
+import tr from "./components/pro/ArticleContextMenu/index.js";
+import mr from "./components/Markdown/Markdown.js";
+import { getDefaultSnippets as ar, javascriptSnippets as pr, pythonSnippets as lr } from "./components/pro/CodeEditor/langs/snippets.js";
+import { jsJumpableKeywords as nr, jsKeywords as sr } from "./components/pro/CodeEditor/langs/javascript.js";
+import { pyJumpableKeywords as dr, pyKeywords as Tr } from "./components/pro/CodeEditor/langs/python.js";
+import { getJumpableKeywords as Sr, getLanguageKeywords as Er } from "./components/pro/CodeEditor/langs/index.js";
+import { bracketMatchingStyle as Pr, jumpTargetHighlight as gr, jumpToDefinition as Cr, lineHighlightStyle as wr, smartAutocompletion as Dr } from "./components/pro/CodeEditor/extensions/index.js";
+import { createThemeExtension as Fr } from "./components/pro/CodeEditor/themes.js";
+import { collectVariables as Ar, generateOutline as Ir } from "./components/pro/CodeEditor/utils.js";
+import { defaultContextMenu as _r } from "./components/pro/CodeEditor/extensions/contextMenu.js";
+import yr from "./components/pro/CodeEditor/editors/CodeEditor.js";
+import Nr from "./components/pro/CodeEditor/panels/TableOfContentsPanel.js";
+import vr from "./components/pro/CodeEditor/panels/FootnotePanel.js";
+import Gr from "./components/pro/CodeEditor/editors/MarkdownEditor.js";
+import Ur from "./components/pro/CodeEditor/panels/OutlinePanel.js";
+import Kr from "./components/pro/CodeEditor/panels/VariablePanel.js";
+import Vr from "./layouts/MainLayout.js";
+import Yr from "./layouts/Navbar.js";
+import { ProtectedRoute as $r } from "./components/ProtectedRoute/index.js";
+import { buildRouter as zr, createRouterFromConfig as Qr } from "./utils/routerBuilder.js";
+import { DropZone as Xr, formatFileSize as ot } from "./components/FileUploader/DropZone.js";
+import { FileItem as tt } from "./components/FileUploader/FileItem.js";
+import { UploadQueue as mt } from "./components/FileUploader/UploadQueue.js";
+import { FileUploader as at } from "./components/FileUploader/FileUploader.js";
+import { FileIcon as lt } from "./components/pro/FileExplorer/FileIcon.js";
+import { Breadcrumb as nt } from "./components/pro/FileExplorer/Breadcrumb.js";
+import { Toolbar as ut } from "./components/pro/FileExplorer/Toolbar.js";
+import { ListView as Tt } from "./components/pro/FileExplorer/ListView.js";
+import { GridView as St } from "./components/pro/FileExplorer/GridView.js";
+import { CreateDialog as bt } from "./components/pro/FileExplorer/CreateDialog.js";
+import { FileExplorer as gt } from "./components/pro/FileExplorer/FileExplorer.js";
+import { defaultLabels as wt } from "./components/pro/RichTextEditor/types.js";
+import ht from "./components/pro/RichTextEditor/Toolbar/Toolbar.js";
+import Ot from "./components/pro/RichTextEditor/AIRewrite.js";
+import { MarkdownBlockExtension as It } from "./components/pro/RichTextEditor/extensions/MarkdownBlock.js";
+import { CodeBlockExtension as _t } from "./components/pro/RichTextEditor/extensions/CodeBlockView.js";
+import yt from "./components/pro/RichTextEditor/RichTextEditor.js";
+import { BORDER_STYLE_OPTIONS as Nt, DASH_DENSITY_OPTIONS as Rt, DEFAULT_EDGE_DATA as vt, DEFAULT_NODE_DATA as Bt, EDGE_LINE_STYLE_OPTIONS as Gt, EDGE_MARKER_OPTIONS as Ht, EDGE_TYPE_OPTIONS as Ut, GRADIENT_DIRECTION_OPTIONS as kt, PALETTE_ITEMS as Kt, ROOT_CANVAS_ID as Wt, createEmptyDocument as Vt } from "./components/pro/Flow/constants.js";
+import { FlowProvider as Yt, useFlowContext as Jt } from "./components/pro/Flow/context/FlowContext.js";
+import { FlowUIProvider as qt, useFlowUI as zt } from "./components/pro/Flow/context/FlowUIContext.js";
+import { downloadDataURL as Zt, exportCanvasToPNG as Xt, useFlowImportExport as oe } from "./components/pro/Flow/hooks/useFlowImportExport.js";
+import { useLayoutActions as te } from "./components/pro/Flow/hooks/useLayoutActions.js";
+import me from "./components/pro/Flow/panels/FlowToolbar.js";
+import ae from "./components/pro/Flow/panels/ShapePalette.js";
+import { FLOW_NODE_TYPES as le } from "./components/pro/Flow/types.js";
+import ne from "./components/pro/Flow/panels/InspectorPanel.js";
+import ue from "./components/pro/Flow/panels/OutlinePanel.js";
+import Te from "./components/pro/Flow/panels/ContextMenu.js";
+import { useClipboard as Se } from "./components/pro/Flow/hooks/useClipboard.js";
+import be from "./components/pro/Flow/Flow.js";
+import { useNodeMutations as ge } from "./components/pro/Flow/hooks/useNodeMutations.js";
+import { useEdgeMutations as we } from "./components/pro/Flow/hooks/useEdgeMutations.js";
+import { useLineMutations as he } from "./components/pro/Flow/hooks/useLineMutations.js";
+import { useSelection as Oe } from "./components/pro/Flow/hooks/useSelection.js";
 export {
-  Pt as AIRewrite,
-  lo as AppLayoutWrapper,
-  fo as AppProvider,
-  no as AppShell,
-  zo as ArticleContextMenu,
-  $o as ArticleControl,
-  It as BORDER_STYLE_OPTIONS,
+  Ot as AIRewrite,
+  co as AppLayoutWrapper,
+  So as AppProvider,
+  Eo as AppShell,
+  tr as ArticleContextMenu,
+  or as ArticleControl,
+  Nt as BORDER_STYLE_OPTIONS,
   m as Badge,
-  mt as Breadcrumb,
+  nt as Breadcrumb,
   t as Button,
   T as Card,
-  Wo as Chart,
+  zo as Chart,
   n as Checkbox,
-  Ft as CodeBlockExtension,
-  hr as CodeEditor,
-  A as Container,
-  ut as CreateDialog,
-  xt as DASH_DENSITY_OPTIONS,
-  _t as DEFAULT_EDGE_DATA,
-  Lt as DEFAULT_NODE_DATA,
-  Lo as DataTable,
-  Yo as Demo,
-  mo as DesktopSidebarToggleButton,
-  Jr as DropZone,
-  yt as EDGE_LINE_STYLE_OPTIONS,
-  Mt as EDGE_MARKER_OPTIONS,
-  Nt as EDGE_TYPE_OPTIONS,
-  P as EmptyState,
-  te as FLOW_NODE_TYPES,
-  Tt as FileExplorer,
-  pt as FileExplorerToolbar,
-  tt as FileIcon,
-  ot as FileUploader,
-  I as Flex,
-  ue as Flow,
-  le as FlowContextMenu,
-  me as FlowInspectorPanel,
-  pe as FlowOutlinePanel,
-  Ut as FlowProvider,
-  oe as FlowShapePalette,
-  Zt as FlowToolbar,
-  Vt as FlowUIProvider,
-  _r as FootnotePanel,
-  Rt as GRADIENT_DIRECTION_OPTIONS,
-  x as Grid,
-  _ as GridItem,
-  nt as GridView,
-  L as Group,
-  Y as Headbar,
-  Z as HeadbarLangSwitcher,
-  z as HeadbarSearch,
-  to as HeadbarThemeSwitcher,
-  $ as HeadbarTitle,
-  p as Input,
+  _t as CodeBlockExtension,
+  yr as CodeEditor,
+  M as Container,
+  bt as CreateDialog,
+  Rt as DASH_DENSITY_OPTIONS,
+  vt as DEFAULT_EDGE_DATA,
+  Bt as DEFAULT_NODE_DATA,
+  Bo as DataTable,
+  Zo as Demo,
+  no as DesktopSidebarToggleButton,
+  Xr as DropZone,
+  Gt as EDGE_LINE_STYLE_OPTIONS,
+  Ht as EDGE_MARKER_OPTIONS,
+  Ut as EDGE_TYPE_OPTIONS,
+  O as EmptyState,
+  le as FLOW_NODE_TYPES,
+  gt as FileExplorer,
+  ut as FileExplorerToolbar,
+  lt as FileIcon,
+  at as FileUploader,
+  N as Flex,
+  be as Flow,
+  Te as FlowContextMenu,
+  ne as FlowInspectorPanel,
+  ue as FlowOutlinePanel,
+  Yt as FlowProvider,
+  ae as FlowShapePalette,
+  me as FlowToolbar,
+  qt as FlowUIProvider,
+  vr as FootnotePanel,
+  kt as GRADIENT_DIRECTION_OPTIONS,
+  R as Grid,
+  v as GridItem,
+  St as GridView,
+  B as Group,
+  Z as Headbar,
+  mo as HeadbarLangSwitcher,
+  to as HeadbarSearch,
+  lo as HeadbarThemeSwitcher,
+  oo as HeadbarTitle,
+  a as Input,
   l as Label,
-  h as Layout,
-  N as List,
-  lt as ListView,
-  Gr as MainLayout,
-  Zo as Markdown,
-  Dt as MarkdownBlockExtension,
-  yr as MarkdownEditor,
-  io as MobileSidebarToggleButton,
-  D as Modal,
-  Ur as Navbar,
-  Nr as OutlinePanel,
-  vt as PALETTE_ITEMS,
+  y as Layout,
+  U as List,
+  Tt as ListView,
+  Vr as MainLayout,
+  mr as Markdown,
+  It as MarkdownBlockExtension,
+  Gr as MarkdownEditor,
+  so as MobileSidebarToggleButton,
+  I as Modal,
+  Yr as Navbar,
+  Ur as OutlinePanel,
+  Kt as PALETTE_ITEMS,
+  b as Page,
+  P as PageBody,
   S as PageHeader,
-  Oo as PivotPanel,
-  go as PivotView,
-  Kr as ProtectedRoute,
-  Bt as ROOT_CANVAS_ID,
-  ht as RichTextEditor,
-  bt as RichTextToolbar,
+  g as PageLeft,
+  C as PageMain,
+  w as PageRight,
+  Lo as PivotPanel,
+  xo as PivotView,
+  $r as ProtectedRoute,
+  Wt as ROOT_CANVAS_ID,
+  yt as RichTextEditor,
+  ht as RichTextToolbar,
   u as Select,
-  W as Sidebar,
-  po as SidebarToggleButtons,
-  y as Space,
-  b as StatCard,
-  v as Table,
-  Ir as TableOfContentsPanel,
-  F as Tabs,
-  K as Tree,
-  zr as UploadFileItem,
-  Zr as UploadQueue,
-  vr as VariablePanel,
-  dr as bracketMatchingStyle,
-  Wr as buildRouter,
-  wr as collectVariables,
-  wo as computePivot,
-  yo as createActionColumn,
-  Mo as createColumn,
-  No as createComputedColumn,
-  Gt as createEmptyDocument,
-  jr as createRouterFromConfig,
-  Ro as createSelectOptions,
-  vo as createSelectionColumn,
-  Cr as createThemeExtension,
-  Bo as dateSort,
-  Fr as defaultContextMenu,
-  Go as defaultFilterFunctions,
-  Co as defineExtension,
-  Yt as downloadDataURL,
-  Jt as exportCanvasToPNG,
-  Ho as extractUniqueOptions,
-  $r as formatFileSize,
-  Dr as generateOutline,
-  G as generateSidebarActiveStyles,
-  H as generateTreeActiveStyles,
-  or as getDefaultSnippets,
-  nr as getJumpableKeywords,
-  sr as getLanguageKeywords,
-  oo as getThemes,
-  rr as javascriptSnippets,
-  mr as jsJumpableKeywords,
-  ir as jsKeywords,
-  Tr as jumpTargetHighlight,
-  cr as jumpToDefinition,
-  Sr as lineHighlightStyle,
-  Uo as numericSort,
-  ar as pyJumpableKeywords,
-  lr as pyKeywords,
-  tr as pythonSnippets,
-  St as richTextDefaultLabels,
-  Er as smartAutocompletion,
-  ko as stringSort,
-  U as themeActiveStyles,
-  Ko as treeSort,
-  so as useAppContext,
-  uo as useAuth,
-  Se as useEdgeMutations,
-  ne as useFlowClipboard,
-  kt as useFlowContext,
-  $t as useFlowImportExport,
-  Pe as useFlowSelection,
-  Wt as useFlowUI,
-  zt as useLayoutActions,
-  be as useLineMutations,
-  Te as useNodeMutations,
-  Ao as usePivotExtension,
-  xo as useRowDetailExtension,
-  co as useTableColumns,
-  Eo as useTableData
+  z as Sidebar,
+  uo as SidebarToggleButtons,
+  G as Space,
+  h as StatCard,
+  K as Table,
+  Nr as TableOfContentsPanel,
+  _ as Tabs,
+  $ as Tree,
+  tt as UploadFileItem,
+  mt as UploadQueue,
+  Kr as VariablePanel,
+  Pr as bracketMatchingStyle,
+  zr as buildRouter,
+  Ar as collectVariables,
+  Ao as computePivot,
+  Go as createActionColumn,
+  Ho as createColumn,
+  Uo as createComputedColumn,
+  Vt as createEmptyDocument,
+  Qr as createRouterFromConfig,
+  ko as createSelectOptions,
+  Ko as createSelectionColumn,
+  Fr as createThemeExtension,
+  Wo as dateSort,
+  _r as defaultContextMenu,
+  Vo as defaultFilterFunctions,
+  Fo as defineExtension,
+  Zt as downloadDataURL,
+  Xt as exportCanvasToPNG,
+  jo as extractUniqueOptions,
+  ot as formatFileSize,
+  Ir as generateOutline,
+  V as generateSidebarActiveStyles,
+  j as generateTreeActiveStyles,
+  ar as getDefaultSnippets,
+  Sr as getJumpableKeywords,
+  Er as getLanguageKeywords,
+  ao as getThemes,
+  pr as javascriptSnippets,
+  nr as jsJumpableKeywords,
+  sr as jsKeywords,
+  gr as jumpTargetHighlight,
+  Cr as jumpToDefinition,
+  wr as lineHighlightStyle,
+  Yo as numericSort,
+  dr as pyJumpableKeywords,
+  Tr as pyKeywords,
+  lr as pythonSnippets,
+  wt as richTextDefaultLabels,
+  Dr as smartAutocompletion,
+  Jo as stringSort,
+  Y as themeActiveStyles,
+  $o as treeSort,
+  bo as useAppContext,
+  Po as useAuth,
+  we as useEdgeMutations,
+  Se as useFlowClipboard,
+  Jt as useFlowContext,
+  oe as useFlowImportExport,
+  Oe as useFlowSelection,
+  zt as useFlowUI,
+  te as useLayoutActions,
+  he as useLineMutations,
+  ge as useNodeMutations,
+  Mo as usePivotExtension,
+  Ro as useRowDetailExtension,
+  Co as useTableColumns,
+  Do as useTableData
 };