@luck-design-biz/luckda 0.0.25-9 → 0.0.26

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

@@ -1,806 +1,23 @@
-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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useImperativeHandle, forwardRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation, useSetState, useUpdateEffect, useRequest } from 'ahooks';
-import { isNil, isString, keyBy } from 'lodash';
-import classNames from 'classnames';
-import { Modal, recheck } from '@luck-design-biz/base';
-import { useContext, useRemoteSource } from "../../../engine/provider/ContextProvider";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import { LdGrid, LDActions } from "../../../../index";
-import TopFilter from "./components/TopFilter";
-import { omitBadProps, executeCode } from "../../../engine/tools/helper";
-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";
-import { TopUpload, TopExport } from "./components/TopImex";
-var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var LCTable = function LCTable(_ref) {
   var id = _ref.id,
-    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,
-    _ref$autoRowClick = _ref.autoRowClick,
-    autoRowClick = _ref$autoRowClick === void 0 ? true : _ref$autoRowClick;
-  var ctx = useContext();
-  var _useRemoteSource = useRemoteSource(),
-    module = _useRemoteSource.module;
-  var apiRef = useRef();
-  var wrapperRef = useRef();
-  var instanceRef = useRef();
-  var _useSetState = useSetState({}),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    clickedRow = _useSetState2[0],
-    setClickedRow = _useSetState2[1];
-  useImperativeHandle(apiRef, function () {
-    return {
-      /**
-       * 获取表格实例
-       * @method
-       */
-      getInstance: function getInstance() {
-        return instanceRef.current;
-      }
-    };
-  });
-  useUpdateEffect(function () {
-    ctx.setPagePublicResource(_defineProperty({}, id, clickedRow));
-  }, [clickedRow]);
-  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) {
-                function action(_x, _x2, _x3) {
-                  return _action.apply(this, arguments);
-                }
-                action.toString = function () {
-                  return _action.toString();
-                };
-                return action;
-              }(function (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 = function fecthExcelState(_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 = function _onExportAll(procress) {
-    return new Promise( /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve, reject) {
-        var isBehavior, behaviorKey, strategy, _exportExcelParams, _exportExcelPrefix, exportExcelResponse, _ref4, _ref5, _getProps, 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: module.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: module.moduleCode,
-                  behaviorKey: behaviorKey
-                }, procress, resolve, reject);
-              } else {
-                reject();
-              }
-              _context.next = 25;
-              break;
-            case 12:
-              _getProps = (_ref4 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref4 === void 0 ? void 0 : _ref4.getProps(), apiUrl = _getProps.apiUrl;
-              _strategy = 'report_server';
-              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
-              labels = [];
-              fieldInfo = [];
-              (_ref5 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref5 === void 0 || (_ref5 = _ref5.gridApi) === null || _ref5 === void 0 || _ref5.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: module.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: module.moduleCode
-                }, procress, resolve, reject);
-              } else {
-                reject();
-              }
-            case 25:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x4, _x5) {
-        return _ref3.apply(this, arguments);
-      };
-    }());
-  };
-  var _export = useCreation(function () {
-    var _temp = {
-      enableExportAll: !!impexp.export
-    };
-    if (!!impexp.export) {
-      var _ref6;
-      var _tableProps = (_ref6 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref6 === void 0 ? void 0 : _ref6.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) {
-        ctx.doAction(action.actionPool, {
-          key: key,
-          selectedRows: selectedRows,
-          datasetCode: dataset.code
-        });
-      }
-    };
-  }, [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 = useMemoizedFn(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, {
-            datasetCode: dataset.code
-          });
-        }
-      })));
-    }
-    if (impexp.import) {
-      var _ref7;
-      var _getProps2 = (_ref7 = instanceRef.current || ref.current) === null || _ref7 === void 0 ? void 0 : _ref7.getProps(),
-        apiUrl = _getProps2.apiUrl;
-      resultComp.push( /*#__PURE__*/React.createElement(TopUpload, {
-        apiUrl: apiUrl,
-        moduleCode: module.moduleCode,
-        options: impexp,
-        tableRef: instanceRef.current || ref.current
-      }));
-    }
-    if (impexp.export) {
-      var _ref8;
-      var _getProps3 = (_ref8 = instanceRef.current || ref.current) === null || _ref8 === void 0 ? void 0 : _ref8.getProps(),
-        _apiUrl = _getProps3.apiUrl;
-      resultComp.push( /*#__PURE__*/React.createElement(TopExport, {
-        apiUrl: _apiUrl,
-        moduleCode: module.moduleCode,
-        options: impexp,
-        tableRef: instanceRef.current || ref.current
-      }));
-    }
-    return resultComp;
-  });
-  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) {
-    return setClickedRow({
-      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) {
-    setClickedRow({
-      clickedRow: 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: module.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) {
-    ctx.doAction(advance.events.afterQuery, {
-      res: res,
-      datasetCode: dataset.code
-    });
-  });
-  useEffect(function () {
-    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref10) {
-      var resource = _ref10.resource,
-        prevResource = _ref10.prevResource;
-      ctx.doAction(advance.events.onPagePublicResourceChanged, {
-        resource: resource,
-        prevResource: prevResource,
-        instance: (ref === null || ref === void 0 ? void 0 : ref.current) || (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current)
-      });
-    }).watch();
-    return function () {
-      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
-      ctx.doAction(advance.events.onUnmount, {
-        datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
-      });
-    };
-  }, []);
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
-    return wrapperRef.current;
+    return ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Table",
-    getTargetDom: getTargetDom,
-    api: apiRef
-  }, /*#__PURE__*/React.createElement(LdGrid, _extends({
-    ref: 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,
-    autoRowClick: autoRowClick
-  })));
-});
-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
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: {
+      padding: 8
+    }
+  }, "LCTable-", id));
 };
-LCTable.defaultProps = omitBadProps(defaultMeta);
 export default LCTable;