amis-editor 4.2.0-beta.3 → 5.1.8

package/src/plugin/Alert.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {registerEditorPlugin} from '../manager';
-import {BasePlugin} from '../plugin';
+import {BaseEventContext, BasePlugin} from '../plugin';
 import {getSchemaTpl} from '../component/schemaTpl';
 import {SchemaObject} from 'amis/lib/Schema';
 
@@ -34,54 +34,75 @@ export class AlertPlugin extends BasePlugin {
   // 普通容器类渲染器配置
   regions = [{key: 'body', label: '内容区', placeholder: '提示内容'}];
 
+  notRenderFormZone = true;
   panelTitle = '提示';
-  panelBody = getSchemaTpl('tabs', [
-    {
-      title: '常规',
-      body: [
-        {
-          type: 'switch',
-          name: 'showCloseButton',
-          mode: 'inline',
-          className: 'w-full',
-          label: '显示关闭按钮'
-        }
-      ]
-    },
-    {
-      title: '外观',
-      body: [
-        {
-          label: '样式',
-          name: 'level',
-          type: 'select',
-          options: [
-            {
-              label: '提示',
-              value: 'info'
-            },
-            {
-              label: '成功',
-              value: 'success'
-            },
-            {
-              label: '警告',
-              value: 'warning'
-            },
-            {
-              label: '严重',
-              value: 'danger'
-            }
-          ]
-        },
-        getSchemaTpl('className')
-      ]
-    },
-    {
-      title: '显隐',
-      body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
-    }
-  ]);
+  panelJustify = true;
+  panelBodyCreator = (context: BaseEventContext) => {
+    return getSchemaTpl('tabs', [
+      {
+        title: '属性',
+        body: getSchemaTpl('collapseGroup', [
+          {
+            title: '基本',
+            body: [
+              {
+                label: '类型',
+                name: 'level',
+                type: 'select',
+                options: [
+                  {
+                    label: '提示',
+                    value: 'info'
+                  },
+                  {
+                    label: '成功',
+                    value: 'success'
+                  },
+                  {
+                    label: '警告',
+                    value: 'warning'
+                  },
+                  {
+                    label: '严重',
+                    value: 'danger'
+                  }
+                ]
+              },
+              getSchemaTpl('label', {
+                name: 'title'
+              }),
+              getSchemaTpl('switch', {
+                label: '可关闭',
+                name: 'showCloseButton'
+              }),
+              {
+                type: 'ae-Switch-More',
+                mode: 'normal',
+                name: 'showIcon',
+                label: '图标',
+                hiddenOnDefault: !context.schema.icon,
+                formType: 'extend',
+                form: {
+                  body: [
+                    getSchemaTpl('icon', {
+                      label: '自定义图标'
+                    })
+                  ]
+                }
+              }
+            ]
+          },
+          getSchemaTpl('status')
+        ])
+      },
+      {
+        title: '外观',
+        body: getSchemaTpl('collapseGroup', [
+          getSchemaTpl('style:classNames', {isFormItem: false})
+        ])
+      }
+    ]);
+  };
 }
 
 registerEditorPlugin(AlertPlugin);

package/src/plugin/AnchorNav.tsx

@@ -189,6 +189,7 @@ export class AnchorNavPlugin extends BasePlugin {
                 children: (
                   <VRenderer
                     key={id}
+                    type={info.type}
                     plugin={info.plugin}
                     renderer={info.renderer}
                     $schema="/schemas/SectionSchema.json"

package/src/plugin/Audio.tsx

@@ -112,34 +112,28 @@ export class AudioPlugin extends BasePlugin {
                 placement: 'left'
               }
             },
-            {
+
+            getSchemaTpl('switch', {
               name: 'autoPlay',
-              type: 'switch',
-              mode: 'inline',
-              className: 'w-full',
               label: '自动播放'
-            },
-            {
+            }),
+
+            getSchemaTpl('switch', {
               name: 'loop',
-              type: 'switch',
-              mode: 'inline',
-              className: 'w-full',
               label: '循环播放'
-            }
+            })
           ]
         },
         {
           title: '外观',
           body: [
             getSchemaTpl('className'),
-            {
+
+            getSchemaTpl('switch', {
               name: 'inline',
-              type: 'switch',
-              mode: 'inline',
-              className: 'w-full',
               label: '内联模式',
               pipeIn: defaultValue(true)
-            }
+            })
           ]
         },
         {

package/src/plugin/Avatar.tsx

@@ -52,7 +52,8 @@ export class AvatarPlugin extends BasePlugin {
           {
             name: 'icon',
             label: '图标',
-            type: 'icon-picker'
+            type: 'icon-picker',
+            className: 'fix-icon-picker-overflow'
           },
           {
             name: 'size',

package/src/plugin/Breadcrumb.tsx

@@ -75,7 +75,8 @@ export class BreadcrumbPlugin extends BasePlugin {
               {
                 name: 'icon',
                 label: '图标',
-                type: 'icon-picker'
+                type: 'icon-picker',
+                className: 'fix-icon-picker-overflow',
               }
             ]
           }