@next-bricks/visual-builder 1.31.1 → 1.32.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bricks.json +6 -6
- package/dist/chunks/2528.6af6d36b.js +3 -0
- package/dist/chunks/{9130.117ac8b0.js.LICENSE.txt → 2528.6af6d36b.js.LICENSE.txt} +4 -0
- package/dist/chunks/2528.6af6d36b.js.map +1 -0
- package/dist/chunks/7150.ebb95d53.js +3 -0
- package/dist/chunks/7150.ebb95d53.js.map +1 -0
- package/dist/chunks/9080.c73b20aa.js +2 -0
- package/dist/chunks/9080.c73b20aa.js.map +1 -0
- package/dist/chunks/{chat-conversation.5600ab79.js → chat-conversation.918f65c5.js} +3 -3
- package/dist/chunks/{chat-conversation.5600ab79.js.map → chat-conversation.918f65c5.js.map} +1 -1
- package/dist/chunks/{main.1896b359.js → main.5435b169.js} +2 -2
- package/dist/chunks/{main.1896b359.js.map → main.5435b169.js.map} +1 -1
- package/dist/chunks/property-editor.a3793d5c.js +2 -0
- package/dist/chunks/property-editor.a3793d5c.js.map +1 -0
- package/dist/examples.json +3 -3
- package/dist/index.bd6e026e.js +2 -0
- package/dist/{index.742c3f79.js.map → index.bd6e026e.js.map} +1 -1
- package/dist/manifest.json +80 -80
- package/dist/types.json +0 -161
- package/dist-types/property-editor/components/common/CustomOptionsComponent.d.ts +10 -0
- package/dist-types/property-editor/index.d.ts +23 -53
- package/dist-types/property-editor/utils/formilySchemaFormatter.d.ts +4 -1
- package/package.json +2 -2
- package/dist/chunks/5021.ec378b1d.js +0 -2
- package/dist/chunks/5021.ec378b1d.js.map +0 -1
- package/dist/chunks/7150.5a68b243.js +0 -3
- package/dist/chunks/7150.5a68b243.js.map +0 -1
- package/dist/chunks/9130.117ac8b0.js +0 -3
- package/dist/chunks/9130.117ac8b0.js.map +0 -1
- package/dist/chunks/property-editor.3bc75a4d.js +0 -2
- package/dist/chunks/property-editor.3bc75a4d.js.map +0 -1
- package/dist/index.742c3f79.js +0 -2
- /package/dist/chunks/{7150.5a68b243.js.LICENSE.txt → 7150.ebb95d53.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{chat-conversation.5600ab79.js.LICENSE.txt → chat-conversation.918f65c5.js.LICENSE.txt} +0 -0
package/dist/types.json
CHANGED
|
@@ -2019,167 +2019,6 @@
|
|
|
2019
2019
|
"params": [],
|
|
2020
2020
|
"returns": {}
|
|
2021
2021
|
}
|
|
2022
|
-
],
|
|
2023
|
-
"types": [
|
|
2024
|
-
{
|
|
2025
|
-
"type": "interface",
|
|
2026
|
-
"name": "DataItem",
|
|
2027
|
-
"body": [
|
|
2028
|
-
{
|
|
2029
|
-
"type": "propertySignature",
|
|
2030
|
-
"key": {
|
|
2031
|
-
"type": "identifier",
|
|
2032
|
-
"name": "name"
|
|
2033
|
-
},
|
|
2034
|
-
"annotation": {
|
|
2035
|
-
"type": "keyword",
|
|
2036
|
-
"value": "string"
|
|
2037
|
-
},
|
|
2038
|
-
"computed": false
|
|
2039
|
-
},
|
|
2040
|
-
{
|
|
2041
|
-
"type": "propertySignature",
|
|
2042
|
-
"key": {
|
|
2043
|
-
"type": "identifier",
|
|
2044
|
-
"name": "value"
|
|
2045
|
-
},
|
|
2046
|
-
"annotation": {
|
|
2047
|
-
"type": "keyword",
|
|
2048
|
-
"value": "string"
|
|
2049
|
-
},
|
|
2050
|
-
"computed": false
|
|
2051
|
-
},
|
|
2052
|
-
{
|
|
2053
|
-
"type": "propertySignature",
|
|
2054
|
-
"key": {
|
|
2055
|
-
"type": "identifier",
|
|
2056
|
-
"name": "definition"
|
|
2057
|
-
},
|
|
2058
|
-
"annotation": {
|
|
2059
|
-
"type": "array",
|
|
2060
|
-
"elementType": {
|
|
2061
|
-
"type": "reference",
|
|
2062
|
-
"typeName": {
|
|
2063
|
-
"type": "identifier",
|
|
2064
|
-
"name": "DefinitionItem"
|
|
2065
|
-
}
|
|
2066
|
-
}
|
|
2067
|
-
},
|
|
2068
|
-
"computed": false
|
|
2069
|
-
},
|
|
2070
|
-
{
|
|
2071
|
-
"type": "indexSignature",
|
|
2072
|
-
"parameter": {
|
|
2073
|
-
"type": "identifier",
|
|
2074
|
-
"name": "k",
|
|
2075
|
-
"annotation": {
|
|
2076
|
-
"type": "keyword",
|
|
2077
|
-
"value": "string"
|
|
2078
|
-
}
|
|
2079
|
-
},
|
|
2080
|
-
"annotation": {
|
|
2081
|
-
"type": "keyword",
|
|
2082
|
-
"value": "any"
|
|
2083
|
-
}
|
|
2084
|
-
}
|
|
2085
|
-
]
|
|
2086
|
-
},
|
|
2087
|
-
{
|
|
2088
|
-
"type": "interface",
|
|
2089
|
-
"name": "DefinitionItem",
|
|
2090
|
-
"body": [
|
|
2091
|
-
{
|
|
2092
|
-
"type": "propertySignature",
|
|
2093
|
-
"key": {
|
|
2094
|
-
"type": "identifier",
|
|
2095
|
-
"name": "name"
|
|
2096
|
-
},
|
|
2097
|
-
"annotation": {
|
|
2098
|
-
"type": "keyword",
|
|
2099
|
-
"value": "string"
|
|
2100
|
-
},
|
|
2101
|
-
"computed": false
|
|
2102
|
-
},
|
|
2103
|
-
{
|
|
2104
|
-
"type": "propertySignature",
|
|
2105
|
-
"key": {
|
|
2106
|
-
"type": "identifier",
|
|
2107
|
-
"name": "type"
|
|
2108
|
-
},
|
|
2109
|
-
"annotation": {
|
|
2110
|
-
"type": "keyword",
|
|
2111
|
-
"value": "string"
|
|
2112
|
-
},
|
|
2113
|
-
"computed": false
|
|
2114
|
-
},
|
|
2115
|
-
{
|
|
2116
|
-
"type": "propertySignature",
|
|
2117
|
-
"key": {
|
|
2118
|
-
"type": "identifier",
|
|
2119
|
-
"name": "enum"
|
|
2120
|
-
},
|
|
2121
|
-
"annotation": {
|
|
2122
|
-
"type": "keyword",
|
|
2123
|
-
"value": "string"
|
|
2124
|
-
},
|
|
2125
|
-
"computed": false
|
|
2126
|
-
},
|
|
2127
|
-
{
|
|
2128
|
-
"type": "propertySignature",
|
|
2129
|
-
"key": {
|
|
2130
|
-
"type": "identifier",
|
|
2131
|
-
"name": "fileds"
|
|
2132
|
-
},
|
|
2133
|
-
"annotation": {
|
|
2134
|
-
"type": "array",
|
|
2135
|
-
"elementType": {
|
|
2136
|
-
"type": "reference",
|
|
2137
|
-
"typeName": {
|
|
2138
|
-
"type": "identifier",
|
|
2139
|
-
"name": "DefinitionItem"
|
|
2140
|
-
}
|
|
2141
|
-
}
|
|
2142
|
-
},
|
|
2143
|
-
"computed": false
|
|
2144
|
-
}
|
|
2145
|
-
]
|
|
2146
|
-
},
|
|
2147
|
-
{
|
|
2148
|
-
"type": "typeAlias",
|
|
2149
|
-
"name": "SelectOptions",
|
|
2150
|
-
"annotation": {
|
|
2151
|
-
"type": "array",
|
|
2152
|
-
"elementType": {
|
|
2153
|
-
"type": "typeLiteral",
|
|
2154
|
-
"members": [
|
|
2155
|
-
{
|
|
2156
|
-
"type": "propertySignature",
|
|
2157
|
-
"key": {
|
|
2158
|
-
"type": "identifier",
|
|
2159
|
-
"name": "label"
|
|
2160
|
-
},
|
|
2161
|
-
"annotation": {
|
|
2162
|
-
"type": "keyword",
|
|
2163
|
-
"value": "string"
|
|
2164
|
-
},
|
|
2165
|
-
"computed": false
|
|
2166
|
-
},
|
|
2167
|
-
{
|
|
2168
|
-
"type": "propertySignature",
|
|
2169
|
-
"key": {
|
|
2170
|
-
"type": "identifier",
|
|
2171
|
-
"name": "value"
|
|
2172
|
-
},
|
|
2173
|
-
"annotation": {
|
|
2174
|
-
"type": "keyword",
|
|
2175
|
-
"value": "string"
|
|
2176
|
-
},
|
|
2177
|
-
"computed": false
|
|
2178
|
-
}
|
|
2179
|
-
]
|
|
2180
|
-
}
|
|
2181
|
-
}
|
|
2182
|
-
}
|
|
2183
2022
|
]
|
|
2184
2023
|
},
|
|
2185
2024
|
"visual-builder.workbench-tree": {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DataNode } from "../../utils/formilySchemaFormatter";
|
|
3
|
+
interface ActionOptionsComponentProps {
|
|
4
|
+
onChange: (value: any[]) => void;
|
|
5
|
+
displayLabel: string;
|
|
6
|
+
schema: DataNode[];
|
|
7
|
+
value: any;
|
|
8
|
+
}
|
|
9
|
+
export declare function CustomOptionsComponent({ schema, displayLabel, value, onChange, }: ActionOptionsComponentProps): React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ReactNextElement } from "@next-core/react-element";
|
|
3
3
|
import "@next-core/theme";
|
|
4
|
-
import { Form
|
|
5
|
-
import {
|
|
4
|
+
import { Form } from "@formily/core";
|
|
5
|
+
import { DataItem, SelectOptions } from "@next-shared/property-editor";
|
|
6
6
|
import { CategoryTitle } from "./components/CategoryTitle";
|
|
7
7
|
import { AdvancedFormItem } from "./components/AdvancedFormItem";
|
|
8
8
|
import { CodeEditorComponent } from "./components/common/CodeEditorComponent";
|
|
@@ -13,17 +13,18 @@ import { TextAlignRadioComponent } from "./components/common/TextAlignRadioCompo
|
|
|
13
13
|
import { InputWithUnitComponent } from "./components/common/InputWithUnitComponent";
|
|
14
14
|
import { UseChildrenSelectComponent } from "./components/common/UseChildrenSelectComponent";
|
|
15
15
|
import { BoxSizeComponent } from "./components/common/BoxSizeComponent";
|
|
16
|
+
import { CustomOptionsComponent } from "./components/common/CustomOptionsComponent";
|
|
16
17
|
import { CustomTab } from "./components/common/CustomTab";
|
|
17
18
|
import { DataNode } from "./utils/formilySchemaFormatter";
|
|
18
19
|
import "./style.css";
|
|
19
20
|
import { BrickPackage } from "@next-core/types";
|
|
20
21
|
export declare const BEFORE_SUBMIT_KEY = "before_submit";
|
|
21
22
|
export declare const ADVANCED_CHANGE_KEY = "on_advanced_change";
|
|
22
|
-
declare const SchemaField: {
|
|
23
|
+
export declare const SchemaField: {
|
|
23
24
|
<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;
|
|
24
25
|
displayName: string;
|
|
25
26
|
Markup: {
|
|
26
|
-
<Decorator_1 extends "CodeEditor" | "
|
|
27
|
+
<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<{
|
|
27
28
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
28
29
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
29
30
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -64,13 +65,14 @@ declare const SchemaField: {
|
|
|
64
65
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
65
66
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
66
67
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
68
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
67
69
|
BoxSize: typeof BoxSizeComponent;
|
|
68
70
|
CustomTab: typeof CustomTab;
|
|
69
71
|
}, Component_1, Decorator_1>): JSX.Element;
|
|
70
72
|
displayName: string;
|
|
71
73
|
};
|
|
72
74
|
String: {
|
|
73
|
-
<Decorator_2 extends "CodeEditor" | "
|
|
75
|
+
<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<{
|
|
74
76
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
75
77
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
76
78
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -111,13 +113,14 @@ declare const SchemaField: {
|
|
|
111
113
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
112
114
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
113
115
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
116
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
114
117
|
BoxSize: typeof BoxSizeComponent;
|
|
115
118
|
CustomTab: typeof CustomTab;
|
|
116
119
|
}, Component_2, Decorator_2>): JSX.Element;
|
|
117
120
|
displayName: string;
|
|
118
121
|
};
|
|
119
122
|
Object: {
|
|
120
|
-
<Decorator_3 extends "CodeEditor" | "
|
|
123
|
+
<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<{
|
|
121
124
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
122
125
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
123
126
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -158,13 +161,14 @@ declare const SchemaField: {
|
|
|
158
161
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
159
162
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
160
163
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
164
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
161
165
|
BoxSize: typeof BoxSizeComponent;
|
|
162
166
|
CustomTab: typeof CustomTab;
|
|
163
167
|
}, Component_3, Decorator_3>): JSX.Element;
|
|
164
168
|
displayName: string;
|
|
165
169
|
};
|
|
166
170
|
Array: {
|
|
167
|
-
<Decorator_4 extends "CodeEditor" | "
|
|
171
|
+
<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<{
|
|
168
172
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
169
173
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
170
174
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -205,13 +209,14 @@ declare const SchemaField: {
|
|
|
205
209
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
206
210
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
207
211
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
212
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
208
213
|
BoxSize: typeof BoxSizeComponent;
|
|
209
214
|
CustomTab: typeof CustomTab;
|
|
210
215
|
}, Component_4, Decorator_4>): JSX.Element;
|
|
211
216
|
displayName: string;
|
|
212
217
|
};
|
|
213
218
|
Boolean: {
|
|
214
|
-
<Decorator_5 extends "CodeEditor" | "
|
|
219
|
+
<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<{
|
|
215
220
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
216
221
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
217
222
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -252,13 +257,14 @@ declare const SchemaField: {
|
|
|
252
257
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
253
258
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
254
259
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
260
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
255
261
|
BoxSize: typeof BoxSizeComponent;
|
|
256
262
|
CustomTab: typeof CustomTab;
|
|
257
263
|
}, Component_5, Decorator_5>): JSX.Element;
|
|
258
264
|
displayName: string;
|
|
259
265
|
};
|
|
260
266
|
Date: {
|
|
261
|
-
<Decorator_6 extends "CodeEditor" | "
|
|
267
|
+
<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<{
|
|
262
268
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
263
269
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
264
270
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -299,13 +305,14 @@ declare const SchemaField: {
|
|
|
299
305
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
300
306
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
301
307
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
308
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
302
309
|
BoxSize: typeof BoxSizeComponent;
|
|
303
310
|
CustomTab: typeof CustomTab;
|
|
304
311
|
}, Component_6, Decorator_6>): JSX.Element;
|
|
305
312
|
displayName: string;
|
|
306
313
|
};
|
|
307
314
|
DateTime: {
|
|
308
|
-
<Decorator_7 extends "CodeEditor" | "
|
|
315
|
+
<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<{
|
|
309
316
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
310
317
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
311
318
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -346,13 +353,14 @@ declare const SchemaField: {
|
|
|
346
353
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
347
354
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
348
355
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
356
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
349
357
|
BoxSize: typeof BoxSizeComponent;
|
|
350
358
|
CustomTab: typeof CustomTab;
|
|
351
359
|
}, Component_7, Decorator_7>): JSX.Element;
|
|
352
360
|
displayName: string;
|
|
353
361
|
};
|
|
354
362
|
Void: {
|
|
355
|
-
<Decorator_8 extends "CodeEditor" | "
|
|
363
|
+
<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<{
|
|
356
364
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
357
365
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
358
366
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -393,13 +401,14 @@ declare const SchemaField: {
|
|
|
393
401
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
394
402
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
395
403
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
404
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
396
405
|
BoxSize: typeof BoxSizeComponent;
|
|
397
406
|
CustomTab: typeof CustomTab;
|
|
398
407
|
}, Component_8, Decorator_8>): JSX.Element;
|
|
399
408
|
displayName: string;
|
|
400
409
|
};
|
|
401
410
|
Number: {
|
|
402
|
-
<Decorator_9 extends "CodeEditor" | "
|
|
411
|
+
<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<{
|
|
403
412
|
FormLayout: React.FC<React.PropsWithChildren<import("@formily/antd-v5").IFormLayoutProps>> & {
|
|
404
413
|
useFormLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
405
414
|
useFormDeepLayout: () => import("@formily/antd-v5").IFormLayoutContext;
|
|
@@ -440,53 +449,14 @@ declare const SchemaField: {
|
|
|
440
449
|
InputWithUrl: typeof InputWithUrlComponent;
|
|
441
450
|
InputWithUnit: typeof InputWithUnitComponent;
|
|
442
451
|
TextAlignRadio: typeof TextAlignRadioComponent;
|
|
452
|
+
CustomOptions: typeof CustomOptionsComponent;
|
|
443
453
|
BoxSize: typeof BoxSizeComponent;
|
|
444
454
|
CustomTab: typeof CustomTab;
|
|
445
455
|
}, Component_9, Decorator_9>): JSX.Element;
|
|
446
456
|
displayName: string;
|
|
447
457
|
};
|
|
448
458
|
};
|
|
449
|
-
type
|
|
450
|
-
label: string;
|
|
451
|
-
value: string;
|
|
452
|
-
}[];
|
|
453
|
-
export interface EditorComponentProps {
|
|
454
|
-
advancedMode?: boolean;
|
|
455
|
-
SchemaFieldComponent: typeof SchemaField;
|
|
456
|
-
formilySchemaFormatter: (data: any, advancedMode?: boolean) => ISchema;
|
|
457
|
-
form: Form<any>;
|
|
458
|
-
effects: {
|
|
459
|
-
onFieldInit: typeof onFieldInit;
|
|
460
|
-
onFieldValueChange: typeof onFieldValueChange;
|
|
461
|
-
onFieldInitialValueChange: typeof onFieldInitialValueChange;
|
|
462
|
-
onFormInitialValuesChange: typeof onFormInitialValuesChange;
|
|
463
|
-
onFormValidateSuccess: typeof onFormValidateSuccess;
|
|
464
|
-
onSubmit: (listener: (value: any, form: Form) => any) => void;
|
|
465
|
-
onAdvancedChange: (listener: (advancedMode: boolean, form: Form) => any) => void;
|
|
466
|
-
};
|
|
467
|
-
scope: {
|
|
468
|
-
advancedMode: boolean;
|
|
469
|
-
dataList: DataItem[];
|
|
470
|
-
childSlots: SelectOptions;
|
|
471
|
-
extraLibs: SelectOptions;
|
|
472
|
-
links: any;
|
|
473
|
-
tokenClick: (token: CustomEvent<string>) => void;
|
|
474
|
-
triggerAction: (action: string) => void;
|
|
475
|
-
};
|
|
476
|
-
}
|
|
477
|
-
export interface DefinitionItem {
|
|
478
|
-
name: string;
|
|
479
|
-
type: string;
|
|
480
|
-
enum: string;
|
|
481
|
-
fileds: DefinitionItem[];
|
|
482
|
-
}
|
|
483
|
-
export interface DataItem {
|
|
484
|
-
name: string;
|
|
485
|
-
value: string;
|
|
486
|
-
definition: DefinitionItem[];
|
|
487
|
-
[k: string]: any;
|
|
488
|
-
}
|
|
489
|
-
export { DataNode };
|
|
459
|
+
export type { DataNode };
|
|
490
460
|
/**
|
|
491
461
|
* 构件 `visual-builder.property-editor`
|
|
492
462
|
*/
|
|
@@ -15,5 +15,8 @@ export interface DataNode {
|
|
|
15
15
|
children?: DataNode[];
|
|
16
16
|
[k: string]: any;
|
|
17
17
|
}
|
|
18
|
-
|
|
18
|
+
type formilySchemaFormatterOptions = {
|
|
19
|
+
isDefault: boolean;
|
|
20
|
+
};
|
|
21
|
+
export declare function formilySchemaFormatter(data: DataNode, options?: formilySchemaFormatterOptions | boolean): ISchema;
|
|
19
22
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@next-bricks/visual-builder",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.32.1",
|
|
4
4
|
"homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/visual-builder",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"@next-bricks/icons": "*",
|
|
45
45
|
"@next-bricks/vs": "*"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "e5255961807b5fa4c2f9359315bcf35cc80340de"
|
|
48
48
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"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}}]);
|
|
2
|
-
//# sourceMappingURL=5021.ec378b1d.js.map
|