@beisen/static-form-label

static form input/label show

Stats

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

Readme

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>
    )
  }

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.