@next-bricks/visual-builder 1.31.1 → 1.32.2

package/dist/types.json

@@ -45,6 +45,19 @@
     ],
     "methods": []
   },
+  "visual-builder.workbench-sidebar": {
+    "properties": [
+      {
+        "name": "titleLabel",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "visual-builder.workbench-action": {
     "properties": [
       {
@@ -89,19 +102,6 @@
     "events": [],
     "methods": []
   },
-  "visual-builder.workbench-sidebar": {
-    "properties": [
-      {
-        "name": "titleLabel",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "visual-builder.check-editor-by-name": {
     "type": "provider",
     "params": [
@@ -2019,167 +2019,6 @@
         "params": [],
         "returns": {}
       }
-    ],
-    "types": [
-      {
-        "type": "interface",
-        "name": "DataItem",
-        "body": [
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "name"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "string"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "value"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "string"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "definition"
-            },
-            "annotation": {
-              "type": "array",
-              "elementType": {
-                "type": "reference",
-                "typeName": {
-                  "type": "identifier",
-                  "name": "DefinitionItem"
-                }
-              }
-            },
-            "computed": false
-          },
-          {
-            "type": "indexSignature",
-            "parameter": {
-              "type": "identifier",
-              "name": "k",
-              "annotation": {
-                "type": "keyword",
-                "value": "string"
-              }
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "any"
-            }
-          }
-        ]
-      },
-      {
-        "type": "interface",
-        "name": "DefinitionItem",
-        "body": [
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "name"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "string"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "type"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "string"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "enum"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "string"
-            },
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "fileds"
-            },
-            "annotation": {
-              "type": "array",
-              "elementType": {
-                "type": "reference",
-                "typeName": {
-                  "type": "identifier",
-                  "name": "DefinitionItem"
-                }
-              }
-            },
-            "computed": false
-          }
-        ]
-      },
-      {
-        "type": "typeAlias",
-        "name": "SelectOptions",
-        "annotation": {
-          "type": "array",
-          "elementType": {
-            "type": "typeLiteral",
-            "members": [
-              {
-                "type": "propertySignature",
-                "key": {
-                  "type": "identifier",
-                  "name": "label"
-                },
-                "annotation": {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                "computed": false
-              },
-              {
-                "type": "propertySignature",
-                "key": {
-                  "type": "identifier",
-                  "name": "value"
-                },
-                "annotation": {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                "computed": false
-              }
-            ]
-          }
-        }
-      }
     ]
   },
   "visual-builder.workbench-tree": {

package/dist-types/property-editor/components/common/CustomOptionsComponent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DataNode } from "../../utils/formilySchemaFormatter";
+interface ActionOptionsComponentProps {
+    onChange: (value: any[]) => void;
+    displayLabel: string;
+    schema: DataNode[];
+    value: any;
+}
+export declare function CustomOptionsComponent({ schema, displayLabel, value, onChange, }: ActionOptionsComponentProps): React.JSX.Element;
+export {};

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
-import { Form, onFieldValueChange, onFieldInit, onFieldInitialValueChange, onFormInitialValuesChange, onFormValidateSuccess } from "@formily/core";
-import { ISchema } from "@formily/react";
+import { Form } from "@formily/core";
+import { DataItem, SelectOptions } from "@next-shared/property-editor";
 import { CategoryTitle } from "./components/CategoryTitle";
 import { AdvancedFormItem } from "./components/AdvancedFormItem";
 import { CodeEditorComponent } from "./components/common/CodeEditorComponent";
@@ -13,17 +13,18 @@ import { TextAlignRadioComponent } from "./components/common/TextAlignRadioCompo
 import { InputWithUnitComponent } from "./components/common/InputWithUnitComponent";
 import { UseChildrenSelectComponent } from "./components/common/UseChildrenSelectComponent";
 import { BoxSizeComponent } from "./components/common/BoxSizeComponent";
+import { CustomOptionsComponent } from "./components/common/CustomOptionsComponent";
 import { CustomTab } from "./components/common/CustomTab";
 import { DataNode } from "./utils/formilySchemaFormatter";
 import "./style.css";
 import { BrickPackage } from "@next-core/types";
 export declare const BEFORE_SUBMIT_KEY = "before_submit";
 export declare const ADVANCED_CHANGE_KEY = "on_advanced_change";
-declare const SchemaField: {
+export 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;
     Markup: {
-        <Decorator_1 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_1 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaMarkupFieldProps<{
+        <Decorator_1 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_1 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaMarkupFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -64,13 +65,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_1, Decorator_1>): JSX.Element;
         displayName: string;
     };
     String: {
-        <Decorator_2 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_2 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_2 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_2 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -111,13 +113,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_2, Decorator_2>): JSX.Element;
         displayName: string;
     };
     Object: {
-        <Decorator_3 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_3 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_3 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_3 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -158,13 +161,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_3, Decorator_3>): JSX.Element;
         displayName: string;
     };
     Array: {
-        <Decorator_4 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_4 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_4 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_4 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -205,13 +209,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_4, Decorator_4>): JSX.Element;
         displayName: string;
     };
     Boolean: {
-        <Decorator_5 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_5 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_5 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_5 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -252,13 +257,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_5, Decorator_5>): JSX.Element;
         displayName: string;
     };
     Date: {
-        <Decorator_6 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_6 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_6 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_6 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -299,13 +305,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_6, Decorator_6>): JSX.Element;
         displayName: string;
     };
     DateTime: {
-        <Decorator_7 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_7 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_7 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_7 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -346,13 +353,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_7, Decorator_7>): JSX.Element;
         displayName: string;
     };
     Void: {
-        <Decorator_8 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_8 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_8 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_8 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -393,13 +401,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_8, Decorator_8>): JSX.Element;
         displayName: string;
     };
     Number: {
-        <Decorator_9 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group", Component_9 extends "CodeEditor" | "CustomTab.TabPanel" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.$$typeof" | "Radio.__ANT_RADIO" | "Radio.Group">(props: import("@formily/react").ISchemaTypeFieldProps<{
+        <Decorator_9 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO", Component_9 extends "CodeEditor" | "FormItemWithoutAdvanced" | "InputWithUnit" | "TextAlignRadio" | "ColorPicker" | "BoxSize" | "FormItem" | "CustomTab" | "CustomTab.TabPanel" | "Input" | "Switch" | "FormLayout" | "FormCollapse" | "NumberPicker" | "Radio" | "Select" | "CategoryTitle" | "IconSelect" | "UseChildrenSelect" | "InputWithUrl" | "CustomOptions" | "FormCollapse.CollapsePanel" | "FormItemWithoutAdvanced.BaseItem" | "Input.TextArea" | "Switch.$$typeof" | "FormLayout.useFormLayout" | "FormLayout.useFormDeepLayout" | "FormLayout.useFormShallowLayout" | "FormCollapse.createFormCollapse" | "NumberPicker.$$typeof" | "Radio.Group" | "Radio.$$typeof" | "Radio.__ANT_RADIO">(props: import("@formily/react").ISchemaTypeFieldProps<{
             FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
                 useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
                 useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
@@ -440,53 +449,14 @@ declare const SchemaField: {
             InputWithUrl: typeof InputWithUrlComponent;
             InputWithUnit: typeof InputWithUnitComponent;
             TextAlignRadio: typeof TextAlignRadioComponent;
+            CustomOptions: typeof CustomOptionsComponent;
             BoxSize: typeof BoxSizeComponent;
             CustomTab: typeof CustomTab;
         }, Component_9, Decorator_9>): JSX.Element;
         displayName: string;
     };
 };
