组件使用、扩展文档

提交

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": "2a5e8670-6ea6-474d-b682-be8f55a46b4b",
  "cmp_name": "BeisenCloudDemofirst_extriqisetting_100013_1358372099",
  "cmp_type": "BC_DateTime",
  "cmp_label": "日期setting----年月",
  "cmp_data": {
      "title": "日期setting----年月",
      "field_name": "dxkforeignsjy",
      "required": false,   //必填
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      "datasourcename": "NativePlace",
      "metaObjectName":"BeisenCloudDemo.first",
      "dataType": "Text",
      "desc":"日期",  //title后面的帮助问号显示的文字
      "isShowTime": true, //true or false,是否开启选择时分秒的功能
      "data_format": "yyyy/MM",  //format格式，展示出来的格式
      "disabledDate": "empty",    /**指定不可选择日期 (string)
                                    注意：仅对单日历有效！！
                                    "all" 所有日期都不可选
                                    "beforeToday" 不可选择今天之前的日期(包括今天)
                                    "afterToday" 不可选择今天之后的日期
                                    "empty" 所有日期都可选
                                  **/
      "dateTimeType": "years"  //日期类型，有如下几种 ，date，dateTime，years，dateRange，dateTimeRange
  },
  "search_data": {
    metaFieldRelationIDPath: null,
    metaobjectname: "BeisenCloudDemo.first",
    opeartor: "eq",
    seperator: "-"
  },
  "ifError": false, //true 或者false,是否显示错误状态
  "biz_data": { "text": "" },
  "validators": {},
  "placeholder":"这是提示",   //输入框内提示信息，只有非只读禁用时显示，没有则取title
  styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
  onChange: (value,target) => {},  //onchange回调事件,
  "translation":  { // 翻译及其对应语言字段
    "startTimeText": '开始时间TT',
    "endTimeText": '截止时间TT',
    "dateTimeLocaleName": 'zh_CN' //语言类型名称
  }
}

组件使用

1. npm install @beisen-cmps/platform-date-time
2. 该组件有两种使用方式, 第一种会走组件内部的获取数据方式(如果组件需要请求接口),数据会存在 state 里，第二种会走外部传入的 action
3. import XXX from '@beisen-cmps/platform-date-time'
4. import {DateTime} from '@beisen-cmps/platform-date-time'

render() {
  return <DateTime {...this.props}/>;
}