tntd 2.7.28 → 2.7.29

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';
@@ -18,87 +15,130 @@ import Dropdown from '../dropdown';
 import Menu from '../menu';
 import './index.less';
 const clsPrefix = 'tntd-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, stopPropagation = true, upperCaseIgnore = [], unUpperConverted = false } = _a, rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn", "stopPropagation", "upperCaseIgnore", "unUpperConverted"]);
-        // 非中文
-        let isCn = lang === 'cn';
-        if (!lang) {
-            isCn = localeCode === 'zh-cn';
-        }
-        let newChildren = [];
-        if (Array.isArray(children)) {
-            newChildren = (children === null || children === void 0 ? void 0 : children.filter((item) => !!item)) || [];
-        }
-        else if (children) {
-            newChildren.push(children);
-        }
-        // 非中文 且非 icon图标
-        if (!unUpperConverted && !isCn && !isIconBtn) {
-            newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
-                newChildren[i] = React.cloneElement(v, Object.assign(Object.assign({}, ((v === null || v === void 0 ? void 0 : v.props) || {})), { children: doUpperTitle(v.props.children, upperCaseIgnore) }));
-            });
+export default (props => {
+  return React.createElement(LocaleReceiver, {
+    componentName: "Handle"
+  }, (locale, localeCode) => {
+    const _a = props || {},
+      {
+        children = [],
+        type,
+        num = 3,
+        lang,
+        divider = true,
+        lessOneMoreFit,
+        popConfirmHandle,
+        isIconBtn,
+        stopPropagation = true,
+        upperCaseIgnore = [],
+        unUpperConverted = false
+      } = _a,
+      rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn", "stopPropagation", "upperCaseIgnore", "unUpperConverted"]);
+    // 非中文
+    let isCn = lang === 'cn';
+    if (!lang) {
+      isCn = localeCode === 'zh-cn';
+    }
+    let newChildren = [];
+    if (Array.isArray(children)) {
+      newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
+    } else if (children) {
+      newChildren.push(children);
+    }
+    // 非中文 且非 icon图标
+    if (!unUpperConverted && !isCn && !isIconBtn) {
+      newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
+        newChildren[i] = React.cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+          children: doUpperTitle(v.props.children, upperCaseIgnore)
+        }));
+      });
+    }
+    // 子元素大于1个，且不是 icon元素
+    const specialSceneDefaultShow = (newChildren === null || newChildren === void 0 ? void 0 : newChildren.length) > 1 && !isIconBtn;
+    if (specialSceneDefaultShow && (!isCn || 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 (!isCn || 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
+          }));
         }
-        // 子元素大于1个，且不是 icon元素
-        const specialSceneDefaultShow = (newChildren === null || newChildren === void 0 ? void 0 : newChildren.length) > 1 && !isIconBtn;
-        if (specialSceneDefaultShow && (!isCn || 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 (!isCn ||
-                        (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;
+    } 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 (!isCn && specialSceneDefaultShow) {
+      return React.createElement(Dropdown, {
+        overlay: menu(newChildren || []),
+        arrow: true,
+        onClick: e => {
+          if (stopPropagation) {
+            e.stopPropagation();
+          }
         }
-        let [preChildPart, lastChildPart] = [newChildren, null];
-        // 只有1个时不适配
-        if (lessOneMoreFit && newChildren.length - num === 1) {
-            preChildPart = newChildren;
+      }, 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 => {
+        if (stopPropagation) {
+          e.stopPropagation();
         }
-        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 (!isCn && specialSceneDefaultShow) {
-            return (React.createElement(Dropdown, { overlay: menu(newChildren || []), arrow: true, onClick: (e) => {
-                    if (stopPropagation) {
-                        e.stopPropagation();
-                    }
-                } }, 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) => {
-                if (stopPropagation) {
-                    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
+      }
+    }, 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/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/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
+  }));
+});