tntd 2.0.25 → 2.1.0

package/es/handle/index.js

@@ -1,13 +1,10 @@
-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;
+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';
@@ -17,65 +14,107 @@ import Dropdown from '../dropdown';
 import Menu from '../menu';
 import './index.less';
 const clsPrefix = 'tnt-more-menus';
-export default (props) => {
-    return (React.createElement(LocaleReceiver, { componentName: "Handle" }, (locale, localeCode) => {
-        const _a = props || {}, { children = [], type, num = 3, lang, divider = true, lessOneMoreFit, popConfirmHandle, isIconBtn } = _a, rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn"]);
-        let newChildren = [];
-        if (Array.isArray(children)) {
-            newChildren = (children === null || children === void 0 ? void 0 : children.filter((item) => !!item)) || [];
-        }
-        else if (children) {
-            newChildren.push(children);
-        }
-        // 子元素大于1个，且不是 icon元素
-        const specialSceneDefaultShow = ((newChildren === null || newChildren === void 0 ? void 0 : newChildren.length) > 1 && !isIconBtn);
-        if (specialSceneDefaultShow && (lang === '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 } }, ((v === null || v === void 0 ? void 0 : v.props) || {})), { onClick: (e) => e.stopPropagation() }), placement), { trigger: 'hover', getPopupContainer: (trigger) => trigger.parentNode }));
-                }
-            });
-        }
-        let [preChildPart, lastChildPart] = [newChildren, null];
-        // 只有1个时不适配
-        if (lessOneMoreFit && newChildren.length - num === 1) {
-            preChildPart = newChildren;
+export default (props => {
+  return React.createElement(LocaleReceiver, {
+    componentName: "Handle"
+  }, (locale, localeCode) => {
+    const _a = props || {},
+      {
+        children = [],
+        type,
+        num = 3,
+        lang,
+        divider = true,
+        lessOneMoreFit,
+        popConfirmHandle,
+        isIconBtn
+      } = _a,
+      rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn"]);
+    let newChildren = [];
+    if (Array.isArray(children)) {
+      newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
+    } else if (children) {
+      newChildren.push(children);
+    }
+    // 子元素大于1个，且不是 icon元素
+    const specialSceneDefaultShow = (newChildren === null || newChildren === void 0 ? void 0 : newChildren.length) > 1 && !isIconBtn;
+    if (specialSceneDefaultShow && (lang === '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
+            }
+          }, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+            onClick: e => e.stopPropagation()
+          }), placement), {
+            trigger: 'hover',
+            getPopupContainer: trigger => trigger.parentNode
+          }));
         }
-        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, { 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 (lang === 'en' && specialSceneDefaultShow) {
-            return (React.createElement(Dropdown, { overlay: menu(newChildren || []), arrow: true }, type === 'icon' ?
-                React.createElement(Icon, { type: "more" }) :
-                React.createElement("a", { className: "ant-dropdown-more" }, locale === null || locale === void 0 ? void 0 :
-                    locale.more,
-                    React.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
-                        React.createElement(Icon, { type: "down" })))));
-        }
-        return (React.createElement("div", Object.assign({ onClick: (e) => {
-                e.stopPropagation();
-            } }, rest),
-            preChildPart,
-            !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && (React.createElement(Dropdown, { overlay: menu(lastChildPart || []), arrow: true }, type === 'icon' ? (React.createElement(Icon, { type: "more" })) : (React.createElement("a", { className: "ant-dropdown-more" }, locale === null || locale === void 0 ? void 0 :
-                locale.more,
-                React.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
-                    React.createElement(Icon, { type: "down" }))))))));
-    }));
-};
-//# sourceMappingURL=index.js.map
+      });
+    }
+    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, {
+        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 (lang === 'en' && specialSceneDefaultShow) {
+      return React.createElement(Dropdown, {
+        overlay: menu(newChildren || []),
+        arrow: true
+      }, type === 'icon' ? React.createElement(Icon, {
+        type: "more"
+      }) : React.createElement("a", {
+        className: "ant-dropdown-more"
+      }, locale === null || locale === void 0 ? void 0 : locale.more, React.createElement("i", {
+        className: `${clsPrefix}-dropdown-icon`
+      }, React.createElement(Icon, {
+        type: "down"
+      }))));
+    }
+    return React.createElement("div", Object.assign({
+      onClick: e => {
+        e.stopPropagation();
+      }
+    }, rest), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && React.createElement(Dropdown, {
+      overlay: menu(lastChildPart || []),
+      arrow: true
+    }, type === 'icon' ? React.createElement(Icon, {
+      type: "more"
+    }) : React.createElement("a", {
+      className: "ant-dropdown-more"
+    }, locale === null || locale === void 0 ? void 0 : locale.more, React.createElement("i", {
+      className: `${clsPrefix}-dropdown-icon`
+    }, React.createElement(Icon, {
+      type: "down"
+    })))));
+  });
+});

