@nocobase/plugin-flow-engine 2.1.0-alpha.7 → 2.1.0-alpha.8
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/dist/ai/docs/runjs/context/block-model.md +35 -35
- package/dist/ai/docs/runjs/context/collection-field.md +53 -51
- package/dist/ai/docs/runjs/context/collection.md +39 -39
- package/dist/ai/docs/runjs/context/data-source-manager.md +40 -30
- package/dist/ai/docs/runjs/context/data-source.md +52 -44
- package/dist/ai/docs/runjs/context/element.md +44 -38
- package/dist/ai/docs/runjs/context/exit-all.md +37 -35
- package/dist/ai/docs/runjs/context/exit.md +38 -35
- package/dist/ai/docs/runjs/context/filter-manager.md +36 -30
- package/dist/ai/docs/runjs/context/form.md +57 -57
- package/dist/ai/docs/runjs/context/get-model.md +22 -21
- package/dist/ai/docs/runjs/context/get-value.md +20 -19
- package/dist/ai/docs/runjs/context/get-var.md +61 -55
- package/dist/ai/docs/runjs/context/i18n.md +17 -14
- package/dist/ai/docs/runjs/context/import-async.md +333 -45
- package/dist/ai/docs/runjs/context/init-resource.md +20 -20
- package/dist/ai/docs/runjs/context/libs.md +31 -31
- package/dist/ai/docs/runjs/context/location.md +34 -31
- package/dist/ai/docs/runjs/context/logger.md +41 -40
- package/dist/ai/docs/runjs/context/make-resource.md +27 -26
- package/dist/ai/docs/runjs/context/message.md +42 -41
- package/dist/ai/docs/runjs/context/modal.md +44 -44
- package/dist/ai/docs/runjs/context/model.md +36 -33
- package/dist/ai/docs/runjs/context/notification.md +41 -40
- package/dist/ai/docs/runjs/context/off.md +14 -14
- package/dist/ai/docs/runjs/context/on.md +30 -29
- package/dist/ai/docs/runjs/context/open-view.md +40 -40
- package/dist/ai/docs/runjs/context/render.md +37 -32
- package/dist/ai/docs/runjs/context/request.md +46 -45
- package/dist/ai/docs/runjs/context/require-async.md +28 -25
- package/dist/ai/docs/runjs/context/resource.md +34 -34
- package/dist/ai/docs/runjs/context/route.md +36 -34
- package/dist/ai/docs/runjs/context/router.md +43 -31
- package/dist/ai/docs/runjs/context/set-value.md +18 -17
- package/dist/ai/docs/runjs/context/sql.md +7 -15
- package/dist/ai/docs/runjs/context/t.md +20 -17
- package/dist/ai/docs/runjs/context/view.md +49 -46
- package/dist/ai/docs/runjs/document.md +1 -0
- package/dist/ai/docs/runjs/import-modules.md +32 -32
- package/dist/ai/docs/runjs/index.md +13 -13
- package/dist/ai/docs/runjs/jsx.md +19 -19
- package/dist/ai/docs/runjs/model/form-block-model.md +1 -3
- package/dist/ai/docs/runjs/render.md +15 -15
- package/dist/ai/docs/runjs/resource/api-resource.md +53 -53
- package/dist/ai/docs/runjs/resource/multi-record-resource.md +64 -64
- package/dist/ai/docs/runjs/resource/single-record-resource.md +55 -55
- package/dist/ai/docs/runjs/resource/sql-resource.md +57 -57
- package/dist/ai/docs/runjs/window.md +5 -5
- package/dist/externalVersion.js +10 -10
- package/dist/node_modules/ses/package.json +1 -1
- package/dist/node_modules/zod/package.json +1 -1
- package/dist/server/collections/flowsql.js +1 -0
- package/package.json +2 -2
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
# ctx.filterManager
|
|
2
2
|
|
|
3
|
-
The
|
|
3
|
+
The Filter Connection Manager is used to manage the filter associations between filter forms (FilterForm) and data blocks (tables, lists, charts, etc.). It is provided by `BlockGridModel` and is only available within its context (e.g., filter form blocks, data blocks).
|
|
4
4
|
|
|
5
5
|
## Use Cases
|
|
6
6
|
|
|
7
7
|
| Scenario | Description |
|
|
8
|
-
|
|
9
|
-
| **Filter
|
|
10
|
-
| **Data
|
|
11
|
-
| **Linkage /
|
|
12
|
-
| **Connection
|
|
8
|
+
|------|------|
|
|
9
|
+
| **Filter Form Block** | Manages connection configurations between filter items and target blocks; refreshes target data when filters change. |
|
|
10
|
+
| **Data Block (Table/List)** | Acts as a filter target, binding filter conditions via `bindToTarget`. |
|
|
11
|
+
| **Linkage Rules / Custom FilterModel** | Calls `refreshTargetsByFilter` within `doFilter` or `doReset` to trigger target refreshes. |
|
|
12
|
+
| **Connection Field Configuration** | Uses `getConnectFieldsConfig` and `saveConnectFieldsConfig` to maintain field mappings between filters and targets. |
|
|
13
13
|
|
|
14
|
-
> Note: `ctx.filterManager` is only available in RunJS contexts that have a `BlockGridModel` (e.g
|
|
14
|
+
> Note: `ctx.filterManager` is only available in RunJS contexts that have a `BlockGridModel` (e.g., within a page containing a filter form); it is `undefined` in regular JSBlocks or independent pages. It is recommended to use optional chaining before access.
|
|
15
15
|
|
|
16
|
-
## Type
|
|
16
|
+
## Type Definitions
|
|
17
17
|
|
|
18
18
|
```ts
|
|
19
19
|
filterManager: FilterManager;
|
|
20
20
|
|
|
21
21
|
type FilterConfig = {
|
|
22
|
-
filterId: string;
|
|
23
|
-
targetId: string;
|
|
24
|
-
filterPaths?: string[];
|
|
25
|
-
operator?: string;
|
|
22
|
+
filterId: string; // Filter model UID
|
|
23
|
+
targetId: string; // Target data block model UID
|
|
24
|
+
filterPaths?: string[]; // Field paths of the target block
|
|
25
|
+
operator?: string; // Filter operator
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
type ConnectFieldsConfig = {
|
|
@@ -33,24 +33,24 @@ type ConnectFieldsConfig = {
|
|
|
33
33
|
## Common Methods
|
|
34
34
|
|
|
35
35
|
| Method | Description |
|
|
36
|
-
|
|
37
|
-
| `getFilterConfigs()` |
|
|
38
|
-
| `getConnectFieldsConfig(filterId)` |
|
|
39
|
-
| `saveConnectFieldsConfig(filterId, config)` |
|
|
40
|
-
| `addFilterConfig(config)` |
|
|
41
|
-
| `removeFilterConfig({ filterId?, targetId?, persist? })` |
|
|
42
|
-
| `bindToTarget(targetId)` |
|
|
43
|
-
| `unbindFromTarget(targetId)` |
|
|
44
|
-
| `refreshTargetsByFilter(filterId
|
|
36
|
+
|------|------|
|
|
37
|
+
| `getFilterConfigs()` | Gets all current filter connection configurations. |
|
|
38
|
+
| `getConnectFieldsConfig(filterId)` | Gets the connection field configuration for a specific filter. |
|
|
39
|
+
| `saveConnectFieldsConfig(filterId, config)` | Saves the connection field configuration for a filter. |
|
|
40
|
+
| `addFilterConfig(config)` | Adds a filter configuration (filterId + targetId + filterPaths). |
|
|
41
|
+
| `removeFilterConfig({ filterId?, targetId?, persist? })` | Removes filter configurations by filterId, targetId, or both. |
|
|
42
|
+
| `bindToTarget(targetId)` | Binds the filter configuration to a target block, triggering its resource to apply the filter. |
|
|
43
|
+
| `unbindFromTarget(targetId)` | Unbinds the filter from the target block. |
|
|
44
|
+
| `refreshTargetsByFilter(filterId | filterId[])` | Refreshes associated target block data based on the filter(s). |
|
|
45
45
|
|
|
46
|
-
## Concepts
|
|
46
|
+
## Core Concepts
|
|
47
47
|
|
|
48
|
-
- **FilterModel**:
|
|
49
|
-
- **TargetModel**:
|
|
48
|
+
- **FilterModel**: A model providing filter conditions (e.g., FilterFormItemModel), which must implement `getFilterValue()` to return the current filter value.
|
|
49
|
+
- **TargetModel**: The data block being filtered; its `resource` must support `addFilterGroup`, `removeFilterGroup`, and `refresh`.
|
|
50
50
|
|
|
51
51
|
## Examples
|
|
52
52
|
|
|
53
|
-
### Add
|
|
53
|
+
### Add Filter Configuration
|
|
54
54
|
|
|
55
55
|
```ts
|
|
56
56
|
await ctx.filterManager?.addFilterConfig({
|
|
@@ -61,19 +61,23 @@ await ctx.filterManager?.addFilterConfig({
|
|
|
61
61
|
});
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
### Refresh
|
|
64
|
+
### Refresh Target Blocks
|
|
65
65
|
|
|
66
66
|
```ts
|
|
67
|
+
// In doFilter / doReset of a filter form
|
|
67
68
|
ctx.filterManager?.refreshTargetsByFilter(ctx.model.uid);
|
|
68
69
|
|
|
70
|
+
// Refresh targets associated with multiple filters
|
|
69
71
|
ctx.filterManager?.refreshTargetsByFilter(['filter-1', 'filter-2']);
|
|
70
72
|
```
|
|
71
73
|
|
|
72
|
-
### Connection
|
|
74
|
+
### Connection Field Configuration
|
|
73
75
|
|
|
74
76
|
```ts
|
|
77
|
+
// Get connection configuration
|
|
75
78
|
const config = ctx.filterManager?.getConnectFieldsConfig(ctx.model.uid);
|
|
76
79
|
|
|
80
|
+
// Save connection configuration
|
|
77
81
|
await ctx.filterManager?.saveConnectFieldsConfig(ctx.model.uid, {
|
|
78
82
|
targets: [
|
|
79
83
|
{ targetId: 'table-uid', filterPaths: ['status'] },
|
|
@@ -82,15 +86,17 @@ await ctx.filterManager?.saveConnectFieldsConfig(ctx.model.uid, {
|
|
|
82
86
|
});
|
|
83
87
|
```
|
|
84
88
|
|
|
85
|
-
### Remove
|
|
89
|
+
### Remove Configuration
|
|
86
90
|
|
|
87
91
|
```ts
|
|
92
|
+
// Delete all configurations for a specific filter
|
|
88
93
|
await ctx.filterManager?.removeFilterConfig({ filterId: 'filter-uid' });
|
|
89
94
|
|
|
95
|
+
// Delete all filter configurations for a specific target
|
|
90
96
|
await ctx.filterManager?.removeFilterConfig({ targetId: 'table-uid' });
|
|
91
97
|
```
|
|
92
98
|
|
|
93
99
|
## Related
|
|
94
100
|
|
|
95
|
-
- [ctx.resource](./resource.md): target block
|
|
96
|
-
- [ctx.model](./model.md): current model
|
|
101
|
+
- [ctx.resource](./resource.md): The target block's resource must support the filter interface.
|
|
102
|
+
- [ctx.model](./model.md): Used to get the current model's UID for filterId / targetId.
|
|
@@ -1,109 +1,109 @@
|
|
|
1
1
|
# ctx.form
|
|
2
2
|
|
|
3
|
-
The Ant Design Form instance
|
|
3
|
+
The Ant Design Form instance within the current block, used to read/write form fields, trigger validation, and submission. It is equivalent to `ctx.blockModel?.form` and can be used directly in form-related blocks (Form, Edit Form, Sub-form, etc.).
|
|
4
4
|
|
|
5
5
|
## Use Cases
|
|
6
6
|
|
|
7
7
|
| Scenario | Description |
|
|
8
|
-
|
|
9
|
-
| **JSField** | Read/write other fields
|
|
10
|
-
| **JSItem** | Read/write same
|
|
11
|
-
| **JSColumn** | Read row or
|
|
12
|
-
| **Form
|
|
8
|
+
|------|------|
|
|
9
|
+
| **JSField** | Read/write other form fields to implement linkage, or perform calculations and validation based on other field values. |
|
|
10
|
+
| **JSItem** | Read/write same-row or other fields within sub-table items to achieve in-table linkage. |
|
|
11
|
+
| **JSColumn** | Read the current row or association field values in a table column for rendering. |
|
|
12
|
+
| **Form Actions / Workflow** | Pre-submission validation, batch updating fields, resetting forms, etc. |
|
|
13
13
|
|
|
14
|
-
> Note: `ctx.form` is only available in RunJS contexts
|
|
14
|
+
> Note: `ctx.form` is only available in RunJS contexts related to form blocks (Form, Edit Form, Sub-form, etc.). It may not exist in non-form scenarios (such as independent JSBlocks or Table blocks). It is recommended to perform a null check before use: `ctx.form?.getFieldsValue()`.
|
|
15
15
|
|
|
16
|
-
## Type
|
|
16
|
+
## Type Definition
|
|
17
17
|
|
|
18
18
|
```ts
|
|
19
19
|
form: FormInstance<any>;
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
-
`FormInstance` is the Ant Design Form
|
|
22
|
+
`FormInstance` is the instance type of Ant Design Form. Common methods are as follows.
|
|
23
23
|
|
|
24
24
|
## Common Methods
|
|
25
25
|
|
|
26
|
-
###
|
|
26
|
+
### Reading Form Values
|
|
27
27
|
|
|
28
28
|
```ts
|
|
29
|
-
//
|
|
29
|
+
// Read values of currently registered fields (defaults to rendered fields only)
|
|
30
30
|
const values = ctx.form.getFieldsValue();
|
|
31
31
|
|
|
32
|
-
//
|
|
32
|
+
// Read values of all fields (including registered but unrendered fields, e.g., hidden or inside collapsed sections)
|
|
33
33
|
const allValues = ctx.form.getFieldsValue(true);
|
|
34
34
|
|
|
35
|
-
//
|
|
35
|
+
// Read a single field
|
|
36
36
|
const email = ctx.form.getFieldValue('email');
|
|
37
37
|
|
|
38
|
-
//
|
|
38
|
+
// Read nested fields (e.g., in a sub-table)
|
|
39
39
|
const amount = ctx.form.getFieldValue(['orders', 0, 'amount']);
|
|
40
40
|
```
|
|
41
41
|
|
|
42
|
-
###
|
|
42
|
+
### Writing Form Values
|
|
43
43
|
|
|
44
44
|
```ts
|
|
45
|
-
// Batch update (
|
|
45
|
+
// Batch update (commonly used for linkage)
|
|
46
46
|
ctx.form.setFieldsValue({
|
|
47
47
|
status: 'active',
|
|
48
48
|
updatedAt: new Date(),
|
|
49
49
|
});
|
|
50
50
|
|
|
51
|
-
//
|
|
52
|
-
ctx.form.setFieldValue('remark', '
|
|
51
|
+
// Update a single field
|
|
52
|
+
ctx.form.setFieldValue('remark', 'Updated remark');
|
|
53
53
|
```
|
|
54
54
|
|
|
55
|
-
### Validation and
|
|
55
|
+
### Validation and Submission
|
|
56
56
|
|
|
57
57
|
```ts
|
|
58
|
-
// Trigger validation
|
|
58
|
+
// Trigger form validation
|
|
59
59
|
await ctx.form.validateFields();
|
|
60
60
|
|
|
61
|
-
// Trigger
|
|
61
|
+
// Trigger form submission
|
|
62
62
|
ctx.form.submit();
|
|
63
63
|
```
|
|
64
64
|
|
|
65
|
-
###
|
|
65
|
+
### Resetting
|
|
66
66
|
|
|
67
67
|
```ts
|
|
68
|
-
//
|
|
68
|
+
// Reset all fields
|
|
69
69
|
ctx.form.resetFields();
|
|
70
70
|
|
|
71
|
-
//
|
|
71
|
+
// Reset only specific fields
|
|
72
72
|
ctx.form.resetFields(['status', 'remark']);
|
|
73
73
|
```
|
|
74
74
|
|
|
75
|
-
##
|
|
75
|
+
## Relationship with Related Contexts
|
|
76
76
|
|
|
77
77
|
### ctx.getValue / ctx.setValue
|
|
78
78
|
|
|
79
|
-
| Scenario | Recommended |
|
|
80
|
-
|
|
81
|
-
| **
|
|
82
|
-
| **
|
|
79
|
+
| Scenario | Recommended Usage |
|
|
80
|
+
|------|----------|
|
|
81
|
+
| **Read/Write current field** | `ctx.getValue()` / `ctx.setValue(v)` |
|
|
82
|
+
| **Read/Write other fields** | `ctx.form.getFieldValue(name)` / `ctx.form.setFieldValue(name, v)` |
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
Within the current JS field, prioritize using `getValue`/`setValue` to read/write the field itself; use `ctx.form` when you need to access other fields.
|
|
85
85
|
|
|
86
86
|
### ctx.blockModel
|
|
87
87
|
|
|
88
|
-
|
|
|
89
|
-
|
|
90
|
-
| **Read/
|
|
91
|
-
| **
|
|
88
|
+
| Requirement | Recommended Usage |
|
|
89
|
+
|------|----------|
|
|
90
|
+
| **Read/Write form fields** | `ctx.form` (Equivalent to `ctx.blockModel?.form`, more convenient) |
|
|
91
|
+
| **Access parent block** | `ctx.blockModel` (Contains `collection`, `resource`, etc.) |
|
|
92
92
|
|
|
93
93
|
### ctx.getVar('ctx.formValues')
|
|
94
94
|
|
|
95
|
-
Form values
|
|
95
|
+
Form values must be obtained via `await ctx.getVar('ctx.formValues')` and are not directly exposed as `ctx.formValues`. In a form context, it is preferred to use `ctx.form.getFieldsValue()` to read the latest values in real-time.
|
|
96
96
|
|
|
97
97
|
## Notes
|
|
98
98
|
|
|
99
|
-
- `getFieldsValue()`
|
|
100
|
-
-
|
|
101
|
-
- `validateFields()` throws
|
|
102
|
-
- In
|
|
99
|
+
- `getFieldsValue()` returns only rendered fields by default. To include unrendered fields (e.g., in collapsed sections or hidden by conditional rules), pass `true`: `getFieldsValue(true)`.
|
|
100
|
+
- Paths for nested fields like sub-tables are arrays, e.g., `['orders', 0, 'amount']`. You can use `ctx.namePath` to get the current field's path and construct paths for other columns in the same row.
|
|
101
|
+
- `validateFields()` throws an error object containing `errorFields` and other information. If validation fails before submission, you can use `ctx.exit()` to terminate subsequent steps.
|
|
102
|
+
- In asynchronous scenarios like workflows or linkage rules, `ctx.form` might not be ready yet. It is recommended to use optional chaining or null checks.
|
|
103
103
|
|
|
104
104
|
## Examples
|
|
105
105
|
|
|
106
|
-
### Field
|
|
106
|
+
### Field Linkage: Display different content based on type
|
|
107
107
|
|
|
108
108
|
```ts
|
|
109
109
|
const type = ctx.form.getFieldValue('type');
|
|
@@ -114,7 +114,7 @@ if (type === 'vip') {
|
|
|
114
114
|
}
|
|
115
115
|
```
|
|
116
116
|
|
|
117
|
-
###
|
|
117
|
+
### Calculate current field based on other fields
|
|
118
118
|
|
|
119
119
|
```ts
|
|
120
120
|
const quantity = ctx.form.getFieldValue('quantity') ?? 0;
|
|
@@ -122,48 +122,48 @@ const price = ctx.form.getFieldValue('price') ?? 0;
|
|
|
122
122
|
ctx.setValue(quantity * price);
|
|
123
123
|
```
|
|
124
124
|
|
|
125
|
-
###
|
|
125
|
+
### Read/Write other columns in the same row within a sub-table
|
|
126
126
|
|
|
127
127
|
```ts
|
|
128
|
-
// ctx.namePath is current field
|
|
129
|
-
//
|
|
128
|
+
// ctx.namePath is the path of the current field in the form, e.g., ['orders', 0, 'amount']
|
|
129
|
+
// Read 'status' in the same row: ['orders', 0, 'status']
|
|
130
130
|
const rowIndex = ctx.namePath?.[1];
|
|
131
131
|
const status = ctx.form.getFieldValue(['orders', rowIndex, 'status']);
|
|
132
132
|
```
|
|
133
133
|
|
|
134
|
-
### Pre-
|
|
134
|
+
### Pre-submission Validation
|
|
135
135
|
|
|
136
136
|
```ts
|
|
137
137
|
try {
|
|
138
138
|
await ctx.form.validateFields();
|
|
139
|
-
//
|
|
139
|
+
// Validation passed, continue with submission logic
|
|
140
140
|
} catch (e) {
|
|
141
|
-
ctx.message.error('Please
|
|
141
|
+
ctx.message.error('Please check the form fields');
|
|
142
142
|
ctx.exit();
|
|
143
143
|
}
|
|
144
144
|
```
|
|
145
145
|
|
|
146
|
-
###
|
|
146
|
+
### Submit after Confirmation
|
|
147
147
|
|
|
148
148
|
```ts
|
|
149
149
|
const confirmed = await ctx.modal.confirm({
|
|
150
|
-
title: 'Confirm
|
|
151
|
-
content: '
|
|
152
|
-
okText: '
|
|
150
|
+
title: 'Confirm Submission',
|
|
151
|
+
content: 'You will not be able to modify this after submission. Continue?',
|
|
152
|
+
okText: 'Confirm',
|
|
153
153
|
cancelText: 'Cancel',
|
|
154
154
|
});
|
|
155
155
|
if (confirmed) {
|
|
156
156
|
await ctx.form.validateFields();
|
|
157
157
|
ctx.form.submit();
|
|
158
158
|
} else {
|
|
159
|
-
ctx.exit();
|
|
159
|
+
ctx.exit(); // Terminate if user cancels
|
|
160
160
|
}
|
|
161
161
|
```
|
|
162
162
|
|
|
163
163
|
## Related
|
|
164
164
|
|
|
165
|
-
- [ctx.getValue()](./get-value.md) / [ctx.setValue()](./set-value.md):
|
|
166
|
-
- [ctx.blockModel](./block-model.md):
|
|
167
|
-
- [ctx.modal](./modal.md):
|
|
168
|
-
- [ctx.exit()](./exit.md):
|
|
169
|
-
- `ctx.namePath`: current field
|
|
165
|
+
- [ctx.getValue()](./get-value.md) / [ctx.setValue()](./set-value.md): Read and write the current field value.
|
|
166
|
+
- [ctx.blockModel](./block-model.md): Parent block model; `ctx.form` is equivalent to `ctx.blockModel?.form`.
|
|
167
|
+
- [ctx.modal](./modal.md): Confirmation dialogs, often used with `ctx.form.validateFields()` and `ctx.form.submit()`.
|
|
168
|
+
- [ctx.exit()](./exit.md): Terminate the process upon validation failure or user cancellation.
|
|
169
|
+
- `ctx.namePath`: The path (array) of the current field in the form, used to construct names for `getFieldValue` / `setFieldValue` in nested fields.
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
# ctx.getModel()
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Retrieves a model instance (such as `BlockModel`, `PageModel`, `ActionModel`, etc.) from the current engine or view stack based on the model `uid`. This is used in RunJS to access other models across blocks, pages, or popups.
|
|
4
4
|
|
|
5
|
-
If you only need the model or block
|
|
5
|
+
If you only need the model or block where the current execution context is located, prioritize using `ctx.model` or `ctx.blockModel` instead of `ctx.getModel`.
|
|
6
6
|
|
|
7
7
|
## Use Cases
|
|
8
8
|
|
|
9
9
|
| Scenario | Description |
|
|
10
|
-
|
|
11
|
-
| **JSBlock / JSAction** | Get
|
|
12
|
-
| **RunJS
|
|
13
|
-
| **Custom
|
|
10
|
+
|------|------|
|
|
11
|
+
| **JSBlock / JSAction** | Get models of other blocks based on a known `uid` to read or write their `resource`, `form`, `setProps`, etc. |
|
|
12
|
+
| **RunJS in Popups** | When needing to access a model on the page that opened the popup, pass `searchInPreviousEngines: true`. |
|
|
13
|
+
| **Custom Actions** | Locate forms or sub-models in the configuration panel by `uid` across view stacks to read their configuration or state. |
|
|
14
14
|
|
|
15
|
-
## Type
|
|
15
|
+
## Type Definition
|
|
16
16
|
|
|
17
17
|
```ts
|
|
18
18
|
getModel<T extends FlowModel = FlowModel>(
|
|
@@ -24,19 +24,19 @@ getModel<T extends FlowModel = FlowModel>(
|
|
|
24
24
|
## Parameters
|
|
25
25
|
|
|
26
26
|
| Parameter | Type | Description |
|
|
27
|
-
|
|
28
|
-
| `uid` | `string` |
|
|
29
|
-
| `searchInPreviousEngines` | `boolean` | Optional,
|
|
27
|
+
|------|------|------|
|
|
28
|
+
| `uid` | `string` | The unique identifier of the target model instance, specified during configuration or creation (e.g., `ctx.model.uid`). |
|
|
29
|
+
| `searchInPreviousEngines` | `boolean` | Optional, defaults to `false`. When `true`, searches from the current engine up to the root in the "view stack," allowing access to models in upper-level engines (e.g., the page that opened a popup). |
|
|
30
30
|
|
|
31
|
-
## Return
|
|
31
|
+
## Return Value
|
|
32
32
|
|
|
33
|
-
- Returns the corresponding `FlowModel` subclass (e.g
|
|
33
|
+
- Returns the corresponding `FlowModel` subclass instance (e.g., `BlockModel`, `FormBlockModel`, `ActionModel`) if found.
|
|
34
34
|
- Returns `undefined` if not found.
|
|
35
35
|
|
|
36
|
-
## Search
|
|
36
|
+
## Search Scope
|
|
37
37
|
|
|
38
|
-
- **Default (`searchInPreviousEngines: false`)**:
|
|
39
|
-
- **`searchInPreviousEngines: true`**:
|
|
38
|
+
- **Default (`searchInPreviousEngines: false`)**: Searches only within the **current engine** by `uid`. In popups or multi-level views, each view has an independent engine; by default, it only searches for models within the current view.
|
|
39
|
+
- **`searchInPreviousEngines: true`**: Searches upwards along the `previousEngine` chain starting from the current engine, returning the first match. This is useful for accessing a model on the page that opened the current popup.
|
|
40
40
|
|
|
41
41
|
## Examples
|
|
42
42
|
|
|
@@ -49,16 +49,17 @@ if (block?.resource) {
|
|
|
49
49
|
}
|
|
50
50
|
```
|
|
51
51
|
|
|
52
|
-
### Access
|
|
52
|
+
### Access a model on the page from a popup
|
|
53
53
|
|
|
54
54
|
```ts
|
|
55
|
+
// Access a block on the page that opened the current popup
|
|
55
56
|
const pageBlock = ctx.getModel('page-block-uid', true);
|
|
56
57
|
if (pageBlock) {
|
|
57
58
|
pageBlock.rerender?.();
|
|
58
59
|
}
|
|
59
60
|
```
|
|
60
61
|
|
|
61
|
-
### Cross-model
|
|
62
|
+
### Cross-model read/write and trigger rerender
|
|
62
63
|
|
|
63
64
|
```ts
|
|
64
65
|
const target = ctx.getModel('other-block-uid');
|
|
@@ -68,17 +69,17 @@ if (target) {
|
|
|
68
69
|
}
|
|
69
70
|
```
|
|
70
71
|
|
|
71
|
-
###
|
|
72
|
+
### Safety check
|
|
72
73
|
|
|
73
74
|
```ts
|
|
74
75
|
const model = ctx.getModel(someUid);
|
|
75
76
|
if (!model) {
|
|
76
|
-
ctx.message.warning('Target model not
|
|
77
|
+
ctx.message.warning('Target model does not exist');
|
|
77
78
|
return;
|
|
78
79
|
}
|
|
79
80
|
```
|
|
80
81
|
|
|
81
82
|
## Related
|
|
82
83
|
|
|
83
|
-
- [ctx.model](./model.md): model
|
|
84
|
-
- [ctx.blockModel](./block-model.md): parent block
|
|
84
|
+
- [ctx.model](./model.md): The model where the current execution context is located.
|
|
85
|
+
- [ctx.blockModel](./block-model.md): The parent block model where the current JS is located; usually accessible without needing `getModel`.
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
# ctx.getValue()
|
|
2
2
|
|
|
3
|
-
In JSField
|
|
3
|
+
In editable field scenarios such as JSField and JSItem, use this to get the latest value of the current field. Combined with `ctx.setValue(v)`, it enables two-way binding with the form.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Scenarios
|
|
6
6
|
|
|
7
7
|
| Scenario | Description |
|
|
8
|
-
|
|
9
|
-
| **JSField** | Read user input or current form value in editable custom fields |
|
|
10
|
-
| **JSItem** | Read current cell value in
|
|
11
|
-
| **JSColumn** | Read
|
|
8
|
+
|------|------|
|
|
9
|
+
| **JSField** | Read user input or the current form value in editable custom fields. |
|
|
10
|
+
| **JSItem** | Read the current cell value in editable items of tables/sub-tables. |
|
|
11
|
+
| **JSColumn** | Read the field value of the corresponding row during table column rendering. |
|
|
12
12
|
|
|
13
|
-
> Note
|
|
13
|
+
> **Note**: `ctx.getValue()` is only available in RunJS contexts with form binding; it does not exist in scenarios without field binding, such as workflows or linkage rules.
|
|
14
14
|
|
|
15
|
-
## Type
|
|
15
|
+
## Type Definition
|
|
16
16
|
|
|
17
17
|
```ts
|
|
18
18
|
getValue<T = any>(): T | undefined;
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
- **
|
|
21
|
+
- **Return Value**: The current field value, whose type is determined by the field's form item type; it may be `undefined` if the field is not registered or not filled.
|
|
22
22
|
|
|
23
|
-
##
|
|
23
|
+
## Retrieval Order
|
|
24
24
|
|
|
25
|
-
`ctx.getValue()`
|
|
25
|
+
`ctx.getValue()` retrieves values in the following order:
|
|
26
26
|
|
|
27
|
-
1. **Form
|
|
28
|
-
2. **Fallback**: If the field is not in the form,
|
|
27
|
+
1. **Form State**: Prioritizes reading from the current state of the Ant Design Form.
|
|
28
|
+
2. **Fallback Value**: If the field is not in the form, it falls back to the field's initial value or props.
|
|
29
29
|
|
|
30
|
-
If the form
|
|
30
|
+
> If the form has not finished rendering or the field is not registered, it may return `undefined`.
|
|
31
31
|
|
|
32
32
|
## Examples
|
|
33
33
|
|
|
@@ -36,9 +36,9 @@ If the form is not yet rendered or the field is not registered, the result may b
|
|
|
36
36
|
```ts
|
|
37
37
|
const current = ctx.getValue();
|
|
38
38
|
if (current == null || current === '') {
|
|
39
|
-
ctx.render(<span>Please enter
|
|
39
|
+
ctx.render(<span>Please enter content first</span>);
|
|
40
40
|
} else {
|
|
41
|
-
ctx.render(<span>Current: {current}</span>);
|
|
41
|
+
ctx.render(<span>Current value: {current}</span>);
|
|
42
42
|
}
|
|
43
43
|
```
|
|
44
44
|
|
|
@@ -47,6 +47,7 @@ if (current == null || current === '') {
|
|
|
47
47
|
```tsx
|
|
48
48
|
const { Input } = ctx.libs.antd;
|
|
49
49
|
|
|
50
|
+
// Read current value as default value
|
|
50
51
|
const defaultValue = ctx.getValue() ?? '';
|
|
51
52
|
|
|
52
53
|
ctx.render(
|
|
@@ -59,6 +60,6 @@ ctx.render(
|
|
|
59
60
|
|
|
60
61
|
## Related
|
|
61
62
|
|
|
62
|
-
- [ctx.setValue()](./set-value.md)
|
|
63
|
-
- [ctx.form](./form.md)
|
|
64
|
-
- `js-field:value-change
|
|
63
|
+
- [ctx.setValue()](./set-value.md) - Set the current field value, used with `getValue` for two-way binding.
|
|
64
|
+
- [ctx.form](./form.md) - Ant Design Form instance, for reading/writing other fields.
|
|
65
|
+
- `js-field:value-change` - Container event triggered when external values change, used to update the display.
|