amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

package/esm/plugin/Table.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -10,561 +10,634 @@ import { getSchemaTpl, defaultValue, mockValue, repeatArray, BasePlugin, registe
 import { getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
 
-var TablePlugin =
-/** @class */
-function (_super) {
+var TablePlugin = /** @class */function (_super) {
   __extends(TablePlugin, _super);
-
   function TablePlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'table';
-    _this.$schema = '/schemas/TableSchema.json'; // 组件名称
-
-    _this.name = i18n("b339aa87104709397ba68e7ebbc6e5ba");
-    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
-    _this.isBaseComponent = true;
-    _this.description = i18n("ea2b32f5d78d2305b9b7bc21e056a009");
-    _this.docLink = '/amis/zh-CN/components/table';
-    _this.icon = 'fa fa-table';
-    _this.pluginIcon = 'table-plugin';
-    _this.scaffold = {
-      type: 'table',
-      columns: [{
-        label: i18n("20aadc3f9b7edb564dc58898898e0dc8"),
-        name: 'a'
-      }]
-    };
-    _this.regions = [{
-      key: 'columns',
-      label: i18n("1f9794dd5634220ed0a498c666cf46fe"),
-      renderMethod: 'renderTableContent',
-      preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7"),
-      dndMode: 'position-h'
-    }]; //renderTableContent
-
-    _this.previewSchema = {
-      type: 'table',
-      className: 'text-left m-b-none',
-      affixHeader: false,
-      items: [{
-        a: 1,
-        b: 2
-      }, {
-        a: 3,
-        b: 4
-      }, {
-        a: 5,
-        b: 6
-      }],
-      columns: [{
-        label: 'A',
-        name: 'a'
-      }, {
-        label: 'B',
-        name: 'b'
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'table'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TableSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b339aa87104709397ba68e7ebbc6e5ba")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ea2b32f5d78d2305b9b7bc21e056a009")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/table'
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-table'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'table-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'table',
+        columns: [{
+          label: i18n("20aadc3f9b7edb564dc58898898e0dc8"),
+          name: 'a'
+        }]
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'columns',
+        label: i18n("1f9794dd5634220ed0a498c666cf46fe"),
+        renderMethod: 'renderTableContent',
+        preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7"),
+        dndMode: 'position-h'
       }]
-    };
-    _this.scaffoldForm = {
-      title: i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
-      body: [{
-        name: 'columns',
-        type: 'combo',
-        multiple: true,
-        label: false,
-        addButtonText: i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
-        draggable: true,
+    });
+    //renderTableContent
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'table',
+        className: 'text-left m-b-none',
+        affixHeader: false,
         items: [{
-          type: 'input-text',
-          name: 'label',
-          placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          a: 1,
+          b: 2
         }, {
-          type: 'input-text',
-          name: 'name',
-          placeholder: i18n("41a344642681efaaa418c228ba7fb45c")
+          a: 3,
+          b: 4
         }, {
-          type: 'select',
-          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")
-          }, // {
-          //     value: 'datetime',
-          //     label: '日期时间'
-          // },
-          // {
-          //     value: 'time',
-          //     label: '时间'
-          // },
-          {
-            value: 'progress',
-            label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
-          }, {
-            value: 'status',
-            label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+          a: 5,
+          b: 6
+        }],
+        columns: [{
+          label: 'A',
+          name: 'a'
+        }, {
+          label: 'B',
+          name: 'b'
+        }]
+      }
+    });
+    Object.defineProperty(_this, "scaffoldForm", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        title: i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
+        body: [{
+          name: 'columns',
+          type: 'combo',
+          multiple: true,
+          label: false,
+          addButtonText: i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
+          draggable: true,
+          items: [{
+            type: 'input-text',
+            name: 'label',
+            placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
           }, {
-            value: 'mapping',
-            label: i18n("9da188491dd34c4382a5b9f006194e41")
+            type: 'input-text',
+            name: 'name',
+            placeholder: i18n("41a344642681efaaa418c228ba7fb45c")
           }, {
-            value: 'operation',
-            label: i18n("8abc564260a1564521e0c3a1d5419b4a")
+            type: 'select',
+            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")
+            },
+            // {
+            //     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")
+            }]
           }]
+        }],
+        canRebuild: true
+      }
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b339aa87104709397ba68e7ebbc6e5ba")
+    });
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'selectedChange',
+        eventLabel: i18n("257f5a3886d87d2255206f86b880d07e"),
+        description: i18n("6130b1f75d624b2f73f5d923492e92f7"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.selectedItems': {
+              type: 'array',
+              title: i18n("aeddca0456d8fe520dc95545a83458e9")
+            },
+            'event.data.unSelectedItems': {
+              type: 'array',
+              title: i18n("4f907cb94921bb62a8399adec922bb60")
+            }
+          }
         }]
