github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-25 00:33:00 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 先获取数据后触发画布

Browse Source
This commit is contained in:
Ming 2023-05-04 17:04:08 +08:00
parent 7b000f86c7
commit 2a35d9a9e5
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/chart/ContentEdit/hooks/useLayout.hook.ts
View File

@ -5,8 +5,9 @@ import { EditCanvasTypeEnum } from '@/store/modules/chartEditStore/chartEditStor
const chartEditStore = useChartEditStore() const chartEditStore = useChartEditStore()
// 布局处理 // 布局处理
export const useLayout = () => { export const useLayout = (fn: () => Promise<void>) => {
onMounted(() => { let removeScale: Function = () => { }
onMounted(async () => {
// 设置 Dom 值(ref 不生效先用 document) // 设置 Dom 值(ref 不生效先用 document)
chartEditStore.setEditCanvas( chartEditStore.setEditCanvas(
EditCanvasTypeEnum.EDIT_LAYOUT_DOM, EditCanvasTypeEnum.EDIT_LAYOUT_DOM,
@ -17,13 +18,16 @@ export const useLayout = () => {
document.getElementById('go-chart-edit-content') document.getElementById('go-chart-edit-content')
) )
// 获取数据
await fn()
// 监听初始化 // 监听初始化
const removeScale = chartEditStore.listenerScale() removeScale = chartEditStore.listenerScale()
})
onUnmounted(() => { onUnmounted(() => {
chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_LAYOUT_DOM, null) chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_LAYOUT_DOM, null)
chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_CONTENT_DOM, null) chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_CONTENT_DOM, null)
removeScale() removeScale()
}) })
})
} }

4
src/views/chart/ContentEdit/index.vue
View File

@ -109,10 +109,10 @@ const chartEditStore = useChartEditStore()
const { handleContextMenu } = useContextMenu() const { handleContextMenu } = useContextMenu()
// 编辑时注入scale变量，消除警告 // 编辑时注入scale变量，消除警告
provide(SCALE_KEY, null); provide(SCALE_KEY, null)
// 布局处理 // 布局处理
useLayout() useLayout(async () => {})
// 点击事件 // 点击事件
const { mouseenterHandle, mouseleaveHandle, mousedownHandle, mouseClickHandle } = useMouseHandle() const { mouseenterHandle, mouseleaveHandle, mousedownHandle, mouseClickHandle } = useMouseHandle()