22 lines
554 B
TypeScript
22 lines
554 B
TypeScript
|
import { PickCreateComponentType } from '@/packages/index.d'
|
||
|
|
|
||
|
|
type AttrType = PickCreateComponentType<'attr'>
|
||
|
|
|
||
|
|
export const useComponentStyle = (attr: AttrType, index: number) => {
|
||
|
|
const componentStyle = {
|
||
|
|
zIndex: index + 1,
|
||
|
|
left: `${attr.x}px`,
|
||
|
|
top: `${attr.y}px`
|
||
|
|
}
|
||
|
|
return componentStyle
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useSizeStyle = (attr: AttrType, scale?: number) => {
|
||
|
|
const sizeStyle = {
|
||
|
|
width: `${scale ? scale * attr.w : attr.w}px`,
|
||
|
|
height: `${scale ? scale * attr.h : attr.h}px`,
|
||
|
|
border: '1px solid red'
|
||
|
|
}
|
||
|
|
return sizeStyle
|
||
|
|
}
|