package/es/handle/style/index.js

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

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

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

package/es/icon/index.js

@@ -1,5 +1,4 @@
 import Icon from 'antd/es/icon';
 import 'antd/es/icon/style';
 export * from 'antd/es/icon';
-export default Icon;
-//# sourceMappingURL=index.js.map
+export default Icon;

package/es/icon-list/index.js

@@ -1,120 +1 @@
-export default [
-    'system',
-    'entry',
-    'permission',
-    'graph',
-    'guanjia',
-    'case',
-    'celve1',
-    'shoucang',
-    'deal-type',
-    'pm',
-    'shoukuan',
-    'zhibiao',
-    'puzzle',
-    'user-group',
-    'yuce',
-    'jianmo',
-    'zhuanzhang',
-    'yunwei',
-    'baozhang',
-    'jizhang',
-    'tongji',
-    'pingfen',
-    'limit',
-    'spider',
-    'loan',
-    'access',
-    'role',
-    'org',
-    'celve',
-    'book',
-    'tag',
-    'shixufenxipeizhi',
-    'all-cases',
-    'xianeguanli',
-    'api',
-    'network',
-    'analysis',
-    'calendar',
-    'backup',
-    'all',
-    'attachment',
-    'chart-line',
-    'branches',
-    'chart-area',
-    'clock',
-    'check',
-    'charging-setting',
-    'chart-pie-alt',
-    'dashboard',
-    'datebase',
-    'check-reply',
-    'datacenter',
-    'connection',
-    'download',
-    'date-set',
-    'event',
-    'event-wait',
-    'fieldanalysis',
-    'exchange',
-    'knowledge',
-    'key',
-    'log',
-    'list',
-    'menu',
-    'index',
-    'project',
-    'monitorin',
-    'pointmap',
-    'ranking',
-    'model',
-    'plan',
-    'task',
-    'wait',
-    'upload',
-    'question-list',
-    'read',
-    'setting',
-    'reply',
-    'jinjianguanli',
-    'change-theme',
-    'application',
-    'flag-en',
-    'flag-cn',
-    'down',
-    'up',
-    'workflow',
-    'sync',
-    'folder',
-    'database',
-    'circle',
-    'edit',
-    'edit-color',
-    'box',
-    'layer',
-    'box-color',
-    'home-color',
-    'record',
-    'monitor',
-    'time-color',
-    'user',
-    'function-color',
-    'record-color',
-    'warning-color',
-    'layer-color',
-    'template',
-    'template-color',
-    'monitor-color',
-    'search',
-    'user-color',
-    'function',
-    'warning',
-    'search-color',
-    'home',
-    'time',
-    'application',
-    'plus',
-    'minus',
-];
-//# sourceMappingURL=index.js.map
+export default ['system', 'entry', 'permission', 'graph', 'guanjia', 'case', 'celve1', 'shoucang', 'deal-type', 'pm', 'shoukuan', 'zhibiao', 'puzzle', 'user-group', 'yuce', 'jianmo', 'zhuanzhang', 'yunwei', 'baozhang', 'jizhang', 'tongji', 'pingfen', 'limit', 'spider', 'loan', 'access', 'role', 'org', 'celve', 'book', 'tag', 'shixufenxipeizhi', 'all-cases', 'xianeguanli', 'api', 'network', 'analysis', 'calendar', 'backup', 'all', 'attachment', 'chart-line', 'branches', 'chart-area', 'clock', 'check', 'charging-setting', 'chart-pie-alt', 'dashboard', 'datebase', 'check-reply', 'datacenter', 'connection', 'download', 'date-set', 'event', 'event-wait', 'fieldanalysis', 'exchange', 'knowledge', 'key', 'log', 'list', 'menu', 'index', 'project', 'monitorin', 'pointmap', 'ranking', 'model', 'plan', 'task', 'wait', 'upload', 'question-list', 'read', 'setting', 'reply', 'jinjianguanli', 'change-theme', 'application', 'flag-en', 'flag-cn', 'down', 'up', 'workflow', 'sync', 'folder', 'database', 'circle', 'edit', 'edit-color', 'box', 'layer', 'box-color', 'home-color', 'record', 'monitor', 'time-color', 'user', 'function-color', 'record-color', 'warning-color', 'layer-color', 'template', 'template-color', 'monitor-color', 'search', 'user-color', 'function', 'warning', 'search-color', 'home', 'time', 'application', 'plus', 'minus'];

