tntd 2.0.13 → 2.0.14

package/es/img/index.js

@@ -1,37 +1,44 @@
 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, { Fragment, useState } from 'react';
 import Cover from './Cover';
 import Contain from './Contain';
 export default (props => {
   const _a = props || {},
-    {
-      type = 'cover',
-      src,
-      shape = 'sharp',
-      title = '',
-      alt = '',
-      className,
-      style,
-      width = 'auto',
-      height = 'auto',
-      errorImgSrc,
-      onError
-    } = _a,
-    rest = __rest(_a, ["type", "src", "shape", "title", "alt", "className", "style", "width", "height", "errorImgSrc", "onError"]);
+        {
+    type = 'cover',
+    src,
+    shape = 'sharp',
+    title = '',
+    alt = '',
+    className,
+    style,
+    width = 'auto',
+    height = 'auto',
+    errorImgSrc,
+    onError
+  } = _a,
+        rest = __rest(_a, ["type", "src", "shape", "title", "alt", "className", "style", "width", "height", "errorImgSrc", "onError"]);
+
   const [src2, setSrc2] = useState(src);
+
   const handleImgLoadError = () => {
     if (errorImgSrc) {
       setSrc2(props.errorImgSrc);
     }
+
     props.onError && props.onError();
   };
+
   const params = Object.assign({
     type,
     src: src2,

package/es/index.js

@@ -67,6 +67,7 @@ export { default as renderEmpty } from './render-empty';
 /**
  * 业务组件
  */
+
 export { default as TntdLayout } from './tntd-layout';
 export { default as AuthContext } from './auth-context';
 export { default as QueryForm } from './query-form';

package/es/loading-button/index.js

@@ -1,31 +1,38 @@
 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 Button from '../button';
 export default (_a => {
   var {
-      loadingText,
-      loading: pLoading,
-      onClick,
-      children
-    } = _a,
-    otherProps = __rest(_a, ["loadingText", "loading", "onClick", "children"]);
+    loadingText,
+    loading: pLoading,
+    onClick,
+    children
+  } = _a,
+      otherProps = __rest(_a, ["loadingText", "loading", "onClick", "children"]);
+
   const [loading, setLoading] = useState(pLoading);
+
   const doClick = evt => {
     if (!loading) {
       setLoading(true);
       const returnVal = onClick && onClick(evt, () => setLoading(false));
+
       if (returnVal instanceof Promise) {
         returnVal.then(() => setLoading(false)).catch(() => setLoading(false));
       }
     }
   };
+
   useEffect(() => {
     setLoading(pLoading);
   }, [pLoading]);

package/es/locale/default.js

@@ -1,5 +1,7 @@
 import _merge from "lodash/merge";
 import sourceLocale from 'antd/es/locale/default';
 import zh_CN from './zh_CN';
+
 const defaultLocale = _merge({}, sourceLocale, zh_CN);
+
 export default defaultLocale;

package/es/locale/en_US.js

@@ -1,5 +1,6 @@
 import _merge from "lodash/merge";
 import sourceLocale from 'antd/es/locale/en_US';
+
 const en_US = _merge({}, sourceLocale, {
   Table: {
     loadingDescription: 'loading...',
@@ -28,4 +29,5 @@ const en_US = _merge({}, sourceLocale, {
     back: 'Back'
   }
 });
+
 export default en_US;

package/es/locale/zh_CN.js

@@ -1,5 +1,6 @@
 import _merge from "lodash/merge";
 import sourceLocale from 'antd/es/locale/zh_CN';
+
 const zh_CN = _merge({}, sourceLocale, {
   Table: {
     loadingDescription: '数据加载中...',
@@ -28,4 +29,5 @@ const zh_CN = _merge({}, sourceLocale, {
     back: '返回'
   }
 });
+
 export default zh_CN;

package/es/page/Box.js

@@ -1,44 +1,52 @@
 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 { addUnitForValue } from './utils';
 import Card from '../card';
+
 const Box = _a => {
   var {
-      inLayout,
-      clsPrefix = 'tnt-page',
-      children,
-      noPadding = false,
-      headerHeight,
-      bordered = false,
-      bodyStyle = {},
-      headStyle = {},
-      height,
-      size = 'small',
-      contentTotalMargin = '0px'
-    } = _a,
-    restProps = __rest(_a, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
+    inLayout,
+    clsPrefix = 'tnt-page',
+    children,
+    noPadding = false,
+    headerHeight,
+    bordered = false,
+    bodyStyle = {},
+    headStyle = {},
+    height,
+    size = 'small',
+    contentTotalMargin = '0px'
+  } = _a,
+      restProps = __rest(_a, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
+
   let cardTitleHeight = 0;
+
   if (restProps.title) {
     // 根据Card的size,计算Card的title的高度值
-    cardTitleHeight = size === 'small' ? 40 : 60;
-    // 如果Card的自定义高度，Card的title就使用此高度
+    cardTitleHeight = size === 'small' ? 40 : 60; // 如果Card的自定义高度，Card的title就使用此高度
+
     if (headStyle.hasOwnProperty(height)) {
       cardTitleHeight = headStyle.height;
     }
-  }
-  // 如果设置了noPadding，优先级最高
+  } // 如果设置了noPadding，优先级最高
+
+
   if (noPadding) {
     bodyStyle.padding = 0;
     headStyle.padding = 0;
-  }
-  // 如果传入只有数字，需要默认加px
+  } // 如果传入只有数字，需要默认加px
+
+
   cardTitleHeight = addUnitForValue(cardTitleHeight);
   const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`;
   return React.createElement(Card, Object.assign({
@@ -52,4 +60,5 @@ const Box = _a => {
     headStyle: headStyle
   }, restProps), children);
 };
+
 export default Box;

package/es/page/index.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 cn from 'classnames';
 import React from 'react';
 import Icon from '../tntd-icon';
@@ -13,48 +16,57 @@ import Box from './Box';
 import { addUnitForValue, computeWidth } from './utils';
 import './index.less';
 const clsPrefix = 'tnt-page';
+
 const isPageBox = child => {
   var _a;
+
   return (child === null || child === void 0 ? void 0 : child.type) === Box || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox);
 };
+
 const PageLayout = _a => {
   var _b;
+
   var {
-      height = '100vh',
-      headerHeight = 50,
-      children,
-      title,
-      goBack,
-      goBackText,
-      center,
-      extra,
-      size = 'small',
-      inLayout = false,
-      className
-    } = _a,
-    restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
-  // 如果传入只有数字，需要默认加px
+    height = '100vh',
+    headerHeight = 50,
+    children,
+    title,
+    goBack,
+    goBackText,
+    center,
+    extra,
+    size = 'small',
+    inLayout = false,
+    className
+  } = _a,
+      restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]); // 如果传入只有数字，需要默认加px
+
+
   let computedHeaderHeight = addUnitForValue(headerHeight);
-  let computedHeight = addUnitForValue(height);
-  // 判断是否有标题栏
+  let computedHeight = addUnitForValue(height); // 判断是否有标题栏
+
   if (!(title || extra || center)) {
     computedHeaderHeight = '0px';
   }
+
   if (inLayout) {
     computedHeaderHeight = '40px';
-  }
-  // 计算中间的zIndex，灰色递减，白色递增
+  } // 计算中间的zIndex，灰色递减，白色递增
+
+
   let whiteCols = 0;
-  let childrenToArray = [];
-  // 计算children type是box的数量
-  let boxCount = 0;
-  // 如果children是单个节点，统一转为数组处理计算层级
+  let childrenToArray = []; // 计算children type是box的数量
+
+  let boxCount = 0; // 如果children是单个节点，统一转为数组处理计算层级
+
   console.log('children', children);
+
   if (typeof children === 'object') {
     childrenToArray = [children];
   } else if (Array.isArray(children)) {
     childrenToArray = [...children];
   }
+
   console.log('React.Children', React.Children);
   React.Children.map(children, child => {
     if (isPageBox(child)) {
@@ -108,6 +120,7 @@ const PageLayout = _a => {
       // console.log("没有type");
       return React.cloneElement(React.createElement("div", null, child));
     }
+
     const extraProps = Object.assign({
       headerHeight: computedHeaderHeight,
       size,
@@ -115,9 +128,11 @@ const PageLayout = _a => {
       contentTotalMargin: inLayout ? '32px' : '0px',
       inLayout
     }, child.props);
+
     if (!isPageBox(child)) {
       return React.cloneElement(child, extraProps);
     }
+
     const {
       mode = 'gray',
       width
@@ -134,5 +149,6 @@ const PageLayout = _a => {
     }, React.cloneElement(child, extraProps));
   })));
 };
+
 PageLayout.Box = Box;
 export default PageLayout;

package/es/page/utils.js

@@ -1,13 +1,18 @@
 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,15 +38,18 @@ 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,19 +1,23 @@
 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,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, { useState, useEffect } from 'react';
 import Select from '../../select';
 const {
@@ -13,21 +16,24 @@ 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({
@@ -37,6 +43,7 @@ export default (props => {
       });
     }, [params, query]);
   }
+
   useEffect(() => {
     setItems(options || []);
   }, [options]);

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

@@ -1,12 +1,16 @@
 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';
@@ -15,30 +19,38 @@ 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,
@@ -52,9 +64,11 @@ 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,6 +9,7 @@ export const getFieldWidth = type => {
   if (type === 'dateRange') {
     return '340px';
   }
+
   return {
     dateRange: '340px',
     selectInput: '320px'

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

@@ -3,7 +3,9 @@ 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);
@@ -34,11 +36,12 @@ 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]
         });
@@ -59,8 +62,10 @@ export default class Field extends PureComponent {
       value: props.initialValue
     };
   }
+
   render() {
     var _a;
+
     const {
       type = 'input',
       title,
@@ -83,6 +88,7 @@ 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
@@ -95,6 +101,7 @@ export default class Field extends PureComponent {
       onChange: this.onChange
     })));
   }
+
   componentDidMount() {
     const {
       form
@@ -102,6 +109,7 @@ export default class Field extends PureComponent {
     form.on('setValue', this.updateValue);
     form.on('setValues', this.onFormChange);
   }
+
   componentWillUnmount() {
     const {
       form
@@ -109,4 +117,5 @@ export default class Field extends PureComponent {
     form.off('setValue', this.updateValue);
     form.off('setValues', this.onFormChange);
   }
+
 }

package/es/query-form/createActions.js

@@ -11,29 +11,37 @@ 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);
     },