diff --git a/designable/antd/package.json b/designable/antd/package.json
index 5cb114eef6d..70fc0c5e9fb 100644
--- a/designable/antd/package.json
+++ b/designable/antd/package.json
@@ -30,7 +30,7 @@
"start": "webpack-dev-server --config playground/webpack.dev.ts"
},
"devDependencies": {
- "@designable/react-settings-form": "^0.4.17",
+ "@designable/react-settings-form": "^0.4.19",
"autoprefixer": "^9.0",
"file-loader": "^5.0.2",
"fs-extra": "^8.1.0",
@@ -56,9 +56,9 @@
"react-is": ">=16.8.0 || >=17.0.0"
},
"dependencies": {
- "@designable/core": "^0.4.17",
- "@designable/formily": "^0.4.17",
- "@designable/react": "^0.4.17",
+ "@designable/core": "^0.4.19",
+ "@designable/formily": "^0.4.19",
+ "@designable/react": "^0.4.19",
"@formily/antd": "2.0.0-beta.83",
"@formily/core": "2.0.0-beta.83",
"@formily/designable-setters": "2.0.0-beta.83",
diff --git a/designable/antd/playground/template.ejs b/designable/antd/playground/template.ejs
index a4dd656fb7d..a859d890a89 100644
--- a/designable/antd/playground/template.ejs
+++ b/designable/antd/playground/template.ejs
@@ -14,7 +14,7 @@
-
-
-
+
+
+
\ No newline at end of file
diff --git a/designable/setters/package.json b/designable/setters/package.json
index 5315a6d0d3b..25d2ec073f0 100644
--- a/designable/setters/package.json
+++ b/designable/setters/package.json
@@ -40,10 +40,10 @@
"react-is": ">=16.8.0 || >=17.0.0"
},
"dependencies": {
- "@designable/core": "^0.4.17",
- "@designable/formily": "^0.4.17",
- "@designable/react": "^0.4.17",
- "@designable/react-settings-form": "^0.4.17",
+ "@designable/core": "^0.4.19",
+ "@designable/formily": "^0.4.19",
+ "@designable/react": "^0.4.19",
+ "@designable/react-settings-form": "^0.4.19",
"@formily/antd": "2.0.0-beta.83",
"@formily/core": "2.0.0-beta.83",
"@formily/react": "2.0.0-beta.83",
diff --git a/devtools/chrome-extension/package.json b/devtools/chrome-extension/package.json
index b63b5960bc1..bf91882e56d 100644
--- a/devtools/chrome-extension/package.json
+++ b/devtools/chrome-extension/package.json
@@ -16,7 +16,7 @@
"npm": ">=3.0.0"
},
"scripts": {
- "build": "webpack-cli --config config/webpack.prod.ts",
+ "build:devtools": "webpack-cli --config config/webpack.prod.ts",
"build:zip": "rimraf package.zip && zip -r package.zip package",
"start": "webpack-dev-server --config config/webpack.dev.ts"
},
diff --git a/packages/core/docs/api/models/Field.md b/packages/core/docs/api/models/Field.md
index 19d3e11653e..d172bfbbe0f 100644
--- a/packages/core/docs/api/models/Field.md
+++ b/packages/core/docs/api/models/Field.md
@@ -568,6 +568,20 @@ interface dispose {
}
```
+### destroy
+
+#### Description
+
+Release observer, and remove current field model
+
+#### Signature
+
+```ts
+interface destroy {
+ (): void
+}
+```
+
### match
#### Description
diff --git a/packages/core/docs/api/models/Field.zh-CN.md b/packages/core/docs/api/models/Field.zh-CN.md
index d4c15416ba1..383023cfde7 100644
--- a/packages/core/docs/api/models/Field.zh-CN.md
+++ b/packages/core/docs/api/models/Field.zh-CN.md
@@ -568,6 +568,20 @@ interface dispose {
}
```
+### destroy
+
+#### 描述
+
+释放 observer，并删除字段模型
+
+#### 签名
+
+```ts
+interface destroy {
+ (): void
+}
+```
+
### match
#### 描述
diff --git a/packages/core/docs/api/models/Form.md b/packages/core/docs/api/models/Form.md
index 9a591f78b1a..30fa9ee7815 100644
--- a/packages/core/docs/api/models/Form.md
+++ b/packages/core/docs/api/models/Form.md
@@ -646,7 +646,7 @@ Clear the field set
```ts
interface clearFormGraph {
- (): void
+ (pattern: FormPathPattern): void
}
```
diff --git a/packages/core/docs/api/models/Form.zh-CN.md b/packages/core/docs/api/models/Form.zh-CN.md
index 61e0d6ffd14..a774d5a1631 100644
--- a/packages/core/docs/api/models/Form.zh-CN.md
+++ b/packages/core/docs/api/models/Form.zh-CN.md
@@ -646,7 +646,7 @@ interface setFormGraph {
```ts
interface clearFormGraph {
- (): void
+ (pattern: FormPathPattern): void
}
```
diff --git a/packages/core/docs/api/models/VoidField.md b/packages/core/docs/api/models/VoidField.md
index 9cb87f808e3..4057bca0e79 100644
--- a/packages/core/docs/api/models/VoidField.md
+++ b/packages/core/docs/api/models/VoidField.md
@@ -275,6 +275,20 @@ interface dispose {
}
```
+### destroy
+
+#### Description
+
+Release observer, and remove current field model
+
+#### Signature
+
+```ts
+interface destroy {
+ (): void
+}
+```
+
### match
#### Description
diff --git a/packages/core/docs/api/models/VoidField.zh-CN.md b/packages/core/docs/api/models/VoidField.zh-CN.md
index d7e2b785770..31e3d6600ee 100644
--- a/packages/core/docs/api/models/VoidField.zh-CN.md
+++ b/packages/core/docs/api/models/VoidField.zh-CN.md
@@ -275,6 +275,20 @@ interface dispose {
}
```
+### destroy
+
+#### 描述
+
+释放 observer，并删除字段模型
+
+#### 签名
+
+```ts
+interface destroy {
+ (): void
+}
+```
+
### match
#### 描述
diff --git a/packages/core/src/__tests__/graph.spec.ts b/packages/core/src/__tests__/graph.spec.ts
index 8c5a76ec17c..322e021417b 100644
--- a/packages/core/src/__tests__/graph.spec.ts
+++ b/packages/core/src/__tests__/graph.spec.ts
@@ -40,3 +40,25 @@ test('getGraph/setGraph', () => {
})
expect(form.query('object').get('value')).toEqual(123)
})
+
+test('clearFormGraph', () => {
+ const form = attach(createForm())
+ attach(
+ form.createField({
+ name: 'normal',
+ })
+ )
+ attach(
+ form.createArrayField({
+ name: 'array',
+ })
+ )
+ attach(
+ form.createObjectField({
+ name: 'object',
+ })
+ )
+ form.clearFormGraph('normal')
+ expect(form.fields['normal']).toBeUndefined()
+ expect(form.fields['array']).not.toBeUndefined()
+})
diff --git a/packages/core/src/__tests__/void.spec.ts b/packages/core/src/__tests__/void.spec.ts
index 7e305a76429..79210d80cb0 100644
--- a/packages/core/src/__tests__/void.spec.ts
+++ b/packages/core/src/__tests__/void.spec.ts
@@ -1,16 +1,17 @@
import { createForm } from '../'
import { attach } from './shared'
-test('create object field', () => {
+test('create void field', () => {
const form = attach(createForm())
- attach(
+ const field = attach(
form.createVoidField({
name: 'void',
})
)
+ field.destroy()
})
-test('create field props', () => {
+test('create void field props', () => {
const form = attach(createForm())
const field1 = attach(
form.createVoidField({
diff --git a/packages/core/src/models/Field.ts b/packages/core/src/models/Field.ts
index 6542e78a166..0be26dec6bc 100644
--- a/packages/core/src/models/Field.ts
+++ b/packages/core/src/models/Field.ts
@@ -802,6 +802,11 @@ export class Field<
this.form.removeEffects(this)
}
+ destroy = () => {
+ this.dispose()
+ delete this.form.fields[this.address.toString()]
+ }
+
match = (pattern: FormPathPattern) => {
return FormPath.parse(pattern).matchAliasGroup(this.address, this.path)
}
diff --git a/packages/core/src/models/Form.ts b/packages/core/src/models/Form.ts
index b4e00e27215..e47616e3fea 100644
--- a/packages/core/src/models/Form.ts
+++ b/packages/core/src/models/Form.ts
@@ -611,10 +611,9 @@ export class Form