package/es/icon-list/style/index.js

@@ -0,0 +1 @@
+export default ['system', 'entry', 'permission', 'graph', 'guanjia', 'case', 'celve1', 'shoucang', 'deal-type', 'pm', 'shoukuan', 'zhibiao', 'puzzle', 'user-group', 'yuce', 'jianmo', 'zhuanzhang', 'yunwei', 'baozhang', 'jizhang', 'tongji', 'pingfen', 'limit', 'spider', 'loan', 'access', 'role', 'org', 'celve', 'book', 'tag', 'shixufenxipeizhi', 'all-cases', 'xianeguanli', 'api', 'network', 'analysis', 'calendar', 'backup', 'all', 'attachment', 'chart-line', 'branches', 'chart-area', 'clock', 'check', 'charging-setting', 'chart-pie-alt', 'dashboard', 'datebase', 'check-reply', 'datacenter', 'connection', 'download', 'date-set', 'event', 'event-wait', 'fieldanalysis', 'exchange', 'knowledge', 'key', 'log', 'list', 'menu', 'index', 'project', 'monitorin', 'pointmap', 'ranking', 'model', 'plan', 'task', 'wait', 'upload', 'question-list', 'read', 'setting', 'reply', 'jinjianguanli', 'change-theme', 'application', 'flag-en', 'flag-cn', 'down', 'up', 'workflow', 'sync', 'folder', 'database', 'circle', 'edit', 'edit-color', 'box', 'layer', 'box-color', 'home-color', 'record', 'monitor', 'time-color', 'user', 'function-color', 'record-color', 'warning-color', 'layer-color', 'template', 'template-color', 'monitor-color', 'search', 'user-color', 'function', 'warning', 'search-color', 'home', 'time', 'application', 'plus', 'minus'];