-type SelectOptions = {
-    label: string;
-    value: string;
-}[];
-export interface EditorComponentProps {
-    advancedMode?: boolean;
-    SchemaFieldComponent: typeof SchemaField;
-    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;
-        dataList: DataItem[];
-        childSlots: SelectOptions;
-        extraLibs: SelectOptions;
-        links: any;
-        tokenClick: (token: CustomEvent<string>) => void;
-        triggerAction: (action: string) => void;
-    };
-}
-export interface DefinitionItem {
-    name: string;
-    type: string;
-    enum: string;
-    fileds: DefinitionItem[];
-}
-export interface DataItem {
-    name: string;
-    value: string;
-    definition: DefinitionItem[];
-    [k: string]: any;
-}
-export { DataNode };
+export type { DataNode };
 /**
  * 构件 `visual-builder.property-editor`
  */

package/dist-types/property-editor/utils/formilySchemaFormatter.d.ts

@@ -15,5 +15,8 @@ export interface DataNode {
     children?: DataNode[];
     [k: string]: any;
 }
-export declare function formilySchemaFormatter(data: DataNode): ISchema;
+type formilySchemaFormatterOptions = {
+    isDefault: boolean;
+};
+export declare function formilySchemaFormatter(data: DataNode, options?: formilySchemaFormatterOptions | boolean): ISchema;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/visual-builder",
-  "version": "1.31.1",
+  "version": "1.32.2",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/visual-builder",
   "repository": {
     "type": "git",
@@ -44,5 +44,5 @@
     "@next-bricks/icons": "*",
     "@next-bricks/vs": "*"
   },
