@beisen/common-mount

0.0.56 • Public • Published

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();

Package Sidebar

Install

npm i @beisen/common-mount

Weekly Downloads

37

Version

0.0.56

License

ISC

Unpacked Size

1.97 MB

Total Files

28

Last publish

Collaborators

  • beisencorp