amis-saas-7372 「调整组件布局切换select」调整切换button-group-select切换为 select

Change-Id: Iea605bb802c800b1bff0e2a736a2d8320704f7df

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

@@ -81,13 +81,7 @@ setSchemaTpl(
   }) => ({
     label: '布局',
     name: 'mode',
-    type: 'button-group-select',
-    option: '继承',
-    horizontal: {
-      left: 2,
-      justify: true
-    },
-    // className: 'w-full',
+    type: 'select',
     pipeIn: defaultValue(''),
     options: [
       {
@@ -215,7 +209,7 @@ setSchemaTpl(
       type: 'tabs',
       tabsMode: 'line', // tiled
       className: 'editor-prop-config-tabs',
-      linksClassName: 'editor-prop-config-tabs-links',
+      linksClassName: 'editor-prop-config-tabs-links aa',
       contentClassName:
         'no-border editor-prop-config-tabs-cont hoverShowScrollBar',
       tabs: config
@@ -592,12 +586,17 @@ setSchemaTpl('className', (schema: any) => {
  */
 setSchemaTpl('combo-container', (config: SchemaObject) => {
   if (isObject(config)) {
-    const itemsWrapperClassName =
-      ['input-kv', 'combo'].includes((config as any).type) &&
+    let itemsWrapperClassName;
+    let itemClassName;
+    if (['input-kv', 'combo'].includes((config as any).type)) {
+      itemsWrapperClassName =
         'ae-Combo-items ' + ((config as any).itemsWrapperClassName ?? '');
+      itemClassName = 'ae-Combo-item ' + ((config as any).itemClassName ?? '');
+    }
     return {
       ...(config as any),
-      ...(itemsWrapperClassName ? {itemsWrapperClassName} : {})
+      ...(itemsWrapperClassName ? {itemsWrapperClassName} : {}),
+      ...(itemClassName ? {itemClassName} : {})
     };
   }
   return config;
@@ -686,7 +685,6 @@ setSchemaTpl('visible', {
   expressionName: 'visibleOn'
 });
 
-
 // 新版配置面板兼容 [可见] 状态
 setSchemaTpl('newVisible', {
   type: 'ae-StatusControl',
@@ -694,7 +692,8 @@ setSchemaTpl('newVisible', {
   mode: 'normal',
   name: 'visible',
   expressionName: 'visibleOn',
-    visibleOn:"data.visible || data.visible === false || data.visibleOn !== undefined"
+  visibleOn:
+    'data.visible || data.visible === false || data.visibleOn !== undefined'
 });
 
 setSchemaTpl('hidden', {
@@ -1040,7 +1039,7 @@ setSchemaTpl('app-page-args', {
   type: 'ae-DataMappingControl',
   name: 'params',
   label: '页面参数',
-  schema: {"type": "object", "properties":{}},
+  schema: {type: 'object', properties: {}},
   mode: 'horizontal'
 });
 
@@ -1061,7 +1060,9 @@ setSchemaTpl(
   }
 );
 
-setSchemaTpl('iconLink', (schema: {name: 'icon' | 'rightIcon', visibleOn: boolean}) => {
+setSchemaTpl(
+  'iconLink',
+  (schema: {name: 'icon' | 'rightIcon'; visibleOn: boolean}) => {
     const {name, visibleOn} = schema;
     return {
       name: name,
@@ -1071,5 +1072,6 @@ setSchemaTpl('iconLink', (schema: {name: 'icon' | 'rightIcon', visibleOn: boolea
       placeholder: '点击选择图标',
       clearable: true,
       description: ''
+    };
   }
-});
+);

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

@@ -63,7 +63,7 @@ setSchemaTpl(
   (config: {visibleOn: string; [propName: string]: any}) => {
     return [
       {
-        type: 'button-group-select',
+        type: 'select',
         label: '标题宽度',
         name: 'horizontal',
         options: [