tntd 2.0.13 → 2.0.14

package/es/array-input/index.js

@@ -4,14 +4,18 @@ import _set from "lodash/set";
 import _isFunction from "lodash/isFunction";
 import _isArray from "lodash/isArray";
 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, { isValidElement, useCallback, useEffect, useState } from 'react';
 import { deleteIcon, plusIcon } from './icon';
 import Col from '../col';
@@ -22,7 +26,9 @@ import './index.less';
 const {
   Column
 } = Table;
+
 const getWidth = span => 1000 / span;
+
 export default function ArrayInput({
   children,
   defaultValue,
@@ -38,10 +44,12 @@ export default function ArrayInput({
   if (!_isFunction(children)) {
     throw new Error('ArrayInput的children必须是函数');
   }
+
   const [_value, setValue] = useState(value || defaultValue);
   useEffect(() => {
     setValue(value);
   }, [value]);
+
   const _onChange = useCallback(value => {
     if (onChange) {
       onChange(value);
@@ -49,36 +57,47 @@ export default function ArrayInput({
       setValue(value);
     }
   }, []);
+
   let inValue = _value || [];
+
   if (require && inValue.length === 0) {
     inValue = [{}];
   }
+
   const changeValue = (index, name, value) => {
     inValue[index] = Object.assign(Object.assign({}, inValue[index]), {
       [name]: value
     });
+
     _onChange([...inValue]);
   };
+
   const onAdd = index => {
     if (index === undefined) {
       _onChange([...inValue, {}]);
     } else {
       inValue.splice(index + 1, 0, {});
+
       _onChange([...inValue]);
     }
   };
+
   const onDelete = i => {
     inValue.splice(i, 1);
+
     _onChange([...inValue]);
   };
+
   if (mode === 'list') {
     return React.createElement("div", {
       className: "tntd-array-input"
     }, inValue.map((item, index) => {
       let fields = children(item, index);
+
       if (!_isArray(fields)) {
         fields = _get(fields, 'props.children', []);
       }
+
       return React.createElement(Row, {
         gutter: gutter,
         key: index,
@@ -90,13 +109,15 @@ export default function ArrayInput({
             key: i
           }, field) : '';
         }
+
         const _a = field === null || field === void 0 ? void 0 : field.props,
-          {
-            name,
-            span = 4,
-            onChange: fieldChange
-          } = _a,
-          other = __rest(_a, ["name", "span", "onChange"]);
+              {
+          name,
+          span = 4,
+          onChange: fieldChange
+        } = _a,
+              other = __rest(_a, ["name", "span", "onChange"]);
+
         return React.createElement(Col, {
           span: span,
           key: i
@@ -134,14 +155,17 @@ export default function ArrayInput({
     }, addText));
   } else {
     let fields = children({}, 0);
+
     if (!_isArray(fields)) {
       fields = _get(fields, 'props.children', []);
     }
+
     const dataSource = inValue.map((value, index) => {
       const fields = children(value, index);
       const back = {};
       fields.forEach(field => {
         var _a;
+
         const name = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.name;
         name && _set(back, name, field);
       });
@@ -172,6 +196,7 @@ export default function ArrayInput({
           if (!isValidElement(field)) {
             return field;
           }
+
           const {
             onChange: fieldChange
           } = field.props;

package/es/columns/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 classnames from 'classnames';
 import React from 'react';
 import { Row, Col } from '../';
@@ -53,14 +56,16 @@ export const Item = props => {
     className: `${clsPrefix}-col-body`
   }, children)));
 };
+
 const Columns = props => {
   const {
-      children,
-      height,
-      gutter = 0,
-      style
-    } = props,
-    rest = __rest(props, ["children", "height", "gutter", "style"]);
+    children,
+    height,
+    gutter = 0,
+    style
+  } = props,
+        rest = __rest(props, ["children", "height", "gutter", "style"]);
+
   const rowStyle = Object.assign(Object.assign({}, style), {
     height: props.height ? `${props.height}px` : 'calc(100vh)'
   });
@@ -71,5 +76,6 @@ const Columns = props => {
     style: rowStyle
   }, rest), children);
 };
+
 Columns.Item = Item;
 export default Columns;

package/es/development-login/LoginModal.js

@@ -4,8 +4,8 @@ import Modal from '../modal';
 import Input from '../input';
 import Form from '../form';
 import message from '../message';
-const cookies = new Cookies();
-// 默认
+const cookies = new Cookies(); // 默认
+
 let accountInfoDefault = {
   account: undefined,
   password: undefined
@@ -15,22 +15,26 @@ export default (({
   close,
   signIn
 }) => {
-  const [confirmLoading, setConfirmLoading] = useState(false);
-  // 如果storage中已存在，则取storage
+  const [confirmLoading, setConfirmLoading] = useState(false); // 如果storage中已存在，则取storage
+
   const storageAccountInfo = localStorage.getItem('accountInfo');
+
   if (storageAccountInfo) {
     try {
       accountInfoDefault = JSON.parse(storageAccountInfo);
     } catch (e) {}
   }
+
   const [accountInfo, setAccountInfo] = useState(accountInfoDefault);
   const {
     account,
     password
   } = accountInfo;
+
   const onSubmit = () => {
     setConfirmLoading(true);
     const returnVal = signIn && signIn(accountInfo);
+
     if (returnVal && returnVal.then) {
       returnVal.then(res => {
         message.success('模拟登陆成功');
@@ -55,11 +59,13 @@ export default (({
       });
     }
   };
+
   const changeFieldValue = (key, evt) => {
     setAccountInfo(Object.assign(Object.assign({}, accountInfo), {
       [key]: evt.target.value
     }));
   };
+
   return React.createElement(Modal, {
     title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
     visible: visible,

package/es/drawer/drawer.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 LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import React from 'react';
@@ -13,10 +16,11 @@ import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdDrawer } from 'antd/es/drawer';
 export const Drawer = _a => {
   var {
-      closable,
-      className
-    } = _a,
-    rest = __rest(_a, ["closable", "className"]);
+    closable,
+    className
+  } = _a,
+      rest = __rest(_a, ["closable", "className"]);
+
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {

package/es/ellipsis/index.js

@@ -11,17 +11,23 @@ import CopySVG from './Svg/CopySVG';
 import TickSVG from './Svg/TickSVG';
 import './index.less';
 const tolerance = 0; // In px. Depends on the font you are using
+
 const isEllipsisActive = e => {
   var _a, _b;
+
   if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
     let styleStr = 'overflow:visible; ';
+
     if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.parentNode) === null || _a === void 0 ? void 0 : _a.getAttribute('style')) === null || _b === void 0 ? void 0 : _b.includes('width'))) {
       styleStr += 'max-width:100%;';
     }
+
     e.parentNode.setAttribute('style', styleStr);
   }
+
   return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
 };
+
 export default (props => {
   let {
     _popover = props.Popover,
@@ -45,30 +51,33 @@ export default (props => {
     prefix,
     // 前缀dom
     suffix // 后缀dom
-  } = props;
-  // allow visible or not state
-  const [flag, setFlag] = useState(true);
-  // visible[Tooltip/Popover] state
-  const [tipVisible, setTipVisible] = useState(false);
-  // copy animation state
+
+  } = props; // allow visible or not state
+
+  const [flag, setFlag] = useState(true); // visible[Tooltip/Popover] state
+
+  const [tipVisible, setTipVisible] = useState(false); // copy animation state
+
   const [hasCopy, setHasCopy] = useState(false);
   const elementRef = useRef();
   useEffect(() => {
     elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
-  });
-  // original Node
-  const inner = typeof children === 'string' ? children : _popover ? content : title;
-  // for className
+  }); // original Node
+
+  const inner = typeof children === 'string' ? children : _popover ? content : title; // for className
+
   const getClassName = () => {
     return `overflow ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`;
-  };
-  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
+  }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
+
+
   const handleVisibleChange = visible => {
     // const { onVisibleChange } = props;
     // onVisibleChange(visible);
     flag && setTipVisible(visible);
-  };
-  // onClick Copy Button
+  }; // onClick Copy Button
+
+
   const handleCopy = innerText => {
     copy(innerText);
     setHasCopy(!hasCopy);
@@ -76,6 +85,7 @@ export default (props => {
       setHasCopy(false);
     }, 1000);
   };
+
   const renderNode = () => {
     const popoverNode = React.createElement(Popover, Object.assign({}, props, {
       content: content || children,
@@ -101,6 +111,7 @@ export default (props => {
     }, children || title));
     return _popover ? popoverNode : tooltipNode;
   };
+
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "tnt-ellipsis",
     style: Object.assign(Object.assign({}, style), {

package/es/empty/empty.js

@@ -1,19 +1,22 @@
 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 LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdEmpty } from 'antd/es/empty';
 import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess } from '../svg-components';
-export * from 'antd/es/empty';
-// description map for evert type
+export * from 'antd/es/empty'; // description map for evert type
+
 export const EmptyDescriptionMap = {
   empty: 'noData',
   'no-result': 'noData',
@@ -40,13 +43,14 @@ const BuiltinEmptyImage = {
 };
 export function Empty(_a) {
   var {
-      className,
-      description,
-      size = 'middle',
-      type = 'empty',
-      locale
-    } = _a,
-    rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
+    className,
+    description,
+    size = 'middle',
+    type = 'empty',
+    locale
+  } = _a,
+      rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
+
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {

package/es/handle/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 React, { Fragment } from 'react';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import Icon from '../tntd-icon';
@@ -19,35 +22,41 @@ export default (props => {
     componentName: "Handle"
   }, (locale, localeCode) => {
     const _a = props || {},
-      {
-        children = [],
-        type,
-        num = 3,
-        lang,
-        divider = true,
-        lessOneMoreFit,
-        popConfirmHandle
-      } = _a,
-      rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle"]);
+          {
+      children = [],
+      type,
+      num = 3,
+      lang,
+      divider = true,
+      lessOneMoreFit,
+      popConfirmHandle
+    } = _a,
+          rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle"]);
+
     let newChildren = [];
+
     if (Array.isArray(children)) {
       newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
     } else if (children) {
       newChildren.push(children);
     }
+
     if (localeCode === 'en' || popConfirmHandle) {
       newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
         const {
           type,
           props
         } = v;
+
         if ((type === null || type === void 0 ? void 0 : type.name) === 'Popconfirm' || props.hasOwnProperty('onConfirm') && typeof (props === null || props === void 0 ? void 0 : props.onConfirm) === 'function') {
           let placement = {};
+
           if (lang === 'en' || num && !isNaN(num) && i + 1 > num && !(lessOneMoreFit && newChildren.length - num === 1)) {
             placement = {
               placement: 'left'
             };
           }
+
           newChildren[i] = React.cloneElement(v, Object.assign(Object.assign(Object.assign(Object.assign({
             overlayStyle: {
               width: 180
@@ -61,28 +70,31 @@ export default (props => {
         }
       });
     }
-    let [preChildPart, lastChildPart] = [newChildren, null];
-    // 只有1个时不适配
+
+    let [preChildPart, lastChildPart] = [newChildren, null]; // 只有1个时不适配
+
     if (lessOneMoreFit && newChildren.length - num === 1) {
       preChildPart = newChildren;
     } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
       preChildPart = newChildren.slice(0, num);
       lastChildPart = newChildren.slice(num);
     }
+
     if (divider && preChildPart) {
       const preChildLen = preChildPart.length;
       preChildPart = preChildPart.map((dom, i) => React.createElement(Fragment, {
         key: i
-      }, dom, !(i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
-      ) && React.createElement(Divider, {
+      }, dom, !(i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length)) && React.createElement(Divider, {
         type: "vertical"
       })));
     }
+
     const menu = childArr => React.createElement(Menu, {
       className: "org-pop-opera-btn"
     }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => React.createElement(Menu.Item, {
       key: i
     }, child)));
+
     if (localeCode === "en") {
       return React.createElement(Dropdown, {
         overlay: menu(newChildren || []),
@@ -97,6 +109,7 @@ export default (props => {
         type: "down"
       }))));
     }
+
     return React.createElement("div", Object.assign({
       onClick: e => {
         e.stopPropagation();

package/es/img/Contain.js

@@ -1,39 +1,45 @@
 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';
 export default (props => {
   const {
-      alt,
-      title,
-      src,
-      width,
-      height,
-      style = {},
-      className,
-      onError,
-      shape,
-      errorImgSrc,
-      type
-    } = props,
-    others = __rest(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
+    alt,
+    title,
+    src,
+    width,
+    height,
+    style = {},
+    className,
+    onError,
+    shape,
+    errorImgSrc,
+    type
+  } = props,
+        others = __rest(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
+
   const styles = Object.assign(Object.assign({}, style), {
     display: 'inline-block',
     width,
     height,
     overflow: 'hidden'
   });
+
   if (shape === 'rounded') {
     styles.borderRadius = '5px';
   } else if (shape === 'circle') {
     styles.borderRadius = '50%';
   }
+
   const centerStyles = {
     width,
     height,

package/es/img/Cover.js

@@ -1,29 +1,33 @@
 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 { useEffect, useState, useRef } from 'react';
 import classnames from 'classnames';
 export default (props => {
   const {
-      alt,
-      title,
-      src,
-      width,
-      height,
-      style = {},
-      className,
-      onError,
-      shape,
-      errorImgSrc,
-      type
-    } = props,
-    others = __rest(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
+    alt,
+    title,
+    src,
+    width,
+    height,
+    style = {},
+    className,
+    onError,
+    shape,
+    errorImgSrc,
+    type
+  } = props,
+        others = __rest(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
+
   const imgRef = useRef();
   const [imgStyles, setImgStyles] = useState({
     display: 'block',
@@ -33,6 +37,7 @@ export default (props => {
     // transition: 'opacity 0.2s ease',
     opacity: 0
   });
+
   const getStyles = (wrapWidth, wrapHeight, imgWidth, imgHeight) => {
     // 进行等比运算
     const wrapRatio = wrapWidth / wrapHeight;
@@ -41,6 +46,7 @@ export default (props => {
     let finalHeight = 0;
     let finalMarginTop = 0;
     let finalMarginLeft = 0;
+
     if (wrapRatio > imgRatio) {
       // 父框宽度更大，以父框的宽度为准，拉伸图片上移
       finalWidth = wrapWidth;
@@ -52,6 +58,7 @@ export default (props => {
       finalWidth = finalHeight * imgRatio;
       finalMarginLeft = (finalWidth - wrapWidth) / 2 * -1;
     }
+
     return {
       height: finalHeight,
       width: finalWidth,
@@ -59,6 +66,7 @@ export default (props => {
       marginTop: finalMarginTop
     };
   };
+
   const imgOnload = () => {
     const imgDOM = imgRef.current;
     const {
@@ -72,6 +80,7 @@ export default (props => {
       opacity: 1
     }));
   };
+
   useEffect(() => {
     if (width || height) {
       imgOnload();
@@ -83,11 +92,13 @@ export default (props => {
     width,
     height
   });
+
   if (shape === 'rounded') {
     styles.borderRadius = '5px';
   } else if (shape === 'circle') {
     styles.borderRadius = '50%';
   }
+
   const cls = classnames('tntd-img', shape, className);
   return React.createElement("div", Object.assign({
     className: cls,