form组件外观调整

packages/amis-editor/src/plugin/Form/Form.tsx

@@ -1086,7 +1086,7 @@ export class FormPlugin extends BasePlugin {
           title: '外观',
           body: getSchemaTpl('collapseGroup', [
             {
-              title: '布局',
+              title: '基本',
               body: [
                 getSchemaTpl('formItemMode', {
                   isForm: true,
@@ -1117,12 +1117,7 @@ export class FormPlugin extends BasePlugin {
                       return undefined;
                     }
                   }
-                }
+                },
-              ]
-            },
-            {
-              title: '其他',
-              body: [
                 getSchemaTpl('switch', {
                   name: 'wrapWithPanel',
                   label: tipedLabel(
@@ -1141,33 +1136,40 @@ export class FormPlugin extends BasePlugin {
                 })
               ]
             },
-            ...getSchemaTpl('theme:common', {
+            getSchemaTpl('theme:base', {
-              classname: 'formControlClassName',
+              classname: 'panelControlClassName',
-              baseTitle: 'form样式',
+              title: 'Panel样式',
-              exclude: ['layout'],
+              visibleOn: isWrapped
-              extra: [
-                getSchemaTpl('theme:base', {
-                  classname: 'panelControlClassName',
-                  title: 'Panel样式',
-                  visibleOn: isWrapped
-                }),
-                getSchemaTpl('theme:base', {
-                  classname: 'headerControlClassName',
-                  title: '标题区样式',
-                  visibleOn: isWrapped
-                }),
-                getSchemaTpl('theme:base', {
-                  classname: 'bodyControlClassName',
-                  title: '内容区样式',
-                  visibleOn: isWrapped
-                }),
-                getSchemaTpl('theme:base', {
-                  classname: 'actionsControlClassName',
-                  title: '操作区样式',
-                  visibleOn: isWrapped
-                })
-              ]
             }),
+            getSchemaTpl('theme:base', {
+              classname: 'headerControlClassName',
+              title: '标题区样式',
+              visibleOn: isWrapped
+            }),
+            getSchemaTpl('theme:base', {
+              classname: 'bodyControlClassName',
+              title: '内容区样式',
+              visibleOn: isWrapped
+            }),
+            getSchemaTpl('theme:base', {
+              classname: 'actionsControlClassName',
+              title: '操作区样式',
+              visibleOn: isWrapped
+            }),
+            getSchemaTpl('theme:base', {
+              classname: 'formControlClassName',
+              title: '表单样式',
+              hiddenOn: isWrapped
+            }),
+            {
+              title: '自定义样式',
+              body: [
+                {
+                  type: 'theme-cssCode',
+                  label: false
+                }
+              ]
+            },
             /** */
             getSchemaTpl('style:classNames', {
               isFormItem: false,

packages/amis-editor/src/tpl/horizontal.tsx

@@ -118,7 +118,8 @@ setSchemaTpl(
         body: [
           getSchemaTpl('leftFixed'),
           getSchemaTpl('leftRate'),
-          getSchemaTpl('labelAlign')
+          getSchemaTpl('labelAlign'),
+          {}
         ]
       })
     ];

packages/amis-editor/src/tpl/style.tsx

@@ -591,6 +591,7 @@ setSchemaTpl(
     classname?: string;
     title?: string;
     hiddenOn?: string;
+    visibleOn?: string;
     hidePaddingAndMargin?: boolean;
   }) => {
     const {
@@ -599,6 +600,7 @@ setSchemaTpl(
       classname = 'baseControlClassName',
       title = '基本样式',
       hiddenOn,
+      visibleOn,
       hidePaddingAndMargin
     } = option;
     const curHidePaddingAndMargin = hidePaddingAndMargin ?? false;
@@ -614,11 +616,6 @@ setSchemaTpl(
           name: `themeCss.${classname}.radius:${state}`,
           state
         }),
-        getSchemaTpl('theme:paddingAndMargin', {
-          visibleOn: visibleOn,
-          name: `themeCss.${classname}.padding-and-margin:${state}`,
-          state
-        }),
         !curHidePaddingAndMargin
           ? getSchemaTpl('theme:paddingAndMargin', {
               visibleOn: visibleOn,
@@ -690,7 +687,8 @@ setSchemaTpl(
       title,
       collapsed,
       body: styles,
-      hiddenOn
+      hiddenOn,
+      visibleOn
     };
   }
 );

packages/amis-theme-editor-helper/src/helper/ParseThemeData.ts

@@ -282,7 +282,7 @@ export class ParseThemeData {
 
   // 解析组件通用方法
   parseComponentCommon(component: any) {
-    if (component.token) {
+    if (component.token && component.body) {
       // 有token时结束递归
       const token = component.token;
       for (let key in component.body) {

packages/amis-theme-editor-helper/src/style/_theme-select.scss

@@ -9,6 +9,7 @@ $ns: cxd-;
   padding: 0 px2rem(8px);
   display: flex;
   align-items: center;
+  background-color: #fff;
   .ThemeSelectContent-theme {
     background-color: #f7f8fa;
     border-radius: 2px;

packages/amis-ui/scss/components/form/_number.scss

@@ -378,7 +378,7 @@
   .#{$ns}NumberControl-single-unit {
     cursor: default;
     text-align: center;
-    min-width: unset;
+    min-width: unset !important;
     padding: 0 var(--inputNumber-base-default-unit-paddingLeft);
   }
 }