-      }],
-      canRebuild: true
-    };
-    _this.panelTitle = i18n("b339aa87104709397ba68e7ebbc6e5ba");
-    _this.events = [{
-      eventName: 'selectedChange',
-      eventLabel: i18n("257f5a3886d87d2255206f86b880d07e"),
-      description: i18n("6130b1f75d624b2f73f5d923492e92f7"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.selectedItems': {
-            type: 'array',
-            title: i18n("aeddca0456d8fe520dc95545a83458e9")
-          },
-          'event.data.unSelectedItems': {
-            type: 'array',
-            title: i18n("4f907cb94921bb62a8399adec922bb60")
+      }, {
+        eventName: 'columnSort',
+        eventLabel: i18n("f3d21138c8ecf5683503c4f814cc7199"),
+        description: i18n("d84464cfb2a5828a200fe9c28a323122"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.orderBy': {
+              type: 'string',
+              title: i18n("652f155e644e82ebb0a1aed97ab6ab23")
+            },
+            'event.data.orderDir': {
+              type: 'string',
+              title: i18n("460e3a697d1680445a47139c0816fbe6")
+            }
           }
-        }
-      }]
-    }, {
-      eventName: 'columnSort',
-      eventLabel: i18n("f3d21138c8ecf5683503c4f814cc7199"),
-      description: i18n("d84464cfb2a5828a200fe9c28a323122"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.orderBy': {
-            type: 'string',
-            title: i18n("652f155e644e82ebb0a1aed97ab6ab23")
-          },
-          'event.data.orderDir': {
-            type: 'string',
-            title: i18n("460e3a697d1680445a47139c0816fbe6")
+        }]
+      }, {
+        eventName: 'columnFilter',
+        eventLabel: i18n("3d0b957a99d0c366612c01913e17a0c7"),
+        description: i18n("b35963687361af98e6acdc004e87fc3c"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.filterName': {
+              type: 'string',
+              title: i18n("ad11fba3ac676233f3105e76e7de0501")
+            },
+            'event.data.filterValue': {
+              type: 'string',
+              title: i18n("8e4b9c88c51aaad1a28a28e8b536697f")
+            }
           }
-        }
-      }]
-    }, {
-      eventName: 'columnFilter',
-      eventLabel: i18n("3d0b957a99d0c366612c01913e17a0c7"),
-      description: i18n("b35963687361af98e6acdc004e87fc3c"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.filterName': {
-            type: 'string',
-            title: i18n("ad11fba3ac676233f3105e76e7de0501")
-          },
-          'event.data.filterValue': {
-            type: 'string',
-            title: i18n("8e4b9c88c51aaad1a28a28e8b536697f")
+        }]
+      }, {
+        eventName: 'columnSearch',
+        eventLabel: i18n("93a5a0253f11e3a2e58f4e87a52fb094"),
+        description: i18n("6d4c4990ab2c32efe8a17c5f22e10cb5"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.searchName': {
+              type: 'string',
+              title: i18n("a80a4486100baf3f45fab3a59e4a816d")
+            },
+            'event.data.searchValue': {
+              type: 'object',
+              title: i18n("b9a565fe1dc488efae1d63464f277f09")
+            }
           }
