blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-06-30 00:29:16 +08:00
Code Issues Projects Releases Wiki Activity

fixed 65dc9db from https://gitee.com/novice0/go-view/pulls/214

Browse Source 
fix: 解决标尺组件相关问题

解决标尺宽高计算容易让人引起误解的问题；解决首次进来标尺刻度不对的问题，解决缩放后标尺刻度不对的问题
This commit is contained in:
yuanmogul 2023-10-19 23:00:57 +08:00
parent 6c54c168a6
commit c2050ae955
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/chart/ContentEdit/components/EditRule/index.vue
View File

@ -159,11 +159,11 @@ const dragCanvas = (e: any) => {
const canvasBox = () => { const canvasBox = () => {
const layoutDom = document.getElementById('go-chart-edit-layout') const layoutDom = document.getElementById('go-chart-edit-layout')
if (layoutDom) { if (layoutDom) {
// 此处减去滚动条的宽度和高度 // 应该减去的是标尺的厚度，虽然都是20，但是这样更容易让人理解
const scrollW = 20 // 如果后面改了标尺厚度这里也不用改
return { return {
height: layoutDom.clientHeight - scrollW, height: layoutDom.clientHeight - thick,
width: layoutDom.clientWidth - scrollW width: layoutDom.clientWidth - thick
} }
} }
return { return {
@ -188,7 +188,12 @@ const canvasPosCenter = () => {
$app.value.scrollLeft = containerWidth / 2 - width / 2 $app.value.scrollLeft = containerWidth / 2 - width / 2
$app.value.scrollTop = containerHeight / 2 - height / 2 $app.value.scrollTop = containerHeight / 2 - height / 2
} }
watch(scale, () => {
// 解决首次进来标尺位置不对的问题
// 解决每次缩放后标尺位置不对的问题
// 直接监听缩放比例的变化，每次重绘标尺组件
reDraw()
}, { immediate: true })
// 处理主题变化 // 处理主题变化
watch( watch(
() => designStore.getDarkTheme, () => designStore.getDarkTheme,