组件使用、扩展文档
提交
- npm install
- 修改代码后执行 npm run lib进行编译
- 更新package.json中的 version版本号
- push代码
- 在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) => {} //回调事件
}
组件使用
- npm install @beisen-cmps/platform-textbox
- 该组件有两种使用方式, 第一种会走组件内部的获取数据方式,数据会存在state里,第二种会走外部传入的action
- import XXX from '@beisen-cmps/platform-textbox'
- import {PureTextBox} from '@beisen-cmps/platform-textbox'
render() {
return <PureTextBox {...this.props}/>;
}