tntd 1.4.16 → 2.0.0-beta

package/dist/es/business-components/query-form/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/dist/es/business-components/query-form/useForm.js

@@ -0,0 +1,7 @@
+import { useRef } from 'react';
+import createActions from './createActions';
+export default function useForm() {
+    const form = useRef(createActions());
+    return [form.current];
+}
+//# sourceMappingURL=useForm.js.map

package/dist/es/business-components/query-form/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../../src/business-components/query-form/useForm.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IAEpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useForm() {\n  const form = useRef(createActions())\n\n  return [form.current]\n}\n"]}

package/dist/es/business-components/query-list-scene/List.js

@@ -0,0 +1,282 @@
+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;
+};
+/**
+ * @file QueryList
+ * @author you.zhang
+ */
+import React, { createRef } from 'react';
+import { findDOMNode } from 'react-dom';
+import cn from 'classnames';
+import { get, pickBy, isEmpty, debounce, throttle } from 'lodash';
+import { Spin } from 'antd';
+import { Table } from '../../table';
+import { getText, getLanguage } from '../locale';
+export default class QueryList extends React.PureComponent {
+    constructor(props) {
+        var _a;
+        super(props);
+        Object.defineProperty(this, "onWindowResize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: debounce(() => {
+                const { scroll } = this.state;
+                this.setState({
+                    scroll: Object.assign(Object.assign({}, scroll), { y: window.innerHeight - (this.initialTop || this.props.top || 200) }),
+                });
+            }, 50)
+        });
+        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(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();
+                });
+            }
+        });
+        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 = pickBy(Object.assign(Object.assign({}, values), { sorter: get(this.formData, 'sorter'), filters: get(this.formData, 'filters') }), (val) => val !== undefined);
+            }
+        });
+        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 });
+            }
+        });
+        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: isEmpty(filters) ? undefined : filters,
+                    sorter: isEmpty(sorter) ? undefined : sorter,
+                };
+                console.log('onTableChange...', actions.getSubmittedFormData(), this.formData);
+                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);
+                    });
+                }
+            }
+        });
+        Object.defineProperty(this, "onTableBodyScroll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: throttle((evt) => {
+                console.log('onTableBodyScroll', evt.target.scrollTop);
+                this.updateIsScrollToBottom(evt.target);
+            }, 50)
+        });
+        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),
+                });
+            }
+        });
+        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 = createRef();
+        const { actions } = props;
+        actions.on('search', this.onSearch);
+        actions.on('setTableDataSource', this.updateDataSource);
+        actions.on('setPagination', this.updatePagination);
+        actions.on('setFormData', this.onFormChange);
+    }
+    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) => getText('totalRecords', getLanguage(), total) }), (pagination || {}));
+        const expandProps = Object.assign({}, (rest.defaultExpandAllRows
+            ? {
+                expandedRowKeys,
+                onExpandedRowsChange: this.onExpandedRowsChange,
+            }
+            : {}));
+        return (React.createElement("div", { className: cn(`tnt-querylistscene-list ${className}`, {
+                paginationSticky,
+                hasScrollToBottom,
+            }) },
+            React.createElement(Spin, { spinning: loading },
+                React.createElement(Table, Object.assign({ ref: this.tableRef }, 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 = findDOMNode(this.tableRef.current).querySelector('.ant-table-body');
+                this.initialTop = window.innerHeight - this.state.scroll.y;
+                this.updateIsScrollToBottom(tableBody);
+                tableBody.addEventListener('scroll', this.onTableBodyScroll);
+            }
+        }
+    }
+    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);
+    }
+}
+//# sourceMappingURL=List.js.map