-        }
-      }]
-    }, {
-      eventName: 'columnSearch',
-      eventLabel: i18n("93a5a0253f11e3a2e58f4e87a52fb094"),
-      description: i18n("6d4c4990ab2c32efe8a17c5f22e10cb5"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.searchName': {
-            type: 'string',
-            title: i18n("a80a4486100baf3f45fab3a59e4a816d")
-          },
-          'event.data.searchValue': {
-            type: 'object',
-            title: i18n("b9a565fe1dc488efae1d63464f277f09")
+        }]
+      }, {
+        eventName: 'orderChange',
+        eventLabel: i18n("85ddd38957256b6e9026f42ed570bc35"),
+        description: i18n("d7a66def82af88cd5d408e38feb8a65a"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.movedItems': {
+              type: 'array',
+              title: i18n("1987561c006c7192ab619f81103d2a2f")
+            }
           }
-        }
-      }]
-    }, {
-      eventName: 'orderChange',
-      eventLabel: i18n("85ddd38957256b6e9026f42ed570bc35"),
-      description: i18n("d7a66def82af88cd5d408e38feb8a65a"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.movedItems': {
-            type: 'array',
-            title: i18n("1987561c006c7192ab619f81103d2a2f")
+        }]
+      }, {
+        eventName: 'columnToggled',
+        eventLabel: i18n("ecfebbc91e2c18a512aeb11b7da15193"),
+        description: i18n("c94f45773a42dc386b9c9dcdc6fa542b"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.columns': {
+              type: 'array',
+              title: i18n("70567329ee851a5ba7e7301bd8e9d9a1")
+            }
           }
-        }
-      }]
-    }, {
-      eventName: 'columnToggled',
-      eventLabel: i18n("ecfebbc91e2c18a512aeb11b7da15193"),
-      description: i18n("c94f45773a42dc386b9c9dcdc6fa542b"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.columns': {
-            type: 'array',
-            title: i18n("70567329ee851a5ba7e7301bd8e9d9a1")
+        }]
+      }, {
+        eventName: 'rowClick',
+        eventLabel: i18n("76e47871d654c3b0b0e301c0a076e55a"),
+        description: i18n("cc13521eab2c7423b3fb857772405cc3"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.rowItem': {
+              type: 'object',
+              title: i18n("2fbbf5c38b66ac5496ac42246bbe9e0b")
+            }
           }
-        }
+        }]
       }]
