@luck-design-biz/luckda 0.0.26 → 1.0.0-alpha

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

@@ -1,23 +1,800 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
-import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useCreation, useRequest, useUnmount } from 'ahooks';
+import { isNil, isString, keyBy } from 'lodash';
+import classNames from 'classnames';
+import { Modal, recheck } from '@luck-design-biz/base';
+import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
-var LCTable = function LCTable(_ref) {
+import { LdGrid, LDActions } from "../../../../index";
+import TopFilter from "./components/TopFilter";
+import { TopUpload, TopExport } from "./components/TopImex";
+import { omitBadProps, executeCode, getLDMetaAttr } from "../../../engine/tools/helper";
+import useCombinedRefs from "../../../engine/tools/useCombinedRefs";
+import defaultMeta from "../../../engine/meta/table.props.default.json";
+import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT } from "../../../constants";
+import { exportExcel, getFindexcelstate } from "../../../constants/api-url";
+var moduleCode = getLDMetaAttr('moduleCode');
+var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var ref = 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 = useContext();
+  var apiRef = useRef();
+  var wrapperRef = useRef();
+  var instanceRef = useCombinedRefs(ref);
+  useImperativeHandle(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      }
+    };
+  });
+  var _pagination = 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 = 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') {
+                  Modal.confirm({
+                    title: "\u786E\u8BA4\u6267\u884C".concat(_action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+                    onOk: doAction
+                  });
+                } else if (_action.riskLevel === 'destroy') {
+                  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 = useCreation(function () {
+    return rowSelection ? {
+      rowSelection: {
+        mode: rowSelectionMode,
+        suppressPagination: suppressRowSelectionPagination,
+        isDefaultSelected: function isDefaultSelected(d, n) {
+          if (isNil(defaultRowSelectedCode)) return false;
+          return executeCode(ctx, defaultRowSelectedCode, ['data', 'node'], d, n);
+        },
+        isRowSelectable: function isRowSelectable(d, n) {
+          if (isNil(rowSelectableCode)) return true;
+          return 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 = useRequest(exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
+
+  // 查询进度
+  var fecthExcelState = 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'
+    };
+    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 = useMemoizedFn(function (procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().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 _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isBehavior = 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 = _objectSpread({
+                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 = 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 = 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 = 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') {
+          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') {
+          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 = useCreation(function () {
+    var temp = {
+      defaultColDef: {
+        draggable: draggable
+      }
+    };
+    if (!isNil(formatDataSource)) {
+      temp.formatDataSource = function (list, detail) {
+        return executeCode(ctx, formatDataSource, ['list', 'detail'], list, detail);
+      };
+    }
+    if (!isNil(getDataPath)) {
+      temp.getDataPath = function (data) {
+        return executeCode(ctx, getDataPath, ['data'], data);
+      };
+    }
+    if (!isNil(columnsRewrite) || !isNil(fields)) {
+      temp.columnsRewrite = function (cols) {
+        var colsMap = keyBy(cols, 'field');
+        var _cols = isNil(fields) ? cols : fields.map(function (_field) {
+          return _objectSpread(_objectSpread({}, colsMap[_field.field]), _field);
+        });
+        return isNil(columnsRewrite) ? _cols : executeCode(ctx, columnsRewrite, ['columns'], _cols);
+      };
+    }
+    if (!isNil(columnsReset)) {
+      temp.columnsReset = function (cols) {
+        return executeCode(ctx, columnsReset, ['columns'], cols);
+      };
+    }
+    if (!isNil(modelParams)) {
+      temp.overModel = executeCode(ctx, modelParams);
+    }
+    return temp;
+  }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams, draggable]);
+  var renderFunctionArea = 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.createElement(LDActions, _extends({}, 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.createElement(TopUpload, {
+        apiUrl: apiUrl,
+        moduleCode: moduleCode,
+        options: impexp,
+        tableRef: instanceRef
+      }));
+    }
+    if (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.createElement(TopExport, {
+        apiUrl: _apiUrl,
+        moduleCode: moduleCode,
+        options: impexp,
+        tableRef: instanceRef
+      }));
+    }
+    return resultComp;
+  }, [topActionGroup, impexp]);
+  var renderFilterArea = useMemoizedFn(function () {
+    return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
+      filter: topFilter,
+      instance: instanceRef
+    }) : null;
+  });
+  var _wrapperProps = useCreation(function () {
+    return _defineProperty({
+      id: id
+    }, LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT);
+  }, []);
+  var _getRowStyle = useMemoizedFn(function (params) {
+    var _zebra = isNil(zebra.current) ? zebra : zebra.current;
+    var condition = _zebra !== null && _zebra !== void 0 && _zebra.condition ? executeCode(ctx, _zebra.condition, ['params'], params) : _zebra && params.node.rowIndex % 2 === 0;
+    return condition ? {
+      'background-color': _zebra.color || _zebra
+    } : {
+      'background-color': '#fff'
+    };
+  });
+  var _readFilter = useMemoizedFn(function (params, filters) {
+    ctx.doAction(advance.events.onFilterChanged, {
+      params: params,
+      filters: filters
+    });
+  });
+  var _handleGridReady = useMemoizedFn(function (params, instance) {
+    onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
+    ctx.doAction(advance.events.onMount, {
+      params: params,
+      datasetCode: dataset.code
+    });
+  });
+  var _handleRowClick = 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 = useMemoizedFn(function (data, rowIndex, params) {
+    ctx.doAction(advance.events.onRowDoubleClick, {
+      data: data,
+      rowIndex: rowIndex,
+      params: params,
+      datasetCode: dataset.code
+    });
+  });
+  var _handleRowDragged = 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 = useMemoizedFn(function (res, dispatch, props) {
+    ctx.doAction(advance.events.afterInit, {
+      res: res,
+      dispatch: dispatch,
+      props: props,
+      datasetCode: dataset.code
+    });
+  });
+  var _afterQuery = useMemoizedFn(function (res) {
+    if (res.code === 1 && !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
+    });
+  });
+  useUnmount(function () {
+    return ctx.doAction(advance.events.onUnmount, {
+      datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
+    });
+  }, []);
   var getTargetDom = useMemoizedFn(function () {
-    return ref.current;
+    return wrapperRef.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: {
-      padding: 8
-    }
-  }, "LCTable-", id));
+    displayName: "Table",
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/React.createElement(LdGrid, _extends({
+    ref: instanceRef,
+    wrapper: wrapperRef,
+    wrapperProps: _wrapperProps,
+    width: width,
+    height: height,
+    _loading: ctx.loading,
+    bordered: bordered,
+    className: classNames(_defineProperty({}, 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.string.isRequired,
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: PropTypes.shape({
+    code: PropTypes.string.isRequired,
+    uid: PropTypes.string.isRequired
+  }),
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
+   */
+  autoLoad: PropTypes.bool,
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
+   */
+  suppressPreset: PropTypes.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  width: PropTypes.string,
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  height: PropTypes.string,
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  border: PropTypes.bool,
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  zebra: PropTypes.oneOfType[(PropTypes.bool, PropTypes.string)],
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  pagination: PropTypes.bool,
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
+   */
+  pageSize: PropTypes.number,
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showSizeChanger: PropTypes.bool,
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showQuickJumper: PropTypes.bool,
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  hideOnSinglePage: PropTypes.bool,
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  paginationSimple: PropTypes.bool,
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
+   */
+  suppressActions: PropTypes.bool,
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
+   */
+  actionsColumnWidth: PropTypes.number,
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
+   */
+  maxActionsCount: PropTypes.number,
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
+   */
+  actions: PropTypes.shape({
+    display: PropTypes.oneOf(['text', 'button']),
+    max: PropTypes.number,
+    moreText: PropTypes.string,
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+   */
+  topActionGroup: PropTypes.shape({
+    display: PropTypes.oneOf(['text', 'button']),
+    max: PropTypes.number,
+    moreText: PropTypes.string,
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
+   */
+  topFilter: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.shape({
+    options: PropTypes.array.isRequired,
+    field: PropTypes.string.isRequired
+  })]),
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
+   */
+  rowSelection: PropTypes.bool,
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
+   */
+  suppressRowSelectionPagination: PropTypes.bool,
+  /**
+   * @name 选择器模式
+   * @type segmented
+   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
+   * @default 'multiple'
+   */
+  rowSelectionMode: PropTypes.oneOf(['single', 'multiple']),
+  /**
+   * @name 默认选中
+   * @type _JSEditor
+   * @default "function getDefaultRowSelected(data, node, ctx) { \n return false; \n}"
+   */
+  defaultRowSelectedCode: PropTypes.string,
+  /**
+   * @name 行是否可选
+   * @type _JSEditor
+   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
+   */
+  rowSelectableCode: PropTypes.string,
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
+   */
+  impexp: PropTypes.shape({
+    import: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+    importType: PropTypes.bool,
+    export: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
+  }),
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
+   */
+  bantchActions: PropTypes.shape({
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
+   */
+  formatDataSource: PropTypes.string,
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
+   */
+  getDataPath: PropTypes.string,
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
+   */
+  columnsRewrite: PropTypes.string,
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
+   */
+  columnsReset: PropTypes.string,
+  /**
+   * @name model参数
+   * @type _JSEditor
+   */
+  modelParams: PropTypes.string
 };
+LCTable.defaultProps = omitBadProps(defaultMeta);
 export default LCTable;