@next-bricks/visual-builder 1.20.1 → 1.22.0

package/dist/types.json

@@ -45,6 +45,63 @@
     ],
     "methods": []
   },
+  "visual-builder.workbench-sidebar": {
+    "properties": [
+      {
+        "name": "titleLabel",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "visual-builder.workbench-action": {
+    "properties": [
+      {
+        "name": "icon",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "GeneralIconProps"
+          }
+        }
+      },
+      {
+        "name": "to",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "active",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "href",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "target",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "visual-builder.check-editor-by-name": {
     "type": "provider",
     "params": [
@@ -75,18 +132,58 @@
       }
     }
   },
-  "visual-builder.workbench-sidebar": {
-    "properties": [
+  "visual-builder.get-data-deps": {
+    "type": "provider",
+    "params": [
       {
-        "name": "titleLabel",
+        "name": "contextConfs",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "ContextConf"
+            }
+          }
+        }
+      },
+      {
+        "name": "keyword",
         "annotation": {
           "type": "keyword",
           "value": "string"
         }
       }
     ],
-    "events": [],
-    "methods": []
+    "returns": {
+      "annotation": {
+        "type": "reference",
+        "typeName": {
+          "type": "identifier",
+          "name": "Map"
+        },
+        "typeParameters": {
+          "type": "typeParameterInstantiation",
+          "params": [
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ContextConf"
+              }
+            },
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "MemberUsage"
+              }
+            }
+          ]
+        }
+      }
+    }
   },
   "visual-builder.page-arch-node": {
     "properties": [
@@ -365,47 +462,8 @@
       }
     ]
   },
-  "visual-builder.workbench-action": {
-    "properties": [
-      {
-        "name": "icon",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "GeneralIconProps"
-          }
-        }
-      },
-      {
-        "name": "to",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "active",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "href",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "target",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      }
-    ],
+  "visual-builder.pre-generated-table-view": {
+    "properties": [],
     "events": [],
     "methods": []
   },
@@ -635,11 +693,6 @@
       }
     ]
   },
-  "visual-builder.pre-generated-table-view": {
-    "properties": [],
-    "events": [],
-    "methods": []
-  },
   "visual-builder.pre-generated-container": {
     "properties": [
       {
@@ -1205,6 +1258,19 @@
             }
           }
         }
