@beisen/common-mount

### 挂载公共方法 - 组件构造函数中创建挂载容器

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen/common-mount
Minified + gzip package size for @beisen/common-mount in KB

Readme

CommonMount

挂载公共方法

  • 组件构造函数中创建挂载容器

示例:

this.commonMount = new commonMount({
  containerId: 'AutoComplete_ul', // 容器ID
  follow: true, // 是否滚动跟随,默认true
  fixed: true // 定位:fixed,false时为absolute
});
  • 在需要挂载的时候传入挂载参数,RenderDOM

需要预先计算出挂载高度并传入

示例:

this.commonMount.renderDom(
  'auto-complete-wrap', // wrap's classname/id-name
  showAutoUl, // content dom
  this.refs.autoInput, // 滚动跟随节点
  [
    this.tar, //挂载节点
    { // 挂载元素宽高 {width: '', height: ''}
      width: autoResult && autoResult.offsetwidth,
      height: autoResultHeight
    }
  ],
  false,  //isInput,挂载节点为input
  140, //向左水平偏移的距离,为负 -140 则为向右偏移
  true, //弹层靠左靠右模式,默认为false 靠左模式
  1000 //window.onresize执行时间,默认100ms,非必须
  ,30 //inputHeight,非必须
  ,99 //自定义zIndex,非必须
);
  • 关闭的时候可以卸载节点并取消事件监听

示例:

this.commonMount.unmountBox();

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.