InputField 為配置連接器輸入項渲染的 schema 文件，一個連接器的一個 action 對應一個 inputFields，由各個配置項組合而成的列表（支持嵌套）;

配置項具體說明及 demo
可視化配置：
![](/media/202310/2023-10-19_114328_9289580.7055124744466988.png)

源碼配置：

```json
{
     "defaultValue":"XXX",            //默認值  
     "helpText":"...",                //幫助說明文檔
     "key":"page",                    // 唯一 key ,同一層級必須唯一
     "label":"名稱",                   // label 
     "placeholder":"請輸入名稱",        //提示文字
     "required": true,                //是否必填
     "type":"string",                 // 輸出類型
     "widget":"Input",                // 輸入控件
     "widgetConfig":{   //控件配置字段， 非必須
         "multiple": true, //當 type 為 array 時，支持多選
         "format": "YYYY-MM-DD HH:mm:ss", //格式化日期
         "inputType": "password" //密碼模式，不展示輸入值
      }            
}
```

## 1.輸入框

### Input :  普通文本輸入框

* widget: Input
* 樣式示例

![](/media/202308/2023-08-30_1627510.709151299818079.png)

* 配置字段說明

| 參數      | 說明                   | 類型          | 是否必填 |
| ----------- | ------------------------ | --------------- | ---------- |
| maxlength | 最大輸入長度           | integer       |          |
| minlength | 原生屬性，最小輸入長度 | integer       |          |
| inputType | 輸入方式               | text/password |          |
| isCopy    | 是否可拷貝             | boolean       |          |
點擊高級配置，在控件配置中填寫：
![](/media/202310/2023-10-19_114527_1952260.5492659315452673.png)

### InputNumber:  普通數字輸入框

* widget: InputNumber
* 樣式示例

![](/media/202308/2023-08-30_1627510.931852598079879.png)

* 配置字段說明

| 參數      | 說明                   | 類型    | 是否必填 |
| ----------- | ------------------------ | --------- | ---------- |
| min       | 設置計數器允許的最小值 | integer |          |
| max       | 設置計數器允許的最大值 | integer |          |
| step      | 計數器步長 默認：1     | float   |          |
| percision | 浮點精確位數 默認：2   | integer |          |
點擊高級配置，在控件配置中填寫：
![](/media/202310/2023-10-19_114701_9411810.8807064667959245.png)

### SeniorInput:  可輸入并可上下文選擇組件

* widget: SeniorInput
* 樣式示例

![](/media/202308/2023-08-30_1627510.5519890191588632.png)

* 配置字段說明
  
  無

## 2.下拉框

### Select：普通選擇下拉框

* widget: Select
* ![](/media/202310/2023-10-19_114822_3439770.07330617343390211.png)
  在高級配置中配置數據：
  
  ![](/media/202310/2023-10-19_114944_2710480.4217511872093047.png)
* 樣式示例

![](/media/202308/2023-08-30_1627510.6174239779672577.png)

* 字段說明

type 為 array 時可多選 其他單選

需配置

```
"multiple": true
```

![](/media/202310/2023-10-19_115139_2945220.6192813616450508.png)

### CreateSelect：普通自定義創建下拉框

* widget: CreateSelect
* 樣式示例

![](/media/202308/2023-08-30_1627510.17998308780161032.png)

* 字段說明
  
  可配置待選項 datasource：備選，返回數組；

### SeniorSelect：可選上下文下拉框

* widget: SeniorSelect
* 樣式示例

![](/media/202308/2023-08-30_1627510.6863848739896184.png)

### SeniorCreateSelect:  可選上下文自定義創建下拉框

* widget: SeniorCreateSelect
* 樣式示例

![](/media/202308/2023-08-30_1627510.4781530434769232.png)

### RequestInput ：動態請求下拉框

* widget: RequestInput
* 樣式示例

![](/media/202308/2023-08-30_1627510.27516122063394455.png)

* 配置說明
  
  具體查看 Request Input 配置說明, type: array 為多選，其他為單選

### WidgetList： 可選上下文且支持動態請求下拉框

* widget: WidgetList
* 樣式示例

![](/media/202308/2023-08-30_1627510.2302637516640078.png)

## 3.選擇框

### CheckBox: 普通多項選擇框

* widget: CheckBox
* 樣式示例

