@rc-hooks/dom NPM | npm.io

1.0.11 • Published 5 years ago

Install

Weekly downloads

218

License

-

Repository

Last release

5 years ago

Dom - Dom相关Hooks和操作函数

useWindowSize

监控窗体大小变化

定义 function useWindowSize(onResize?: ResizeHandler): IElementSize
类型
- type ResizeHandler = (size: IElementSize) => void
- interface IElementSize {width: number; height: number;}

用法

import React from 'react'
import {useWindowSize, IElementSize} from '@co-hooks/util'

interface IDemoProps {
    onChange: (size: IElementSize) => void
}

function DemoComponent(props: IDemoProps) {

    const size = useWindowSize(props.onChange);

    return (
        <div>{size.width} * {size.height}</div>
    )
}

getZIndex

获取一个新的用于展示的zIndex，建议弹层每次show的时候，更新一下，保证不被挡住

定义 function getZIndex(): number

用法

import React from 'react'
import {getZIndex} from '@co-hooks/util'

function DemoComponent() {

    const zIndex = getZIndex();

    return (
        <div style={{zIndex}}/>
    )
}

@co-hooks/dom @co-hooks/util @rc-hooks/use

@everything-registry/sub-chunk-762 @chief-editor/preset @chief-editor/ui @infinitebrahmanuniverse/nolb-_rc @rc-hooks/anchor @rc-hooks/animation @rc-hooks/carousel @rc-hooks/dialog @rc-hooks/drag @rc-hooks/draggable @rc-hooks/list @rc-hooks/mask @rc-hooks/menu @rc-hooks/popper @rc-hooks/region @rc-hooks/schedule @rc-hooks/sortable @rc-hooks/table

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago