@beisen-platform/text-area
无用于表单中的大段文本信息的输入,可设置是否显示最大、最少字数,当前字数,是否可拖拽
Last updated a year ago by beisencorp .
ISC · Original npm · Tarball · package.json
$ cnpm install @beisen-platform/text-area 
SYNC missed versions from official npm registry.

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


Current Tags

  • 1.0.9-rc.5                                ...           latest (a year ago)

13 Versions

  • 1.0.9-rc.5                                ...           a year ago
  • 1.0.9-rc.1                                ...           a year ago
  • 1.0.9                                ...           a year ago
  • 1.0.8                                ...           a year ago
  • 1.0.7                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.5                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.2                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           2 years ago
  • 0.2.19                                ...           2 years ago

Copyright 2014 - 2017 © taobao.org |