amis-editor 5.2.5 → 5.4.0

package/esm/plugin/Table.js

@@ -1,14 +1,15 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.4.0
  * Copyright 2018-2023 @fex
  */
 
-import { __extends, __assign, __awaiter, __generator } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __values } from 'tslib';
 import React__default from 'react';
-import { Button, resolveVariable } from 'amis';
-import { getSchemaTpl, getI18nEnabled, defaultValue, tipedLabel, mockValue, repeatArray, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { Button } from 'amis';
+import { getSchemaTpl, getI18nEnabled, tipedLabel, defaultValue, mockValue, repeatArray, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { setVariable, someTree } from 'amis-core';
 import { getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper.js';
+import { resolveArrayDatasource, schemaToArray, schemaArrayFormat } from '../util.js';
 import { i18n } from 'i18n-runtime';
 
 var TablePlugin = /** @class */function (_super) {
@@ -16,467 +17,416 @@ var TablePlugin = /** @class */function (_super) {
   function TablePlugin() {
     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'
-    });
+    _this.rendererName = 'table';
+    _this.$schema = '/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.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
-    Object.defineProperty(_this, "previewSchema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        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'
-        }]
-      }
-    });
-    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")
-            }
-          }
-        }]
+    _this.previewSchema = {
+      type: 'table',
+      className: 'text-left m-b-none',
+      affixHeader: false,
+      items: [{
+        a: 1,
+        b: 2
       }, {
-        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")
-            }
-          }
-        }]
+        a: 3,
+        b: 4
       }, {
-        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")
-            }
-          }
-        }]
+        a: 5,
+        b: 6
+      }],
+      columns: [{
+        label: 'A',
+        name: 'a'
       }, {
-        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")
-            }
+        label: 'B',
+        name: 'b'
+      }]
+    };
+    _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: 'orderChange',
-        eventLabel: i18n("85ddd38957256b6e9026f42ed570bc35"),
-        description: i18n("d7a66def82af88cd5d408e38feb8a65a"),
-        dataSchema: [{
-          type: 'object',
-          properties: {
-            'event.data.movedItems': {
-              type: 'array',
-              title: i18n("1987561c006c7192ab619f81103d2a2f")
-            }
+        }
+      }]
+    }, {
+      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: 'columnToggled',
-        eventLabel: i18n("ecfebbc91e2c18a512aeb11b7da15193"),
-        description: i18n("c94f45773a42dc386b9c9dcdc6fa542b"),
-        dataSchema: [{
-          type: 'object',
-          properties: {
-            'event.data.columns': {
-              type: 'array',
-              title: i18n("70567329ee851a5ba7e7301bd8e9d9a1")
-            }
+        }
+      }]
+    }, {
+      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: 'rowClick',
-        eventLabel: i18n("76e47871d654c3b0b0e301c0a076e55a"),
-        description: i18n("cc13521eab2c7423b3fb857772405cc3"),
-        dataSchema: [{
-          type: 'object',
-          properties: {
-            'event.data.rowItem': {
-              type: 'object',
-              title: i18n("2fbbf5c38b66ac5496ac42246bbe9e0b")
-            }
+        }
+      }]
+    }, {
+      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")
           }
-        }]
+        }
       }]
-    });
-    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'
+    }, {
+      eventName: 'orderChange',
+      eventLabel: i18n("85ddd38957256b6e9026f42ed570bc35"),
+      description: i18n("d7a66def82af88cd5d408e38feb8a65a"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.movedItems': {
+            type: 'array',
+            title: i18n("1987561c006c7192ab619f81103d2a2f")
+          }
         }
-        */
-        getSchemaTpl('formulaControl', {
-          name: 'selected',
-          label: i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
-          variables: '${variables}',
-          size: 'lg',
-          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")
       }]
