tntd 2.0.14 → 2.0.16

package/es/page/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/page/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/es/page/utils.js

@@ -1,18 +1,13 @@
 const computeWidth = width => {
   let flex = '1';
   const validNumber = isValidNumber(width);
-
   if (/(%|px)$/.test(width) && validNumber) {
     flex = `0 0 ${width}`;
   } else if (!isNaN(width)) {
     flex = `0 0 ${width}px`;
   }
-
   return flex;
 };
-
 const isValidNumber = value => !isNaN(parseFloat(value));
-
 const addUnitForValue = (value, unit = 'px') => !isNaN(value) ? `${value}${unit}` : value;
-
 export { computeWidth, isValidNumber, addUnitForValue };

package/es/prev-locale.js

@@ -38,18 +38,15 @@ export const en_US = {
 };
 export const getText = (key, language = 'cn', ...params) => {
   var _a;
-
   const text = (_a = {
     cn: zh_CN,
     en: en_US
   }[language] || zh_CN) === null || _a === void 0 ? void 0 : _a[key];
-
   if (params === null || params === void 0 ? void 0 : params.length) {
     return params.reduce((acc, cur) => {
       return acc.replace(/%s/, cur);
     }, text);
   }
-
   return text;
 };
 export const getLanguage = () => localStorage.getItem('lang') || 'cn';

package/es/query-form/Field/Checkbox.js

