github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 16:22:57 +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 9ce042cc8a
commit 4dc8725b3e
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()
// 布局处理
export const useLayout = () => {
onMounted(() => {
export const useLayout = (fn: () => Promise<void>) => {
let removeScale: Function = () => { }
onMounted(async () => {
// 设置 Dom 值(ref 不生效先用 document)
chartEditStore.setEditCanvas(
EditCanvasTypeEnum.EDIT_LAYOUT_DOM,
@ -17,13 +18,16 @@ export const useLayout = () => {
document.getElementById('go-chart-edit-content')
)
// 获取数据
await fn()
// 监听初始化
const removeScale = chartEditStore.listenerScale()
removeScale = chartEditStore.listenerScale()
})
onUnmounted(() => {
chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_LAYOUT_DOM, null)
chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_CONTENT_DOM, null)
removeScale()
})
})
}

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

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