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

Merge pull request #12761 from dataease/pr@dev-v2@refactor_scroll

Browse Source 
refactor(数据大屏): 优化数据大屏缩放逻辑，防止进行面板反复缩放时可能出现的卡顿现象
This commit is contained in:
王嘉豪 2024-10-18 11:39:32 +08:00 committed by GitHub
commit 4083f64f18
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
View File

@ -12,15 +12,21 @@ const dvMainStore = dvMainStoreWithOut()
const { canvasStyleData, editMode } = storeToRefs(dvMainStore) const { canvasStyleData, editMode } = storeToRefs(dvMainStore)
const snapshotStore = snapshotStoreWithOut() const snapshotStore = snapshotStoreWithOut()
const scale = ref(60) const scale = ref(60)
const scaleChangeReady = ref(true)
const handleScaleChange = () => { const handleScaleChange = () => {
snapshotStore.recordSnapshotCache() if (scaleChangeReady.value) {
// 画布比例设一个最小值，不能为 0 scaleChangeReady.value = false
scale.value = ~~scale.value || 10 setTimeout(() => {
scale.value = scale.value < 10 ? 10 : scale.value snapshotStore.recordSnapshotCache()
scale.value = scale.value > 200 ? 200 : scale.value // 画布比例设一个最小值，不能为 0
scale.value = ~~scale.value || 10
changeSizeWithScale(scale.value) scale.value = scale.value < 10 ? 10 : scale.value
scale.value = scale.value > 200 ? 200 : scale.value
changeSizeWithScale(scale.value)
scaleChangeReady.value = true
}, 0)
}
} }
const scaleDecrease = (speed = 1) => { const scaleDecrease = (speed = 1) => {