package/es/icon-list/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-list/style/index.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ;IACR,OAAO;IACP,YAAY;IACZ,OAAO;IACP,SAAS;IACT,MAAM;IACN,QAAQ;IACR,UAAU;IACV,WAAW;IACX,IAAI;IACJ,UAAU;IACV,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,YAAY;IACZ,QAAQ;IACR,UAAU;IACV,SAAS;IACT,QAAQ;IACR,SAAS;IACT,OAAO;IACP,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,MAAM;IACN,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,kBAAkB;IAClB,WAAW;IACX,aAAa;IACb,KAAK;IACL,SAAS;IACT,UAAU;IACV,UAAU;IACV,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,OAAO;IACP,OAAO;IACP,kBAAkB;IAClB,eAAe;IACf,WAAW;IACX,UAAU;IACV,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,UAAU;IACV,OAAO;IACP,YAAY;IACZ,eAAe;IACf,UAAU;IACV,WAAW;IACX,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,WAAW;IACX,UAAU;IACV,SAAS;IACT,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,eAAe;IACf,MAAM;IACN,SAAS;IACT,OAAO;IACP,eAAe;IACf,cAAc;IACd,aAAa;IACb,SAAS;IACT,SAAS;IACT,MAAM;IACN,IAAI;IACJ,UAAU;IACV,MAAM;IACN,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,MAAM;IACN,YAAY;IACZ,KAAK;IACL,OAAO;IACP,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,MAAM;IACN,gBAAgB;IAChB,cAAc;IACd,eAAe;IACf,aAAa;IACb,UAAU;IACV,gBAAgB;IAChB,eAAe;IACf,QAAQ;IACR,YAAY;IACZ,UAAU;IACV,SAAS;IACT,cAAc;IACd,MAAM;IACN,MAAM;IACN,aAAa;IACb,MAAM;IACN,OAAO;CACR,CAAA","sourcesContent":["export default [\n  'system',\n  'entry',\n  'permission',\n  'graph',\n  'guanjia',\n  'case',\n  'celve1',\n  'shoucang',\n  'deal-type',\n  'pm',\n  'shoukuan',\n  'zhibiao',\n  'puzzle',\n  'user-group',\n  'yuce',\n  'jianmo',\n  'zhuanzhang',\n  'yunwei',\n  'baozhang',\n  'jizhang',\n  'tongji',\n  'pingfen',\n  'limit',\n  'spider',\n  'loan',\n  'access',\n  'role',\n  'org',\n  'celve',\n  'book',\n  'tag',\n  'shixufenxipeizhi',\n  'all-cases',\n  'xianeguanli',\n  'api',\n  'network',\n  'analysis',\n  'calendar',\n  'backup',\n  'all',\n  'attachment',\n  'chart-line',\n  'branches',\n  'chart-area',\n  'clock',\n  'check',\n  'charging-setting',\n  'chart-pie-alt',\n  'dashboard',\n  'datebase',\n  'check-reply',\n  'datacenter',\n  'connection',\n  'download',\n  'date-set',\n  'event',\n  'event-wait',\n  'fieldanalysis',\n  'exchange',\n  'knowledge',\n  'key',\n  'log',\n  'list',\n  'menu',\n  'index',\n  'project',\n  'monitorin',\n  'pointmap',\n  'ranking',\n  'model',\n  'plan',\n  'task',\n  'wait',\n  'upload',\n  'question-list',\n  'read',\n  'setting',\n  'reply',\n  'jinjianguanli',\n  'change-theme',\n  'application',\n  'flag-en',\n  'flag-cn',\n  'down',\n  'up',\n  'workflow',\n  'sync',\n  'folder',\n  'database',\n  'circle',\n  'edit',\n  'edit-color',\n  'box',\n  'layer',\n  'box-color',\n  'home-color',\n  'record',\n  'monitor',\n  'time-color',\n  'user',\n  'function-color',\n  'record-color',\n  'warning-color',\n  'layer-color',\n  'template',\n  'template-color',\n  'monitor-color',\n  'search',\n  'user-color',\n  'function',\n  'warning',\n  'search-color',\n  'home',\n  'time',\n  'application',\n  'plus',\n  'minus',\n]\n"]}

package/es/img/Contain.js

@@ -1,42 +1,63 @@
-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;
+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"]);
-    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,
-        display: 'table-cell',
-        verticalAlign: 'middle',
-        textAlign: 'center',
-    };
-    const imgStyles = {
-        width: 'auto',
-        height: 'auto',
-        maxWidth: width,
-        maxHeight: height,
-    };
-    const cls = classnames('tntd-img', shape, className);
-    return (React.createElement("div", Object.assign({ className: cls, style: styles }, others),
-        React.createElement("div", { style: centerStyles },
-            React.createElement("img", { style: imgStyles, onError: onError, src: src, alt: alt, title: title }))));
-};
-//# sourceMappingURL=Contain.js.map
+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"]);
+  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,
+    display: 'table-cell',
+    verticalAlign: 'middle',
+    textAlign: 'center'
+  };
+  const imgStyles = {
+    width: 'auto',
+    height: 'auto',
+    maxWidth: width,
+    maxHeight: height
+  };
+  const cls = classnames('tntd-img', shape, className);
+  return React.createElement("div", Object.assign({
+    className: cls,
+    style: styles
+  }, others), React.createElement("div", {
+    style: centerStyles
+  }, React.createElement("img", {
+    style: imgStyles,
+    onError: onError,
+    src: src,
+    alt: alt,
+    title: title
+  })));
+});

package/es/img/Cover.js

