antd-management-fast-framework 1.9.39 → 1.11.2

package/es/customComponents/GlobalFooter/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,29 +11,29 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _index = _interopRequireDefault(require("./index.less"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var GlobalFooter = function GlobalFooter(_ref) {
   var className = _ref.className,
       links = _ref.links,
       copyright = _ref.copyright;
-  var clsString = (0, _classnames["default"])(_index["default"].globalFooter, className);
-  return /*#__PURE__*/_react["default"].createElement("footer", {
+  var clsString = (0, _classnames.default)(_index.default.globalFooter, className);
+  return /*#__PURE__*/_react.default.createElement("footer", {
     className: clsString
-  }, links && /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].links
+  }, links && /*#__PURE__*/_react.default.createElement("div", {
+    className: _index.default.links
   }, links.map(function (link) {
-    return /*#__PURE__*/_react["default"].createElement("a", {
+    return /*#__PURE__*/_react.default.createElement("a", {
       key: link.key,
       title: link.key,
       target: link.blankTarget ? '_blank' : '_self',
       href: link.href,
       rel: "noreferrer"
     }, link.title);
-  })), copyright && /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].copyright
+  })), copyright && /*#__PURE__*/_react.default.createElement("div", {
+    className: _index.default.copyright
   }, copyright));
 };
 
 var _default = GlobalFooter;
-exports["default"] = _default;
+exports.default = _default;

package/es/customComponents/HelpBox/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("antd/es/divider/style");
 
