@luck-design-biz/luckda 0.0.27 → 1.0.0-10-alpha

package/lib/lowcode/view/lc-components/Table/index.js

@@ -6,26 +6,829 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _base = require("@luck-design-biz/base");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
-var LCTable = function LCTable(_ref) {
+var _index = require("../../../../index");
+var _TopFilter = _interopRequireDefault(require("./components/TopFilter"));
+var _TopImex = require("./components/TopImex");
+var _RuntimeComp = _interopRequireDefault(require("../JSX/RuntimeComp"));
+var _helper = require("../../../engine/tools/helper");
+var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
+var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
+var _constants = require("../../../constants");
+var _apiUrl2 = require("../../../constants/api-url");
+var _excluded = ["render"];
+var moduleCode = (0, _helper.getLDMetaAttr)('moduleCode');
+var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ref = (0, _react.useRef)();
+    className = _ref.className,
+    dataset = _ref.dataset,
+    width = _ref.width,
+    height = _ref.height,
+    fields = _ref.fields,
+    draggable = _ref.draggable,
+    bordered = _ref.bordered,
+    zebra = _ref.zebra,
+    autoLoad = _ref.autoLoad,
+    readOnly = _ref.readOnly,
+    renderIndex = _ref.renderIndex,
+    suppressActions = _ref.suppressActions,
+    actionsColumnWidth = _ref.actionsColumnWidth,
+    actions = _ref.actions,
+    pagination = _ref.pagination,
+    pageSize = _ref.pageSize,
+    showSizeChanger = _ref.showSizeChanger,
+    showQuickJumper = _ref.showQuickJumper,
+    hideOnSinglePage = _ref.hideOnSinglePage,
+    paginationSimple = _ref.paginationSimple,
+    suppressPreset = _ref.suppressPreset,
+    impexp = _ref.impexp,
+    topActionGroup = _ref.topActionGroup,
+    topFilter = _ref.topFilter,
+    rowSelection = _ref.rowSelection,
+    suppressRowSelectionPagination = _ref.suppressRowSelectionPagination,
+    rowSelectionMode = _ref.rowSelectionMode,
+    defaultRowSelectedCode = _ref.defaultRowSelectedCode,
+    rowSelectableCode = _ref.rowSelectableCode,
+    bantchActions = _ref.bantchActions,
+    formatDataSource = _ref.formatDataSource,
+    getDataPath = _ref.getDataPath,
+    columnsRewrite = _ref.columnsRewrite,
+    columnsReset = _ref.columnsReset,
+    modelParams = _ref.modelParams,
+    onGridReady = _ref.onGridReady,
+    advance = _ref.advance;
+  var ctx = (0, _ContextProvider.useContext)();
+  var apiRef = (0, _react.useRef)();
+  var wrapperRef = (0, _react.useRef)();
+  var instanceRef = (0, _useCombinedRefs.default)(ref);
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      },
+      /**
+       * 刷新表格
+       * @method
+       */
+      refresh: function refresh() {
+        var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+        return instanceRef.current.onLdQuery(init ? {
+          removeAll: {
+            operate: 'removeAll'
+          }
+        } : null);
+      }
+    };
+  });
+  var _pagination = (0, _ahooks.useCreation)(function () {
+    return {
+      isFlow: !pagination,
+      pagination: pagination ? {
+        pageSize: pageSize,
+        pageSizeOptions: ["".concat(pageSize), "".concat(pageSize * 2), "".concat(pageSize * 3)],
+        showSizeChanger: showSizeChanger,
+        showQuickJumper: showQuickJumper,
+        hideOnSinglePage: hideOnSinglePage,
+        simple: paginationSimple
+      } : null
+    };
+  }, [pagination, pageSize, showSizeChanger, showQuickJumper, hideOnSinglePage, paginationSimple]);
+  var _actionsColumn = (0, _ahooks.useCreation)(function () {
+    return {
+      actionsColumn: suppressActions ? null : {
+        width: actionsColumnWidth,
+        maxCount: (actions.current || actions).max,
+        type: (actions.current || actions).type,
+        getActions: function getActions() {
+          return (actions.current || actions).todoList.map(function (_action) {
+            return {
+              title: _action.name,
+              action: function action(data, rowIndex, params) {
+                var doAction = function doAction() {
+                  ctx.doAction(_action.actionPool, {
+                    data: data,
+                    rowIndex: rowIndex,
+                    params: params,
+                    datasetCode: dataset.code
+                  });
+                };
+                if (_action.riskLevel === 'danger') {
+                  _base.Modal.confirm({
+                    title: "\u786E\u8BA4\u6267\u884C".concat(_action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+                    onOk: doAction
+                  });
+                } else if (_action.riskLevel === 'destroy') {
+                  (0, _base.recheck)({
+                    title: "\u786E\u8BA4\u6267\u884C".concat(_action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+                    checkWords: "\u6267\u884C".concat(_action.name),
+                    onOk: doAction
+                  });
+                } else {
+                  doAction();
+                }
+              },
+              resource: _action.serial,
+              style: _action.riskLevel === 'default' ? null : {
+                color: {
+                  danger: '#ff7875',
+                  destroy: '#ff4d4f'
+                }[_action.riskLevel]
+              }
+            };
+          });
+        }
+      }
+    };
+  }, [suppressActions, actionsColumnWidth, actions.current || actions]);
+  var _rowSelection = (0, _ahooks.useCreation)(function () {
+    return rowSelection ? {
+      rowSelection: {
+        mode: rowSelectionMode,
+        suppressPagination: suppressRowSelectionPagination,
+        isDefaultSelected: function isDefaultSelected(d, n) {
+          if ((0, _lodash.isNil)(defaultRowSelectedCode)) return false;
+          return (0, _helper.executeCode)(ctx, defaultRowSelectedCode, ['data', 'node'], d, n);
+        },
+        isRowSelectable: function isRowSelectable(d, n) {
+          if ((0, _lodash.isNil)(rowSelectableCode)) return true;
+          return (0, _helper.executeCode)(ctx, rowSelectableCode, ['data', 'node'], d, n);
+        },
+        onSelect: function onSelect(data, isSelected, SelectedRows, params) {
+          ctx.doAction(advance.events.onRowSelected, {
+            data: data,
+            isSelected: isSelected,
+            SelectedRows: SelectedRows,
+            params: params,
+            datasetCode: dataset.code
+          });
+        },
+        onChange: function onChange(rows, nodes, params) {
+          ctx.doAction(advance.events.onRowSelected, {
+            rows: rows,
+            nodes: nodes,
+            params: params,
+            datasetCode: dataset.code
+          });
+        }
+      }
+    } : false;
+  }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl2.exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
+
+  // 查询进度
+  var fecthExcelState = (0, _ahooks.useMemoizedFn)(function (_ref2, procress, resolve, reject) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      reportType: 'export'
+    };
+    (0, _apiUrl2.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var _response$data = response.data,
+          successCount = _response$data.successCount,
+          totalCount = _response$data.totalCount,
+          downloadUrl = _response$data.downloadUrl;
+        if (successCount >= totalCount) {
+          resolve(downloadUrl);
+        } else {
+          procress((successCount / totalCount * 100).toFixed(1));
+          setTimeout(function () {
+            fecthExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey
+            }, procress, resolve, reject);
+          }, 500);
+        }
+      } else {
+        reject();
+      }
+    }).catch(function () {
+      reject();
+    });
+  });
+  var _onExportAll = (0, _ahooks.useMemoizedFn)(function (procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
+        var isBehavior, behaviorKey, strategy, _exportExcelParams, _exportExcelPrefix, exportExcelResponse, _instanceRef$current, _instanceRef$current2, _instanceRef$current$, apiUrl, _strategy, joiner, labels, fieldInfo, defaultExcelParams, _exportExcelParams2, _exportExcelPrefix2, _exportExcelResponse;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isBehavior = (0, _lodash.isString)(impexp.export);
+              if (!isBehavior) {
+                _context.next = 12;
+                break;
+              }
+              // ! 行为
+              behaviorKey = impexp.export;
+              strategy = 'behavior';
+              _exportExcelParams = {
+                moduleCode: moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: 'export'
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context.next = 8;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 8:
+              exportExcelResponse = _context.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+              _context.next = 25;
+              break;
+            case 12:
+              _instanceRef$current$ = (_instanceRef$current = instanceRef.current) === null || _instanceRef$current === void 0 ? void 0 : _instanceRef$current.getProps(), apiUrl = _instanceRef$current$.apiUrl;
+              _strategy = 'report_server';
+              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
+              labels = [];
+              fieldInfo = [];
+              (_instanceRef$current2 = instanceRef.current) === null || _instanceRef$current2 === void 0 || (_instanceRef$current2 = _instanceRef$current2.gridApi) === null || _instanceRef$current2 === void 0 || _instanceRef$current2.columnApi.getAllDisplayedColumns().forEach(function (column) {
+                if (column.colId !== 'luck-expand' && column.colId !== 'luck-select' && column.colId !== 'luck-index' && column.colId !== 'luck-actions' && column.colId !== 'fraction_drag'
+                // && !column.colDef.draggable
+                ) {
+                  labels.push(column.colDef.headerName);
+                  fieldInfo.push({
+                    width: column.actualWidth,
+                    fieldNm: column.colId
+                  });
+                }
+              });
+              defaultExcelParams = {
+                bgColor: '#69b1ff',
+                dataUrl: "".concat(window.location.origin, "/api").concat(apiUrl).concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                excelName: 'download.xls',
+                fieldInfo: fieldInfo,
+                islock: false,
+                labels: labels === null || labels === void 0 ? void 0 : labels.join(),
+                reqBody: null
+              };
+              _exportExcelParams2 = (0, _objectSpread2.default)({
+                moduleCode: moduleCode,
+                reportType: 'export'
+              }, defaultExcelParams);
+              _exportExcelPrefix2 = "/".concat(_strategy);
+              _context.next = 23;
+              return runAsync(_exportExcelPrefix2, _exportExcelParams2);
+            case 23:
+              _exportExcelResponse = _context.sent;
+              if (_exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: _strategy,
+                  batchNo: _exportExcelResponse.data,
+                  moduleCode: moduleCode
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 25:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x, _x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+  });
+  var _export = (0, _ahooks.useCreation)(function () {
+    var _temp = {
+      enableExportAll: !!impexp.export
+    };
+    if (!!impexp.export) {
+      var _instanceRef$current3;
+      var _tableProps = (_instanceRef$current3 = instanceRef.current) === null || _instanceRef$current3 === void 0 ? void 0 : _instanceRef$current3.getProps();
+      _temp.apiUrl = _tableProps === null || _tableProps === void 0 ? void 0 : _tableProps.apiUrl;
+      _temp.onExportAll = _onExportAll;
+    }
+    return _temp;
+  }, [impexp.export]);
+  var _batchActions = (0, _ahooks.useCreation)(function () {
+    return {
+      batchOperations: bantchActions.todoList.map(function (action) {
+        return {
+          key: action.id,
+          title: action.name,
+          resource: action.serial
+        };
+      }),
+      onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {
+        var todoListById = (0, _lodash.keyBy)(bantchActions.todoList, 'id');
+        var doAction = function doAction() {
+          ctx.doAction(todoListById[key].actionPool, {
+            key: key,
+            selectedRows: selectedRows,
+            datasetCode: dataset.code
+          });
+        };
+        if (todoListById[key].riskLevel === 'danger') {
+          _base.Modal.confirm({
+            title: "\u786E\u8BA4\u6267\u884C".concat(todoListById[key].name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+            onOk: doAction
+          });
+        } else if (todoListById[key].riskLevel === 'destroy') {
+          (0, _base.recheck)({
+            title: "\u786E\u8BA4\u6267\u884C".concat(todoListById[key].name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+            checkWords: "\u6267\u884C".concat(todoListById[key].name),
+            onOk: doAction
+          });
+        } else {
+          doAction();
+        }
+      }
+    };
+  }, [bantchActions.todoList]);
+  var _others = (0, _ahooks.useCreation)(function () {
+    var temp = {
+      defaultColDef: {
+        draggable: draggable
+      }
+    };
+    if (!(0, _lodash.isNil)(formatDataSource)) {
+      temp.formatDataSource = function (list, detail) {
+        return (0, _helper.executeCode)(ctx, formatDataSource, ['list', 'detail'], list, detail);
+      };
+    }
+    if (!(0, _lodash.isNil)(getDataPath)) {
+      temp.getDataPath = function (data) {
+        return (0, _helper.executeCode)(ctx, getDataPath, ['data'], data);
+      };
+    }
+    if (!(0, _lodash.isNil)(columnsRewrite) || !(0, _lodash.isNil)(fields)) {
+      temp.columnsRewrite = function (cols) {
+        var colsMap = (0, _lodash.keyBy)(cols, 'field');
+        var _cols = (0, _lodash.isNil)(fields) ? cols : fields.map(function (_ref4) {
+          var render = _ref4.render,
+            _field = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colsMap[_field.field]), {}, {
+            render: render ? function (v, d, i, p) {
+              return /*#__PURE__*/_react.default.createElement(_RuntimeComp.default, {
+                value: v,
+                data: d,
+                rowIndex: i,
+                params: p
+              }, render.replace(/(function\s*\w*\s*)\([^)]*\)(\s*{)/, '$1()$2'));
+            } : null
+          }, _field);
+        });
+        return (0, _lodash.isNil)(columnsRewrite) ? _cols : (0, _helper.executeCode)(ctx, columnsRewrite, ['columns'], _cols);
+      };
+    }
+    if (!(0, _lodash.isNil)(columnsReset)) {
+      temp.columnsReset = function (cols) {
+        return (0, _helper.executeCode)(ctx, columnsReset, ['columns'], cols);
+      };
+    }
+    if (!(0, _lodash.isNil)(modelParams)) {
+      temp.overModel = (0, _helper.executeCode)(ctx, modelParams);
+    }
+    return temp;
+  }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams, draggable]);
+  var renderFunctionArea = (0, _react.useCallback)(function () {
+    var _topActionGroup$todoL;
+    var resultComp = [];
+    if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
+        doAction: function doAction(action) {
+          return ctx.doAction(action, {
+            instance: instanceRef.current,
+            datasetCode: dataset.code
+          });
+        }
+      })));
+    }
+    if (impexp.import) {
+      var _instanceRef$current4;
+      var _instanceRef$current$2 = (_instanceRef$current4 = instanceRef.current) === null || _instanceRef$current4 === void 0 ? void 0 : _instanceRef$current4.getProps(),
+        apiUrl = _instanceRef$current$2.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopUpload, {
+        apiUrl: apiUrl,
+        moduleCode: moduleCode,
+        options: impexp,
+        tableRef: instanceRef
+      }));
+    }
+    if ((0, _lodash.isString)(impexp.export) || impexp.export) {
+      var _instanceRef$current5;
+      var _instanceRef$current$3 = (_instanceRef$current5 = instanceRef.current) === null || _instanceRef$current5 === void 0 ? void 0 : _instanceRef$current5.getProps(),
+        _apiUrl = _instanceRef$current$3.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopExport, {
+        apiUrl: _apiUrl,
+        moduleCode: moduleCode,
+        options: impexp,
+        tableRef: instanceRef
+      }));
+    }
+    return resultComp;
+  }, [topActionGroup, impexp]);
+  var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
+    return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
+      filter: topFilter,
+      instance: instanceRef
+    }) : null;
+  });
+  var _wrapperProps = (0, _ahooks.useCreation)(function () {
+    return (0, _defineProperty2.default)({
+      id: id
+    }, _constants.LC_COMPONENT_UNIT_KEY, _constants.LC_COMPONENT_UNIT);
+  }, []);
+  var _getRowStyle = (0, _ahooks.useMemoizedFn)(function (params) {
+    var _zebra = (0, _lodash.isNil)(zebra.current) ? zebra : zebra.current;
+    var condition = _zebra !== null && _zebra !== void 0 && _zebra.condition ? (0, _helper.executeCode)(ctx, _zebra.condition, ['params'], params) : _zebra && params.node.rowIndex % 2 === 0;
+    return condition ? {
+      'background-color': _zebra.color || _zebra
+    } : {
+      'background-color': '#fff'
+    };
+  });
+  var _readFilter = (0, _ahooks.useMemoizedFn)(function (params, filters) {
+    ctx.doAction(advance.events.onFilterChanged, {
+      params: params,
+      filters: filters
+    });
+  });
+  var _handleGridReady = (0, _ahooks.useMemoizedFn)(function (params, instance) {
+    onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
+    ctx.doAction(advance.events.onMount, {
+      params: params,
+      datasetCode: dataset.code
+    });
+  });
+  var _handleRowClick = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
+    instanceRef.current.expectRowKey = data[PRIMARY_KEY];
+    ctx.doAction(advance.events.onExpectRowChanged, {
+      data: data
+    });
+    ctx.doAction(advance.events.onRowClick, {
+      data: data,
+      rowIndex: rowIndex,
+      params: params,
+      datasetCode: dataset.code
+    });
+  });
+  var _handleRowDoubleClick = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
+    ctx.doAction(advance.events.onRowDoubleClick, {
+      data: data,
+      rowIndex: rowIndex,
+      params: params,
+      datasetCode: dataset.code
+    });
+  });
+  var _handleRowDragged = (0, _ahooks.useMemoizedFn)(function (toId, fromId, params) {
+    if (advance.events.onRowDragged) {
+      ctx.doAction(advance.events.onRowDragged, {
+        toId: toId,
+        fromId: fromId,
+        params: params,
+        datasetCode: dataset.code
+      });
+    } else {
+      var _actionsPool = [['drag', {
+        category: 'page-action',
+        code: "function onRowDragged(toId, fromId, params){return {data: { toId, fromId }};}",
+        code1: JSON.stringify({
+          moduleCode: moduleCode,
+          datasetCode: dataset.code,
+          data: {
+            toId: toId,
+            fromId: fromId
+          }
+        })
+      }]];
+      ctx.doAction(_actionsPool, {
+        toId: toId,
+        fromId: fromId,
+        params: params,
+        datasetCode: dataset.code
+      });
+    }
+  });
+  var _afterInit = (0, _ahooks.useMemoizedFn)(function (res, dispatch, props) {
+    ctx.doAction(advance.events.afterInit, {
+      res: res,
+      dispatch: dispatch,
+      props: props,
+      datasetCode: dataset.code
+    });
+  });
+  var _afterQuery = (0, _ahooks.useMemoizedFn)(function (res) {
+    if (res.code === 1 && instanceRef.current && !res.list.includes(instanceRef.current.expectRowKey)) {
+      instanceRef.current.expectRowKey = res.list[0];
+      ctx.doAction(advance.events.onExpectRowChanged, {
+        data: res.detail[res.list[0]]
+      });
+    }
+    ctx.doAction(advance.events.afterQuery, {
+      res: res,
+      datasetCode: dataset.code
+    });
+  });
+  (0, _ahooks.useUnmount)(function () {
+    return ctx.doAction(advance.events.onUnmount, {
+      datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
+    });
+  }, []);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return ref.current;
+    return wrapperRef.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      padding: 8
-    }
-  }, "LCTable-", id));
+    displayName: "Table",
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/_react.default.createElement(_index.LdGrid, (0, _extends2.default)({
+    ref: instanceRef,
+    wrapper: wrapperRef,
+    wrapperProps: _wrapperProps,
+    width: width,
+    height: height,
+    _loading: ctx.loading,
+    bordered: bordered,
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
+    ldId: id,
+    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
+    readOnly: readOnly,
+    renderIndex: renderIndex,
+    suppressInit: !autoLoad,
+    getRowStyle: _getRowStyle,
+    suppressPreset: suppressPreset,
+    suppressPropertyNamesCheck: true
+  }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
+    readFilter: _readFilter,
+    renderFunctionArea: renderFunctionArea,
+    renderFilterArea: renderFilterArea,
+    onGridReady: _handleGridReady,
+    onRowClick: _handleRowClick,
+    onRowDoubleClick: _handleRowDoubleClick,
+    onRowDragged: _handleRowDragged,
+    afterInit: _afterInit,
+    afterQuery: _afterQuery
+  })));
+});
+LCTable.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: _propTypes.default.shape({
+    code: _propTypes.default.string.isRequired,
+    uid: _propTypes.default.string.isRequired
+  }),
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
+   */
+  autoLoad: _propTypes.default.bool,
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
+   */
+  readOnly: _propTypes.default.bool,
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
+   */
+  suppressPreset: _propTypes.default.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  width: _propTypes.default.string,
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  height: _propTypes.default.string,
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  border: _propTypes.default.bool,
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  zebra: _propTypes.default.oneOfType[(_propTypes.default.bool, _propTypes.default.string)],
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  pagination: _propTypes.default.bool,
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
+   */
+  pageSize: _propTypes.default.number,
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showSizeChanger: _propTypes.default.bool,
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showQuickJumper: _propTypes.default.bool,
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  hideOnSinglePage: _propTypes.default.bool,
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  paginationSimple: _propTypes.default.bool,
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
+   */
+  suppressActions: _propTypes.default.bool,
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
+   */
+  actionsColumnWidth: _propTypes.default.number,
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
+   */
+  maxActionsCount: _propTypes.default.number,
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
+   */
+  actions: _propTypes.default.shape({
+    display: _propTypes.default.oneOf(['text', 'button']),
+    max: _propTypes.default.number,
+    moreText: _propTypes.default.string,
+    todoList: _propTypes.default.array
+  }),
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+   */
+  topActionGroup: _propTypes.default.shape({
+    display: _propTypes.default.oneOf(['text', 'button']),
+    max: _propTypes.default.number,
+    moreText: _propTypes.default.string,
+    todoList: _propTypes.default.array
+  }),
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
+   */
+  topFilter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array, _propTypes.default.shape({
+    options: _propTypes.default.array.isRequired,
+    field: _propTypes.default.string.isRequired
+  })]),
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
+   */
+  rowSelection: _propTypes.default.bool,
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
+   */
+  suppressRowSelectionPagination: _propTypes.default.bool,
+  /**
+   * @name 选择器模式
+   * @type segmented
+   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
+   * @default 'multiple'
+   */
+  rowSelectionMode: _propTypes.default.oneOf(['single', 'multiple']),
+  /**
+   * @name 默认选中
+   * @type _JSEditor
+   * @default "function getDefaultRowSelected(data, node, ctx) { \n return false; \n}"
+   */
+  defaultRowSelectedCode: _propTypes.default.string,
+  /**
+   * @name 行是否可选
+   * @type _JSEditor
+   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
+   */
+  rowSelectableCode: _propTypes.default.string,
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
+   */
+  impexp: _propTypes.default.shape({
+    import: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+    importType: _propTypes.default.bool,
+    export: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
+  }),
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
+   */
+  bantchActions: _propTypes.default.shape({
+    todoList: _propTypes.default.array
+  }),
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
+   */
+  formatDataSource: _propTypes.default.string,
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
+   */
+  getDataPath: _propTypes.default.string,
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
+   */
+  columnsRewrite: _propTypes.default.string,
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
+   */
+  columnsReset: _propTypes.default.string,
+  /**
+   * @name model参数
+   * @type _JSEditor
+   */
+  modelParams: _propTypes.default.string
 };
+LCTable.defaultProps = (0, _helper.omitBadProps)(_tablePropsDefault.default);
 var _default = exports.default = LCTable;