amis-editor 5.2.4-beta.31 → 5.2.5

package/esm/plugin/Form/InputTable.js

@@ -1,13 +1,14 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign } from 'tslib';
 import { resolveVariable } from 'amis';
-import flatten from 'lodash/flatten';
-import { getI18nEnabled, getSchemaTpl, defaultValue, mockValue, repeatArray, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getI18nEnabled, getSchemaTpl, tipedLabel, defaultValue, mockValue, repeatArray, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { setVariable } from 'amis-core';
+import { ValidatorTag } from '../../validator.js';
+import cloneDeep from 'lodash/cloneDeep';
 import { i18n } from 'i18n-runtime';
 
 var TableControlPlugin = /** @class */function (_super) {
@@ -79,19 +80,43 @@ var TableControlPlugin = /** @class */function (_super) {
         name: 'table',
         label: i18n("4ba0387a2daf11ad9c67a75b52819eb3"),
         columns: [{
-          label: 'color',
-          name: 'color',
+          label: i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+          name: 'name',
           quickEdit: {
-            type: 'input-color'
+            type: 'input-text',
+            name: 'name1'
           }
         }, {
-          label: i18n("a80f36ea893b8135df8d9266bf13afac"),
-          name: 'name',
+          label: i18n("b34422e637c90181d3fca4485a97c712"),
+          name: 'score',
           quickEdit: {
-            type: 'input-text',
-            mode: 'inline'
+            type: 'input-number',
+            mode: 'inline',
+            name: 'score'
+          }
+        }, {
+          label: i18n("95e0d70d1809d5267c2419eda58e78ca"),
+          name: 'level',
+          quickEdit: {
+            type: 'select',
+            name: 'level',
+            options: [{
+              label: 'A',
+              value: 'A'
+            }, {
+              label: 'B',
+              value: 'B'
+            }, {
+              label: 'C',
+              value: 'C'
+            }]
           }
         }],
+        addable: false,
+        footerAddBtn: {
+          label: i18n("66ab5e9f24c8f46012a25c89919fb191"),
+          icon: 'fa fa-plus'
+        },
         strictMode: true
       }
     });