-    });
-    Object.defineProperty(_this, "panelJustify", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "panelBodyCreator", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function (context) {
-        var isCRUDBody = context.schema.type === 'crud';
-        var i18nEnabled = getI18nEnabled();
-        return getSchemaTpl('tabs', [{
-          title: i18n("24d67862f87f439db7ca957aecb77cce"),
-          body: getSchemaTpl('collapseGroup', [{
-            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-            body: [{
-              name: 'title',
-              type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-              label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
-            }, isCRUDBody ? null : {
-              name: 'source',
-              type: 'input-text',
-              label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
-              pipeIn: defaultValue('${items}'),
-              description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
-            }, {
-              name: 'combineNum',
-              label: tipedLabel(i18n("25915fb58615ba9a5e145efa252fec30"), i18n("80174cabf025dfe269aee5390b813708")),
-              type: 'input-number',
-              labelAlign: 'left',
-              horizontal: {
-                left: 5,
-                right: 7
-              },
-              placeholder: i18n("d7d0936858fcdf4ffdb2899451ec74fc")
+    }, {
+      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.item': {
+            type: 'object',
+            title: i18n("7bb4a8abc423086dbd1edeed4cd3f718")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("f74fd69ce55e3f96fe9a032c0da42330")
+          }
+        }
+      }]
+    }, {
+      eventName: 'rowMouseEnter',
+      eventLabel: i18n("5db079b140feffa84c84d1b51d824dea"),
+      description: i18n("90a5608bcd85a3cfcfbb5263a229915c"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.item': {
+            type: 'object',
+            title: i18n("7bb4a8abc423086dbd1edeed4cd3f718")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("f74fd69ce55e3f96fe9a032c0da42330")
+          }
+        }
+      }]
+    }, {
+      eventName: 'rowMouseLeave',
+      eventLabel: i18n("e8bf039de5dc6751c4045f55930e0c83"),
+      description: i18n("f1ca0d305f3251a81f361a2dc8e11fff"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.item': {
+            type: 'object',
+            title: i18n("7bb4a8abc423086dbd1edeed4cd3f718")
+          },
+          'event.data.index': {
+            type: 'number',
+            title: i18n("f74fd69ce55e3f96fe9a032c0da42330")
+          }
+        }
+      }]
+    }];
+    _this.actions = [{
+      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'
+      }
+      */
+      getSchemaTpl('formulaControl', {
+        name: 'selected',
+        label: i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
+        variables: '${variables}',
+        size: 'lg',
+        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.panelJustify = true;
+    _this.panelBodyCreator = function (context) {
+      var isCRUDBody = context.schema.type === 'crud';
+      var i18nEnabled = getI18nEnabled();
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'title',
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, isCRUDBody ? null : getSchemaTpl('sourceBindControl', {
+            label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0")
+          }), {
+            name: 'combineNum',
+            label: tipedLabel(i18n("25915fb58615ba9a5e145efa252fec30"), i18n("80174cabf025dfe269aee5390b813708")),
+            type: 'input-number',
+            labelAlign: 'left',
+            horizontal: {
+              left: 5,
+              right: 7
+            },
+            placeholder: i18n("d7d0936858fcdf4ffdb2899451ec74fc")
+          }, {
+            type: 'ae-switch-more',
+            mode: 'normal',
+            formType: 'extend',
+            label: i18n("86aafaa75b388deb4a4cbdab2293c099"),
+            name: 'showHeader',
+            form: {
+              body: [{
+                children: React__default.createElement(Button, {
+                  level: "primary",
+                  size: "sm",
+                  block: true,
+                  onClick: _this.editHeaderDetail.bind(_this, context.id)
+                }, "\u914D\u7F6E\u5934\u90E8")
+              }]
+            }
+          }, {
+            type: 'ae-switch-more',
+            mode: 'normal',
+            formType: 'extend',
+            label: i18n("12c4c5e8abda77e1fdc93653d6414187"),
+            name: 'showFooter',
+            form: {
+              body: [{
+                children: React__default.createElement(Button, {
+                  level: "primary",
+                  size: "sm",
+                  block: true,
+                  onClick: _this.editFooterDetail.bind(_this, context.id)
+                }, "\u914D\u7F6E\u5E95\u90E8")
+              }]
+            }
+          }
+          // {
+          //   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>
+          //   )
+          // }
+          ]
+        }, getSchemaTpl('status')])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'columnsTogglable',
+            label: i18n("14921c3831512876f6d58b2a497b86df"),
+            type: 'button-group-select',
+            pipeIn: defaultValue('auto'),
+            size: 'sm',
+            labelAlign: 'left',
+            horizontal: {
+              left: 5,
+              right: 7
+            },
+            options: [{
+              label: i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
+              value: 'auto'
             }, {
-              type: 'ae-switch-more',
-              mode: 'normal',
-              formType: 'extend',
-              label: i18n("86aafaa75b388deb4a4cbdab2293c099"),
-              name: 'showHeader',
-              form: {
-                body: [{
-                  children: React__default.createElement(Button, {
-                    level: "primary",
-                    size: "sm",
-                    block: true,
-                    onClick: _this.editHeaderDetail.bind(_this, context.id)
-                  }, "\u914D\u7F6E\u5934\u90E8")
-                }]
-              }
+              label: i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
+              value: true
             }, {
-              type: 'ae-switch-more',
-              mode: 'normal',
-              formType: 'extend',
-              label: i18n("12c4c5e8abda77e1fdc93653d6414187"),
-              name: 'showFooter',
-              form: {
-                body: [{
-                  children: React__default.createElement(Button, {
-                    level: "primary",
-                    size: "sm",
-                    block: true,
-                    onClick: _this.editFooterDetail.bind(_this, context.id)
-                  }, "\u914D\u7F6E\u5E95\u90E8")
-                }]
-              }
+              label: i18n("b15d91274e9fc68608c609999e0413fa"),
+              value: false
+            }],
+            description: i18n("6fe0b71c07a5ce5f7a09f7fdb1d63827")
+          }, getSchemaTpl('switch', {
+            name: 'affixHeader',
+            label: i18n("e8bb313fb86cf474c0e264794bc85896"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('switch', {
+            name: 'footable',
+            label: tipedLabel(i18n("5006fdc5659989e42c3855c17c57f878"), i18n("9db359f376a1a588ef7dcbef53cc114a")),
+            pipeIn: function (value) {
+              return !!value;
             }
-            // {
-            //   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>
-            //   )
-            // }
-            ]
-          }, getSchemaTpl('status')])
-        }, {
-          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: getSchemaTpl('collapseGroup', [{
-            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-            body: [{
-              name: 'columnsTogglable',
-              label: i18n("14921c3831512876f6d58b2a497b86df"),
-              type: 'button-group-select',
-              pipeIn: defaultValue('auto'),
-              size: 'sm',
-              labelAlign: 'left',
-              horizontal: {
-                left: 5,
-                right: 7
-              },
-              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("e8bb313fb86cf474c0e264794bc85896"),
-              pipeIn: defaultValue(true)
-            }), getSchemaTpl('switch', {
-              name: 'footable',
-              label: tipedLabel(i18n("5006fdc5659989e42c3855c17c57f878"), i18n("9db359f376a1a588ef7dcbef53cc114a")),
-              pipeIn: function (value) {
-                return !!value;
-              }
-            }), {
-              name: 'footable.expand',
-              type: 'button-group-select',
-              size: 'sm',
-              visibleOn: 'data.footable',
-              label: i18n("df74194830e695efbfce16c0c64223cf"),
-              pipeIn: defaultValue('none'),
-              options: [{
-                label: i18n("94be543c4fd399f0839211464c8583ce"),
-                value: 'first'
-              }, {
-                label: i18n("9a7b52fc8659f1786907fe93efa85bf7"),
-                value: 'all'
-              }, {
-                label: i18n("b07deca9076bd3354b1b2709d58d725a"),
-                value: 'none'
-              }]
+          }), {
+            name: 'footable.expand',
+            type: 'button-group-select',
+            size: 'sm',
+            visibleOn: 'data.footable',
+            label: i18n("df74194830e695efbfce16c0c64223cf"),
+            pipeIn: defaultValue('none'),
+            options: [{
+              label: i18n("94be543c4fd399f0839211464c8583ce"),
+              value: 'first'
             }, {
-              name: 'placeholder',
-              pipeIn: defaultValue(i18n("21efd88b67a39834582ad99aabb9dc60")),
-              type: 'input-text',
-              label: i18n("35ba83e053cef95e55dfffde279822b5")
+              label: i18n("9a7b52fc8659f1786907fe93efa85bf7"),
+              value: 'all'
             }, {
-              name: 'rowClassNameExpr',
-              type: 'input-text',
-              label: i18n("76b3250fb1e8593fac075b64029300fa"),
-              placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
+              label: i18n("b07deca9076bd3354b1b2709d58d725a"),
+              value: 'none'
             }]
           }, {
-            title: i18n("261bba7ad82914e477f4b37f6a83874e"),
-            body: [getSchemaTpl('className', {
-              label: i18n("5e5d3f13111593b2710673006d4c8297")
-            }), getSchemaTpl('className', {
-              name: 'tableClassName',
-              label: i18n("b339aa87104709397ba68e7ebbc6e5ba")
-            }), getSchemaTpl('className', {
-              name: 'headerClassName',
-              label: i18n("9e25d776a57c610940bcc1c19847b97d")
-            }), getSchemaTpl('className', {
-              name: 'footerClassName',
-              label: i18n("2ec1b0bb189b486945e79c167a4a024d")
-            }), getSchemaTpl('className', {
-              name: 'toolbarClassName',
-              label: i18n("012f602372cd2dbd639cd966c63e1f90")
-            })]
-          }])
-        }, isCRUDBody ? null : {
-          title: i18n("10b2761db5a8e089049df39675abc550"),
-          className: 'p-none',
-          body: [getSchemaTpl('eventControl', __assign({
-            name: 'onEvent'
-          }, getEventControlConfig(_this.manager, context)))]
-        }]);
-      }
-    });
+            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' : '' %>"
+          }]
+        }, {
+          title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+          body: [getSchemaTpl('className', {
+            label: i18n("5e5d3f13111593b2710673006d4c8297")
+          }), getSchemaTpl('className', {
+            name: 'tableClassName',
+            label: i18n("b339aa87104709397ba68e7ebbc6e5ba")
+          }), getSchemaTpl('className', {
+            name: 'headerClassName',
+            label: i18n("9e25d776a57c610940bcc1c19847b97d")
+          }), getSchemaTpl('className', {
+            name: 'footerClassName',
+            label: i18n("2ec1b0bb189b486945e79c167a4a024d")
+          }), getSchemaTpl('className', {
+            name: 'toolbarClassName',
+            label: i18n("012f602372cd2dbd639cd966c63e1f90")
+          })]
+        }])
+      }, isCRUDBody ? null : {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
     return _this;
   }
   Object.defineProperty(TablePlugin.prototype, "scaffoldForm", {
@@ -546,212 +496,200 @@ var TablePlugin = /** @class */function (_super) {
     enumerable: false,
     configurable: true
   });
-  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
-          });
+  TablePlugin.prototype.filterProps = function (props) {
+    var arr = resolveArrayDatasource(props);
+    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));
+          }
         });