-  "gitHead": "b25a221747443e90deb35b0c70b1b0c83b835089"
+  "gitHead": "e3be95e796904a042ccb908850fe3af223451a04"
 }

package/dist/chunks/5021.ec378b1d.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_visual_builder=globalThis.webpackChunk_next_bricks_visual_builder||[]).push([[5021],{2803:(e,t,o)=>{o.d(t,{M:()=>x});var a=o(9575),n=o(8769),r=o.n(n),l=o(9193),i=o(1389),c=o(7091),s=o(3373),p=o.n(s),u=o(1030),m=o(5908),d=o(1431),v=o(1732),b=o.n(v);const f=(0,i.wrapBrick)("eo-icon"),h=(0,i.wrapBrick)("eo-tooltip");function x(e){const t=(0,c.mN)(),o=(0,c.Mt)(),i=(0,c.Ov)(),[s,v]=(0,n.useState)("string"==typeof o.value&&(0,d.isEvaluable)(o.value)?"advanced":"normal"),x=(0,n.useMemo)((()=>"advanced"===s),[s]),g=(0,n.useMemo)((()=>o.component),[o]),E=(0,n.useCallback)((()=>{const e=x?"normal":"advanced",a="advanced"===e;v(e),o.setComponent(a?"CodeEditor":g[0],{...a?{...i??{},lineNumbers:"off",glyphMargin:!1}:g[1]});const n=t.getValuesIn(o.props.name);if(a&&(0,u.isObject)(n))t.setInitialValues({[o.props.name]:b().safeDump(n)});else if(!a&&n&&"string"==typeof n){let e;try{e=b().load(n)}catch{e=null}t.setInitialValues({[o.props.name]:e},"overwrite")}}),[t,o,x,g,i]);return(0,c.Uf)((()=>{(0,m.J4)(o.props.name,(e=>{let{value:t}=e;"string"==typeof t&&(0,d.isEvaluable)(t)&&(v("advanced"),o.setComponent("CodeEditor",{...i??{},lineNumbers:"off",glyphMargin:!1}))}))})),r().createElement("div",{className:"advanced-form-item"},r().createElement(l.eI,(0,a.A)({},e,{layout:x?null:e.layout||"vertical"}),e.children),r().createElement("div",{className:"advanced-mode-check-wrapper"},r().createElement(h,{content:"normal"===s?"使用表达式":"关闭表达式"},r().createElement(f,{className:p()({isActive:x}),lib:"fa",icon:"code",onClick:E}))))}},3768:(e,t,o)=>{o.d(t,{H:()=>r});var a=o(8769),n=o.n(a);function r(e){return n().createElement("div",{className:"custom-category-title"},e.text)}},6110:(e,t,o)=>{o.d(t,{i:()=>T});var a=o(9193),n=o(9646),r=o(7070),l=o(8769),i=o.n(l),c=o(2591),s=o.n(c),p=o(1740),u=o.n(p),m=o(8128),d=o.n(m),v=o(855),b=o.n(v),f=o(3051),h=o.n(f),x=o(3656),g=o.n(x),E=o(3607),y={};y.styleTagTransform=g(),y.setAttributes=b(),y.insert=d().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h(),s()(E.A,y);const C=E.A&&E.A.locals?E.A.locals:void 0;var A=o(3373),k=o.n(A),S=function(e){return e[e.top=0]="top",e[e.right=1]="right",e[e.bottom=2]="bottom",e[e.left=3]="left",e}(S||{});function T(e){let{onChange:t,value:o,mode:c}=e;const[s,p]=(0,l.useState)(),[u,m]=(0,l.useState)(!1),[d,v]=(0,l.useState)(),b=(0,l.useMemo)((()=>"in"===c),[c]),f=e=>{v(e)},h=()=>{v(null)},x=(0,l.useCallback)(((e,a)=>{const n=a.match(/\d+/),r=Number(null!==n?n[0]:0),l=u?`${r}px`:`${(o??"0px 0px 0px 0px").match(/(\d+px)/g).map(((t,o)=>S[e]===o?`${r}px`:t)).join(" ")}`;t(l)}),[u,t,o]),g=e=>{m(e)},E=(0,l.useCallback)((e=>{const t=(e??"0px 0px 0px 0px").match(/(\d+)/g);1===t.length?(m(!0),p({top:t[0],right:t[0],bottom:t[0],left:t[0]})):p({top:t[0],right:t[1],bottom:t[2]??t[0],left:t[3]??t[1]})}),[]);return(0,l.useEffect)((()=>{E(o)}),[o,E]),i().createElement("div",{className:C.boxSizeComponent},i().createElement("div",{className:C.leftWrapper},i().createElement("div",{className:C.outBox},i().createElement("div",{className:C.inBox,style:{position:b?"relative":"initial"}},i().createElement("div",{className:k()(C.top,C.line,C.vertical,{[C.active]:"top"===d||u})}),i().createElement("div",{className:k()(C.right,C.line,C.horizontal,{[C.active]:"right"===d||u})}),i().createElement("div",{className:k()(C.left,C.line,C.horizontal,{[C.active]:"left"===d||u})}),i().createElement("div",{className:k()(C.bottom,C.line,C.vertical,{[C.active]:"bottom"===d||u})}),i().createElement("div",{className:"connect-btn"},u?i().createElement(n.A,{style:{color:"var(--color-brand)"},onClick:()=>g(!1)}):i().createElement(r.A,{onClick:()=>g(!0)}))))),i().createElement("div",{className:C.rightWrapper},i().createElement("div",{className:C.inputWrapper},i().createElement(a.pd,{prefix:"上",placeholder:"0",value:null==s?void 0:s.top,onFocus:()=>f("top"),onBlur:h,onChange:e=>x("top",e.target.value)}),i().createElement(a.pd,{prefix:"左",placeholder:"0",value:null==s?void 0:s.left,onFocus:()=>f("left"),onChange:e=>x("left",e.target.value),onBlur:h})),i().createElement("div",{className:C.inputWrapper},i().createElement(a.pd,{prefix:"下",placeholder:"0",value:null==s?void 0:s.bottom,onFocus:()=>f("bottom"),onBlur:h,onChange:e=>x("bottom",e.target.value)}),i().createElement(a.pd,{prefix:"右",placeholder:"0",value:null==s?void 0:s.right,onFocus:()=>f("right"),onBlur:h,onChange:e=>x("right",e.target.value)}))))}},3824:(e,t,o)=>{o.d(t,{S:()=>u});var a=o(9575),n=o(8769),r=o.n(n),l=o(1389),i=o(1732),c=o.n(i),s=o(1030);const p=(0,l.wrapBrick)("vs.code-editor",{onChange:"code.change",tokenClick:"token.click"});function u(e){const[t,o]=(0,n.useState)(),[l,i]=(0,n.useState)(),u=(0,n.useCallback)((t=>{var o;i(t.detail?t.detail:void 0);const a=t.detail?c().safeLoad(t.detail):void 0;null==e||null===(o=e.onChange)||void 0===o||o.call(e,a)}),[e]);return(0,n.useEffect)((()=>{if(e.value&&!t){let t=e.value;if(t&&"string"!=typeof t){const e=Object.fromEntries(Object.entries(t).map((e=>{let[t,o]=e;return(0,s.isEmpty)(o)?null:[t,o]})).filter(Boolean));t=c().safeDump(e,{skipInvalid:!0})}o(t)}}),[e.value,t]),r().createElement(p,(0,a.A)({minLines:e.minLines??1,automaticLayout:"fit-content",language:"brick_next_yaml",theme:"vs-dark"},e,{value:l??t,onChange:u}))}},5067:(e,t,o)=>{o.d(t,{h:()=>m});var a=o(9575),n=o(8769),r=o.n(n),l=o(5346),i=o(7856);const c=Object.entries({amber:"#f7bf02",yellow:"#fadb14",orange:"#e38306",pink:"#ff1a79",red:"#f24c25",blue:"#1a7aff",indigo:"#3844e8","deep-purple":"#6641f9","gray-blue":"#778dc3",purple:"#893ad8",cyan:"#21d4f3",teal:"#1dc897",green:"#08BF33"}).map((e=>{let[t,o]=e;return{label:t,colors:(0,i.cM)(o)}})),s=e=>[{label:"系统默认",colors:e.map((e=>e.colors)).flat()}],p=(e,t)=>{let o=t;return e.forEach((e=>{const t=e.label,a=e.colors.findIndex((e=>"string"==typeof e?e===o:e.toHsbString()===o));a>=0&&(o=`var(--palette-${t}-${a+1})`)})),o},u=(e,t)=>{const[,o,a]=t.match(/^var\(--palette-(\w+)-(\d+)\)$/)??[];let n=t;return o&&a&&e.forEach((e=>{const t=e.colors[Number(a)-1];e.label===o&&t&&(n="string"==typeof t?t:t.toHsbString())})),n};function m(e){const[t,o]=(0,n.useState)(),i=(0,n.useMemo)((()=>s(c)),[]);return(0,n.useEffect)((()=>{if(e.value){const t=u(c,e.value);o(t)}}),[e.value]),r().createElement(l.A,(0,a.A)({getPopupContainer:()=>document.body,showText:!0,presets:i},e,{value:t,onChange:(t,o)=>{var a,n;a=o,null===(n=e.onChange)||void 0===n||n.call(e,p(c,a))}}))}},8409:(e,t,o)=>{o.d(t,{v:()=>S});var a=o(7091),n=o(8769),r=o.n(n),l=o(2591),i=o.n(l),c=o(1740),s=o.n(c),p=o(8128),u=o.n(p),m=o(855),d=o.n(m),v=o(3051),b=o.n(v),f=o(3656),h=o.n(f),x=o(244),g={};g.styleTagTransform=h(),g.setAttributes=d(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=b(),i()(x.A,g);const E=x.A&&x.A.locals?x.A.locals:void 0;var y=o(3373),C=o.n(y);const A=(0,n.createContext)({}),k=()=>{const e=(0,a.Mt)(),t=(0,a.X0)(),o=[];return t.mapProperties(((t,a)=>{var n;const r=e.query(e.address.concat(a)).take();if("none"!==(null==r?void 0:r.display)&&"hidden"!==(null==r?void 0:r.display)&&(null===(n=t["x-component"])||void 0===n?void 0:n.indexOf("CustomTab.TabPanel"))>-1){var l,i;const e=(null==r||null===(l=r.componentProps)||void 0===l?void 0:l.key)||(null==t||null===(i=t["x-component-props"])||void 0===i?void 0:i.key)||a;o.push({name:a,props:{...null==t?void 0:t["x-component-props"],...null==r?void 0:r.componentProps,key:e},schema:t})}})),o};function S(e){var t;const o=k(),[a,l]=(0,n.useState)(null===(t=o[0])||void 0===t?void 0:t.name);return r().createElement(A.Provider,{value:{activeTab:a}},r().createElement("div",{className:E.customTabWrapper},r().createElement("div",{className:E.customTabList},o.map((e=>{var t,o;return r().createElement("div",{className:C()(E.customTabItem,{[E.active]:a===(null===(t=e.props)||void 0===t?void 0:t.key)}),key:null===(o=e.props)||void 0===o?void 0:o.key,onClick:()=>l(e.props.key)},r().createElement("div",{className:E.customTabItemLabel},e.props.title))}))),e.children))}S.TabPanel=function(e){const{activeTab:t}=(0,n.useContext)(A);return(0,n.useMemo)((()=>e.tab===t),[t,e.tab])?r().createElement("div",{className:E.customTabPanel},e.children):null}},2513:(e,t,o)=>{o.d(t,{r:()=>l});var a=o(8769),n=o.n(a);const r=(0,o(1389).wrapBrick)("eo-icon-select",{onChange:"change"});function l(e){return n().createElement(r,e)}},966:(e,t,o)=>{o.d(t,{U:()=>i});var a=o(9575),n=o(8769),r=o.n(n),l=o(9193);function i(e){const[t,o]=(0,n.useState)(),i=(0,n.useCallback)((t=>{e.onChange(t?`${t}${e.suffix}`:void 0)}),[e]);return(0,n.useEffect)((()=>{const t=(e.value??"").replace(e.suffix,"");o(t)}),[e.suffix,e.value]),r().createElement(l.pd,(0,a.A)({},e,{value:t,onChange:e=>i(e.target.value)}))}},1477:(e,t,o)=>{o.d(t,{r:()=>p});var a=o(9575),n=o(8769),r=o.n(n),l=o(9193),i=o(7091),c=o(5908),s=o(47);function p(e){const[t,o]=(0,n.useState)(!0),p=(0,i.mN)(),u=(0,i.Mt)(),{url:m,href:d}=e.transform??{url:"url",href:"href"},v=(0,n.useMemo)((()=>(0,c.fA)(s.ADVANCED_CHANGE_KEY,((e,t)=>o=>{o(e,t)}))),[]),b=(0,n.useCallback)((()=>{const a=!t;o(a),p.setValues({[a?m:d]:e.value}),p.deleteValuesIn(a?d:m)}),[t,p,m,e.value,d]),f=(0,n.useCallback)((o=>{e.onChange(o),p.setValues({[t?m:d]:o})}),[e,p,t,m,d]),h=(0,n.useMemo)((()=>t?"内链":"外链"),[t]),x=(0,n.useCallback)((e=>{const{values:t}=e.getState(),a=u.props.name;e.setValuesIn(a,t[m]??t[d]),o(!t[d])}),[u.props.name,d,m]);return(0,n.useEffect)((()=>{p.addEffects("onAdvancedChange",(()=>{(0,c.oJ)(x),v(((e,t)=>{const o=u.props.name;e&&t.deleteValuesIn(o)}))}))}),[p,u,v,x]),(0,n.useEffect)((()=>{x(p)}),[]),r().createElement(l.pd,(0,a.A)({},e,{suffix:r().createElement("div",{style:{cursor:"pointer"},slot:"suffix",onClick:b},h),onChange:e=>f(e.target.value)}))}},4287:(e,t,o)=>{o.d(t,{p:()=>p});var a=o(9575),n=o(8769),r=o.n(n),l=o(5524),i=o(1979),c=o(6394),s=o(4514);function p(e){return r().createElement(l.Ay.Group,(0,a.A)({},e,{size:"small"}),r().createElement(l.Ay.Button,{value:"left"},r().createElement(i.A,null)),!e.hideCenter&&r().createElement(l.Ay.Button,{value:"center"},r().createElement(c.A,null)),r().createElement(l.Ay.Button,{value:"right"},r().createElement(s.A,null)))}},5768:(e,t,o)=>{o.d(t,{_:()=>A});var a=o(8769),n=o.n(a),r=o(9193),l=o(4808),i=o(1469),c=o(2591),s=o.n(c),p=o(1740),u=o.n(p),m=o(8128),d=o.n(m),v=o(855),b=o.n(v),f=o(3051),h=o.n(f),x=o(3656),g=o.n(x),E=o(767),y={};y.styleTagTransform=g(),y.setAttributes=b(),y.insert=d().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h(),s()(E.A,y);const C=E.A&&E.A.locals?E.A.locals:void 0;function A(e){return n().createElement("div",{className:C.useChildrenSelectWrapper},n().createElement(r.l6,e),n().createElement(l.A,{title:"点击添加子节点"},n().createElement(i.A,{className:C.plusIcon,onClick:()=>{var t;null==e||null===(t=e.triggerAction)||void 0===t||t.call(e,"add-slot")}})))}},8897:(e,t,o)=>{o.d(t,{O:()=>a});const a={type:"void",name:"style",children:[{name:"width",title:"宽度",type:"string",decorator:{name:"FormItemWithoutAdvanced",props:{layout:"vertail"}},component:{name:"InputWithUnit",props:{suffix:"px"}}},{name:"height",title:"高度",type:"string",decorator:{name:"FormItemWithoutAdvanced",props:{layout:"vertail"}},component:{name:"InputWithUnit",props:{suffix:"px"}}},{type:"string",name:"textAlign",title:"对齐",decorator:{name:"FormItemWithoutAdvanced",props:{layout:"vertail"}},component:"TextAlignRadio"},{type:"string",name:"background",title:"背景",decorator:{name:"FormItemWithoutAdvanced",props:{layout:"vertail"}},component:"ColorPicker"},{type:"string",name:"margin",title:"外边距(px)",decorator:{name:"FormItemWithoutAdvanced"},component:"BoxSize"},{type:"string",name:"padding",title:"内边距(px)",decorator:{name:"FormItemWithoutAdvanced"},component:{name:"BoxSize",props:{mode:"in"}}}]}},6265:(e,t,o)=>{o.d(t,{A:()=>i});var a=o(6758),n=o.n(a),r=o(935),l=o.n(r)()(n());l.push([e.id,'.advanced-form-item{position:relative}.advanced-form-item .advanced-mode-check-wrapper{position:absolute;top:6px;right:6px;line-height:0;z-index:1}.advanced-form-item .advanced-mode-check-wrapper eo-icon[icon="code"]{cursor:pointer;padding:2px 4px;background:var(--palette-gray-7);border-radius:6px}.advanced-form-item .advanced-mode-check-wrapper eo-icon.isActive[icon="code"]{background:var(--color-brand);color:#fff}',""]);const i=l},7621:(e,t,o)=>{o.d(t,{A:()=>i});var a=o(6758),n=o.n(a),r=o(935),l=o.n(r)()(n());l.push([e.id,".custom-category-title{font-size:14px;font-weight:600;line-height:14px;margin-bottom:12px;border-left:2px solid;padding-left:6px;border-color:#8d8d8d;margin-top:18px}.custom-category-title:first-child{margin-top:0}",""]);const i=l},3276:(e,t,o)=>{o.d(t,{A:()=>p});var a=o(6758),n=o.n(a),r=o(935),l=o.n(r),i=o(6265),c=o(7621),s=l()(n());s.i(i.A),s.i(c.A),s.push([e.id,".property-form-wrapper .antdV5-formily-item-feedback-layout-loose{margin-bottom:10px}.property-form-wrapper .antdV5-formily-item .antdV5-formily-item-control{align-self:center}",""]);const p=s},3607:(e,t,o)=>{o.d(t,{A:()=>i});var a=o(6758),n=o.n(a),r=o(935),l=o.n(r)()(n());l.push([e.id,".boxSizeComponent--a96YEG0R{display:flex;gap:8px}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he{width:80px}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF{border:1px solid var(--palette-gray-6);height:80px;padding:10px;border-radius:6px;position:relative}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .inBox--VAdQyQ8u{border:1px dashed var(--palette-gray-5);height:100%;border-radius:6px;display:flex;align-items:center;justify-content:center}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .inBox--VAdQyQ8u .connect-btn--iG4M5iHm{cursor:pointer}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .line--MEU6xbQI{position:absolute;background-color:var(--palette-gray-6)}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .line--MEU6xbQI.active--kwDvPu6c{background-color:var(--color-brand)}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .vertical--PTCuTBBU{left:50%;width:2px;height:10px}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .horizontal--C56jlFEU{top:50%;width:10px;height:2px}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .top--IAYy5_q3{top:0}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .right--lywbhIOD{right:0}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .bottom--bcHIN61S{bottom:0}.boxSizeComponent--a96YEG0R .leftWrapper--YJoTo4he .outBox--bSstM0ZF .left--ZqcFMgN_{left:0}.boxSizeComponent--a96YEG0R .rightWrapper--VEyni1eJ{flex:1;display:flex;flex-direction:column;gap:12px}.boxSizeComponent--a96YEG0R .rightWrapper--VEyni1eJ .inputWrapper--dlSjkwzs{display:flex;gap:12px}.boxSizeComponent--a96YEG0R .rightWrapper--VEyni1eJ .inputWrapper--dlSjkwzs .antdV5-input{text-align:right}",""]),l.locals={boxSizeComponent:"boxSizeComponent--a96YEG0R",leftWrapper:"leftWrapper--YJoTo4he",outBox:"outBox--bSstM0ZF",inBox:"inBox--VAdQyQ8u","connect-btn":"connect-btn--iG4M5iHm",line:"line--MEU6xbQI",active:"active--kwDvPu6c",vertical:"vertical--PTCuTBBU",horizontal:"horizontal--C56jlFEU",top:"top--IAYy5_q3",right:"right--lywbhIOD",bottom:"bottom--bcHIN61S",left:"left--ZqcFMgN_",rightWrapper:"rightWrapper--VEyni1eJ",inputWrapper:"inputWrapper--dlSjkwzs"};const i=l},244:(e,t,o)=>{o.d(t,{A:()=>i});var a=o(6758),n=o.n(a),r=o(935),l=o.n(r)()(n());l.push([e.id,".customTabWrapper--rhCkGBJ2 .customTabList--yAojeBWG{position:relative;display:flex;align-items:stretch;justify-items:flex-start;margin-bottom:8px}.customTabWrapper--rhCkGBJ2 .customTabList--yAojeBWG .customTabItem--Zjxji9O5{position:relative;text-align:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.645,0.045,0.355,1);border-radius:4px;transform:translateZ(0)}.customTabWrapper--rhCkGBJ2 .customTabList--yAojeBWG .customTabItem--Zjxji9O5.active--ULNnDJEv{background-color:var(--palette-gray-6);box-shadow:0 1px 2px 0 rgba(0,0,0,0.03),0 1px 6px -1px rgba(0,0,0,0.02),0 2px 4px 0 rgba(0,0,0,0.02);color:#fff}.customTabWrapper--rhCkGBJ2 .customTabList--yAojeBWG .customTabItem--Zjxji9O5 .customTabItemLabel--scejdE0w{padding:2px 12px}",""]),l.locals={customTabWrapper:"customTabWrapper--rhCkGBJ2",customTabList:"customTabList--yAojeBWG",customTabItem:"customTabItem--Zjxji9O5",active:"active--ULNnDJEv",customTabItemLabel:"customTabItemLabel--scejdE0w"};const i=l},767:(e,t,o)=>{o.d(t,{A:()=>i});var a=o(6758),n=o.n(a),r=o(935),l=o.n(r)()(n());l.push([e.id,".useChildrenSelectWrapper--IczULak5{display:flex;gap:12px}.useChildrenSelectWrapper--IczULak5 .plusIcon--CyQgp1bl{cursor:pointer;font-size:22px;color:var(--color-brand)}",""]),l.locals={useChildrenSelectWrapper:"useChildrenSelectWrapper--IczULak5",plusIcon:"plusIcon--CyQgp1bl"};const i=l},74:(e,t,o)=>{var a=o(2591),n=o.n(a),r=o(1740),l=o.n(r),i=o(8128),c=o.n(i),s=o(855),p=o.n(s),u=o(3051),m=o.n(u),d=o(3656),v=o.n(d),b=o(3276),f={};f.styleTagTransform=v(),f.setAttributes=p(),f.insert=c().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=m(),n()(b.A,f),b.A&&b.A.locals&&b.A.locals}}]);
-//# sourceMappingURL=5021.ec378b1d.js.map