1Introduction
- description:窗口弹出框 UI
- author:ydr.me
- create:2016-04-20 14:49
- update:2018年06月21日16:22:35
- github:https://github.com/blearjs/blear.ui.window
2Example
var Window = require('blear.ui.window');
3Static
静态属性、方法
3.1.defaults
3.1.1.defaults.position
- 类型:
String
- 说明:定位
- 默认:
fixed
3.1.2.defaults.width
- 类型:
Number
- 说明:宽度
- 默认:
600
3.1.3.defaults.height
- 类型:
Number| String
- 说明:高度
- 默认:`auto
3.1.4.defaults.minWidth
- 类型:
Number| String
- 说明:最小宽度
- 默认:
none
3.1.5.defaults.minHeight
- 类型:
Number| String
- 说明:最小高度
- 默认:
none
3.1.6.defaults.maxWidth
- 类型:
Number| String
- 说明:最大宽度
- 默认:
none
3.1.7.defaults.maxWidth
- 类型:
Number| String
- 说明:最大高度
- 默认:
none
3.1.8.defaults.topRate
- 类型:
Number
- 说明:上边距占比
- 默认:
1 / 2
3.1.9.defaults.leftRate
- 类型:
Number
- 说明:左边距占比
- 默认:
1 / 2
3.1.10.defaults.addClass
- 类型:
String
- 说明:添加的类
- 默认:
''
3.1.11.defaults.animationOptions:object
- 类型:
Object
- 说明:动画参数
3.1.11.1object.duration
- 类型:
Number
- 说明:动画时间
- 默认:
456
3.1.11.2object.easing
- 类型:
String
- 说明:动画缓冲
- 默认:
linear
3.1.11.3object.autoFocus
- 类型:
boolean
- 说明:是否自动聚焦,默认对话框在打开之后会自动聚焦,在关闭之后会自动失焦,
如果需要自行管理窗口焦点需要设置为
false
- 默认:
true
3.1.12.defaults.openAnimation
- 类型:
Null | Function
- 说明:打开窗口的动画
- 默认:
Null
3.1.13.defaults.resizeAnimation
- 类型:
Null | Function
- 说明:窗口尺寸改变的动画
- 默认:
Null
3.1.14.defaults.closeAnimation
- 类型:
Null | Function
- 说明:关闭窗口的动画
- 默认:
Null
3.1.15.defaults.render(windowEl, options)
- 类型:
Null | Function
- 说明:自定义渲染器
3.1.15.1windowEl
- 类型:
Element
- 说明:window元素
3.1.15.2options
- 类型:
Object
- 说明:渲染配置项
4Prototype
原型属性、方法
4.1#getSize(): object
获得窗口的尺寸
4.1.1object.width
- 类型:
Number
- 说明:窗口宽度
4.1.2object.height
- 类型:
Number
- 说明:窗口高度
4.1.3object.top
- 类型:
Number
- 说明:窗口距离顶部位置
4.1.4object.left
- 类型:
Number
- 说明:窗口距离左侧位置
4.2#zIndex(zIndex): window
设置三维高度
4.2.1zIndex
- 类型:
Number
- 说明:三维高度
4.2.2window
- 类型:
Window
- 说明:支持链式调用
4.3#open(callback): window
打开窗口
4.3.1callback
- 类型:
Function
- 说明:回调
4.3.2window
- 类型:
Window
- 说明:支持链式调用
4.4#update(callback): window
更新 window 信息
4.4.1callback
- 类型:
Function
- 说明:回调
4.4.2window
- 类型:
Window
- 说明:支持链式调用
4.5#resize(pos, callback): window
调整位置,默认居中
4.5.1pos
- 类型:
Object
- 说明:位置
4.5.1.1
pos.width
- 类型:
Number
- 说明:宽度
4.5.1.2
pos.height
- 类型:
Number
- 说明:高度
4.5.1.3
pos.top
- 类型:
Number
- 说明:距离上方位置
4.5.1.4
pos.left
- 类型:
Number
- 说明:距离左侧位置
4.5.2callback
- 类型:
Function
- 说明:回调
4.5.3window
- 类型:
Window
- 说明:支持链式调用
4.6#close(callback): window
关闭窗口
4.6.1callback
- 类型:
Function
- 说明:回调
4.6.2window
- 类型:
Window
- 说明:支持链式调用
4.7#getOuterEl(): element
获取 window element
4.7.1element
- 类型:
HTMLDivElement
- 说明:outer 元素
4.8#getWindowEl(): element
获取 window element
4.8.1element
- 类型:
HTMLDivElement
- 说明:window 元素
4.9#getContainerEl(): element
获取 container element
4.9.1element
- 类型:
HTMLDivElement
- 说明:container 元素
4.10#getOptions([key]): *
获取配置,不同继承者的参数不同,需要自行实现
4.10.1key
- 类型:
*
- 说明:配置参数
4.10.2*
- 类型:
*
- 说明:任意值
4.11#setOptions([key]): *
设置配置,不同继承者的参数不同,需要自行实现
4.11.1key
- 类型:
*
- 说明:设置配置参数名
4.11.2val
- 类型:
*
- 说明:设置配置值
4.11.3*
- 类型:
*
- 说明:任意值
4.12#setHTML(html): element
设置 HTML
4.12.1html
- 类型:
String | Node
- 说明:html值
4.12.2element
- 类型:
HTMLElement
- 说明:设置配置值
4.13#destroy(): undefined
销毁实例