style: 页面设计器 配置面板弹窗字体调整

packages/amis-editor-core/scss/control/_api-control.scss

@@ -88,9 +88,6 @@
 
       .ae-ApiControl-form {
         @include panel-sm-content();
-        --Tabs--line-fontSize: #{$Editor-right-panel-font-size};
-        --Tabs--line-active-fontSize: #{$Editor-right-panel-font-size};
-        --Tabs--line-hover-fontSize: #{$Editor-right-panel-font-size};
         .ae-ApiControl-tabContent {
           max-height: 560px;
           overflow-x: hidden;

packages/amis-editor-core/scss/control/_event-action.scss

@@ -230,7 +230,6 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    font-size: 12px;
     color: #84868c;
     line-height: #{px2rem(24px)};
 
@@ -254,10 +253,6 @@
 }
 
 .action-config-dialog {
-  *:not(svg) {
-    font-size: 12px;
-  }
-
   .action-config-panel {
     background: #ffffff;
     border: 1px solid #e8e9eb;
@@ -270,7 +265,6 @@
     .action-panel-title {
       margin: 16px 16px 12px;
       line-height: 18px;
-      font-size: 12px;
       font-weight: 500;
     }
 
@@ -302,7 +296,6 @@
           height: 100%;
           max-height: 100%;
           padding: 0;
-          font-size: 12px;
           & > div > div {
             margin-top: 82px;
             height: 64px;
@@ -314,7 +307,6 @@
         .action-tree-control {
           ul {
             li {
-              font-size: 12px;
               & > div {
                 flex-direction: row-reverse;
                 padding-left: 16px;
@@ -367,10 +359,8 @@
       padding: 0 8px 0 0;
       .event-action-radio {
         padding-top: 5px;
-        font-size: 12px;
       }
       .action-desc {
-        font-size: 12px;
         margin-left: 16px;
         color: var(--Form-item-fontColor);
       }
@@ -395,9 +385,6 @@
         label {
           text-align: left;
         }
-        span {
-          font-size: 12px;
-        }
       }
       .ae-BaseRemark {
         margin-left: 0;

packages/amis-editor-core/scss/editor.scss

@@ -1783,17 +1783,9 @@ div.ae-DragImage {
   width: px2rem(700px);
   @include panel-sm-content();
 
-  --Form-item-fontSize: #{$Editor-right-panel-font-size};
-  --select-base-default-fontSize: #{$Editor-right-panel-font-size};
-  --select-base-default-option-fontSize: #{$Editor-right-panel-font-size};
-  --Table-thead-fontSize: #{$Editor-right-panel-font-size};
-  --button-size-default-fontSize: #{$Editor-right-panel-font-size};
-  --checkbox-checkbox-default-fontSize: #{$Editor-right-panel-font-size};
-  --radio-default-default-fontSize: #{$Editor-right-panel-font-size};
-  --radio-default-default-lineHeight: #{$Editor-right-panel-radios-line-height};
-  --Tabs--vertical-fontSize: #{$Editor-right-panel-font-size};
-  --Tabs--vertical-active-fontSize: #{$Editor-right-panel-font-size};
-  --Tabs--vertical-hover-fontSize: #{$Editor-right-panel-font-size};
+  &-title {
+    font-size: px2rem(14px);
+  }
 
   &--CRUD {
     width: px2rem(800px);

packages/amis-editor-core/src/component/ScaffoldModal.tsx

@@ -213,7 +213,7 @@ export class ScaffoldModal extends React.Component<SubEditorProps> {
         contentClassName={scaffoldFormContext?.className}
         show={!!scaffoldFormContext}
         onHide={this.handleCancelClick}
-        className="ae-scaffoldForm-Modal AMISCSSWrapper"
+        className="ae-scaffoldForm-Modal :AMISCSSWrapper"
         closeOnEsc={!store.scaffoldFormBuzy}
       >
         <div className={cx('Modal-header')}>

packages/amis-editor/src/component/BaseControl.ts

@@ -430,7 +430,7 @@ export function remarkTpl(config: {
       },
       body: {
         type: 'grid',
-        className: 'pt-4 right-panel-pop AMISCSSWrapper',
+        className: 'pt-4 right-panel-pop :AMISCSSWrapper',
         gap: 'lg',
         columns: [
           {
@@ -480,17 +480,16 @@ export function remarkTpl(config: {
               getSchemaTpl('icon'),
               {
                 name: 'className',
-                label: 'CSS 类名',
-                type: 'input-text',
-                labelRemark: BaseLabelMark(
+                label: tipedLabel(
+                  'CSS 类名',
                   '有哪些辅助类 CSS 类名？请前往 <a href="https://baidu.gitee.io/amis/zh-CN/style/index" target="_blank">样式说明</a>，除此之外你可以添加自定义类名，然后在系统配置中添加自定义样式。'
-                )
+                ),
+                type: 'input-text'
               },
               {
                 name: 'trigger',
                 type: 'select',
-                label: '触发方式',
-                labelRemark: BaseLabelMark('浮层触发方式默认值为鼠标悬停'),
+                label: tipedLabel('触发方式', '浮层触发方式默认值为鼠标悬停'),
                 multiple: true,
                 pipeIn: (value: any) =>
                   Array.isArray(value) ? value.join(',') : [],

packages/amis-editor/src/plugin/CRUD2/BaseCRUD.tsx

@@ -164,7 +164,7 @@ export class BaseCRUDPlugin extends BasePlugin {
         }
       },
       className:
-        'ae-Scaffold-Modal ae-Scaffold-Modal--CRUD ae-Scaffold-Modal-content AMISCSSWrapper', //  ae-formItemControl
+        'ae-Scaffold-Modal ae-Scaffold-Modal--CRUD ae-Scaffold-Modal-content :AMISCSSWrapper', //  ae-formItemControl
       stepsBody: true,
       canSkip: true,
       canRebuild: true,

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

@@ -395,7 +395,7 @@ export class FormPlugin extends BasePlugin {
         }
       },
       canRebuild: true,
-      className: 'ae-Scaffold-Modal ae-Scaffold-Modal-content AMISCSSWrapper',
+      className: 'ae-Scaffold-Modal ae-Scaffold-Modal-content :AMISCSSWrapper',
       body: [
         {
           type: 'radios',

packages/amis-editor/src/renderer/APIControl.tsx

@@ -522,7 +522,7 @@ export default class APIControl extends React.Component<
 
     return {
       type: 'form',
-      className: 'ae-ApiControl-form AMISCSSWrapper',
+      className: 'ae-ApiControl-form :AMISCSSWrapper',
       mode: 'horizontal',
       submitOnChange,
       wrapWithPanel: false,

packages/amis-editor/src/renderer/ActionApiControl.tsx

@@ -360,7 +360,7 @@ export default class APIControl extends React.Component<
   renderApiConfigTabs(messageDesc?: string, submitOnChange: boolean = false) {
     return {
       type: 'form',
-      className: 'ae-ApiControl-form AMISCSSWrapper',
+      className: 'ae-ApiControl-form :AMISCSSWrapper',
       mode: 'horizontal',
       submitOnChange,
       wrapWithPanel: false,

packages/amis-editor/src/renderer/StatusControl.tsx

@@ -7,7 +7,6 @@ import cx from 'classnames';
 import {FormItem, Switch, Option} from 'amis';
 
 import {autobind, getSchemaTpl} from 'amis-editor-core';
-import {BaseLabelMark} from '../component/BaseControl';
 
 import type {FormControlProps} from 'amis-core';
 import type {SchemaCollection} from 'amis';

packages/amis-editor/src/renderer/crud2-control/AddColumnModal.tsx

@@ -150,10 +150,10 @@ const AddColumnModal: React.FC<AddColumnModalProps> = props => {
         show={visible}
         onHide={onClose}
         closeOnEsc={false}
-        contentClassName="ae-Scaffold-Modal AMISCSSWrapper"
+        contentClassName="ae-Scaffold-Modal :AMISCSSWrapper"
       >
         <Modal.Header showCloseButton onClose={onClose}>
-          <Modal.Title>添加列</Modal.Title>
+          <Modal.Title className="ae-Scaffold-Modal-title">添加列</Modal.Title>
         </Modal.Header>
         <Modal.Body>
           {render(

packages/amis-editor/src/renderer/event-control/action-config-dialog.tsx

@@ -363,7 +363,7 @@ export default class ActionDialog extends React.Component<ActionDialogProp> {
             style: {
               borderStyle: 'solid'
             },
-            className: 'action-config-panel AMISCSSWrapper'
+            className: 'action-config-panel :AMISCSSWrapper'
           }
         ],
         onClose