package/dist/es/business-components/query-list-scene/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/business-components/query-list-scene/List.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file QueryList\n * @author you.zhang\n */\nimport React, { createRef } from 'react'\nimport { findDOMNode } from 'react-dom'\nimport cn from 'classnames'\nimport { get, pickBy, isEmpty, debounce, throttle } from 'lodash'\nimport { Spin } from 'antd'\nimport { Table } from '../../table'\nimport { getText, getLanguage } from '../locale'\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            {...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    console.log('onTableChange...', actions.getSubmittedFormData(), this.formData)\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    console.log('onTableBodyScroll', evt.target.scrollTop)\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"]}

package/dist/es/business-components/query-list-scene/QueryForm.js

@@ -0,0 +1,104 @@
+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;
+};
+import React from 'react';
+import classnames from 'classnames';
+import Form from '../query-form';
+const clsPrefix = 'tnt-querylistscene-queryform';
+export default class QueryForm extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "onSearch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { onSearch, actions } = this.props;
+                const values = actions.getFormData();
+                const params = Object.assign(Object.assign({}, values), { current: 1 });
+                // memory 与 url解析setForm时 监听事件异步
+                actions.setData('formData', values);
+                Promise.resolve().then(() => {
+                    onSearch && onSearch(params);
+                    actions.emit('search', params);
+                });
+            }
+        });
+        Object.defineProperty(this, "onReset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { initialValues, onReset, actions } = this.props;
+                actions.setFormData(initialValues, false);
+                onReset && onReset(initialValues);
+                this.onSearch();
+            }
+        });
+        Object.defineProperty(this, "onChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (newValues, changedInfo, ...rest) => {
+                const { onChange, actions } = this.props;
+                onChange && onChange(newValues, changedInfo, ...rest);
+                actions.setFormData(newValues, false);
+            }
+        });
+        Object.defineProperty(this, "setFormData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (data, needSearch) => {
+                const { actions } = this.props;
+                actions.setData('formData', data);
+                this.form.setValues(data);
+                needSearch && this.onSearch();
+            }
+        });
+        Object.defineProperty(this, "resetFormData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (needSearch) => {
+                const { initialValues, actions } = this.props;
+                actions.setFormData(initialValues, needSearch);
+                this.form.resetValues();
+            }
+        });
+        const { actions, form } = props;
+        this.form = form || Form.createForm();
+        actions.on('setFormData', this.setFormData);
+        actions.on('resetFormData', this.resetFormData);
+    }
+    render() {
+        const _a = this.props, { className, actions, extraActions, extralActions, qlsProps } = _a, props = __rest(_a, ["className", "actions", "extraActions", "extralActions", "qlsProps"]);
+        return (React.createElement(Form, Object.assign({}, props, { form: this.form, className: classnames(clsPrefix, { [className]: className }), 
+            // 前期拼写错误，导致需要兼容错误的api
+            extraActions: extraActions || extralActions, onChange: this.onChange, onSearch: this.onSearch, onReset: this.onReset })));
+    }
+    componentDidMount() {
+        const { initialValues = {}, actions, qlsProps } = this.props;
+        if (qlsProps.memory) {
+            actions.setFormData(Object.assign(Object.assign({}, initialValues), actions.getFormData()), false);
+        }
+        else {
+            actions.setData('formData', initialValues);
+        }
+    }
+    componentWillUnmount() {
+        const { actions } = this.props;
+        actions.removeListener('setFormData', this.setFormData);
+        actions.removeListener('resetFormData', this.resetFormData);
+    }
+}
+QueryForm.Field = Form.Field;
+//# sourceMappingURL=QueryForm.js.map

