amis-editor 4.1.0-beta.21 → 4.1.0-beta.24
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/exports.min.js +1 -1
- package/dist/index.min.js +1 -1
- package/dist/manager.d.ts +10 -0
- package/dist/plugin/Cards.d.ts +1 -1
- package/dist/plugin/CustomRegion.d.ts +2 -5
- package/dist/plugin/DropDownButton.d.ts +1 -1
- package/dist/plugin/Each.d.ts +1 -1
- package/dist/plugin/Form/Switch.d.ts +2 -0
- package/dist/plugin/List.d.ts +1 -1
- package/dist/plugin.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +2 -1
- package/src/component/schemaTpl.tsx +2 -0
- package/src/plugin/Cards.tsx +4 -1
- package/src/plugin/CustomRegion.tsx +10 -4
- package/src/plugin/DropDownButton.tsx +4 -1
- package/src/plugin/Each.tsx +4 -1
- package/src/plugin/Form/Item.tsx +3 -1
- package/src/plugin/Form/Switch.tsx +3 -1
- package/src/plugin/List.tsx +4 -1
- package/src/plugin/Wizard.tsx +1 -1
- package/src/plugin/Wrapper.tsx +1 -1
- package/src/plugin.ts +2 -0
package/dist/manager.d.ts
CHANGED
@@ -118,6 +118,11 @@ export declare class EditorManager {
|
|
118
118
|
widthMutable?: boolean | undefined;
|
119
119
|
memberIndex?: number | undefined;
|
120
120
|
}): any;
|
121
|
+
/**
|
122
|
+
* 显示组件更换面板
|
123
|
+
* @param region
|
124
|
+
* @param preferTag
|
125
|
+
*/
|
121
126
|
removeChild(child: any): void;
|
122
127
|
toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
|
123
128
|
patch(store: any, force?: boolean): void;
|
@@ -198,6 +203,11 @@ export declare class EditorManager {
|
|
198
203
|
widthMutable?: boolean | undefined;
|
199
204
|
memberIndex?: number | undefined;
|
200
205
|
}): any;
|
206
|
+
/**
|
207
|
+
* 显示组件更换面板
|
208
|
+
* @param region
|
209
|
+
* @param preferTag
|
210
|
+
*/
|
201
211
|
removeChild(child: any): void;
|
202
212
|
toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
|
203
213
|
patch(store: any, force?: boolean): void;
|
package/dist/plugin/Cards.d.ts
CHANGED
@@ -65,7 +65,7 @@ export declare class CardsPlugin extends BasePlugin {
|
|
65
65
|
panelBodyCreator: (context: BaseEventContext) => any[];
|
66
66
|
editDetail(id: string): void;
|
67
67
|
buildEditorToolbar({ id, info, schema }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
|
68
|
-
buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
68
|
+
buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
69
69
|
filterProps(props: any): any;
|
70
70
|
getRendererInfo(context: RendererInfoResolveEventContext): BasicRendererInfo | void;
|
71
71
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @file 自定义代码
|
3
3
|
*/
|
4
|
-
import { BasePlugin, BasicRendererInfo, RendererInfoResolveEventContext } from '../plugin';
|
4
|
+
import { BasePlugin, BasicRendererInfo, RendererInfoResolveEventContext, RegionConfig } from '../plugin';
|
5
5
|
export declare class CustomPlugin extends BasePlugin {
|
6
6
|
rendererName: string;
|
7
7
|
$schema: string;
|
@@ -19,8 +19,6 @@ export declare class CustomPlugin extends BasePlugin {
|
|
19
19
|
body: {
|
20
20
|
type: string;
|
21
21
|
tpl: string;
|
22
|
-
inline: boolean;
|
23
|
-
id: string;
|
24
22
|
}[];
|
25
23
|
};
|
26
24
|
previewSchema: {
|
@@ -30,10 +28,9 @@ export declare class CustomPlugin extends BasePlugin {
|
|
30
28
|
body: {
|
31
29
|
type: string;
|
32
30
|
tpl: string;
|
33
|
-
inline: boolean;
|
34
|
-
id: string;
|
35
31
|
}[];
|
36
32
|
};
|
33
|
+
regions: Array<RegionConfig>;
|
37
34
|
panelTitle: string;
|
38
35
|
panelBody: any[];
|
39
36
|
/**
|
@@ -38,6 +38,6 @@ export declare class DropDownButtonPlugin extends BasePlugin {
|
|
38
38
|
panelBodyCreator: (context: BaseEventContext) => any;
|
39
39
|
buildEditorToolbar({ id, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
|
40
40
|
editDetail(id: string): void;
|
41
|
-
buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
41
|
+
buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
42
42
|
filterProps(props: any): any;
|
43
43
|
}
|
package/dist/plugin/Each.d.ts
CHANGED
@@ -30,6 +30,6 @@ export declare class EachPlugin extends BasePlugin {
|
|
30
30
|
panelBodyCreator: (context: BaseEventContext) => any[];
|
31
31
|
filterProps(props: any): any;
|
32
32
|
buildEditorToolbar({ id, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
|
33
|
-
buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
33
|
+
buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
34
34
|
editDetail(id: string): void;
|
35
35
|
}
|
package/dist/plugin/List.d.ts
CHANGED
@@ -50,6 +50,6 @@ export declare class ListPlugin extends BasePlugin {
|
|
50
50
|
};
|
51
51
|
editDetail(id: string): void;
|
52
52
|
buildEditorToolbar({ id, info, schema }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
|
53
|
-
buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
53
|
+
buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
|
54
54
|
getRendererInfo(context: RendererInfoResolveEventContext): BasicRendererInfo | void;
|
55
55
|
}
|
package/dist/plugin.d.ts
CHANGED
@@ -475,6 +475,7 @@ export interface PluginEventListener {
|
|
475
475
|
onDndAccept?: (event: PluginEvent<DragEventContext>) => false | void;
|
476
476
|
onBuildPanels?: (event: PluginEvent<BuildPanelEventContext>) => void;
|
477
477
|
onBuildContextMenus?: (event: PluginEvent<ContextMenuEventContext>) => void;
|
478
|
+
onBuildToolbars?: (event: PluginEvent<BaseEventContext>) => void;
|
478
479
|
onSelectionChange?: (event: PluginEvent<SelectionEventContext>) => void;
|
479
480
|
onPreventClick?: (event: PluginEvent<PreventClickEventContext>) => false | void;
|
480
481
|
onWidthChangeStart?: (event: PluginEvent<ResizeMoveEventContext, {
|
package/dist/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.editor-backTop{position:fixed;right:30px;bottom:32px;z-index:10000;width:32px;height:32px;margin:0;padding:0;box-sizing:border-box;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";cursor:pointer;visibility:visible;transition:all .3s}.editor-backTop.hidden{visibility:hidden}.editor-backTop:empty{display:none}.backTop-content{width:40px;height:40px;overflow:hidden;color:#fff;text-align:center;background-color:rgba(32,93,217,.85);border-radius:20px;transition:all .3s}.backTop-content:hover{background-color:#205dd9;transition:all .3s}.backTop-icon{font-size:20px;line-height:40px}@media screen and (max-width: 768px){.editor-backTop{right:60px}}@media screen and (max-width: 480px){.editor-backTop{right:20px}}.context-menu-setting{position:relative;width:260px;background:#fff;box-shadow:-2px 0 20px 0 rgba(0,0,0,.1);z-index:5;transition:width ease-in-out .2s;transform:translateZ(0);display:flex;flex-direction:column}.context-menu-setting .setting-header{flex:0 0 48px;font-family:PingFangSC-Regular;font-size:14px;color:#141a25;line-height:48px;letter-spacing:0;font-weight:400;border-bottom:1px solid #e6e6e8;text-align:center}.context-menu-setting .setting-body{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:12px 6px;display:flex;justify-content:flex-start;align-content:flex-start;flex-wrap:wrap}.context-menu-setting .setting-body .setting-item{margin:0 2px 12px 6px;padding-top:12px;flex:0 0 112px;height:62px;cursor:pointer;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.context-menu-setting .setting-body .setting-item .icon-box{width:24px;height:24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.context-menu-setting .setting-body .setting-item .icon-box>svg{width:24px;height:24px;fill:#bcbcbc}.context-menu-setting .setting-body .setting-item .setting-info{margin-top:4px;flex:1 1 auto;font-family:PingFangSC-Regular;font-size:12px;color:#141a25;font-weight:400;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-setting .setting-body .setting-item:hover{background:#e9effd;border:1px solid #2468f2;border-radius:4px}.context-menu-setting .setting-body .setting-item:hover .icon-box>svg{fill:#2468f2}.context-menu-setting .setting-body .setting-item:hover .setting-info{color:#2468f2}.context-menu-setting .setting-body .setting-item.disabled{cursor:not-allowed;background:rgba(189,189,189,.15);border:1px solid #ddd;border-radius:4px}.context-menu-setting .setting-body .setting-item.disabled .icon-box>svg{fill:#bdbdbd}.context-menu-setting .setting-body .setting-item.disabled .setting-info{color:#bdbdbd}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.shake{animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.ae-Outline-panel{display:flex;flex-direction:column;height:100%}.ae-Outline{padding:12px 6px 6px 12px;flex:1 1 auto;background:#fff}.ae-Outline-list,.ae-Outline-sublist{list-style:none;padding:0;margin:0}.ae-Outline-list{margin-left:16px}.ae-Outline-sublist{margin-left:16px}.ae-Outline-sublist>.ae-Outline-node::before,.ae-Outline-sublist>.ae-Outline-node::after{position:absolute;content:"";background:#e8e9eb;display:block}.ae-Outline-sublist>.ae-Outline-node::before{width:8px;height:1px;left:-25px;top:13px;visibility:hidden}.ae-Outline-sublist>.ae-Outline-node::after{width:1px;height:100%;left:-25px;top:0;visibility:hidden}.ae-Outline-sublist>.ae-Outline-node:last-child::after{height:13px}.ae-Outline:hover .ae-Outline-node::before,.ae-Outline:hover .ae-Outline-node::after{visibility:visible}.ae-Outline-node{position:relative;margin:0;padding:4px 0}.ae-Outline-node>a{margin-left:-8px;display:inline-block;min-width:108px;padding:0 8px;font-family:PingFangSC-Regular;font-size:12px;color:#151b26;line-height:24px;font-weight:400;text-decoration:none;user-select:none;cursor:pointer;display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center}.ae-Outline-node>a:hover{color:#151b26;background:#f7f7f9}.ae-Outline-node.has-children>a{margin-left:0}.ae-Outline-node.is-hover>a{background:#f7f7f9;border-radius:2px}.ae-Outline-node.is-active>a{color:#2468f2;background:#e6f0ff;border-radius:2px}.ae-Outline-node.is-folded>.ae-Outline-sublist{display:none}.ae-Outline-node span.has-keywords{color:#2468f2;font-weight:600}.ae-Outline-expander{position:absolute;left:-16px;top:8px;cursor:pointer;z-index:2;display:inline-flex;justify-content:center;align-items:center}.ae-Outline-expander>svg{width:16px;height:16px;color:#84868c;transform:rotate(0deg);transition:transform ease-out .1s}.ae-Outline-expander.is-folded>svg{transform:rotate(-90deg)}.ae-Outline-tip{color:#28a745;margin-bottom:15px;animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.editor-left-panel{position:relative;flex:0 0 308px;background:#fff;overflow:visible;box-shadow:2px 0 20px 0 rgba(0,0,0,.1);z-index:5;transition:width ease-in-out .2s;transform:translateZ(0)}.editor-left-panel.width-draggable{transition:none}.editor-left-panel.fixed-status{position:fixed;top:0;left:0;width:auto;height:100%}.editor-left-panel .editor-panel-btn{position:absolute;top:12px;right:12px;height:16px;width:16px;z-index:100;display:flex;justify-content:center;align-items:center}.editor-left-panel .editor-panel-btn .panel-btn{width:16px;height:16px;fill:#84868c;color:#84868c;cursor:pointer}.editor-left-panel .editor-panel-btn .panel-btn:hover{fill:#205dd9;color:#205dd9}.editor-left-panel.hidden-status{flex:0 0 48px;min-width:48px;width:48px}.editor-left-panel.hidden-status>.editor-panel-btn{display:none}.editor-left-panel .left-panel-arrow{position:absolute;width:16px;height:50px;top:50%;right:-15px;transform:translateY(-50%);background-color:rgba(0,0,0,0);box-sizing:border-box;z-index:10;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-left-panel .left-panel-arrow::before{content:"";position:absolute;border-radius:0 10px 10px 0;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);border-left:0;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;transform:perspective(50px) rotateY(30deg);transition:all .15s}.editor-left-panel .left-panel-arrow::after{content:"";position:absolute;width:6px;height:8px;top:50%;-webkit-mask-image:url(cebfe0bc5a1dbde02da1.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#a1a6b3;transform:translate(-50%, -50%) rotate(0deg);transition:all .15s}.editor-left-panel .left-panel-arrow.hidden-status::after{transform:translate(-50%, -50%) rotate(180deg)}.editor-left-panel .editorPanel-tabs{position:relative;height:100%;display:flex}.editor-left-panel .editorPanel-tabs>[class$=Tabs-linksWrapper]{position:relative;flex:0 0 48px;border:none;border-right:1px solid #e6e6e8;height:100%;box-sizing:border-box}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header{padding-top:20px}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li{margin:0 0 12px 0 !important;padding:0;overflow:visible;width:48px;height:48px;box-sizing:border-box;padding:0 3px;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li>a{position:relative;display:inline-block;width:100%;height:100%;margin:0 !important;padding:0 !important;border:none !important;overflow:visible;display:flex;justify-content:center;align-items:center}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon>svg{width:48px;height:48px;color:#151b26}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active,.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover{background:#eef3fe}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active>a,.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover>a{background:#eef3fe}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active .editor-tab-icon>svg,.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover .editor-tab-icon>svg{color:#2468f2 !important}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active{padding:0 3px 0 0;border-left:3px solid #2468f2}.editor-left-panel .editorPanel-tabs>.editorPanel-tabs-content{position:relative;flex:1 1 auto;height:100%;border:none}.editor-left-panel .editorPanel-tabs>.editorPanel-tabs-content .editorPanel-tabs-pane{position:relative;height:100%;padding:0;width:260px;box-sizing:border-box}.editor-left-panel .ae-Editor-codePane{position:relative;height:100%;max-width:800px}.editor-left-panel .ae-Editor-codePane .overflowingContentWidgets{margin-top:-99999px}.editor-left-panel-fixed-placeholder{position:relative;flex:0 0 48px;background:#fff}.editor-right-panel{position:relative;flex:0 0 auto;width:280px;background:#fff;box-shadow:-2px 0 20px 0 rgba(0,0,0,.1);z-index:5;transition:width ease-in-out .2s;transform:translateZ(0)}.editor-right-panel.width-draggable{transition:none}.editor-right-panel.mul-tabs-panel{width:328px;min-width:328px}.editor-right-panel .editor-panel-btn{position:absolute;top:0;left:0;height:16px;width:16px;z-index:100;display:flex;justify-content:center;align-items:center;display:none}.editor-right-panel .editor-panel-btn .panel-btn{width:16px;height:16px;fill:#84868c;color:#84868c;cursor:pointer;transform:rotate(-45deg)}.editor-right-panel .editor-panel-btn .panel-btn:hover{fill:#205dd9;color:#205dd9}.editor-right-panel.hidden-status{width:0 !important;min-width:0}.editor-right-panel.hidden-status .editor-panel-btn{display:none}.editor-right-panel.hidden-status .width-draggable-icon.hasArrowIcon{visibility:hidden}.editor-right-panel.hidden-status .editorPanel-inner{display:none}.editor-right-panel.fixed-status{position:fixed;top:0;right:0;width:280px;height:100%}.editor-right-panel.fixed-status.mul-tabs-panel{width:328px}.editor-right-panel.has-popover{z-index:1300}.editor-right-panel .editorPanel-inner{position:relative;height:100%}.editor-right-panel .editorPanel-inner.has-popover{z-index:1300}.editor-right-panel .editorPanel-tabs{display:flex;flex-direction:row-reverse;height:100%}.editor-right-panel .editorPanel-tabs>[class$=Tabs-linksWrapper]{position:relative;flex:0 0 48px;border:none}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header{padding-top:20px}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header:empty{min-width:unset}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li{margin:0 0 12px 0 !important;padding:0;overflow:visible;width:48px;height:48px;box-sizing:border-box;padding:0 3px;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a{position:relative;display:inline-block;width:100%;height:100%;margin:0 !important;padding:0 !important;border:none !important;overflow:visible;display:flex;justify-content:center;align-items:center}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon i.fa{font-size:16px !important;width:16px;height:auto;margin-bottom:0 !important;color:#151b26}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon>svg{width:45px;height:45px;color:#151b26}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover{background:#eef3fe}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active>a,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover>a{background:#eef3fe}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active i.fa,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active .editor-tab-icon>svg,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover i.fa,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover .editor-tab-icon>svg{color:#2468f2 !important}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active{padding:0 0 0 3px;border-right:3px solid #2468f2}.editor-right-panel .editorPanel-tabs>.editorPanel-tabs-content{position:relative;flex:1 1 auto;height:100%;max-width:calc(100% - 48px);border-left:none;transform:scale(1)}.editor-right-panel .editorPanel-tabs>.editorPanel-tabs-content .editorPanel-tabs-pane{position:relative;height:100%;padding:0;box-sizing:border-box;max-width:100%}.editor-right-panel .config-form-content{position:relative;height:100%;padding:16px 12px}.editor-right-panel .config-form-content.with-actions{position:relative}.editor-right-panel .config-form-content.with-actions .editor-prop-config-tabs{padding-bottom:45px}.editor-right-panel .config-form-content.with-actions .ae-Settings-actions,.editor-right-panel .config-form-content.with-actions>input{position:fixed;left:0;bottom:0;margin-bottom:0;width:100%;line-height:1;display:flex;align-items:center;justify-content:center}.editor-right-panel .editor-prop-config-tabs{position:relative;margin:-15px -12px;height:calc(100% + 30px);padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]{height:42px;display:flex;justify-content:center;align-items:stretch}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li{flex:1 1 auto;display:flex;justify-content:center;align-items:stretch;padding:0 !important}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li>a{display:inline-block;height:100%;width:100%;text-align:center;padding:0 !important;font-family:PingFangSC-Regular;font-size:14px;color:#84868c;letter-spacing:0;font-weight:400;display:flex;justify-content:center;align-items:center}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li.is-active>a{font-family:PingFangSC-Medium;color:#2468f2;font-weight:500}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li:not(:last-child):after{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:12px;background-color:#d8d8d8}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont{position:relative;flex:1 1 auto;padding:4px 0 0 0;max-height:calc(100% - 48px)}.editor-right-panel .right-panel-arrow{position:absolute;width:16px;height:50px;top:50%;left:-15px;transform:translateY(-50%);background-color:rgba(0,0,0,0);box-sizing:border-box;z-index:10;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-right-panel .right-panel-arrow::before{content:"";position:absolute;border-radius:10px 0 0 10px;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);border-right:0;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;transform:perspective(50px) rotateY(-30deg);transition:all .15s}.editor-right-panel .right-panel-arrow::after{content:"";position:absolute;width:6px;height:8px;left:55%;top:50%;-webkit-mask-image:url(cebfe0bc5a1dbde02da1.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#a1a6b3;transform:translate(-50%, -50%) rotate(180deg);transition:all .15s}.editor-right-panel .right-panel-arrow.hidden-status::after{transform:translate(-50%, -50%) rotate(0deg)}.ae-Breadcrumb{flex:0 0 42px;position:relative;padding:0;background:#fff;box-sizing:border-box;border-bottom:1px solid #e8e9eb;z-index:1000}.ae-Breadcrumb .ae-Breadcrumb-content{position:relative;left:0;height:100%;width:max-content;padding:0 16px;white-space:nowrap;height:42px;line-height:42px;background:#fff;letter-spacing:0;font-family:PingFangSC-Regular;font-size:12px;color:#5c5f66;font-weight:400;user-select:none;box-sizing:border-box;z-index:10000;transition:left ease-out .15s}.ae-Breadcrumb .ae-Breadcrumb-content>ul{list-style:none;display:inline-block;margin:0;padding:0}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li{display:inline-block;margin:0 0 0 8px;padding:0;position:relative}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:first-child{margin:0}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>span{display:inline-block;padding-right:8px;line-height:42px !important;cursor:pointer}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>span:hover{text-decoration:none}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul{position:absolute;top:46px;left:0;min-width:100px;max-height:320px;line-height:20px;padding:0;font-family:PingFangSC-Regular;font-size:12px;color:#151b26;font-weight:400;box-shadow:0 2px 8px 0 rgba(7,12,20,.12);border-radius:4px;background:#fff;list-style:none;z-index:100000;visibility:hidden;transition:all ease-out .15s}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul ::-webkit-scrollbar-track{background-color:#fff}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar-button{display:none}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul>li>span{display:block;padding:6px 12px;cursor:pointer}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul>li>span:hover{background:#e6f0ff;text-decoration:none}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul>li>span.is-active{color:#205dd9}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:hover>ul,.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul:hover{visibility:visible}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:not(:last-child):after{color:#5e626a;content:">"}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:last-child>span{font-family:PingFangSC-Medium;font-size:12px;color:#151b26;line-height:20px;font-weight:500;text-decoration:none}.ae-Breadcrumb .ae-Breadcrumb-scrollLeft-btn,.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn{position:absolute;top:0;left:0;width:40px;height:41px;background-color:#fff;box-sizing:border-box;box-shadow:2px 0 20px 0 rgba(0,0,0,.1);cursor:pointer;display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:100000}.ae-Breadcrumb .ae-Breadcrumb-scrollLeft-btn svg,.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn svg{color:#151b26;width:16px;height:16px;transform:rotate(180deg)}.ae-Breadcrumb .ae-Breadcrumb-scrollLeft-btn svg:hover,.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn svg:hover{color:#2468f2}.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn{left:auto;right:0;box-shadow:-2px 0 20px 0 rgba(0,0,0,.1)}.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn svg.icon-editor-double-arrow{transform:rotate(0deg)}.ae-Breadcrumb:hover .ae-Breadcrumb-scrollLeft-btn,.ae-Breadcrumb:hover .ae-Breadcrumb-scrollRight-btn{visibility:visible}.ae-ClassNamePicker-popover{padding:10px;width:610px;max-height:400px;overflow:auto}.ae-ClassNamePicker-popover.ae-PopOver--leftBottomLeftTop{margin-top:1px}.ae-ClassNamePicker-popover.ae-PopOver--leftTopLeftBottom{margin-top:-1px}.ae-ClassNameControl-group{margin:10px;display:inline-block;width:265px}.ae-ClassNameControl-group.w2x{width:550px}.ae-ClassNameControl-group .ae-ClassNameControl-group{padding-left:65px;margin:0;display:block;width:auto}.ae-ClassNameControl-group .ae-ClassNameControl-group:not(:last-child){margin:0 0 10px 0}.ae-ClassNameControl-group .ae-ClassNameControl-group .ae-ClassNameControl-groupLabel{float:left;border:none;padding-top:5px;padding-bottom:0;text-align:right;margin:0 0 0 -60px;font-size:12px}.ae-ClassNameControl-group .ae-ButtonGroup+.ae-ButtonGroup{margin-left:5px}.ae-ClassNameControl-groupLabel{border-bottom:.0625rem solid #dfe2e6;display:block;padding-bottom:5px;margin-bottom:10px;font-size:14px}.ae-RendererList-tabs{position:relative;height:100%;padding:0;width:260px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.ae-RendererList-tabs .ae-RendererList-tabs-header{padding:0 12px}.ae-RendererList-tabs .ae-RendererList-tabs-content{position:relative;margin-top:12px;flex:1 1 auto;padding:0 5px;height:100%;box-sizing:border-box}.ae-RendererList-tabs .ae-RendererList-tabs-content .ae-RendererList-tabs-panel{position:relative;padding:0;height:100%}.ae-RendererList{height:100%;padding:0 0 12px 0;display:flex;flex-direction:column}.ae-RendererList.only-base-component{width:260px}.ae-RendererList.only-base-component .ae-RendererList-groupWrap{margin:0;padding:0 0 12px 0}.ae-RendererList .ae-RendererList-tip{padding:0 12px;color:#28a745}.ae-RendererList .ae-RendererList-group>span,.ae-RendererList .ae-RendererList-groupWrap>span,.ae-RendererList .ae-RendererList-placeholder{display:inline-block;margin:12px}.ae-RendererList-groupWrap{flex:1 1 auto;margin:0 -5px;padding:0 0 12px 0;background:#fff}.ae-RendererList-groupWrap .collapse-header{padding:0 12px;font-family:PingFangSC-Regular;font-size:12px;color:#141a25;letter-spacing:0;line-height:20px;font-weight:400;letter-spacing:0;height:35px;line-height:35px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.ae-RendererList-groupWrap .collapse-header .expander-icon>svg{width:10px;height:10px;color:#333;transform:rotate(90deg);transition:transform ease-out .3s}.ae-RendererList-groupWrap .collapse-header .expander-icon.is-folded>svg{transform:rotate(180deg)}.ae-RendererList-group.collapse-content{display:flex;flex-wrap:wrap;height:auto;padding:6px 0 4px 2px;box-sizing:border-box;transition:height .3s}.ae-RendererList-group.collapse-content:last-child{border-bottom:none}.ae-RendererList-group.collapse-content.is-folded{height:0;padding:0;overflow:hidden}.ae-RendererList-group.collapse-content.is-folded:last-child{height:0}.ae-RendererList-group.collapse-content .ae-RendererList-item{margin:0 2px 12px 10px;padding:0 8px;flex:0 0 112px;cursor:pointer;width:112px;height:32px;border:1px solid #e8e9eb;border-radius:4px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box{width:16px;height:16px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box>i{font-size:16px;color:#b8babf}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererInfo{flex:1 1 auto;font-family:PingFangSC-Regular;font-size:12px;color:#151b26;letter-spacing:0;line-height:20px;font-weight:400;max-width:80px;padding:0 8px;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererIcon{flex:0 0 16px;color:#84868c;justify-content:center;align-items:center;display:none}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererIcon>svg{width:16px;height:16px}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererIcon:hover{color:#2468f2}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover{border-color:#2468f2}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover .ae-RendererInfo{max-width:64px}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover .ae-RendererIcon{display:flex !important}.ae-RendererThumb{max-width:328px;min-height:120px;padding:5px;font-size:12px;color:#151b26;line-height:20px;background:#fff;box-shadow:0 4px 5px 0 rgba(0,0,0,.06),0 1px 10px 0 rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.04)}.ae-RendererThumb .ae-Renderer-title{font-family:PingFangSC-Medium;font-weight:500}.ae-RendererThumb .ae-Renderer-info{margin:4px 0;font-family:PingFangSC-Regular;letter-spacing:0;font-weight:400}.ae-RendererThumb .ae-Renderer-preview{position:relative;max-height:200px;overflow:hidden}.ae-InsertPanel-drawer svg.icon-close{width:22px;height:22px}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn{padding:4px 16px;border-radius:4px;display:inline-flex;justify-content:center;align-items:center}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn.action-btn-primary{color:#fff;background-color:#2468f2}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn.action-btn-primary:hover{background-color:#5086f5}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn.is-disabled{color:#b4b6ba;background-color:#e6e6e8;border-color:#e6e6e8}.ae-InsertRendererPanel-drawer>svg.icon-close{width:22px;height:22px}.ae-InsertRendererPanel-drawer .ae-drawer-renderers{width:417px;border-radius:0 !important}.ae-InsertRendererPanel-drawer .ae-drawer-renderers .ae-drawer-title{padding:0 12px;font-family:PingFangSC-Medium;font-size:18px;color:#141a25;letter-spacing:0;font-weight:500;height:35px;line-height:35px;cursor:pointer}.ae-InsertRendererPanel-drawer .ae-drawer-renderers .ae-RendererList{width:100% !important}.ae-InsertRendererPanel-drawer .ae-RendererList-tabs{width:417px}.ae-RenderersPicker-list{flex-grow:1;height:0;display:flex;flex-direction:row;margin-top:10px;margin-bottom:10px}.ae-RenderersPicker-list>ul{min-width:40px;margin:0;padding:0;margin-right:20px;user-select:none}.ae-RenderersPicker-list>ul>li{list-style:none;display:block;text-align:center;white-space:nowrap}.ae-RenderersPicker-list>ul>li:not(:last-child){margin-bottom:10px}.ae-RenderersPicker-list>ul>li>a{color:#666;font-size:14px;cursor:pointer;padding:2px 10px;border-radius:5px}.ae-RenderersPicker-list>ul>li.is-active>a,.ae-RenderersPicker-list>ul>li>a:hover{text-decoration:none;color:#333;background:rgba(66,133,244,.1)}.ae-RenderersPicker-content{flex-grow:1;width:0;overflow:auto}.ae-RenderersPicker-content::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-RenderersPicker-content ::-webkit-scrollbar-track{background-color:#fff}.ae-RenderersPicker-content::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-RenderersPicker-content::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-RenderersPicker-content::-webkit-scrollbar-button{display:none}.ae-RenderersPicker-content>ul{list-style:none;margin:0;padding:0}.ae-RenderersPicker-content>ul>li{border-radius:4px;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;border:1px solid #e6e7e8;color:#666;font-size:12px;cursor:pointer}.ae-RenderersPicker-content>ul>li:not(:last-child){margin-bottom:10px}.ae-RenderersPicker-content>ul>li:hover,.ae-RenderersPicker-content>ul>li.is-active{background:rgba(32,93,217,.05)}.ae-RenderersPicker-content>ul>li.is-active{border:1px solid #205dd9}.ae-RenderersPicker-info{flex-grow:1;width:0;padding:10px;align-self:flex-start;user-select:none}.ae-RenderersPicker-info>h4{font-size:14px;color:#333;padding:0;margin:0 0 10px}.ae-RendereresPicker-form{height:100%}.ae-RenderersPicker{height:100%;display:flex;flex-direction:column}.ae-RegionFilter{margin:10px 15px;font-size:12px;color:#666}.ae-RegionFilter>div{display:inline-block;cursor:pointer;padding:2px 10px;border-radius:5px}.ae-RegionFilter>div:hover,.ae-RegionFilter>div.is-active{color:#333;background:rgba(66,133,244,.1)}.ae-InsertPanel{display:flex;flex-direction:column;padding:15px;width:100%;height:100%}.ae-InsertPanel-title{color:#333;margin-bottom:10px}.ae-InsertPanel-footer{text-align:right}.ae-InsertPanel-footer>button+button,.ae-InsertPanel-footer>div+button{margin-left:5px}.editor-InputSearch-panel{position:relative}.editor-InputSearch-panel .editor-InputSearch-content{position:absolute;top:36px;left:12px;width:calc(100% - 24px);min-height:50px;padding:4px 12px;background:#fff;box-shadow:0 4px 5px 0 rgba(62,72,99,.06),0 1px 10px 0 rgba(62,72,99,.05),0 2px 4px -1px rgba(62,72,99,.04);border-radius:4px;z-index:100;visibility:visible;transition:all .3s;display:flex;flex-direction:column;justify-content:flex-start}.editor-InputSearch-panel .editor-InputSearch-content.hidden-status{visibility:hidden}.editor-InputSearch-panel .editor-InputSearch-content .search-history{flex:0 0 auto;margin-bottom:12px;padding-bottom:4px;font-family:PingFangSC-Regular;font-size:12px;color:#080e1a;line-height:20px;font-weight:400}.editor-InputSearch-panel .editor-InputSearch-content .search-history.has-border-bottom{border-bottom:1px solid #e6e6e8}.editor-InputSearch-panel .editor-InputSearch-content .search-history .header{opacity:.5;height:32px;line-height:32px;display:flex;justify-content:space-between;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-history .header .header-clear-icon{cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont{position:relative;margin:0 -12px;padding:0 12px;overflow:hidden;display:flex;flex-direction:column}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont.hasScrollBtn{max-height:192px}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont.hasScrollBtn:hover{overflow-y:auto;padding:0 2px 0 12px}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont ::-webkit-scrollbar-track{background-color:#fff}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar-button{display:none}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item{flex:0 0 auto;margin:0 -12px;padding:0 12px;opacity:.95;height:32px;display:flex;justify-content:space-between;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item:hover{opacity:.8;background:#f0f0f0}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .history-keyword{flex:1 1 auto;max-width:calc(100% - 16px);color:#151a26;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .delete-icon{flex:0 0 20px;color:#080e1a;display:flex;justify-content:center;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .delete-icon svg{width:12px;height:12px;opacity:.5;cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .delete-icon svg:hover{fill:#2468f2}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list{position:relative;flex:0 0 auto;font-family:PingFangSC-Regular;font-size:12px;color:#080e1a;line-height:20px;font-weight:400;margin:0 -12px;padding:0 12px;max-height:192px;overflow:hidden}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list.hasScrollBtn{max-height:192px}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list.hasScrollBtn:hover{overflow-y:auto;padding:0 2px 0 12px}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list ::-webkit-scrollbar-track{background-color:#fff}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar-button{display:none}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-header{height:32px;line-height:32px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-header svg{width:10px;height:10px;opacity:.5;transform:rotate(90deg);transition:all .15s}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-header.is-folded svg{transform:rotate(180deg)}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .multiple-subRenderers-list{display:flex;flex-direction:column}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list{display:flex;flex-direction:column}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list.is-folded{height:0;overflow:hidden}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list .subRenderers-item{flex:0 0 32px;padding-left:12px;line-height:32px;user-select:none;cursor:pointer;text-align:left;opacity:.95}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list .subRenderers-item:hover{background:#f0f0f0}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list .subRenderers-item .is-keyword{color:#2468f2}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list.only-one-tag .subRenderers-item{margin:0 -12px;padding:0 12px}.editor-InputSearch-panel .editor-InputSearch-content .tag-list{flex:0 0 auto;font-family:PingFangSC-Regular;font-size:12px;color:#080e1a;line-height:20px;font-weight:400}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .header{opacity:.5}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .tag-list-cont{margin:4px -4px;display:flex;flex-wrap:wrap;justify-items:flex-start}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .tag-list-cont .tag-item{margin:4px;flex:0 0 auto;padding:2px 8px;opacity:.95;border:1px solid #f2f3f3;background-color:#f2f3f3;border-radius:2px;cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .tag-list-cont .tag-item:hover{color:#2468f2}.ae-TableViewEditor{position:relative}.ae-TableViewEditor-rowLine{position:absolute;height:7px;left:0;right:0;cursor:row-resize;user-select:none;opacity:.5}.ae-TableViewEditor-colLine{position:absolute;width:7px;top:0;bottom:0;cursor:col-resize;user-select:none;opacity:.5}.ae-TableViewEditor-mergeIcon{position:absolute;bottom:-22px;left:calc(50% - 3.5em);color:#4285f4;cursor:pointer}.ae-TableViewEditor td[data-selected]{background:#cfe1fe}.ae-TableViewEditor .ae-AddBtn{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);margin:0}.ae-TargetName{padding:12px;width:15em}.ae-TargetName-list{list-style:none;padding:0;margin:0;user-select:none;cursor:pointer}.ae-TargetName-node>span{line-height:normal}.ae-TargetName-node>a{color:#58666e;text-decoration:none}.ae-TargetName-node.is-active>a{color:#007bff}.ae-TargetName-node.is-hover>a{color:#007bff}.ae-Editor-selectionCursor{position:absolute;background:rgba(35,183,229,.2);border:1px solid #23b7e5;z-index:999999}.aeDataChain{display:flex;flex-direction:row;flex-wrap:nowrap;min-height:300px}.aeDataChain-aside{width:60px;flex-shrink:0;border-right:1px solid #ccc;margin-right:10px;padding-right:10px}.aeDataChain-aside>ul{list-style:none;margin:0;padding:0}.aeDataChain-aside>ul>li{display:block;cursor:pointer;text-align:center;color:#999;padding:2px 5px;font-size:12px}.aeDataChain-aside>ul>li.is-active{color:#333;background:#edeff7}.aeDataChain-main{flex-grow:1;flex-basis:auto}[editor-tooltip]{position:relative}[editor-tooltip]::after{pointer-events:none;left:calc(100% + 10px);top:50%;transform:translateY(-50%);position:absolute;max-width:300px;padding:4px 8px;box-sizing:content-box;content:attr(editor-tooltip);font-family:PingFangSC-Regular;font-size:12px;color:#fff;text-align:center;line-height:20px;font-weight:400;background:rgba(7,12,20,.85);border:1px solid rgba(7,12,20,.85);border-radius:4px;box-shadow:0 2px 8px 0 rgba(7,12,20,.12);white-space:normal;animation-fill-mode:both;visibility:hidden;z-index:110;white-space:nowrap}[editor-tooltip]::before{position:absolute;content:"";pointer-events:none;left:calc(100% - 2px);top:50%;transform:translateY(-50%);width:0;margin:0;padding:0;box-sizing:content-box;border:6px solid rgba(7,12,20,.85);border-color:rgba(0,0,0,0) rgba(7,12,20,.85) rgba(0,0,0,0) rgba(0,0,0,0);visibility:hidden;z-index:100}[editor-tooltip]:not(.is-disabled):hover::after,[editor-tooltip]:not(.disabled):hover::after,[editor-tooltip]:not(.is-disabled):hover::before,[editor-tooltip]:not(.disabled):hover::before{visibility:visible}[editor-tooltip].is-disabled:hover::after,[editor-tooltip].disabled:hover::after,[editor-tooltip].is-disabled:hover::before,[editor-tooltip].disabled:hover::before{visibility:hidden !important}[editor-tooltip][tooltip-position=bottom]::after{left:50%;top:calc(100% + 10px);transform:translateX(-50%)}[editor-tooltip][tooltip-position=bottom]::before{left:50%;top:calc(100% - 2px);transform:translateX(-50%);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(7,12,20,.85) rgba(0,0,0,0)}[editor-tooltip][tooltip-position=left]::after{top:50%;right:calc(100% + 10px);left:auto;transform:translateY(-50%)}[editor-tooltip][tooltip-position=left]::before{top:50%;right:calc(100% - 2px);left:auto;transform:translateY(-50%);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(7,12,20,.85)}[editor-tooltip][tooltip-position=top]::after{left:50%;top:auto;bottom:calc(100% + 9px);transform:translateX(-50%)}[editor-tooltip][tooltip-position=top]::before{left:50%;top:auto;bottom:calc(100% - 2px);transform:translateX(-50%);border-color:rgba(7,12,20,.85) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.hoverShowScrollBar{overflow:auto !important}.hoverShowScrollBar::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.hoverShowScrollBar ::-webkit-scrollbar-track{background-color:#fff}.hoverShowScrollBar::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.hoverShowScrollBar::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.hoverShowScrollBar::-webkit-scrollbar-button{display:none}.hoverShowScrollBar::-webkit-scrollbar-thumb{visibility:hidden !important}.hoverShowScrollBar:hover::-webkit-scrollbar-thumb{visibility:visible !important}.ae-PopoverEditControl{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.ae-PopoverEdit-popover{padding:0.75rem;border:none;min-width:18.75rem;max-width:40rem}.ae-PopoverEdit-popover header{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-PopoverEdit-popover .ae-PopoverEdit-title{opacity:.95;font-size:var(--fontSizeMd);color:#080e1a;line-height:1.5rem;font-weight:bold;width:100%;margin:0}.ae-PopoverEdit-popover .ae-PopoverEdit-close{float:right;color:var(--text--muted-color);line-height:inherit;text-decoration:none;vertical-align:middle}.ae-PopoverEdit-popover .ae-PopoverEdit-close svg{width:0.75rem;height:0.75rem;fill:var(--text--muted-color)}.ae-PopoverEdit-popover .ae-PopoverEdit-close:not(.is-disabled){cursor:pointer}.ae-PopoverEdit-popover .ae-PopoverEdit-close:not(.is-disabled):hover{text-decoration:none;color:var(--text-color)}.ae-PopoverEdit-popover .ae-PopoverEdit-close:not(.is-disabled):hover svg{fill:var(--text-color)}.ae-OptionControl-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-OptionControl-header label{margin-right:1rem;font-size:14px;color:#5e626a}.ae-OptionControl-header .ae-OptionControl-source{--Form-input-fontSize: 0.75rem;--Form-select-borderColor: transparent;--Form-select-onHover-borderColor: transparent;--Form-input-onFocused-borderColor: transparent;--Form-select-color: #2468f2;width:100px}.ae-OptionControl-header .ae-OptionControl-source>svg,.ae-OptionControl-header .ae-OptionControl-source>svg path{fill:var(--primary)}.ae-OptionControl-header .ae-OptionControl-source-popover{font-size:0.75rem}.ae-OptionControl-wrapper{background:#fff;border-radius:5px;border:1px solid var(--borderColor);padding-top:0.1875rem}.ae-OptionControl-content{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin:0;padding:0;padding-bottom:0.1875rem;overflow-x:hidden;overflow-y:auto;max-height:11.25rem}.ae-OptionControl-content::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-OptionControl-content ::-webkit-scrollbar-track{background-color:#fff}.ae-OptionControl-content::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-OptionControl-content::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-OptionControl-content::-webkit-scrollbar-button{display:none}.ae-OptionControl-content .ae-OptionControlItem{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;background:#fff;padding:0.3125rem 0.625rem}.ae-OptionControl-content .ae-OptionControlItem:hover{background:#e9effd}.ae-OptionControl-content .ae-OptionControlItem--dragging{height:0 !important;padding:0;border-top:2px solid var(--primary);overflow:hidden;background:#e9effd}.ae-OptionControl-content .ae-OptionControlItem-dragBar{margin-left:0;margin-right:var(--gap-sm);cursor:move;color:#d8d8d8}.ae-OptionControl-content .ae-OptionControlItem-checkbox{display:inline-flex;align-items:center;line-height:1.5rem}.ae-OptionControl-content .ae-OptionControlItem-checkbox span{color:#080e1a;margin-left:0.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.ae-OptionControl-content .ae-OptionControlItem-input{flex:1;margin:0;margin-right:1.25rem}.ae-OptionControl-content .ae-OptionControlItem-action{padding-left:0;padding-right:0}.ae-OptionControl-content .ae-OptionControlItem-action:not(:last-child){margin-right:0.625rem}.ae-OptionControl-content .ae-OptionControlItem-action:hover>svg,.ae-OptionControl-content .ae-OptionControlItem-action:hover>svg path{fill:var(--primary)}.ae-OptionControl-content .ae-OptionControlItem-action>svg,.ae-OptionControl-content .ae-OptionControlItem-action>svg path{fill:var(--text--muted-color)}.ae-OptionControl-placeholder{color:#999;line-height:1.5rem;text-align:center;vertical-align:middle;width:100%;padding:0.625rem}.ae-OptionControl-footer{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;padding:0.3125rem;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:1px solid #f2f7f3;box-shadow:0 0 5px rgba(8,14,26,.06);clip-path:inset(-5px 0px 0px 0px)}.ae-OptionControl-PopoverEdit{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;padding:0.9375rem 1.25rem;border:none;width:300px}.ae-OptionControl-PopoverEdit header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-title{opacity:.95;font-size:var(--fontSizeMd);color:#080e1a;line-height:1.5rem;font-weight:bold}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close{float:right;color:var(--text--muted-color);line-height:inherit;text-decoration:none;vertical-align:middle}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close svg{width:0.75rem;height:0.75rem;fill:var(--text--muted-color)}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close:not(.is-disabled){cursor:pointer}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close:not(.is-disabled):hover{text-decoration:none;color:var(--text-color)}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close:not(.is-disabled):hover svg{fill:var(--text-color)}.ae-ApiControl{background:#f2f3f3;padding:0.625rem 0.625rem 0.3125rem;border-radius:5px}.ae-ApiControl-dialog-body{max-height:560px;overflow-x:hidden;overflow-y:auto;padding:0 !important;margin:1rem 0 1.5rem}.ae-ValidationControl header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-ValidationControl header label{margin-right:1rem;font-size:14px;color:#5e626a}@keyframes growing{0%{box-shadow:0 0 10px rgba(35,183,229,0) inset;border:1px solid rgba(32,93,217,0)}50%{box-shadow:0 0 10px rgba(35,183,229,.6) inset;border:1px solid rgba(32,93,217,.75)}100%{box-shadow:0 0 10px rgba(35,183,229,.2) inset;border:1px solid rgba(32,93,217,.1)}}.ae-Editor{display:block;min-height:450px;min-width:980px}.ae-Editor svg.icon{top:0 !important}.ae-Editor.is-fixed{position:absolute;top:0;left:0;right:0;bottom:0}.ae-Editor .ae-Editor-inner{transform:scale(1);transform-origin:center top;display:flex;height:100%;width:100%;flex-direction:row}.ae-Editor-common-config{outline:2px solid rgba(243,144,0,.2)}.subEditor-dialog{overflow:hidden;border:1px solid #e6e6e8;margin:5px;padding:0}.ae-Main{flex:1 1 auto;min-width:0;transform:scale(1);transform-origin:center top;background-color:#f7f7f9;display:flex;flex-direction:column}.ae-Main .ant-back-top{bottom:96px;right:39px;width:45px;height:45px;z-index:20000}.ae-Main .ant-back-top svg.ant-fade-leave{visibility:hidden}.ae-Main .ant-back-top svg.ant-fade-enter{visibility:visible}.ae-Preview{position:relative;flex-grow:1;background-color:#f7f7f9;overflow:hidden}.ae-Preview .ae-Preview-body{position:relative;height:100%;width:100%;padding:24px 16px 16px;min-width:300px;background-color:#f7f7f9;overflow:auto}.ae-Preview .ae-Preview-body::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-Preview .ae-Preview-body ::-webkit-scrollbar-track{background-color:#fff}.ae-Preview .ae-Preview-body::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-Preview .ae-Preview-body::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-Preview .ae-Preview-body::-webkit-scrollbar-button{display:none}.ae-Preview .ae-Preview-body::-webkit-scrollbar{background-color:#f7f7f9}.ae-Preview .ae-Preview-body::-webkit-scrollbar-thumb{border:2px solid #f7f7f9;background-color:#dadbdd}.ae-Preview .ae-Preview-body::-webkit-scrollbar-thumb:hover{background-color:#cecfd1;width:10px !important;height:10px !important}.ae-Preview .ae-Preview-body .ae-Preview-inner{position:relative;display:flex;min-height:100%;background:#fff;box-shadow:0 2px 6px 0 rgba(211,211,211,.5);border-radius:4px}.ae-Preview .ae-Preview-body .ae-Preview-inner>*:first-child{min-width:100%;position:relative;min-height:100%;height:auto;background:#fff;box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}.ae-Preview .ae-Preview-body:focus{outline:none}.ae-Preview .ae-Preview-body.is-edting input,.ae-Preview .ae-Preview-body.is-edting textarea,.ae-Preview .ae-Preview-body.is-edting select,.ae-Preview .ae-Preview-body.is-edting iframe{pointer-events:none}.ae-Preview .ae-Preview-body.is-mobile{position:relative;border-width:64px 22px;border-color:#ddd;border-style:solid;border-radius:40px;width:419px;height:798px;flex-grow:unset;min-height:unset;margin:40px auto;min-width:unset;padding:0;overflow:visible}.ae-Preview .ae-Preview-body.is-mobile>.ae-Preview-inner{min-height:100%;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:0}.ae-Preview .ae-Preview-body.is-mobile>.ae-Preview-inner::-webkit-scrollbar{display:none}.ae-Preview .ae-Preview-body.is-mobile .mobile-sound,.ae-Preview .ae-Preview-body.is-mobile .mobile-receiver,.ae-Preview .ae-Preview-body.is-mobile .mobile-left-btn,.ae-Preview .ae-Preview-body.is-mobile .mobile-right-btn,.ae-Preview .ae-Preview-body.is-mobile .mobile-open-btn{position:absolute;background:#cdcdcd;border-radius:3px;z-index:100}.ae-Preview .ae-Preview-body.is-mobile .mobile-sound{top:-35px;left:142px;width:58px;height:6px}.ae-Preview .ae-Preview-body.is-mobile .mobile-receiver{top:-37px;left:224px;width:10px;height:10px;border-radius:5px}.ae-Preview .ae-Preview-body.is-mobile .mobile-left-btn{top:162px;left:-27px;width:6px;height:50px}.ae-Preview .ae-Preview-body.is-mobile .mobile-right-btn{top:61px;right:-27px;width:6px;height:100px}.ae-Preview .ae-Preview-body.is-mobile .mobile-open-btn{top:211px;right:-27px;width:6px;height:50px}.ae-Preview.is-mobile-body{overflow-x:hidden;overflow-y:auto}.ae-Preview.is-mobile-body::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-Preview.is-mobile-body ::-webkit-scrollbar-track{background-color:#fff}.ae-Preview.is-mobile-body::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-Preview.is-mobile-body::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-Preview.is-mobile-body::-webkit-scrollbar-button{display:none}.ae-Preview.is-mobile-body::-webkit-scrollbar{background-color:#f7f7f9}.ae-Preview.is-mobile-body::-webkit-scrollbar-thumb{border:2px solid #f7f7f9;background-color:#dadbdd}.ae-Preview.is-mobile-body::-webkit-scrollbar-thumb:hover{background-color:#cecfd1;width:10px !important;height:10px !important}.ae-PreviewFrame{pointer-events:all !important;border:0;width:100%}.ae-IframeMask{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0}.ae-IFramePreview>*:first-child{min-width:100%;position:relative;min-height:100%;background:#fff}.ae-IFramePreview.is-edting input,.ae-IFramePreview.is-edting textarea,.ae-IFramePreview.is-edting select,.ae-IFramePreview.is-edting iframe{pointer-events:none}.ae-Editor-toolbarPopover{position:absolute;top:-24px;left:-2px;z-index:20;border:0;padding-right:8px;white-space:nowrap;background:#205dd9;height:24px;font-family:PingFangSC-Regular;font-size:12px;font-weight:400;color:#fff;line-height:24px;color:#fff;line-height:24px;display:inline-flex;justify-content:flex-start;align-items:center}.ae-Editor-toolbarPopover.is-right-elem{left:auto;right:-2px}.ae-Editor-toolbarPopover .ae-Editor-toolbar{z-index:10}.ae-Editor-nav{pointer-events:all;display:inline-block}.ae-Editor-nav .ae-Editor-tip{opacity:0;display:block;background:rgba(32,93,217,.8)}.ae-Editor-nav .ae-Editor-tip.current{opacity:1}.ae-Editor-nav:hover .ae-Editor-tip{opacity:1}.ae-Editor-nav:hover .ae-Editor-tip.parent{transform:translate(0, -25px)}.ae-Editor-nav:hover .ae-Editor-tip.child{transform:translate(0, 25px)}.ae-Editor-nav:hover .ae-Editor-tip:hover,.ae-Editor-nav:hover .ae-Editor-tip.current{background:#205dd9}.ae-Editor-toolbar{position:relative;padding-left:8px;display:inline-flex !important;pointer-events:all;align-items:center;justify-content:flex-start}.ae-Editor-toolbar::before{position:absolute;top:-4px;left:0;content:"|";opacity:.4;color:#fff;height:10px;width:1px}.ae-Editor-toolbar.sencondary{padding-left:0 !important}.ae-Editor-toolbar.sencondary::before{display:none}.ae-Editor-toolbar button{margin:0 4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:16px;padding:0;text-align:center;color:#fff;opacity:.8;background:rgba(0,0,0,0);border:none;outline:none;font-size:12px}.ae-Editor-toolbar button svg{fill:currentColor}.ae-Editor-toolbar button:hover{opacity:1}fa .ae-Editor-toolbar button[draggable]{cursor:move}.ae-WResizer,.ae-HResizer,.ae-Resizer{width:10px;height:10px;border:2px solid #205dd9;background-color:#fff;transform:translate(-50%, -50%);position:absolute;pointer-events:all;display:none}.ae-WResizer{left:100%;top:50%;cursor:ew-resize}.ae-WResizer[data-value]:after{position:absolute;content:attr(data-value);background-color:#205dd9;right:15px;top:50%;transform:translate(0, -50%);padding:2px 8px;color:#fff}.ae-HResizer{left:50%;top:100%;cursor:ns-resize}.ae-HResizer[data-value]:after{position:absolute;content:attr(data-value);background-color:#205dd9;bottom:15px;left:50%;transform:translate(-50%, 0);padding:2px 8px;color:#fff}.ae-Resizer{left:100%;top:100%;cursor:nwse-resize}.ae-Resizer[data-value]:after{position:absolute;content:attr(data-value);background-color:#205dd9;bottom:15px;right:15px;padding:2px 8px;color:#fff;text-align:center}.ae-Editor-hlbox{position:absolute;z-index:1;border:1px dashed rgba(32,93,217,.75);box-sizing:border-box;pointer-events:none;transition:all ease-out .15s}.ae-Editor-hlbox:hover{z-index:3}.ae-Editor-hlbox.selected{background:rgba(32,93,217,.05);border:2px solid #205dd9}.ae-Editor-hlbox.selected .ae-Editor-toolbar{background:#205dd9}.ae-Editor-hlbox.selected .ae-Editor-toolbar button.ae-InsertBefore,.ae-Editor-hlbox.selected .ae-Editor-toolbar button.ae-InsertAfter{background:#205dd9}.ae-Editor-hlbox.selected .ae-WResizer,.ae-Editor-hlbox.selected .ae-HResizer,.ae-Editor-hlbox.selected .ae-Resizer{display:block}.ae-Editor-hlbox.regionOn{background:rgba(0,0,0,0);z-index:5}.ae-Editor-hlbox .ae-Editor-toolbar{display:none;background:rgba(32,93,217,.75)}.ae-Editor-hlbox .ae-Editor-toolbar.sencondary{position:absolute;top:-1px;right:-1px;border-radius:0 0 3px 3px;height:20px;line-height:20px}.ae-Editor-hlbox .ae-Editor-toolbar.sencondary>button{font-size:12px;width:16px}.ae-Editor-hlbox .ae-Editor-toolbar.special{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0) !important;height:auto;width:auto;pointer-events:none}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter{pointer-events:all;position:absolute;background:rgba(32,93,217,.75);width:20px;height:20px;line-height:20px;border-radius:500px;top:20%}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore>span>svg,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter>span>svg{width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:transform ease-out .3s}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore.is-vertical,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter.is-vertical{left:50%;transform:translate(-50%, 0)}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore:hover,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore:hover>span>svg,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter:hover>span>svg{transform:translate(-50%, -50%) rotate(90deg)}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore{left:-25px}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore.is-vertical{top:-25px}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter{right:-25px}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter.is-vertical{top:auto;bottom:-25px}.ae-Editor-hlbox.selected .ae-Editor-toolbar{display:block;background:#205dd9}.ae-Editor-renderer-error{padding:5px;font-family:PingFangSC-Medium;font-size:14px;color:#cf1322;border:1px dashed #cf1322}.ae-Editor-tip{user-select:none;max-width:100px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:12px;line-height:24px;height:24px;display:inline-flex;align-items:center;white-space:nowrap;position:relative;transition:all ease-out .3s;cursor:pointer;z-index:2}.ae-Editor-tip.parent,.ae-Editor-tip.child{position:absolute;top:0;left:0;background:#205dd9;z-index:1}.ae-Editor-tip.child{z-index:3}.ae-Preview-widgets{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:100;pointer-events:none}.ae-Editor-rendererCol{width:140px;padding:0 20px 0 0;vertical-align:middle !important;text-align:center}.ae-Editor-rendererThumbOuter{position:absolute;top:0;left:0;min-width:210px;min-height:90px;padding:10px;display:flex;justify-content:center;align-items:center;text-align:center;vertical-align:middle}.ae-Settings-content{height:100%}.width-draggable-icon{position:absolute;width:4px;height:100%;top:0;right:-2px;background-color:rgba(0,0,0,0);cursor:col-resize;z-index:99}.width-draggable-icon.leftBtn{left:-2px;right:auto}.ae-DialogToolbar{height:100%;flex:1 auto}.ae-DialogToolbar>button{background:0 0;color:#222;outline:0;border:0;line-height:1;cursor:pointer;margin:0 2px;transition:background-color .2s ease 0s;border-radius:0;background-clip:padding-box;z-index:2;position:relative;box-sizing:border-box;text-decoration:none;float:left;padding:0;width:30px;height:30px;text-align:left}.ae-DialogToolbar>button>i{display:block;font-size:14px;width:14px;margin:8px;text-align:center;float:none}.ae-DialogToolbar>button:hover{background-color:#f2f2f2}.ae-DialogToolbar>button.acitve{background:#d6d6d6 !important;color:#222 !important}.ae-DialogToolbar>button[disabled]{color:#bdbdbd;cursor:default;pointer-events:none}.ae-disable-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1100}.ae-RenderersPicker-thumb{width:100%;padding:10px;user-select:none}.ae-RenderersPicker-thumb.is-scaled{width:140px}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbWrap{position:relative;width:100%;min-height:60px;max-height:150px;padding:10px;text-align:left;z-index:100;background:#f7f7f9;overflow:hidden;display:flex;justify-content:center;align-items:center}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon{position:absolute;top:50%;left:50%;z-index:110;background:rgba(0,0,0,.6);border-radius:5px;width:30px;height:30px;color:#fff;text-align:center;vertical-align:middle;line-height:30px;transform:translate(-50%, -50%);opacity:0}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon:hover{opacity:1 !important}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon>svg{position:relative;top:4px;width:16px;height:16px}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbWrap:hover>.ae-Editor-rendererThumbIcon{opacity:.4}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon i{display:block;position:absolute;bottom:0;right:0;color:#dcdcdc}.ae-RenderersPicker-thumb .ae-Editor-rendererThumb{display:inline-block;width:100%}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbInner{margin:0;width:100%;transform-origin:0% 0%;transform:scale(1);pointer-events:none;text-align:center}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbInner>*{text-align:left;margin-bottom:0}.ae-RenderersPicker-thumb.is-scaled .ae-Editor-rendererThumbInner{margin:0;width:200%;transform-origin:0% 0%;transform:scale(0.5);pointer-events:none;text-align:center}.ae-Editor-rendererPlaceholder{position:relative;text-align:center}.ae-RendererPanel,.ae-CodePanel{display:flex;flex-direction:column;height:100%}.ae-RendererPanel .ae-RendererPanel-content,.ae-RendererPanel .ae-CodePanel-content,.ae-CodePanel .ae-RendererPanel-content,.ae-CodePanel .ae-CodePanel-content{flex:1 1 auto;overflow:hidden}.ae-RendererPanel .panel-header,.ae-Outline-panel .panel-header,.ae-InsertPanel .panel-header,.ae-CodePanel .panel-header{margin:12px 0;flex:0 0 22px;padding:0 12px;font-family:PingFangSC-Medium;font-size:14px;color:#141a25;letter-spacing:0;line-height:22px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.ae-RendererPanel .editor-InputSearch,.ae-Outline-panel .editor-InputSearch,.ae-InsertPanel .editor-InputSearch,.ae-CodePanel .editor-InputSearch{margin:0 12px;background:#fff !important;border:1px solid #e8e9eb !important;border-radius:4px !important;display:flex;justify-content:flex-start;align-items:center}.ae-RendererPanel .editor-InputSearch:hover,.ae-Outline-panel .editor-InputSearch:hover,.ae-InsertPanel .editor-InputSearch:hover,.ae-CodePanel .editor-InputSearch:hover{border-color:#2468f2 !important}.ae-RendererPanel .editor-InputSearch.is-focused,.ae-Outline-panel .editor-InputSearch.is-focused,.ae-InsertPanel .editor-InputSearch.is-focused,.ae-CodePanel .editor-InputSearch.is-focused{border-color:#144bcc !important}.ae-RendererPanel .editor-InputSearch svg.icon-search,.ae-RendererPanel .editor-InputSearch svg.icon-editor-search,.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon,.ae-Outline-panel .editor-InputSearch svg.icon-search,.ae-Outline-panel .editor-InputSearch svg.icon-editor-search,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon,.ae-InsertPanel .editor-InputSearch svg.icon-search,.ae-InsertPanel .editor-InputSearch svg.icon-editor-search,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon,.ae-CodePanel .editor-InputSearch svg.icon-search,.ae-CodePanel .editor-InputSearch svg.icon-editor-search,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon{top:0 !important;width:16px;height:16px;color:#d4d6d9;fill:#d4d6d9;cursor:pointer}.ae-RendererPanel .editor-InputSearch svg.icon-search:hover,.ae-RendererPanel .editor-InputSearch svg.icon-editor-search:hover,.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon:hover,.ae-Outline-panel .editor-InputSearch svg.icon-search:hover,.ae-Outline-panel .editor-InputSearch svg.icon-editor-search:hover,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon:hover,.ae-InsertPanel .editor-InputSearch svg.icon-search:hover,.ae-InsertPanel .editor-InputSearch svg.icon-editor-search:hover,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon:hover,.ae-CodePanel .editor-InputSearch svg.icon-search:hover,.ae-CodePanel .editor-InputSearch svg.icon-editor-search:hover,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon:hover{color:#2468f2;fill:#2468f2}.ae-RendererPanel .editor-InputSearch svg.icon-search.margin-right,.ae-RendererPanel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon.margin-right,.ae-Outline-panel .editor-InputSearch svg.icon-search.margin-right,.ae-Outline-panel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon.margin-right,.ae-InsertPanel .editor-InputSearch svg.icon-search.margin-right,.ae-InsertPanel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon.margin-right,.ae-CodePanel .editor-InputSearch svg.icon-search.margin-right,.ae-CodePanel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon.margin-right{right:4px !important}.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon{width:14px;height:14px}.ae-RendererPanel hr.margin-top,.ae-Outline-panel hr.margin-top,.ae-InsertPanel hr.margin-top,.ae-CodePanel hr.margin-top{margin:12px 6px 3px 6px;height:1px;border:none;border-top:1px solid #e8e9eb !important}.ae-InsertPanel .editor-InputSearch{margin:0}.ae-Widget-iframe{position:relative}.ae-Widget-iframe:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1210;content:""}.ae-Drawer-preview{display:flex;flex-direction:column}.ae-Drawer-preview .panel-footer .btn+.btn{margin-left:5px}.ae-Drawer-preview .resize-ctrl{display:none}.dropdown-menu.preview{display:block;position:static}[data-editor-id][draggable]{cursor:move}[data-editor-id].ae-is-draging,.ae-is-draging{display:none !important}[data-editor-id][data-visible=false]{opacity:.6;position:relative}[data-editor-id][data-visible=false]:before{pointer-events:none;font-size:12px;content:"<隐藏状态>";z-index:10;color:#6c717c;border:1px dashed #ced0d3;background:rgba(10,19,37,.05);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ae-Region-placeholder{display:none}[data-region]{position:relative;min-height:34px}[data-region]:empty{min-width:20px}[data-region]:empty:before{height:100%;content:attr(data-region-placeholder);position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;padding:0 5px;-webkit-user-select:none;user-select:none;text-align:center;text-transform:uppercase;color:#6c717c;border:1px dashed #ced0d3;background:rgba(10,19,37,.05)}[data-region].is-dragenter{background-color:#fff}[data-region].is-dragenter .ae-AddBtn{display:none}[data-region].is-dragenter>[data-editor-id],[data-region].is-dragenter>*:not([data-editor-id])>[data-editor-id]{position:relative}[data-region].is-dragenter>[data-editor-id]::before,[data-region].is-dragenter>*:not([data-editor-id])>[data-editor-id]::before{position:absolute;content:"";pointer-events:none;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:10;background:rgba(32,93,217,.05);border:1px solid rgba(32,93,217,.2)}[data-region].is-dragenter>span[data-editor-id]{display:inline-block}[data-region].is-entering:not(.is-dragenter){position:relative}[data-region].is-entering:not(.is-dragenter)::before{z-index:10;content:"";position:absolute;pointer-events:none;left:0;top:0;right:0;bottom:0;animation:growing 1s infinite linear}[data-region].is-entering:not(.is-dragenter)::after{z-index:20;content:"保持3s不动切换";pointer-events:none;position:absolute;left:50%;transform:translateX(-50%);top:10%;background:#205dd9;border-radius:5px;font-size:12px;color:#fff;padding:2px 5px}.ae-Editor-rhlbox{position:absolute;left:-1px;top:-1px;display:block;box-sizing:content-box;border-style:solid;border-color:rgba(0,0,0,0);pointer-events:none;z-index:2;transition:all ease-out .15s}.ae-Editor-rhlbox:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border:1px dotted #5e8be7;visibility:hidden}.ae-Editor-rhlbox>.region-tip{position:absolute;right:50%;top:-19px;transform:translateX(50%);background:#205dd9;color:#fff;padding:3px 8px;font-size:11px;line-height:12px;white-space:nowrap;border-radius:3px 3px 0 0;pointer-events:all;display:flex;justify-content:center;align-items:center;visibility:hidden}.ae-Editor-rhlbox>.region-tip.is-only-child-region{visibility:hidden !important}.ae-Editor-rhlbox>.region-tip button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;outline:none;font-size:11px;line-height:12px}.ae-Editor-rhlbox>.region-tip button.clear-icon-btn{padding:0 !important}.ae-Editor-rhlbox>.region-tip svg{width:12px;height:12px;fill:#fff;opacity:.8;cursor:pointer}.ae-Editor-rhlbox>.region-tip svg:hover{opacity:1}.ae-Editor-rhlbox>.region-tip .margin-space{opacity:.8;margin:0 6px}.ae-Editor-rhlbox.region-label-within>.region-tip{top:1px;border-radius:0 0 3px 3px}.ae-Editor-rhlbox.region-hover:before,.ae-Editor-rhlbox.region-hover>.region-tip{visibility:visible}.ae-Editor-rhlbox.is-highlight{border-color:rgba(32,93,217,.05);background:rgba(0,0,0,0)}.ae-Editor-rhlbox.is-highlight:before{visibility:visible;border:1px solid #326be1}.ae-Editor-rhlbox.is-highlight>.region-tip{visibility:visible}.ae-Editor-rhlbox.is-dragenter[data-renderer=form][data-region=controls]{margin:-12px;padding:12px}.ae-Editor-rhlbox.is-dragenter[data-renderer=form][data-region=body]{margin:-12px;padding:12px}.ae-Editor-hlbox.selected>.ae-Editor-rhlbox{left:-2px;top:-2px}[data-region=columns]>.ae-AddBtn,[data-renderer=card][data-region=actions]>.ae-AddBtn{position:absolute;left:-30px;top:5px}div.ae-DragImage{position:absolute;top:0;left:0;background:rgba(66,133,244,.1);border:1px solid rgba(32,93,217,.75);white-space:nowrap;width:50px;height:30px;z-index:100000}div.ae-DragImage>span{position:absolute;left:-1px;top:-16px;background:rgba(32,93,217,.75);color:#fff;padding:2px 5px;font-size:11px;border-radius:3px 3px 0 0;line-height:12px;z-index:1204;display:block;white-space:nowrap;box-shadow:0 -2px 5px rgba(255,255,255,.5)}.ae-DragGhost{margin-bottom:12px}.ae-DragGhost>*{position:relative}.ae-DragGhost>*::before{content:"";position:absolute;z-index:10;top:-1px;left:-1px;right:-1px;bottom:-1px;min-width:100%;min-height:100%;background:rgba(32,93,217,.2);border:1px solid #205dd9}.ae-DragGhost.use-position{display:inline-block;position:absolute;background:#205dd9;height:5px;width:100%;z-index:5}.ae-DragGhost.use-position::before{content:" "}.ae-DragGhost.use-position.is-horizontal{width:5px;height:100%}@media(min-width: 768px){.ae-BulkActions-control .col-edit{width:30px;flex-grow:0}.ae-BulkActions-control .col-edit>button{border:0;background-color:rgba(0,0,0,0);outline:none}}.ae-Editor-rendererItem{display:block;max-width:unset;margin-bottom:10px}.ae-Editor-rendererItem:hover{background:rgba(66,133,244,.1);color:#58666e}.ae-Editor-rendererItem.is-active,.ae-Editor-rendererItem:hover:active{background:rgba(66,133,244,.1);border:1px solid #205dd9;color:#58666e}.ae-Editor-rendererItem.is-active:after,.ae-Editor-rendererItem:hover:active:after{border-color:#205dd9}.ae-dialog{padding:0 !important;position:relative}.ae-dialog>div{position:absolute;width:100%;height:100%;padding:0;overflow:auto}.ae-dialog>div>div{height:100%;margin-bottom:0}.ae-dialog>div>div>.ae-Editor{position:relative;height:100%}.ae-Dialog-footerRegion{text-align:right}.ae-InlineModel{display:flex;flex-direction:column;height:auto;width:100%;border:1px solid #d1d5db}.ae-EditableRenderers{padding:5px 10px;background:rgba(39,194,76,.2);border:1px solid rgba(22,109,43,.2);margin-bottom:10px}.ae-EditableRenderers-tip{display:block;color:#27c24c}.ae-EditableRender{display:flex;flex-direction:row;align-items:center;margin-top:10px}.ae-EditableRender-title{font-size:12px;color:#333;padding-right:10px}.ae-EditableRender-body{flex-grow:1;width:0;margin:-3px}.ae-EditableRender-body>*{margin:3px}.ae-ErrorRenderer{display:flex;align-items:center;justify-content:center;color:#a94442;background:#f2dede;border:1px solid #ebccd1;min-height:30px;padding:0 10px}.ae-ApiSample{min-width:200px}.ae-ApiSample>pre{overflow:auto;border:1px solid #999;page-break-inside:avoid;display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}.ae-ApiSample>pre>code{white-space:pre}.ae-ApiSample-tooltip{max-width:360px}.ae-JsonEditor{height:400px;border:1px solid #d1d5db}.ae-Editor-popOverForm{min-width:300px;max-width:600px;padding:10px 20px}.hoverShowScrollBar{overflow:auto !important}.hoverShowScrollBar::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.hoverShowScrollBar ::-webkit-scrollbar-track{background-color:#fff}.hoverShowScrollBar::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.hoverShowScrollBar::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.hoverShowScrollBar::-webkit-scrollbar-button{display:none}.hoverShowScrollBar::-webkit-scrollbar-thumb{visibility:hidden !important}.hoverShowScrollBar:hover::-webkit-scrollbar-thumb{visibility:visible !important}
|
1
|
+
.editor-backTop{position:fixed;right:30px;bottom:32px;z-index:10000;width:32px;height:32px;margin:0;padding:0;box-sizing:border-box;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";cursor:pointer;visibility:visible;transition:all .3s}.editor-backTop.hidden{visibility:hidden}.editor-backTop:empty{display:none}.backTop-content{width:40px;height:40px;overflow:hidden;color:#fff;text-align:center;background-color:rgba(32,93,217,.85);border-radius:20px;transition:all .3s}.backTop-content:hover{background-color:#205dd9;transition:all .3s}.backTop-icon{font-size:20px;line-height:40px}@media screen and (max-width: 768px){.editor-backTop{right:60px}}@media screen and (max-width: 480px){.editor-backTop{right:20px}}.context-menu-setting{position:relative;width:260px;background:#fff;box-shadow:-2px 0 20px 0 rgba(0,0,0,.1);z-index:5;transition:width ease-in-out .2s;transform:translateZ(0);display:flex;flex-direction:column}.context-menu-setting .setting-header{flex:0 0 48px;font-family:PingFangSC-Regular;font-size:14px;color:#141a25;line-height:48px;letter-spacing:0;font-weight:400;border-bottom:1px solid #e6e6e8;text-align:center}.context-menu-setting .setting-body{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:12px 6px;display:flex;justify-content:flex-start;align-content:flex-start;flex-wrap:wrap}.context-menu-setting .setting-body .setting-item{margin:0 2px 12px 6px;padding-top:12px;flex:0 0 112px;height:62px;cursor:pointer;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.context-menu-setting .setting-body .setting-item .icon-box{width:24px;height:24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.context-menu-setting .setting-body .setting-item .icon-box>svg{width:24px;height:24px;fill:#bcbcbc}.context-menu-setting .setting-body .setting-item .setting-info{margin-top:4px;flex:1 1 auto;font-family:PingFangSC-Regular;font-size:12px;color:#141a25;font-weight:400;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-setting .setting-body .setting-item:hover{background:#e9effd;border:1px solid #2468f2;border-radius:4px}.context-menu-setting .setting-body .setting-item:hover .icon-box>svg{fill:#2468f2}.context-menu-setting .setting-body .setting-item:hover .setting-info{color:#2468f2}.context-menu-setting .setting-body .setting-item.disabled{cursor:not-allowed;background:rgba(189,189,189,.15);border:1px solid #ddd;border-radius:4px}.context-menu-setting .setting-body .setting-item.disabled .icon-box>svg{fill:#bdbdbd}.context-menu-setting .setting-body .setting-item.disabled .setting-info{color:#bdbdbd}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.shake{animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.ae-Outline-panel{display:flex;flex-direction:column;height:100%}.ae-Outline{padding:12px 6px 6px 12px;flex:1 1 auto;background:#fff}.ae-Outline-list,.ae-Outline-sublist{list-style:none;padding:0;margin:0}.ae-Outline-list{margin-left:16px}.ae-Outline-sublist{margin-left:16px}.ae-Outline-sublist>.ae-Outline-node::before,.ae-Outline-sublist>.ae-Outline-node::after{position:absolute;content:"";background:#e8e9eb;display:block}.ae-Outline-sublist>.ae-Outline-node::before{width:8px;height:1px;left:-25px;top:13px;visibility:hidden}.ae-Outline-sublist>.ae-Outline-node::after{width:1px;height:100%;left:-25px;top:0;visibility:hidden}.ae-Outline-sublist>.ae-Outline-node:last-child::after{height:13px}.ae-Outline:hover .ae-Outline-node::before,.ae-Outline:hover .ae-Outline-node::after{visibility:visible}.ae-Outline-node{position:relative;margin:0;padding:4px 0}.ae-Outline-node>a{margin-left:-8px;display:inline-block;min-width:108px;padding:0 8px;font-family:PingFangSC-Regular;font-size:12px;color:#151b26;line-height:24px;font-weight:400;text-decoration:none;user-select:none;cursor:pointer;display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center}.ae-Outline-node>a:hover{color:#151b26;background:#f7f7f9}.ae-Outline-node.has-children>a{margin-left:0}.ae-Outline-node.is-hover>a{background:#f7f7f9;border-radius:2px}.ae-Outline-node.is-active>a{color:#2468f2;background:#e6f0ff;border-radius:2px}.ae-Outline-node.is-folded>.ae-Outline-sublist{display:none}.ae-Outline-node span.has-keywords{color:#2468f2;font-weight:600}.ae-Outline-expander{position:absolute;left:-16px;top:8px;cursor:pointer;z-index:2;display:inline-flex;justify-content:center;align-items:center}.ae-Outline-expander>svg{width:16px;height:16px;color:#84868c;transform:rotate(0deg);transition:transform ease-out .1s}.ae-Outline-expander.is-folded>svg{transform:rotate(-90deg)}.ae-Outline-tip{color:#28a745;margin-bottom:15px;animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.editor-left-panel{position:relative;flex:0 0 308px;background:#fff;overflow:visible;box-shadow:2px 0 20px 0 rgba(0,0,0,.1);z-index:5;transition:width ease-in-out .2s;transform:translateZ(0)}.editor-left-panel.width-draggable{transition:none}.editor-left-panel.fixed-status{position:fixed;top:0;left:0;width:auto;height:100%}.editor-left-panel .editor-panel-btn{position:absolute;top:12px;right:12px;height:16px;width:16px;z-index:100;display:flex;justify-content:center;align-items:center}.editor-left-panel .editor-panel-btn .panel-btn{width:16px;height:16px;fill:#84868c;color:#84868c;cursor:pointer}.editor-left-panel .editor-panel-btn .panel-btn:hover{fill:#205dd9;color:#205dd9}.editor-left-panel.hidden-status{flex:0 0 48px;min-width:48px;width:48px}.editor-left-panel.hidden-status>.editor-panel-btn{display:none}.editor-left-panel .left-panel-arrow{position:absolute;width:16px;height:50px;top:50%;right:-15px;transform:translateY(-50%);background-color:rgba(0,0,0,0);box-sizing:border-box;z-index:10;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-left-panel .left-panel-arrow::before{content:"";position:absolute;border-radius:0 10px 10px 0;box-sizing:border-box;border-left:0;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;transform:perspective(50px) rotateY(30deg);transition:all .15s}.editor-left-panel .left-panel-arrow::after{content:"";position:absolute;width:6px;height:8px;top:50%;-webkit-mask-image:url(cebfe0bc5a1dbde02da1.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#a1a6b3;transform:translate(-50%, -50%) rotate(0deg);transition:all .15s}.editor-left-panel .left-panel-arrow.hidden-status::after{transform:translate(-50%, -50%) rotate(180deg)}.editor-left-panel .editorPanel-tabs{position:relative;height:100%;display:flex}.editor-left-panel .editorPanel-tabs>[class$=Tabs-linksWrapper]{position:relative;flex:0 0 48px;border:none;border-right:1px solid #e6e6e8;height:100%;box-sizing:border-box}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header{padding-top:20px}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li{margin:0 0 12px 0 !important;padding:0;overflow:visible;width:48px;height:48px;box-sizing:border-box;padding:0 3px;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li>a{position:relative;display:inline-block;width:100%;height:100%;margin:0 !important;padding:0 !important;border:none !important;overflow:visible;display:flex;justify-content:center;align-items:center}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon>svg{width:48px;height:48px;color:#151b26}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active,.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover{background:#eef3fe}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active>a,.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover>a{background:#eef3fe}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active .editor-tab-icon>svg,.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover .editor-tab-icon>svg{color:#2468f2 !important}.editor-left-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active{padding:0 3px 0 0;border-left:3px solid #2468f2}.editor-left-panel .editorPanel-tabs>.editorPanel-tabs-content{position:relative;flex:1 1 auto;height:100%;border:none}.editor-left-panel .editorPanel-tabs>.editorPanel-tabs-content .editorPanel-tabs-pane{position:relative;height:100%;padding:0;width:260px;box-sizing:border-box}.editor-left-panel .ae-Editor-codePane{position:relative;height:100%;max-width:800px}.editor-left-panel .ae-Editor-codePane .overflowingContentWidgets{margin-top:-99999px}.editor-left-panel-fixed-placeholder{position:relative;flex:0 0 48px;background:#fff}.editor-right-panel{position:relative;flex:0 0 auto;width:280px;background:#fff;box-shadow:-2px 0 20px 0 rgba(0,0,0,.1);z-index:5;transition:width ease-in-out .2s;transform:translateZ(0)}.editor-right-panel.width-draggable{transition:none}.editor-right-panel.mul-tabs-panel{width:328px;min-width:328px}.editor-right-panel .editor-panel-btn{position:absolute;top:0;left:0;height:16px;width:16px;z-index:100;display:flex;justify-content:center;align-items:center;display:none}.editor-right-panel .editor-panel-btn .panel-btn{width:16px;height:16px;fill:#84868c;color:#84868c;cursor:pointer;transform:rotate(-45deg)}.editor-right-panel .editor-panel-btn .panel-btn:hover{fill:#205dd9;color:#205dd9}.editor-right-panel.hidden-status{width:0 !important;min-width:0}.editor-right-panel.hidden-status .editor-panel-btn{display:none}.editor-right-panel.hidden-status .width-draggable-icon.hasArrowIcon{visibility:hidden}.editor-right-panel.hidden-status .editorPanel-inner{display:none}.editor-right-panel.fixed-status{position:fixed;top:0;right:0;width:280px;height:100%}.editor-right-panel.fixed-status.mul-tabs-panel{width:328px}.editor-right-panel.has-popover{z-index:1300}.editor-right-panel .editorPanel-inner{position:relative;height:100%}.editor-right-panel .editorPanel-inner.has-popover{z-index:1300}.editor-right-panel .editorPanel-tabs{display:flex;flex-direction:row-reverse;height:100%}.editor-right-panel .editorPanel-tabs>[class$=Tabs-linksWrapper]{position:relative;flex:0 0 48px;border:none}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header{padding-top:20px}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header:empty{min-width:unset}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li{margin:0 0 12px 0 !important;padding:0;overflow:visible;width:48px;height:48px;box-sizing:border-box;padding:0 3px;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a{position:relative;display:inline-block;width:100%;height:100%;margin:0 !important;padding:0 !important;border:none !important;overflow:visible;display:flex;justify-content:center;align-items:center}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon i.fa{font-size:16px !important;width:16px;height:auto;margin-bottom:0 !important;color:#151b26}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li>a .editor-tab-icon>svg{width:45px;height:45px;color:#151b26}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover{background:#eef3fe}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active>a,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover>a{background:#eef3fe}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active i.fa,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active .editor-tab-icon>svg,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover i.fa,.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li:hover .editor-tab-icon>svg{color:#2468f2 !important}.editor-right-panel .editorPanel-tabs .editorPanel-tabs-header>li.is-active{padding:0 0 0 3px;border-right:3px solid #2468f2}.editor-right-panel .editorPanel-tabs>.editorPanel-tabs-content{position:relative;flex:1 1 auto;height:100%;max-width:calc(100% - 48px);border-left:none;transform:scale(1)}.editor-right-panel .editorPanel-tabs>.editorPanel-tabs-content .editorPanel-tabs-pane{position:relative;height:100%;padding:0;box-sizing:border-box;max-width:100%}.editor-right-panel .config-form-content{position:relative;height:100%;padding:16px 12px}.editor-right-panel .config-form-content.with-actions{position:relative}.editor-right-panel .config-form-content.with-actions .editor-prop-config-tabs{padding-bottom:45px}.editor-right-panel .config-form-content.with-actions .ae-Settings-actions,.editor-right-panel .config-form-content.with-actions>input{position:fixed;left:0;bottom:0;margin-bottom:0;width:100%;line-height:1;display:flex;align-items:center;justify-content:center}.editor-right-panel .editor-prop-config-tabs{position:relative;margin:-15px -12px;height:calc(100% + 30px);padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]{height:42px;display:flex;justify-content:center;align-items:stretch}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li{flex:1 1 auto;display:flex;justify-content:center;align-items:stretch;padding:0 !important}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li>a{display:inline-block;height:100%;width:100%;text-align:center;padding:0 !important;font-family:PingFangSC-Regular;font-size:14px;color:#84868c;letter-spacing:0;font-weight:400;display:flex;justify-content:center;align-items:center}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li.is-active>a{font-family:PingFangSC-Medium;color:#2468f2;font-weight:500}.editor-right-panel .editor-prop-config-tabs ul[role=tablist]>li:not(:last-child):after{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:12px;background-color:#d8d8d8}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont{position:relative;flex:1 1 auto;padding:4px 0 0 0;max-height:calc(100% - 48px)}.editor-right-panel .right-panel-arrow{position:absolute;width:16px;height:50px;top:50%;left:-15px;transform:translateY(-50%);background-color:rgba(0,0,0,0);box-sizing:border-box;z-index:10;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-right-panel .right-panel-arrow::before{content:"";position:absolute;border-radius:10px 0 0 10px;box-sizing:border-box;border-right:0;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;transform:perspective(50px) rotateY(-30deg);transition:all .15s}.editor-right-panel .right-panel-arrow::after{content:"";position:absolute;width:6px;height:8px;left:55%;top:50%;-webkit-mask-image:url(cebfe0bc5a1dbde02da1.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#a1a6b3;transform:translate(-50%, -50%) rotate(180deg);transition:all .15s}.editor-right-panel .right-panel-arrow.hidden-status::after{transform:translate(-50%, -50%) rotate(0deg)}.ae-Breadcrumb{flex:0 0 42px;position:relative;padding:0;background:#fff;box-sizing:border-box;border-bottom:1px solid #e8e9eb;z-index:1000}.ae-Breadcrumb .ae-Breadcrumb-content{position:relative;left:0;height:100%;width:max-content;padding:0 16px;white-space:nowrap;height:42px;line-height:42px;background:#fff;letter-spacing:0;font-family:PingFangSC-Regular;font-size:12px;color:#5c5f66;font-weight:400;user-select:none;box-sizing:border-box;z-index:10000;transition:left ease-out .15s}.ae-Breadcrumb .ae-Breadcrumb-content>ul{list-style:none;display:inline-block;margin:0;padding:0}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li{display:inline-block;margin:0 0 0 8px;padding:0;position:relative}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:first-child{margin:0}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>span{display:inline-block;padding-right:8px;line-height:42px !important;cursor:pointer}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>span:hover{text-decoration:none}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul{position:absolute;top:46px;left:0;min-width:100px;max-height:320px;line-height:20px;padding:0;font-family:PingFangSC-Regular;font-size:12px;color:#151b26;font-weight:400;box-shadow:0 2px 8px 0 rgba(7,12,20,.12);border-radius:4px;background:#fff;list-style:none;z-index:100000;visibility:hidden;transition:all ease-out .15s}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul ::-webkit-scrollbar-track{background-color:#fff}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul::-webkit-scrollbar-button{display:none}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul>li>span{display:block;padding:6px 12px;cursor:pointer}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul>li>span:hover{background:#e6f0ff;text-decoration:none}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul>li>span.is-active{color:#205dd9}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:hover>ul,.ae-Breadcrumb .ae-Breadcrumb-content>ul>li>ul:hover{visibility:visible}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:not(:last-child):after{color:#5e626a;content:">"}.ae-Breadcrumb .ae-Breadcrumb-content>ul>li:last-child>span{font-family:PingFangSC-Medium;font-size:12px;color:#151b26;line-height:20px;font-weight:500;text-decoration:none}.ae-Breadcrumb .ae-Breadcrumb-scrollLeft-btn,.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn{position:absolute;top:0;left:0;width:40px;height:41px;background-color:#fff;box-sizing:border-box;box-shadow:2px 0 20px 0 rgba(0,0,0,.1);cursor:pointer;display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:100000}.ae-Breadcrumb .ae-Breadcrumb-scrollLeft-btn svg,.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn svg{color:#151b26;width:16px;height:16px;transform:rotate(180deg)}.ae-Breadcrumb .ae-Breadcrumb-scrollLeft-btn svg:hover,.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn svg:hover{color:#2468f2}.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn{left:auto;right:0;box-shadow:-2px 0 20px 0 rgba(0,0,0,.1)}.ae-Breadcrumb .ae-Breadcrumb-scrollRight-btn svg.icon-editor-double-arrow{transform:rotate(0deg)}.ae-Breadcrumb:hover .ae-Breadcrumb-scrollLeft-btn,.ae-Breadcrumb:hover .ae-Breadcrumb-scrollRight-btn{visibility:visible}.ae-ClassNamePicker-popover{padding:10px;width:610px;max-height:400px;overflow:auto}.ae-ClassNamePicker-popover.ae-PopOver--leftBottomLeftTop{margin-top:1px}.ae-ClassNamePicker-popover.ae-PopOver--leftTopLeftBottom{margin-top:-1px}.ae-ClassNameControl-group{margin:10px;display:inline-block;width:265px}.ae-ClassNameControl-group.w2x{width:550px}.ae-ClassNameControl-group .ae-ClassNameControl-group{padding-left:65px;margin:0;display:block;width:auto}.ae-ClassNameControl-group .ae-ClassNameControl-group:not(:last-child){margin:0 0 10px 0}.ae-ClassNameControl-group .ae-ClassNameControl-group .ae-ClassNameControl-groupLabel{float:left;border:none;padding-top:5px;padding-bottom:0;text-align:right;margin:0 0 0 -60px;font-size:12px}.ae-ClassNameControl-group .ae-ButtonGroup+.ae-ButtonGroup{margin-left:5px}.ae-ClassNameControl-groupLabel{border-bottom:.0625rem solid #dfe2e6;display:block;padding-bottom:5px;margin-bottom:10px;font-size:14px}.ae-RendererList-tabs{position:relative;height:100%;padding:0;width:260px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.ae-RendererList-tabs .ae-RendererList-tabs-header{padding:0 12px}.ae-RendererList-tabs .ae-RendererList-tabs-content{position:relative;margin-top:12px;flex:1 1 auto;padding:0 5px;height:100%;box-sizing:border-box}.ae-RendererList-tabs .ae-RendererList-tabs-content .ae-RendererList-tabs-panel{position:relative;padding:0;height:100%}.ae-RendererList{height:100%;padding:0 0 12px 0;display:flex;flex-direction:column}.ae-RendererList.only-base-component{width:260px}.ae-RendererList.only-base-component .ae-RendererList-groupWrap{margin:0;padding:0 0 12px 0}.ae-RendererList .ae-RendererList-tip{padding:0 12px;color:#28a745}.ae-RendererList .ae-RendererList-group>span,.ae-RendererList .ae-RendererList-groupWrap>span,.ae-RendererList .ae-RendererList-placeholder{display:inline-block;margin:12px}.ae-RendererList-groupWrap{flex:1 1 auto;margin:0 -5px;padding:0 0 12px 0;background:#fff}.ae-RendererList-groupWrap .collapse-header{padding:0 12px;font-family:PingFangSC-Regular;font-size:12px;color:#141a25;letter-spacing:0;line-height:20px;font-weight:400;letter-spacing:0;height:35px;line-height:35px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.ae-RendererList-groupWrap .collapse-header .expander-icon>svg{width:10px;height:10px;color:#333;transform:rotate(90deg);transition:transform ease-out .3s}.ae-RendererList-groupWrap .collapse-header .expander-icon.is-folded>svg{transform:rotate(270deg)}.ae-RendererList-group.collapse-content{display:flex;flex-wrap:wrap;height:auto;padding:6px 0 4px 2px;box-sizing:border-box;transition:height .3s}.ae-RendererList-group.collapse-content:last-child{border-bottom:none}.ae-RendererList-group.collapse-content.is-folded{height:0;padding:0;overflow:hidden}.ae-RendererList-group.collapse-content.is-folded:last-child{height:0}.ae-RendererList-group.collapse-content .ae-RendererList-item{margin:0 2px 12px 10px;padding:0 8px;flex:0 0 112px;cursor:pointer;width:112px;height:32px;border:1px solid #e8e9eb;border-radius:4px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box{width:16px;height:16px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box>i{font-size:16px;color:#b8babf}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererInfo{flex:1 1 auto;font-family:PingFangSC-Regular;font-size:12px;color:#151b26;letter-spacing:0;line-height:20px;font-weight:400;max-width:80px;padding:0 8px;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererIcon{flex:0 0 16px;color:#84868c;justify-content:center;align-items:center;display:none}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererIcon>svg{width:16px;height:16px}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererIcon:hover{color:#2468f2}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover{border-color:#2468f2}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover .ae-RendererInfo{max-width:64px}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover .ae-RendererIcon{display:flex !important}.ae-RendererThumb{max-width:328px;min-height:120px;padding:5px;font-size:12px;color:#151b26;line-height:20px;background:#fff;box-shadow:0 4px 5px 0 rgba(0,0,0,.06),0 1px 10px 0 rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.04)}.ae-RendererThumb .ae-Renderer-title{font-family:PingFangSC-Medium;font-weight:500}.ae-RendererThumb .ae-Renderer-info{margin:4px 0;font-family:PingFangSC-Regular;letter-spacing:0;font-weight:400}.ae-RendererThumb .ae-Renderer-preview{position:relative;max-height:200px;overflow:hidden}.ae-InsertPanel-drawer svg.icon-close{width:22px;height:22px}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn{padding:4px 16px;border-radius:4px;display:inline-flex;justify-content:center;align-items:center}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn.action-btn-primary{color:#fff;background-color:#2468f2}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn.action-btn-primary:hover{background-color:#5086f5}.ae-InsertPanel-drawer .ae-InsertPanel-footer>.action-btn.is-disabled{color:#b4b6ba;background-color:#e6e6e8;border-color:#e6e6e8}.ae-InsertRendererPanel-drawer>svg.icon-close{width:22px;height:22px}.ae-InsertRendererPanel-drawer .ae-drawer-renderers{width:417px;border-radius:0 !important}.ae-InsertRendererPanel-drawer .ae-drawer-renderers .ae-drawer-title{padding:0 12px;font-family:PingFangSC-Medium;font-size:18px;color:#141a25;letter-spacing:0;font-weight:500;height:35px;line-height:35px;cursor:pointer}.ae-InsertRendererPanel-drawer .ae-drawer-renderers .ae-RendererList{width:100% !important}.ae-InsertRendererPanel-drawer .ae-RendererList-tabs{width:417px}.ae-RenderersPicker-list{flex-grow:1;height:0;display:flex;flex-direction:row;margin-top:10px;margin-bottom:10px}.ae-RenderersPicker-list>ul{min-width:40px;margin:0;padding:0;margin-right:20px;user-select:none}.ae-RenderersPicker-list>ul>li{list-style:none;display:block;text-align:center;white-space:nowrap}.ae-RenderersPicker-list>ul>li:not(:last-child){margin-bottom:10px}.ae-RenderersPicker-list>ul>li>a{color:#666;font-size:14px;cursor:pointer;padding:2px 10px;border-radius:5px}.ae-RenderersPicker-list>ul>li.is-active>a,.ae-RenderersPicker-list>ul>li>a:hover{text-decoration:none;color:#333;background:rgba(66,133,244,.1)}.ae-RenderersPicker-content{flex-grow:1;width:0;overflow:auto}.ae-RenderersPicker-content::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-RenderersPicker-content ::-webkit-scrollbar-track{background-color:#fff}.ae-RenderersPicker-content::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-RenderersPicker-content::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-RenderersPicker-content::-webkit-scrollbar-button{display:none}.ae-RenderersPicker-content>ul{list-style:none;margin:0;padding:0}.ae-RenderersPicker-content>ul>li{border-radius:4px;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;border:1px solid #e6e7e8;color:#666;font-size:12px;cursor:pointer}.ae-RenderersPicker-content>ul>li:not(:last-child){margin-bottom:10px}.ae-RenderersPicker-content>ul>li:hover,.ae-RenderersPicker-content>ul>li.is-active{background:rgba(32,93,217,.05)}.ae-RenderersPicker-content>ul>li.is-active{border:1px solid #205dd9}.ae-RenderersPicker-info{flex-grow:1;width:0;padding:10px;align-self:flex-start;user-select:none}.ae-RenderersPicker-info>h4{font-size:14px;color:#333;padding:0;margin:0 0 10px}.ae-RendereresPicker-form{height:100%}.ae-RenderersPicker{height:100%;display:flex;flex-direction:column}.ae-RegionFilter{margin:10px 15px;font-size:12px;color:#666}.ae-RegionFilter>div{display:inline-block;cursor:pointer;padding:2px 10px;border-radius:5px}.ae-RegionFilter>div:hover,.ae-RegionFilter>div.is-active{color:#333;background:rgba(66,133,244,.1)}.ae-InsertPanel{display:flex;flex-direction:column;padding:15px;width:100%;height:100%}.ae-InsertPanel-title{color:#333;margin-bottom:10px}.ae-InsertPanel-footer{text-align:right}.ae-InsertPanel-footer>button+button,.ae-InsertPanel-footer>div+button{margin-left:5px}.editor-InputSearch-panel{position:relative}.editor-InputSearch-panel .editor-InputSearch-content{position:absolute;top:36px;left:12px;width:calc(100% - 24px);min-height:50px;padding:4px 12px;background:#fff;box-shadow:0 4px 5px 0 rgba(62,72,99,.06),0 1px 10px 0 rgba(62,72,99,.05),0 2px 4px -1px rgba(62,72,99,.04);border-radius:4px;z-index:100;visibility:visible;transition:all .3s;display:flex;flex-direction:column;justify-content:flex-start}.editor-InputSearch-panel .editor-InputSearch-content.hidden-status{visibility:hidden}.editor-InputSearch-panel .editor-InputSearch-content .search-history{flex:0 0 auto;margin-bottom:12px;padding-bottom:4px;font-family:PingFangSC-Regular;font-size:12px;color:#080e1a;line-height:20px;font-weight:400}.editor-InputSearch-panel .editor-InputSearch-content .search-history.has-border-bottom{border-bottom:1px solid #e6e6e8}.editor-InputSearch-panel .editor-InputSearch-content .search-history .header{opacity:.5;height:32px;line-height:32px;display:flex;justify-content:space-between;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-history .header .header-clear-icon{cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont{position:relative;margin:0 -12px;padding:0 12px;overflow:hidden;display:flex;flex-direction:column}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont.hasScrollBtn{max-height:192px}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont.hasScrollBtn:hover{overflow-y:auto;padding:0 2px 0 12px}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont ::-webkit-scrollbar-track{background-color:#fff}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont::-webkit-scrollbar-button{display:none}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item{flex:0 0 auto;margin:0 -12px;padding:0 12px;opacity:.95;height:32px;display:flex;justify-content:space-between;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item:hover{opacity:.8;background:#f0f0f0}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .history-keyword{flex:1 1 auto;max-width:calc(100% - 16px);color:#151a26;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .delete-icon{flex:0 0 20px;color:#080e1a;display:flex;justify-content:center;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .delete-icon svg{width:12px;height:12px;opacity:.5;cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .search-history .history-cont .history-item .delete-icon svg:hover{fill:#2468f2}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list{position:relative;flex:0 0 auto;font-family:PingFangSC-Regular;font-size:12px;color:#080e1a;line-height:20px;font-weight:400;margin:0 -12px;padding:0 12px;max-height:192px;overflow:hidden}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list.hasScrollBtn{max-height:192px}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list.hasScrollBtn:hover{overflow-y:auto;padding:0 2px 0 12px}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list ::-webkit-scrollbar-track{background-color:#fff}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list::-webkit-scrollbar-button{display:none}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-header{height:32px;line-height:32px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-header svg{width:10px;height:10px;opacity:.5;transform:rotate(90deg);transition:all .15s}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-header.is-folded svg{transform:rotate(270deg)}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .multiple-subRenderers-list{display:flex;flex-direction:column}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list{display:flex;flex-direction:column}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list.is-folded{height:0;overflow:hidden}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list .subRenderers-item{flex:0 0 32px;padding-left:12px;line-height:32px;user-select:none;cursor:pointer;text-align:left;opacity:.95}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list .subRenderers-item:hover{background:#f0f0f0}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list .subRenderers-item .is-keyword{color:#2468f2}.editor-InputSearch-panel .editor-InputSearch-content .search-result-list .subRenderers-list.only-one-tag .subRenderers-item{margin:0 -12px;padding:0 12px}.editor-InputSearch-panel .editor-InputSearch-content .tag-list{flex:0 0 auto;font-family:PingFangSC-Regular;font-size:12px;color:#080e1a;line-height:20px;font-weight:400}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .header{opacity:.5}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .tag-list-cont{margin:4px -4px;display:flex;flex-wrap:wrap;justify-items:flex-start}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .tag-list-cont .tag-item{margin:4px;flex:0 0 auto;padding:2px 8px;opacity:.95;border:1px solid #f2f3f3;background-color:#f2f3f3;border-radius:2px;cursor:pointer}.editor-InputSearch-panel .editor-InputSearch-content .tag-list .tag-list-cont .tag-item:hover{color:#2468f2}.ae-TableViewEditor{position:relative}.ae-TableViewEditor-rowLine{position:absolute;height:7px;left:0;right:0;cursor:row-resize;user-select:none;opacity:.5}.ae-TableViewEditor-colLine{position:absolute;width:7px;top:0;bottom:0;cursor:col-resize;user-select:none;opacity:.5}.ae-TableViewEditor-mergeIcon{position:absolute;bottom:-22px;left:calc(50% - 3.5em);color:#4285f4;cursor:pointer}.ae-TableViewEditor td[data-selected]{background:#cfe1fe}.ae-TableViewEditor .ae-AddBtn{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);margin:0}.ae-TargetName{padding:12px;width:15em}.ae-TargetName-list{list-style:none;padding:0;margin:0;user-select:none;cursor:pointer}.ae-TargetName-node>span{line-height:normal}.ae-TargetName-node>a{color:#58666e;text-decoration:none}.ae-TargetName-node.is-active>a{color:#007bff}.ae-TargetName-node.is-hover>a{color:#007bff}.ae-Editor-selectionCursor{position:absolute;background:rgba(35,183,229,.2);border:1px solid #23b7e5;z-index:999999}.aeDataChain{display:flex;flex-direction:row;flex-wrap:nowrap;min-height:300px}.aeDataChain-aside{width:60px;flex-shrink:0;border-right:1px solid #ccc;margin-right:10px;padding-right:10px}.aeDataChain-aside>ul{list-style:none;margin:0;padding:0}.aeDataChain-aside>ul>li{display:block;cursor:pointer;text-align:center;color:#999;padding:2px 5px;font-size:12px}.aeDataChain-aside>ul>li.is-active{color:#333;background:#edeff7}.aeDataChain-main{flex-grow:1;flex-basis:auto}[editor-tooltip]{position:relative}[editor-tooltip]::after{pointer-events:none;left:calc(100% + 10px);top:50%;transform:translateY(-50%);position:absolute;max-width:300px;padding:4px 8px;box-sizing:content-box;content:attr(editor-tooltip);font-family:PingFangSC-Regular;font-size:12px;color:#fff;text-align:center;line-height:20px;font-weight:400;background:rgba(7,12,20,.85);border:1px solid rgba(7,12,20,.85);border-radius:4px;box-shadow:0 2px 8px 0 rgba(7,12,20,.12);white-space:normal;animation-fill-mode:both;visibility:hidden;z-index:110;white-space:nowrap}[editor-tooltip]::before{position:absolute;content:"";pointer-events:none;left:calc(100% - 2px);top:50%;transform:translateY(-50%);width:0;margin:0;padding:0;box-sizing:content-box;border:6px solid rgba(7,12,20,.85);border-color:rgba(0,0,0,0) rgba(7,12,20,.85) rgba(0,0,0,0) rgba(0,0,0,0);visibility:hidden;z-index:100}[editor-tooltip]:not(.is-disabled):hover::after,[editor-tooltip]:not(.disabled):hover::after,[editor-tooltip]:not(.is-disabled):hover::before,[editor-tooltip]:not(.disabled):hover::before{visibility:visible}[editor-tooltip].is-disabled:hover::after,[editor-tooltip].disabled:hover::after,[editor-tooltip].is-disabled:hover::before,[editor-tooltip].disabled:hover::before{visibility:hidden !important}[editor-tooltip][tooltip-position=bottom]::after{left:50%;top:calc(100% + 10px);transform:translateX(-50%)}[editor-tooltip][tooltip-position=bottom]::before{left:50%;top:calc(100% - 2px);transform:translateX(-50%);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(7,12,20,.85) rgba(0,0,0,0)}[editor-tooltip][tooltip-position=left]::after{top:50%;right:calc(100% + 10px);left:auto;transform:translateY(-50%)}[editor-tooltip][tooltip-position=left]::before{top:50%;right:calc(100% - 2px);left:auto;transform:translateY(-50%);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(7,12,20,.85)}[editor-tooltip][tooltip-position=top]::after{left:50%;top:auto;bottom:calc(100% + 9px);transform:translateX(-50%)}[editor-tooltip][tooltip-position=top]::before{left:50%;top:auto;bottom:calc(100% - 2px);transform:translateX(-50%);border-color:rgba(7,12,20,.85) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.ae-PopoverEditControl{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.ae-PopoverEdit-popover{padding:0.75rem;border:none;min-width:18.75rem;max-width:40rem}.ae-PopoverEdit-popover header{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-PopoverEdit-popover .ae-PopoverEdit-title{opacity:.95;font-size:var(--fontSizeMd);color:#080e1a;line-height:1.5rem;font-weight:bold;width:100%;margin:0}.ae-PopoverEdit-popover .ae-PopoverEdit-close{float:right;color:var(--text--muted-color);line-height:inherit;text-decoration:none;vertical-align:middle}.ae-PopoverEdit-popover .ae-PopoverEdit-close svg{width:0.75rem;height:0.75rem;fill:var(--text--muted-color)}.ae-PopoverEdit-popover .ae-PopoverEdit-close:not(.is-disabled){cursor:pointer}.ae-PopoverEdit-popover .ae-PopoverEdit-close:not(.is-disabled):hover{text-decoration:none;color:var(--text-color)}.ae-PopoverEdit-popover .ae-PopoverEdit-close:not(.is-disabled):hover svg{fill:var(--text-color)}.ae-OptionControl-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-OptionControl-header label{margin-right:1rem;font-size:14px;color:#5e626a}.ae-OptionControl-header .ae-OptionControl-source{--Form-input-fontSize: 0.75rem;--Form-select-borderColor: transparent;--Form-select-onHover-borderColor: transparent;--Form-input-onFocused-borderColor: transparent;--Form-select-color: #2468f2;width:100px}.ae-OptionControl-header .ae-OptionControl-source>svg,.ae-OptionControl-header .ae-OptionControl-source>svg path{fill:var(--primary)}.ae-OptionControl-header .ae-OptionControl-source-popover{font-size:0.75rem}.ae-OptionControl-wrapper{background:#fff;border-radius:5px;border:1px solid var(--borderColor);padding-top:0.1875rem}.ae-OptionControl-content{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin:0;padding:0;padding-bottom:0.1875rem;overflow-x:hidden;overflow-y:auto;max-height:11.25rem}.ae-OptionControl-content::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-OptionControl-content ::-webkit-scrollbar-track{background-color:#fff}.ae-OptionControl-content::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-OptionControl-content::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-OptionControl-content::-webkit-scrollbar-button{display:none}.ae-OptionControl-content .ae-OptionControlItem{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;background:#fff;padding:0.3125rem 0.625rem}.ae-OptionControl-content .ae-OptionControlItem:hover{background:#e9effd}.ae-OptionControl-content .ae-OptionControlItem--dragging{height:0 !important;padding:0;border-top:2px solid var(--primary);overflow:hidden;background:#e9effd}.ae-OptionControl-content .ae-OptionControlItem-dragBar{margin-left:0;margin-right:var(--gap-sm);cursor:move;color:#d8d8d8}.ae-OptionControl-content .ae-OptionControlItem-checkbox{display:inline-flex;align-items:center;line-height:1.5rem}.ae-OptionControl-content .ae-OptionControlItem-checkbox span{color:#080e1a;margin-left:0.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.ae-OptionControl-content .ae-OptionControlItem-input{flex:1;margin:0;margin-right:1.25rem}.ae-OptionControl-content .ae-OptionControlItem-action{padding-left:0;padding-right:0}.ae-OptionControl-content .ae-OptionControlItem-action:not(:last-child){margin-right:0.625rem}.ae-OptionControl-content .ae-OptionControlItem-action:hover>svg,.ae-OptionControl-content .ae-OptionControlItem-action:hover>svg path{fill:var(--primary)}.ae-OptionControl-content .ae-OptionControlItem-action>svg,.ae-OptionControl-content .ae-OptionControlItem-action>svg path{fill:var(--text--muted-color)}.ae-OptionControl-placeholder{color:#999;line-height:1.5rem;text-align:center;vertical-align:middle;width:100%;padding:0.625rem}.ae-OptionControl-footer{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;padding:0.3125rem;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:1px solid #f2f7f3;box-shadow:0 0 5px rgba(8,14,26,.06);clip-path:inset(-5px 0px 0px 0px)}.ae-OptionControl-PopoverEdit{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;padding:0.9375rem 1.25rem;border:none;width:300px}.ae-OptionControl-PopoverEdit header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-title{opacity:.95;font-size:var(--fontSizeMd);color:#080e1a;line-height:1.5rem;font-weight:bold}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close{float:right;color:var(--text--muted-color);line-height:inherit;text-decoration:none;vertical-align:middle}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close svg{width:0.75rem;height:0.75rem;fill:var(--text--muted-color)}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close:not(.is-disabled){cursor:pointer}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close:not(.is-disabled):hover{text-decoration:none;color:var(--text-color)}.ae-OptionControl-PopoverEdit header .ae-OptionControl-PopoverEdit-close:not(.is-disabled):hover svg{fill:var(--text-color)}.ae-ApiControl{background:#f2f3f3;padding:0.625rem 0.625rem 0.3125rem;border-radius:5px}.ae-ApiControl-dialog-body{max-height:560px;overflow-x:hidden;overflow-y:auto;padding:0 !important;margin:1rem 0 1.5rem}.ae-ValidationControl header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:1.5rem;margin-bottom:0.625rem}.ae-ValidationControl header label{margin-right:1rem;font-size:14px;color:#5e626a}@keyframes growing{0%{box-shadow:0 0 10px rgba(35,183,229,0) inset;border:1px solid rgba(32,93,217,0)}50%{box-shadow:0 0 10px rgba(35,183,229,.6) inset;border:1px solid rgba(32,93,217,.75)}100%{box-shadow:0 0 10px rgba(35,183,229,.2) inset;border:1px solid rgba(32,93,217,.1)}}.ae-Editor{display:block;min-height:450px;min-width:980px}.ae-Editor svg.icon{top:0 !important}.ae-Editor.is-fixed{position:absolute;top:0;left:0;right:0;bottom:0}.ae-Editor .ae-Editor-inner{transform:scale(1);transform-origin:center top;display:flex;height:100%;width:100%;flex-direction:row}.ae-Editor-common-config{outline:2px solid rgba(243,144,0,.2)}.subEditor-dialog{overflow:hidden;border:1px solid #e6e6e8;margin:5px;padding:0}.ae-Main{flex:1 1 auto;min-width:0;transform:scale(1);transform-origin:center top;background-color:#f7f7f9;display:flex;flex-direction:column}.ae-Main .ant-back-top{bottom:96px;right:39px;width:45px;height:45px;z-index:20000}.ae-Main .ant-back-top svg.ant-fade-leave{visibility:hidden}.ae-Main .ant-back-top svg.ant-fade-enter{visibility:visible}.ae-Preview{position:relative;flex-grow:1;background-color:#f7f7f9;overflow:hidden}.ae-Preview .ae-Preview-body{position:relative;height:100%;width:100%;padding:24px 16px 16px;min-width:300px;background-color:#f7f7f9}.ae-Preview .ae-Preview-body::-webkit-scrollbar{background-color:#f7f7f9}.ae-Preview .ae-Preview-body::-webkit-scrollbar-thumb{border-color:#f7f7f9}.ae-Preview .ae-Preview-body .ae-Preview-inner{position:relative;display:flex;min-height:100%;background:#fff;box-shadow:0 2px 6px 0 rgba(211,211,211,.5);border-radius:4px}.ae-Preview .ae-Preview-body .ae-Preview-inner>*:first-child{min-width:100%;position:relative;min-height:100%;height:auto;background:#fff;box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}.ae-Preview .ae-Preview-body:focus{outline:none}.ae-Preview .ae-Preview-body.is-edting input,.ae-Preview .ae-Preview-body.is-edting textarea,.ae-Preview .ae-Preview-body.is-edting select,.ae-Preview .ae-Preview-body.is-edting iframe{pointer-events:none}.ae-Preview .ae-Preview-body.is-mobile{position:relative;border-width:64px 22px;border-color:#ddd;border-style:solid;border-radius:40px;width:419px;height:798px;flex-grow:unset;min-height:unset;margin:40px auto;min-width:unset;padding:0;overflow:visible}.ae-Preview .ae-Preview-body.is-mobile>.ae-Preview-inner{min-height:100%;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:0}.ae-Preview .ae-Preview-body.is-mobile>.ae-Preview-inner::-webkit-scrollbar{display:none}.ae-Preview .ae-Preview-body.is-mobile .mobile-sound,.ae-Preview .ae-Preview-body.is-mobile .mobile-receiver,.ae-Preview .ae-Preview-body.is-mobile .mobile-left-btn,.ae-Preview .ae-Preview-body.is-mobile .mobile-right-btn,.ae-Preview .ae-Preview-body.is-mobile .mobile-open-btn{position:absolute;background:#cdcdcd;border-radius:3px;z-index:100}.ae-Preview .ae-Preview-body.is-mobile .mobile-sound{top:-35px;left:142px;width:58px;height:6px}.ae-Preview .ae-Preview-body.is-mobile .mobile-receiver{top:-37px;left:224px;width:10px;height:10px;border-radius:5px}.ae-Preview .ae-Preview-body.is-mobile .mobile-left-btn{top:162px;left:-27px;width:6px;height:50px}.ae-Preview .ae-Preview-body.is-mobile .mobile-right-btn{top:61px;right:-27px;width:6px;height:100px}.ae-Preview .ae-Preview-body.is-mobile .mobile-open-btn{top:211px;right:-27px;width:6px;height:50px}.ae-Preview.is-mobile-body{overflow-x:hidden}.ae-Preview.is-mobile-body::-webkit-scrollbar{background-color:#f7f7f9}.ae-Preview.is-mobile-body::-webkit-scrollbar-thumb{border-color:#f7f7f9}.ae-PreviewFrame{pointer-events:all !important;border:0;width:100%}.ae-IframeMask{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0}.ae-IFramePreview>*:first-child{min-width:100%;position:relative;min-height:100%;background:#fff}.ae-IFramePreview.is-edting input,.ae-IFramePreview.is-edting textarea,.ae-IFramePreview.is-edting select,.ae-IFramePreview.is-edting iframe{pointer-events:none}.ae-Editor-toolbarPopover{position:absolute;top:-24px;left:-2px;z-index:20;border:0;padding-right:8px;white-space:nowrap;background:#205dd9;height:24px;font-family:PingFangSC-Regular;font-size:12px;font-weight:400;color:#fff;line-height:24px;color:#fff;line-height:24px;display:inline-flex;justify-content:flex-start;align-items:center}.ae-Editor-toolbarPopover.is-right-elem{left:auto;right:-2px}.ae-Editor-toolbarPopover .ae-Editor-toolbar{z-index:10}.ae-Editor-nav{pointer-events:all;display:inline-block}.ae-Editor-nav .ae-Editor-tip{opacity:0;display:block;background:rgba(32,93,217,.8)}.ae-Editor-nav .ae-Editor-tip.current{opacity:1}.ae-Editor-nav:hover .ae-Editor-tip{opacity:1}.ae-Editor-nav:hover .ae-Editor-tip.parent{transform:translate(0, -25px)}.ae-Editor-nav:hover .ae-Editor-tip.child{transform:translate(0, 25px)}.ae-Editor-nav:hover .ae-Editor-tip:hover,.ae-Editor-nav:hover .ae-Editor-tip.current{background:#205dd9}.ae-Editor-toolbar{position:relative;padding-left:8px;display:inline-flex !important;pointer-events:all;align-items:center;justify-content:flex-start}.ae-Editor-toolbar::before{position:absolute;top:-4px;left:0;content:"|";opacity:.4;color:#fff;height:10px;width:1px}.ae-Editor-toolbar.sencondary{padding-left:0 !important}.ae-Editor-toolbar.sencondary::before{display:none}.ae-Editor-toolbar button{margin:0 4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:16px;padding:0;text-align:center;color:#fff;opacity:.8;background:rgba(0,0,0,0);border:none;outline:none;font-size:12px}.ae-Editor-toolbar button svg{fill:currentColor}.ae-Editor-toolbar button:hover{opacity:1}fa .ae-Editor-toolbar button[draggable]{cursor:move}.ae-WResizer,.ae-HResizer,.ae-Resizer{width:10px;height:10px;border:2px solid #205dd9;background-color:#fff;transform:translate(-50%, -50%);position:absolute;pointer-events:all;display:none}.ae-WResizer{left:100%;top:50%;cursor:ew-resize}.ae-WResizer[data-value]:after{position:absolute;content:attr(data-value);background-color:#205dd9;right:15px;top:50%;transform:translate(0, -50%);padding:2px 8px;color:#fff}.ae-HResizer{left:50%;top:100%;cursor:ns-resize}.ae-HResizer[data-value]:after{position:absolute;content:attr(data-value);background-color:#205dd9;bottom:15px;left:50%;transform:translate(-50%, 0);padding:2px 8px;color:#fff}.ae-Resizer{left:100%;top:100%;cursor:nwse-resize}.ae-Resizer[data-value]:after{position:absolute;content:attr(data-value);background-color:#205dd9;bottom:15px;right:15px;padding:2px 8px;color:#fff;text-align:center}.ae-Editor-hlbox{position:absolute;z-index:1;border:1px dashed rgba(32,93,217,.75);box-sizing:border-box;pointer-events:none;transition:all ease-out .15s}.ae-Editor-hlbox:hover{z-index:3}.ae-Editor-hlbox.selected{background:rgba(32,93,217,.05);border:2px solid #205dd9}.ae-Editor-hlbox.selected .ae-Editor-toolbar{background:#205dd9}.ae-Editor-hlbox.selected .ae-Editor-toolbar button.ae-InsertBefore,.ae-Editor-hlbox.selected .ae-Editor-toolbar button.ae-InsertAfter{background:#205dd9}.ae-Editor-hlbox.selected .ae-WResizer,.ae-Editor-hlbox.selected .ae-HResizer,.ae-Editor-hlbox.selected .ae-Resizer{display:block}.ae-Editor-hlbox.regionOn{background:rgba(0,0,0,0);z-index:5}.ae-Editor-hlbox .ae-Editor-toolbar{display:none;background:rgba(32,93,217,.75)}.ae-Editor-hlbox .ae-Editor-toolbar.sencondary{position:absolute;top:-1px;right:-1px;border-radius:0 0 3px 3px;height:20px;line-height:20px}.ae-Editor-hlbox .ae-Editor-toolbar.sencondary>button{font-size:12px;width:16px}.ae-Editor-hlbox .ae-Editor-toolbar.special{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0) !important;height:auto;width:auto;pointer-events:none}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter{pointer-events:all;position:absolute;background:rgba(32,93,217,.75);width:20px;height:20px;line-height:20px;border-radius:500px;top:20%}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore>span>svg,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter>span>svg{width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:transform ease-out .3s}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore.is-vertical,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter.is-vertical{left:50%;transform:translate(-50%, 0)}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore:hover,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore:hover>span>svg,.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter:hover>span>svg{transform:translate(-50%, -50%) rotate(90deg)}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore{left:-25px}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertBefore.is-vertical{top:-25px}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter{right:-25px}.ae-Editor-hlbox .ae-Editor-toolbar button.ae-InsertAfter.is-vertical{top:auto;bottom:-25px}.ae-Editor-hlbox.selected .ae-Editor-toolbar{display:block;background:#205dd9}.ae-Editor-renderer-error{padding:5px;font-family:PingFangSC-Medium;font-size:14px;color:#cf1322;border:1px dashed #cf1322}.ae-Editor-tip{user-select:none;max-width:100px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:12px;line-height:24px;height:24px;display:inline-flex;align-items:center;white-space:nowrap;position:relative;transition:all ease-out .3s;cursor:pointer;z-index:2}.ae-Editor-tip.parent,.ae-Editor-tip.child{position:absolute;top:0;left:0;background:#205dd9;z-index:1}.ae-Editor-tip.child{z-index:3}.ae-Preview-widgets{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:100;pointer-events:none}.ae-Editor-rendererCol{width:140px;padding:0 20px 0 0;vertical-align:middle !important;text-align:center}.ae-Editor-rendererThumbOuter{position:absolute;top:0;left:0;min-width:210px;min-height:90px;padding:10px;display:flex;justify-content:center;align-items:center;text-align:center;vertical-align:middle}.ae-Settings-content{height:100%}.width-draggable-icon{position:absolute;width:4px;height:100%;top:0;right:-2px;background-color:rgba(0,0,0,0);cursor:col-resize;z-index:99}.width-draggable-icon.leftBtn{left:-2px;right:auto}.ae-DialogToolbar{height:100%;flex:1 auto}.ae-DialogToolbar>button{background:0 0;color:#222;outline:0;border:0;line-height:1;cursor:pointer;margin:0 2px;transition:background-color .2s ease 0s;border-radius:0;background-clip:padding-box;z-index:2;position:relative;box-sizing:border-box;text-decoration:none;float:left;padding:0;width:30px;height:30px;text-align:left}.ae-DialogToolbar>button>i{display:block;font-size:14px;width:14px;margin:8px;text-align:center;float:none}.ae-DialogToolbar>button:hover{background-color:#f2f2f2}.ae-DialogToolbar>button.acitve{background:#d6d6d6 !important;color:#222 !important}.ae-DialogToolbar>button[disabled]{color:#bdbdbd;cursor:default;pointer-events:none}.ae-disable-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1100}.ae-RenderersPicker-thumb{width:100%;padding:10px;user-select:none}.ae-RenderersPicker-thumb.is-scaled{width:140px}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbWrap{position:relative;width:100%;min-height:60px;max-height:150px;padding:10px;text-align:left;z-index:100;background:#f7f7f9;overflow:hidden;display:flex;justify-content:center;align-items:center}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon{position:absolute;top:50%;left:50%;z-index:110;background:rgba(0,0,0,.6);border-radius:5px;width:30px;height:30px;color:#fff;text-align:center;vertical-align:middle;line-height:30px;transform:translate(-50%, -50%);opacity:0}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon:hover{opacity:1 !important}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon>svg{position:relative;top:4px;width:16px;height:16px}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbWrap:hover>.ae-Editor-rendererThumbIcon{opacity:.4}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbIcon i{display:block;position:absolute;bottom:0;right:0;color:#dcdcdc}.ae-RenderersPicker-thumb .ae-Editor-rendererThumb{display:inline-block;width:100%}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbInner{margin:0;width:100%;transform-origin:0% 0%;transform:scale(1);pointer-events:none;text-align:center}.ae-RenderersPicker-thumb .ae-Editor-rendererThumbInner>*{text-align:left;margin-bottom:0}.ae-RenderersPicker-thumb.is-scaled .ae-Editor-rendererThumbInner{margin:0;width:200%;transform-origin:0% 0%;transform:scale(0.5);pointer-events:none;text-align:center}.ae-Editor-rendererPlaceholder{position:relative;text-align:center}.ae-RendererPanel,.ae-CodePanel{display:flex;flex-direction:column;height:100%}.ae-RendererPanel .ae-RendererPanel-content,.ae-RendererPanel .ae-CodePanel-content,.ae-CodePanel .ae-RendererPanel-content,.ae-CodePanel .ae-CodePanel-content{flex:1 1 auto;overflow:hidden}.ae-RendererPanel .panel-header,.ae-Outline-panel .panel-header,.ae-InsertPanel .panel-header,.ae-CodePanel .panel-header{margin:12px 0;flex:0 0 22px;padding:0 12px;font-family:PingFangSC-Medium;font-size:14px;color:#141a25;letter-spacing:0;line-height:22px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.ae-RendererPanel .editor-InputSearch,.ae-Outline-panel .editor-InputSearch,.ae-InsertPanel .editor-InputSearch,.ae-CodePanel .editor-InputSearch{margin:0 12px;background:#fff !important;border:1px solid #e8e9eb !important;border-radius:4px !important;display:flex;justify-content:flex-start;align-items:center}.ae-RendererPanel .editor-InputSearch:hover,.ae-Outline-panel .editor-InputSearch:hover,.ae-InsertPanel .editor-InputSearch:hover,.ae-CodePanel .editor-InputSearch:hover{border-color:#2468f2 !important}.ae-RendererPanel .editor-InputSearch.is-focused,.ae-Outline-panel .editor-InputSearch.is-focused,.ae-InsertPanel .editor-InputSearch.is-focused,.ae-CodePanel .editor-InputSearch.is-focused{border-color:#144bcc !important}.ae-RendererPanel .editor-InputSearch svg.icon-search,.ae-RendererPanel .editor-InputSearch svg.icon-editor-search,.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon,.ae-Outline-panel .editor-InputSearch svg.icon-search,.ae-Outline-panel .editor-InputSearch svg.icon-editor-search,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon,.ae-InsertPanel .editor-InputSearch svg.icon-search,.ae-InsertPanel .editor-InputSearch svg.icon-editor-search,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon,.ae-CodePanel .editor-InputSearch svg.icon-search,.ae-CodePanel .editor-InputSearch svg.icon-editor-search,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon{top:0 !important;width:16px;height:16px;color:#d4d6d9;fill:#d4d6d9;cursor:pointer}.ae-RendererPanel .editor-InputSearch svg.icon-search:hover,.ae-RendererPanel .editor-InputSearch svg.icon-editor-search:hover,.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon:hover,.ae-Outline-panel .editor-InputSearch svg.icon-search:hover,.ae-Outline-panel .editor-InputSearch svg.icon-editor-search:hover,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon:hover,.ae-InsertPanel .editor-InputSearch svg.icon-search:hover,.ae-InsertPanel .editor-InputSearch svg.icon-editor-search:hover,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon:hover,.ae-CodePanel .editor-InputSearch svg.icon-search:hover,.ae-CodePanel .editor-InputSearch svg.icon-editor-search:hover,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon:hover{color:#2468f2;fill:#2468f2}.ae-RendererPanel .editor-InputSearch svg.icon-search.margin-right,.ae-RendererPanel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon.margin-right,.ae-Outline-panel .editor-InputSearch svg.icon-search.margin-right,.ae-Outline-panel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon.margin-right,.ae-InsertPanel .editor-InputSearch svg.icon-search.margin-right,.ae-InsertPanel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon.margin-right,.ae-CodePanel .editor-InputSearch svg.icon-search.margin-right,.ae-CodePanel .editor-InputSearch svg.icon-editor-search.margin-right,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon.margin-right{right:4px !important}.ae-RendererPanel .editor-InputSearch svg.delete-btn-icon,.ae-Outline-panel .editor-InputSearch svg.delete-btn-icon,.ae-InsertPanel .editor-InputSearch svg.delete-btn-icon,.ae-CodePanel .editor-InputSearch svg.delete-btn-icon{width:14px;height:14px}.ae-RendererPanel hr.margin-top,.ae-Outline-panel hr.margin-top,.ae-InsertPanel hr.margin-top,.ae-CodePanel hr.margin-top{margin:12px 6px 3px 6px;height:1px;border:none;border-top:1px solid #e8e9eb !important}.ae-InsertPanel .editor-InputSearch{margin:0}.ae-Widget-iframe{position:relative}.ae-Widget-iframe:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1210;content:""}.ae-Drawer-preview{display:flex;flex-direction:column}.ae-Drawer-preview .panel-footer .btn+.btn{margin-left:5px}.ae-Drawer-preview .resize-ctrl{display:none}.dropdown-menu.preview{display:block;position:static}[data-editor-id][draggable]{cursor:move}[data-editor-id].ae-is-draging,.ae-is-draging{display:none !important}[data-editor-id][data-visible=false]{opacity:.6;position:relative}[data-editor-id][data-visible=false]:before{pointer-events:none;font-size:12px;content:"<隐藏状态>";z-index:10;color:#6c717c;border:1px dashed #ced0d3;background:rgba(10,19,37,.05);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ae-Region-placeholder{display:none}[data-region]{position:relative;min-height:34px}[data-region]:empty{min-width:20px}[data-region]:empty:before{height:100%;content:attr(data-region-placeholder);position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;padding:0 5px;-webkit-user-select:none;user-select:none;text-align:center;text-transform:uppercase;color:#6c717c;border:1px dashed #ced0d3;background:rgba(10,19,37,.05)}[data-region].is-dragenter{background-color:#fff}[data-region].is-dragenter .ae-AddBtn{display:none}[data-region].is-dragenter>[data-editor-id],[data-region].is-dragenter>*:not([data-editor-id])>[data-editor-id]{position:relative}[data-region].is-dragenter>[data-editor-id]::before,[data-region].is-dragenter>*:not([data-editor-id])>[data-editor-id]::before{position:absolute;content:"";pointer-events:none;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:10;background:rgba(32,93,217,.05);border:1px solid rgba(32,93,217,.2)}[data-region].is-dragenter>span[data-editor-id]{display:inline-block}[data-region].is-entering:not(.is-dragenter){position:relative}[data-region].is-entering:not(.is-dragenter)::before{z-index:10;content:"";position:absolute;pointer-events:none;left:0;top:0;right:0;bottom:0;animation:growing 1s infinite linear}[data-region].is-entering:not(.is-dragenter)::after{z-index:20;content:"保持3s不动切换";pointer-events:none;position:absolute;left:50%;transform:translateX(-50%);top:10%;background:#205dd9;border-radius:5px;font-size:12px;color:#fff;padding:2px 5px}.ae-Editor-rhlbox{position:absolute;left:-1px;top:-1px;display:block;box-sizing:content-box;border-style:solid;border-color:rgba(0,0,0,0);pointer-events:none;z-index:2;transition:all ease-out .15s}.ae-Editor-rhlbox:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border:1px dotted #5e8be7;visibility:hidden}.ae-Editor-rhlbox>.region-tip{position:absolute;right:50%;top:-19px;transform:translateX(50%);background:#205dd9;color:#fff;padding:3px 8px;font-size:11px;line-height:12px;white-space:nowrap;border-radius:3px 3px 0 0;pointer-events:all;display:flex;justify-content:center;align-items:center;visibility:hidden}.ae-Editor-rhlbox>.region-tip.is-only-child-region{visibility:hidden !important}.ae-Editor-rhlbox>.region-tip button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;outline:none;font-size:11px;line-height:12px}.ae-Editor-rhlbox>.region-tip button.clear-icon-btn{padding:0 !important}.ae-Editor-rhlbox>.region-tip svg{width:12px;height:12px;fill:#fff;opacity:.8;cursor:pointer}.ae-Editor-rhlbox>.region-tip svg:hover{opacity:1}.ae-Editor-rhlbox>.region-tip .margin-space{opacity:.8;margin:0 6px}.ae-Editor-rhlbox.region-label-within>.region-tip{top:1px;border-radius:0 0 3px 3px}.ae-Editor-rhlbox.region-hover:before,.ae-Editor-rhlbox.region-hover>.region-tip{visibility:visible}.ae-Editor-rhlbox.is-highlight{border-color:rgba(32,93,217,.05);background:rgba(0,0,0,0)}.ae-Editor-rhlbox.is-highlight:before{visibility:visible;border:1px solid #326be1}.ae-Editor-rhlbox.is-highlight>.region-tip{visibility:visible}.ae-Editor-rhlbox.is-dragenter[data-renderer=form][data-region=controls]{margin:-12px;padding:12px}.ae-Editor-rhlbox.is-dragenter[data-renderer=form][data-region=body]{margin:-12px;padding:12px}.ae-Editor-hlbox.selected>.ae-Editor-rhlbox{left:-2px;top:-2px}[data-region=columns]>.ae-AddBtn,[data-renderer=card][data-region=actions]>.ae-AddBtn{position:absolute;left:-30px;top:5px}div.ae-DragImage{position:absolute;top:0;left:0;background:rgba(66,133,244,.1);border:1px solid rgba(32,93,217,.75);white-space:nowrap;width:50px;height:30px;z-index:100000}div.ae-DragImage>span{position:absolute;left:-1px;top:-16px;background:rgba(32,93,217,.75);color:#fff;padding:2px 5px;font-size:11px;border-radius:3px 3px 0 0;line-height:12px;z-index:1204;display:block;white-space:nowrap;box-shadow:0 -2px 5px rgba(255,255,255,.5)}.ae-DragGhost{margin-bottom:12px}.ae-DragGhost>*{position:relative}.ae-DragGhost>*::before{content:"";position:absolute;z-index:10;top:-1px;left:-1px;right:-1px;bottom:-1px;min-width:100%;min-height:100%;background:rgba(32,93,217,.2);border:1px solid #205dd9}.ae-DragGhost.use-position{display:inline-block;position:absolute;background:#205dd9;height:5px;width:100%;z-index:5}.ae-DragGhost.use-position::before{content:" "}.ae-DragGhost.use-position.is-horizontal{width:5px;height:100%}@media(min-width: 768px){.ae-BulkActions-control .col-edit{width:30px;flex-grow:0}.ae-BulkActions-control .col-edit>button{border:0;background-color:rgba(0,0,0,0);outline:none}}.ae-Editor-rendererItem{display:block;max-width:unset;margin-bottom:10px}.ae-Editor-rendererItem:hover{background:rgba(66,133,244,.1);color:#58666e}.ae-Editor-rendererItem.is-active,.ae-Editor-rendererItem:hover:active{background:rgba(66,133,244,.1);border:1px solid #205dd9;color:#58666e}.ae-Editor-rendererItem.is-active:after,.ae-Editor-rendererItem:hover:active:after{border-color:#205dd9}.ae-dialog{padding:0 !important;position:relative}.ae-dialog>div{position:absolute;width:100%;height:100%;padding:0;overflow:auto}.ae-dialog>div>div{height:100%;margin-bottom:0}.ae-dialog>div>div>.ae-Editor{position:relative;height:100%}.ae-Dialog-footerRegion{text-align:right}.ae-InlineModel{display:flex;flex-direction:column;height:auto;width:100%;border:1px solid #d1d5db}.ae-EditableRenderers{padding:5px 10px;background:rgba(39,194,76,.2);border:1px solid rgba(22,109,43,.2);margin-bottom:10px}.ae-EditableRenderers-tip{display:block;color:#27c24c}.ae-EditableRender{display:flex;flex-direction:row;align-items:center;margin-top:10px}.ae-EditableRender-title{font-size:12px;color:#333;padding-right:10px}.ae-EditableRender-body{flex-grow:1;width:0;margin:-3px}.ae-EditableRender-body>*{margin:3px}.ae-ErrorRenderer{display:flex;align-items:center;justify-content:center;color:#a94442;background:#f2dede;border:1px solid #ebccd1;min-height:30px;padding:0 10px}.ae-ApiSample{min-width:200px}.ae-ApiSample>pre{overflow:auto;border:1px solid #999;page-break-inside:avoid;display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}.ae-ApiSample>pre>code{white-space:pre}.ae-ApiSample-tooltip{max-width:360px}.ae-JsonEditor{height:400px;border:1px solid #d1d5db}.ae-Editor-popOverForm{min-width:300px;max-width:600px;padding:10px 20px}.hoverShowScrollBar{overflow:auto !important}.hoverShowScrollBar::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.hoverShowScrollBar ::-webkit-scrollbar-track{background-color:#fff}.hoverShowScrollBar::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.hoverShowScrollBar::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.hoverShowScrollBar::-webkit-scrollbar-button{display:none}.hoverShowScrollBar::-webkit-scrollbar-thumb{visibility:hidden !important}.hoverShowScrollBar:hover::-webkit-scrollbar-thumb{visibility:visible !important}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "amis-editor",
|
3
|
-
"version": "4.1.0-beta.
|
3
|
+
"version": "4.1.0-beta.24",
|
4
4
|
"description": "amis 可视化编辑器",
|
5
5
|
"main": "dist/index.min.js",
|
6
6
|
"types": "dist/index.d.ts",
|
@@ -40,6 +40,7 @@
|
|
40
40
|
"mobx": "^4.5.0",
|
41
41
|
"mobx-react": "^6.1.4",
|
42
42
|
"mobx-state-tree": "^3.17.3",
|
43
|
+
"react-hook-form": "^7.31.1",
|
43
44
|
"react-json-view": "^1.21.3",
|
44
45
|
"sortablejs": "^1.14.0"
|
45
46
|
},
|
package/src/plugin/Cards.tsx
CHANGED
@@ -236,9 +236,12 @@ export class CardsPlugin extends BasePlugin {
|
|
236
236
|
}
|
237
237
|
|
238
238
|
buildEditorContextMenu(
|
239
|
-
{id, schema, region, info}: ContextMenuEventContext,
|
239
|
+
{id, schema, region, info, selections}: ContextMenuEventContext,
|
240
240
|
menus: Array<ContextMenuItem>
|
241
241
|
) {
|
242
|
+
if (selections.length || info?.plugin !== this) {
|
243
|
+
return;
|
244
|
+
}
|
242
245
|
if (
|
243
246
|
info.renderer.name === 'cards' ||
|
244
247
|
(info.renderer.name === 'crud' && schema.mode === 'cards')
|
@@ -8,7 +8,8 @@ import {
|
|
8
8
|
BasePlugin,
|
9
9
|
BasicRendererInfo,
|
10
10
|
RendererInfoResolveEventContext,
|
11
|
-
PluginInterface
|
11
|
+
PluginInterface,
|
12
|
+
RegionConfig,
|
12
13
|
} from '../plugin';
|
13
14
|
import {defaultValue, getSchemaTpl} from '../component/schemaTpl';
|
14
15
|
import {isArray} from 'lodash';
|
@@ -34,9 +35,7 @@ export class CustomPlugin extends BasePlugin {
|
|
34
35
|
body: [
|
35
36
|
{
|
36
37
|
type: 'tpl',
|
37
|
-
tpl: '<p>自定义容器区域</p>'
|
38
|
-
inline: false,
|
39
|
-
id: 'u:474a4572c703'
|
38
|
+
tpl: '<p>自定义容器区域</p>'
|
40
39
|
}
|
41
40
|
]
|
42
41
|
};
|
@@ -45,6 +44,13 @@ export class CustomPlugin extends BasePlugin {
|
|
45
44
|
...this.scaffold
|
46
45
|
};
|
47
46
|
|
47
|
+
regions: Array<RegionConfig> = [
|
48
|
+
{
|
49
|
+
key: 'body',
|
50
|
+
label: '内容区'
|
51
|
+
}
|
52
|
+
];
|
53
|
+
|
48
54
|
panelTitle = '自定义代码';
|
49
55
|
panelBody = [
|
50
56
|
getSchemaTpl('fieldSet', {
|
@@ -213,9 +213,12 @@ export class DropDownButtonPlugin extends BasePlugin {
|
|
213
213
|
}
|
214
214
|
|
215
215
|
buildEditorContextMenu(
|
216
|
-
{id, schema, region, info}: ContextMenuEventContext,
|
216
|
+
{id, schema, region, info, selections}: ContextMenuEventContext,
|
217
217
|
menus: Array<ContextMenuItem>
|
218
218
|
) {
|
219
|
+
if (selections.length || info?.plugin !== this) {
|
220
|
+
return;
|
221
|
+
}
|
219
222
|
if (info.renderer.name === 'dropdown-button') {
|
220
223
|
menus.push('|', {
|
221
224
|
label: '配置下拉按钮集合',
|
package/src/plugin/Each.tsx
CHANGED
@@ -110,9 +110,12 @@ export class EachPlugin extends BasePlugin {
|
|
110
110
|
}
|
111
111
|
|
112
112
|
buildEditorContextMenu(
|
113
|
-
{id, schema, region, info}: ContextMenuEventContext,
|
113
|
+
{id, schema, region, info, selections}: ContextMenuEventContext,
|
114
114
|
menus: Array<ContextMenuItem>
|
115
115
|
) {
|
116
|
+
if (selections.length || info?.plugin !== this) {
|
117
|
+
return;
|
118
|
+
}
|
116
119
|
if (info.renderer.name === 'each') {
|
117
120
|
menus.push('|', {
|
118
121
|
label: '配置成员渲染器',
|
package/src/plugin/Form/Item.tsx
CHANGED
@@ -73,6 +73,7 @@ export class ItemPlugin extends BasePlugin {
|
|
73
73
|
].indexOf(context.schema.type);
|
74
74
|
/** 不支持配置校验属性的组件 */
|
75
75
|
const ignoreValidator = !!~['input-group'].indexOf(context.schema.type);
|
76
|
+
const autoFillApi = context.schema.autoFillApi;
|
76
77
|
const renderer: any = context.info.renderer;
|
77
78
|
return [
|
78
79
|
getSchemaTpl('tabs', [
|
@@ -105,7 +106,8 @@ export class ItemPlugin extends BasePlugin {
|
|
105
106
|
getSchemaTpl('description'),
|
106
107
|
getSchemaTpl('placeholder'),
|
107
108
|
getSchemaTpl('remark'),
|
108
|
-
renderer.renderLabel !== false ? getSchemaTpl('labelRemark') : null
|
109
|
+
renderer.renderLabel !== false ? getSchemaTpl('labelRemark') : null,
|
110
|
+
autoFillApi ? getSchemaTpl('autoFillApi') : null
|
109
111
|
]
|
110
112
|
},
|
111
113
|
|
package/src/plugin/List.tsx
CHANGED
@@ -232,9 +232,12 @@ export class ListPlugin extends BasePlugin {
|
|
232
232
|
}
|
233
233
|
|
234
234
|
buildEditorContextMenu(
|
235
|
-
{id, schema, region, info}: ContextMenuEventContext,
|
235
|
+
{id, schema, region, info, selections}: ContextMenuEventContext,
|
236
236
|
menus: Array<ContextMenuItem>
|
237
237
|
) {
|
238
|
+
if (selections.length || info?.plugin !== this) {
|
239
|
+
return;
|
240
|
+
}
|
238
241
|
if (
|
239
242
|
info.renderer.name === 'list' ||
|
240
243
|
(info.renderer.name === 'crud' && schema.mode === 'list')
|
package/src/plugin/Wizard.tsx
CHANGED
@@ -24,7 +24,7 @@ export class WizardPlugin extends BasePlugin {
|
|
24
24
|
isBaseComponent = true;
|
25
25
|
description =
|
26
26
|
'表单向导,可以将复杂的多个表单项拆分成多个步骤,一步一步指引用户完成填写。';
|
27
|
-
docLink = '/amis/zh-CN/components/
|
27
|
+
docLink = '/amis/zh-CN/components/wizard';
|
28
28
|
tags = ['功能'];
|
29
29
|
icon = 'fa fa-list-ol';
|
30
30
|
|
package/src/plugin/Wrapper.tsx
CHANGED
@@ -14,7 +14,7 @@ export class WrapperPlugin extends BasePlugin {
|
|
14
14
|
name = '包裹';
|
15
15
|
isBaseComponent = true;
|
16
16
|
description = '类似于容器,唯一的区别在于会默认会有一层内边距。';
|
17
|
-
docLink = '/amis/zh-CN/components/
|
17
|
+
docLink = '/amis/zh-CN/components/wrapper';
|
18
18
|
tags = ['容器'];
|
19
19
|
icon = 'fa fa-square-o';
|
20
20
|
scaffold = {
|