center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(视图): 表格右键复制指定单元格内容

Browse Source
This commit is contained in:
wisonic-s 2024-02-28 11:34:47 +08:00
parent 4eb9755eaa
commit fe3aaf38ff
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
core/frontend/src/views/chart/chart/table/table-info.js
View File

@ -17,6 +17,8 @@ import { formatterItem, valueFormatter } from '@/views/chart/chart/formatter'
import { handleTableEmptyStrategy, hexColorToRGBA } from '@/views/chart/chart/util'
import { maxBy, minBy, find } from 'lodash-es'
import TableTooltip from '@/views/chart/components/table/TableTooltip.vue'
import Vue from 'vue'
class SortTooltip extends BaseTooltip {
vueCom
constructor(spreadsheet, vueCom) {
@ -256,6 +258,8 @@ export function baseTableInfo(s2, container, chart, action, tableData, pageInfo,
if (size.tableCellTooltip?.show) {
s2.on(S2Event.DATA_CELL_HOVER, event => showTooltipValue(s2, event, meta))
}
// right click
s2.on(S2Event.GLOBAL_CONTEXT_MENU, event => copyContent(s2, event, meta))
// column resize
if (size.tableColumnMode === 'field') {
s2.on(S2Event.LAYOUT_RESIZE_COL_WIDTH, event => resizeFunc(event))
@ -494,6 +498,8 @@ export function baseTableNormal(s2, container, chart, action, tableData, vueCom,
if (size.tableCellTooltip?.show) {
s2.on(S2Event.DATA_CELL_HOVER, event => showTooltipValue(s2, event, meta))
}
// right click
s2.on(S2Event.GLOBAL_CONTEXT_MENU, event => copyContent(s2, event, meta))
// column resize
if (size.tableColumnMode === 'field') {
s2.on(S2Event.LAYOUT_RESIZE_COL_WIDTH, event => resizeFunc(event))
@ -727,6 +733,8 @@ export function baseTablePivot(s2, container, chart, action, headerAction, table
if (size.tableCellTooltip?.show) {
s2.on(S2Event.DATA_CELL_HOVER, event => showTooltipValue(s2, event, meta))
}
// right click
s2.on(S2Event.GLOBAL_CONTEXT_MENU, event => copyContent(s2, event, meta))
// theme
const customTheme = getCustomTheme(chart)
s2.setThemeCfg({ theme: customTheme })
@ -1103,3 +1111,31 @@ function getTooltipPosition(event) {
}
return result
}
function copyContent(s2Instance, event, fieldMap) {
event.preventDefault()
const cell = s2Instance.getCell(event.target)
const valueField = cell.getMeta().valueField
const cellMeta = cell.getMeta()
let content
// 单元格
if (cellMeta?.data) {
const value = cellMeta.data[valueField]
const metaObj = find(fieldMap, m =>
m.field === valueField
)
content = value?.toString()
if (metaObj) {
content = metaObj.formatter(value)
}
} else {
// 列头&行头
content = cellMeta.value
if (fieldMap?.[content]) {
content = fieldMap[content]
}
}
if (content) {
navigator.clipboard.writeText(content)
}
}