+      },
+      {
+        "name": "editorPackages",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "BrickPackage"
+            }
+          }
+        }
       }
     ],
     "events": [

package/dist-types/bootstrap.d.ts

@@ -16,3 +16,4 @@ import "./pre-generated-table-view/index.js";
 import "./pre-generated-container/index.js";
 import "./property-editor/index.js";
 import "./data-providers/check-editor-by-name.js";
+import "./data-providers/get-data-dependency.js";

package/dist-types/data-providers/get-data-dependency.d.ts

@@ -0,0 +1,3 @@
+import { MemberUsage } from "@next-core/utils/storyboard";
+import { ContextConf } from "@next-core/types";
+export declare function getDataDependency(contextConfs: ContextConf[], keyword: string): Map<ContextConf, MemberUsage>;

package/dist-types/data-providers/get-data-dependency.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-types/interfaces.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="trusted-types" />
 import { GeneralIconProps } from "@next-bricks/icons/general-icon";
 export interface WorkbenchNodeData<T = unknown> {
     if?: boolean;

package/dist-types/property-editor/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
-import { Form, onFieldValueChange, onFieldInit, onFieldInitialValueChange, onFormValidateSuccess } from "@formily/core";
+import { Form, onFieldValueChange, onFieldInit, onFieldInitialValueChange, onFormInitialValuesChange, onFormValidateSuccess } from "@formily/core";
 import { ISchema } from "@formily/react";
 import { CategoryTitle } from "./components/CategoryTitle";
 import { AdvancedFormItem } from "./components/AdvancedFormItem";
@@ -9,6 +9,7 @@ import { CodeEditorComponent } from "./components/common/CodeEditorComponent";
 import { IconSelectComponent } from "./components/common/IconSelectComponent";
 import { DataNode } from "./utils/formilySchemaFormatter";
 import "./style.css";
+import { BrickPackage } from "@next-core/types";
 declare const SchemaField: {
     <Decorator extends import("@formily/react").JSXComponent, Component extends import("@formily/react").JSXComponent>(props: import("@formily/react").ISchemaFieldProps<Decorator, Component, import("@formily/core").ObjectField<Decorator, Component>>): JSX.Element;
     displayName: string;
@@ -29,7 +30,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -38,11 +39,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -69,7 +70,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -78,11 +79,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -109,7 +110,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -118,11 +119,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -149,7 +150,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -158,11 +159,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -189,7 +190,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -198,11 +199,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -229,7 +230,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -238,11 +239,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -269,7 +270,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -278,11 +279,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -309,7 +310,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -318,11 +319,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -349,7 +350,7 @@ declare const SchemaField: {
             FormCollapse: import("@formily/react").ReactFC<import("@formily/antd-v5").IFormCollapseProps> & {
                 CollapsePanel: React.FC<React.PropsWithChildren<import("antd").CollapsePanelProps>>;
                 createFormCollapse: (defaultActiveKeys?: string | number | (string | number)[]) => {
-                    activeKeys: string | number | (string | number)[];
+                    activeKeys: (string | number | (string | number)[]) | undefined;
                     setActiveKeys(keys: string | number | (string | number)[]): void;
                     hasActiveKey(key: string | number): boolean;
                     addActiveKey(key: string | number): void;
@@ -358,11 +359,11 @@ declare const SchemaField: {
                 };
             };
             NumberPicker: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<import("rc-input-number").ValueType> & {
-                children?: React.ReactNode;
+                children?: import("react").ReactNode;
             } & React.RefAttributes<HTMLInputElement>>, "key" | keyof import("antd").InputNumberProps<import("rc-input-number").ValueType>> & React.RefAttributes<unknown>>;
             Radio: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>, "key" | keyof import("antd").RadioProps> & React.RefAttributes<unknown>> & {
                 __ANT_RADIO: boolean;
-                Group: React.ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & React.RefAttributes<unknown>>;
+                Group: import("react").ForwardRefExoticComponent<Pick<Partial<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, "key" | keyof import("antd").RadioGroupProps> & import("react").RefAttributes<unknown>>;
             };
             Select: import("@formily/react").ReactFC<import("antd/lib").SelectProps<any, any>>;
             Switch: React.ForwardRefExoticComponent<Pick<Partial<import("antd").SwitchProps & React.RefAttributes<HTMLElement>>, "key" | keyof import("antd").SwitchProps> & React.RefAttributes<unknown>>;
@@ -376,13 +377,16 @@ declare const SchemaField: {
 export interface EditorComponentProps {
     advancedMode?: boolean;
     SchemaFieldComponent: typeof SchemaField;
-    formilySchemaFormatter: (data: DataNode, advancedMode: boolean) => ISchema;
+    formilySchemaFormatter: (data: any, advancedMode?: boolean) => ISchema;
     form: Form<any>;
     effects: {
         onFieldInit: typeof onFieldInit;
         onFieldValueChange: typeof onFieldValueChange;
         onFieldInitialValueChange: typeof onFieldInitialValueChange;
+        onFormInitialValuesChange: typeof onFormInitialValuesChange;
         onFormValidateSuccess: typeof onFormValidateSuccess;
+        onSubmit: (listener: (value: any, form: Form) => any) => void;
+        onAdvancedChange: (listener: (advancedMode: boolean, form: Form) => any) => void;
     };
     scope: {
         advancedMode: boolean;
@@ -414,6 +418,7 @@ export declare class PropertyEditor extends ReactNextElement {
     /** 高级模式 */
     accessor advancedMode: boolean | undefined;
     accessor dataList: DataItem[];
+    accessor editorPackages: BrickPackage[];
     validate(): void;
     render(): React.JSX.Element;
 }
@@ -422,6 +427,8 @@ export interface PropertyEditorProps {
     editorName: string;
     advancedMode?: boolean;
     dataList: DataItem[];
+    editorPackages: BrickPackage[];
     handleValuesChange: (value: any) => void;
+    onSubmitEffect: (listener: (value: any, form: Form) => any) => void;
 }
-export declare function LegacyPropertyEditor({ advancedMode, values, editorName, dataList, handleValuesChange, }: PropertyEditorProps, ref: any): React.JSX.Element;
+export declare function LegacyPropertyEditor({ advancedMode, values, editorName, dataList, editorPackages, handleValuesChange, onSubmitEffect, }: PropertyEditorProps, ref: any): React.JSX.Element;

package/dist-types/shared/workbench/WorkbenchActionsContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ActionClickDetail, WorkbenchTreeAction } from "../../interfaces.js";
 export interface ContextOfWorkbenchActions {
     actions?: WorkbenchTreeAction[];

package/dist-types/shared/workbench/WorkbenchTreeContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WorkbenchNodeData } from "../../interfaces.js";
 import { dragStatusEnum } from "./WorkbenchTreeDndContext.js";
 export interface dropOptions {

package/dist-types/shared/workbench/WorkbenchTreeDndContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WorkbenchNodeData } from "../../interfaces.js";
 export declare enum dragStatusEnum {
     inside = "inside",

package/dist-types/utils/setDragImage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function setDragImage(e: DragEvent | React.DragEvent, title: string): void;

package/docs/property-editor.md

@@ -5,20 +5,51 @@
 ### Basic
 
 ```yaml preview
+- brick: eo-select
+  properties:
+    label: 选择一个构件
+    value: eo-button
+    options: <% MISC.local_editors %>
+    style:
+      display: block
+      marginBottom: 2em
+  events:
+    change:
+      target: "#editor"
+      properties:
+        editorName: <% EVENT.detail.value %>
 - brick: visual-builder.property-editor
   properties:
     id: editor
-    editorName: eo-button-editor
+    editorName: eo-button
+    advancedMode: <%= CTX.isAdvanced %>
   events:
     validate.success:
       - action: console.log
     validate.error:
       - action: console.log
-- brick: eo-button
-  properties:
-    textContent: Submit
-  events:
-    click:
-      - target: "#editor"
-        method: validate
+- brick: eo-search-bar
+  context:
+    - name: isAdvanced
+      value: false
+  children:
+    - brick: eo-button
+      slot: start
+      properties:
+        textContent: Submit
+      events:
+        click:
+          - target: "#editor"
+            method: validate
+    - brick: eo-link
+      slot: end
+      properties:
+        textContent: |
+          <%= `切换到${CTX.isAdvanced ? "普通" : "高级"}模式` %>
+      events:
+        click:
+          - action: context.replace
+            args:
+              - isAdvanced
+              - <% !CTX.isAdvanced %>
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/visual-builder",
-  "version": "1.20.1",
+  "version": "1.22.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/visual-builder",
   "repository": {
     "type": "git",
@@ -35,8 +35,8 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.22.0",
-    "@next-core/test-next": "^1.1.3"
+    "@next-core/build-next-bricks": "^1.22.2",
+    "@next-core/test-next": "^1.1.4"
   },
   "peerDependencies": {
     "@next-bricks/basic": "*",
@@ -44,5 +44,5 @@
     "@next-bricks/icons": "*",
     "@next-bricks/vs": "*"
   },
-  "gitHead": "cb9295ae1aa0f2973e49623abbdd49899fcf7b54"
+  "gitHead": "898bc118c9e1de37b7fab5738f38c029b4b9bb99"
 }