diff --git a/packages/amis-editor/src/plugin/Form/InputTable.tsx b/packages/amis-editor/src/plugin/Form/InputTable.tsx
index 843144473..422c6df92 100644
--- a/packages/amis-editor/src/plugin/Form/InputTable.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputTable.tsx
@@ -1,22 +1,23 @@
 import React from 'react';
 import {resolveVariable, Button} from 'amis';
-import flatten from 'lodash/flatten';
-import {defaultValue, getI18nEnabled, getSchemaTpl} from 'amis-editor-core';
+import {defaultValue, getSchemaTpl, RendererPluginAction, tipedLabel, getI18nEnabled} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
 import {
   BaseEventContext,
   BasePlugin,
-  BasicSubRenderInfo,
   InsertEventContext,
   PluginEvent,
-  RendererEventContext,
   ScaffoldForm,
-  SubRendererInfo,
-  RegionConfig
+  RegionConfig,
+  RendererPluginEvent
 } from 'amis-editor-core';
 import {setVariable} from 'amis-core';
 import {repeatArray} from 'amis-editor-core';
 import {mockValue} from 'amis-editor-core';
+import {getEnv} from 'mobx-state-tree';
+import {ValidatorTag} from '../../validator';
+import {getEventControlConfig} from '../../renderer/event-control/helper';
+import { cloneDeep } from 'lodash';
 
 export class TableControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -80,7 +81,7 @@ export class TableControlPlugin extends BasePlugin {
   get scaffoldForm(): ScaffoldForm {
     const i18nEnabled = getI18nEnabled();
     return {
-      title: '快速构建表格',
+      title: '快速构建表格编辑框',
       body: [
         {
           name: 'columns',
@@ -103,7 +104,7 @@ export class TableControlPlugin extends BasePlugin {
             {
               type: 'select',
               name: 'type',
-              placeholder: '类型',
+              placeholder: '展示类型',
               value: 'text',
               options: [
                 {
@@ -122,17 +123,13 @@ export class TableControlPlugin extends BasePlugin {
                   value: 'date',
                   label: '日期'
                 },
-                // {
-                //     value: 'datetime',
-                //     label: '日期时间'
-                // },
-                // {
-                //     value: 'time',
-                //     label: '时间'
-                // },
                 {
-                  value: 'progress',
-                  label: '进度'
+                    value: 'datetime',
+                    label: '日期时间'
+                },
+                {
+                    value: 'time',
+                    label: '时间'
                 },
                 {
                   value: 'status',
@@ -141,232 +138,701 @@ export class TableControlPlugin extends BasePlugin {
                 {
                   value: 'mapping',
                   label: '映射'
+                }
+              ]
+            },
+            {
+              type: 'select',
+              name: 'quickEdit.type',
+              placeholder: '编辑类型',
+              value: 'input-text',
+              options: [
+                {
+                  value: 'input-text',
+                  label: '文本框'
                 },
                 {
-                  value: 'operation',
-                  label: '操作栏'
+                  value: 'input-number',
+                  label: '数字框'
+                },
+                {
+                  value: 'select',
+                  label: '选择框'
+                },
+                {
+                  value: 'input-color',
+                  label: '颜色选择框'
+                },
+                {
+                  value: 'checkboxes',
+                  label: '多选框'
+                },
+                {
+                  value: 'radios',
+                  label: '单选框'
+                },
+                {
+                  value: 'input-date',
+                  label: '日期'
+                },
+                {
+                  value: 'input-date-range',
+                  label: '日期范围'
+                },
+                {
+                  value: 'switch',
+                  label: '开关'
+                },
+                {
+                  value: 'nested-select',
+                  label: '级联选择器'
+                },
+                {
+                  value: 'city-select',
+                  label: '城市选择器'
+                },
+                {
+                  value: 'tree-select',
+                  label: '树下拉框'
                 }
               ]
             }
           ]
         }
       ],
+      pipeOut: (schema: any) => {
+        const columns = cloneDeep(schema.columns || []);
+        const rawColumns: any = [];
+        columns.forEach((column: any) => {
+          const rawColumn = {
+            ...column,
+            type: column.type,
+            quickEdit: {
+              type: column.quickEdit.type
+            }
+          };
+          rawColumns.push(rawColumn);
+        });
+        schema.columns = rawColumns;
+        return {...schema};
+      },
       canRebuild: true
     };
   }
 
-  panelTitle = '表格编辑';
-  panelBodyCreator = (context: BaseEventContext) => {
-    const isCRUDBody = context.schema.type === 'crud';
-    const i18nEnabled = getI18nEnabled();
+  notRenderFormZone = true;
 
+  panelJustify = true;
+  panelTitle = '表格编辑';
+
+  events: RendererPluginEvent[] = [
+    // {
+    //   eventName: 'add',
+    //   eventLabel: '添加行',
+    //   description: '点击左下角添加按钮 或 某一行右侧操作栏添加按钮时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'addConfirm',
+    //   eventLabel: '确认添加',
+    //   description: '开启needConfirm，点击添加按钮，填入数据后点击“保存”按钮后触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '添加项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '添加项的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'addSuccess',
+    //   eventLabel: '添加成功',
+    //   description: '开启needConfirm并且配置addApi，点击“保存”后调用接口成功时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '添加项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '添加项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'addFail',
+    //   eventLabel: '添加失败',
+    //   description: '开启needConfirm并且配置addApi，点击“保存”后调用接口失败时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '添加项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '添加项所在的行索引'
+    //         },
+    //         'event.data.error': {
+    //           type: 'object',
+    //           title: 'addApi请求失败后接口返回的错误信息'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'edit',
+    //   eventLabel: '编辑行',
+    //   description: '点击某一行右侧操作栏“编辑”按钮时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '编辑项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '编辑项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'editConfirm',
+    //   eventLabel: '编辑确认',
+    //   description: '开启needConfirm，点击“编辑”按钮，填入数据后点击“保存”按钮后触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '编辑项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '编辑项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'editSuccess',
+    //   eventLabel: '编辑成功',
+    //   description: '开启needConfirm并且配置updateApi，点击“保存”后调用接口成功时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '编辑项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '编辑项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'editFail',
+    //   eventLabel: '编辑失败',
+    //   description: '开启needConfirm并且配置updateApi，点击“保存”后调用接口失败时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '编辑项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'number',
+    //           title: '编辑项所在的行索引'
+    //         },
+    //         'event.data.error': {
+    //           type: 'object',
+    //           title: 'updateApi请求错误后返回的错误信息'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'delete',
+    //   eventLabel: '删除行',
+    //   description: '点击某一行右侧操作栏“删除”按钮时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '删除项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'object',
+    //           title: '删除项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'deleteSuccess',
+    //   eventLabel: '删除成功',
+    //   description: '配置了deleteApi，调用接口成功时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '删除项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'object',
+    //           title: '删除项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'deleteFail',
+    //   eventLabel: '删除失败',
+    //   description: '配置了deleteApi，调用接口失败时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         },
+    //         'event.data.item': {
+    //           type: 'object',
+    //           title: '编辑项数据'
+    //         },
+    //         'event.data.index': {
+    //           type: 'object',
+    //           title: '编辑项所在的行索引'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // },
+    // {
+    //   eventName: 'change',
+    //   eventLabel: '值变化',
+    //   description: '组件数据发生改变时触发',
+    //   dataSchema: [
+    //     {
+    //       type: 'object',
+    //       properties: {
+    //         'event.data.value': {
+    //           type: 'array',
+    //           title: '表格数据'
+    //         }
+    //       }
+    //     }
+    //   ]
+    // }
+  ];
+
+  actions: RendererPluginAction[] = [
+    // {
+    //   actionType: 'addItem',
+    //   actionLabel: '新增',
+    //   description: '新增单行数据'
+    // },
+    // {
+    //   actionType: 'deleteItem',
+    //   actionLabel: '删除',
+    //   description: '删除单行数据'
+    // },
+    // {
+    //   actionType: 'clear',
+    //   actionLabel: '清空',
+    //   description: '清除组件数据'
+    // },
+    // {
+    //   actionType: 'reset',
+    //   actionLabel: '重置',
+    //   description: '将值重置为resetValue，若没有配置resetValue，则清空'
+    // },
+    // {
+    //   actionType: 'setValue',
+    //   actionLabel: '赋值',
+    //   description: '触发表格数据更新'
+    // },
+    // {
+    //   actionType: 'delete',
+    //   actionLabel: '删除',
+    //   description: '删除某行的数据'
+    // }
+  ];
+
+  panelBodyCreator = (context: BaseEventContext) => {
     return getSchemaTpl('tabs', [
       {
-        title: '常规',
-        body: flatten([
-          // {
-          //   children: (
-          //     <div className="m-b">
-          //       <Button
-          //         level="success"
-          //         size="sm"
-          //         block
-          //         onClick={() => this.handleEditFormItem()}
-          //       >
-          //         配置列信息
-          //       </Button>
-          //     </div>
-          //   )
-          // },
-          getSchemaTpl('layout:originPosition', {value: 'left-top'}),
-          getSchemaTpl('formItemName', {
-            required: true
-          }),
-          getSchemaTpl('label'),
-          getSchemaTpl('description'),
-          getSchemaTpl('switch', {
-            label: '是否可新增',
-            name: 'addable'
-          }),
+        title: '属性',
+        body: getSchemaTpl('collapseGroup', [
           {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'addBtnLabel',
-            label: '增加按钮名称',
-            visibleOn: 'data.addable',
-            pipeIn: defaultValue('')
+            title: '基本',
+            body: [
+              getSchemaTpl('layout:originPosition', {value: 'left-top'}),
+              getSchemaTpl('formItemName', {
+                required: true
+              }),
+              getSchemaTpl('label'),
+              getSchemaTpl('description'),
+              getSchemaTpl('placeholder', {
+                label: '空数据提示'
+              }),
+              getSchemaTpl('labelRemark'),
+              getSchemaTpl('switch', {
+                name: 'showIndex',
+                label: '显示序号',
+                pipeIn: defaultValue(false)
+              }),
+              {
+                type: 'input-number',
+                name: 'perPage',
+                label: '每页展示条数',
+                pipeIn: defaultValue(10)
+              },
+              {
+                type: 'input-number',
+                name: 'minLength',
+                label: '最小行数',
+                pipeIn: defaultValue(0)
+              },
+              {
+                type: 'input-number',
+                name: 'maxLength',
+                label: '最大行数'
+              },
+              {
+                type: 'ae-Switch-More',
+                name: 'needConfirm',
+                label: tipedLabel(
+                  '确认模式',
+                  '在新增或编辑单行数据时生效。开启时，输入完内容后需要点击表格右侧的“保存”按钮后才能提交到数据域。未开启时，输入完内容后就能提交数据域。'
+                ),
+                mode: 'normal',
+                formType: 'extend',
+                hiddenOnDefault: true,
+                form: {
+                  body: [
+                    {
+                      type: 'input-text',
+                      name: 'confirmBtnLabel',
+                      label: '确认名称',
+                      placeholder: '确认按钮名称'
+                    },
+                    getSchemaTpl('icon', {
+                      name: 'confirmBtnIcon',
+                      label: '确认图标',
+                      pipeIn: () => defaultValue({
+                        type: 'icon',
+                        vendor: '',
+                        icon: 'check'
+                      }),
+                      pipeOut: (value: any) => ({
+                        type: 'icon',
+                        vendor: '',
+                        icon: value
+                      })
+                    }),
+                    {
+                      type: 'input-text',
+                      name: 'cancelBtnLabel',
+                      label: '取消文字',
+                      placeholder: '取消按钮图标',
+                    },
+                    getSchemaTpl('icon', {
+                      name: 'cancelBtnIcon',
+                      label: '取消图标',
+                      pipeIn: () => defaultValue({
+                        type: 'icon',
+                        vendor: '',
+                        icon: 'times'
+                      }),
+                      pipeOut: (value: any) => ({
+                        type: 'icon',
+                        vendor: '',
+                        icon: value
+                      })
+                    })
+                  ]
+                }
+              },
+              getSchemaTpl('creatable', {
+                name: 'addable',
+                label: '可新增',
+                formType: 'extend',
+                hiddenOnDefault: true,
+                form: {
+                  body: [
+                    {
+                      label: '按钮名称',
+                      name: 'addBtnLabel',
+                      type: 'input-text',
+                      placeholder: '新增'
+                    },
+                    getSchemaTpl('icon', {
+                      name: 'addBtnIcon',
+                      label: '按钮图标',
+                      pipeIn: () => defaultValue({
+                        type: 'icon',
+                        vendor: '',
+                        icon: 'plus'
+                      }),
+                      pipeOut: (value: any) => ({
+                        type: 'icon',
+                        vendor: '',
+                        icon: value
+                      })
+                    }),
+                    getSchemaTpl('apiControl', {
+                      label: '新增接口',
+                      name: 'addApi',
+                      mode: 'row'
+                    })
+                  ]
+                }
+              }),
+              {
+                type: 'ae-Switch-More',
+                name: 'copyable',
+                label: '可复制',
+                mode: 'normal',
+                formType: 'extend',
+                hiddenOnDefault: true,
+                form: {
+                  body: [
+                    {
+                      label: '按钮名称',
+                      name: 'copyBtnLabel',
+                      type: 'input-text',
+                      placeholder: '复制'
+                    },
+                    getSchemaTpl('icon', {
+                      name: 'copyBtnLabel',
+                      label: '按钮图标',
+                      pipeIn: () => defaultValue({
+                        type: 'icon',
+                        vendor: '',
+                        icon: 'copy'
+                      }),
+                      pipeOut: (value: any) => ({
+                        type: 'icon',
+                        vendor: '',
+                        icon: value
+                      })
+                    }),
+                  ]
+                }
+              },
+              getSchemaTpl('editable', {
+                type: 'ae-Switch-More',
+                formType: 'extend',
+                hiddenOnDefault: true,
+                form: {
+                  body: [
+                    {
+                      label: '按钮名称',
+                      name: 'editBtnLabel',
+                      type: 'input-text',
+                      placeholder: '编辑'
+                    },
+                    getSchemaTpl('icon', {
+                      name: 'editBtnIcon',
+                      label: '按钮图标',
+                      pipeIn: () => defaultValue({
+                        type: 'icon',
+                        vendor: '',
+                        icon: 'pencil'
+                      }),
+                      pipeOut: (value: any) => ({
+                        type: 'icon',
+                        vendor: '',
+                        icon: value
+                      })
+                    }),
+                    getSchemaTpl('apiControl', {
+                      label: '编辑接口',
+                      name: 'updateApi',
+                      mode: 'row'
+                    })
+                  ]
+                }
+              }),
+              getSchemaTpl('removable', {
+                type: 'ae-Switch-More',
+                formType: 'extend',
+                hiddenOnDefault: true,
+                form: {
+                  body: [
+                    {
+                      label: '按钮名称',
+                      name: 'deleteBtnLabel',
+                      type: 'input-text',
+                      placeholder: '删除'
+                    },
+                    getSchemaTpl('icon', {
+                      name: 'deleteBtnIcon',
+                      label: '按钮图标',
+                      pipeIn: () => defaultValue({
+                        type: 'icon',
+                        vendor: '',
+                        icon: 'minus'
+                      }),
+                      pipeOut: (value: any) => ({
+                        type: 'icon',
+                        vendor: '',
+                        icon: value
+                      })
+                    }),
+                    getSchemaTpl('deleteApi')
+                  ]
+                }
+              }),
+              getSchemaTpl('switch', {
+                name: 'draggable',
+                label: '可拖拽',
+                pipeIn: defaultValue(false)
+              }),
+            ]
           },
-          getSchemaTpl('icon', {
-            name: 'addBtnIcon',
-            label: '增加按钮图标',
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.addable'
-          }),
-          getSchemaTpl('api', {
-            name: 'addApi',
-            label: '新增时提交的 API',
-            visibleOn: 'data.addable'
-          }),
-          getSchemaTpl('switch', {
-            label: '是否可删除',
-            name: 'removable'
-          }),
           {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'deleteBtnLabel',
-            label: '删除按钮名称',
-            visibleOn: 'data.removable',
-            pipeIn: defaultValue('')
+            title: '高级',
+            body: [
+              getSchemaTpl('switch', {
+                name: 'strictMode',
+                label: tipedLabel(
+                  '严格模式',
+                  '为了性能，默认其他表单项项值变化不会让当前表格更新，有时候为了同步获取其他表单项字段，需要开启这个。'
+                ),
+                pipeIn: defaultValue(false)
+              }),
+              getSchemaTpl('switch', {
+                name: 'canAccessSuperData',
+                label: tipedLabel(
+                  '获取父级数据',
+                  '是否可以访问父级数据，也就是表单中的同级数据，通常需要跟 “严格模式”属性搭配使用。'
+                ),
+                pipeIn: defaultValue(false)
+              })
+            ]
           },
-          getSchemaTpl('icon', {
-            name: 'deleteBtnIcon',
-            label: '删除按钮图标',
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.removable'
-          }),
-          getSchemaTpl('api', {
-            name: 'deleteApi',
-            label: '删除时提交的 API',
-            visibleOn: 'data.removable'
-          }),
-          getSchemaTpl('switch', {
-            label: '是否可编辑',
-            name: 'editable'
-          }),
-          {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'editBtnLabel',
-            label: '编辑按钮名称',
-            visibleOn: 'data.editable',
-            pipeIn: defaultValue('')
-          },
-          getSchemaTpl('icon', {
-            name: 'editBtnIcon',
-            label: '编辑按钮图标',
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.editable'
-          }),
-          getSchemaTpl('switch', {
-            label: '是否可复制',
-            name: 'copyable'
-          }),
-          {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'copyBtnLabel',
-            label: '复制按钮名称',
-            visibleOn: 'data.copyable',
-            pipeIn: defaultValue('')
-          },
-          getSchemaTpl('icon', {
-            name: 'copyBtnIcon',
-            label: '复制按钮图标',
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.copyable'
-          }),
-          getSchemaTpl('api', {
-            name: 'updateApi',
-            label: '修改时提交的 API',
-            visibleOn: 'data.editable'
-          }),
-          {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'confirmBtnLabel',
-            label: '确认编辑按钮名称',
-            visibleOn: 'data.editable',
-            pipeIn: defaultValue('')
-          },
-          getSchemaTpl('icon', {
-            name: 'confirmBtnIcon',
-            label: '确认编辑按钮图标',
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.editable'
-          }),
-          {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'cancelBtnLabel',
-            label: '取消编辑按钮名称',
-            visibleOn: 'data.editable',
-            pipeIn: defaultValue('')
-          },
-          getSchemaTpl('icon', {
-            name: 'cancelBtnIcon',
-            label: '取消编辑按钮图标',
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.editable'
-          }),
-          getSchemaTpl('switch', {
-            label: '是否可拖拽排序',
-            name: 'draggable'
-          }),
-
-          getSchemaTpl('switch', {
-            label: '确认模式',
-            name: 'needConfirm'
-          }),
-          getSchemaTpl('switch', {
-            label: '严格模式',
-            name: 'strictMode', // 同时需要配置strictMode
-            value: true
-          }),
-
-          getSchemaTpl('switch', {
-            label: '获取父级数据',
-            labelRemark: {
-              trigger: 'click',
-              className: 'm-l-xs',
-              rootClose: true,
-              content:
-                '配置"canAccessSuperData": true 同时配置 "strictMode": false 开启此特性，初始会自动映射父级数据域的同名变量。需要注意的是，这里只会初始会映射，一旦修改过就是当前行数据为主了。也就是说，表单项类型的，只会起到初始值的作用',
-              placement: 'left'
-            },
-            onChange: (value: any, oldValue: any, model: any, form: any) => {
-              if (value && !oldValue) {
-                form.setValues({strictMode: false});
-              } else {
-                form.setValues({strictMode: true});
-              }
-            },
-            name: 'canAccessSuperData' // 同时需要配置strictMode
+          getSchemaTpl('status', {isFormItem: true}),
+          getSchemaTpl('validation', {
+            tag: ValidatorTag.MultiSelect
           })
         ])
       },
       {
         title: '外观',
-        body: [
-          getSchemaTpl('formItemMode'),
-          getSchemaTpl('horizontalMode'),
-          getSchemaTpl('horizontal', {
-            label: '',
-            visibleOn:
-              '(data.$$formMode == "horizontal" || data.mode == "horizontal") && data.label !== false && data.horizontal'
-          }),
-          getSchemaTpl('className'),
-          getSchemaTpl('className', {
-            label: 'Label CSS 类名',
-            name: 'labelClassName'
-          }),
-          getSchemaTpl('className', {
-            label: 'Input CSS 类名',
-            name: 'inputClassName'
-          }),
-          getSchemaTpl('className', {
-            label: '描述 CSS 类名',
-            name: 'descriptionClassName',
-            visibleOn: 'data.description'
+        body: getSchemaTpl('collapseGroup', [
+          getSchemaTpl('style:formItem', {renderer: context.info.renderer}),
+          getSchemaTpl('style:classNames', {
+            schema: [
+              getSchemaTpl('className', {
+                name: 'rowClassName',
+                label: '行样式',
+              }),
+              getSchemaTpl('valueFormula', {
+                name: 'rowClassNameExpr',
+                label: tipedLabel(
+                  '行高亮规则',
+                  '可以根据数据动态添加 CSS 类, 例如"color === \'#000000\' ? \'text-danger\' : \'\'" 表示'
+                  + '当行数据的 color 数据等于 #000000 的时候添加 text-danger CSS 类名，使得文字颜色变红'),
+                pipeIn: defaultValue(0)
+              })
+            ]
           })
-        ]
+        ])
       },
-      {
-        title: '显隐',
-        body: [getSchemaTpl('disabled'), getSchemaTpl('visible')]
-      },
-      {
-        title: '其他',
-        body: [
-          getSchemaTpl('required'),
-          getSchemaTpl('validateOnChange'),
-          getSchemaTpl('submitOnChange')
-        ]
-      }
+      // {
+      //   title: '事件',
+      //   className: 'p-none',
+      //   body: [
+      //     getSchemaTpl('eventControl', {
+      //       name: 'onEvent',
+      //       ...getEventControlConfig(this.manager, context)
+      //     })
+      //   ]
+      // }
     ]);
   };