142 lines
4.2 KiB
TypeScript
142 lines
4.2 KiB
TypeScript
import { TableColumnCtx } from 'element-plus'
|
||
import { isUndefined } from 'lodash-es'
|
||
import { i18n } from '/@/lang/index'
|
||
|
||
/**
|
||
* 获取单元格值
|
||
*/
|
||
export const getCellValue = (row: TableRow, field: TableColumn, column: TableColumnCtx<TableRow>, index: number) => {
|
||
if (!field.prop) return ''
|
||
|
||
const prop = field.prop
|
||
let cellValue: any = row[prop]
|
||
|
||
// 字段 prop 带 . 比如 user.nickname
|
||
if (prop.indexOf('.') > -1) {
|
||
const fieldNameArr = prop.split('.')
|
||
cellValue = row[fieldNameArr[0]]
|
||
for (let index = 1; index < fieldNameArr.length; index++) {
|
||
cellValue = cellValue ? (cellValue[fieldNameArr[index]] ?? '') : ''
|
||
}
|
||
}
|
||
|
||
// 若无值，尝试取默认值
|
||
if ([undefined, null, ''].includes(cellValue) && field.default !== undefined) {
|
||
cellValue = field.default
|
||
}
|
||
|
||
// 渲染前格式化
|
||
if (field.renderFormatter && typeof field.renderFormatter == 'function') {
|
||
cellValue = field.renderFormatter(row, field, cellValue, column, index)
|
||
console.warn('baTable.table.column.renderFormatter 即将废弃，请直接使用兼容 el-table 的 baTable.table.column.formatter 代替')
|
||
}
|
||
if (field.formatter && typeof field.formatter == 'function') {
|
||
cellValue = field.formatter(row, column, cellValue, index)
|
||
}
|
||
|
||
return cellValue
|
||
}
|
||
|
||
/*
|
||
* 默认按钮组
|
||
*/
|
||
export const defaultOptButtons = (optButType: DefaultOptButType[] = ['weigh-sort', 'edit', 'delete']): OptButton[] => {
|
||
const optButtonsPre: Map<string, OptButton> = new Map([
|
||
[
|
||
'weigh-sort',
|
||
{
|
||
render: 'moveButton',
|
||
name: 'weigh-sort',
|
||
title: 'Drag sort',
|
||
text: '',
|
||
type: 'info',
|
||
icon: 'fa fa-arrows',
|
||
class: 'table-row-weigh-sort',
|
||
disabledTip: false,
|
||
},
|
||
],
|
||
[
|
||
'edit',
|
||
{
|
||
render: 'tipButton',
|
||
name: 'edit',
|
||
title: 'Edit',
|
||
text: '',
|
||
type: 'primary',
|
||
icon: 'fa fa-pencil',
|
||
class: 'table-row-edit',
|
||
disabledTip: false,
|
||
},
|
||
],
|
||
[
|
||
'delete',
|
||
{
|
||
render: 'confirmButton',
|
||
name: 'delete',
|
||
title: 'Delete',
|
||
text: '',
|
||
type: 'danger',
|
||
icon: 'fa fa-trash',
|
||
class: 'table-row-delete',
|
||
popconfirm: {
|
||
confirmButtonText: i18n.global.t('Delete'),
|
||
cancelButtonText: i18n.global.t('Cancel'),
|
||
confirmButtonType: 'danger',
|
||
title: i18n.global.t('Are you sure to delete the selected record?'),
|
||
},
|
||
disabledTip: false,
|
||
},
|
||
],
|
||
])
|
||
|
||
const optButtons: OptButton[] = []
|
||
for (const key in optButType) {
|
||
if (optButtonsPre.has(optButType[key])) {
|
||
optButtons.push(optButtonsPre.get(optButType[key])!)
|
||
}
|
||
}
|
||
return optButtons
|
||
}
|
||
|
||
/**
|
||
* 将带children的数组降维，然后寻找index所在的行
|
||
*/
|
||
export const findIndexRow = (data: TableRow[], findIdx: number, keyIndex: number | TableRow = -1): number | TableRow => {
|
||
for (const key in data) {
|
||
if (typeof keyIndex == 'number') {
|
||
keyIndex++
|
||
}
|
||
|
||
if (keyIndex == findIdx) {
|
||
return data[key]
|
||
}
|
||
|
||
if (data[key].children) {
|
||
keyIndex = findIndexRow(data[key].children!, findIdx, keyIndex)
|
||
if (typeof keyIndex != 'number') {
|
||
return keyIndex
|
||
}
|
||
}
|
||
}
|
||
|
||
return keyIndex
|
||
}
|
||
|
||
/**
|
||
* 调用一个接受表格上下文数据的任意属性计算函数
|
||
*/
|
||
export const invokeTableContextDataFun = <T>(
|
||
fun: TableContextDataFun<T> | undefined,
|
||
context: TableContextData,
|
||
defaultValue: any = {}
|
||
): Partial<T> => {
|
||
if (isUndefined(fun)) {
|
||
return defaultValue
|
||
} else if (typeof fun === 'function') {
|
||
return fun(context)
|
||
}
|
||
return fun
|
||
}
|
||
|
||
type DefaultOptButType = 'weigh-sort' | 'edit' | 'delete'
|