@beisen/text-area

Textarea

项目简介

本项目为textarea文本输入框。对本项目有任何疑问或建议，欢迎联系~(邮箱：[e-mail])

项目运行

1. cnpm install 或 npm install

2. npm run dev （开发环境打包、项目启动，默认端口 port:8080）

3. npm run test （测试用例）

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

Textarea参数

const props = {
  hidden: false,
  disabled: false,
  readOnly: false,
  maxlength: 140,          //文本域允许字数最大值
  defaultHeight: '130px', //默认的输入框高度，内置默认为91px
  labeltext: '默认title',
  required: true,
  textValue: '',          //初始值
  placeHolder:'',
  showStatus: '',         //显示状态 search or ''
  showText: '请填写正确',
  helpMsg: 'dqwdq',
  sideTip: false,         //toolTip是否左右显示
  hiddenTip: false,       //toolTip是否显示
  errorStatus: false,     //是否报错
  errorMsg: '出错了~~~！', //报错信息
  lablePos: true,         //label位置，true时在左边，false在上边
  lableTxt: false,        //label中文字对齐方式，true左对齐，false右对齐
  onClick: function (event) {
    console.log(event.target.value)
  },
  onFocus: function (event) {
    console.log(event.target.value)
  },
  onChange: function (event) {
    console.log(event.target.value)
  },
  onBlur: function (event) {
    console.log(event.target.value)
  },
  iconClick: function () {
    console.log(0)
  } //没有iconClick这个字段即不支持此功能。 有即是支持这个特性
}

调用方法

1.安装npm组件包

npm install @beisen/text-area --save-dev

2.引用组件

import Textarea from "@beisen/text-area"

3.传入参数

  state = {
    hidden: false
    ,disabled: false
    ,readOnly: false
    ,maxlength: 10 //文本域允许字数最大值
    ,labeltext: "默认title"
    ,required: true
    ,textValue: 'DCSDCDSCSDDCSDCDSCSD'
    ,"showStatus":""  //显示状态 "search" or ""
    ,"showText":"请填写正确"
    ,"helpMsg":"dqwdq"
    ,"sideTip":false //toolTip是否左右显示
    ,"hiddenTip":false //toolTip是否显示
    ,"errorStatus": false//是否报错
    ,"errorMsg":"出错了~~~！" //报错信息
    ,"lablePos":  true //label位置，true时在左边，false在上边
    ,"lableTxt": false//label中文字对齐方式，true左对齐，false右对齐
    ,onClick:function(event){console.log(event.target.value)}
    ,onFocus:function(event){console.log(event.target.value)}
    ,onChange:function(event){console.log(event.target.value)}
    ,onBlur:function(event){console.log(event.target.value)}
  }

  render () {
    return (
      <div>
          <Textarea {...this.state} />
      </div>
    )
  }