@@ -124,12 +149,305 @@ var TableControlPlugin = /** @class */function (_super) {
         })
       }
     });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
     Object.defineProperty(_this, "panelTitle", {
       enumerable: true,
       configurable: true,
       writable: true,
       value: i18n("13c250c68608118463871ce7cd8b292c")
     });
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [
+        // {
+        //   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: '表格数据'
+        //         }
+        //       }
+        //     }
+        //   ]
+        // }
+      ]
+    });
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        actionType: 'setValue',
+        actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+        description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+      }]
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
@@ -138,170 +456,173 @@ var TableControlPlugin = /** @class */function (_super) {
         context.schema.type === 'crud';
         var i18nEnabled = getI18nEnabled();
         return getSchemaTpl('tabs', [{
-          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-          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: i18n("7f2579cabd4d654458a720eed517a37d"),
-            name: 'addable'
-          }), {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'addBtnLabel',
-            label: i18n("6a2f67fe2d8bb1d389eb934dd8a72b1f"),
-            visibleOn: 'data.addable',
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('icon', {
-            name: 'addBtnIcon',
-            label: i18n("44177f78c596be113d4fe7c6bd7bb46a"),
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.addable'
-          }), getSchemaTpl('api', {
-            name: 'addApi',
-            label: i18n("1d34fdbdcac357588c255c1ed2336a3f"),
-            visibleOn: 'data.addable'
-          }), getSchemaTpl('switch', {
-            label: i18n("1ab31449faaaeeeb7200d724eab9a7ab"),
-            name: 'removable'
-          }), {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'deleteBtnLabel',
-            label: i18n("96848841ea9b2a7d692aa6de57aa5e3e"),
-            visibleOn: 'data.removable',
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('icon', {
-            name: 'deleteBtnIcon',
-            label: i18n("34f020715121478c6a8e4654954c84fd"),
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.removable'
-          }), getSchemaTpl('api', {
-            name: 'deleteApi',
-            label: i18n("a497289d862c6aeff8e61b6479b1081a"),
-            visibleOn: 'data.removable'
-          }), getSchemaTpl('switch', {
-            label: i18n("748f181258041bac1fe7346e970dfebc"),
-            name: 'editable'
-          }), {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'editBtnLabel',
-            label: i18n("412e319fdd893e6f3b26a1975d21b0e0"),
-            visibleOn: 'data.editable',
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('icon', {
-            name: 'editBtnIcon',
-            label: i18n("396ffcbab4e21acb77f6987f18ec94a3"),
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.editable'
-          }), getSchemaTpl('switch', {
-            label: i18n("c128de224b606b094bd8139890fbe215"),
-            name: 'copyable'
-          }), {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'copyBtnLabel',
-            label: i18n("d59abc7020b4a6d943a0031da4518422"),
-            visibleOn: 'data.copyable',
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('icon', {
-            name: 'copyBtnIcon',
-            label: i18n("5d04af0e9d59ab3f1265cd8345c2517c"),
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.copyable'
-          }), getSchemaTpl('api', {
-            name: 'updateApi',
-            label: i18n("681bdd6184b526ade9665e6d74976863"),
-            visibleOn: 'data.editable'
-          }), {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'confirmBtnLabel',
-            label: i18n("c29e632a658ecb98edb874833b070e98"),
-            visibleOn: 'data.editable',
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('icon', {
-            name: 'confirmBtnIcon',
-            label: i18n("24c39bb36955b3113baefcfc20c5f60b"),
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.editable'
-          }), {
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-            name: 'cancelBtnLabel',
-            label: i18n("9c68c27e8939af40897d1b0bca0360a5"),
-            visibleOn: 'data.editable',
-            pipeIn: defaultValue('')
-          }, getSchemaTpl('icon', {
-            name: 'cancelBtnIcon',
-            label: i18n("e54289c1f0e9311185adee89af24e618"),
-            className: 'fix-icon-picker-overflow',
-            visibleOn: 'data.editable'
-          }), getSchemaTpl('switch', {
-            label: i18n("d8905a70e93a33c7a86240f467c653d4"),
-            name: 'draggable'
-          }), getSchemaTpl('switch', {
-            label: i18n("1205e138ba64dddf61c1f8e6eb3a1aa7"),
-            name: 'needConfirm'
-          }), getSchemaTpl('switch', {
-            label: i18n("98d52b737d6bc171b6d5bad9a42f6e23"),
-            name: 'strictMode',
-            value: true
-          }), getSchemaTpl('switch', {
-            label: i18n("1c1618f67cfea6fefb5f287932be2c27"),
-            labelRemark: {
-              trigger: 'click',
-              className: 'm-l-xs',
-              rootClose: true,
-              content: i18n("5831c1f77c5acefa6dfe9c64d06ca78a"),
-              placement: 'left'
-            },
-            onChange: function (value, oldValue, model, form) {
-              if (value && !oldValue) {
-                form.setValues({
-                  strictMode: false
-                });
-              } else {
-                form.setValues({
-                  strictMode: true
-                });
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [getSchemaTpl('layout:originPosition', {
+              value: 'left-top'
+            }), getSchemaTpl('formItemName', {
+              required: true
+            }), getSchemaTpl('label'), {
+              type: 'ae-switch-more',
+              name: 'needConfirm',
+              label: tipedLabel(i18n("1205e138ba64dddf61c1f8e6eb3a1aa7"), i18n("3d4d83f05a12364e2522fcfb265d8ce8")),
+              mode: 'normal',
+              formType: 'extend',
+              hiddenOnDefault: true,
+              form: {
+                body: [{
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+                  name: 'confirmBtnLabel',
+                  label: i18n("1d96dc9b36793e242322dd1e092a010c"),
+                  placeholder: i18n("1d96dc9b36793e242322dd1e092a010c")
+                }, getSchemaTpl('icon', {
+                  name: 'confirmBtnIcon',
+                  label: i18n("c18169dd6fceab2f023216fa6f7d22c1"),
+                  pipeIn: defaultValue('check')
+                }), {
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+                  name: 'cancelBtnLabel',
+                  label: i18n("e0698c2a2d5c568edfc5a0b1a1d298eb"),
+                  placeholder: i18n("e0698c2a2d5c568edfc5a0b1a1d298eb")
+                }, getSchemaTpl('icon', {
+                  name: 'cancelBtnIcon',
+                  label: i18n("5720057e62e80f7a04489dc4c035b4f1"),
+                  pipeIn: defaultValue('close')
+                })]
+              },
+              pipeIn: defaultValue(true)
+            }, {
+              type: 'ae-switch-more',
+              name: 'addable',
+              label: i18n("8865c6822a31e0da6bc7eece8677d8f0"),
+              mode: 'normal',
+              formType: 'extend',
+              hiddenOnDefault: true,
+              form: {
+                body: [getSchemaTpl('apiControl', {
+                  label: i18n("d03c96a2da4905c5f13a87c0d8ddbdb4"),
+                  name: 'addApi',
+                  mode: 'row'
+                }), getSchemaTpl('switch', {
+                  name: 'showTableAddBtn',
+                  label: i18n("738b58219dda4a849e293c0f75d06438"),
+                  value: true
+                }), {
+                  label: i18n("cf6e87cb9edfa398ccfc3db377e34ca4"),
+                  name: 'addBtnLabel',
+                  visibleOn: 'this.showTableAddBtn',
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text'
+                }, getSchemaTpl('icon', {
+                  name: 'addBtnIcon',
+                  label: i18n("ae3816c5b00fcff4111842ac19f0a706"),
+                  visibleOn: 'this.showTableAddBtn',
+                  pipeIn: defaultValue('plus')
+                })]
               }
-            },
-            name: 'canAccessSuperData' // 同时需要配置strictMode
+            }, {
+              type: 'ae-switch-more',
+              name: 'copyable',
+              label: i18n("f9a9fcc3bf6a3c8ff1e99fa48ed6d03d"),
+              mode: 'normal',
+              formType: 'extend',
+              hiddenOnDefault: true,
+              form: {
+                body: [{
+                  label: i18n("cf6e87cb9edfa398ccfc3db377e34ca4"),
+                  name: 'copyBtnLabel',
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text'
+                }, getSchemaTpl('icon', {
+                  name: 'copyBtnIcon',
+                  label: i18n("ae3816c5b00fcff4111842ac19f0a706"),
+                  pipeIn: defaultValue('copy')
+                })]
+              }
+            }, {
+              type: 'ae-switch-more',
+              name: 'editable',
+              label: i18n("a32b3bf74850faad3a9ae6a0a5dac781"),
+              mode: 'normal',
+              formType: 'extend',
+              hiddenOnDefault: true,
+              form: {
+                body: [getSchemaTpl('apiControl', {
+                  label: i18n("ea56ca3dac0d39e463a8233fd40a9eb6"),
+                  name: 'updateApi',
+                  mode: 'row'
+                }), {
+                  label: i18n("cf6e87cb9edfa398ccfc3db377e34ca4"),
+                  name: 'editBtnLabel',
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text'
+                }, getSchemaTpl('icon', {
+                  name: 'editBtnIcon',
+                  label: i18n("ae3816c5b00fcff4111842ac19f0a706"),
+                  pipeIn: defaultValue('pencil')
+                })]
+              }
+            }, {
+              type: 'ae-switch-more',
+              name: 'removable',
+              label: i18n("3c87af7c432e6b1f59e4f415fd5060cf"),
+              mode: 'normal',
+              formType: 'extend',
+              hiddenOnDefault: true,
+              form: {
+                body: [getSchemaTpl('deleteApi'), {
+                  label: i18n("cf6e87cb9edfa398ccfc3db377e34ca4"),
+                  name: 'deleteBtnLabel',
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text'
+                }, getSchemaTpl('icon', {
+                  name: 'deleteBtnIcon',
+                  label: i18n("ae3816c5b00fcff4111842ac19f0a706"),
+                  pipeIn: defaultValue('minus')
+                })]
+              }
+            }, getSchemaTpl('switch', {
+              name: 'showIndex',
+              label: i18n("d173fb23320acba326a4424133969256"),
+              pipeIn: defaultValue(false)
+            }), {
+              type: 'input-number',
+              name: 'perPage',
+              label: i18n("26eb498526ba909386befc43466db79d"),
+              placeholder: i18n("306abb77f96a1048cf6e61bfe6e7bae4")
+            }, {
+              type: 'input-number',
+              name: 'minLength',
+              label: i18n("52029187eaa09f55193b6a15387e45ca"),
+              pipeIn: defaultValue(0)
+            }, {
+              type: 'input-number',
+              name: 'maxLength',
+              label: i18n("3d99d1f17ebf865877e681397c61dc9d")
+            }, getSchemaTpl('description'), getSchemaTpl('placeholder'), getSchemaTpl('labelRemark')]
+          }, {
+            title: i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+            body: [getSchemaTpl('switch', {
+              name: 'strictMode',
+              label: tipedLabel(i18n("98d52b737d6bc171b6d5bad9a42f6e23"), i18n("aa8b2a821e8e32196a720eaaa41b64d3")),
+              pipeIn: defaultValue(false)
+            }), getSchemaTpl('switch', {
+              name: 'canAccessSuperData',
+              label: tipedLabel(i18n("1c1618f67cfea6fefb5f287932be2c27"), i18n("2aa56a9b94ee3fde76a15711c94fdabc")),
+              pipeIn: defaultValue(false)
+            })]
+          }, getSchemaTpl('status', {
+            isFormItem: true
+          }), getSchemaTpl('validation', {
+            tag: ValidatorTag.MultiSelect
           })])
         }, {
           title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          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: i18n("6d0034a2419e1f394dedab07994b9665"),
-            name: 'labelClassName'
-          }), getSchemaTpl('className', {
-            label: i18n("677fb705e57897710d28867b7628307e"),
-            name: 'inputClassName'
-          }), getSchemaTpl('className', {
-            label: i18n("0e627e6a0ff773ee76bc4cc0871cb48d"),
-            name: 'descriptionClassName',
-            visibleOn: 'data.description'
-          })]
-        }, {
-          title: i18n("33bf801796fd255b5f6147e33146669b"),
-          body: [getSchemaTpl('disabled'), getSchemaTpl('visible')]
-        }, {
-          title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
-          body: [getSchemaTpl('required'), getSchemaTpl('validateOnChange'), getSchemaTpl('submitOnChange')]
+          body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', {
+            renderer: context.info.renderer
+          }), getSchemaTpl('style:classNames', {
+            schema: [getSchemaTpl('className', {
+              name: 'rowClassName',
+              label: i18n("53a9db06d0b7e3482dc21e53f150e257")
+            })]
+          })])
         }]);
       }
     });
