tntd 2.0.13 → 2.0.14

package/es/query-form/index.js

@@ -12,6 +12,7 @@ import { getLanguage, getText } from '../prev-locale';
 import Icon from '../tntd-icon';
 import './index.less';
 const clsPrefix = 'tnt-queryform';
+
 class QueryForm extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -23,6 +24,7 @@ class QueryForm extends React.PureComponent {
         const {
           current
         } = this.fieldsRef;
+
         if (current) {
           setTimeout(() => {
             this.setState({
@@ -46,6 +48,7 @@ class QueryForm extends React.PureComponent {
       writable: true,
       value: () => {
         var _a, _b;
+
         (_b = (_a = this.props).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, this.form.getValues());
       }
     });
@@ -69,6 +72,7 @@ class QueryForm extends React.PureComponent {
       writable: true,
       value: () => {
         var _a, _b;
+
         this.setState({
           expanded: !this.state.expanded
         });
@@ -117,14 +121,18 @@ class QueryForm extends React.PureComponent {
           showFieldCount,
           children
         } = this.props;
+
         if (showFieldCount) {
           const drawerFieldsValueCount = children.reduce((acc, cur, index) => {
             var _a;
+
             if (index >= showFieldCount && (values === null || values === void 0 ? void 0 : values[(_a = cur === null || cur === void 0 ? void 0 : cur.props) === null || _a === void 0 ? void 0 : _a.name])) {
               acc++;
             }
+
             return acc;
           }, 0);
+
           if (drawerFieldsValueCount !== this.state.drawerFieldsValueCount) {
             this.setState({
               drawerFieldsValueCount
@@ -142,6 +150,7 @@ class QueryForm extends React.PureComponent {
           const {
             current
           } = this.fieldsRef;
+
           if (current) {
             const observer = new ResizeObserver(this.onWindowResize);
             observer.observe(current);
@@ -172,6 +181,7 @@ class QueryForm extends React.PureComponent {
     this.form.setData('initialValues', initialValues);
     this.form.setData('values', Object.assign({}, initialValues));
   }
+
   render() {
     const {
       children,
@@ -191,6 +201,7 @@ class QueryForm extends React.PureComponent {
       drawerVisible,
       drawerFieldsValueCount
     } = this.state;
+
     const renderFormActions = renderActions || (() => React.createElement(React.Fragment, null, showFieldCount && React.createElement(Badge, {
       count: drawerFieldsValueCount
     }, React.createElement(Button, {
@@ -208,8 +219,10 @@ class QueryForm extends React.PureComponent {
       onClick: this.onToggleExpand
     }, this.getText(expanded ? 'collapse' : 'expand')), React.Children.map(children, child => {
       var _a;
+
       return child && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right' && React.cloneElement(child);
     })));
+
     return React.createElement("div", {
       ref: this.formBoxRef,
       className: classnames(clsPrefix, {
@@ -225,6 +238,7 @@ class QueryForm extends React.PureComponent {
       ref: this.fieldsRef
     }, React.Children.map(children, (child, index) => {
       var _a;
+
       return child && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.align) !== 'right' && (!showFieldCount || showFieldCount > index) && React.cloneElement(child, {
         form: this.form,
         initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[child.props.name],
@@ -261,13 +275,16 @@ class QueryForm extends React.PureComponent {
       className: `${clsPrefix}-extra`
     }, extraActions));
   }
+
   getText(key) {
     return getText(key, this.props.language || getLanguage());
   }
+
   isFieldsWidthOverflow() {
     const {
       current
     } = this.fieldsRef;
+
     if (current) {
       return parseFloat(window.getComputedStyle(current).width, 10) < [].reduce.call(current.children, (acc, cur) => {
         const {
@@ -279,25 +296,33 @@ class QueryForm extends React.PureComponent {
         return acc;
       }, 0);
     }
+
     return false;
   }
+
   updateFieldHeight() {
     var _a, _b, _c;
+
     const {
       formBoxRef,
       fieldsRef
     } = this;
+
     const getFieldHeight = () => {
       var _a;
+
       const {
         current
       } = fieldsRef;
       let height = '32px';
+
       if (current && ((_a = current.children) === null || _a === void 0 ? void 0 : _a[0])) {
         height = window.getComputedStyle(current.children[0]).height;
       }
+
       return height;
     };
+
     const queryFormActionsDom = (_a = formBoxRef === null || formBoxRef === void 0 ? void 0 : formBoxRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.${clsPrefix}-actions`);
     const queryFormExtraDom = (_b = formBoxRef === null || formBoxRef === void 0 ? void 0 : formBoxRef.current) === null || _b === void 0 ? void 0 : _b.querySelector(`.${clsPrefix}-extra`);
     const formItemsDomList = (_c = fieldsRef === null || fieldsRef === void 0 ? void 0 : fieldsRef.current) === null || _c === void 0 ? void 0 : _c.querySelectorAll('.ant-form-item-control');
@@ -313,6 +338,7 @@ class QueryForm extends React.PureComponent {
       item.style.lineHeight = fieldHeight;
     });
   }
+
   componentDidMount() {
     const {
       current
@@ -322,18 +348,20 @@ class QueryForm extends React.PureComponent {
       showExpand = true
     } = this.props;
     this.updateFieldHeight();
-    this.form.on('search', this.search);
-    // 未设置第一行显示数量且禁止了展开操作 或 自定义了操作区域，则不需要处理展开计算逻辑
+    this.form.on('search', this.search); // 未设置第一行显示数量且禁止了展开操作 或 自定义了操作区域，则不需要处理展开计算逻辑
     // || renderActions
+
     if (!showFieldCount && !showExpand) {
       return;
     }
+
     if (!showFieldCount) {
       if (current && this.isFieldsWidthOverflow()) {
         this.setState({
           showMore: true
         });
       }
+
       this.removeResizeListener = this.addResizeListener();
     } else {
       this.updateDrawerFieldsValueCount();
@@ -341,14 +369,18 @@ class QueryForm extends React.PureComponent {
       this.form.on('setValue', this.updateDrawerFieldsValueCount);
     }
   }
+
   componentWillUnmount() {
     var _a;
+
     (_a = this.removeResizeListener) === null || _a === void 0 ? void 0 : _a.call(this);
     this.form.off('setValues', this.updateDrawerFieldsValueCount);
     this.form.off('setValue', this.updateDrawerFieldsValueCount);
     this.form.off('search', this.search);
   }
+
 }
+
 QueryForm.Field = Field;
 QueryForm.useForm = useForm;
 QueryForm.createForm = createActions;

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

@@ -3,9 +3,12 @@ import _pickBy from "lodash/pickBy";
 import _isEmpty from "lodash/isEmpty";
 import _get from "lodash/get";
 import _debounce from "lodash/debounce";
+
 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]];
   }
@@ -15,6 +18,8 @@ var __rest = this && this.__rest || function (s, e) {
  * @file QueryList
  * @author you.zhang
  */
+
+
 import cn from 'classnames';
 import React, { createRef } from 'react';
 import { findDOMNode } from 'react-dom';
@@ -24,6 +29,7 @@ import Table from '../table';
 export default class QueryList extends React.PureComponent {
   constructor(props) {
     var _a;
+
     super(props);
     Object.defineProperty(this, "onWindowResize", {
       enumerable: true,
@@ -61,19 +67,22 @@ export default class QueryList extends React.PureComponent {
           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;
@@ -141,8 +150,8 @@ 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 = Object.assign(Object.assign({}, this.formData), values); // this.props.actions.setData('formData', this.formData);
+
         return this.fetchData(this.formData, {
           callback,
           showLoading
@@ -165,17 +174,18 @@ export default class QueryList extends React.PureComponent {
           sorter: _isEmpty(sorter) ? undefined : sorter
         };
         console.log('onTableChange...', actions.getSubmittedFormData(), this.formData);
-        Object.assign(this.formData, tableParams);
-        // 排序变化暂时不处理，因为有时可能是前端sorter不需要走请求
+        Object.assign(this.formData, tableParams); // 排序变化暂时不处理，因为有时可能是前端sorter不需要走请求
         // 所以暂时排序有使用者自己处理
+
         if (!localPagination) {
           this.fetchData(Object.assign(Object.assign({}, actions.getSubmittedFormData()), tableParams));
           return;
         }
+
         const {
           dataSource
-        } = this.state;
-        // 前端本地分页
+        } = this.state; // 前端本地分页
+
         if (localPagination) {
           this.setState({
             dataSource,
@@ -213,6 +223,7 @@ export default class QueryList extends React.PureComponent {
           } = tableBody;
           return scrollHeight === scrollTop + offsetHeight;
         };
+
         this.setState({
           hasScrollToBottom: isScrollToBottom(tableBody)
         });
@@ -238,18 +249,20 @@ export default class QueryList extends React.PureComponent {
     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"]);
+          {
+      columns,
+      children,
+      pagination,
+      localPagination = false,
+      paginationSticky = false,
+      className = '',
+      qlsProps
+    } = _a,
+          rest = __rest(_a, ["columns", "children", "pagination", "localPagination", "paginationSticky", "className", "qlsProps"]);
+
     const {
       dataSource,
       loading,
@@ -286,13 +299,16 @@ export default class QueryList extends React.PureComponent {
       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(() => {
@@ -316,12 +332,15 @@ export default class QueryList extends React.PureComponent {
               }, 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');
@@ -331,6 +350,7 @@ export default class QueryList extends React.PureComponent {
       }
     }
   }
+
   componentWillUnmount() {
     const {
       actions
@@ -343,4 +363,5 @@ export default class QueryList extends React.PureComponent {
     window.removeEventListener('resize', this.onWindowResize);
     this.timmer && clearTimeout(this.timmer);
   }
+
 }

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

@@ -1,11 +1,14 @@
 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';
@@ -25,8 +28,8 @@ export default class QueryForm extends React.PureComponent {
         const values = actions.getFormData();
         const params = Object.assign(Object.assign({}, values), {
           current: 1
-        });
-        // memory 与 url解析setForm时 监听事件异步
+        }); // memory 与 url解析setForm时 监听事件异步
+
         actions.setData('formData', values);
         Promise.resolve().then(() => {
           onSearch && onSearch(params);
@@ -96,16 +99,18 @@ export default class QueryForm extends React.PureComponent {
     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"]);
+          {
+      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, {
@@ -118,18 +123,21 @@ export default class QueryForm extends React.PureComponent {
       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
@@ -137,5 +145,6 @@ export default class QueryForm extends React.PureComponent {
     actions.removeListener('setFormData', this.setFormData);
     actions.removeListener('resetFormData', this.resetFormData);
   }
+
 }
 QueryForm.Field = Form.Field;

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

@@ -8,6 +8,7 @@ export default class QueryListScene extends React.Component {
     super(props);
     this.actions = props.actions || createActions();
   }
+
   render() {
     const {
       title,
@@ -32,4 +33,5 @@ export default class QueryListScene extends React.Component {
       actions: this.actions
     }))));
   }
+
 }

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

@@ -1,21 +1,25 @@
 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"]);
+    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

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

@@ -19,6 +19,7 @@ export default (() => {
     getPagination: () => _get(data, 'pagination'),
     setFormData: (formData, needSearch = true) => {
       _set('formData', formData);
+
       eventEmitter.emit('setFormData', formData, needSearch);
     },
     resetFormData: (needSearch = false) => {
@@ -26,10 +27,12 @@ export default (() => {
     },
     setTableDataSource: dataSource => {
       _set('dataSource', dataSource);
+
       eventEmitter.emit('setTableDataSource', dataSource);
     },
     setPagination: pagination => {
       _set('pagination', pagination);
+
       eventEmitter.emit('setPagination', pagination);
     },
     // 重置记忆数据，form、pagination

package/es/render-empty/render-empty.js

@@ -8,6 +8,7 @@ export const renderEmpty = componentName => React.createElement(ConfigConsumer,
       return React.createElement(Empty, {
         type: "no-result"
       });
+
     case 'Select':
     case 'TreeSelect':
     case 'Cascader':
@@ -16,6 +17,7 @@ export const renderEmpty = componentName => React.createElement(ConfigConsumer,
       return React.createElement(Empty, {
         size: "mini"
       });
+
     default:
       return React.createElement(Empty, null);
   }

package/es/steps/steps.js

@@ -1,11 +1,14 @@
 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 classNames from 'classnames';
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
@@ -13,12 +16,14 @@ import { default as AntdSteps } from 'antd/es/steps';
 export * from 'antd/es/steps';
 export function Steps(_a) {
   var {
-      className,
-      type,
-      children
-    } = _a,
-    rest = __rest(_a, ["className", "type", "children"]);
+    className,
+    type,
+    children
+  } = _a,
+      rest = __rest(_a, ["className", "type", "children"]);
+
   let navContainDesc = false;
+
   if (children) {
     if (Array.isArray(children)) {
       navContainDesc = children.some(child => {
@@ -28,6 +33,7 @@ export function Steps(_a) {
       });
     }
   }
+
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
@@ -42,12 +48,14 @@ export function Steps(_a) {
     }, rest));
   });
 }
+
 Steps.Step = function (_a) {
   var {
-      description,
-      className
-    } = _a,
-    rest = __rest(_a, ["description", "className"]);
+    description,
+    className
+  } = _a,
+      rest = __rest(_a, ["description", "className"]);
+
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {

package/es/steps/style/nav.less

@@ -42,7 +42,9 @@
       text-align: left;
       display: flex;
       min-height: @normal-steps-height;
-      margin-right: 2px !important;
+      &:not(:last-of-type){
+        margin-right: 2px !important;
+      }
       background: @border-color-split;
       width : 0 !important;
       &-container {

package/es/svg-components/illustration-403.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 function SvgIllustration403(props, svgRef) {
   return React.createElement("svg", Object.assign({
     viewBox: "0 0 330 250",
@@ -206,6 +207,7 @@ function SvgIllustration403(props, svgRef) {
     fillRule: "nonzero"
   })))));
 }
+
 const ForwardRef = React.forwardRef(SvgIllustration403);
 const MemoForwardRef = React.memo(ForwardRef);
 export default MemoForwardRef;

package/es/svg-components/illustration-404.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 function SvgIllustration404(props, svgRef) {
   return React.createElement("svg", Object.assign({
     viewBox: "0 0 330 250",
@@ -290,6 +291,7 @@ function SvgIllustration404(props, svgRef) {
     fill: "#D6DAE1"
   }))));
 }
+
 const ForwardRef = React.forwardRef(SvgIllustration404);
 const MemoForwardRef = React.memo(ForwardRef);
 export default MemoForwardRef;

package/es/svg-components/illustration-500.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 function SvgIllustration500(props, svgRef) {
   return React.createElement("svg", Object.assign({
     viewBox: "0 0 330 250",
@@ -321,6 +322,7 @@ function SvgIllustration500(props, svgRef) {
     d: "M77.945 35.44a1.074 1.074 0 002.112 0l.704-9.68A1.764 1.764 0 0079 24a1.81 1.81 0 00-1.76 1.936l.704 9.504zM79 38.08a1.76 1.76 0 101.76 1.76A1.663 1.663 0 0079 38.08z"
   }))));
 }
+
 const ForwardRef = React.forwardRef(SvgIllustration500);
 const MemoForwardRef = React.memo(ForwardRef);
 export default MemoForwardRef;

package/es/svg-components/illustration-empty.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 function SvgIllustrationEmpty(props, svgRef) {
   return React.createElement("svg", Object.assign({
     viewBox: "0 0 80 50",
@@ -54,6 +55,7 @@ function SvgIllustrationEmpty(props, svgRef) {
     r: 5.186
   })))));
 }
+
 const ForwardRef = React.forwardRef(SvgIllustrationEmpty);
 const MemoForwardRef = React.memo(ForwardRef);
 export default MemoForwardRef;

package/es/svg-components/illustration-failure.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 function SvgIllustrationFailure(props, svgRef) {
   return React.createElement("svg", Object.assign({
     viewBox: "0 0 160 160",
@@ -112,6 +113,7 @@ function SvgIllustrationFailure(props, svgRef) {
     fillRule: "nonzero"
   })));
 }
+
 const ForwardRef = React.forwardRef(SvgIllustrationFailure);
 const MemoForwardRef = React.memo(ForwardRef);
 export default MemoForwardRef;