go-view/src/views/chart/ContentEdit/hooks/useStyle.hook.ts
2022-01-27 20:47:22 +08:00

23 lines
416 B
TypeScript

interface AttrType {
x: number
y: number
w: number
h: number
}
export const useComponentStyle = (attr: AttrType, index: number) => {
const componentStyle = {
zIndex: index,
left: `${attr.x}px`,
top: `${attr.y}px`,
}
return componentStyle
}
export const useSizeStyle = (attr: AttrType) => {
const sizeStyle = {
width: `${attr.w}px`,
height: `${attr.h}px`
}
return sizeStyle
}