立即注册

控件类型 InputField 配置

InputField 为配置连接器输入项渲染的schema文件,一个连接器的一个action对应一个inputFields,由各个配置项组合而成的列表(支持嵌套);

配置项具体说明及demo

{
     "defaultValue":"XXX",            //默认值  
     "helpText":"...",                //帮助说明文档
     "key":"page",                    // 唯一key ,同一层级必须唯一
     "label":"名称",                   // label 
     "placeholder":"请输入名称",        //提示文字
     "required": true,                //是否必填
     "type":"string",                 // 输出类型
     "widget":"Input",                // 输入控件
     "widgetConfig":{...}             //控件配置字段, 非必须
}

1.输入框

Input :  普通文本输入框

  • widget: Input
  • 样式示例

  • 配置字段说明

参数

 说明

 类型

是否必填

maxlength

最大输入长度 

integer

  

minlength

原生属性,最小输入长度

integer

 

inputType

输入方式

text/password

 

isCopy

是否可拷贝

boolean

 

InputNumber:  普通数字输入框

  • widget: InputNumber
  • 样式示例

 

  • 配置字段说明

参数

 说明

 类型

是否必填

min

设置计数器允许的最小值

integer

 

max

设置计数器允许的最大值

integer

 

step

计数器步长 默认:1

float

 

percision

浮点精确位数 默认:2

integer

 

SeniorInput:  可输入并可上下文选择组件

  • widget: SeniorInput
  • 样式示例

  • 配置字段说明

    无

2.下拉框

Select:普通选择下拉框 

  • widget: Select
  • 样式示例

  • 字段说明

type 为array 时可多选 其他单选

需配置datasource字段

  • 配置字段说明

 

CreateSelect:普通自定义创建下拉框

  • widget: CreateSelect
  • 样式示例

  • 字段说明

     可配置待选项datasource:备选,返回数组;

SeniorSelect:可选上下文下拉框

  • widget: SeniorSelect
  • 样式示例

SeniorCreateSelect:  可选上下文自定义创建下拉框

  • widget: SeniorCreateSelect
  • 样式示例

RequestInput :动态请求下拉框

  • widget: RequestInput
  • 样式示例

 

  • 配置说明

    具体查看Request Input配置说明, type: array 为多选,其他为单选

WidgetList: 可选上下文且支持动态请求下拉框

  • widget: WidgetList
  • 样式示例

3.选择框

CheckBox: 普通多项选择框

  • widget: CheckBox
  • 样式示例

 

  • 配置说明

     需配置可选项:datasource

RadioGroup: 普通单项选择框

  • widget: RadioGroup
  • 样式示例

  • 配置说明

     需配置可选项:datasource

4.日期组件

DateTime:日期时间选择组件  

  • widget: DateTime
  • 样式示例

  • 配置字段说明

参数

 说明

 类型

是否必填

format

可选,绑定值的格式,默认:YYYY-MM-DD HH:mm:ss

字符型

注:type 类型为:timestamp  返回时间戳  timestampMills 返回毫秒时间戳   其他返回字符串

Time: 普通时间选择组件 

  • widget: Time
  • 样式示例

 

  • 配置字段说明

参数

 说明

 类型

是否必填

format

可选,绑定值的格式,默认 HH:mm:ss

字符型

Date: 普通日期选择组件

  • widget:

Date

  • 样式示例

 

  • 配置字段说明

参数

 说明

 类型

是否必填

format

可选,绑定值的格式,默认 YYYY-DD-SS

字符型

SeniorDateTime :  可选上下文的日期时间组件

  • widget: SeniorDateTime
  • 样式示例

5.分组组件

Group: 普通分组组件

  • widget: Group
  • 样式示例

 

  • 配置说明

需配置children

SeniorGroup: 可选上下文分组组件

  • widget: SeniorGroup
  • 样式示例

FlatGroup: 组合行内组件

  • widget: FlatGroup
  • 样式示例

6.其他组件

CallbackMarkdown: markdown 资产ID替换组件 

  • widget: CallbackMarkdown
  • 样式示例

RandomKey:  生成uuid组件 

  • widget: RandomKey
  • 配置说明

参数

说明

类型

枚举值

是否必填

length

uuid 位数

number

--

content_type

内容组合

string(枚举)

character:纯字母

number:纯数字

(不填则不限制)

case_type

大小写组合

string(枚举)

lower:全小写

upper:全小大写

(不填则不限制)

ObjectGenerator :  KV对象生成组件

  • widget: ObjectGenerator
  • 样式示例

选择代理网关widget

  • widget:  ProxySelectInput
    • 需要在开放服务中新增代理网关,之后才能在支持的连接器中选择代理网关授权

选择单个节点数据(支持对象、数组)

  • widget: DataNodeSelect
  • widgetConfig 配置
acceptType: ["array", "object"]

提取选中节点的字段(只支持单一层级)

  • widget: FieldSelect
  • widgetConfig 配置
// 当前入参中那个key作为筛选条件
fromInputName: "listObject" 
  • 只支持两种前置的widget(DataNodeSelect、SeniorInput)

选择数据表

widget:SelectCreateOption

widgetConfig 配置

 #模拟后端返回数据格式 
 {
    "success": true,
    "data": {
        "table": [
            {
                "list": {
                    "id": 1
                },
                "display": {
                    "label": "测试名称1"
                }
            },
            {
                "list": {
                    "id": 2
                },
                "display": {
                    "label": "测试名称2"
                }
            },
            {
                "list": {
                    "id": 3
                },
                "display": {
                    "label": "测试名称3"
                }
            },
            {
                "list": {
                    "id": 4
                },
                "display": {
                    "label": "测试名4"
                }
            }
        ]
    }
}


widgetConfig 配置
      ...
      widgetConfig:{
        query: {
        params: { query: "123" },
        refOperation: "query",
        refValue: "self.table.display.label",
        refLabel: "self.table.list.id",
      },
      create: {
        refOperation: "create",
        createKey: "listId",
        params: {
          key: "12132",
          value: "abc",
        },
      },
    }
 





查询触发选择数据

widget:TriggerSelectData

 

 

本篇目录

{{item.innerText}}

{{item.categoryName}}