@@ -309,65 +630,135 @@ var TableControlPlugin = /** @class */function (_super) {
   }
   Object.defineProperty(TableControlPlugin.prototype, "scaffoldForm", {
     get: function () {
-      var i18nEnabled = getI18nEnabled();
+      getI18nEnabled();
       return {
-        title: i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
+        title: i18n("afccc17d5d672b10a1292dcd671ef534"),
         body: [{
           name: 'columns',
-          type: 'combo',
-          multiple: true,
+          type: 'input-table',
           label: false,
-          addButtonText: i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
-          draggable: true,
-          items: [{
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+          needConfirm: false,
+          addable: true,
+          removable: true,
+          columns: [{
+            type: 'text',
             name: 'label',
-            placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            quickEdit: {
+              type: 'input-text',
+              mode: 'inline'
+            }
           }, {
-            type: 'input-text',
+            type: 'text',
             name: 'name',
-            placeholder: i18n("41a344642681efaaa418c228ba7fb45c")
+            label: i18n("41a344642681efaaa418c228ba7fb45c"),
+            quickEdit: {
+              type: 'input-text',
+              mode: 'inline'
+            }
           }, {
-            type: 'select',
+            type: 'text',
             name: 'type',
-            placeholder: i18n("226b0912184333c81babf2f1894ec0c1"),
-            value: 'text',
-            options: [{
-              value: 'text',
-              label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
-            }, {
-              value: 'tpl',
-              label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
-            }, {
-              value: 'image',
-              label: i18n("20def7942674282277c3714ed7ea6ce0")
-            }, {
-              value: 'date',
-              label: i18n("4ff1e74e43a3586339251494117185ad")
+            label: i18n("1711a82f9b0825015c2c49d9659c9837"),
+            width: 140,
+            quickEdit: {
+              type: 'select',
+              options: [{
+                value: 'text',
+                label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
+              }, {
+                value: 'tpl',
+                label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
+              }, {
+                value: 'container',
+                label: i18n("22c799040acdb2601b437ed5449de076")
+              }, {
+                value: 'image',
+                label: i18n("20def7942674282277c3714ed7ea6ce0")
+              }, {
+                value: 'date',
+                label: i18n("4ff1e74e43a3586339251494117185ad")
+              }, {
+                value: 'datetime',
+                label: i18n("0c3bf4fce50589b1073baf15f8a00d36")
+              }, {
+                value: 'time',
+                label: i18n("19fcb9eb2594059036dfede5f4ec53e8")
+              }, {
+                value: 'status',
+                label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+              }, {
+                value: 'mapping',
+                label: i18n("9da188491dd34c4382a5b9f006194e41")
+              }],
+              pipeIn: defaultValue('text')
+            }
+          }, {
+            type: 'text',
+            name: 'quickEdit.type',
+            label: i18n("63bb911d6392cb2740140d406ab83d37"),
+            quickEdit: {
+              type: 'select',
+              clearable: true,
+              placeholder: i18n("c13998e4c837dc40b8e90828d99561df"),
+              options: [{
+                value: 'input-text',
+                label: i18n("5ac57ce6df8c2a19668b7429aebd9f33")
+              }, {
+                value: 'input-number',
+                label: i18n("1e65b8181e9a40e76b86e2c261cafbe0")
+              }, {
+                value: 'select',
+                label: i18n("6530334ebf5ca810e576858eba168685")
+              }, {
+                value: 'input-color',
+                label: i18n("f25cb224e4543c1dc0228fca8dbfaf1c")
+              }, {
+                value: 'checkboxes',
+                label: i18n("1145703a07e11b6e680ee2ec8afae0b4")
+              }, {
+                value: 'radios',
+                label: i18n("9913107b19cb6012250134ff91377430")
+              }, {
+                value: 'input-date',
+                label: i18n("4ff1e74e43a3586339251494117185ad")
+              }, {
+                value: 'input-date-range',
+                label: i18n("7866226eb814f681dcc4037e7489aab8")
+              }, {
+                value: 'switch',
+                label: i18n("a6beb974cc0b50eebd18120b8110a88b")
+              }, {
+                value: 'nested-select',
+                label: i18n("24d9de25721d1fb0ecf89ef81c43d877")
+              }, {
+                value: 'input-city',
+                label: i18n("a877779dc422c5321057b638d6d520e5")
+              }, {
+                value: 'input-tree',
+                label: i18n("479728c411bac59bc44d5ab8dc3cb4f0")
+              }]
             },
-            // {
-            //     value: 'datetime',
-            //     label: '日期时间'
-            // },
-            // {
-            //     value: 'time',
-            //     label: '时间'
-            // },
-            {
-              value: 'progress',
-              label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
-            }, {
-              value: 'status',
-              label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
-            }, {
-              value: 'mapping',
-              label: i18n("9da188491dd34c4382a5b9f006194e41")
-            }, {
-              value: 'operation',
-              label: i18n("8abc564260a1564521e0c3a1d5419b4a")
-            }]
+            width: 210
           }]
         }],
+        pipeOut: function (schema) {
+          var columns = cloneDeep(schema.columns || []);
+          var rawColumns = [];
+          columns.forEach(function (column) {
+            var _a;
+            var rawColumn = __assign(__assign({}, column), {
+              type: column.type,
+              quickEdit: ((_a = column.quickEdit) === null || _a === void 0 ? void 0 : _a.type) ? {
+                type: column.quickEdit.type,
+                name: column.name
+              } : false
+            });
+            rawColumns.push(rawColumn);
+          });
+          schema.columns = rawColumns;
+          return __assign({}, schema);
+        },
         canRebuild: true
       };
     },