zent-utils
v1.1.0
Published
Zent工具库
Downloads
13
Readme
zent-utils
一些通用的工具函数/工具组件
添加新组件/函数
为了方便引用,所有打包之后生成的文件/目录应该处于根目录下。package.json
的files
字段下需要加上新文件,
同时在.gitignore
中忽略新文件。
API
classnames
导出了用来拼接React className
的classnames
函数,使用方法和classnames一致。
lodash
导出了lodash中的所有函数,只支持按需import
的方式引用。
import isFunction from 'zent-utils/lodash/isFunction';
WindowEventHandler
用来往window
上绑全局事件。
| 参数 | 说明 | 类型 | 默认值 | 备选值 | |------|------|------|--------|--------| | eventName | 事件名字 | string | | | | callback | 事件的回掉函数 | func | noop | | | useCapture | 是否为capture事件 | bool | false | |
WindowResizeHandler
监听全局的resize
事件。
| 参数 | 说明 | 类型 | 默认值 | 备选值 | |------|------|------|--------|--------| | onResize | resize事件的回掉函数 | func | | |
DOM 工具函数
findPositionedParent(element: Node, inclusive: bool): Node
搜索DOM树中最近的一个有position
的节点,inclusive
为true的话element
也会加入搜索路径中。
getViewportSize(): { width: number, height: number }
获取当前viewport的大小,viewport是指浏览器的可视空间。