Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@beisen-platform/common-mount

1.0.5 • 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 靠左模式
);
  • 关闭的时候可以卸载节点并取消事件监听

示例:

this.commonMount.unmountBox();

Install

npm i @beisen-platform/common-mount

DownloadsWeekly Downloads

76

Version

1.0.5

License

ISC

Unpacked Size

23.9 kB

Total Files

6

Last publish

Collaborators

  • avatar