控件類型 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}}