Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @beisen-platform/common-mount with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var commonMount = require("@beisen-platform/common-mount")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@beisen-platform/common-mount v1.0.5

平台通用挂载组件

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();
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free