amis-editor 3.3.10 → 4.0.1-beta.16

package/dist/plugin/Log.d.ts

@@ -9,6 +9,7 @@ export declare class LogPlugin extends BasePlugin {
     tags: string[];
     previewSchema: {
         type: string;
+        height: number;
     };
     scaffold: any;
     panelTitle: string;

package/dist/plugin/Panel/AvailableRenderers.d.ts

@@ -0,0 +1,8 @@
+import { BasePlugin, BasicPanelItem, BuildPanelEventContext } from '../../plugin';
+/**
+ * 添加源码编辑功能
+ */
+export declare class AvailableRenderersPlugin extends BasePlugin {
+    order: number;
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Panel/Code.d.ts

@@ -0,0 +1,9 @@
+import { BasePlugin, BasicPanelItem, RendererJSONSchemaResolveEventContext, BuildPanelEventContext } from '../../plugin';
+/**
+ * 添加源码编辑功能
+ */
+export declare class CodePlugin extends BasePlugin {
+    order: number;
+    buildJSONSchema({ info }: RendererJSONSchemaResolveEventContext): string | undefined;
+    buildEditorPanel({ info, selections }: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Panel/Name.d.ts

@@ -0,0 +1,8 @@
+import { BasePlugin, BasicPanelItem, BuildPanelEventContext } from '../../plugin';
+/**
+ * 添加名字面板，方便根据组件名字定位节点
+ */
+export declare class NamePlugin extends BasePlugin {
+    order: number;
+    buildEditorPanel({ info, selections }: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Panel.d.ts

@@ -1,4 +1,3 @@
-import { SchemaObject } from 'amis';
 import { BasePlugin, BaseEventContext, BasicPanelItem, RegionConfig, BuildPanelEventContext } from '../plugin';
 export declare class PanelPlugin extends BasePlugin {
     rendererName: string;
@@ -8,8 +7,21 @@ export declare class PanelPlugin extends BasePlugin {
     description: string;
     docLink: string;
     tags: string;
-    scaffold: SchemaObject;
-    previewSchema: SchemaObject;
+    scaffold: {
+        type: string;
+        title: string;
+        body: string;
+    };
+    previewSchema: {
+        type: string;
+        title: string;
+        body: string;
+        className: string;
+        actions: {
+            label: string;
+            type: string;
+        }[];
+    };
     regions: Array<RegionConfig>;
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any[];

package/dist/plugin/Plain.d.ts

@@ -2,6 +2,7 @@ import { BaseEventContext, BasePlugin } from '../plugin';
 export declare class PlainPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;

package/dist/plugin/Reset.d.ts

@@ -1,6 +1,7 @@
 import { ButtonPlugin } from './Button';
 export declare class ResetPlugin extends ButtonPlugin {
     rendererName: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;

package/dist/plugin/Steps.d.ts

@@ -33,11 +33,5 @@ export declare class StepsPlugin extends BasePlugin {
         })[];
     };
     panelTitle: string;
-    panelBody: {
-        type: string;
-        tabs: {
-            title: string;
-            body: any[];
-        }[];
-    }[];
+    panelBody: any[];
 }

package/dist/plugin/Submit.d.ts

@@ -1,6 +1,7 @@
 import { ButtonPlugin } from './Button';
 export declare class SubmitPlugin extends ButtonPlugin {
     rendererName: string;
+    disabledRendererPlugin: boolean;
     name: string;
     description: string;
     docLink: string;

package/dist/plugin/Time.d.ts

@@ -1,13 +1,16 @@
+import { BaseEventContext } from '../plugin';
 import { DatePlugin } from './Date';
 export declare class TimePlugin extends DatePlugin {
     rendererName: string;
     name: string;
     scaffold: {
         type: string;
+        value: number;
     };
     previewSchema: {
         format: string;
         value: number;
         type: string;
     };
+    panelBodyCreator: (context: BaseEventContext) => any[];
 }

package/dist/plugin/WebComponent.d.ts

@@ -1,4 +1,5 @@
 import { BasePlugin } from '../plugin';
+import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
 export declare class WebComponentPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;

package/dist/plugin/Wrapper.d.ts

@@ -2,6 +2,7 @@ import { BasePlugin, RegionConfig } from '../plugin';
 export declare class WrapperPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     description: string;
     tags: string[];

package/dist/plugin.d.ts

@@ -57,7 +57,7 @@ export interface RegionConfig {
     optional?: boolean;
     /**
      * 有时候有些包括是需要其他条件的，所以要自己写包裹逻辑。
-     * 比如 panel 里面的 renderBody
+     * 比如 Panel 里面的 renderBody
      */
     renderMethodOverride?: (regions: Array<RegionConfig>, insertRegion: (component: JSX.Element, dom: JSX.Element, regions: Array<RegionConfig>, info: RendererInfo, manager: EditorManager) => JSX.Element) => Function;
     /**
@@ -182,7 +182,7 @@ export interface RendererInfo extends RendererScaffoldInfo {
      *
      * 表格的列，即是表格列，也可能是其他文本框。
      *
-     * 配置了这个后会自动添加多个 panel 面板来编辑。
+     * 配置了这个后会自动添加多个 Panel 面板来编辑。
      */
     multifactor?: boolean;
     /**
@@ -253,6 +253,10 @@ export interface SubRendererInfo extends RendererScaffoldInfo {
      * 首次拖入的时候可以用来配置个表单。
      */
     scaffoldForm?: ScaffoldForm;
+    /**
+     * 新增属性，用于判断是否出现在组件面板中，默认为false，为ture则不展示
+     */
+    disabledRendererPlugin?: boolean;
     plugin: PluginInterface;
     parent: RendererInfo;
     id: string;
@@ -271,6 +275,7 @@ export interface ToolbarItem {
     draggable?: boolean;
     onDragStart?: (e: React.DragEvent) => void;
     icon: string;
+    iconSvg?: string;
     onClick?: (e: React.MouseEvent) => void;
     tooltip?: string;
     placement?: 'top' | 'bottom' | 'right' | 'left';
@@ -284,6 +289,7 @@ export interface PanelProps {
     id?: string;
     info?: RendererInfo;
     path?: string;
+    node?: EditorNodeType;
     value: BaseSchema;
     onChange: (value: BaseSchema, diff?: Array<DiffChange>) => void;
     store: EditorStoreType;
@@ -298,10 +304,11 @@ export interface PanelItem {
     key: string;
     icon: string;
     title: string;
-    component?: React.ComponentType<PanelProps>;
+    component?: React.ComponentType<PanelProps | any>;
     order: number;
     position?: 'left' | 'right';
     render?: (props: PanelProps) => JSX.Element;
+    menus?: Array<any>;
 }
 export declare type BasicPanelItem = Omit<PanelItem, 'order'> & Partial<Pick<PanelItem, 'order'>>;
 export interface EventContext {
@@ -490,6 +497,10 @@ export interface PluginInterface extends Partial<BasicRendererInfo>, Partial<Bas
      */
     panelIcon?: string;
     panelTitle?: string;
+    /**
+     * 新增属性，用于判断是否出现在组件面板中，默认为false，为ture则不展示
+     */
+    disabledRendererPlugin?: boolean;
     /**
      * @deprecated 用 panelBody
      */
@@ -554,6 +565,14 @@ export declare abstract class BasePlugin implements PluginInterface {
      * @param subRenderers
      */
     buildSubRenderers(context: RendererEventContext, subRenderers: Array<SubRendererInfo>, renderers: Array<RendererConfig>): BasicSubRenderInfo | Array<BasicSubRenderInfo> | void;
+    /**
+     * 构建当前选中组件的右键菜单
+     * @param id
+     * @param schema
+     * @param region
+     * @param info
+     * @param menus
+     */
     buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
     renderPlaceholder(text: string, key?: any): React.DetailedReactHTMLElement<{
         key: any;

package/dist/store/editor.d.ts

@@ -140,6 +140,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     hoverId: import("mobx-state-tree").IType<string | undefined, string, string>;
     hoverRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
     activeId: import("mobx-state-tree").IType<string | undefined, string, string>;
+    activeRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
+    mouseMoveRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
     selections: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<string[], string[], string[]>, [undefined]>;
     contextId: import("mobx-state-tree").IType<string | undefined, string, string>;
     dragMode: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -186,6 +188,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     isContextOn(id: string): boolean | "";
     readonly activeContainerId: string;
     isRegionHighlighted(id: string, region: string): boolean;
+    isRegionHighlightHover(id: string, region: string): boolean;
     isRegionActive(id: string, region: string): boolean;
     isRegionDragEnter(id: string, region: string): boolean;
     readonly highlightNodes: ({
@@ -354,6 +357,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     getLeftPanelKey(): string;
     readonly leftPanels: PanelItem[];
     readonly rightPanels: PanelItem[];
+    readonly contextMenuPanel: PanelItem | undefined;
     getPanels(): Array<PanelItem>;
     getLeftPanels(): Array<PanelItem>;
     readonly sortedToolbars: ToolbarItem[];
@@ -862,10 +866,11 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     setSchema(json: any): void;
     insertSchema(event: PluginEvent<InsertEventContext>): any;
     moveSchema(event: PluginEvent<MoveEventContext>): void;
-    setActiveId(id: string, selections?: Array<string>): void;
+    setActiveId(id: string, region?: string, selections?: Array<string>): void;
     setSelections(ids: Array<string>): void;
     clearSelection(): void;
     setHoverId(id: string, region?: string | undefined): void;
+    setMouseMoveRegion(region: string): void;
     setInsertId(id: string): void;
     setContextId(id: string): void;
     setDragId(id: string, mode?: 'move' | 'copy', type?: string, schema?: any): void;
@@ -877,8 +882,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     changeSubRenderersKeywords(keywords: string): void;
     resetSubRenderersKeywords(): void;
     changeSubRendererRegion(region: string): void;
-    changePanelKey(key: string, force?: boolean): void;
-    changeLeftPanelKey(key: string, force?: boolean): void;
+    changePanelKey(key: string): void;
+    changeLeftPanelKey(key: string): void;
     changeValue(value: Schema, diff?: any): void;
     changeValueById(id: string, value: Schema, diff?: any, replace?: boolean | undefined, noTrace?: boolean | undefined): void;
     moveUp(id: string): void;

package/dist/style.css

@@ -1 +1 @@
-@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{padding:.9375rem;font-size:12px}.ae-Outline-list,.ae-Outline-sublist{list-style:none;padding:0;margin:0}.ae-Outline-list{margin-left:.625rem}.ae-Outline-sublist{margin-left:.9375rem}.ae-Outline-sublist>.ae-Outline-node::before,.ae-Outline-sublist>.ae-Outline-node::after{position:absolute;content:"";background:#d1d5db;display:block}.ae-Outline-sublist>.ae-Outline-node::before{width:8px;height:1px;left:-25px;top:13px}.ae-Outline-sublist>.ae-Outline-node::after{width:1px;height:100%;left:-25px;top:0}.ae-Outline-sublist>.ae-Outline-node:last-child::after{height:13px}.ae-Outline-node{line-height:1.5625rem;vertical-align:middle;position:relative}.ae-Outline-node>a{color:#58666e;text-decoration:none;user-select:none;cursor:pointer;margin-left:-0.9375rem}.ae-Outline-node>a:hover{color:#17a2b8}.ae-Outline-node.has-children>a{margin-left:0}.ae-Outline-node.is-region>a{border:dashed 1px rgba(17,180,166,.5);font-size:12px;padding:2px 5px}.ae-Outline-node.is-active>a{color:#007bff}.ae-Outline-node.is-hover>a{color:#007bff}.ae-Outline-node.is-folded>.ae-Outline-sublist{display:none}.ae-Outline-expander{cursor:pointer;display:inline-block;position:absolute;z-index:2;left:-0.875rem}.ae-Outline-expander>svg{width:10px;height:10px;color:#999;transform:rotate(90deg);transition:transform ease-out .3s}.ae-Outline-expander.is-folded>svg{transform:rotate(0deg)}.ae-Outline-tip{color:#28a745;margin-bottom:.9375rem;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-Settings{display:block;position:relative;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);text-align:right}.ae-Settings.is-left{box-shadow:2px 0 20px 0 rgba(0,0,0,.1);text-align:left}.ae-Settings.is-left .ae-Settings-inner{overflow:visible}.ae-Settings.is-left .ae-Settings-tabs{float:none}.ae-Settings.has-popover{z-index:1300}.ae-Settings-main{display:inline-block;height:100%;vertical-align:top}.ae-Settings-inner{color:#a6a8b1;text-align:left;display:inline-block;position:relative;height:100%;max-width:100%;overflow:hidden;vertical-align:top}.ae-Settings-inner.has-popover{z-index:1300}.ae-Settings-tabs{display:inline-flex;vertical-align:top;float:right;flex-direction:row-reverse;height:100%}.ae-Settings-tabs>ul{background-color:#3a3f51;min-width:40px;border:none}.ae-Settings-tabs>ul:empty{min-width:unset}.ae-Settings-tabs>ul>li{margin:0;padding:0;border:none;display:block !important;white-space:nowrap}.ae-Settings-tabs>ul>li i.fa{display:block;font-size:18px;margin:5px 0 3px}.ae-Settings-tabs>ul>li>a{padding:5px !important;margin:0 !important;font-size:12px !important;white-space:nowrap;text-align:center;border-radius:0 !important;border:none !important;color:#a6a8b1 !important}.ae-Settings-tabs>ul>li>a:hover{color:#fff !important}.ae-Settings-tabs>ul>li.is-active>a{background:#fff !important;color:#333 !important}.ae-LeftSettings-tabs{flex-direction:row}.ae-Settings-tabs-content{background:#fff;color:#666;padding:0 !important;border:none;position:relative;height:100%}.ae-Settings-tabs-content>div{height:100%;padding:0}.ae-Settings-tabs-content>div>div:first-child:last-child{height:100%;overflow:auto}.ae-Settings-tabs-content>div>div:first-child:last-child::-webkit-scrollbar{background-color:#fff;width:10px}.ae-Settings-tabs-content>div>div:first-child:last-child ::-webkit-scrollbar-track{background-color:#fff}.ae-Settings-tabs-content>div>div:first-child:last-child::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-Settings-tabs-content>div>div:first-child:last-child::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.ae-Settings-tabs-content>div>div:first-child:last-child::-webkit-scrollbar-button{display:none}.ae-Settings-content{width:340px;padding:15px;overflow:auto}.ae-Settings-content::-webkit-scrollbar{background-color:#fff;width:10px}.ae-Settings-content ::-webkit-scrollbar-track{background-color:#fff}.ae-Settings-content::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-Settings-content::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.ae-Settings-content::-webkit-scrollbar-button{display:none}.ae-Settings-content.only-tabs{position:relative;display:flex;flex-direction:column;padding:0;height:100%;overflow:hidden !important}.ae-Settings-content.only-tabs>div:first-of-type{flex-grow:1;display:flex;flex-direction:column}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]{margin:10px 0;padding:0 15px}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]>li>a{margin-right:30px !important}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div{padding:0;height:0;flex-grow:1;overflow:auto}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div::-webkit-scrollbar{background-color:#fff;width:10px}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div ::-webkit-scrollbar-track{background-color:#fff}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div::-webkit-scrollbar-button{display:none}.ae-Settings-content.only-tabs>div:first-of-type>ul[role=tablist]+div>div{padding:0 15px}.ae-Settings-content.only-tabs .ae-Settings-actions{margin-bottom:0;padding:10px;width:100%}.ae-Settings-content.with-actions{margin-bottom:45px;height:calc(100% - 45px) !important}.ae-Settings-content.with-actions .ae-Settings-actions{margin-bottom:0;bottom:10px;position:fixed;width:290px;line-height:1;display:flex;align-items:center;justify-content:center}.ae-Editor-configPane{min-width:320px}.ae-Editor-outlinePane{min-width:200px}.ae-Settings-placeholder{padding:20px;text-align:center;color:#999}.ae-Editor-insertPane{width:500px}.ae-Editor-codePane{position:relative;height:100%;width:320px;overflow:visible !important;max-width:1000px}.ae-Editor-codePane .overflowingContentWidgets{margin-top:-99999px}.ae-Editor-codeResizor{position:absolute;right:-0.375rem;top:50%;cursor:ew-resize;writing-mode:vertical-lr;width:.75rem;height:1.5rem;margin-top:-0.75rem;border:.0625rem solid #dee2e6;background-color:#fff;border-radius:.142rem;font-size:12px;line-height:.625rem;text-align:center;user-select:none;color:#666}.ae-Editor-codeResizor:hover{color:#000;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.ae-Editor-codeResizor:after{content:"···"}.ae-Breadcrumb{white-space:nowrap;height:20px;line-height:20px;font-size:12px;padding:0 5px;background:#fff;color:#666;box-shadow:0 2px 20px 0 rgba(0,0,0,.1);position:relative;z-index:1}.ae-Breadcrumb:hover{z-index:150}.ae-Breadcrumb>span:first-child{color:#999}.ae-Breadcrumb>ul{list-style:none;display:inline-block;margin:0;padding:0}.ae-Breadcrumb>ul>li{display:inline-block;margin:0;padding:0;position:relative}.ae-Breadcrumb>ul>li>a{display:inline-block;padding:0 5px;cursor:pointer;color:#666}.ae-Breadcrumb>ul>li>a:hover{color:#333;text-decoration:none}.ae-Breadcrumb>ul>li>ul{display:none;width:120px;position:absolute;z-index:10;padding:5px 0;top:100%;left:0;background:#fff;box-shadow:.125rem .25rem .5rem rgba(0,0,0,.2);list-style:none}.ae-Breadcrumb>ul>li>ul>li>a{display:block;padding:2px 10px;cursor:pointer;color:#666}.ae-Breadcrumb>ul>li>ul>li>a:hover{background:#f6f7fb;text-decoration:none;color:#333}.ae-Breadcrumb>ul>li>ul>li>a.is-active{color:#17a2b8}.ae-Breadcrumb>ul>li:hover>a{background:#f6f7fb}.ae-Breadcrumb>ul>li:hover>ul{display:block}.ae-Breadcrumb>ul>li:not(:last-child):after{color:#ccc;content:"/ "}.ae-Breadcrumb>ul>li:last-child>a{color:#333}.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{padding:10px 0 10px;width:300px;display:flex;flex-direction:column}.ae-RendererList-groupWrap{height:0;flex-grow:1;overflow:auto}.ae-RendererList-groupWrap::-webkit-scrollbar{background-color:#fff;width:10px}.ae-RendererList-groupWrap ::-webkit-scrollbar-track{background-color:#fff}.ae-RendererList-groupWrap::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-RendererList-groupWrap::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.ae-RendererList-groupWrap::-webkit-scrollbar-button{display:none}.ae-RendererList-group{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;padding:0 15px}.ae-RendererList-groupLabel{font-size:14px;color:#333;padding:5px 0;width:100%}.ae-RendererList-item{cursor:move;background:#f6f7fb;border:1px solid #ccc;padding:4px 8px;display:flex;margin-bottom:5px;align-items:center;flex:0 0 49%;font-size:12px;white-space:nowrap}.ae-RendererList-item>i,.ae-RendererList-item>svg{margin-right:5px;font-size:14px}.ae-RendererList-item:hover{color:#333;background:#edeff7}.ae-RendererList-itemLabel{flex-grow:1}.ae-RendererList>span{display:block;text-align:center;color:#999;margin-top:10px}a.ae-RendererIcon{color:#6c757d;cursor:pointer;display:block}a.ae-RendererIcon>svg{top:0;width:12px;height:12px;display:block}a.ae-RendererIcon:hover{color:#212529}.ae-RendererThumb{min-width:300px;min-height:120px;max-width:500px;max-height:500px}.ae-RendererThumb>div:last-child>div{position:relative}.ae-RendererInfo{font-size:12px}.ae-RendererDiv{margin:10px -10px;display:block;height:1px;background:#eee}.ae-RendererPreview{position:relative;min-width:400px}.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}.ae-RenderersPicker-content ::-webkit-scrollbar-track{background-color:#fff}.ae-RenderersPicker-content::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-RenderersPicker-content::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.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:3px;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;background:#f6f7fb;border:1px solid #ddd;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(66,133,244,.1)}.ae-RenderersPicker-content>ul>li.is-active{border:1px solid #4285f4}.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}.ae-RendererList-tip{margin:0 15px 10px;color:#28a745}.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:1}@keyframes growing{0%{box-shadow:0 0 10px rgba(35,183,229,0) inset;border:1px solid rgba(66,133,244,0)}50%{box-shadow:0 0 10px rgba(35,183,229,.6) inset;border:1px solid rgba(66,133,244,.75)}100%{box-shadow:0 0 10px rgba(35,183,229,.2) inset;border:1px solid rgba(66,133,244,.1)}}.ae-Layout-brand{width:11.25rem;color:#fff;text-align:left;font-size:1rem;font-weight:400;max-width:100%;height:auto;line-height:3.125rem;display:inline-block;vertical-align:middle;padding:0 1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ae-Editor{display:block;min-height:450px;background:#e2e5ec}.ae-Editor.is-fixed{position:absolute;top:0;left:0;right:0;bottom:0}.ae-Editor .ae-Editor-inner{display:flex;height:100%;width:100%;flex-direction:row}.ae-Editor-common-config{outline:2px solid rgba(243,144,0,.2)}.ae-Main{flex-grow:1;width:0;display:flex;flex-direction:column}.ae-Preview{flex-grow:1;max-height:100%;min-width:375px;overflow-x:hidden;overflow-y:auto;padding:20px;user-select:none}.ae-Preview::-webkit-scrollbar{background-color:#fff;width:10px}.ae-Preview ::-webkit-scrollbar-track{background-color:#fff}.ae-Preview::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-Preview::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.ae-Preview::-webkit-scrollbar-button{display:none}.ae-Preview-inner{position:relative;display:flex;min-height:100%}.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:focus{outline:none}.ae-Preview.is-edting input,.ae-Preview.is-edting textarea,.ae-Preview.is-edting select,.ae-Preview.is-edting iframe{pointer-events:none}.ae-Preview.is-mobile{border:15px solid #3a4051;border-radius:30px;width:375px;height:812px;flex-grow:unset;min-height:unset;margin:0 auto;min-width:unset;margin-top:40px;padding:0;position:relative;overflow:visible}.ae-Preview.is-mobile>.ae-Preview-inner{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:20px 0}.ae-Preview.is-mobile>.ae-Preview-inner::-webkit-scrollbar{background-color:#fff;width:10px}.ae-Preview.is-mobile>.ae-Preview-inner ::-webkit-scrollbar-track{background-color:#fff}.ae-Preview.is-mobile>.ae-Preview-inner::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px;border:2px solid #fff}.ae-Preview.is-mobile>.ae-Preview-inner::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}.ae-Preview.is-mobile>.ae-Preview-inner::-webkit-scrollbar-button{display:none}.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{box-shadow:0 -2px 5px rgba(255,255,255,.5);border:0;white-space:nowrap;background:#4285f4;border-radius:3px 3px 0px 0px;color:#fff;line-height:1.2;height:16px;position:absolute;top:-16px;left:-1px;display:inline-flex;align-items:center;z-index:20}.ae-Editor-toolbarPopover .ae-Editor-toolbar{z-index:10}.ae-Editor-toolbar{display:inline-flex;vertical-align:middle;pointer-events:all;height:100%;align-items:center;left:auto}.ae-Editor-toolbar button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:20px;text-align:center;color:#fff;opacity:.8;background:transparent;border:none;outline:none;font-size:10px}.ae-Editor-toolbar button:hover{opacity:1}.ae-Editor-toolbar button[draggable]{cursor:move}.ae-WResizer,.ae-HResizer,.ae-Resizer{width:10px;height:10px;border:2px solid #4285f4;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:#4285f4;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:#4285f4;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:#4285f4;bottom:15px;right:15px;padding:2px 8px;color:#fff;text-align:center}.ae-Editor-hlbox{position:absolute;z-index:1;border:1px dashed rgba(66,133,244,.75);pointer-events:none;transition:all ease-out .15s}.ae-Editor-hlbox:hover{z-index:3}.ae-Editor-hlbox.selected{background:rgba(66,133,244,.05);border:1px solid #4285f4}.ae-Editor-hlbox.selected .ae-Editor-toolbar{background:#4285f4}.ae-Editor-hlbox.selected .ae-Editor-toolbar button.ae-InsertBefore,.ae-Editor-hlbox.selected .ae-Editor-toolbar button.ae-InsertAfter{background:#4285f4}.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:transparent;z-index:5}.ae-Editor-hlbox .ae-Editor-toolbar{display:none;background:rgba(66,133,244,.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:transparent !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(66,133,244,.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:#4285f4}.ae-Editor-tip{user-select:none;max-width:100px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:11px;line-height:1.2;display:inline-flex;height:100%;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{background:#4285f4;border-radius:3px;position:absolute;top:0;left:0;z-index:1}.ae-Editor-tip.child{z-index:3}.ae-Editor-nav{pointer-events:all;position:relative;display:inline-block;vertical-align:middle}.ae-Editor-nav .ae-Editor-tip{opacity:0;display:block;background:rgba(66,133,244,.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, -18px)}.ae-Editor-nav:hover .ae-Editor-tip.child{transform:translate(0, 18px)}.ae-Editor-nav:hover .ae-Editor-tip:hover,.ae-Editor-nav:hover .ae-Editor-tip.current{background:#4285f4}.ae-Preview-widgets{position:absolute;top:0;left:0;width:100%;height:100%;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-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{width:100%;min-height:60px;overflow:hidden;position:relative;text-align:left;display:flex;justify-content:center;align-items:center;position:relative;z-index:100;background:#f8f9fa;padding:10px}.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-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{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{z-index:10;content:"";position:absolute;pointer-events:none;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.05);border:1px solid #999}[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;transform:translate3d(0, 0, 0)}[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:#4285f4;border-radius:5px;font-size:12px;color:#fff;padding:2px 5px}.ae-Editor-rhlbox{position:absolute;display:block;width:100%;height:100%;border-style:solid;border-color:transparent;pointer-events:none;box-sizing:content-box;z-index:2;transition:all ease-out .15s}.ae-Editor-rhlbox:before{z-index:-1;content:"";border:1px dotted #67cded;position:absolute;top:0;right:0;bottom:0;left:0}.ae-Editor-rhlbox.is-highlight{border-color:rgba(66,133,244,.05);background:transparent}.ae-Editor-rhlbox.is-highlight:before{box-shadow:0 1px 7px rgba(0,0,0,.2);border:1px solid #3abee8}.ae-Editor-rhlbox.is-dragenter[data-renderer=form][data-region=controls]{margin:-15px;padding:15px}.ae-Editor-rhlbox.is-dragenter[data-renderer=form][data-region=body]{margin:-15px;padding:15px}.ae-Editor-rhlbox>.region-tip{cursor:pointer;right:50%;top:-14px;position:absolute;background:#23b7e5;transform:translateX(50%) scale(0.8);color:#fff;padding:2px 5px;font-size:11px;border-radius:3px 3px 0 0;line-height:1.2;white-space:nowrap;box-shadow:0 2px 5px rgba(255,255,255,.5);pointer-events:all}a.ae-AddBtn{display:inline-block;vertical-align:middle;align-self:center;width:20px;height:20px;line-height:20px;border-radius:500px;text-align:center;margin:5px;background:#23b7e5;color:#fff;cursor:pointer;position:relative;transition:transform ease-out .3s}a.ae-AddBtn>svg{width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:transform ease-out .3s}a.ae-AddBtn:hover{color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}a.ae-AddBtn:hover>svg{transform:translate(-50%, -50%) rotate(90deg)}[data-region=columns]>.ae-AddBtn,[data-renderer=card][data-region=actions]>.ae-AddBtn{position:absolute;left:-30px;top:5px}div.ae-DragImage{pointer-events:none;position:absolute;top:-99999px;left:0;background:rgba(66,133,244,.1);border:1px solid rgba(66,133,244,.75);white-space:nowrap;max-width:50px;max-height:30px}div.ae-DragImage>span{left:-1px;top:-15px;position:absolute;background:rgba(66,133,244,.75);color:#fff;padding:2px 5px;font-size:11px;border-radius:3px 3px 0 0;line-height:1.2;z-index:1204;display:block;white-space:nowrap;box-shadow:0 -2px 5px rgba(255,255,255,.5)}.ae-DragGhost{display:inline;pointer-events:none !important}.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(35,183,229,.2);border:1px solid #23b7e5}.ae-DragGhost.use-position{display:inline-block;position:absolute;background:#23b7e5;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:transparent;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 #4285f4;color:#58666e}.ae-Editor-rendererItem.is-active:after,.ae-Editor-rendererItem:hover:active:after{border-color:#4285f4}.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}
+.editor-backTop{position:fixed;right:100px;bottom:50px;z-index:10000;width:40px;height:40px;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%;padding-top:16px}.ae-Outline{margin-top:16px;padding:0 6px 0 12px;width:240px;flex:1 1 auto;background:#fff;overflow:auto}.ae-Outline::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-Outline ::-webkit-scrollbar-track{background-color:#fff}.ae-Outline::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-Outline::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-Outline::-webkit-scrollbar-button{display:none}.ae-Outline-list,.ae-Outline-sublist{list-style:none;padding:2px 0 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:#d1d5db;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-node{position:relative;margin:4px 0;vertical-align:middle}.ae-Outline-node>a{margin-left:-8px;display:inline-block;min-width:108px;padding:3px 8px;font-family:PingFangSC-Regular;font-size:12px;color:#141a25;line-height:18px;font-weight:400;text-decoration:none;user-select:none;cursor:pointer}.ae-Outline-node>a:hover{background:#f0f0f0}.ae-Outline-node.has-children>a{margin-left:0}.ae-Outline-node.is-hover>a{color:#2468f2}.ae-Outline-node.is-active>a{background:rgba(36,104,242,.1);border-radius:2px}.ae-Outline-node.is-folded>.ae-Outline-sublist{display:none}.ae-Outline-node span.has-keywords{background:#ff9632}.ae-Outline-expander{position:absolute;left:-16px;top:3px;cursor:pointer;z-index:2;display:inline-flex;justify-content:center;align-items:center}.ae-Outline-expander>svg{width:16px;height:16px;color:#83868c;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 auto;min-width:62px;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:0;right:-20px;height:30px;width:20px;z-index:100;display:flex;justify-content:center;align-items:center}.editor-left-panel .editor-panel-btn .panel-btn{width:16px;height:16px;fill:#141a25;cursor:pointer}.editor-left-panel .editor-panel-btn .panel-btn:hover{fill:#205dd9}.editor-left-panel.hidden-status>.editor-panel-btn{display:none}.editor-left-panel .left-panel-arrow{position:absolute;width:18px;height:80px;top:50%;right:-17px;transform:translateY(-50%);background-color:transparent;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-inner{position:relative;height:100%}.editor-left-panel .editorPanel-inner.has-popover{z-index:1300}.editor-left-panel .editorPanel-inner .editorPanel-tabs{height:100%;display:flex}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]{position:relative;flex:0 0 62px;min-width:62px;padding-top:27px;border:none;border-right:1px solid #e6e6e8;box-sizing:border-box}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li{margin:0 0 22px 0 !important;padding:0;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li i.fa{font-size:24px;height:24px;margin-bottom:5px}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li>a{padding:0 !important;margin:0 !important;font-size:14px !important;font-family:PingFangSC-Regular;color:#83868c !important;letter-spacing:0;font-weight:400;white-space:break-spaces;text-align:center;line-height:19.6px !important;border-radius:0 !important;border:none !important;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li>a:hover{color:#2468f2 !important}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li .png-icon{width:24px;height:24px;background-size:contain;margin-bottom:5px}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li .png-icon.code-png{background-image:url(4de5f42360bc5946c3c2.png)}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li .png-icon.outline-png{background-image:url(c94073576487510314ea.png)}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li .png-icon.renderers-png{background-image:url(150a58f3318ca7541ed9.png)}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li.is-active>a,.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li:hover>a{background:#fff !important;color:#2468f2 !important}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li.is-active>a .png-icon.code-png,.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li:hover>a .png-icon.code-png{background-image:url(4e9968bba3855f088fed.png)}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li.is-active>a .png-icon.outline-png,.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li:hover>a .png-icon.outline-png{background-image:url(471adb97c322b226e589.png)}.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li.is-active>a .png-icon.renderers-png,.editor-left-panel .editorPanel-inner .editorPanel-tabs>ul[role=tablist]>li:hover>a .png-icon.renderers-png{background-image:url(7f09c38ebc687fea847a.png)}.editor-left-panel .editorPanel-inner .editorPanel-tabs>.editorPanel-tabs-content{position:relative;flex:1 1 auto;height:100%;border:none}.editor-left-panel .editorPanel-inner .editorPanel-tabs>.editorPanel-tabs-content .editorPanel-tabs-pane{position:relative;height:100%;padding:0;min-width:240px;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 62px;background:#fff}.editor-right-panel{position:relative;flex:0 0 auto;width:302px;min-width:302px;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:372px;min-width:372px}.editor-right-panel .editor-panel-btn{position:absolute;top:0;left:-20px;height:30px;width:20px;z-index:100;display:flex;justify-content:center;align-items:center}.editor-right-panel .editor-panel-btn .panel-btn{width:16px;height:16px;fill:#141a25;cursor:pointer;transform:rotate(-90deg)}.editor-right-panel .editor-panel-btn .panel-btn:hover{fill:#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:302px;height:100%}.editor-right-panel.fixed-status.mul-tabs-panel{width:372px}.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>ul{position:relative;flex:0 0 62px;padding-top:27px;border:none}.editor-right-panel .editorPanel-tabs>ul:empty{min-width:unset}.editor-right-panel .editorPanel-tabs>ul>li{margin:0 0 22px 0 !important;padding:0;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-right-panel .editorPanel-tabs>ul>li i.fa{font-size:24px;height:24px;margin-bottom:5px}.editor-right-panel .editorPanel-tabs>ul>li>a{padding:0 !important;margin:0 !important;font-size:14px !important;font-family:PingFangSC-Regular;color:#83868c !important;letter-spacing:0;font-weight:400;white-space:break-spaces;text-align:center;line-height:19.6px !important;border-radius:0 !important;border:none !important;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center}.editor-right-panel .editorPanel-tabs>ul>li>a:hover{color:#2468f2 !important}.editor-right-panel .editorPanel-tabs>ul>li.is-active>a{background:#fff !important;color:#2468f2 !important}.editor-right-panel .editorPanel-tabs>.editorPanel-tabs-content{position:relative;flex:1 1 auto;height:100%;border-left:none;max-width:calc(100% - 62px)}.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;overflow:auto}.editor-right-panel .config-form-content::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.editor-right-panel .config-form-content ::-webkit-scrollbar-track{background-color:#fff}.editor-right-panel .config-form-content::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.editor-right-panel .config-form-content::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.editor-right-panel .config-form-content::-webkit-scrollbar-button{display:none}.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:310px;line-height:1;display:flex;align-items:center;justify-content:center}.editor-right-panel .editor-prop-config-tabs{position:relative;margin:-16px -12px;height:calc(100% + 32px);padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.editor-right-panel .editor-prop-config-tabs>ul[role=tablist]{margin:0 0 -1px 0;flex:0 0 48px;padding:0 .5px;border-bottom:1px solid #eceff8;display:flex;justify-content:flex-start}.editor-right-panel .editor-prop-config-tabs>ul[role=tablist]>li{flex:0 0 65px;display:flex;justify-content:center}.editor-right-panel .editor-prop-config-tabs>ul[role=tablist]>li>a{margin:0 !important;padding:0 !important;width:28px;font-family:PingFangSC-Regular;font-size:14px;color:#141a25 !important;letter-spacing:0;font-weight:400;text-decoration:none;display:flex !important;justify-content:center !important;align-items:center !important}.editor-right-panel .editor-prop-config-tabs>ul[role=tablist]>li>a:hover,.editor-right-panel .editor-prop-config-tabs>ul[role=tablist]>li>a.is-active{border-bottom:solid 2px #2468f2 !important}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont{position:relative;flex:1 1 auto;padding:4px 0 0 0;overflow:auto;max-height:calc(100% - 48px)}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont ::-webkit-scrollbar-track{background-color:#fff}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.editor-right-panel .editor-prop-config-tabs .editor-prop-config-tabs-cont::-webkit-scrollbar-button{display:none}.editor-right-panel .right-panel-arrow{position:absolute;width:18px;height:80px;top:50%;left:-17px;transform:translateY(-50%);background-color:transparent;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{position:relative;white-space:nowrap;height:40px;line-height:40px;padding-left:20px;background:#fff;font-family:PingFangSC-Regular;font-size:14px;color:#5e626a;letter-spacing:0;font-weight:400;box-shadow:0 2px 6px 0 rgba(211,211,211,.5)}.ae-Breadcrumb>ul{list-style:none;display:inline-block;margin:0;padding:0}.ae-Breadcrumb>ul>li{display:inline-block;margin:0;padding:0;position:relative}.ae-Breadcrumb>ul>li>span{display:inline-block;padding:0 5px;cursor:pointer}.ae-Breadcrumb>ul>li>span:hover{color:#141a25;text-decoration:none}.ae-Breadcrumb>ul>li>ul{position:absolute;display:none;bottom:41px;left:0;max-height:320px;line-height:25px;padding:5px 0;background:#fff;overflow:auto;box-shadow:0 2px 6px 0 rgba(211,211,211,.5);list-style:none;z-index:100000}.ae-Breadcrumb>ul>li>ul::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-Breadcrumb>ul>li>ul ::-webkit-scrollbar-track{background-color:#fff}.ae-Breadcrumb>ul>li>ul::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-Breadcrumb>ul>li>ul::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-Breadcrumb>ul>li>ul::-webkit-scrollbar-button{display:none}.ae-Breadcrumb>ul>li>ul>li>span{display:block;padding:2px 10px;cursor:pointer;color:#666}.ae-Breadcrumb>ul>li>ul>li>span:hover{background:#f6f7fb;text-decoration:none;color:#333}.ae-Breadcrumb>ul>li>ul>li>span.is-active{color:#205dd9}.ae-Breadcrumb>ul>li:hover>span{background:#f6f7fb}.ae-Breadcrumb>ul>li:hover>ul{display:block}.ae-Breadcrumb>ul>li:not(:last-child):after{color:#5e626a;content:">"}.ae-Breadcrumb>ul>li:last-child>span{font-family:Helvetica;font-size:14px;color:#141a25;letter-spacing:0;font-weight:400;text-decoration:none}.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{height:100%;padding:16px 0 10px;width:240px;display:flex;flex-direction:column}.ae-RendererList .ae-RendererList-tip{padding:0 12px;color:#28a745}.ae-RendererList .ae-RendererList-group>span{display:inline-block;margin:0 12px}.ae-RendererList-groupWrap{flex:1 1 auto;background:#fff;overflow:auto}.ae-RendererList-groupWrap::-webkit-scrollbar{background-color:#fff;width:10px !important;height:10px !important}.ae-RendererList-groupWrap ::-webkit-scrollbar-track{background-color:#fff}.ae-RendererList-groupWrap::-webkit-scrollbar-thumb{background-color:#e6e7e8;border-radius:8px;border:2px solid #fff}.ae-RendererList-groupWrap::-webkit-scrollbar-thumb:hover{background-color:#dadbdd}.ae-RendererList-groupWrap::-webkit-scrollbar-button{display:none}.ae-RendererList-groupWrap .collapse-header{padding:0 12px;font-family:PingFangSC-Medium;font-size:14px;color:#141a25;letter-spacing:0;font-weight:500;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(0deg)}.ae-RendererList-group.collapse-content{display:flex;flex-wrap:wrap;height:auto;padding:6px 0 6px 2px;box-sizing:border-box;border-bottom:1px solid #e6e6e8;transition:height .3s}.ae-RendererList-group.collapse-content:last-child{border-bottom:none}.ae-RendererList-group.collapse-content.is-folded{height:1px;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 17px 10px;flex:0 0 64px;cursor:pointer;font-size:12px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box{width:64px;height:46px;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box>i{font-size:32px;color:#ddd}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box:hover{background:#f5f8ff;border:1px solid #2468f2}.ae-RendererList-group.collapse-content .ae-RendererList-item .icon-box:hover>i{color:#2468f2}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererList-itemInfo{margin-top:8px;display:flex;justify-content:center;align-items:center}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererList-itemInfo .ae-RendererInfo{flex:1 1 auto;max-width:64px;text-align:right;font-family:PingFangSC-Regular;font-size:12px;color:#141a25;letter-spacing:0;font-weight:400;line-height:18px;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererList-itemInfo .ae-RendererIcon{flex:0 0 15px;padding-left:3px;color:#6c757d;justify-content:center;align-items:center;display:none}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererList-itemInfo .ae-RendererIcon>svg{width:12px;height:12px}.ae-RendererList-group.collapse-content .ae-RendererList-item .ae-RendererList-itemInfo .ae-RendererIcon:hover{color:#212529}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover .ae-RendererInfo{max-width:49px}.ae-RendererList-group.collapse-content .ae-RendererList-item:hover .ae-RendererIcon{display:flex !important}.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig]{cursor:move;background:#f6f7fb;border:1px solid #ccc;padding:4px 8px;display:flex;margin:5px;align-items:center;font-size:12px;white-space:nowrap}.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig]>i,.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig]>svg{margin-right:5px;font-size:14px}.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig]:hover{color:#333;background:#edeff7}.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig] .ae-RendererList-itemLabel{flex-grow:1}.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig] .ae-RendererList-itemInfo{flex:0 0 auto;align-items:center}.ae-RendererList .ae-RendererList-item[data-dnd-type=commonConfig] .ae-RendererList-itemInfo a.ae-RendererIcon{display:inline-flex;align-items:center;justify-content:center}.ae-RendererThumb{max-width:328px;min-height:120px;padding:5px;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:PingFang-SC-Bold;font-size:14px;color:#333;letter-spacing:0;font-weight:700}.ae-RendererThumb .ae-Renderer-info{margin:8px 0;font-family:PingFangSC-Regular;font-size:12px;color:#333;letter-spacing:0;line-height:22px;font-weight:400}.ae-RendererThumb .ae-Renderer-preview{position:relative;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-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}.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}@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:1280px}.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)}.ae-Main{flex:1 1 auto;transform:scale(1);transform-origin:center top;background-color:#f2f2f4;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:#f2f2f4;overflow:hidden}.ae-Preview .ae-Preview-body{position:relative;height:100%;width:100%;padding:24px;min-width:419px;background-color:#f2f2f4;overflow-x:hidden;overflow-y: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:#f2f2f4}.ae-Preview .ae-Preview-body::-webkit-scrollbar-thumb{border:2px solid #f2f2f4;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:#f2f2f4}.ae-Preview.is-mobile-body::-webkit-scrollbar-thumb{border:2px solid #f2f2f4;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:transparent;border:none;outline:none;font-size:12px}.ae-Editor-toolbar button svg,.ae-Editor-toolbar button react,.ae-Editor-toolbar button path{color:#fff}.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:transparent;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:transparent !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;right:-0.375rem;top:calc(50% - 100px);cursor:ew-resize;writing-mode:vertical-lr;width:.75rem;height:1.5rem;margin-top:-0.75rem;border:.0625rem solid #dee2e6;background-color:#fff;border-radius:.142rem;font-size:12px;line-height:.625rem;text-align:center;user-select:none;color:#666}.width-draggable-icon:hover{color:#000;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.width-draggable-icon:after{content:"···"}.width-draggable-icon.leftBtn{left:-0.375rem}.width-draggable-icon.hasArrowIcon{top:calc(50% - 100px)}.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:#f8f9fa;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-RendererList .editor-InputSearch,.ae-Outline-panel .editor-InputSearch,.ae-InsertPanel .editor-InputSearch{margin:0 12px;background:#fff !important;border:1px solid #cecfd1 !important;border-radius:4px !important;display:flex;justify-content:flex-start;align-items:center}.ae-RendererList .editor-InputSearch svg.icon-search,.ae-Outline-panel .editor-InputSearch svg.icon-search,.ae-InsertPanel .editor-InputSearch svg.icon-search{width:16px;color:#141a25}.ae-RendererList .editor-InputSearch>a,.ae-Outline-panel .editor-InputSearch>a,.ae-InsertPanel .editor-InputSearch>a{display:flex;justify-content:center;align-items:center}.ae-RendererList hr.margin-top,.ae-Outline-panel hr.margin-top,.ae-InsertPanel hr.margin-top{margin:16px 0 0;height:1px;border:none;border-top:1px solid #e6e6e8 !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{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;transform:translate3d(0, 0, 0)}[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:transparent;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:transparent;border:none;outline:none;font-size:11px;line-height:12px}.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-left: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:transparent}.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:transparent;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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis-editor",
-  "version": "3.3.10",
+  "version": "4.0.1-beta.16",
   "description": "amis 可视化编辑器",
   "main": "dist/index.min.js",
   "types": "dist/index.d.ts",
@@ -12,7 +12,8 @@
     "dev": "fis3 release -cwd ./public",
     "prettier": "prettier --write '{src,examples}/**/*.{tsx,ts,jsx}'",
     "build": "webpack",
-    "publish-to-internal": "git pull && sh publish.sh"
+    "publish-to-internal": "git pull && sh publish.sh",
+    "publish2local": "sh publish-local.sh"
   },
   "keywords": [
     "amis",
@@ -20,10 +21,14 @@
   ],
   "author": "@fex",
   "license": "ISC",
+  "files": [
+    "dist/*",
+    "static/*"
+  ],
   "dependencies": {
-    "@types/deep-diff": "^1.0.0",
+    "@webcomponents/webcomponentsjs": "^2.6.0",
     "deep-diff": "1.0.2",
-    "json-ast-comments": "^1.0.8",
+    "json-ast-comments": "^1.1.0",
     "mobx": "^4.5.0",
     "mobx-react": "^6.1.4",
     "mobx-state-tree": "^3.17.3",
@@ -34,6 +39,7 @@
     "@svgr/webpack": "^5.5.0",
     "@types/async": "^2.0.45",
     "@types/classnames": "^2.2.3",
+    "@types/deep-diff": "^1.0.0",
     "@types/history": "^4.6.0",
     "@types/hoist-non-react-statics": "^3.0.1",
     "@types/lodash": "^4.14.76",
@@ -43,13 +49,14 @@
     "@types/react-dom": "^16.9.4",
     "@types/react-overlays": "^0.6.9",
     "@types/react-router": "^4.0.16",
+    "amis": "^1.5.0",
     "axios": "0.21.1",
     "concurrently": "^6.2.0",
     "css-loader": "^6.2.0",
     "faker": "^5.5.3",
     "fis-parser-sass": "^1.1.0",
     "fis-parser-svgr": "^1.0.1",
-    "fis3": "^3.4.45",
+    "fis3": "^3.5.0-beta.0",
     "fis3-hook-commonjs": "^0.1.32",
     "fis3-hook-node_modules": "^2.3.1",
     "fis3-parser-typescript": "^1.4.0",
@@ -71,9 +78,10 @@
     "tslib": "^2.3.1",
     "typescript": "^4.4.2",
     "webpack": "^5.52.1",
+    "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.8.0",
     "webpack-node-externals": "^3.0.0",
-    "amis": "1.3.5-beta.3"
+    "ajv": "^8.8.2"
   },
   "peerDependencies": {
     "amis": "*"

package/static/side_hide_left.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="8px" viewBox="0 0 6 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="折叠icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="折叠icon svg" transform="translate(-305.000000, -566.000000)" fill="#A1A6B3" fill-rule="nonzero">
+            <g id="折叠icon svg g" transform="translate(60.000000, 60.000000)">
+                <path d="M245.77735,506.518233 L250.375962,509.583975 C250.605727,509.737151 250.667814,510.047586 250.514637,510.27735 C250.47802,510.332276 250.430888,510.379408 250.375962,510.416025 L245.77735,513.481767 C245.547586,513.634943 245.237151,513.572856 245.083975,513.343092 C245.029219,513.260958 245,513.164454 245,513.065741 L245,506.934259 C245,506.658116 245.223858,506.434259 245.5,506.434259 C245.598712,506.434259 245.695216,506.463478 245.77735,506.518233 Z" id="矩形" transform="translate(248.000000, 510.000000) scale(-1, 1) translate(-248.000000, -510.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/.editorconfig

@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lr
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/.fecsrc

@@ -1,8 +0,0 @@
-{
-  "eslint": {
-    "rules": {
-      "operator-linebreak": "off",
-      "space-before-function-paren": "off"
-    }
-  }
-}

package/.prettierrc

@@ -1,20 +0,0 @@
-{
-  "printWidth": 80,
-  "tabWidth": 2,
-  "useTabs": false,
-  "singleQuote": true,
-  "semi": true,
-  "trailingComma": "none",
-  "bracketSpacing": false,
-  "quoteProps": "consistent",
-  "arrowParens": "avoid",
-  "jsxBracketSameLine": false,
-  "overrides": [
-    {
-      "files": ["fis-conf.js"],
-      "options": {
-        "tabWidth": 4
-      }
-    }
-  ]
-}

package/dist/plugin/Form/Reset.d.ts

@@ -1,7 +0,0 @@
-import { ButtonPlugin } from '../Button';
-export declare class ResetControlPlugin extends ButtonPlugin {
-    rendererName: string;
-    name: string;
-    icon: string;
-    panelTitle: string;
-}

package/dist/plugin/Form/Submit.d.ts

@@ -1,6 +0,0 @@
-import { ButtonPlugin } from '../Button';
-export declare class SubmitControlPlugin extends ButtonPlugin {
-    rendererName: string;
-    name: string;
-    panelTitle: string;
-}