neo-cmp-cli 1.13.18 → 1.13.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +217 -600
- package/dist/neo/neoRequire.js +1 -1
- package/dist/package.json.js +1 -1
- package/package.json +1 -2
- package/template/asset-manage-template/package.json +2 -2
- package/template/echarts-custom-cmp-template/package.json +1 -1
- package/template/empty-custom-cmp-template/package.json +2 -2
- package/template/neo-bi-cmps/package.json +2 -2
- package/template/neo-bi-cmps/src/components/filterBar__c/common.scss +1 -1
- package/template/neo-bi-cmps/src/components/filterBar__c/index.tsx +18 -10
- package/template/neo-bi-cmps/src/components/filterBar__c/model.ts +8 -2
- package/template/neo-bi-cmps/src/utils/common.ts +18 -20
- package/template/neo-bi-cmps/src/utils/filter2chartFilter.ts +4 -6
- package/template/neo-bi-cmps/src/utils/pipelineFunnel.ts +4 -2
- package/template/neo-bi-cmps/src/utils/simpleTable.tsx +21 -16
- package/template/neo-custom-cmp-template/package.json +2 -2
- package/template/neo-custom-cmp-template/src/components/customApi__c/README.md +90 -0
- package/template/neo-custom-cmp-template/src/components/customApi__c/index.tsx +184 -0
- package/template/neo-custom-cmp-template/src/components/customApi__c/model.ts +53 -0
- package/template/neo-custom-cmp-template/src/components/customApi__c/style.scss +116 -0
- package/template/neo-custom-cmp-template/src/components/entityTable__c/index.tsx +5 -1
- package/template/neo-custom-cmp-template/src/components/simpleCmp__c/index.tsx +4 -1
- package/template/neo-h5-cmps/neo.config.js +1 -1
- package/template/neo-h5-cmps/package.json +2 -2
- package/template/neo-h5-cmps/src/components/entityList__c/index.tsx +0 -1
- package/template/neo-order-cmps/package.json +1 -1
- package/template/neo-pipeline-cmps/package.json +1 -1
- package/template/neo-pipeline-cmps/src/components/filterBar__c/model.ts +10 -2
- package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/index.tsx +1 -0
- package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/model.ts +14 -2
- package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/reset.scss +4 -0
- package/template/neo-pipeline-cmps/src/components/showHealthResult__c/index.tsx +2 -1
- package/template/neo-pipeline-cmps/src/components/stageSwitch__c/model.ts +14 -2
- package/template/neo-pipeline-cmps/src/components/stageTimeChart__c/model.ts +14 -2
- package/template/neo-web-entity-grid/package.json +1 -1
- package/template/neo-web-entity-grid/src/components/createForm__c/index.tsx +271 -259
- package/template/neo-web-entity-grid/src/components/createForm__c/model.ts +17 -3
- package/template/neo-web-entity-grid/src/components/createForm__c/resetAntd.scss +0 -1
- package/template/neo-web-entity-grid/src/components/createForm__c/style.scss +1 -1
- package/template/neo-web-entity-grid/src/components/entityGrid2__c/index.tsx +5 -1
- package/template/neo-web-entity-grid/src/components/entityGrid2__c/model.ts +4 -3
- package/template/neo-web-entity-grid/src/components/entityGrid3__c/index.tsx +1 -1
- package/template/neo-web-entity-grid/src/components/searchForm__c/index.tsx +4 -3
- package/template/neo-web-entity-grid/src/components/searchForm__c/model.ts +9 -4
- package/template/neo-web-entity-grid/src/components/searchForm__c/style.scss +2 -1
- package/template/neo-web-form/package.json +2 -2
- package/template/neo-web-form/src/components/batchAddTable__c/index.tsx +19 -19
- package/template/neo-web-form/src/components/batchAddTable__c/model.ts +11 -15
- package/template/neo-web-form/src/components/listSummary__c/index.tsx +6 -5
- package/template/react-custom-cmp-template/package.json +1 -1
- package/docs/H5/347/253/257 NeoEntityList /344/275/277/347/224/250/350/257/264/346/230/216.md" +0 -293
- package/docs/Web/347/253/257 NeoEntityGrid /344/275/277/347/224/250/350/257/264/346/230/216.md" +0 -1206
- package/docs//345/217/257/347/224/250/345/261/236/346/200/247/351/205/215/347/275/256/351/241/271.md +0 -801
- package/docs//351/200/232/347/224/250/344/273/243/347/220/206/346/216/245/345/217/243/forward.zip +0 -0
- package/docs//351/200/232/347/224/250/344/273/243/347/220/206/346/216/245/345/217/243//350/207/252/345/256/232/344/271/211API:/351/200/232/347/224/250/344/273/243/347/220/206/346/216/245/345/217/243/344/275/277/347/224/250/350/257/264/346/230/216.md +0 -13
package/docs//345/217/257/347/224/250/345/261/236/346/200/247/351/205/215/347/275/256/351/241/271.md
DELETED
|
@@ -1,801 +0,0 @@
|
|
|
1
|
-
# 可用属性配置项
|
|
2
|
-
|
|
3
|
-
本文档汇总可在自定义组件 **属性配置面板**(`model.ts` 的 `propsSchema`)中使用的配置项类型,包括 **NeoCRM 自定义表单配置项**(平台封装的属性面板表单项)与 **NeoCRM 平台数据源相关配置项**。
|
|
4
|
-
|
|
5
|
-
基础 UI 控件的 API、示例与交互说明请以 Neo Design 官方文档为准:**[Data Entry 数据录入](https://ui.neocrm.com/web/#/web/common-ui/data-entry)**。
|
|
6
|
-
|
|
7
|
-
## 目录
|
|
8
|
-
|
|
9
|
-
- [一、NeoCRM 自定义表单配置项](#一neocrm-自定义表单配置项)
|
|
10
|
-
- [panelInput - 属性面板文本输入](#panelinput---属性面板文本输入)
|
|
11
|
-
- [panelSelect - 属性面板下拉选择](#panelselect---属性面板下拉选择)
|
|
12
|
-
- [panelSwitch - 属性面板开关](#panelswitch---属性面板开关)
|
|
13
|
-
- [panelNumber - 属性面板数字输入](#panelnumber---属性面板数字输入)
|
|
14
|
-
- [panelColor - 属性面板颜色选择器](#panelcolor---属性面板颜色选择器)
|
|
15
|
-
- [neoCascader - 级联选择](#neocascader---级联选择)
|
|
16
|
-
- [neoRadio - 单选框](#neoradio---单选框)
|
|
17
|
-
- [neoCheckbox - 多选框](#neocheckbox---多选框)
|
|
18
|
-
- [neoDatePicker - 日期选择框](#neodatepicker---日期选择框)
|
|
19
|
-
- [neoTimePicker - 时间选择框](#neotimepicker---时间选择框)
|
|
20
|
-
- [neoRate - 评分](#neorate---评分)
|
|
21
|
-
- [neoSlider - 滑动输入条](#neoslider---滑动输入条)
|
|
22
|
-
- [neoTransfer - 穿梭框](#neotransfer---穿梭框)
|
|
23
|
-
- [neoTreeSelect - 树选择](#neotreeselect---树选择)
|
|
24
|
-
- [neoUpload - 上传](#neoupload---上传)
|
|
25
|
-
- [二、NeoCRM 平台数据源相关配置项](#二neocrm-平台数据源相关配置项)
|
|
26
|
-
- [xObjectEntityList - 实体列表数据源](#xobjectentitylist---实体列表数据源)
|
|
27
|
-
- [xObjectDataApi - 实体业务数据列表数据源](#xobjectdataapi---实体业务数据列表数据源)
|
|
28
|
-
- [xObjectDetailApi - 实体详情数据源](#xobjectdetailapi---实体详情数据源)
|
|
29
|
-
- [selectFieldsApi - 字段 apiKey 多选(穿梭框)](#selectfieldsapi---字段-apikey-多选穿梭框)
|
|
30
|
-
- [selectFieldDescApi - 字段描述选择(下拉单选/多选)](#selectfielddescapi---字段描述选择下拉单选多选)
|
|
31
|
-
- [dataViewIdSelect - 实体视图选择](#dataviewidselect---实体视图选择)
|
|
32
|
-
|
|
33
|
-
---
|
|
34
|
-
|
|
35
|
-
## 一、NeoCRM 自定义表单配置项
|
|
36
|
-
|
|
37
|
-
### panelInput - 属性面板文本输入
|
|
38
|
-
|
|
39
|
-
用于在属性配置面板中配置短文本(标题、占位说明、尺寸类字符串等),能力上与 Neo Design **Input** 一致,详见 [Input 输入框](https://ui.neocrm.com/web/#/web/common-ui/input)。
|
|
40
|
-
|
|
41
|
-
**功能特性:**
|
|
42
|
-
|
|
43
|
-
1. **单行输入**:适合标题、高度、提示文案等字符串配置
|
|
44
|
-
2. **占位提示**:可通过 `placeholder` 引导填写
|
|
45
|
-
3. **数据存储**:输入内容写入对应 `name` 的 `value`(string)
|
|
46
|
-
4. **条件展示**:可配合 `visibleOn` / `hiddenOn` 与其他配置项联动
|
|
47
|
-
|
|
48
|
-
**使用方法:**
|
|
49
|
-
|
|
50
|
-
在属性配置面板(`propsSchema`)中使用:
|
|
51
|
-
|
|
52
|
-
```json
|
|
53
|
-
{
|
|
54
|
-
"type": "panelInput",
|
|
55
|
-
"name": "height",
|
|
56
|
-
"label": "高度",
|
|
57
|
-
"placeholder": "例如 500px 或 100%",
|
|
58
|
-
"visibleOn": "!autoHeight"
|
|
59
|
-
}
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
**组件属性:**
|
|
63
|
-
|
|
64
|
-
- `name`: 字段名称
|
|
65
|
-
- `label`: 标签文本
|
|
66
|
-
- `value`: 当前值或初始值(string)
|
|
67
|
-
- `placeholder`: 占位文案
|
|
68
|
-
- `disabled`: 是否禁用
|
|
69
|
-
- `visibleOn` / `hiddenOn`: 与其他字段联动显示(见上文)
|
|
70
|
-
- `onChange`: 值变化回调
|
|
71
|
-
|
|
72
|
-
---
|
|
73
|
-
|
|
74
|
-
### panelSelect - 属性面板下拉选择
|
|
75
|
-
|
|
76
|
-
用于在有限选项中单选,能力上与 Neo Design **Select** 一致(选项结构、禁用项等概念相同),详见 [Select 选择器](https://ui.neocrm.com/web/#/web/common-ui/select)。
|
|
77
|
-
|
|
78
|
-
**功能特性:**
|
|
79
|
-
|
|
80
|
-
1. **下拉单选**:从 `options` 中选择一项
|
|
81
|
-
2. **选项结构**:`options` 为 `{ label, value }[]`
|
|
82
|
-
3. **数据存储**:选中项的 `value` 写入表单 `value`
|
|
83
|
-
4. **占位与禁用**:支持 `placeholder`、`disabled`
|
|
84
|
-
|
|
85
|
-
**使用方法:**
|
|
86
|
-
|
|
87
|
-
```json
|
|
88
|
-
{
|
|
89
|
-
"type": "panelSelect",
|
|
90
|
-
"name": "columnCount",
|
|
91
|
-
"label": "表单列数",
|
|
92
|
-
"value": 1,
|
|
93
|
-
"placeholder": "请选择表单列数",
|
|
94
|
-
"options": [
|
|
95
|
-
{ "label": "单列", "value": 1 },
|
|
96
|
-
{ "label": "双列", "value": 2 },
|
|
97
|
-
{ "label": "三列", "value": 3 }
|
|
98
|
-
]
|
|
99
|
-
}
|
|
100
|
-
```
|
|
101
|
-
|
|
102
|
-
**组件属性:**
|
|
103
|
-
|
|
104
|
-
- `name`: 字段名称
|
|
105
|
-
- `label`: 标签文本
|
|
106
|
-
- `value`: 当前选中值(与 `options[].value` 类型一致)
|
|
107
|
-
- `options`: 选项列表,`{ label: string; value: unknown }[]`
|
|
108
|
-
- `placeholder`: 占位文案
|
|
109
|
-
- `disabled`: 是否禁用
|
|
110
|
-
- `visibleOn` / `hiddenOn`: 联动显示
|
|
111
|
-
- `onChange`: 值变化回调
|
|
112
|
-
|
|
113
|
-
---
|
|
114
|
-
|
|
115
|
-
### panelSwitch - 属性面板开关
|
|
116
|
-
|
|
117
|
-
用于布尔型配置(是否显示、是否禁用等),对应 Neo Design **Switch**,详见 [Switch 开关](https://ui.neocrm.com/web/#/web/common-ui/switch)。
|
|
118
|
-
|
|
119
|
-
**功能特性:**
|
|
120
|
-
|
|
121
|
-
1. **开关展示**:支持选中/未选中文案(`checkedChildren`、`unCheckedChildren`)
|
|
122
|
-
2. **数据存储**:布尔值写入 `value`
|
|
123
|
-
3. **设计器集成**:通过 ScopedContext 注册,可与设计器表单联动
|
|
124
|
-
|
|
125
|
-
**使用方法:**
|
|
126
|
-
|
|
127
|
-
```json
|
|
128
|
-
{
|
|
129
|
-
"type": "panelSwitch",
|
|
130
|
-
"name": "disableSearch",
|
|
131
|
-
"label": "禁用搜索",
|
|
132
|
-
"defaultChecked": false,
|
|
133
|
-
"hiddenOn": "hiddenHeader"
|
|
134
|
-
}
|
|
135
|
-
```
|
|
136
|
-
|
|
137
|
-
**组件属性:**
|
|
138
|
-
|
|
139
|
-
- `name`: 字段名称
|
|
140
|
-
- `label`: 标签文本
|
|
141
|
-
- `value` / `defaultChecked`: 当前值或默认是否选中(boolean)
|
|
142
|
-
- `checkedChildren`: 选中时展示文案,可为字符串或返回 ReactNode 的函数
|
|
143
|
-
- `unCheckedChildren`: 未选中时展示文案,可为字符串或返回 ReactNode 的函数
|
|
144
|
-
- `disabled`: 是否禁用
|
|
145
|
-
- `size`: 尺寸,`small` \| `default`
|
|
146
|
-
- `visibleOn` / `hiddenOn`: 联动显示
|
|
147
|
-
- `onChange`: 值变化回调
|
|
148
|
-
|
|
149
|
-
---
|
|
150
|
-
|
|
151
|
-
### panelNumber - 属性面板数字输入
|
|
152
|
-
|
|
153
|
-
用于数值类配置(条数、精度、步长等),对应 Neo Design **InputNumber**,详见 [InputNumber 数字输入框](https://ui.neocrm.com/web/#/web/common-ui/input-number)。
|
|
154
|
-
|
|
155
|
-
**功能特性:**
|
|
156
|
-
|
|
157
|
-
1. **数字输入**:支持最小值、最大值、步长、精度
|
|
158
|
-
2. **数据存储**:`number \| null` 写入 `value`
|
|
159
|
-
3. **设计器集成**:通过 ScopedContext 注册
|
|
160
|
-
|
|
161
|
-
**使用方法:**
|
|
162
|
-
|
|
163
|
-
```json
|
|
164
|
-
{
|
|
165
|
-
"type": "panelNumber",
|
|
166
|
-
"name": "paginationPageSize",
|
|
167
|
-
"label": "每页展示条数",
|
|
168
|
-
"value": 20,
|
|
169
|
-
"min": 1,
|
|
170
|
-
"max": 500,
|
|
171
|
-
"visibleOn": "!disablePagination"
|
|
172
|
-
}
|
|
173
|
-
```
|
|
174
|
-
|
|
175
|
-
**组件属性:**
|
|
176
|
-
|
|
177
|
-
- `name`: 字段名称
|
|
178
|
-
- `label`: 标签文本
|
|
179
|
-
- `value` / `defaultValue`: 当前值或默认值(number \| null)
|
|
180
|
-
- `min` / `max`: 最小值、最大值
|
|
181
|
-
- `step`: 步长(number 或 string)
|
|
182
|
-
- `precision`: 小数位数
|
|
183
|
-
- `disabled`: 是否禁用
|
|
184
|
-
- `size`: `large` \| `middle` \| `small`
|
|
185
|
-
- `visibleOn` / `hiddenOn`: 联动显示
|
|
186
|
-
- `onChange`: 值变化回调
|
|
187
|
-
|
|
188
|
-
---
|
|
189
|
-
|
|
190
|
-
### panelColor - 属性面板颜色选择器
|
|
191
|
-
|
|
192
|
-
用于配置颜色(含透明度),基于 `react-color` 的 `SketchPicker`,适用于背景色、边框色等。
|
|
193
|
-
|
|
194
|
-
**功能特性:**
|
|
195
|
-
|
|
196
|
-
1. **弹层选色**:点击色块打开选择器,支持透明度
|
|
197
|
-
2. **数据存储**:`#RRGGBB` 或 `rgba(r,g,b,a)` 字符串写入 `value`
|
|
198
|
-
3. **清除颜色**:可清空为 `undefined`
|
|
199
|
-
4. **禁用态**:禁用时仅展示色块,不可编辑
|
|
200
|
-
5. **设计器集成**:ScopedContext 注册
|
|
201
|
-
|
|
202
|
-
**使用方法:**
|
|
203
|
-
|
|
204
|
-
```json
|
|
205
|
-
{
|
|
206
|
-
"type": "panelColor",
|
|
207
|
-
"name": "backgroundColor",
|
|
208
|
-
"label": "背景颜色",
|
|
209
|
-
"defaultValue": "rgba(255, 255, 255, 1)"
|
|
210
|
-
}
|
|
211
|
-
```
|
|
212
|
-
|
|
213
|
-
**组件属性:**
|
|
214
|
-
|
|
215
|
-
- `name`: 字段名称
|
|
216
|
-
- `label`: 标签文本
|
|
217
|
-
- `value` / `defaultValue`: 颜色字符串
|
|
218
|
-
- `disabled`: 是否禁用
|
|
219
|
-
- `className`: 自定义类名
|
|
220
|
-
- `onChange`: 回调参数为 `string \| undefined`
|
|
221
|
-
|
|
222
|
-
---
|
|
223
|
-
|
|
224
|
-
以下类型与 **[Neo Design · Data Entry 数据录入](https://ui.neocrm.com/web/#/web/common-ui/data-entry)** 中的同名组件一致;交互细节、受控与非受控写法、各 API 的完整说明请以该索引页进入的各子文档为准(若设计器对 `type` 使用 `panel` 前缀,以实际设计器解析为准)。
|
|
225
|
-
|
|
226
|
-
### neoCascader - 级联选择
|
|
227
|
-
|
|
228
|
-
用于多级关联选项的单选(或可配置为多选),能力上与 Neo Design **Cascader** 一致,详见 [Cascader 级联选择](https://ui.neocrm.com/web/#/web/common-ui/Cascader)。
|
|
229
|
-
|
|
230
|
-
**功能特性:**
|
|
231
|
-
|
|
232
|
-
1. **级联结构**:通过 `options` 的树形结构(含 `children`)展示多级菜单
|
|
233
|
-
2. **选中值**:通常为各级选中项 `value` 组成的数组(选中路径)
|
|
234
|
-
3. **搜索与异步**:支持过滤展示;可按文档使用动态加载子级(`loadData` 等,以线上 API 为准)
|
|
235
|
-
4. **数据存储**:选中结果写入对应 `name` 的 `value`
|
|
236
|
-
5. **条件展示**:可配合 `visibleOn` / `hiddenOn` 联动
|
|
237
|
-
|
|
238
|
-
**使用方法:**
|
|
239
|
-
|
|
240
|
-
```json
|
|
241
|
-
{
|
|
242
|
-
"type": "neoCascader",
|
|
243
|
-
"name": "region",
|
|
244
|
-
"label": "地区",
|
|
245
|
-
"placeholder": "请选择省 / 市 / 区",
|
|
246
|
-
"options": [
|
|
247
|
-
{
|
|
248
|
-
"label": "浙江省",
|
|
249
|
-
"value": "zj",
|
|
250
|
-
"children": [{ "label": "杭州市", "value": "hz" }]
|
|
251
|
-
}
|
|
252
|
-
]
|
|
253
|
-
}
|
|
254
|
-
```
|
|
255
|
-
|
|
256
|
-
**常用属性(与 Neo Design 文档一致):**
|
|
257
|
-
|
|
258
|
-
- `name` / `label`
|
|
259
|
-
- `value` / `defaultValue`:选中路径,一般为 `string[]` 或 `number[]`
|
|
260
|
-
- `options`:级联数据源
|
|
261
|
-
- `placeholder`、`disabled`、`allowClear`
|
|
262
|
-
- `multiple`(若版本支持多选级联)
|
|
263
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
264
|
-
|
|
265
|
-
---
|
|
266
|
-
|
|
267
|
-
### neoRadio - 单选框
|
|
268
|
-
|
|
269
|
-
用于在少量互斥选项中单选,能力上与 Neo Design **Radio** 一致,详见 [Radio 单选框](https://ui.neocrm.com/web/#/web/common-ui/radio)。
|
|
270
|
-
|
|
271
|
-
**功能特性:**
|
|
272
|
-
|
|
273
|
-
1. **互斥单选**:同一组内只能选中一项
|
|
274
|
-
2. **选项展示**:常用 `Radio.Group` 配合 `options` 或子节点渲染多个 `Radio`
|
|
275
|
-
3. **数据存储**:当前选中项的 `value` 写入表单
|
|
276
|
-
4. **布局**:支持按钮样式、排列方向等(见文档)
|
|
277
|
-
|
|
278
|
-
**使用方法:**
|
|
279
|
-
|
|
280
|
-
```json
|
|
281
|
-
{
|
|
282
|
-
"type": "neoRadio",
|
|
283
|
-
"name": "layoutMode",
|
|
284
|
-
"label": "布局",
|
|
285
|
-
"options": [
|
|
286
|
-
{ "label": "横向", "value": "horizontal" },
|
|
287
|
-
{ "label": "纵向", "value": "vertical" }
|
|
288
|
-
]
|
|
289
|
-
}
|
|
290
|
-
```
|
|
291
|
-
|
|
292
|
-
**常用属性:**
|
|
293
|
-
|
|
294
|
-
- `name` / `label`
|
|
295
|
-
- `value` / `defaultValue`
|
|
296
|
-
- `options`:`{ label, value }[]`(若设计器支持)
|
|
297
|
-
- `disabled`、`optionType`(如 `button`)
|
|
298
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
299
|
-
|
|
300
|
-
---
|
|
301
|
-
|
|
302
|
-
### neoCheckbox - 多选框
|
|
303
|
-
|
|
304
|
-
用于一项或多项勾选,能力上与 Neo Design **Checkbox** 一致,详见 [Checkbox 多选框](https://ui.neocrm.com/web/#/web/common-ui/checkbox)。
|
|
305
|
-
|
|
306
|
-
**功能特性:**
|
|
307
|
-
|
|
308
|
-
1. **单框布尔**:单个 Checkbox 表示是否勾选(boolean)
|
|
309
|
-
2. **组多选**:`Checkbox.Group` 从多个选项中勾选若干项,`value` 为选中值的数组
|
|
310
|
-
3. **全选/半选**:组场景下可配合 indeterminate 等能力(见文档)
|
|
311
|
-
4. **数据存储**:布尔或 `value[]` 写入对应字段
|
|
312
|
-
|
|
313
|
-
**使用方法:**
|
|
314
|
-
|
|
315
|
-
```json
|
|
316
|
-
{
|
|
317
|
-
"type": "neoCheckbox",
|
|
318
|
-
"name": "features",
|
|
319
|
-
"label": "展示项",
|
|
320
|
-
"options": [
|
|
321
|
-
{ "label": "标题", "value": "title" },
|
|
322
|
-
{ "label": "副标题", "value": "subtitle" }
|
|
323
|
-
]
|
|
324
|
-
}
|
|
325
|
-
```
|
|
326
|
-
|
|
327
|
-
**常用属性:**
|
|
328
|
-
|
|
329
|
-
- `name` / `label`
|
|
330
|
-
- `value` / `defaultValue`:多选时为数组
|
|
331
|
-
- `options`:组模式下的选项列表
|
|
332
|
-
- `disabled`
|
|
333
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
334
|
-
|
|
335
|
-
---
|
|
336
|
-
|
|
337
|
-
### neoDatePicker - 日期选择框
|
|
338
|
-
|
|
339
|
-
用于选择日期或日期范围,能力上与 Neo Design **DatePicker** 一致,详见 [DatePicker 日期选择框](https://ui.neocrm.com/web/#/web/common-ui/date-picker)。
|
|
340
|
-
|
|
341
|
-
**功能特性:**
|
|
342
|
-
|
|
343
|
-
1. **日期 / 周 / 月等**:通过 `picker` 切换选择粒度(以文档为准)
|
|
344
|
-
2. **范围选择**:可使用 `RangePicker` 选择起止日期(若平台单独暴露类型则按其 `type` 配置)
|
|
345
|
-
3. **格式化**:`format`、`showTime` 等控制展示与是否含时间
|
|
346
|
-
4. **数据存储**:一般为日期对象或格式化字符串(与平台绑定约定一致)
|
|
347
|
-
|
|
348
|
-
**使用方法:**
|
|
349
|
-
|
|
350
|
-
```json
|
|
351
|
-
{
|
|
352
|
-
"type": "neoDatePicker",
|
|
353
|
-
"name": "startDate",
|
|
354
|
-
"label": "开始日期",
|
|
355
|
-
"placeholder": "请选择日期",
|
|
356
|
-
"format": "YYYY-MM-DD"
|
|
357
|
-
}
|
|
358
|
-
```
|
|
359
|
-
|
|
360
|
-
**常用属性:**
|
|
361
|
-
|
|
362
|
-
- `name` / `label`
|
|
363
|
-
- `value` / `defaultValue`
|
|
364
|
-
- `format`、`picker`、`showTime`、`allowClear`
|
|
365
|
-
- `disabled`、`disabledDate`
|
|
366
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
367
|
-
|
|
368
|
-
---
|
|
369
|
-
|
|
370
|
-
### neoTimePicker - 时间选择框
|
|
371
|
-
|
|
372
|
-
用于选择时刻(不含日历日期或仅时间维度),能力上与 Neo Design **TimePicker** 一致,详见 [TimePicker 时间选择框](https://ui.neocrm.com/web/#/web/common-ui/time-picker)。
|
|
373
|
-
|
|
374
|
-
**功能特性:**
|
|
375
|
-
|
|
376
|
-
1. **时间选择**:时、分、秒及步长配置(见文档)
|
|
377
|
-
2. **格式化**:`format` 控制展示与回填格式
|
|
378
|
-
3. **数据存储**:时间类值或字符串,依平台约定
|
|
379
|
-
|
|
380
|
-
**使用方法:**
|
|
381
|
-
|
|
382
|
-
```json
|
|
383
|
-
{
|
|
384
|
-
"type": "neoTimePicker",
|
|
385
|
-
"name": "remindTime",
|
|
386
|
-
"label": "提醒时间",
|
|
387
|
-
"format": "HH:mm",
|
|
388
|
-
"placeholder": "请选择时间"
|
|
389
|
-
}
|
|
390
|
-
```
|
|
391
|
-
|
|
392
|
-
**常用属性:**
|
|
393
|
-
|
|
394
|
-
- `name` / `label`
|
|
395
|
-
- `value` / `defaultValue`
|
|
396
|
-
- `format`、`allowClear`、`disabled`
|
|
397
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
398
|
-
|
|
399
|
-
---
|
|
400
|
-
|
|
401
|
-
### neoRate - 评分
|
|
402
|
-
|
|
403
|
-
用于星级或分值评分,能力上与 Neo Design **Rate** 一致,详见 [Rate 评分](https://ui.neocrm.com/web/#/web/common-ui/rate)。
|
|
404
|
-
|
|
405
|
-
**功能特性:**
|
|
406
|
-
|
|
407
|
-
1. **星标展示**:默认星级点击评分
|
|
408
|
-
2. **半选与总数**:`allowHalf`、`count` 等扩展行为(见文档)
|
|
409
|
-
3. **数据存储**:数值型评分写入 `value`
|
|
410
|
-
|
|
411
|
-
**使用方法:**
|
|
412
|
-
|
|
413
|
-
```json
|
|
414
|
-
{
|
|
415
|
-
"type": "neoRate",
|
|
416
|
-
"name": "satisfaction",
|
|
417
|
-
"label": "满意度",
|
|
418
|
-
"count": 5,
|
|
419
|
-
"allowHalf": true
|
|
420
|
-
}
|
|
421
|
-
```
|
|
422
|
-
|
|
423
|
-
**常用属性:**
|
|
424
|
-
|
|
425
|
-
- `name` / `label`
|
|
426
|
-
- `value` / `defaultValue`
|
|
427
|
-
- `count`、`allowHalf`、`disabled`
|
|
428
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
429
|
-
|
|
430
|
-
---
|
|
431
|
-
|
|
432
|
-
### neoSlider - 滑动输入条
|
|
433
|
-
|
|
434
|
-
用于在区间内通过拖动选择数值,能力上与 Neo Design **Slider** 一致,详见 [Slider 滑动输入条](https://ui.neocrm.com/web/#/web/common-ui/slider)。
|
|
435
|
-
|
|
436
|
-
**功能特性:**
|
|
437
|
-
|
|
438
|
-
1. **区间与步长**:`min`、`max`、`step`
|
|
439
|
-
2. **范围滑块**:双滑块选择区间(若文档提供 `range` 等 API)
|
|
440
|
-
3. **刻度与提示**:`marks`、`tooltip` 相关配置
|
|
441
|
-
4. **数据存储**:`number` 或 `[number, number]`(范围时)
|
|
442
|
-
|
|
443
|
-
**使用方法:**
|
|
444
|
-
|
|
445
|
-
```json
|
|
446
|
-
{
|
|
447
|
-
"type": "neoSlider",
|
|
448
|
-
"name": "opacity",
|
|
449
|
-
"label": "透明度",
|
|
450
|
-
"min": 0,
|
|
451
|
-
"max": 100,
|
|
452
|
-
"step": 1
|
|
453
|
-
}
|
|
454
|
-
```
|
|
455
|
-
|
|
456
|
-
**常用属性:**
|
|
457
|
-
|
|
458
|
-
- `name` / `label`
|
|
459
|
-
- `value` / `defaultValue`
|
|
460
|
-
- `min`、`max`、`step`、`marks`、`disabled`
|
|
461
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
462
|
-
|
|
463
|
-
---
|
|
464
|
-
|
|
465
|
-
### neoTransfer - 穿梭框
|
|
466
|
-
|
|
467
|
-
用于在两栏列表间移动选中项,能力上与 Neo Design **Transfer** 一致,详见 [Transfer 穿梭框](https://ui.neocrm.com/web/#/web/common-ui/transfer)。
|
|
468
|
-
|
|
469
|
-
**功能特性:**
|
|
470
|
-
|
|
471
|
-
1. **双栏列表**:左侧源列表、右侧已选列表
|
|
472
|
-
2. **搜索与禁用**:支持过滤、单项或整侧禁用
|
|
473
|
-
3. **数据存储**:已选 key 列表 `targetKeys` 与完整 `dataSource` 配合
|
|
474
|
-
4. **大数据**:可按文档使用懒加载、分页等模式
|
|
475
|
-
|
|
476
|
-
**使用方法:**
|
|
477
|
-
|
|
478
|
-
```json
|
|
479
|
-
{
|
|
480
|
-
"type": "neoTransfer",
|
|
481
|
-
"name": "selectedKeys",
|
|
482
|
-
"label": "字段分配",
|
|
483
|
-
"dataSource": [
|
|
484
|
-
{ "key": "a", "title": "选项 A" },
|
|
485
|
-
{ "key": "b", "title": "选项 B" }
|
|
486
|
-
]
|
|
487
|
-
}
|
|
488
|
-
```
|
|
489
|
-
|
|
490
|
-
**常用属性:**
|
|
491
|
-
|
|
492
|
-
- `name` / `label`
|
|
493
|
-
- `dataSource`:含 `key`、`title`(及 `disabled` 等)
|
|
494
|
-
- `targetKeys` / `selectedKeys`(命名以文档为准)
|
|
495
|
-
- `titles`、`showSearch`、`disabled`
|
|
496
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
497
|
-
|
|
498
|
-
---
|
|
499
|
-
|
|
500
|
-
### neoTreeSelect - 树选择
|
|
501
|
-
|
|
502
|
-
在树形结构中单选或多选节点,能力上与 Neo Design **TreeSelect** 一致,详见 [TreeSelect 树选择](https://ui.neocrm.com/web/#/web/common-ui/tree-select)。
|
|
503
|
-
|
|
504
|
-
**功能特性:**
|
|
505
|
-
|
|
506
|
-
1. **树形数据**:`treeData` 描述父子节点
|
|
507
|
-
2. **单选 / 多选**:`multiple`、`treeCheckable` 等(见文档)
|
|
508
|
-
3. **搜索与异步**:可搜索节点;支持异步加载子节点时按文档配置
|
|
509
|
-
4. **数据存储**:选中节点的 `value` 或 `value[]`
|
|
510
|
-
|
|
511
|
-
**使用方法:**
|
|
512
|
-
|
|
513
|
-
```json
|
|
514
|
-
{
|
|
515
|
-
"type": "neoTreeSelect",
|
|
516
|
-
"name": "categoryId",
|
|
517
|
-
"label": "类目",
|
|
518
|
-
"placeholder": "请选择类目",
|
|
519
|
-
"treeData": [
|
|
520
|
-
{
|
|
521
|
-
"title": "一级",
|
|
522
|
-
"value": "1",
|
|
523
|
-
"children": [{ "title": "二级", "value": "1-1" }]
|
|
524
|
-
}
|
|
525
|
-
]
|
|
526
|
-
}
|
|
527
|
-
```
|
|
528
|
-
|
|
529
|
-
**常用属性:**
|
|
530
|
-
|
|
531
|
-
- `name` / `label`
|
|
532
|
-
- `treeData` / `treeDataSimpleMode`(若使用)
|
|
533
|
-
- `value` / `defaultValue`
|
|
534
|
-
- `multiple`、`treeCheckable`、`showSearch`、`allowClear`
|
|
535
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
536
|
-
|
|
537
|
-
---
|
|
538
|
-
|
|
539
|
-
### neoUpload - 上传
|
|
540
|
-
|
|
541
|
-
用于选择并上传文件,能力上与 Neo Design **Upload** 一致,详见 [Upload 上传](https://ui.neocrm.com/web/#/web/common-ui/upload)。
|
|
542
|
-
|
|
543
|
-
**功能特性:**
|
|
544
|
-
|
|
545
|
-
1. **点击 / 拖拽**:支持多种触发方式(见文档)
|
|
546
|
-
2. **列表与预览**:`fileList`、预览、移除
|
|
547
|
-
3. **限制**:`accept`、`maxCount`、大小校验、`beforeUpload`
|
|
548
|
-
4. **上传地址与请求**:`action`、`headers`、`data` 等与后端对接
|
|
549
|
-
5. **数据存储**:文件列表或平台约定的 URL / id 结构写入 `value`
|
|
550
|
-
|
|
551
|
-
**使用方法:**
|
|
552
|
-
|
|
553
|
-
```json
|
|
554
|
-
{
|
|
555
|
-
"type": "neoUpload",
|
|
556
|
-
"name": "attachments",
|
|
557
|
-
"label": "附件",
|
|
558
|
-
"maxCount": 5,
|
|
559
|
-
"accept": ".pdf,.png"
|
|
560
|
-
}
|
|
561
|
-
```
|
|
562
|
-
|
|
563
|
-
**常用属性:**
|
|
564
|
-
|
|
565
|
-
- `name` / `label`
|
|
566
|
-
- `action`、`headers`、`data`、`name`(字段名)
|
|
567
|
-
- `fileList` / `defaultFileList`
|
|
568
|
-
- `multiple`、`accept`、`maxCount`、`beforeUpload`、`disabled`
|
|
569
|
-
- `visibleOn` / `hiddenOn`、`onChange`
|
|
570
|
-
|
|
571
|
-
---
|
|
572
|
-
|
|
573
|
-
## 二、NeoCRM 平台数据源相关配置项
|
|
574
|
-
|
|
575
|
-
### xObjectEntityList - 实体列表数据源
|
|
576
|
-
|
|
577
|
-
这是一个简化的对象实体列表选择配置项,采用直接下拉列表配置方式,专门用于选择对象实体。
|
|
578
|
-
|
|
579
|
-
**功能特性:**
|
|
580
|
-
|
|
581
|
-
1. **实体列表展示**:以下拉列表形式展示当前可选择的实体对象
|
|
582
|
-
2. **搜索功能**:支持实体名称搜索
|
|
583
|
-
3. **数据存储**:选择的实体 ID 存储到 value 中
|
|
584
|
-
4. **实体类型控制**:通过 custom 属性控制使用标准实体还是自定义实体
|
|
585
|
-
|
|
586
|
-
**使用方法:**
|
|
587
|
-
|
|
588
|
-
在属性配置面板(propsSchema)中使用:
|
|
589
|
-
|
|
590
|
-
```json
|
|
591
|
-
{
|
|
592
|
-
"type": "xObjectEntityList",
|
|
593
|
-
"name": "xObjectApiKey",
|
|
594
|
-
"label": "对象实体列表",
|
|
595
|
-
"custom": false
|
|
596
|
-
}
|
|
597
|
-
```
|
|
598
|
-
|
|
599
|
-
**组件属性:**
|
|
600
|
-
|
|
601
|
-
- `name`: 字段名称
|
|
602
|
-
- `label`: 标签文本
|
|
603
|
-
- `disabled`: 是否禁用
|
|
604
|
-
- `custom`: 是否使用自定义实体,设置为 false 则表示展示标准实体列表,不传则展示标准实体和自定义实体
|
|
605
|
-
- `value`: 当前已选择的实体对象 ID(xObjectApiKey)
|
|
606
|
-
- `onChange`: 值变化回调
|
|
607
|
-
|
|
608
|
-
---
|
|
609
|
-
|
|
610
|
-
### xObjectDataApi - 实体业务数据列表数据源
|
|
611
|
-
|
|
612
|
-
这是一个用于获取实体业务数据列表的属性配置项。
|
|
613
|
-
|
|
614
|
-
**功能特性:**
|
|
615
|
-
|
|
616
|
-
1. **输入框展示**:以输入框形式展示当前配置的实体和选择的字段信息
|
|
617
|
-
2. **设置按钮**:右侧设置图标,点击打开配置弹窗
|
|
618
|
-
3. **实体类型选择**:弹窗中支持选择标准实体或自定义实体
|
|
619
|
-
4. **实体选择**:弹窗中支持下拉选择实体
|
|
620
|
-
5. **字段选择**:使用 antd Transfer 组件选择字段,默认选中所有实体字段
|
|
621
|
-
6. **分页配置**:配置页码(默认展示第几页)和每页条数(每页展示多少条数据)
|
|
622
|
-
7. **数据存储**:选择的实体 ID 存储到 `xObjectApiKey`,选中的字段列表存储到 `fields`,字段信息列表存储到 `fieldDescList`,页码存储到 `page`,每页条数存储到 `pageSize`
|
|
623
|
-
|
|
624
|
-
**使用方法:**
|
|
625
|
-
|
|
626
|
-
在属性配置面板(propsSchema)中使用:
|
|
627
|
-
|
|
628
|
-
```json
|
|
629
|
-
{
|
|
630
|
-
"type": "xObjectDataApi",
|
|
631
|
-
"name": "dataSource",
|
|
632
|
-
"label": "数据源配置"
|
|
633
|
-
}
|
|
634
|
-
```
|
|
635
|
-
|
|
636
|
-
**组件属性:**
|
|
637
|
-
|
|
638
|
-
- `name`: 字段名称
|
|
639
|
-
- `label`: 标签文本
|
|
640
|
-
- `disabled`: 是否禁用
|
|
641
|
-
- `value`: 当前值,格式为 `{ xObjectApiKey: string, fields: string[], fieldDescList: object[], page: number, pageSize: number }`
|
|
642
|
-
- `xObjectApiKey`: 选择的实体 API Key
|
|
643
|
-
- `fields`: 选中的字段列表
|
|
644
|
-
- `fieldDescList`: 字段信息列表
|
|
645
|
-
- `page`: 页码,默认为 1(默认展示第几页)
|
|
646
|
-
- `pageSize`: 每页条数,默认为 20(每页展示多少条数据)
|
|
647
|
-
- `onChange`: 值变化回调
|
|
648
|
-
|
|
649
|
-
---
|
|
650
|
-
|
|
651
|
-
### xObjectDetailApi - 实体详情数据源
|
|
652
|
-
|
|
653
|
-
这是一个用于配置获取实体业务详情数据的属性配置项。
|
|
654
|
-
|
|
655
|
-
**功能特性:**
|
|
656
|
-
|
|
657
|
-
1. **输入框展示**:以输入框形式展示当前配置的实体、业务数据 ID 和字段信息
|
|
658
|
-
2. **设置按钮**:右侧设置图标,点击打开配置弹窗
|
|
659
|
-
3. **实体选择**:弹窗中支持下拉选择实体(标准实体/自定义实体)
|
|
660
|
-
4. **业务数据 ID 选择**:根据选择的实体,使用 xObject.query 获取业务数据列表,支持选择具体的业务数据 ID
|
|
661
|
-
5. **字段选择**:使用 antd Transfer 组件选择字段,默认全部选中
|
|
662
|
-
6. **数据存储**:选择的实体 ID 存储到 `xObjectApiKey`,业务数据 ID 存储到 `objectId`,字段列表存储到 `fieldDescList`
|
|
663
|
-
|
|
664
|
-
**使用方法:**
|
|
665
|
-
|
|
666
|
-
在属性配置面板(propsSchema)中使用:
|
|
667
|
-
|
|
668
|
-
```json
|
|
669
|
-
{
|
|
670
|
-
"type": "xObjectDetailApi",
|
|
671
|
-
"name": "dataSource",
|
|
672
|
-
"label": "业务详情数据源配置"
|
|
673
|
-
}
|
|
674
|
-
```
|
|
675
|
-
|
|
676
|
-
**组件属性:**
|
|
677
|
-
|
|
678
|
-
- `name`: 字段名称
|
|
679
|
-
- `label`: 标签文本
|
|
680
|
-
- `disabled`: 是否禁用
|
|
681
|
-
- `value`: 当前值,格式为 `{ xObjectApiKey: string, objectId: string }`
|
|
682
|
-
- `onChange`: 值变化回调
|
|
683
|
-
|
|
684
|
-
**特性:**
|
|
685
|
-
|
|
686
|
-
- **实体类型切换**:支持标准实体和自定义实体的切换
|
|
687
|
-
- **智能联动**:选择实体后自动加载对应的业务数据列表和字段列表
|
|
688
|
-
- **搜索过滤**:所有选择器都支持搜索过滤功能
|
|
689
|
-
|
|
690
|
-
---
|
|
691
|
-
|
|
692
|
-
### selectFieldsApi - 字段 apiKey 多选(穿梭框)
|
|
693
|
-
|
|
694
|
-
用于在已配置实体数据源的前提下,通过穿梭框多选实体字段的 apiKey 列表。依赖同表单中的实体配置(xObjectApiKey),需先配置实体数据源。
|
|
695
|
-
|
|
696
|
-
**功能特性:**
|
|
697
|
-
|
|
698
|
-
1. **输入框展示**:以只读输入框展示「已选择 N 个字段」
|
|
699
|
-
2. **设置按钮**:右侧设置图标,点击打开「字段选择」弹窗
|
|
700
|
-
3. **穿梭框选择**:弹窗内使用 Transfer 在「可选字段」与「已选字段」间勾选,支持搜索
|
|
701
|
-
4. **数据存储**:选中的字段 apiKey 列表存储到 value(`string[]`)
|
|
702
|
-
5. **联动数据源**:通过 `xObjectApiKey` 指定从 `props.data` 中读取实体 key 的路径,实体变化时会重新拉取字段列表
|
|
703
|
-
|
|
704
|
-
**使用方法:**
|
|
705
|
-
|
|
706
|
-
在属性配置面板(propsSchema)中,需与提供 xObjectApiKey 的配置项(如 xObjectDataApi、xObjectDetailApi)同表单使用:
|
|
707
|
-
|
|
708
|
-
```json
|
|
709
|
-
{
|
|
710
|
-
"type": "selectFieldsApi",
|
|
711
|
-
"name": "fields",
|
|
712
|
-
"label": "选择字段",
|
|
713
|
-
"xObjectApiKey": "dataSource.xObjectApiKey"
|
|
714
|
-
}
|
|
715
|
-
```
|
|
716
|
-
|
|
717
|
-
**组件属性:**
|
|
718
|
-
|
|
719
|
-
- `name`: 字段名称
|
|
720
|
-
- `label`: 标签文本
|
|
721
|
-
- `disabled`: 是否禁用
|
|
722
|
-
- `xObjectApiKey`: 从 `props.data` 中获取实体 API Key 的 key 名,不传则默认为 `'xObjectApiKey'`。若实体在嵌套对象中可传路径,如 `'dataSource.xObjectApiKey'`
|
|
723
|
-
- `value`: 当前值,格式为 `string[]`(字段 apiKey 列表)
|
|
724
|
-
- `onChange`: 值变化回调
|
|
725
|
-
|
|
726
|
-
---
|
|
727
|
-
|
|
728
|
-
### selectFieldDescApi - 字段描述选择(下拉单选/多选)
|
|
729
|
-
|
|
730
|
-
用于在已配置实体数据源的前提下,通过下拉选择实体字段,支持单选或多选。选中的值以「字段描述」对象数组形式存储(含 label、value/apiKey)。依赖同表单中的实体配置(xObjectApiKey)。
|
|
731
|
-
|
|
732
|
-
**功能特性:**
|
|
733
|
-
|
|
734
|
-
1. **下拉选择**:以 Select 形式展示,支持搜索、清空
|
|
735
|
-
2. **单选/多选**:通过 `mode` 控制,可选 `'multiple'` 或 `'tags'`
|
|
736
|
-
3. **数据存储**:选中的值存储为 `Array<{ label: string; value: string }>`,其中 value 为字段 apiKey
|
|
737
|
-
4. **联动数据源**:通过 `xObjectApiKey` 指定从 `props.data` 中读取实体 key 的路径,实体变化时会重新加载字段列表
|
|
738
|
-
|
|
739
|
-
**使用方法:**
|
|
740
|
-
|
|
741
|
-
在属性配置面板(propsSchema)中,需与提供 xObjectApiKey 的配置项同表单使用:
|
|
742
|
-
|
|
743
|
-
```json
|
|
744
|
-
{
|
|
745
|
-
"type": "selectFieldDescApi",
|
|
746
|
-
"name": "selectFieldDesc",
|
|
747
|
-
"label": "绑定字段",
|
|
748
|
-
"xObjectApiKey": "entityApiKey.xObjectApiKey",
|
|
749
|
-
"mode": "tags",
|
|
750
|
-
"placeholder": "请至少选择一个要显示的字段"
|
|
751
|
-
}
|
|
752
|
-
```
|
|
753
|
-
|
|
754
|
-
**组件属性:**
|
|
755
|
-
|
|
756
|
-
- `name`: 字段名称
|
|
757
|
-
- `label`: 标签文本
|
|
758
|
-
- `disabled`: 是否禁用
|
|
759
|
-
- `placeholder`: 占位文案
|
|
760
|
-
- `xObjectApiKey`: 从 `props.data` 中获取实体 API Key 的 key 名或路径,不传则默认为 `'xObjectApiKey'`,如 `'entityApiKey.xObjectApiKey'`
|
|
761
|
-
- `mode`: 可选 `'multiple'`(多选)或 `'tags'`(多选标签形式),不传为单选
|
|
762
|
-
- `value`: 当前值,格式为 `Array<{ label: string; value: string }>`
|
|
763
|
-
- `onChange`: 值变化回调
|
|
764
|
-
|
|
765
|
-
---
|
|
766
|
-
|
|
767
|
-
### dataViewIdSelect - 实体视图选择
|
|
768
|
-
|
|
769
|
-
用于选择指定实体下的列表视图,依赖同表单中的实体 `xObjectApiKey`。详见本文第二节数据源配置。
|
|
770
|
-
|
|
771
|
-
**功能特性:**
|
|
772
|
-
|
|
773
|
-
1. **单选视图**:下拉展示当前实体可用视图
|
|
774
|
-
2. **接口加载**:根据 `xObjectApiKey` 请求视图列表(如 `/rest/data/v2.0/layouts/listLayout`)
|
|
775
|
-
3. **搜索与清空**:支持搜索视图名、清空选择
|
|
776
|
-
4. **数据存储**:`value` 为视图 ID 字符串(`viewId`)
|
|
777
|
-
5. **无实体提示**:未配置实体时禁用并提示先配置数据源
|
|
778
|
-
|
|
779
|
-
**使用方法:**
|
|
780
|
-
|
|
781
|
-
```json
|
|
782
|
-
{
|
|
783
|
-
"type": "dataViewIdSelect",
|
|
784
|
-
"name": "defaultViewId",
|
|
785
|
-
"label": "列表视图",
|
|
786
|
-
"xObjectApiKey": "objectApiKey",
|
|
787
|
-
"placeholder": "请选择列表视图"
|
|
788
|
-
}
|
|
789
|
-
```
|
|
790
|
-
|
|
791
|
-
**组件属性:**
|
|
792
|
-
|
|
793
|
-
- `name`: 字段名称
|
|
794
|
-
- `label`: 标签文本
|
|
795
|
-
- `disabled`: 是否禁用
|
|
796
|
-
- `placeholder`: 占位文案,默认可为「请选择视图」
|
|
797
|
-
- `xObjectApiKey`: 从 `props.data` 取实体 API Key 的字段名或路径,默认 `xObjectApiKey`
|
|
798
|
-
- `value`: 字符串,所选 `viewId`
|
|
799
|
-
- `onChange`: 值变化回调
|
|
800
|
-
|
|
801
|
-
---
|