@next-bricks/visual-builder 1.21.0 → 1.22.1

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

@@ -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>>;
@@ -384,7 +385,8 @@ export interface EditorComponentProps {
         onFieldInitialValueChange: typeof onFieldInitialValueChange;
         onFormInitialValuesChange: typeof onFormInitialValuesChange;
         onFormValidateSuccess: typeof onFormValidateSuccess;
-        onSubmit: (listener: (form: Form) => any) => void;
+        onSubmit: (listener: (value: any, form: Form) => any) => void;
+        onAdvancedChange: (listener: (advancedMode: boolean, form: Form) => any) => void;
     };
     scope: {
         advancedMode: boolean;
@@ -416,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;
 }
@@ -424,7 +427,8 @@ export interface PropertyEditorProps {
     editorName: string;
     advancedMode?: boolean;
     dataList: DataItem[];
+    editorPackages: BrickPackage[];
     handleValuesChange: (value: any) => void;
-    onSubmitEffect: (listener: (form: Form) => any) => void;
+    onSubmitEffect: (listener: (value: any, form: Form) => any) => void;
 }
-export declare function LegacyPropertyEditor({ advancedMode, values, editorName, dataList, handleValuesChange, onSubmitEffect, }: 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.21.0",
+  "version": "1.22.1",
   "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.3",
+    "@next-core/test-next": "^1.1.4"
   },
   "peerDependencies": {
     "@next-bricks/basic": "*",
@@ -44,5 +44,5 @@
     "@next-bricks/icons": "*",
     "@next-bricks/vs": "*"
   },
-  "gitHead": "8dd16729d3c01eac8553d16d913ff2efd55d4f8f"
+  "gitHead": "e87bc9fba2c1cea8a9ec33f768c1ad4147f56f73"
 }