blear.ui.popup

1Introduction

description：弹出层 UI
author：ydr.me
create：2016-04-28 18:07
update：2017年02月21日10:26:22
github：https://github.com/blearjs/blear.ui.popup

2Example

var Popup = require('blear.ui.popup');

var popup = new Popup({
    el: '#demo'
});

popup.open();

3Static

3.1`.defaults`

类型：Object
说明：默认配置

3.2`.defaults.el`

类型：Element | String
说明：弹出元素

3.3`.defaults.template`

类型：String
说明：指定弹出内容

3.4`.defaults.maskOptions`

类型：Object
说明：遮罩配置 blear.ui.mask
默认：{}

3.5`.defaults.maskThrough`

类型：Boolean
说明：是否支持点透 mask，如果为 true，在点击遮罩的时候，如果下面是一个按钮，则会触发按的点击行为，如果下面是一个输入框，则会进行聚焦
默认：false

3.6`.defaults.width`

类型：Number
说明：弹出层宽度
默认："auto"

3.7`.defaults.height`

类型：Number
说明：弹出层高度
默认："auto"

3.8`.defaults.minWidth`

类型：Number
说明：弹出层最小宽度
默认："100%"

3.9`.defaults.minHeight`

类型：Number
说明：弹出层最小高度
默认："none"

3.10`.defaults.maxWidth`

类型：Number
说明：弹出层最大宽度
默认："100%"

3.11`.defaults.maxHeight`

类型：Number
说明：弹出层最大高度
默认："100%"

3.12`.defaults.top`

类型：Number
说明：上位移
默认："auto"

3.13`.defaults.right`

类型：Number
说明：右位移
默认：0

3.14`.defaults.bottom`

类型：Number
说明：下位移
默认：0

3.15`.defaults.left`

类型：Number
说明：左位移
默认：0

3.16`.defaults.openAnimation`

类型：Function
说明：打开动画

默认：

function openAnimation(to, done) {
  var the = this;
  var el = the.getWindowEl();
  var an = new Animation(el, the.getOptions('animationOptions'));

  attribute.style(el, {
      display: 'block',
      transform: {
          translateY: '100%'
      }
  });

  to.transform = {
      translateY: 0
  };
  an.transit(to, {
      duration: 234,
      easing: 'in-out'
  });
  an.start(function () {
      an.destroy();
      done();
  });
}

3.17`.defaults.closeAnimation`

类型：Function
说明：关闭动画

默认：

function closeAnimation(to, done) {
  var the = this;
  var el = the.getWindowEl();
  var an = new Animation(el, the.getOptions('animationOptions'));

  attribute.style(el, {
      display: 'block',
      transform: {
          translateY: 0
      }
  });

  to.transform = {
      translateY: '100%'
  };
  an.transit(to, {
      duration: 234,
      easing: 'in-out'
  });
  an.start(function () {
      an.destroy();
      done();
  });
}