package/dist/es/business-components/query-list-scene/QueryForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryForm.js","sourceRoot":"","sources":["../../../../src/business-components/query-list-scene/QueryForm.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,eAAe,CAAA;AAEhC,MAAM,SAAS,GAAG,8BAA8B,CAAA;AAEhD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,aAAa;IACxD,YAAY,KAAK;QACf,KAAK,CAAC,KAAK,CAAC,CAAA;QA0Cd;;;;mBAAW,GAAG,EAAE;gBACd,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBACxC,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;gBACpC,MAAM,MAAM,mCAAQ,MAAM,KAAE,OAAO,EAAE,CAAC,GAAE,CAAA;gBAExC,gCAAgC;gBAChC,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;gBACnC,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;oBAC1B,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAA;oBAC5B,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;gBAChC,CAAC,CAAC,CAAA;YACJ,CAAC;WAAA;QAED;;;;mBAAU,GAAG,EAAE;gBACb,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBAEtD,OAAO,CAAC,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;gBAEzC,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,CAAA;gBACjC,IAAI,CAAC,QAAQ,EAAE,CAAA;YACjB,CAAC;WAAA;QAED;;;;mBAAW,CAAC,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE;gBAC7C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBAExC,QAAQ,IAAI,QAAQ,CAAC,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,CAAA;gBACrD,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;YACvC,CAAC;WAAA;QAED;;;;mBAAc,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE;gBACjC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBAC9B,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;gBACjC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;gBACzB,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAA;YAC/B,CAAC;WAAA;QAED;;;;mBAAgB,CAAC,UAAU,EAAE,EAAE;gBAC7B,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBAE7C,OAAO,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;gBAC9C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;YACzB,CAAC;WAAA;QAlFC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;QAE/B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAA;QAErC,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QAC3C,OAAO,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;IACjD,CAAC;IAED,MAAM;QACJ,MAAM,KAA0E,IAAI,CAAC,KAAK,EAApF,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAArE,qEAAuE,CAAa,CAAA;QAE1F,OAAO,CACL,oBAAC,IAAI,oBACC,KAAK,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;YAC5D,sBAAsB;YACtB,YAAY,EAAE,YAAY,IAAI,aAAa,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,IACrB,CACH,CAAA;IACH,CAAC;IAED,iBAAiB;QACf,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE5D,IAAI,QAAQ,CAAC,MAAM,EAAE;YACnB,OAAO,CAAC,WAAW,iCAEZ,aAAa,GACb,OAAO,CAAC,WAAW,EAAE,GAE1B,KAAK,CACN,CAAA;SACF;aAAM;YACL,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;SAC3C;IACH,CAAC;IA6CD,oBAAoB;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE9B,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QACvD,OAAO,CAAC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;IAC7D,CAAC;CACF;AAED,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA","sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Form from '../query-form'\n\nconst clsPrefix = 'tnt-querylistscene-queryform'\n\nexport default class QueryForm extends React.PureComponent {\n  constructor(props) {\n    super(props)\n    const { actions, form } = props\n\n    this.form = form || Form.createForm()\n\n    actions.on('setFormData', this.setFormData)\n    actions.on('resetFormData', this.resetFormData)\n  }\n\n  render() {\n    const { className, actions, extraActions, extralActions, qlsProps, ...props } = this.props\n\n    return (\n      <Form\n        {...props}\n        form={this.form}\n        className={classnames(clsPrefix, { [className]: className })}\n        // 前期拼写错误，导致需要兼容错误的api\n        extraActions={extraActions || extralActions}\n        onChange={this.onChange}\n        onSearch={this.onSearch}\n        onReset={this.onReset}\n      />\n    )\n  }\n\n  componentDidMount() {\n    const { initialValues = {}, actions, qlsProps } = this.props\n\n    if (qlsProps.memory) {\n      actions.setFormData(\n        {\n          ...initialValues,\n          ...actions.getFormData(),\n        },\n        false\n      )\n    } else {\n      actions.setData('formData', initialValues)\n    }\n  }\n\n  onSearch = () => {\n    const { onSearch, actions } = this.props\n    const values = actions.getFormData()\n    const params = { ...values, current: 1 }\n\n    // memory 与 url解析setForm时 监听事件异步\n    actions.setData('formData', values)\n    Promise.resolve().then(() => {\n      onSearch && onSearch(params)\n      actions.emit('search', params)\n    })\n  }\n\n  onReset = () => {\n    const { initialValues, onReset, actions } = this.props\n\n    actions.setFormData(initialValues, false)\n\n    onReset && onReset(initialValues)\n    this.onSearch()\n  }\n\n  onChange = (newValues, changedInfo, ...rest) => {\n    const { onChange, actions } = this.props\n\n    onChange && onChange(newValues, changedInfo, ...rest)\n    actions.setFormData(newValues, false)\n  }\n\n  setFormData = (data, needSearch) => {\n    const { actions } = this.props\n    actions.setData('formData', data)\n    this.form.setValues(data)\n    needSearch && this.onSearch()\n  }\n\n  resetFormData = (needSearch) => {\n    const { initialValues, actions } = this.props\n\n    actions.setFormData(initialValues, needSearch)\n    this.form.resetValues()\n  }\n\n  componentWillUnmount() {\n    const { actions } = this.props\n\n    actions.removeListener('setFormData', this.setFormData)\n    actions.removeListener('resetFormData', this.resetFormData)\n  }\n}\n\nQueryForm.Field = Form.Field\n"]}

package/dist/es/business-components/query-list-scene/QueryListScene.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import cn from 'classnames';
+import Title from './Title';
+import Toolbar from './Toolbar';
+import createActions from './createActions';
+export default class QueryListScene extends React.Component {
+    constructor(props) {
+        super(props);
+        this.actions = props.actions || createActions();
+    }
+    render() {
+        const { title, children, size, className = '' } = this.props;
+        const hasToolbar = [].some.call(children || [], (child) => (child === null || child === void 0 ? void 0 : child.type) === Toolbar);
+        return (React.createElement("div", { className: cn('tnt-querylistscene', {
+                [className]: className,
+                'large-size': size === 'large',
+                hasToolbar,
+            }) },
+            title && React.createElement(Title, { title: title, size: size }),
+            React.createElement("div", { className: "tnt-querylistscene-content" }, React.Children.map(children, (child) => child &&
+                React.cloneElement(child, {
+                    qlsProps: this.props,
+                    actions: this.actions,
+                })))));
+    }
+}
+//# sourceMappingURL=QueryListScene.js.map

package/dist/es/business-components/query-list-scene/QueryListScene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryListScene.js","sourceRoot":"","sources":["../../../../src/business-components/query-list-scene/QueryListScene.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAS;IACzD,YAAY,KAAK;QACf,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,aAAa,EAAE,CAAA;IACjD,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC5D,MAAM,UAAU,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,OAAO,CAAC,CAAA;QAEnF,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE;gBAClC,CAAC,SAAS,CAAC,EAAE,SAAS;gBACtB,YAAY,EAAE,IAAI,KAAK,OAAO;gBAC9B,UAAU;aACX,CAAC;YAED,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC7C,6BAAK,SAAS,EAAC,4BAA4B,IACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,QAAQ,EACR,CAAC,KAAK,EAAE,EAAE,CACR,KAAK;gBACL,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,QAAQ,EAAE,IAAI,CAAC,KAAK;oBACpB,OAAO,EAAE,IAAI,CAAC,OAAO;iBACtB,CAAC,CACL,CACG,CACF,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport Title from './Title'\nimport Toolbar from './Toolbar'\nimport createActions from './createActions'\n\nexport default class QueryListScene extends React.Component {\n  constructor(props) {\n    super(props)\n    this.actions = props.actions || createActions()\n  }\n\n  render() {\n    const { title, children, size, className = '' } = this.props\n    const hasToolbar = [].some.call(children || [], (child) => child?.type === Toolbar)\n\n    return (\n      <div\n        className={cn('tnt-querylistscene', {\n          [className]: className,\n          'large-size': size === 'large',\n          hasToolbar,\n        })}\n      >\n        {title && <Title title={title} size={size} />}\n        <div className=\"tnt-querylistscene-content\">\n          {React.Children.map(\n            children,\n            (child) =>\n              child &&\n              React.cloneElement(child, {\n                qlsProps: this.props,\n                actions: this.actions,\n              })\n          )}\n        </div>\n      </div>\n    )\n  }\n}\n"]}

package/dist/es/business-components/query-list-scene/Title.js

@@ -0,0 +1,9 @@
+/**
+ * @file Title
+ * @author zhangyou
+ */
+import React from 'react';
+export default ({ title, children }) => (React.createElement("div", { className: "tnt-querylistscene-title" },
+    React.createElement("span", null, title),
+    React.createElement("span", null, children)));
+//# sourceMappingURL=Title.js.map

package/dist/es/business-components/query-list-scene/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/business-components/query-list-scene/Title.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtC,6BAAK,SAAS,EAAC,0BAA0B;IACvC,kCAAO,KAAK,CAAQ;IACpB,kCAAO,QAAQ,CAAQ,CACnB,CACP,CAAA","sourcesContent":["/**\n * @file Title\n * @author zhangyou\n */\nimport React from 'react'\n\nexport default ({ title, children }) => (\n  <div className=\"tnt-querylistscene-title\">\n    <span>{title}</span>\n    <span>{children}</span>\n  </div>\n)\n"]}

package/dist/es/business-components/query-list-scene/Toolbar.js

@@ -0,0 +1,18 @@
+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;
+};
+import React from 'react';
+import cn from 'classnames';
+export default (_a) => {
+    var { className, children, actions, qslProps } = _a, rest = __rest(_a, ["className", "children", "actions", "qslProps"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: cn('tnt-querylistscene-toolbar', { [className]: className }) }), children));
+};
+//# sourceMappingURL=Toolbar.js.map

package/dist/es/business-components/query-list-scene/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/business-components/query-list-scene/Toolbar.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,eAAe,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAjD,gDAAmD,CAAF;IAC/D,OAAO,CACL,6CAAS,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,KACnF,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nexport default ({ className, children, actions, qslProps, ...rest }) => {\n  return (\n    <div {...rest} className={cn('tnt-querylistscene-toolbar', { [className]: className })}>\n      {children}\n    </div>\n  )\n}\n"]}