-    }, {
-      eventName: 'rowClick',
-      eventLabel: i18n("76e47871d654c3b0b0e301c0a076e55a"),
-      description: i18n("cc13521eab2c7423b3fb857772405cc3"),
-      dataSchema: [{
-        type: 'object',
-        properties: {
-          'event.data.rowItem': {
-            type: 'object',
-            title: i18n("2fbbf5c38b66ac5496ac42246bbe9e0b")
-          }
+    });
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        actionType: 'select',
+        actionLabel: i18n("8eb3c8b16106e5487cd1fa3b8a1342ce"),
+        description: i18n("908cc16fe4f7972450167e26276ac726"),
+        innerArgs: ['selected'],
+        schema: getArgsWrapper([
+        /*
+        {
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          label: '选中项',
+          size: 'lg',
+          name: 'selected',
+          mode: 'horizontal'
         }
-      }]
-    }];
-    _this.actions = [{
-      actionType: 'select',
-      actionLabel: i18n("8eb3c8b16106e5487cd1fa3b8a1342ce"),
-      description: i18n("908cc16fe4f7972450167e26276ac726"),
-      innerArgs: ['selected'],
-      schema: getArgsWrapper([{
-        type: 'input-formula',
-        variables: '${variables}',
-        evalMode: false,
-        variableMode: 'tabs',
-        label: i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
-        size: 'lg',
-        name: 'selected',
-        mode: 'horizontal'
-      }])
-    }, {
-      actionType: 'selectAll',
-      actionLabel: i18n("366a3c07289bd6efb7c2a182f7a12772"),
-      description: i18n("e97c09cd119b64ae0a8dfd42a1d449cb")
-    }, {
-      actionType: 'clearAll',
-      actionLabel: i18n("c3e8652924c258e121eed16414d3a9e5"),
-      description: i18n("7619ec29c0a854dd49e0a7a47bf1a127")
-    }, {
-      actionType: 'initDrag',
-      actionLabel: i18n("b94bd878cae4ddc567b00a2dc4f21d74"),
-      description: i18n("5dc3017c21ae2e31ab127dbde8ec80e9")
-    }];
-
-    _this.panelBodyCreator = function (context) {
-      var isCRUDBody = context.schema.type === 'crud';
-      return getSchemaTpl('tabs', [{
-        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-        body: [{
-          name: 'title',
-          type: 'input-text',
-          label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
-        }, isCRUDBody ? null : {
-          name: 'source',
-          type: 'input-text',
-          label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
-          pipeIn: defaultValue('${items}'),
-          description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
-        }, {
-          name: 'combineNum',
-          label: i18n("25915fb58615ba9a5e145efa252fec30"),
-          type: 'input-number',
-          placeholder: i18n("d7d0936858fcdf4ffdb2899451ec74fc"),
-          description: i18n("80174cabf025dfe269aee5390b813708")
-        } // {
-        //   children: (
-        //     <div>
-        //       <Button
-        //         level="info"
-        //         size="sm"
-        //         className="m-b-sm"
-        //         block
-        //         onClick={this.handleAdd}
-        //       >
-        //         新增一列
-        //       </Button>
-        //     </div>
-        //   )
-        // },
-        // {
-        //   children: (
-        //     <div>
-        //       <Button
-        //         level="success"
-        //         size="sm"
-        //         block
-        //         onClick={this.handleColumnsQuickEdit.bind(this)}
-        //       >
-        //         快速编辑列信息
-        //       </Button>
-        //     </div>
-        //   )
-        // }
-        ]
+        */
+        {
+          name: 'selected',
+          label: i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
+          type: 'ae-formulaControl',
+          variables: '${variables}',
+          size: 'lg',
+          mode: 'horizontal'
+        }])
       }, {
-        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: [{
-          name: 'columnsTogglable',
-          label: i18n("14921c3831512876f6d58b2a497b86df"),
-          type: 'button-group-select',
-          pipeIn: defaultValue('auto'),
-          mode: 'inline',
-          className: 'w-full',
-          size: 'xs',
-          options: [{
-            label: i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
-            value: 'auto'
-          }, {
-            label: i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
-            value: true
+        actionType: 'selectAll',
+        actionLabel: i18n("366a3c07289bd6efb7c2a182f7a12772"),
+        description: i18n("e97c09cd119b64ae0a8dfd42a1d449cb")
+      }, {
+        actionType: 'clearAll',
+        actionLabel: i18n("c3e8652924c258e121eed16414d3a9e5"),
+        description: i18n("7619ec29c0a854dd49e0a7a47bf1a127")
+      }, {
+        actionType: 'initDrag',
+        actionLabel: i18n("b94bd878cae4ddc567b00a2dc4f21d74"),
+        description: i18n("5dc3017c21ae2e31ab127dbde8ec80e9")
+      }]
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var isCRUDBody = context.schema.type === 'crud';
+        return getSchemaTpl('tabs', [{
+          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+          body: [{
+            name: 'title',
+            type: 'input-text',
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, isCRUDBody ? null : {
+            name: 'source',
+            type: 'input-text',
+            label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+            pipeIn: defaultValue('${items}'),
+            description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
           }, {
-            label: i18n("b15d91274e9fc68608c609999e0413fa"),
-            value: false
-          }],
-          description: i18n("6fe0b71c07a5ce5f7a09f7fdb1d63827")
-        }, getSchemaTpl('switch', {
-          name: 'affixHeader',
-          label: i18n("2206c0e11aa5f4f154aa9e5dfffcb474"),
-          pipeIn: defaultValue(true)
-        }), getSchemaTpl('switch', {
-          name: 'showHeader',
-          label: i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
-          pipeIn: defaultValue(true)
-        }), getSchemaTpl('switch', {
-          name: 'showFooter',
-          label: i18n("412593f58b9d062a43cbe2ce38f4dc65"),
-          pipeIn: defaultValue(true)
-        }), getSchemaTpl('switch', {
-          name: 'footable',
-          label: i18n("5006fdc5659989e42c3855c17c57f878"),
-          description: i18n("9db359f376a1a588ef7dcbef53cc114a"),
-          pipeIn: function (value) {
-            return !!value;
+            name: 'combineNum',
+            label: i18n("25915fb58615ba9a5e145efa252fec30"),
+            type: 'input-number',
+            placeholder: i18n("d7d0936858fcdf4ffdb2899451ec74fc"),
+            description: i18n("80174cabf025dfe269aee5390b813708")
           }
-        }), {
-          name: 'footable.expand',
-          type: 'button-group-select',
-          size: 'xs',
-          visibleOn: 'data.footable',
-          label: i18n("df74194830e695efbfce16c0c64223cf"),
-          pipeIn: defaultValue('none'),
-          mode: 'inline',
-          className: 'w-full',
-          options: [{
-            label: i18n("94be543c4fd399f0839211464c8583ce"),
-            value: 'first'
+          // {
+          //   children: (
+          //     <div>
+          //       <Button
+          //         level="info"
+          //         size="sm"
+          //         className="m-b-sm"
+          //         block
+          //         onClick={this.handleAdd}
+          //       >
+          //         新增一列
+          //       </Button>
+          //     </div>
+          //   )
+          // },
+          // {
+          //   children: (
+          //     <div>
+          //       <Button
+          //         level="success"
+          //         size="sm"
+          //         block
+          //         onClick={this.handleColumnsQuickEdit.bind(this)}
+          //       >
+          //         快速编辑列信息
+          //       </Button>
+          //     </div>
+          //   )
+          // }
+          ]
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [{
+            name: 'columnsTogglable',
+            label: i18n("14921c3831512876f6d58b2a497b86df"),
+            type: 'button-group-select',
+            pipeIn: defaultValue('auto'),
+            mode: 'inline',
+            className: 'w-full',
+            size: 'xs',
+            options: [{
+              label: i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
+              value: 'auto'
+            }, {
+              label: i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
+              value: true
+            }, {
+              label: i18n("b15d91274e9fc68608c609999e0413fa"),
+              value: false
+            }],
+            description: i18n("6fe0b71c07a5ce5f7a09f7fdb1d63827")
+          }, getSchemaTpl('switch', {
+            name: 'affixHeader',
+            label: i18n("2206c0e11aa5f4f154aa9e5dfffcb474"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('switch', {
+            name: 'showHeader',
+            label: i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('switch', {
+            name: 'showFooter',
+            label: i18n("412593f58b9d062a43cbe2ce38f4dc65"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('switch', {
+            name: 'footable',
+            label: i18n("5006fdc5659989e42c3855c17c57f878"),
+            description: i18n("9db359f376a1a588ef7dcbef53cc114a"),
+            pipeIn: function (value) {
+              return !!value;
+            }
+          }), {
+            name: 'footable.expand',
+            type: 'button-group-select',
+            size: 'xs',
+            visibleOn: 'data.footable',
+            label: i18n("df74194830e695efbfce16c0c64223cf"),
+            pipeIn: defaultValue('none'),
+            mode: 'inline',
+            className: 'w-full',
+            options: [{
+              label: i18n("94be543c4fd399f0839211464c8583ce"),
+              value: 'first'
+            }, {
+              label: i18n("9a7b52fc8659f1786907fe93efa85bf7"),
+              value: 'all'
+            }, {
+              label: i18n("b07deca9076bd3354b1b2709d58d725a"),
+              value: 'none'
+            }]
           }, {
-            label: i18n("9a7b52fc8659f1786907fe93efa85bf7"),
-            value: 'all'
+            name: 'placeholder',
+            pipeIn: defaultValue(i18n("21efd88b67a39834582ad99aabb9dc60")),
+            type: 'input-text',
+            label: i18n("35ba83e053cef95e55dfffde279822b5")
           }, {
-            label: i18n("b07deca9076bd3354b1b2709d58d725a"),
-            value: 'none'
-          }]
-        }, {
-          name: 'placeholder',
-          pipeIn: defaultValue(i18n("21efd88b67a39834582ad99aabb9dc60")),
-          type: 'input-text',
-          label: i18n("35ba83e053cef95e55dfffde279822b5")
+            name: 'rowClassNameExpr',
+            type: 'input-text',
+            label: i18n("76b3250fb1e8593fac075b64029300fa"),
+            placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
+          }, getSchemaTpl('className', {
+            label: i18n("734ebf8b33422c456e937fc27c9a16ce")
+          }), getSchemaTpl('className', {
+            name: 'tableClassName',
+            label: i18n("320f489db3dade075d69f155b346f98b")
+          }), getSchemaTpl('className', {
+            name: 'headerClassName',
+            label: i18n("08ca0d502abc4336855d837f281caef4")
+          }), getSchemaTpl('className', {
+            name: 'footerClassName',
+            label: i18n("b6469055adf2b7bfb187f74ae17dfe54")
+          }), getSchemaTpl('className', {
+            name: 'toolbarClassName',
+            label: i18n("39ff38577b97cf98fc130f9bd596d4c4")
+          })]
         }, {
-          name: 'rowClassNameExpr',
-          type: 'input-text',
-          label: i18n("76b3250fb1e8593fac075b64029300fa"),
-          placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
-        }, getSchemaTpl('className', {
-          label: i18n("734ebf8b33422c456e937fc27c9a16ce")
-        }), getSchemaTpl('className', {
-          name: 'tableClassName',
-          label: i18n("320f489db3dade075d69f155b346f98b")
-        }), getSchemaTpl('className', {
-          name: 'headerClassName',
-          label: i18n("08ca0d502abc4336855d837f281caef4")
-        }), getSchemaTpl('className', {
-          name: 'footerClassName',
-          label: i18n("b6469055adf2b7bfb187f74ae17dfe54")
-        }), getSchemaTpl('className', {
-          name: 'toolbarClassName',
-          label: i18n("39ff38577b97cf98fc130f9bd596d4c4")
-        })]
-      }, {
-        title: i18n("33bf801796fd255b5f6147e33146669b"),
-        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
-      }, isCRUDBody ? null : {
-        title: i18n("10b2761db5a8e089049df39675abc550"),
-        className: 'p-none',
-        body: [getSchemaTpl('eventControl', __assign({
-          name: 'onEvent'
-        }, getEventControlConfig(_this.manager, context)))]
-      }]);
-    };
-
+          title: i18n("33bf801796fd255b5f6147e33146669b"),
+          body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+        }, isCRUDBody ? null : {
+          title: i18n("10b2761db5a8e089049df39675abc550"),
+          className: 'p-none',
+          body: [getSchemaTpl('eventControl', __assign({
+            name: 'onEvent'
+          }, getEventControlConfig(_this.manager, context)))]
+        }]);
+      }
+    });
     return _this;
   }
-
-  TablePlugin.prototype.filterProps = function (props) {
-    var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? resolveVariable(props.source, props.data) : resolveVariable('items', props.data);
-
-    if (!Array.isArray(arr) || !arr.length) {
-      var mockedData_1 = {};
-
-      if (Array.isArray(props.columns)) {
-        props.columns.forEach(function (column) {
-          if (column.name) {
-            setVariable(mockedData_1, column.name, mockValue(column));
-          }
+  Object.defineProperty(TablePlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? resolveVariable(props.source, props.data) : resolveVariable('items', props.data);
+      if (!Array.isArray(arr) || !arr.length) {
+        var mockedData_1 = {};
+        if (Array.isArray(props.columns)) {
+          props.columns.forEach(function (column) {
+            if (column.name) {
+              setVariable(mockedData_1, column.name, mockValue(column));
+            }
+          });
+        }
+        props.value = repeatArray(mockedData_1, 1).map(function (item, index) {
+          return __assign(__assign({}, item), {
+            id: index + 1
+          });
         });
+      } else {
+        // 只取10条预览，否则太多卡顿
+        props.value = arr.slice(0, 10);
       }
-
-      props.value = repeatArray(mockedData_1, 1).map(function (item, index) {
-        return __assign(__assign({}, item), {
-          id: index + 1
-        });
-      });
-    } else {
-      // 只取10条预览，否则太多卡顿
-      props.value = arr.slice(0, 10);
+      return props;
     }
-
-    return props;
-  }; // 为了能够自动注入数据。
-
-
-  TablePlugin.prototype.getRendererInfo = function (context) {
-    var _a;
-
-    var plugin = this;
-    var schema = context.schema,
+  });
+  // 为了能够自动注入数据。
+  Object.defineProperty(TablePlugin.prototype, "getRendererInfo", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (context) {
+      var _a;
+      var plugin = this;
+      var schema = context.schema,
         renderer = context.renderer;
-
-    if (!schema.$$id && ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' && renderer.name === 'table') {
-      return __assign(__assign({}, {
-        id: schema.$$editor.id
-      }), {
-        name: plugin.name,
-        regions: plugin.regions,
-        patchContainers: plugin.patchContainers,
-        vRendererConfig: plugin.vRendererConfig,
-        wrapperProps: plugin.wrapperProps,
-        wrapperResolve: plugin.wrapperResolve,
-        filterProps: plugin.filterProps,
-        $schema: plugin.$schema,
-        renderRenderer: plugin.renderRenderer
-      });
+      if (!schema.$$id && ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' && renderer.name === 'table') {
+        return __assign(__assign({}, {
+          id: schema.$$editor.id
+        }), {
+          name: plugin.name,
+          regions: plugin.regions,
+          patchContainers: plugin.patchContainers,
+          vRendererConfig: plugin.vRendererConfig,
+          wrapperProps: plugin.wrapperProps,
+          wrapperResolve: plugin.wrapperResolve,
+          filterProps: plugin.filterProps,
+          $schema: plugin.$schema,
+          renderRenderer: plugin.renderRenderer
+        });
+      }
+      return _super.prototype.getRendererInfo.call(this, context);
     }
-
-    return _super.prototype.getRendererInfo.call(this, context);
-  }; // 自动插入 label
-
-
-  TablePlugin.prototype.beforeInsert = function (event) {
-    var _a, _b, _c, _d;
-
-    var context = event.context;
-
-    if ((context.info.plugin === this || ((_a = context.node.sameIdChild) === null || _a === void 0 ? void 0 : _a.info.plugin) === this) && context.region === 'columns') {
-      context.data = __assign(__assign({}, context.data), {
-        label: (_d = (_b = context.data.label) !== null && _b !== void 0 ? _b : (_c = context.subRenderer) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : i18n("bcee820bc20342a4d388a35ed32a35fe")
-      });
+  });
+  // 自动插入 label
+  Object.defineProperty(TablePlugin.prototype, "beforeInsert", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event) {
+      var _a, _b, _c, _d;
+      var context = event.context;
+      if ((context.info.plugin === this || ((_a = context.node.sameIdChild) === null || _a === void 0 ? void 0 : _a.info.plugin) === this) && context.region === 'columns') {
+        context.data = __assign(__assign({}, context.data), {
+          label: (_d = (_b = context.data.label) !== null && _b !== void 0 ? _b : (_c = context.subRenderer) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : i18n("bcee820bc20342a4d388a35ed32a35fe")
+        });
+      }
     }
-  };
-
-  TablePlugin.prototype.buildDataSchemas = function (node, region) {
-    var _a, _b;
-
-    return __awaiter(this, void 0, void 0, function () {
-      var itemsSchema, columns, _i, _c, current, schema, _d, _e, _f;
-
-      return __generator(this, function (_g) {
-        switch (_g.label) {
-          case 0:
-            itemsSchema = {
-              $id: 'tableRow',
-              type: 'object',
-              properties: {}
-            };
-            columns = node.children.find(function (item) {
-              return item.isRegion && item.region === 'columns';
-            });
-            _i = 0, _c = columns.children;
-            _g.label = 1;
-
-          case 1:
-            if (!(_i < _c.length)) return [3
-            /*break*/
-            , 6];
-            current = _c[_i];
-            schema = current.schema;
-            if (!schema.name) return [3
-            /*break*/
-            , 5];
-            _d = itemsSchema.properties;
-            _e = schema.name;
-            if (!((_b = (_a = current.info) === null || _a === void 0 ? void 0 : _a.plugin) === null || _b === void 0 ? void 0 : _b.buildDataSchemas)) return [3
-            /*break*/
-            , 3];
-            return [4
-            /*yield*/
-            , current.info.plugin.buildDataSchemas(current, region)];
-
-          case 2:
-            _f = _g.sent();
-            return [3
-            /*break*/
-            , 4];
-
-          case 3:
-            _f = {
-              type: 'string',
-              title: schema.label || schema.name,
-              description: schema.description
-            };
-            _g.label = 4;
-
-          case 4:
-            _d[_e] = _f;
-            _g.label = 5;
-
-          case 5:
-            _i++;
-            return [3
-            /*break*/
-            , 1];
-
-          case 6:
-            if ((region === null || region === void 0 ? void 0 : region.region) === 'columns') {
-              return [2
-              /*return*/
-              , itemsSchema];
-            }
-
-            return [2
-            /*return*/
-            , {
-              $id: 'table',
-              type: 'object',
-              properties: {
-                items: {
-                  type: 'array',
-                  items: itemsSchema
-                }
+  });
+  Object.defineProperty(TablePlugin.prototype, "buildDataSchemas", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (node, region) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, function () {
+        var itemsSchema, columns, _i, _c, current, schema, _d, _e, _f;
+        return __generator(this, function (_g) {
+          switch (_g.label) {
+            case 0:
+              itemsSchema = {
+                $id: 'tableRow',
+                type: 'object',
+                properties: {}
+              };
+              columns = node.children.find(function (item) {
+                return item.isRegion && item.region === 'columns';
+              });
+              _i = 0, _c = columns.children;
+              _g.label = 1;
+            case 1:
+              if (!(_i < _c.length)) return [3 /*break*/, 6];
+              current = _c[_i];
+              schema = current.schema;
+              if (!schema.name) return [3 /*break*/, 5];
+              _d = itemsSchema.properties;
+              _e = schema.name;
+              if (!((_b = (_a = current.info) === null || _a === void 0 ? void 0 : _a.plugin) === null || _b === void 0 ? void 0 : _b.buildDataSchemas)) return [3 /*break*/, 3];
+              return [4 /*yield*/, current.info.plugin.buildDataSchemas(current, region)];
+            case 2:
+              _f = _g.sent();
+              return [3 /*break*/, 4];
+            case 3:
+              _f = {
+                type: 'string',
+                title: schema.label || schema.name,
+                description: schema.description
+              };
+              _g.label = 4;
+            case 4:
+              _d[_e] = _f;
+              _g.label = 5;
+            case 5:
+              _i++;
+              return [3 /*break*/, 1];
+            case 6:
+              if ((region === null || region === void 0 ? void 0 : region.region) === 'columns') {
+                return [2 /*return*/, itemsSchema];
               }
-            }];
-        }
+              return [2 /*return*/, {
+                $id: 'table',
+                type: 'object',
+                properties: {
+                  items: {
+                    type: 'array',
+                    items: itemsSchema
+                  }
+                }
+              }];
+          }
+        });
       });
-    });
-  };
-
+    }
+  });
   return TablePlugin;
 }(BasePlugin);
 registerEditorPlugin(TablePlugin);