72 lines
2.2 KiB
TypeScript
72 lines
2.2 KiB
TypeScript
import type { GridOptions } from 'ag-grid-community'
|
||
import { themeQuartz } from 'ag-grid-community'
|
||
|
||
const borderConfig = {
|
||
style: 'solid',
|
||
width: 0.3,
|
||
color: '#d3d3d3'
|
||
}
|
||
|
||
export const myTheme = themeQuartz.withParams({
|
||
wrapperBorder: false,
|
||
wrapperBorderRadius: 0,
|
||
headerBackgroundColor: '#f0f2f3',
|
||
headerTextColor: '#374151',
|
||
headerFontSize: 15,
|
||
headerFontWeight: 'normal',
|
||
rowBorder: borderConfig,
|
||
columnBorder: borderConfig,
|
||
headerRowBorder: borderConfig,
|
||
dataBackgroundColor: '#fefefe'
|
||
})
|
||
|
||
// AG Grid 容器通用 class（占满父容器，配合父元素为 flex/grid 且有明确高度使用）
|
||
export const agGridWrapClass = 'ag-theme-quartz h-full min-h-0 w-full flex-1'
|
||
|
||
// AG Grid 组件通用 style（撑满容器 div）
|
||
export const agGridStyle = { height: '100%' }
|
||
|
||
export const gridOptions: GridOptions = {
|
||
treeData: true,
|
||
animateRows: true,
|
||
tooltipShowMode: 'whenTruncated',
|
||
suppressAggFuncInHeader: true,
|
||
singleClickEdit: true,
|
||
stopEditingWhenCellsLoseFocus: true,
|
||
suppressClickEdit: false,
|
||
suppressContextMenu: false,
|
||
groupDefaultExpanded: -1,
|
||
suppressFieldDotNotation: true,
|
||
// rowData 更新后通过稳定 ID 维持展开状态和编辑上下文。
|
||
getRowId: params => {
|
||
const id = params.data?.id
|
||
if (id != null && String(id).trim()) return String(id)
|
||
const path = Array.isArray(params.data?.path)
|
||
? params.data.path.map((segment: unknown) => String(segment ?? '').trim()).filter(Boolean)
|
||
: []
|
||
if (path.length > 0) return path.join('/')
|
||
return '__row__'
|
||
},
|
||
// 兜底避免 AG Grid #185：treeData 模式下 path 不能为空数组。
|
||
getDataPath: data => {
|
||
const path = Array.isArray(data?.path)
|
||
? data.path.map((segment: unknown) => String(segment ?? '').trim()).filter(Boolean)
|
||
: []
|
||
if (path.length > 0) return path
|
||
const fallback = String(data?.id ?? '').trim()
|
||
return [fallback || '__row__']
|
||
},
|
||
getContextMenuItems: () => ['copy', 'paste', 'separator', 'export'],
|
||
defaultColDef: {
|
||
resizable: true,
|
||
sortable: false,
|
||
filter: false,
|
||
wrapHeaderText: true,
|
||
autoHeaderHeight: true
|
||
},
|
||
defaultColGroupDef: {
|
||
wrapHeaderText: true,
|
||
autoHeaderHeight: true
|
||
}
|
||
}
|