![](/media/202308/2023-08-30_1627510.8797801389253838.png)

* 配置說明
  
  需配置可選項：datasource

### RadioGroup: 普通單項選擇框

* widget: RadioGroup
* 樣式示例

![](/media/202308/2023-08-30_1627510.9780694022491481.png)

* 配置說明
  
  需配置可選項：datasource

## 4.日期組件

### DateTime：日期時間選擇組件

* widget: DateTime
* 樣式示例

![](/media/202308/2023-08-30_1627510.9182199240452905.png)

* 配置字段說明

| 參數   | 說明                                          | 類型   | 是否必填 |
| -------- | ----------------------------------------------- | -------- | ---------- |
| format | 可選，綁定值的格式，默認：YYYY-MM-DD HH:mm:ss | 字符型 | 否       |

![](/media/202310/2023-10-19_115302_0822930.15858021281650792.png)

注：type 類型為：timestamp  返回時間戳  timestampMills 返回毫秒時間戳 ，無需配置 format；  其他返回字符串

### Time: 普通時間選擇組件

* widget: Time
* 樣式示例

![](/media/202308/2023-08-30_1627510.6701742108878488.png)

* 配置字段說明

| 參數   | 說明                              | 類型   | 是否必填 |
| -------- | ----------------------------------- | -------- | ---------- |
| format | 可選，綁定值的格式，默認 HH:mm:ss | 字符型 | 否       |

### Date： 普通日期選擇組件

* widget:

Date

* 樣式示例

![](/media/202308/2023-08-30_1627510.7679534862701554.png)

* 配置字段說明

| 參數   | 說明                                | 類型   | 是否必填 |
| -------- | ------------------------------------- | -------- | ---------- |
| format | 可選，綁定值的格式，默認 YYYY-DD-SS | 字符型 | 否       |

### SeniorDateTime :  可選上下文的日期時間組件

* widget: SeniorDateTime
* 樣式示例

![](/media/202308/2023-08-30_1627510.6446209626820179.png)
在高級配置中配置格式：
![](/media/202310/2023-10-19_115354_7086300.5981232136251343.png)

## 5.分組組件

### Group: 普通分組組件

* widget: Group
* 樣式示例

![](/media/202308/2023-08-30_1627510.729236433420359.png)

* 配置說明

需配置 children

### SeniorGroup: 可選上下文分組組件

* widget: SeniorGroup
* 樣式示例

![](/media/202308/2023-08-30_1627520.6814126607439072.png)

### FlatGroup: 組合行內組件

* widget: FlatGroup
* 樣式示例

![](/media/202308/2023-08-30_1627520.2811142774327492.png)

## 6.其他組件

### CallbackMarkdown: markdown 資產 ID 替換組件

* widget: CallbackMarkdown
* 樣式示例

![](/media/202308/2023-08-30_1627520.5924731835291912.png)

### RandomKey:  生成 uuid 組件

* widget: RandomKey
* 配置說明

| 參數         | 說明       | 類型         | 枚舉值                         | 是否必填         |
| -------------- | ------------ | -------------- | -------------------------------- | ------------------ |
| length       | uuid 位數  | number       | --                             | 否               |
| content_type | 內容組合   | string(枚舉) | character:純字母 number：純數字 | 否(不填則不限制) |
| case_type    | 大小寫組合 | string(枚舉) | lower:全小寫 upper:全小大寫     | 否(不填則不限制) |

### ObjectGenerator :  KV 對象生成組件

* widget: ObjectGenerator
* 樣式示例

![](/media/202308/2023-08-30_1627520.43384596040446977.png)

### 選擇代理網關 widget

* widget:  ProxySelectInput
* * 需要在開放服務中新增代理網關，之后才能在支持的連接器中選擇代理網關授權

### 選擇單個節點數據(支持對象、數組)

* widget: DataNodeSelect
* widgetConfig 配置

```json
acceptType: ["array", "object"]
```

### 提取選中節點的字段(只支持單一層級)

* widget: FieldSelect
* widgetConfig 配置

```json
// 當前入參中那個 key 作為篩選條件
fromInputName: "listObject"
```

* 只支持兩種前置的 widget（DataNodeSelect、SeniorInput）

### 選擇數據表

widget：SelectCreateOption

widgetConfig 配置

```python
#模擬后端返回數據格式 
 {
    "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

控件類型配置