组件使用、扩展文档
提交
- npm install
- 修改代码后执行 npm run lib进行编译
- 更新package.json中的 version版本号
- push代码
- 在cmp.beisen.io站点,头部导航的《服务》中查看编译是否通过
使用参数
{
text: this.props.text || '', // '13:30'
value: this.props.value || '', // '13:30'
"cmp_id": "2a5e8670-6ea6-474d-b682-be8f55a46b4b",
"cmp_name": "BeisenCloudDemoyqqspecial_minute11",
"cmp_type": "BC_Time",
"cmp_label": "时分(11)",
"cmp_data": {
"title": "时分(11)",
"field_name": "minute11",
"required": false, //必填
"cmp_state": "create",
"cmp_status": "editable",
"editdisplaystate": "editable",
"createdisplaystate": "editable",
"showdisplaystate": "readonly",
"datasourcename": "NativePlace",
"metaObjectName":"BeisenCloudDemo.first",
"dataType": "Text",
"desc":"日期", //title后面的帮助问号显示的文字
"data_format": "HH:mm" //format格式,展示出来的格式
},
"search_data": {
metaFieldRelationIDPath: null,
metaobjectname: "BeisenCloudDemo.first",
opeartor: "eq",
seperator: "-"
},
"biz_data": { "text": "" },
"validators": {},
"placeholder":"这是提示", //输入框内提示信息,只有非只读禁用时显示,没有则取title
styleTitle: 'rightFlush', // "upAndDown" , "rightFlush", "leftFlush", label的位置上下还是左右
onChange: (value,target) => {}, //onchange回调事件
"translation": {
"showStatusIsErrorMessageText": '是否错误',
"uxTimePickerLocaleName": "en_US"
}
}
组件使用
- npm install @beisen-cmps/platform-time
- 该组件有两种使用方式, 第一种会走组件内部的获取数据方式(如果组件需要请求接口),数据会存在state里,第二种会走外部传入的action
- import XXX from '@beisen-cmps/platform-time'
- import {Time} from '@beisen-cmps/platform-time'
render() {
return <Time {...this.props}/>;
}