tntd 3.0.28 → 3.0.29-beta.1

package/es/query-form/index.less

@@ -1,73 +1,39 @@
 .tnt-queryform {
-  display: flex;
-
-  &-extra {
-    line-height: 32px;
-    margin-left: 12px;
-    & > * {
-      margin-left: 8px;
-    }
-  }
-
-  &-actions {
-    align-items: center;
-    display: inline-block;
-    height: 32px;
-    line-height: 32px;
-
-    & > *:not(.expand-link) {
-      margin-right: 10px;
-    }
-    & > .expand-link {
-      padding: 0;
-      margin-right: 0;
-    }
-    & > .ant-badge {
-      .tnt-icon {
-        margin-right: 8px;
-      }
-    }
-  }
-
-  .ant-form {
-    display: inline-block;
-    margin-bottom: 12px;
+  &-top {
     display: flex;
     flex: 1;
-    &.ant-form-inline {
-      flex-wrap: unset;
-    }
-
-    & > div:nth-child(1) {
-      height: 32px;
-      overflow: hidden;
-      .ant-form-item-label {
-        label {
-          // bottom: 4px;
-        }
+    &-body {
+      flex: 1;
+      .ant-btn {
+        margin-right: 10px;
       }
     }
-
-    &.expanded {
-      & > div:nth-child(1) {
-        height: auto !important;
+  }
+  &-inline {
+    .tnt-queryform-top-body {
+      display: flex;
+      .tnt-queryform-composition-input {
+        flex: 1;
       }
     }
+  }
 
-    &.showMore {
-      & > div:nth-child(1) {
-        .ant-form-item {
-          margin-bottom: 12px;
-        }
-      }
+  &-extra {
+    & > * {
+      margin-left: 10px;
     }
+  }
 
-    & > div:nth-child(2) {
-      display: flex;
+  .ant-form {
+    // margin-bottom: @margin-sm;
+    &.ant-form-inline {
+      flex-wrap: unset;
+      position: relative;
     }
 
     &.ant-form-inline .ant-form-item {
       margin-right: 10px;
+      margin-bottom: @margin-sm;
       display: inline-block;
     }
 
@@ -75,7 +41,7 @@
       // min-width: 160px;
       line-height: unset;
       .ant-calendar-picker-input {
-        padding: 0 11px;
+        padding: 0 @padding-sm;
       }
       .ant-form-item-children {
         & > .ant-input,
@@ -88,7 +54,7 @@
   }
 
   &-drawer {
-    margin-top: 50px;
+    margin-top: @margin-xxl;
     &.large-size {
       margin-top: 60px;
     }
@@ -103,7 +69,7 @@
       .ant-form-item {
         display: block;
         margin-right: 0;
-        margin-bottom: 20px;
+        margin-bottom: @margin-md;
         width: 100%;
       }
       .ant-form-item-label {
@@ -125,7 +91,7 @@
         width: 100%;
         margin-bottom: 10px;
         &.ant-btn-primary {
-          margin-top: 20px;
+          margin-top: @margin-md;
         }
       }
     }

package/es/query-form-backup/Field/Composition/FieldPopover.less

@@ -0,0 +1,35 @@
+.tnt-queryform-field-popover {
+  min-width: 280px;
+  .ant-popover-inner-content {
+    padding: @padding-sm 0;
+  }
+  .ant-calendar-picker {
+    margin: @margin-xxs 0;
+  }
+  label {
+    color: tint(@text-color, 50%);
+    margin-bottom: @margin-xs;
+    display: block;
+    padding: 0 @padding-sm;
+  }
+  .ant-select-dropdown-menu {
+    &-item {
+      padding: @padding-xxs @padding-sm;
+      &:hover {
+        background-color: @bg-color-quaternary;
+      }
+    }
+  }
+  &-content {
+    padding: @padding-xxs @padding-sm;
+  }
+  .ant-select-selected-icon {
+    position: absolute;
+    right: @margin-base;
+    top: @margin-xs;
+    color: @blue-6;
+  }
+  .tnt-highlight {
+    color: @blue-6;
+  }
+}

package/es/query-form-backup/Field/Composition/index.less

@@ -0,0 +1,114 @@
+@import '../../../style/themes/index';
+@import '../../../style/mixins/index';
+@import '../../../input/style/mixin';
+
+.tnt-queryform-composition-input {
+  // width: 100%;
+  max-height: 162px;
+  overflow-x: hidden;
+  cursor: text;
+  padding: 2px @padding-xl;
+  position: relative;
+  box-sizing: border-box;
+  background-color: @select-background;
+  border: @border-width-base @border-style-base @select-border-color;
+  border-top-width: calc(@border-width-base + 0.02px);
+  border-radius: @border-radius-base;
+  outline: none;
+  transition: all 0.3s @ease-in-out;
+  user-select: none;
+  margin-bottom: @margin-sm;
+
+  &-prefix {
+    position: absolute;
+    left: @padding-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+  }
+
+  &-width {
+    height: 0;
+    opacity: 0;
+    width: auto;
+    position: absolute;
+    max-width: 100%;
+  }
+
+  &-items {
+    float: left;
+    padding: 0;
+    list-style: none;
+    margin: 0;
+    width: 100%;
+    &-item {
+      padding: 3px 0;
+    }
+    li {
+      float: left;
+      line-height: 1;
+    }
+    &-input {
+      .inputClass {
+        background: none;
+        border: none !important;
+        outline: none;
+        box-shadow: none !important;
+        width: 150px !important;
+        height: 26px;
+        line-height: 26px;
+        padding: 0;
+        input {
+          border: none !important;
+          outline: none !important;
+          box-shadow: none !important;
+          height: 26px;
+          line-height: 26px;
+          padding: 0;
+        }
+        textarea {
+          padding: 0;
+        }
+      }
+      .inputClass-with-placeholder {
+        min-width: 398px !important;
+      }
+    }
+  }
+  &-clear {
+    position: absolute;
+    right: @margin-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    display: none;
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+    &:hover {
+      .anticon {
+        color: @text-color-secondary !important;
+      }
+    }
+  }
+  &:hover {
+    border-color: @blue-6;
+    outline: 0;
+    .tnt-queryform-composition-input-clear {
+      display: block;
+    }
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  &:focus,
+  &:active {
+    border-color: @blue-5;
+    outline: 0;
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  .ant-tag {
+    padding: 0 @padding-xs;
+    border: none;
+    background: @fill-color-tertiary;
+  }
+}

package/es/query-form-backup/index.less

@@ -0,0 +1,90 @@
+.tnt-queryform {
+  &-top {
+    display: flex;
+    &-body {
+      flex: 1;
+      .ant-btn {
+        margin-right: 10px;
+      }
+    }
+  }
+
+  &-extra {
+    & > * {
+      margin-left: 10px;
+    }
+  }
+
+  .ant-form {
+    // margin-bottom: @margin-sm;
+    &.ant-form-inline {
+      flex-wrap: unset;
+      position: relative;
+    }
+
+    &.ant-form-inline .ant-form-item {
+      margin-right: 10px;
+      margin-bottom: @margin-sm;
+      display: inline-block;
+    }
+
+    .ant-form-item-control {
+      // min-width: 160px;
+      line-height: unset;
+      .ant-calendar-picker-input {
+        padding: 0 @padding-sm;
+      }
+      .ant-form-item-children {
+        & > .ant-input,
+        & > .ant-input-affix-wrapper {
+          width: 160px;
+          // width: 200px;
+        }
+      }
+    }
+  }
+
+  &-drawer {
+    margin-top: @margin-xxl;
+    &.large-size {
+      margin-top: 60px;
+    }
+
+    &.ant-drawer.ant-drawer-open {
+      .ant-drawer-mask {
+        opacity: 0;
+        background: unset;
+      }
+    }
+    .ant-drawer-body {
+      .ant-form-item {
+        display: block;
+        margin-right: 0;
+        margin-bottom: @margin-md;
+        width: 100%;
+      }
+      .ant-form-item-label {
+        display: block;
+        text-align: left;
+        line-height: 22px;
+        margin-bottom: 10px;
+      }
+      .ant-form-item-control-wrapper,
+      .ant-form-item-control,
+      .ant-calendar-picker,
+      .ant-input {
+        min-width: 100%;
+        width: 100%;
+      }
+
+      & > .ant-btn {
+        display: block;
+        width: 100%;
+        margin-bottom: 10px;
+        &.ant-btn-primary {
+          margin-top: @margin-md;
+        }
+      }
+    }
+  }
+}

package/es/query-form-v2/index.less

@@ -0,0 +1,133 @@
+.tnt-queryform {
+  display: flex;
+
+  &-extra {
+    line-height: 32px;
+    margin-left: 12px;
+    & > * {
+      margin-left: 8px;
+    }
+  }
+
+  &-actions {
+    align-items: center;
+    display: inline-block;
+    height: 32px;
+    line-height: 32px;
+
+    & > *:not(.expand-link) {
+      margin-right: 10px;
+    }
+    & > .expand-link {
+      padding: 0;
+      margin-right: 0;
+    }
+    & > .ant-badge {
+      .tnt-icon {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  .ant-form {
+    display: inline-block;
+    margin-bottom: 12px;
+    display: flex;
+    flex: 1;
+    &.ant-form-inline {
+      flex-wrap: unset;
+    }
+
+    & > div:nth-child(1) {
+      height: 32px;
+      overflow: hidden;
+      .ant-form-item-label {
+        label {
+          // bottom: 4px;
+        }
+      }
+    }
+
+    &.expanded {
+      & > div:nth-child(1) {
+        height: auto !important;
+      }
+    }
+
+    &.showMore {
+      & > div:nth-child(1) {
+        .ant-form-item {
+          margin-bottom: 12px;
+        }
+      }
+    }
+
+    & > div:nth-child(2) {
+      display: flex;
+    }
+
+    &.ant-form-inline .ant-form-item {
+      margin-right: 10px;
+      display: inline-block;
+    }
+
+    .ant-form-item-control {
+      // min-width: 160px;
+      line-height: unset;
+      .ant-calendar-picker-input {
+        padding: 0 11px;
+      }
+      .ant-form-item-children {
+        & > .ant-input,
+        & > .ant-input-affix-wrapper {
+          width: 160px;
+          // width: 200px;
+        }
+      }
+    }
+  }
+
+  &-drawer {
+    margin-top: 50px;
+    &.large-size {
+      margin-top: 60px;
+    }
+
+    &.ant-drawer.ant-drawer-open {
+      .ant-drawer-mask {
+        opacity: 0;
+        background: unset;
+      }
+    }
+    .ant-drawer-body {
+      .ant-form-item {
+        display: block;
+        margin-right: 0;
+        margin-bottom: 20px;
+        width: 100%;
+      }
+      .ant-form-item-label {
+        display: block;
+        text-align: left;
+        line-height: 22px;
+        margin-bottom: 10px;
+      }
+      .ant-form-item-control-wrapper,
+      .ant-form-item-control,
+      .ant-calendar-picker,
+      .ant-input {
+        min-width: 100%;
+        width: 100%;
+      }
+
+      & > .ant-btn {
+        display: block;
+        width: 100%;
+        margin-bottom: 10px;
+        &.ant-btn-primary {
+          margin-top: 20px;
+        }
+      }
+    }
+  }
+}

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

@@ -1,3 +1,5 @@
+import _trim from "lodash/trim";
+import _isString from "lodash/isString";
 import _throttle from "lodash/throttle";
 import _pickBy from "lodash/pickBy";
 import _isEmpty from "lodash/isEmpty";
@@ -21,6 +23,17 @@ import { findDOMNode } from 'react-dom';
 import { getLanguage, getText } from '../prev-locale';
 import Spin from '../spin';
 import Table from '../table';
+const trimSpace = params => {
+  if (params) {
+    Object.keys(params).forEach(key => {
+      const value = params[key];
+      if (_isString(value)) {
+        params[key] = _trim(value);
+      }
+    });
+  }
+  return params;
+};
 export default class QueryList extends React.PureComponent {
   constructor(props) {
     var _a;
@@ -141,8 +154,7 @@ export default class QueryList extends React.PureComponent {
         callback,
         showLoading = true
       } = {}) => {
-        this.formData = Object.assign(Object.assign({}, this.formData), values);
-        // this.props.actions.setData('formData', this.formData);
+        this.formData = trimSpace(Object.assign(Object.assign({}, this.formData), values));
         return this.fetchData(this.formData, {
           callback,
           showLoading
@@ -256,7 +268,9 @@ export default class QueryList extends React.PureComponent {
       hasScrollToBottom
     } = this.state;
     const hasPagination = typeof pagination !== 'undefined' ? pagination : true;
-    const paginationInfo = Object.assign(Object.assign(Object.assign({}, this.state.pagination), {
+    const paginationInfo = Object.assign(Object.assign(Object.assign({
+      hideOnSinglePage: false
+    }, this.state.pagination), {
       // size: 'small',
       showQuickJumper: true,
       showSizeChanger: true,

package/es/query-list-scene/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/query-list-scene/List.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file QueryList\n * @author you.zhang\n */\nimport cn from 'classnames'\nimport { debounce, get, isEmpty, pickBy, throttle } from 'lodash'\nimport React, { createRef } from 'react'\nimport { findDOMNode } from 'react-dom'\n\nimport { getLanguage, getText } from '../prev-locale'\nimport Spin from '../spin'\nimport Table from '../table'\n\nexport default class QueryList extends React.PureComponent {\n  constructor(props) {\n    super(props)\n    this.state = {\n      loading: false,\n      dataSource: [],\n      pagination: {\n        // pageSize: 20,\n        current: 1,\n        total: 0,\n      },\n      scroll: props.scroll,\n      hasScrollToBottom: !props.scroll?.y,\n    }\n\n    this.tableRef = createRef()\n\n    const { actions } = props\n    actions.on('search', this.onSearch)\n    actions.on('setTableDataSource', this.updateDataSource)\n    actions.on('setPagination', this.updatePagination)\n    actions.on('setFormData', this.onFormChange)\n  }\n\n  render() {\n    const {\n      columns,\n      children,\n      pagination,\n      localPagination = false,\n      paginationSticky = false,\n      className = '',\n      qlsProps,\n      ...rest\n    } = this.props\n    const { dataSource, loading, expandedRowKeys = [], scroll, hasScrollToBottom } = this.state\n    const hasPagination = typeof pagination !== 'undefined' ? pagination : true\n    const paginationInfo = {\n      ...this.state.pagination,\n      // size: 'small',\n      showQuickJumper: true,\n      showSizeChanger: true,\n      showTotal: (total) => getText('totalRecords', getLanguage(), total),\n      ...(pagination || {}),\n    }\n    const expandProps = {\n      ...(rest.defaultExpandAllRows\n        ? {\n            expandedRowKeys,\n            onExpandedRowsChange: this.onExpandedRowsChange,\n          }\n        : {}),\n    }\n\n    return (\n      <div\n        className={cn(`tnt-querylistscene-list ${className}`, {\n          paginationSticky,\n          hasScrollToBottom,\n        })}\n      >\n        <Spin spinning={loading}>\n          <Table\n            ref={this.tableRef}\n            shadowed={false}\n            bordered={false}\n            {...expandProps}\n            {...rest}\n            {...(columns\n              ? {\n                  columns,\n                }\n              : {})}\n            scroll={scroll}\n            dataSource={dataSource}\n            pagination={hasPagination ? paginationInfo : localPagination}\n            onChange={this.onTableChange}\n          >\n            {!columns && children}\n          </Table>\n        </Spin>\n      </div>\n    )\n  }\n\n  onWindowResize = debounce(() => {\n    const { scroll } = this.state\n\n    this.setState({\n      scroll: {\n        ...scroll,\n        y: window.innerHeight - (this.initialTop || this.props.top || 200),\n      },\n    })\n  }, 50)\n\n  componentDidMount() {\n    const { qlsProps, actions } = this.props\n\n    this.formData = {\n      ...(actions.getFormData() || {}),\n      // 记住上次查询的分页参数\n      ...(qlsProps.memory ? actions.getPagination() : {}),\n    }\n\n    if (!qlsProps.initSearch) {\n      // 默认进来不请求\n      this.fetchData(this.formData).finally(() => {\n        // 轮询\n        if (qlsProps.interval && !this.isUnmounted) {\n          const doIntervalQuery = (ms) => {\n            // 组件unmounted后，不执行轮训逻辑\n            if (!this.isUnmounted) {\n              this.timmer = setTimeout(() => {\n                // 如果有查询请求还未结束，则该次轮询不执行，重新设置下次轮询\n                if (!this.isFetching) {\n                  this.fetchData(actions.getSubmittedFormData(), {\n                    isInterval: true,\n                    showLoading: false,\n                  }).then(() => {\n                    doIntervalQuery(ms)\n                  })\n                } else {\n                  doIntervalQuery(ms)\n                }\n              }, ms)\n            }\n          }\n          doIntervalQuery(qlsProps.interval)\n        }\n      })\n    }\n    if (this.state.scroll?.y) {\n      window.addEventListener('resize', this.onWindowResize)\n\n      if (this.tableRef.current) {\n        // table内垂直滚动，需要动态设置分页组件上阴影样式\n        const tableBody = findDOMNode(this.tableRef.current).querySelector('.ant-table-body')\n        this.initialTop = window.innerHeight - this.state.scroll.y\n        this.updateIsScrollToBottom(tableBody)\n        tableBody.addEventListener('scroll', this.onTableBodyScroll)\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    const { actions } = this.props\n\n    this.isUnmounted = true\n\n    actions.removeListener('search', this.onSearch)\n    actions.removeListener('setTableDataSource', this.updateDataSource)\n    actions.removeListener('setPagination', this.updatePagination)\n    actions.removeListener('setFormData', this.onFormChange)\n    window.removeEventListener('resize', this.onWindowResize)\n    this.timmer && clearTimeout(this.timmer)\n  }\n\n  fetchData = (params = {}, { callback, showLoading = true, isInterval } = {}) => {\n    const {\n      qlsProps: { query },\n      defaultExpandAllRows,\n      rowKey,\n      actions,\n    } = this.props\n    const { pagination } = this.state\n    const hasPagination = this.props.pagination !== false\n\n    if (hasPagination) {\n      params = {\n        pageSize: pagination.pageSize,\n        current: pagination.current,\n        ...params,\n      }\n    }\n\n    showLoading &&\n      this.setState({\n        loading: true,\n      })\n\n    // 当用户操作查询还未得到服务端响应前,不要执行轮询请求时序问题导致覆盖\n    if (!isInterval) {\n      this.isFetching = true\n    }\n\n    actions.setData('submittedFormData', params)\n\n    return query(pickBy(params, (val) => val !== '' && val !== null && val !== undefined))\n      .then((result) => {\n        const dataSource = hasPagination ? result.data || [] : result\n\n        this.setState(\n          {\n            loading: false,\n            dataSource,\n            pagination: hasPagination\n              ? {\n                  pageSize: result.pageSize || pagination.pageSize || 10,\n                  current: result.current || params.current || pagination.current || 1,\n                  total: result.total || 0,\n                }\n              : null,\n            ...(defaultExpandAllRows\n              ? {\n                  expandedRowKeys: dataSource.map((row) => row[rowKey]),\n                }\n              : {}),\n          },\n          () => {\n            actions.setData('pagination', this.state.pagination)\n            actions.setData('dataSource', this.state.dataSource)\n          }\n        )\n      })\n      .finally(() => {\n        this.isFetching = false\n        showLoading &&\n          this.setState({\n            loading: false,\n          })\n        callback && callback()\n      })\n  }\n\n  updateDataSource = (dataSource) => {\n    this.setState({\n      dataSource,\n    })\n    this.props.actions.setData('dataSource', dataSource)\n  }\n\n  updatePagination = (pagination) => {\n    this.setState({\n      pagination,\n    })\n    this.props.actions.setData('pagination', pagination)\n  }\n\n  onFormChange = (values) => {\n    this.formData = pickBy(\n      {\n        ...values,\n        sorter: get(this.formData, 'sorter'),\n        filters: get(this.formData, 'filters'),\n      },\n      (val) => val !== undefined\n    )\n  }\n\n  onSearch = (values, { callback, showLoading = true } = {}) => {\n    this.formData = {\n      ...this.formData,\n      ...values,\n    }\n    // this.props.actions.setData('formData', this.formData);\n    return this.fetchData(this.formData, { callback, showLoading })\n  }\n\n  onTableChange = (pagination, filters, sorter) => {\n    const { actions, localPagination } = this.props\n    const tableParams = {\n      pageSize: pagination.pageSize,\n      current: pagination.current,\n      filters: isEmpty(filters) ? undefined : filters,\n      sorter: isEmpty(sorter) ? undefined : sorter,\n    }\n\n    Object.assign(this.formData, tableParams)\n\n    // 排序变化暂时不处理，因为有时可能是前端sorter不需要走请求\n    // 所以暂时排序有使用者自己处理\n    if (!localPagination) {\n      this.fetchData({\n        ...actions.getSubmittedFormData(),\n        ...tableParams,\n      })\n      return\n    }\n\n    const { dataSource } = this.state\n\n    // 前端本地分页\n    if (localPagination) {\n      this.setState(\n        {\n          dataSource,\n          pagination: {\n            current: pagination.current,\n            pageSize: pagination.pageSize,\n            total: pagination.total,\n          },\n        },\n        () => {\n          actions.setData('formData', this.formData)\n          actions.setData('pagination', this.state.pagination)\n        }\n      )\n    }\n  }\n\n  onTableBodyScroll = throttle((evt) => {\n    this.updateIsScrollToBottom(evt.target)\n  }, 50)\n\n  updateIsScrollToBottom = (tableBody) => {\n    const isScrollToBottom = (tableBody) => {\n      const { scrollHeight, scrollTop, offsetHeight } = tableBody\n\n      return scrollHeight === scrollTop + offsetHeight\n    }\n\n    this.setState({\n      hasScrollToBottom: isScrollToBottom(tableBody),\n    })\n  }\n}\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/query-list-scene/List.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file QueryList\n * @author you.zhang\n */\nimport cn from 'classnames'\nimport { debounce, get, isEmpty, pickBy, throttle, isString, trim } from 'lodash'\nimport React, { createRef } from 'react'\nimport { findDOMNode } from 'react-dom'\n\nimport { getLanguage, getText } from '../prev-locale'\nimport Spin from '../spin'\nimport Table from '../table'\n\nconst trimSpace = (params) => {\n  if (params) {\n    Object.keys(params).forEach((key) => {\n      const value = params[key]\n      if (isString(value)) {\n        params[key] = trim(value)\n      }\n    })\n  }\n  return params\n}\n\nexport default class QueryList extends React.PureComponent {\n  constructor(props) {\n    super(props)\n    this.state = {\n      loading: false,\n      dataSource: [],\n      pagination: {\n        // pageSize: 20,\n        current: 1,\n        total: 0,\n      },\n      scroll: props.scroll,\n      hasScrollToBottom: !props.scroll?.y,\n    }\n\n    this.tableRef = createRef()\n\n    const { actions } = props\n    actions.on('search', this.onSearch)\n    actions.on('setTableDataSource', this.updateDataSource)\n    actions.on('setPagination', this.updatePagination)\n    actions.on('setFormData', this.onFormChange)\n  }\n\n  render() {\n    const {\n      columns,\n      children,\n      pagination,\n      localPagination = false,\n      paginationSticky = false,\n      className = '',\n      qlsProps,\n      ...rest\n    } = this.props\n    const { dataSource, loading, expandedRowKeys = [], scroll, hasScrollToBottom } = this.state\n    const hasPagination = typeof pagination !== 'undefined' ? pagination : true\n    const paginationInfo = {\n      hideOnSinglePage: false,\n      ...this.state.pagination,\n      // size: 'small',\n      showQuickJumper: true,\n      showSizeChanger: true,\n      showTotal: (total) => getText('totalRecords', getLanguage(), total),\n      ...(pagination || {}),\n    }\n    const expandProps = {\n      ...(rest.defaultExpandAllRows\n        ? {\n            expandedRowKeys,\n            onExpandedRowsChange: this.onExpandedRowsChange,\n          }\n        : {}),\n    }\n\n    return (\n      <div\n        className={cn(`tnt-querylistscene-list ${className}`, {\n          paginationSticky,\n          hasScrollToBottom,\n        })}\n      >\n        <Spin spinning={loading}>\n          <Table\n            ref={this.tableRef}\n            shadowed={false}\n            bordered={false}\n            {...expandProps}\n            {...rest}\n            {...(columns\n              ? {\n                  columns,\n                }\n              : {})}\n            scroll={scroll}\n            dataSource={dataSource}\n            pagination={hasPagination ? paginationInfo : localPagination}\n            onChange={this.onTableChange}\n          >\n            {!columns && children}\n          </Table>\n        </Spin>\n      </div>\n    )\n  }\n\n  onWindowResize = debounce(() => {\n    const { scroll } = this.state\n\n    this.setState({\n      scroll: {\n        ...scroll,\n        y: window.innerHeight - (this.initialTop || this.props.top || 200),\n      },\n    })\n  }, 50)\n\n  componentDidMount() {\n    const { qlsProps, actions } = this.props\n\n    this.formData = {\n      ...(actions.getFormData() || {}),\n      // 记住上次查询的分页参数\n      ...(qlsProps.memory ? actions.getPagination() : {}),\n    }\n\n    if (!qlsProps.initSearch) {\n      // 默认进来不请求\n      this.fetchData(this.formData).finally(() => {\n        // 轮询\n        if (qlsProps.interval && !this.isUnmounted) {\n          const doIntervalQuery = (ms) => {\n            // 组件unmounted后，不执行轮训逻辑\n            if (!this.isUnmounted) {\n              this.timmer = setTimeout(() => {\n                // 如果有查询请求还未结束，则该次轮询不执行，重新设置下次轮询\n                if (!this.isFetching) {\n                  this.fetchData(actions.getSubmittedFormData(), {\n                    isInterval: true,\n                    showLoading: false,\n                  }).then(() => {\n                    doIntervalQuery(ms)\n                  })\n                } else {\n                  doIntervalQuery(ms)\n                }\n              }, ms)\n            }\n          }\n          doIntervalQuery(qlsProps.interval)\n        }\n      })\n    }\n    if (this.state.scroll?.y) {\n      window.addEventListener('resize', this.onWindowResize)\n\n      if (this.tableRef.current) {\n        // table内垂直滚动，需要动态设置分页组件上阴影样式\n        const tableBody = findDOMNode(this.tableRef.current).querySelector('.ant-table-body')\n        this.initialTop = window.innerHeight - this.state.scroll.y\n        this.updateIsScrollToBottom(tableBody)\n        tableBody.addEventListener('scroll', this.onTableBodyScroll)\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    const { actions } = this.props\n\n    this.isUnmounted = true\n\n    actions.removeListener('search', this.onSearch)\n    actions.removeListener('setTableDataSource', this.updateDataSource)\n    actions.removeListener('setPagination', this.updatePagination)\n    actions.removeListener('setFormData', this.onFormChange)\n    window.removeEventListener('resize', this.onWindowResize)\n    this.timmer && clearTimeout(this.timmer)\n  }\n\n  fetchData = (params = {}, { callback, showLoading = true, isInterval } = {}) => {\n    const {\n      qlsProps: { query },\n      defaultExpandAllRows,\n      rowKey,\n      actions,\n    } = this.props\n    const { pagination } = this.state\n    const hasPagination = this.props.pagination !== false\n\n    if (hasPagination) {\n      params = {\n        pageSize: pagination.pageSize,\n        current: pagination.current,\n        ...params,\n      }\n    }\n\n    showLoading &&\n      this.setState({\n        loading: true,\n      })\n\n    // 当用户操作查询还未得到服务端响应前,不要执行轮询请求时序问题导致覆盖\n    if (!isInterval) {\n      this.isFetching = true\n    }\n\n    actions.setData('submittedFormData', params)\n\n    return query(pickBy(params, (val) => val !== '' && val !== null && val !== undefined))\n      .then((result) => {\n        const dataSource = hasPagination ? result.data || [] : result\n\n        this.setState(\n          {\n            loading: false,\n            dataSource,\n            pagination: hasPagination\n              ? {\n                  pageSize: result.pageSize || pagination.pageSize || 10,\n                  current: result.current || params.current || pagination.current || 1,\n                  total: result.total || 0,\n                }\n              : null,\n            ...(defaultExpandAllRows\n              ? {\n                  expandedRowKeys: dataSource.map((row) => row[rowKey]),\n                }\n              : {}),\n          },\n          () => {\n            actions.setData('pagination', this.state.pagination)\n            actions.setData('dataSource', this.state.dataSource)\n          }\n        )\n      })\n      .finally(() => {\n        this.isFetching = false\n        showLoading &&\n          this.setState({\n            loading: false,\n          })\n        callback && callback()\n      })\n  }\n\n  updateDataSource = (dataSource) => {\n    this.setState({\n      dataSource,\n    })\n    this.props.actions.setData('dataSource', dataSource)\n  }\n\n  updatePagination = (pagination) => {\n    this.setState({\n      pagination,\n    })\n    this.props.actions.setData('pagination', pagination)\n  }\n\n  onFormChange = (values) => {\n    this.formData = pickBy(\n      {\n        ...values,\n        sorter: get(this.formData, 'sorter'),\n        filters: get(this.formData, 'filters'),\n      },\n      (val) => val !== undefined\n    )\n  }\n\n  onSearch = (values, { callback, showLoading = true } = {}) => {\n    this.formData = trimSpace({\n      ...this.formData,\n      ...values,\n    })\n    return this.fetchData(this.formData, { callback, showLoading })\n  }\n\n  onTableChange = (pagination, filters, sorter) => {\n    const { actions, localPagination } = this.props\n    const tableParams = {\n      pageSize: pagination.pageSize,\n      current: pagination.current,\n      filters: isEmpty(filters) ? undefined : filters,\n      sorter: isEmpty(sorter) ? undefined : sorter,\n    }\n\n    Object.assign(this.formData, tableParams)\n\n    // 排序变化暂时不处理，因为有时可能是前端sorter不需要走请求\n    // 所以暂时排序有使用者自己处理\n    if (!localPagination) {\n      this.fetchData({\n        ...actions.getSubmittedFormData(),\n        ...tableParams,\n      })\n      return\n    }\n\n    const { dataSource } = this.state\n\n    // 前端本地分页\n    if (localPagination) {\n      this.setState(\n        {\n          dataSource,\n          pagination: {\n            current: pagination.current,\n            pageSize: pagination.pageSize,\n            total: pagination.total,\n          },\n        },\n        () => {\n          actions.setData('formData', this.formData)\n          actions.setData('pagination', this.state.pagination)\n        }\n      )\n    }\n  }\n\n  onTableBodyScroll = throttle((evt) => {\n    this.updateIsScrollToBottom(evt.target)\n  }, 50)\n\n  updateIsScrollToBottom = (tableBody) => {\n    const isScrollToBottom = (tableBody) => {\n      const { scrollHeight, scrollTop, offsetHeight } = tableBody\n\n      return scrollHeight === scrollTop + offsetHeight\n    }\n\n    this.setState({\n      hasScrollToBottom: isScrollToBottom(tableBody),\n    })\n  }\n}\n"]}