blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-10-13 14:02:10 +08:00
Code Issues Projects Releases Wiki Activity

Pre Merge pull request !228 from ferret/dev

Browse Source
This commit is contained in:
ferret 2024-04-10 03:25:44 +00:00 committed by Gitee
commit 212d9704d8
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/chart/ContentEdit/hooks/useStyle.hook.ts
View File

@ -3,17 +3,20 @@ import { PickCreateComponentType } from '@/packages/index.d'
type AttrType = PickCreateComponentType<'attr'>
export const useComponentStyle = (attr: AttrType, index: number) => {
if(!attr) return {}
if (!attr) return {}
const componentStyle = {
zIndex: index + 1,
left: `${attr.x}px`,
top: `${attr.y}px`
// left: `${attr.x}px`,
// top: `${attr.y}px`,
left: 0,
top: 0,
transform: `translate(${attr.x}px, ${attr.y}px)` // 替换成transform 优化渲染性能
}
return componentStyle
}
export const useSizeStyle = (attr: AttrType, scale?: number) => {
if(!attr) return {}
if (!attr) return {}
return {
width: `${scale ? scale * attr.w : attr.w}px`,
height: `${scale ? scale * attr.h : attr.h}px`
@ -56,8 +59,11 @@ export const usePointStyle = (
}
const style = {
left: `${newLeft}px`,
top: `${newTop}px`,
// left: `${newLeft}px`,
// top: `${newTop}px`,
left: 0,
top: 0,
transform: `translate(${newLeft - 3}px, ${newTop - 3}px)`, // 替换成transform 优化渲染性能
cursor: cursorResize[index] + '-resize'
}