blear.ui.window

1Introduction

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

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

销毁实例

5Dependencies