@@ -1,23 +1,19 @@
 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 Checkbox from '../../checkbox';
 export default (_a => {
   var {
-    value,
-    onChange
-  } = _a,
-      props = __rest(_a, ["value", "onChange"]);
-
+      value,
+      onChange
+    } = _a,
+    props = __rest(_a, ["value", "onChange"]);
   return React.createElement(Checkbox, Object.assign({}, props, {
     checked: value,
     onChange: evt => {

package/es/query-form/Field/Select.js

@@ -1,14 +1,11 @@
 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, { useState, useEffect } from 'react';
 import Select from '../../select';
 const {
@@ -16,24 +13,21 @@ const {
 } = Select;
 export default (props => {
   const {
-    options,
-    params,
-    queryKey = 'name',
-    fieldNames = {
-      label: 'label',
-      value: 'value'
-    },
-    loadData
-  } = props,
-        rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
-
+      options,
+      params,
+      queryKey = 'name',
+      fieldNames = {
+        label: 'label',
+        value: 'value'
+      },
+      loadData
+    } = props,
+    rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
   const [items, setItems] = useState(options || []);
   const [query, setQuery] = useState('');
-
   const onSearch = val => {
     setQuery(val);
   };
-
   if (loadData) {
     useEffect(() => {
       loadData(Object.assign({
@@ -43,7 +37,6 @@ export default (props => {
       });
     }, [params, query]);
   }
-
   useEffect(() => {
     setItems(options || []);
   }, [options]);

package/es/query-form/Field/SelectInput.js

@@ -1,16 +1,12 @@
 import _get from "lodash/get";
-
 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, { useState, useEffect } from 'react';
 import Select from '../../select';
 import Input from '../../input';
@@ -19,38 +15,30 @@ const {
 } = Select;
 export default (props => {
   const {
-    options = [],
-    addonBeforeStyle
-  } = props,
-        inputProps = __rest(props, ["options", "addonBeforeStyle"]);
-
+      options = [],
+      addonBeforeStyle
+    } = props,
+    inputProps = __rest(props, ["options", "addonBeforeStyle"]);
   const [items, setItems] = useState(options);
-
   const getInitialKey = () => {
     let key = _get(options, '0.value');
-
     if (inputProps.value) {
       key = _get(Object.keys(inputProps.value), '0') || key;
     }
-
     return key;
   };
-
   const [key, setKey] = useState(getInitialKey());
-
   const onKeyChange = key => {
     setKey(key);
     props.onChange({
       [key]: ''
     });
   };
-
   const onChange = evt => {
     props.onChange({
       [key]: evt.target.value
     });
   };
-
   const addonBefore = React.createElement(Select, {
     value: key,
     onChange: onKeyChange,
@@ -64,11 +52,9 @@ export default (props => {
     key: value,
     value: value
   }, label)));
-
   const getInputValue = () => {
     return _get(inputProps.value, key);
   };
-
   useEffect(() => {
     setItems(options);
     setKey(getInitialKey());

package/es/query-form/Field/fieldsMap.js

@@ -9,7 +9,6 @@ export const getFieldWidth = type => {
   if (type === 'dateRange') {
     return '340px';
   }
-
   return {
     dateRange: '340px',
     selectInput: '320px'

package/es/query-form/Field/index.js

@@ -3,9 +3,7 @@ import React, { PureComponent } from 'react';
 import fieldsMap, { getFieldWidth } from './fieldsMap';
 import Form from '../../form';
 const FormItem = Form.Item;
-
 const isInput = type => ['input', 'string', 'search'].includes(type);
-
 export default class Field extends PureComponent {
   constructor(props) {
     super(props);
@@ -36,12 +34,11 @@ export default class Field extends PureComponent {
         const {
           onChange
         } = fieldProps || {};
-        onChange && onChange(...args); // Input onChange第一个参数为Event对象，取值特殊处理
-
+        onChange && onChange(...args);
+        // Input onChange第一个参数为Event对象，取值特殊处理
         if (!component && isInput(type)) {
           args[0] = _get(args[0], 'target.value');
         }
-
         this.setState({
           value: args[0]
         });
@@ -62,10 +59,8 @@ export default class Field extends PureComponent {
       value: props.initialValue
     };
   }
-
   render() {
     var _a;
-
     const {
       type = 'input',
       title,
@@ -88,7 +83,6 @@ export default class Field extends PureComponent {
     }, isInput(type) ? {
       onPressEnter: evt => {
         var _a;
-
         return form.emit('search', {
           [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value,
           current: 1
@@ -101,7 +95,6 @@ export default class Field extends PureComponent {
       onChange: this.onChange
     })));
   }
-
   componentDidMount() {
     const {
       form
@@ -109,7 +102,6 @@ export default class Field extends PureComponent {
     form.on('setValue', this.updateValue);
     form.on('setValues', this.onFormChange);
   }
-
   componentWillUnmount() {
     const {
       form
@@ -117,5 +109,4 @@ export default class Field extends PureComponent {
     form.off('setValue', this.updateValue);
     form.off('setValues', this.onFormChange);
   }
-
 }

package/es/query-form/createActions.js

@@ -11,37 +11,29 @@ export default (() => {
     setData(key, value) {
       _set(data, key, value);
     },
-
     getData(key) {
       _get(data, key);
     },
-
     setValues(values) {
       data.values = values;
       eventEmitter.emit('setValues', values);
     },
-
     getValues() {
       return data.values;
     },
-
     resetValues() {
       data.values = Object.assign({}, data.initialValues);
       eventEmitter.emit('setValues', data.values);
     },
-
     setValue(name, value) {
       data.values = data.values || {};
       data.values[name] = value;
       eventEmitter.emit('setValue', name, value);
     },
-
     getValue(name) {
       var _a;
-
       return (_a = data.values) === null || _a === void 0 ? void 0 : _a[name];
     },
-
     on: (eventName, callback) => {
       eventEmitter.on(eventName, callback);
     },

package/es/query-form/index.js

@@ -12,7 +12,6 @@ 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);
@@ -24,7 +23,6 @@ class QueryForm extends React.PureComponent {
         const {
           current
         } = this.fieldsRef;
-
         if (current) {
           setTimeout(() => {
             this.setState({
@@ -48,7 +46,6 @@ 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());
       }
     });
@@ -72,7 +69,6 @@ class QueryForm extends React.PureComponent {
       writable: true,
       value: () => {
         var _a, _b;
-
         this.setState({
           expanded: !this.state.expanded
         });
@@ -121,18 +117,14 @@ 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
@@ -150,7 +142,6 @@ class QueryForm extends React.PureComponent {
           const {
             current
           } = this.fieldsRef;
-
           if (current) {
             const observer = new ResizeObserver(this.onWindowResize);
             observer.observe(current);
@@ -181,7 +172,6 @@ class QueryForm extends React.PureComponent {
     this.form.setData('initialValues', initialValues);
     this.form.setData('values', Object.assign({}, initialValues));
   }
-
   render() {
     const {
       children,
@@ -201,7 +191,6 @@ 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, {
@@ -219,10 +208,8 @@ 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, {
@@ -238,7 +225,6 @@ 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],
@@ -275,16 +261,13 @@ 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 {
@@ -296,33 +279,25 @@ 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');
@@ -338,7 +313,6 @@ class QueryForm extends React.PureComponent {
       item.style.lineHeight = fieldHeight;
     });
   }
-
   componentDidMount() {
     const {
       current
@@ -348,20 +322,18 @@ 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();
@@ -369,18 +341,14 @@ 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-form/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/es/query-form/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

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

@@ -3,12 +3,9 @@ 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]];
   }
@@ -18,8 +15,6 @@ 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';
@@ -29,7 +24,6 @@ import Table from '../table';
 export default class QueryList extends React.PureComponent {
   constructor(props) {
     var _a;
-
     super(props);
     Object.defineProperty(this, "onWindowResize", {
       enumerable: true,
@@ -67,22 +61,19 @@ 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;
@@ -150,8 +141,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
@@ -174,18 +165,17 @@ 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,
@@ -223,7 +213,6 @@ export default class QueryList extends React.PureComponent {
           } = tableBody;
           return scrollHeight === scrollTop + offsetHeight;
         };
-
         this.setState({
           hasScrollToBottom: isScrollToBottom(tableBody)
         });
@@ -249,20 +238,18 @@ 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,
@@ -299,16 +286,13 @@ 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(() => {
@@ -332,15 +316,12 @@ 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');
@@ -350,7 +331,6 @@ export default class QueryList extends React.PureComponent {
       }
     }
   }
-
   componentWillUnmount() {
     const {
       actions
@@ -363,5 +343,4 @@ export default class QueryList extends React.PureComponent {
     window.removeEventListener('resize', this.onWindowResize);
     this.timmer && clearTimeout(this.timmer);
   }
-
 }