@beisen-cmps/platform-textbox

平台文本组件, 绑定平台元数据

Stats

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

Readme

组件使用、扩展文档

提交

  1. npm install
  2. 修改代码后执行 npm run lib进行编译
  3. 更新package.json中的 version版本号
  4. push代码
  5. 在cmp.beisen.io站点,头部导航的《服务》中查看编译是否通过

使用参数

{
  text: this.props.text || '',
  value: this.props.value || '',
  "cmp_id": "c569ca1e-e58b-4a54-8a82-274ebc654162",
  "cmp_name": "Sname",
  "cmp_type": "BC_TextBox",
  "cmp_label": "默认值",
  "cmp_data": {
      "title": "默认值",
      "field_name": "BeisenCloudDemo.123.Sname",
      "required": false,
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      "datasourcename": "BCStaffDataSource",
      "IsShowHeadPic": true,
      "dataType": "Text",
      "icon_name": ""
  },
  "search_data": {
    metaFieldRelationIDPath: null,
    metaobjectname: "BeisenCloudDemo.123",
    opeartor: "include",
    seperator: "-"
  },
  "biz_data": { "text": "" },
  "validators": {},
  styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
  ,maxLength: "30"  //输入框可输入的最大字数,仅限编辑态
  onChange: (event, status, value) => {},  //回调事件,只有失去焦点时才会触发
  onInputChange: (event, status, value) => {}  // 输入框值发生变化时的回调事件
}

组件使用

  1. npm install @beisen-cmps/platform-textbox
  2. 该组件有两种使用方式, 第一种会走组件内部的获取数据方式,数据会存在state里,第二种会走外部传入的action
  3. import XXX from '@beisen-cmps/platform-textbox'
  4. import {PureTextBox} from '@beisen-cmps/platform-textbox'
render() {
  return <PureTextBox {...this.props}/>;
}

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.