-      } else {
-        // 只取10条预览，否则太多卡顿
-        props.value = arr.slice(0, 10);
       }
-      // 编辑模式，不允许表格调整宽度
-      props.resizable = false;
-      return props;
+      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.resizable = false;
+    return props;
+  };
   // 为了能够自动注入数据。
-  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
-        });
-      }
-      return _super.prototype.getRendererInfo.call(this, context);
+  TablePlugin.prototype.getRendererInfo = 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
+      });
     }
-  });
+    return _super.prototype.getRendererInfo.call(this, context);
+  };
   // 自动插入 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.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")
+      });
     }
-  });
-  Object.defineProperty(TablePlugin.prototype, "buildDataSchemas", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (node, region, trigger) {
-      var _a, _b;
-      return __awaiter(this, void 0, void 0, function () {
-        var itemsSchema, columns, _i, _c, current, schema, _d, _e, _f, cellProperties, isColumnChild;
-        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 === null || columns === void 0 ? void 0 : 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 = {
+  };
+  TablePlugin.prototype.buildDataSchemas = function (node, region, trigger) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+      var itemsSchema, columns, _b, _c, current, cellProperties, isColumnChild;
+      var e_1, _d;
+      return __generator(this, function (_e) {
+        itemsSchema = {
+          $id: 'tableRow',
+          type: 'object',
+          properties: {}
+        };
+        columns = node.children.find(function (item) {
+          return item.isRegion && item.region === 'columns';
+        });
+        try {
+          // todo：以下的处理无效，需要cell实现才能深层细化
+          // for (let current of columns?.children) {
+          //   const schema = current.schema;
+          //   if (schema.name) {
+          //     itemsSchema.properties[schema.name] = current.info?.plugin
+          //       ?.buildDataSchemas
+          //       ? await current.info.plugin.buildDataSchemas(current, region)
+          //       : {
+          //           type: 'string',
+          //           title: schema.label || schema.name
+          //         };
+          //   }
+          // }
+          // 一期先简单处理，上面todo实现之后，这里可以废弃
+          // table 无法根据source确定异步数据来源，因此不能在table层做异步数据列的收集
+          for (_b = __values((_a = node.schema) === null || _a === void 0 ? void 0 : _a.columns), _c = _b.next(); !_c.done; _c = _b.next()) {
+            current = _c.value;
+            if (current.name) {
+              itemsSchema.properties[current.name] = {
                 type: 'string',
-                title: schema.label || schema.name
+                title: current.label || current.name
               };
-              _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];
-              }
-              cellProperties = {};
-              if (trigger) {
-                isColumnChild = someTree(columns === null || columns === void 0 ? void 0 : columns.children, function (item) {
-                  return item.id === trigger.id;
-                });
-                isColumnChild && (cellProperties = itemsSchema.properties);
-              }
-              return [2 /*return*/, {
-                $id: 'table',
-                type: 'object',
-                properties: __assign(__assign({}, cellProperties), {
-                  rows: {
-                    type: 'array',
-                    title: i18n("77fdd35933c099cdcb64b71f3fbe7a6c"),
-                    items: itemsSchema
-                  }
-                })
-              }];
+            }
+          }
+        } catch (e_1_1) {
+          e_1 = {
+            error: e_1_1
+          };
+        } finally {
+          try {
+            if (_c && !_c.done && (_d = _b.return)) _d.call(_b);
+          } finally {
+            if (e_1) throw e_1.error;
           }
-        });
-      });
-    }
-  });
-  Object.defineProperty(TablePlugin.prototype, "editHeaderDetail", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (id) {
-      var _a;
-      var manager = this.manager;
-      var store = manager.store;
-      var node = store.getNodeById(id);
-      var value = store.getValueOf(id);
-      var defaultHeader = {
-        type: 'tpl',
-        tpl: i18n("86aafaa75b388deb4a4cbdab2293c099"),
-        wrapperComponent: ''
-      };
-      node && value && this.manager.openSubEditor({
-        title: i18n("e6aa1b827415217c524ae9d9b665cca5"),
-        value: (_a = value.header) !== null && _a !== void 0 ? _a : defaultHeader,
-        slot: {
-          type: 'container',
-          body: '$$'
-        },
-        onChange: function (newValue) {
-          newValue = __assign(__assign({}, value), {
-            header: newValue
-          });
-          manager.panelChangeValue(newValue, diff(value, newValue));
         }
-      });
-    }
-  });
-  Object.defineProperty(TablePlugin.prototype, "editFooterDetail", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (id) {
-      var _a;
-      var manager = this.manager;
-      var store = manager.store;
-      var node = store.getNodeById(id);
-      var value = store.getValueOf(id);
-      var defaultFooter = {
-        type: 'tpl',
-        tpl: i18n("12c4c5e8abda77e1fdc93653d6414187"),
-        wrapperComponent: ''
-      };
-      node && value && this.manager.openSubEditor({
-        title: i18n("a2ecfd5a0db9c855f59eea75083678e6"),
-        value: (_a = value.footer) !== null && _a !== void 0 ? _a : defaultFooter,
-        slot: {
-          type: 'container',
-          body: '$$'
-        },
-        onChange: function (newValue) {
-          newValue = __assign(__assign({}, value), {
-            footer: newValue
+        if ((region === null || region === void 0 ? void 0 : region.region) === 'columns') {
+          return [2 /*return*/, itemsSchema];
+        }
+        cellProperties = {};
+        if (trigger) {
+          isColumnChild = someTree(columns === null || columns === void 0 ? void 0 : columns.children, function (item) {
+            return item.id === trigger.id;
           });
-          manager.panelChangeValue(newValue, diff(value, newValue));
+          isColumnChild && (cellProperties = itemsSchema.properties);
         }
+        return [2 /*return*/, {
+          $id: 'table',
+          type: 'object',
+          properties: __assign(__assign({}, cellProperties), {
+            rows: {
+              type: 'array',
+              title: i18n("77fdd35933c099cdcb64b71f3fbe7a6c"),
+              items: itemsSchema
+            },
+            selectedItems: {
+              type: 'array',
+              title: i18n("41c5c859a80b635c23b3b4d1d8b44efb")
+              // items: itemsSchema
+            },
+            unSelectedItems: {
+              type: 'array',
+              title: i18n("f87912f19be48f36e4e261e585764d6e")
+              // items: itemsSchema
+            }
+          })
+        }];
       });
-    }
-  });
+    });
+  };
+
+  TablePlugin.prototype.editHeaderDetail = function (id) {
+    var _a;
+    var manager = this.manager;
+    var store = manager.store;
+    var node = store.getNodeById(id);
+    var value = store.getValueOf(id);
+    var defaultHeader = {
+      type: 'tpl',
+      tpl: i18n("86aafaa75b388deb4a4cbdab2293c099"),
+      wrapperComponent: ''
+    };
+    node && value && this.manager.openSubEditor({
+      title: i18n("e6aa1b827415217c524ae9d9b665cca5"),
+      value: schemaToArray((_a = value.header) !== null && _a !== void 0 ? _a : defaultHeader),
+      slot: {
+        type: 'container',
+        body: '$$'
+      },
+      onChange: function (newValue) {
+        newValue = __assign(__assign({}, value), {
+          header: schemaArrayFormat(newValue)
+        });
+        manager.panelChangeValue(newValue, diff(value, newValue));
+      }
+    });
+  };
+  TablePlugin.prototype.editFooterDetail = function (id) {
+    var _a;
+    var manager = this.manager;
+    var store = manager.store;
+    var node = store.getNodeById(id);
+    var value = store.getValueOf(id);
+    var defaultFooter = {
+      type: 'tpl',
+      tpl: i18n("12c4c5e8abda77e1fdc93653d6414187"),
+      wrapperComponent: ''
+    };
+    node && value && this.manager.openSubEditor({
+      title: i18n("a2ecfd5a0db9c855f59eea75083678e6"),
+      value: schemaToArray((_a = value.footer) !== null && _a !== void 0 ? _a : defaultFooter),
+      slot: {
+        type: 'container',
+        body: '$$'
+      },
+      onChange: function (newValue) {
+        newValue = __assign(__assign({}, value), {
+          footer: schemaArrayFormat(newValue)
+        });
+        manager.panelChangeValue(newValue, diff(value, newValue));
+      }
+    });
+  };
   return TablePlugin;
 }(BasePlugin);
 registerEditorPlugin(TablePlugin);