StaticFormLabel使用说明

项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）

参数

Props

const props = {
  labelText: 'gvhvjh',
  defaultValue: 'dsfs            fsd',
  hidden: false,
  isLink: true,
  linkValue: 'http://www.baidu.com',
  OpenMode: '_blank',
  helpMsg: 'dqwdqw',
  itemComponent: <div>111</div>, //外部传入渲染组件
  sideTip: false, //toolTip是否左右显示
  hiddenTip: false, //toolTip是否显示
  lablePos: false, //label位置，true时在左边，false在上边
  lableTxt: true, //label中文字对齐方式，true左对齐，false右对齐

  handleClick:function()
  onFakeLinkClick:function(event){}
}

PropTypes

StaticFormLabel.propTypes = {
  hidden: PropTypes.bool,
  labelText: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ]),
  defaultValue: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ])
}

StaticFormLabel 调用方法

1.安装npm组件包

npm install @beisen/static-form-label --save-dev

2.引用组件

import StaticFormLabel from "@beisen/static-form-label"

3.传入参数

  render () {
    let data = {
  		"labelText": 'gvhvjh',
  		"defaultValue": 'dsfs            fsd',
  		"hidden": false,
  		"isLink": true,
  		"linkValue": "http://www.baidu.com", 
  		"OpenMode": "_blank" ,
      "helpMsg":"dqwdqw",
      "sideTip":false, //toolTip是否左右显示
      "hiddenTip":false, //toolTip是否显示
      "lablePos": false, //label位置，true时在左边，false在上边
      "lableTxt": true //label中文字对齐方式，true左对齐，false右对齐
  	}
    return (
      <div>
          <StaticFormLabel {...data}/>
      </div>
    )
  }