@beisen-platform/platform-autocomplete
平台AutoComplete组件,绑定平台元数据
Last updated 9 months ago by beisencorp .
ISC · Original npm · Tarball · package.json
$ cnpm install @beisen-platform/platform-autocomplete 
SYNC missed versions from official npm registry.

组件使用、扩展文档

提交

  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": "ddf29911-5d78-4f21-b2f8-bbac40e47ba9",
  "cmp_name": "BeisenCloudDemopigloseweight_pigAutoComplete",
  "cmp_type": "BC_AutoComplete",
  "cmp_label": "pigAutoComplete(星座)",
  "cmp_data": {
      "AllowSearchNull":"0",
      "title": "pigAutoComplete(星座)",
      "field_name": "pigAutoComplete",
      "required": false,   //必填
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      "datasourcename": "NativePlace",
      "metaObjectName":"BeisenCloudDemo.pigloseweight",
      "dataType": "Text",
      "promptmessage":"提示信息",  //优先级比placeholder高,默认为"请选择"
      "datasource1": [],
  },
  "search_data": {
    metaFieldRelationIDPath: null,
    metaobjectname: "BeisenCloudDemo.pigloseweight",
    opeartor: "eq",
    seperator: "-"
  },
  "form_errors":{},  //提示错误信息
  "biz_data": { "text": "" },
  "validators": {},
  styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
  "placeholder":"输入框内提示信息", //默认是"请选择"
  onChange: (value,target) => {},  //onchange回调事件
  onKeyUp: (event, data) => {}, // input keyup输入回调
  onFocus: (event, data) => {}, // input onFocus输入回调
  onBlur: (event, data) => {}, // input onBlur输入回调
  containerContext: {
    actions: {
      fetch_autocomplete_datasource: (cmp_id,defaultParams,filters,urlTemplate, index,refApplicationName) => {},
      delete_autocomplete_datasource: (cmp_id) => {} 
    }
  }
}

组件使用

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

Current Tags

  • 1.0.19                                ...           latest (9 months ago)

20 Versions

  • 1.0.19                                ...           9 months ago
  • 1.0.18                                ...           10 months ago
  • 1.0.17                                ...           10 months ago
  • 1.0.16                                ...           10 months ago
  • 1.0.15                                ...           a year ago
  • 1.0.14                                ...           a year ago
  • 1.0.13                                ...           a year ago
  • 1.0.11                                ...           a year ago
  • 1.0.10-rc.1                                ...           a year ago
  • 1.0.10                                ...           a year ago
  • 1.0.9                                ...           a year ago
  • 1.0.8                                ...           a year ago
  • 1.0.7                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.5                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
  • 0.0.15                                ...           2 years ago

Copyright 2014 - 2016 © taobao.org |