@@ -23,9 +23,9 @@ var _index = _interopRequireDefault(require("./index.less"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -116,9 +116,9 @@ var HelpBox = /*#__PURE__*/function (_PureComponent) {
       var labelWidth = (0, _tools.toNumber)(labelWidthValue !== null && labelWidthValue !== void 0 ? labelWidthValue : null);
       var labelWidthStyle = labelWidth > 0 ? "".concat(labelWidth, "px") : 0;
       var customLabelWidth = labelWidth > 0;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(_index["default"].helpBox, useBackground ? _index["default"].helpBoxBackground : _index["default"].helpBoxNoBackground)
-      }, showTitle ? showDivider ? /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_index.default.helpBox, useBackground ? _index.default.helpBoxBackground : _index.default.helpBoxNoBackground)
+      }, showTitle ? showDivider ? /*#__PURE__*/_react.default.createElement(_divider.default, {
         orientation: "left",
         plain: true,
         style: {
@@ -126,7 +126,7 @@ var HelpBox = /*#__PURE__*/function (_PureComponent) {
           marginBottom: 4,
           color: '#999'
         }
-      }, title) : /*#__PURE__*/_react["default"].createElement("div", {
+      }, title) : /*#__PURE__*/_react.default.createElement("div", {
         style: {
           marginTop: '4px',
           marginBottom: '4px',
@@ -189,4 +189,4 @@ HelpBox.defaultProps = {
   hidden: false
 };
 var _default = HelpBox;
-exports["default"] = _default;
+exports.default = _default;

package/es/customComponents/HelpCard/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("antd/es/card/style");
 
@@ -17,9 +17,9 @@ var _HelpBox = _interopRequireDefault(require("../HelpBox"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -59,7 +59,7 @@ var HelpCard = /*#__PURE__*/function (_PureComponent) {
           border = _this$props.border,
           compact = _this$props.compact,
           helpBoxProps = _this$props.helpBoxProps;
-      return /*#__PURE__*/_react["default"].createElement(_card["default"], {
+      return /*#__PURE__*/_react.default.createElement(_card.default, {
         style: !border ? {
           borderTop: '0',
           borderBottom: '0'
@@ -71,7 +71,7 @@ var HelpCard = /*#__PURE__*/function (_PureComponent) {
           paddingTop: '12px',
           paddingBottom: '12px'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_HelpBox["default"], helpBoxProps));
+      }, /*#__PURE__*/_react.default.createElement(_HelpBox.default, helpBoxProps));
     }
   }]);
 
@@ -88,4 +88,4 @@ HelpCard.defaultProps = {
   }
 };
 var _default = HelpCard;
-exports["default"] = _default;
+exports.default = _default;

package/es/customComponents/HtmlBox/index.js

@@ -5,17 +5,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _index = _interopRequireDefault(require("./index.less"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -82,8 +82,8 @@ var HtmlBox = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        className: _index["default"].richTextBox,
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: _index.default.richTextBox,
         ref: function ref(_ref) {
           _this2.main = _ref;
         }
@@ -95,4 +95,4 @@ var HtmlBox = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 var _default = HtmlBox;
-exports["default"] = _default;
+exports.default = _default;

package/es/customComponents/IconInfo/index.d.ts

@@ -2,7 +2,7 @@ export default IconInfo;
 declare class IconInfo extends React.PureComponent<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
-    copyText: () => void;
+    copyDataToClipboard: () => void;
 }
 declare namespace IconInfo {
     export { defaultValue as defaultProps };
@@ -12,16 +12,20 @@ declare namespace defaultValue {
     export const direction: string;
     export const responsive: boolean;
     export const tooltip: boolean;
+    export const tooltipColor: null;
     export const ellipsis: boolean;
     export const icon: null;
     export const iconPosition: string;
     export const iconTooltip: string;
     export const canCopy: boolean;
+    export const copyData: null;
     export const textPrefix: string;
     export const textPrefixStyle: null;
     export const text: string;
     export const textStyle: null;
+    export const textFormat: null;
     export const separator: string;
     export const separatorStyle: null;
     export const style: null;
+    export const ellipsisMaxWidth: number;
 }

package/es/customComponents/IconInfo/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("antd/es/tooltip/style");
 
@@ -29,9 +29,9 @@ var _index = _interopRequireDefault(require("./index.less"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -63,18 +63,22 @@ var defaultValue = {
   direction: 'horizontal',
   responsive: false,
   tooltip: false,
+  tooltipColor: null,
   ellipsis: true,
   icon: null,
   iconPosition: 'left',
   iconTooltip: '',
   canCopy: false,
+  copyData: null,
   textPrefix: '',
   textPrefixStyle: null,
   text: '',
   textStyle: null,
+  textFormat: null,
   separator: '：',
   separatorStyle: null,
-  style: null
+  style: null,
+  ellipsisMaxWidth: 0
 };
 
 var IconInfo = /*#__PURE__*/function (_PureComponent) {
@@ -93,13 +97,14 @@ var IconInfo = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.copyText = function () {
+    _this.copyDataToClipboard = function () {
       var _this$props = _this.props,
           canCopy = _this$props.canCopy,
-          text = _this$props.text;
+          text = _this$props.text,
+          copyData = _this$props.copyData;
 
-      if (canCopy && !(0, _tools.stringIsNullOrWhiteSpace)(text)) {
-        (0, _tools.copyToClipboard)(text);
+      if (canCopy && !(0, _tools.stringIsNullOrWhiteSpace)(copyData || text)) {
+        (0, _tools.copyToClipboard)(copyData || text);
       }
     };
 
@@ -115,11 +120,13 @@ var IconInfo = /*#__PURE__*/function (_PureComponent) {
           directionValue = _defaultValue.direction,
           responsiveValue = _defaultValue.responsive,
           tooltipValue = _defaultValue.tooltip,
+          tooltipColor = _defaultValue.tooltipColor,
           ellipsisValue = _defaultValue.ellipsis,
           textPrefix = _defaultValue.textPrefix,
           textPrefixStyle = _defaultValue.textPrefixStyle,
           text = _defaultValue.text,
           textStyle = _defaultValue.textStyle,
+          textFormat = _defaultValue.textFormat,
           separator = _defaultValue.separator,
           separatorStyle = _defaultValue.separatorStyle,
           icon = _defaultValue.icon,
@@ -127,13 +134,14 @@ var IconInfo = /*#__PURE__*/function (_PureComponent) {
           iconTooltip = _defaultValue.iconTooltip,
           onClick = _defaultValue.onClick,
           canCopy = _defaultValue.canCopy,
-          styleSource = _defaultValue.style;
+          styleSource = _defaultValue.style,
+          ellipsisMaxWidthSource = _defaultValue.ellipsisMaxWidth;
 
       var responsive = responsiveValue || false;
       var tooltip = tooltipValue || false;
       var ellipsis = ellipsisValue || false;
-      var iconItem = (icon || null) == null ? null : /*#__PURE__*/_react["default"].createElement("span", {
-        className: _index["default"].iconBox
+      var iconItem = (icon || null) == null ? null : /*#__PURE__*/_react.default.createElement("span", {
+        className: _index.default.iconBox
       }, icon);
       var direction = directionValue || 'horizontal';
 
@@ -141,45 +149,80 @@ var IconInfo = /*#__PURE__*/function (_PureComponent) {
         direction = 'horizontal';
       }
 
-      var styleMerge = _objectSpread(_objectSpread({}, styleSource || {}), canCopy ? {
+      var ellipsisMaxWidth = (0, _tools.toNumber)(ellipsisMaxWidthSource);
+      ellipsisMaxWidth = ellipsisMaxWidth <= 0 ? 0 : ellipsisMaxWidth;
+
+      var styleMerge = _objectSpread(_objectSpread({}, styleSource || {}), canCopy || (0, _tools.isFunction)(onClick) ? {
         cursor: 'pointer'
       } : {});
 
-      var textMerge = (0, _tools.stringIsNullOrWhiteSpace)(textPrefix) ? (textStyle || null) == null ? text || '' : /*#__PURE__*/_react["default"].createElement("span", {
+      var textMerge = null;
+      var tooltipTitle = null;
+      var textAfterFormat = (0, _tools.isFunction)(textFormat || null) ? textFormat(text) : text;
+      var textAfterFormatForShow = !(0, _tools.isObject)(textStyle) ? textAfterFormat || '' : /*#__PURE__*/_react.default.createElement("span", {
         style: textStyle
-      }, text || '') : "".concat((textPrefixStyle || null) == null ? textPrefix || '' : /*#__PURE__*/_react["default"].createElement("span", {
-        style: textPrefixStyle
-      }, textPrefix || '')).concat((0, _tools.stringIsNullOrWhiteSpace)(separator) ? null : (separatorStyle || null) == null ? separator || '：' : /*#__PURE__*/_react["default"].createElement("span", {
-        style: separatorStyle
-      }, separator || '：')).concat((textStyle || null) == null ? text || '' : /*#__PURE__*/_react["default"].createElement("span", {
+      }, textAfterFormat || '');
+      var textAfterFormatForTooltip = !(0, _tools.isObject)(textStyle) ? text || '' : /*#__PURE__*/_react.default.createElement("span", {
         style: textStyle
-      }, text || ''));
+      }, text || '');
+
+      if ((0, _tools.stringIsNullOrWhiteSpace)(textPrefix)) {
+        textMerge = textAfterFormatForShow;
+        tooltipTitle = textAfterFormatForTooltip;
+      } else {
+        var textPrefixAdjust = !(0, _tools.isObject)(textPrefixStyle) ? textPrefix || '' : /*#__PURE__*/_react.default.createElement("span", {
+          style: textPrefixStyle
+        }, textPrefix || '');
+        var separatorAdjust = (0, _tools.stringIsNullOrWhiteSpace)(separator) ? '' : !(0, _tools.isObject)(separatorStyle) ? separator || '：' : /*#__PURE__*/_react.default.createElement("span", {
+          style: separatorStyle
+        }, separator || '：');
+
+        if ((0, _tools.isString)(textPrefixAdjust) && (0, _tools.isString)(separatorAdjust) && (0, _tools.isString)(textAfterFormatForShow)) {
+          textMerge = "".concat(textPrefixAdjust).concat(separatorAdjust).concat(textAfterFormatForShow);
+          tooltipTitle = "".concat(textPrefixAdjust).concat(separatorAdjust).concat(textAfterFormatForTooltip);
+        } else {
+          textMerge = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, textPrefixAdjust, separatorAdjust, textAfterFormatForShow);
+          tooltipTitle = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, textPrefixAdjust, separatorAdjust, textAfterFormatForTooltip);
+        }
+      }
 
       if (direction === 'horizontal') {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _index["default"].containor,
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+          className: _index.default.containor,
           onClick: onClick
-        }, responsive ? (iconItem || null) == null ? /*#__PURE__*/_react["default"].createElement(_row["default"], {
+        }, responsive ? (iconItem || null) == null ? /*#__PURE__*/_react.default.createElement(_row.default, {
           gutter: 8
-        }, /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_col.default, {
           style: styleMerge,
           onClick: function onClick() {
-            _this2.copyText();
+            _this2.copyDataToClipboard();
           }
-        }, ellipsis ? /*#__PURE__*/_react["default"].createElement(_Ellipsis["default"], {
+        }, ellipsis ? ellipsisMaxWidth > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'inline-flex',
+            maxWidth: "".concat(ellipsisMaxWidth, "px")
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
+          tooltip: tooltip,
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge)) : /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
           tooltip: tooltip,
-          lines: 1
-        }, textMerge) : textMerge)) : /*#__PURE__*/_react["default"].createElement(_row["default"], {
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge) : textMerge)) : /*#__PURE__*/_react.default.createElement(_row.default, {
           gutter: 8
-        }, iconPosition === 'left' ? /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, iconPosition === 'left' ? /*#__PURE__*/_react.default.createElement(_col.default, {
           xl: 4,
           lg: 6,
           md: 8,
           sm: 24,
           xs: 24
-        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           title: iconTooltip
-        }, iconItem)) : null, /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, iconItem)) : null, /*#__PURE__*/_react.default.createElement(_col.default, {
           xl: 20,
           lg: 18,
           md: 16,
@@ -187,84 +230,133 @@ var IconInfo = /*#__PURE__*/function (_PureComponent) {
           xs: 24,
           style: styleMerge,
           onClick: function onClick() {
-            _this2.copyText();
+            _this2.copyDataToClipboard();
           }
-        }, ellipsis ? /*#__PURE__*/_react["default"].createElement(_Ellipsis["default"], {
+        }, ellipsis ? ellipsisMaxWidth > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'inline-flex',
+            maxWidth: "".concat(ellipsisMaxWidth, "px")
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
+          tooltip: tooltip,
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge)) : /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
           tooltip: tooltip,
-          lines: 1
-        }, textMerge) : textMerge), iconPosition !== 'left' ? /*#__PURE__*/_react["default"].createElement(_col["default"], {
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge) : textMerge), iconPosition !== 'left' ? /*#__PURE__*/_react.default.createElement(_col.default, {
           xl: 4,
           lg: 6,
           md: 8,
           sm: 24,
           xs: 24
-        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           title: iconTooltip
-        }, iconItem)) : null) : (iconItem || null) == null ? /*#__PURE__*/_react["default"].createElement(_row["default"], {
+        }, iconItem)) : null) : (iconItem || null) == null ? /*#__PURE__*/_react.default.createElement(_row.default, {
           gutter: 8
-        }, /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_col.default, {
           style: styleMerge,
           onClick: function onClick() {
-            _this2.copyText();
+            _this2.copyDataToClipboard();
+          }
+        }, ellipsis ? ellipsisMaxWidth > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'inline-flex',
+            maxWidth: "".concat(ellipsisMaxWidth, "px")
           }
-        }, ellipsis ? /*#__PURE__*/_react["default"].createElement(_Ellipsis["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
           tooltip: tooltip,
-          lines: 1
-        }, textMerge) : textMerge)) : /*#__PURE__*/_react["default"].createElement(_row["default"], {
-          gutter: 8
-        }, (0, _tools.stringIsNullOrWhiteSpace)(textMerge) ? /*#__PURE__*/_react["default"].createElement(_col["default"], null, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge)) : /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
+          tooltip: tooltip,
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge) : textMerge)) : /*#__PURE__*/_react.default.createElement(_row.default, {
+          gutter: 8,
+          wrap: false
+        }, (0, _tools.stringIsNullOrWhiteSpace)(textMerge) ? /*#__PURE__*/_react.default.createElement(_col.default, null, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           title: iconTooltip
-        }, iconItem)) : null, !(0, _tools.stringIsNullOrWhiteSpace)(textMerge) && iconPosition === 'left' ? /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, iconItem)) : null, !(0, _tools.stringIsNullOrWhiteSpace)(textMerge) && iconPosition === 'left' ? /*#__PURE__*/_react.default.createElement(_col.default, {
           flex: "auto"
-        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           title: iconTooltip
-        }, iconItem)) : null, !(0, _tools.stringIsNullOrWhiteSpace)(textMerge) ? /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, iconItem)) : null, !(0, _tools.stringIsNullOrWhiteSpace)(textMerge) ? /*#__PURE__*/_react.default.createElement(_col.default, {
           style: styleMerge,
           onClick: function onClick() {
-            _this2.copyText();
+            _this2.copyDataToClipboard();
+          }
+        }, ellipsis ? ellipsisMaxWidth > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'inline-flex',
+            maxWidth: "".concat(ellipsisMaxWidth, "px")
           }
