tntd 2.6.17 → 2.6.19

package/lib/query-list-scene/List.js

@@ -1,380 +1,309 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
-var _pickBy2 = _interopRequireDefault(require("lodash/pickBy"));
-var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _prevLocale = require("../prev-locale");
-var _spin = _interopRequireDefault(require("../spin"));
-var _table = _interopRequireDefault(require("../table"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * @file QueryList
  * @author you.zhang
  */
-var QueryList = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(QueryList, _React$PureComponent);
-  var _super = _createSuper(QueryList);
-  function QueryList(props) {
-    var _this;
-    _classCallCheck(this, QueryList);
-    var _a;
-    _this = _super.call(this, props);
-    Object.defineProperty(_assertThisInitialized(_this), "onWindowResize", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: (0, _debounce2["default"])(function () {
-        var scroll = _this.state.scroll;
-        _this.setState({
-          scroll: Object.assign(Object.assign({}, scroll), {
-            y: window.innerHeight - (_this.initialTop || _this.props.top || 200)
-          })
+const classnames_1 = __importDefault(require("classnames"));
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const prev_locale_1 = require("../prev-locale");
+const spin_1 = __importDefault(require("../spin"));
+const table_1 = __importDefault(require("../table"));
+class QueryList extends react_1.default.PureComponent {
+    constructor(props) {
+        var _a;
+        super(props);
+        Object.defineProperty(this, "onWindowResize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (0, lodash_1.debounce)(() => {
+                const { scroll } = this.state;
+                this.setState({
+                    scroll: Object.assign(Object.assign({}, scroll), { y: window.innerHeight - (this.initialTop || this.props.top || 200) }),
+                });
+            }, 50)
         });
-      }, 50)
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "fetchData", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value() {
-        var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          callback = _ref.callback,
-          _ref$showLoading = _ref.showLoading,
-          showLoading = _ref$showLoading === void 0 ? true : _ref$showLoading,
-          isInterval = _ref.isInterval;
-        var _this$props = _this.props,
-          query = _this$props.qlsProps.query,
-          defaultExpandAllRows = _this$props.defaultExpandAllRows,
-          rowKey = _this$props.rowKey,
-          actions = _this$props.actions;
-        var pagination = _this.state.pagination;
-        var hasPagination = _this.props.pagination !== false;
-        if (hasPagination) {
-          params = Object.assign({
-            pageSize: pagination.pageSize,
-            current: pagination.current
-          }, params);
-        }
-        showLoading && _this.setState({
-          loading: true
+        Object.defineProperty(this, "fetchData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (params = {}, { callback, showLoading = true, isInterval } = {}) => {
+                const { qlsProps: { query }, defaultExpandAllRows, rowKey, actions, } = this.props;
+                const { pagination } = this.state;
+                const hasPagination = this.props.pagination !== false;
+                if (hasPagination) {
+                    params = Object.assign({ pageSize: pagination.pageSize, current: pagination.current }, params);
+                }
+                showLoading &&
+                    this.setState({
+                        loading: true,
+                    });
+                // 当用户操作查询还未得到服务端响应前,不要执行轮询请求时序问题导致覆盖
+                if (!isInterval) {
+                    this.isFetching = true;
+                }
+                actions.setData('submittedFormData', params);
+                return query((0, lodash_1.pickBy)(params, (val) => val !== '' && val !== null && val !== undefined))
+                    .then((result) => {
+                    const dataSource = hasPagination ? result.data || [] : result;
+                    this.setState(Object.assign({ loading: false, dataSource, pagination: hasPagination
+                            ? {
+                                pageSize: result.pageSize || pagination.pageSize || 10,
+                                current: result.current || params.current || pagination.current || 1,
+                                total: result.total || 0,
+                            }
+                            : null }, (defaultExpandAllRows
+                        ? {
+                            expandedRowKeys: dataSource.map((row) => row[rowKey]),
+                        }
+                        : {})), () => {
+                        actions.setData('pagination', this.state.pagination);
+                        actions.setData('dataSource', this.state.dataSource);
+                    });
+                })
+                    .finally(() => {
+                    this.isFetching = false;
+                    showLoading &&
+                        this.setState({
+                            loading: false,
+                        });
+                    callback && callback();
+                });
+            }
         });
-        // 当用户操作查询还未得到服务端响应前,不要执行轮询请求时序问题导致覆盖
-        if (!isInterval) {
-          _this.isFetching = true;
-        }
-        actions.setData('submittedFormData', params);
-        return query((0, _pickBy2["default"])(params, function (val) {
-          return val !== '' && val !== null && val !== undefined;
-        })).then(function (result) {
-          var dataSource = hasPagination ? result.data || [] : result;
-          _this.setState(Object.assign({
-            loading: false,
-            dataSource: dataSource,
-            pagination: hasPagination ? {
-              pageSize: result.pageSize || pagination.pageSize || 10,
-              current: result.current || params.current || pagination.current || 1,
-              total: result.total || 0
-            } : null
-          }, defaultExpandAllRows ? {
-            expandedRowKeys: dataSource.map(function (row) {
-              return row[rowKey];
-            })
-          } : {}), function () {
-            actions.setData('pagination', _this.state.pagination);
-            actions.setData('dataSource', _this.state.dataSource);
-          });
-        })["finally"](function () {
-          _this.isFetching = false;
-          showLoading && _this.setState({
-            loading: false
-          });
-          callback && callback();
+        Object.defineProperty(this, "updateDataSource", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (dataSource) => {
+                this.setState({
+                    dataSource,
+                });
+                this.props.actions.setData('dataSource', dataSource);
+            }
+        });
+        Object.defineProperty(this, "updatePagination", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (pagination) => {
+                this.setState({
+                    pagination,
+                });
+                this.props.actions.setData('pagination', pagination);
+            }
+        });
+        Object.defineProperty(this, "onFormChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (values) => {
+                this.formData = (0, lodash_1.pickBy)(Object.assign(Object.assign({}, values), { sorter: (0, lodash_1.get)(this.formData, 'sorter'), filters: (0, lodash_1.get)(this.formData, 'filters') }), (val) => val !== undefined);
+            }
         });
-      }
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "updateDataSource", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value(dataSource) {
-        _this.setState({
-          dataSource: dataSource
+        Object.defineProperty(this, "onSearch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (values, { callback, showLoading = true } = {}) => {
+                this.formData = Object.assign(Object.assign({}, this.formData), values);
+                // this.props.actions.setData('formData', this.formData);
+                return this.fetchData(this.formData, { callback, showLoading });
+            }
         });
-        _this.props.actions.setData('dataSource', dataSource);
-      }
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "updatePagination", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value(pagination) {
-        _this.setState({
-          pagination: pagination
+        Object.defineProperty(this, "onTableChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (pagination, filters, sorter) => {
+                const { actions, localPagination } = this.props;
+                const tableParams = {
+                    pageSize: pagination.pageSize,
+                    current: pagination.current,
+                    filters: (0, lodash_1.isEmpty)(filters) ? undefined : filters,
+                    sorter: (0, lodash_1.isEmpty)(sorter) ? undefined : sorter,
+                };
+                Object.assign(this.formData, tableParams);
+                // 排序变化暂时不处理，因为有时可能是前端sorter不需要走请求
+                // 所以暂时排序有使用者自己处理
+                if (!localPagination) {
+                    this.fetchData(Object.assign(Object.assign({}, actions.getSubmittedFormData()), tableParams));
+                    return;
+                }
+                const { dataSource } = this.state;
+                // 前端本地分页
+                if (localPagination) {
+                    this.setState({
+                        dataSource,
+                        pagination: {
+                            current: pagination.current,
+                            pageSize: pagination.pageSize,
+                            total: pagination.total,
+                        },
+                    }, () => {
+                        actions.setData('formData', this.formData);
+                        actions.setData('pagination', this.state.pagination);
+                    });
+                }
+            }
         });
-        _this.props.actions.setData('pagination', pagination);
-      }
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "onFormChange", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value(values) {
-        _this.formData = (0, _pickBy2["default"])(Object.assign(Object.assign({}, values), {
-          sorter: (0, _get2["default"])(_this.formData, 'sorter'),
-          filters: (0, _get2["default"])(_this.formData, 'filters')
-        }), function (val) {
-          return val !== undefined;
+        Object.defineProperty(this, "onTableBodyScroll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (0, lodash_1.throttle)((evt) => {
+                this.updateIsScrollToBottom(evt.target);
+            }, 50)
         });
-      }
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "onSearch", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value(values) {
-        var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          callback = _ref2.callback,
-          _ref2$showLoading = _ref2.showLoading,
-          showLoading = _ref2$showLoading === void 0 ? true : _ref2$showLoading;
-        _this.formData = Object.assign(Object.assign({}, _this.formData), values);
-        // this.props.actions.setData('formData', this.formData);
-        return _this.fetchData(_this.formData, {
-          callback: callback,
-          showLoading: showLoading
+        Object.defineProperty(this, "updateIsScrollToBottom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (tableBody) => {
+                const isScrollToBottom = (tableBody) => {
+                    const { scrollHeight, scrollTop, offsetHeight } = tableBody;
+                    return scrollHeight === scrollTop + offsetHeight;
+                };
+                this.setState({
+                    hasScrollToBottom: isScrollToBottom(tableBody),
+                });
+            }
         });
-      }
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "onTableChange", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value(pagination, filters, sorter) {
-        var _this$props2 = _this.props,
-          actions = _this$props2.actions,
-          localPagination = _this$props2.localPagination;
-        var tableParams = {
-          pageSize: pagination.pageSize,
-          current: pagination.current,
-          filters: (0, _isEmpty2["default"])(filters) ? undefined : filters,
-          sorter: (0, _isEmpty2["default"])(sorter) ? undefined : sorter
-        };
-        Object.assign(_this.formData, tableParams);
-        // 排序变化暂时不处理，因为有时可能是前端sorter不需要走请求
-        // 所以暂时排序有使用者自己处理
-        if (!localPagination) {
-          _this.fetchData(Object.assign(Object.assign({}, actions.getSubmittedFormData()), tableParams));
-          return;
-        }
-        var dataSource = _this.state.dataSource;
-        // 前端本地分页
-        if (localPagination) {
-          _this.setState({
-            dataSource: dataSource,
+        this.state = {
+            loading: false,
+            dataSource: [],
             pagination: {
-              current: pagination.current,
-              pageSize: pagination.pageSize,
-              total: pagination.total
-            }
-          }, function () {
-            actions.setData('formData', _this.formData);
-            actions.setData('pagination', _this.state.pagination);
-          });
-        }
-      }
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "onTableBodyScroll", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: (0, _throttle2["default"])(function (evt) {
-        _this.updateIsScrollToBottom(evt.target);
-      }, 50)
-    });
-    Object.defineProperty(_assertThisInitialized(_this), "updateIsScrollToBottom", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: function value(tableBody) {
-        var isScrollToBottom = function isScrollToBottom(tableBody) {
-          var scrollHeight = tableBody.scrollHeight,
-            scrollTop = tableBody.scrollTop,
-            offsetHeight = tableBody.offsetHeight;
-          return scrollHeight === scrollTop + offsetHeight;
+                // pageSize: 20,
+                current: 1,
+                total: 0,
+            },
+            scroll: props.scroll,
+            hasScrollToBottom: !((_a = props.scroll) === null || _a === void 0 ? void 0 : _a.y),
         };
-        _this.setState({
-          hasScrollToBottom: isScrollToBottom(tableBody)
-        });
-      }
-    });
-    _this.state = {
-      loading: false,
-      dataSource: [],
-      pagination: {
-        // pageSize: 20,
-        current: 1,
-        total: 0
-      },
-      scroll: props.scroll,
-      hasScrollToBottom: !((_a = props.scroll) === null || _a === void 0 ? void 0 : _a.y)
-    };
-    _this.tableRef = (0, _react.createRef)();
-    var actions = props.actions;
-    actions.on('search', _this.onSearch);
-    actions.on('setTableDataSource', _this.updateDataSource);
-    actions.on('setPagination', _this.updatePagination);
-    actions.on('setFormData', _this.onFormChange);
-    return _this;
-  }
-  _createClass(QueryList, [{
-    key: "render",
-    value: function render() {
-      var _a = this.props,
-        columns = _a.columns,
-        children = _a.children,
-        pagination = _a.pagination,
-        _a$localPagination = _a.localPagination,
-        localPagination = _a$localPagination === void 0 ? false : _a$localPagination,
-        _a$paginationSticky = _a.paginationSticky,
-        paginationSticky = _a$paginationSticky === void 0 ? false : _a$paginationSticky,
-        _a$className = _a.className,
-        className = _a$className === void 0 ? '' : _a$className,
-        qlsProps = _a.qlsProps,
-        rest = __rest(_a, ["columns", "children", "pagination", "localPagination", "paginationSticky", "className", "qlsProps"]);
-      var _this$state = this.state,
-        dataSource = _this$state.dataSource,
-        loading = _this$state.loading,
-        _this$state$expandedR = _this$state.expandedRowKeys,
-        expandedRowKeys = _this$state$expandedR === void 0 ? [] : _this$state$expandedR,
-        scroll = _this$state.scroll,
-        hasScrollToBottom = _this$state.hasScrollToBottom;
-      var hasPagination = typeof pagination !== 'undefined' ? pagination : true;
-      var paginationInfo = Object.assign(Object.assign(Object.assign({}, this.state.pagination), {
-        // size: 'small',
-        showQuickJumper: true,
-        showSizeChanger: true,
-        showTotal: function showTotal(total) {
-          return (0, _prevLocale.getText)('totalRecords', (0, _prevLocale.getLanguage)(), total);
-        }
-      }), pagination || {});
-      var expandProps = Object.assign({}, rest.defaultExpandAllRows ? {
-        expandedRowKeys: expandedRowKeys,
-        onExpandedRowsChange: this.onExpandedRowsChange
-      } : {});
-      return _react["default"].createElement("div", {
-        className: (0, _classnames["default"])("tnt-querylistscene-list ".concat(className), {
-          paginationSticky: paginationSticky,
-          hasScrollToBottom: hasScrollToBottom
-        })
-      }, _react["default"].createElement(_spin["default"], {
-        spinning: loading
-      }, _react["default"].createElement(_table["default"], Object.assign({
-        ref: this.tableRef,
-        shadowed: false,
-        bordered: false
-      }, expandProps, rest, columns ? {
-        columns: columns
-      } : {}, {
-        scroll: scroll,
-        dataSource: dataSource,
-        pagination: hasPagination ? paginationInfo : localPagination,
-        onChange: this.onTableChange
-      }), !columns && children)));
+        this.tableRef = (0, react_1.createRef)();
+        const { actions } = props;
+        actions.on('search', this.onSearch);
+        actions.on('setTableDataSource', this.updateDataSource);
+        actions.on('setPagination', this.updatePagination);
+        actions.on('setFormData', this.onFormChange);
     }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var _a;
-      var _this$props3 = this.props,
-        qlsProps = _this$props3.qlsProps,
-        actions = _this$props3.actions;
-      this.formData = Object.assign(Object.assign({}, actions.getFormData() || {}), qlsProps.memory ? actions.getPagination() : {});
-      if (!qlsProps.initSearch) {
-        // 默认进来不请求
-        this.fetchData(this.formData)["finally"](function () {
-          // 轮询
-          if (qlsProps.interval && !_this2.isUnmounted) {
-            var doIntervalQuery = function doIntervalQuery(ms) {
-              // 组件unmounted后，不执行轮训逻辑
-              if (!_this2.isUnmounted) {
-                _this2.timmer = setTimeout(function () {
-                  // 如果有查询请求还未结束，则该次轮询不执行，重新设置下次轮询
-                  if (!_this2.isFetching) {
-                    _this2.fetchData(actions.getSubmittedFormData(), {
-                      isInterval: true,
-                      showLoading: false
-                    }).then(function () {
-                      doIntervalQuery(ms);
-                    });
-                  } else {
-                    doIntervalQuery(ms);
-                  }
-                }, ms);
-              }
-            };
-            doIntervalQuery(qlsProps.interval);
-          }
-        });
-      }
-      if ((_a = this.state.scroll) === null || _a === void 0 ? void 0 : _a.y) {
-        window.addEventListener('resize', this.onWindowResize);
-        if (this.tableRef.current) {
-          // table内垂直滚动，需要动态设置分页组件上阴影样式
-          var tableBody = (0, _reactDom.findDOMNode)(this.tableRef.current).querySelector('.ant-table-body');
-          this.initialTop = window.innerHeight - this.state.scroll.y;
-          this.updateIsScrollToBottom(tableBody);
-          tableBody.addEventListener('scroll', this.onTableBodyScroll);
+    render() {
+        const _a = this.props, { columns, children, pagination, localPagination = false, paginationSticky = false, className = '', qlsProps } = _a, rest = __rest(_a, ["columns", "children", "pagination", "localPagination", "paginationSticky", "className", "qlsProps"]);
+        const { dataSource, loading, expandedRowKeys = [], scroll, hasScrollToBottom } = this.state;
+        const hasPagination = typeof pagination !== 'undefined' ? pagination : true;
+        const paginationInfo = Object.assign(Object.assign(Object.assign({}, this.state.pagination), { 
+            // size: 'small',
+            showQuickJumper: true, showSizeChanger: true, showTotal: (total) => (0, prev_locale_1.getText)('totalRecords', (0, prev_locale_1.getLanguage)(), total) }), (pagination || {}));
+        const expandProps = Object.assign({}, (rest.defaultExpandAllRows
+            ? {
+                expandedRowKeys,
+                onExpandedRowsChange: this.onExpandedRowsChange,
+            }
+            : {}));
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`tnt-querylistscene-list ${className}`, {
+                paginationSticky,
+                hasScrollToBottom,
+            }) },
+            react_1.default.createElement(spin_1.default, { spinning: loading },
+                react_1.default.createElement(table_1.default, Object.assign({ ref: this.tableRef, shadowed: false, bordered: false }, expandProps, rest, (columns
+                    ? {
+                        columns,
+                    }
+                    : {}), { scroll: scroll, dataSource: dataSource, pagination: hasPagination ? paginationInfo : localPagination, onChange: this.onTableChange }), !columns && children))));
+    }
+    componentDidMount() {
+        var _a;
+        const { qlsProps, actions } = this.props;
+        this.formData = Object.assign(Object.assign({}, (actions.getFormData() || {})), (qlsProps.memory ? actions.getPagination() : {}));
+        if (!qlsProps.initSearch) {
+            // 默认进来不请求
+            this.fetchData(this.formData).finally(() => {
+                // 轮询
+                if (qlsProps.interval && !this.isUnmounted) {
+                    const doIntervalQuery = (ms) => {
+                        // 组件unmounted后，不执行轮训逻辑
+                        if (!this.isUnmounted) {
+                            this.timmer = setTimeout(() => {
+                                // 如果有查询请求还未结束，则该次轮询不执行，重新设置下次轮询
+                                if (!this.isFetching) {
+                                    this.fetchData(actions.getSubmittedFormData(), {
+                                        isInterval: true,
+                                        showLoading: false,
+                                    }).then(() => {
+                                        doIntervalQuery(ms);
+                                    });
+                                }
+                                else {
+                                    doIntervalQuery(ms);
+                                }
+                            }, ms);
+                        }
+                    };
+                    doIntervalQuery(qlsProps.interval);
+                }
+            });
+        }
+        if ((_a = this.state.scroll) === null || _a === void 0 ? void 0 : _a.y) {
+            window.addEventListener('resize', this.onWindowResize);
+            if (this.tableRef.current) {
+                // table内垂直滚动，需要动态设置分页组件上阴影样式
+                const tableBody = (0, react_dom_1.findDOMNode)(this.tableRef.current).querySelector('.ant-table-body');
+                this.initialTop = window.innerHeight - this.state.scroll.y;
+                this.updateIsScrollToBottom(tableBody);
+                tableBody.addEventListener('scroll', this.onTableBodyScroll);
+            }
         }
-      }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var actions = this.props.actions;
-      this.isUnmounted = true;
-      actions.removeListener('search', this.onSearch);
-      actions.removeListener('setTableDataSource', this.updateDataSource);
-      actions.removeListener('setPagination', this.updatePagination);
-      actions.removeListener('setFormData', this.onFormChange);
-      window.removeEventListener('resize', this.onWindowResize);
-      this.timmer && clearTimeout(this.timmer);
+    componentWillUnmount() {
+        const { actions } = this.props;
+        this.isUnmounted = true;
+        actions.removeListener('search', this.onSearch);
+        actions.removeListener('setTableDataSource', this.updateDataSource);
+        actions.removeListener('setPagination', this.updatePagination);
+        actions.removeListener('setFormData', this.onFormChange);
+        window.removeEventListener('resize', this.onWindowResize);
+        this.timmer && clearTimeout(this.timmer);
     }
-  }]);
-  return QueryList;
-}(_react["default"].PureComponent);
-exports["default"] = QueryList;
+}
+exports.default = QueryList;
+//# sourceMappingURL=List.js.map