@beisen/text-area

BeisenCloudComponents-textarea

Stats

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

Readme

Textarea

项目简介

本项目为textarea文本输入框。对本项目有任何疑问或建议,欢迎联系~(邮箱:mengshuai@beisen.com)

项目运行

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

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.