-        }, ellipsis ? /*#__PURE__*/_react["default"].createElement(_Ellipsis["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
           tooltip: tooltip,
-          lines: 1
-        }, textMerge) : textMerge) : null, !(0, _tools.stringIsNullOrWhiteSpace)(textMerge) && iconPosition !== 'left' ? /*#__PURE__*/_react["default"].createElement(_col["default"], {
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge)) : /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
+          tooltip: tooltip,
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge) : textMerge) : null, !(0, _tools.stringIsNullOrWhiteSpace)(textMerge) && iconPosition !== 'left' ? /*#__PURE__*/_react.default.createElement(_col.default, {
           flex: "auto"
-        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           title: iconTooltip
         }, iconItem)) : null)));
       }
 
       if (direction === 'vertical') {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _index["default"].containor,
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+          className: _index.default.containor,
           onClick: onClick
-        }, /*#__PURE__*/_react["default"].createElement(_row["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_row.default, {
           justify: "center"
-        }, (iconItem || null) == null ? null : /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, (iconItem || null) == null ? null : /*#__PURE__*/_react.default.createElement(_col.default, {
           span: 24
-        }, /*#__PURE__*/_react["default"].createElement(_row["default"], null, /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_row.default, null, /*#__PURE__*/_react.default.createElement(_col.default, {
           flex: "auto"
-        }), /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }), /*#__PURE__*/_react.default.createElement(_col.default, {
           style: styleMerge,
           onClick: function onClick() {
-            _this2.copyText();
+            _this2.copyDataToClipboard();
           }
-        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        }, (0, _tools.stringIsNullOrWhiteSpace)(iconTooltip) ? iconItem : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           title: iconTooltip
-        }, iconItem)), /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, iconItem)), /*#__PURE__*/_react.default.createElement(_col.default, {
           flex: "auto"
-        }))), /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }))), /*#__PURE__*/_react.default.createElement(_col.default, {
           span: 24
-        }, /*#__PURE__*/_react["default"].createElement(_row["default"], null, /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_row.default, null, /*#__PURE__*/_react.default.createElement(_col.default, {
           flex: "auto"
-        }), /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        }), /*#__PURE__*/_react.default.createElement(_col.default, {
           style: styleMerge,
           onClick: function onClick() {
-            _this2.copyText();
+            _this2.copyDataToClipboard();
+          }
+        }, ellipsis ? ellipsisMaxWidth > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'inline-flex',
+            maxWidth: "".concat(ellipsisMaxWidth, "px")
           }
-        }, ellipsis ? /*#__PURE__*/_react["default"].createElement(_Ellipsis["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
+          tooltip: tooltip,
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge)) : /*#__PURE__*/_react.default.createElement(_Ellipsis.default, {
           tooltip: tooltip,
-          lines: 1
-        }, textMerge) : textMerge), /*#__PURE__*/_react["default"].createElement(_col["default"], {
+          lines: 1,
+          title: tooltipTitle,
+          color: tooltipColor
+        }, textMerge) : textMerge), /*#__PURE__*/_react.default.createElement(_col.default, {
           flex: "auto"
         }))))));
       }
@@ -278,4 +370,4 @@ var IconInfo = /*#__PURE__*/function (_PureComponent) {
 
 IconInfo.defaultProps = defaultValue;
 var _default = IconInfo;
-exports["default"] = _default;
+exports.default = _default;