@@ -1,78 +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;
+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"]);
-    const imgRef = useRef();
-    const [imgStyles, setImgStyles] = useState({
-        display: 'block',
-        maxWidth: 'none',
-        width: 'auto',
-        height: 'auto',
-        // transition: 'opacity 0.2s ease',
-        opacity: 0,
-    });
-    const getStyles = (wrapWidth, wrapHeight, imgWidth, imgHeight) => {
-        // 进行等比运算
-        const wrapRatio = wrapWidth / wrapHeight;
-        const imgRatio = imgWidth / imgHeight;
-        let finalWidth = 0;
-        let finalHeight = 0;
-        let finalMarginTop = 0;
-        let finalMarginLeft = 0;
-        if (wrapRatio > imgRatio) {
-            // 父框宽度更大，以父框的宽度为准，拉伸图片上移
-            finalWidth = wrapWidth;
-            finalHeight = finalWidth / imgRatio;
-            finalMarginTop = ((finalHeight - wrapHeight) / 2) * -1;
-        }
-        else {
-            // 父框高度更大，以父框高度为准，拉伸图片左移动
-            finalHeight = wrapHeight;
-            finalWidth = finalHeight * imgRatio;
-            finalMarginLeft = ((finalWidth - wrapWidth) / 2) * -1;
-        }
-        return {
-            height: finalHeight,
-            width: finalWidth,
-            marginLeft: finalMarginLeft,
-            marginTop: finalMarginTop,
-        };
-    };
-    const imgOnload = () => {
-        const imgDOM = imgRef.current;
-        const { width, height } = props;
-        const imgWidth = imgDOM.width;
-        const imgHeight = imgDOM.height;
-        const imgStyles2 = getStyles(width, height, imgWidth, imgHeight);
-        setImgStyles(Object.assign(Object.assign(Object.assign({}, imgStyles), imgStyles2), { opacity: 1 }));
-    };
-    useEffect(() => {
-        if (width || height) {
-            imgOnload();
-        }
-    }, [width, height]);
-    const styles = Object.assign(Object.assign({}, style), { display: 'inline-block', overflow: 'hidden', width,
-        height });
-    if (shape === 'rounded') {
-        styles.borderRadius = '5px';
+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"]);
+  const imgRef = useRef();
+  const [imgStyles, setImgStyles] = useState({
+    display: 'block',
+    maxWidth: 'none',
+    width: 'auto',
+    height: 'auto',
+    // transition: 'opacity 0.2s ease',
+    opacity: 0
+  });
+  const getStyles = (wrapWidth, wrapHeight, imgWidth, imgHeight) => {
+    // 进行等比运算
+    const wrapRatio = wrapWidth / wrapHeight;
+    const imgRatio = imgWidth / imgHeight;
+    let finalWidth = 0;
+    let finalHeight = 0;
+    let finalMarginTop = 0;
+    let finalMarginLeft = 0;
+    if (wrapRatio > imgRatio) {
+      // 父框宽度更大，以父框的宽度为准，拉伸图片上移
+      finalWidth = wrapWidth;
+      finalHeight = finalWidth / imgRatio;
+      finalMarginTop = (finalHeight - wrapHeight) / 2 * -1;
+    } else {
+      // 父框高度更大，以父框高度为准，拉伸图片左移动
+      finalHeight = wrapHeight;
+      finalWidth = finalHeight * imgRatio;
+      finalMarginLeft = (finalWidth - wrapWidth) / 2 * -1;
     }
-    else if (shape === 'circle') {
-        styles.borderRadius = '50%';
+    return {
+      height: finalHeight,
+      width: finalWidth,
+      marginLeft: finalMarginLeft,
+      marginTop: finalMarginTop
+    };
+  };
+  const imgOnload = () => {
+    const imgDOM = imgRef.current;
+    const {
+      width,
+      height
+    } = props;
+    const imgWidth = imgDOM.width;
+    const imgHeight = imgDOM.height;
+    const imgStyles2 = getStyles(width, height, imgWidth, imgHeight);
+    setImgStyles(Object.assign(Object.assign(Object.assign({}, imgStyles), imgStyles2), {
+      opacity: 1
+    }));
+  };
+  useEffect(() => {
+    if (width || height) {
+      imgOnload();
     }
-    const cls = classnames('tntd-img', shape, className);
-    return (React.createElement("div", Object.assign({ className: cls, style: styles }, others),
-        React.createElement("img", { style: imgStyles, onError: onError, ref: imgRef, src: src, alt: alt, title: title, onLoad: imgOnload })));
-};
-//# sourceMappingURL=Cover.js.map
+  }, [width, height]);
+  const styles = Object.assign(Object.assign({}, style), {
+    display: 'inline-block',
+    overflow: 'hidden',
+    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,
+    style: styles
+  }, others), React.createElement("img", {
+    style: imgStyles,
+    onError: onError,
+    ref: imgRef,
+    src: src,
+    alt: alt,
+    title: title,
+    onLoad: imgOnload
+  }));
+});