@beisen/Textbox

Textbox

Stats

StarsIssuesVersionUpdatedCreatedSize
@beisen/Textbox
0.1.475 years ago5 years agoMinified + gzip package size for @beisen/Textbox in KB

Readme

Textbox 使用说明

项目运行

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

  2. npm run dev (开发环境打包 port:8080)

  3. npm run test (测试用例)

  4. npm run build (生产环境打包)

Textbox 参数

  data:{
      "showTag":"测试"   //输入框前的文字
      ,"defaultValue":""  //默认值
      ,"placeHolder":"请输入"    //input上的placeHolder
      ,"errorStatus":false      //错误状态,true 有错, false 无措
      ,"showText":"请填写正确"    // 点击时的提示文字
      ,"errorMsg":"出错了~~~!"   // 错误时的问题提示
      ,"symbol":"%" //符号,为空时没有符号
      ,"hidden":false           //隐藏组件
      ,"disabled":false           //禁用组件
      ,"readonly":false           //input框只读  
      ,"required":true                
      ,onClick:function(event, status, value){console.log(value)}
      ,onFocus:function(event, status, value){console.log(value)}
      ,onChange:function(event, status, value){console.log(value)}
      ,onBlur:function(event, status, value){console.log(value)}
    }

Textbox 调用方法

1.安装npm组件包

npm install @beisen/Textbox --save-dev

2.引用组件

import Textbox from "@beisen/Textbox"

3.传入参数

data:{
    "showTag":"测试"   //输入框前的文字
    ,"defaultValue":""  //默认值
    ,"placeHolder":"请输入"    //input上的placeHolder
    ,"errorStatus":false      //错误状态,true 有错, false 无措
    ,"showText":"请填写正确"    // 点击时的提示文字
    ,"errorMsg":"出错了~~~!"   // 错误时的问题提示
    ,"symbol":"%" //符号,为空时没有符号
    ,"hidden":false           //隐藏组件
    ,"disabled":false           //禁用组件
    ,"readonly":false           //input框只读  
    ,"required":true                
    ,onClick:function(event, status, value){console.log(value)}
    ,onFocus:function(event, status, value){console.log(value)}
    ,onChange:function(event, status, value){console.log(value)}
    ,onBlur:function(event, status, value){console.log(value)}
  }
render () {
    return (
      <Textbox {...this.state.data} />
    )
  }

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.