@hi-ui/hiui 4.1.18 → 4.1.20

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @hi-ui/hiui
 
+## 4.1.20
+
+### Patch Changes
+
+- [#2423](https://github.com/XiaoMi/hiui/pull/2423) [`2916a5578`](https://github.com/XiaoMi/hiui/commit/2916a557818fe232978562c1f3d4ce6dbb991218) Thanks [@zyprepare](https://github.com/zyprepare)! - DatePicker 交互优化: 日期选择中,左右切换年或月时触发 onSelect 回调
+
+- [#2417](https://github.com/XiaoMi/hiui/pull/2417) [`14f0e2d53`](https://github.com/XiaoMi/hiui/commit/14f0e2d5313cf1575f6e6378659e5406f8045529) Thanks [@zyprepare](https://github.com/zyprepare)! - Tooltip Slider 修复问题: 鼠标拖动过程中 tooltip 没有跟随显示
+
+- [#2419](https://github.com/XiaoMi/hiui/pull/2419) [`2a752a458`](https://github.com/XiaoMi/hiui/commit/2a752a458300331acefa250d20fd8c0785e6683b) Thanks [@zyprepare](https://github.com/zyprepare)! - Upload 问题修复: type="avatar" 模式下,图片裁剪后的格式默认都变成了 png
+
+- Updated dependencies [[`2916a5578`](https://github.com/XiaoMi/hiui/commit/2916a557818fe232978562c1f3d4ce6dbb991218), [`2a752a458`](https://github.com/XiaoMi/hiui/commit/2a752a458300331acefa250d20fd8c0785e6683b), [`f8488d3c3`](https://github.com/XiaoMi/hiui/commit/f8488d3c3235d8bf2fc38e0ca3bfaed75bd0ce09), [`14f0e2d53`](https://github.com/XiaoMi/hiui/commit/14f0e2d5313cf1575f6e6378659e5406f8045529)]:
+  - @hi-ui/date-picker@4.0.14
+  - @hi-ui/upload@4.1.1
+  - @hi-ui/descriptions@4.1.1
+  - @hi-ui/slider@4.0.7
+  - @hi-ui/tooltip@4.0.6
+
+## 4.1.19
+
+### Patch Changes
+
+- [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - Tabs 问题修复: 在 tab 过多滚动场景下，如果选中的 tab 在最左侧，点击右箭头时无效果
+
+- [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - Select CheckSelect 体验优化: 大数据列表中,打开下拉列表时有一次滚动条提示
+
+- [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - Tree 增加 expandOnClick api
+
+- [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - DatePicker 修复问题: 日期选择中,选择月份后会有一个闪动的界面
+
+- [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - Modal 修复问题: 设置 height 为表达式时,组件中会有 max-height 限制导致无效
+
+- Updated dependencies [[`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117), [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117), [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117), [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117), [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117)]:
+  - @hi-ui/tree@4.2.0
+  - @hi-ui/tabs@4.0.8
+  - @hi-ui/modal@4.0.10
+  - @hi-ui/check-select@4.1.2
+  - @hi-ui/select@4.0.10
+  - @hi-ui/date-picker@4.0.13
+
 ## 4.1.18
 
 ### Patch Changes

package/lib/cjs/_virtual/index.js

@@ -0,0 +1,18 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var classnames = {
+  exports: {}
+};
+exports.classnames = classnames;

package/lib/cjs/index.js

@@ -51,6 +51,10 @@ var drawer = require('@hi-ui/drawer');
 
 var dropdown = require('@hi-ui/dropdown');
 
+require('./packages/ui/ellipsis-tooltip/lib/esm/styles/index.scss.js');
+
+var EllipsisTooltip = require('./packages/ui/ellipsis-tooltip/lib/esm/EllipsisTooltip.js');
+
 var emptyState = require('@hi-ui/empty-state');
 
 var filter = require('@hi-ui/filter');
@@ -67,9 +71,9 @@ var list = require('@hi-ui/list');
 
 var loading = require('@hi-ui/loading');
 
-var LocaleContext = require('./ui/locale-context/lib/esm/LocaleContext.js');
+var LocaleContext = require('./packages/ui/locale-context/lib/esm/LocaleContext.js');
 
-var LocaleProvider = require('./ui/locale-context/lib/esm/LocaleProvider.js');
+var LocaleProvider = require('./packages/ui/locale-context/lib/esm/LocaleProvider.js');
 
 var menu = require('@hi-ui/menu');
 
@@ -125,7 +129,7 @@ var timePicker = require('@hi-ui/time-picker');
 
 var timeline = require('@hi-ui/timeline');
 
-var tooltip = require('@hi-ui/tooltip');
+var Tooltip = require('@hi-ui/tooltip');
 
 var transfer = require('@hi-ui/transfer');
 
@@ -259,7 +263,7 @@ var timePicker__default = /*#__PURE__*/_interopDefaultLegacy(timePicker);
 
 var timeline__default = /*#__PURE__*/_interopDefaultLegacy(timeline);
 
-var tooltip__default = /*#__PURE__*/_interopDefaultLegacy(tooltip);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 
 var transfer__default = /*#__PURE__*/_interopDefaultLegacy(transfer);
 
@@ -389,6 +393,7 @@ Object.defineProperty(exports, 'Dropdown', {
     return dropdown__default["default"];
   }
 });
+exports.EllipsisTooltip = EllipsisTooltip.EllipsisTooltip;
 Object.defineProperty(exports, 'EmptyState', {
   enumerable: true,
   get: function get() {
@@ -606,7 +611,7 @@ Object.defineProperty(exports, 'Timeline', {
 Object.defineProperty(exports, 'Tooltip', {
   enumerable: true,
   get: function get() {
-    return tooltip__default["default"];
+    return Tooltip__default["default"];
   }
 });
 Object.defineProperty(exports, 'Transfer', {
@@ -1093,11 +1098,11 @@ Object.keys(timeline).forEach(function (k) {
     }
   });
 });
-Object.keys(tooltip).forEach(function (k) {
+Object.keys(Tooltip).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,
     get: function get() {
-      return tooltip[k];
+      return Tooltip[k];
     }
   });
 });

package/lib/cjs/node_modules/classnames/index.js

@@ -0,0 +1,76 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var index = require('../../_virtual/index.js');
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+
+(function (module) {
+  /* global define */
+  (function () {
+    var hasOwn = {}.hasOwnProperty;
+
+    function classNames() {
+      var classes = [];
+
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (!arg) continue;
+
+        var argType = _typeof(arg);
+
+        if (argType === 'string' || argType === 'number') {
+          classes.push(arg);
+        } else if (Array.isArray(arg)) {
+          if (arg.length) {
+            var inner = classNames.apply(null, arg);
+
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === 'object') {
+          if (arg.toString === Object.prototype.toString) {
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          } else {
+            classes.push(arg.toString());
+          }
+        }
+      }
+
+      return classes.join(' ');
+    }
+
+    if (module.exports) {
+      classNames["default"] = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(index.classnames);
+
+var cx = index.classnames.exports;
+exports["default"] = cx;

package/lib/cjs/packages/ui/ellipsis-tooltip/lib/esm/EllipsisTooltip.js

@@ -0,0 +1,130 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var index$2 = require('../../../../utils/classname/lib/esm/index.js');
+
+var index$1 = require('../../../../utils/env/lib/esm/index.js');
+
+var Tooltip = require('@hi-ui/tooltip');
+
+var index = require('../../../../../node_modules/classnames/index.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+/** @LICENSE
+ * @hi-ui/ellipsis-tooltip
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/ellipsis-tooltip#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+var ELLIPSIS_TOOLTIP_PREFIX = index$2.getPrefixCls('ellipsis-tooltip'); // 格式化子文本，超出规定字数时展示...
+
+var formatChildText = function formatChildText(text, maxTextCount) {
+  var stringText = text === null || text === void 0 ? void 0 : text.toString();
+  var canTooltip = maxTextCount > 0 && stringText.length > maxTextCount;
+  return canTooltip ? stringText.slice(0, maxTextCount) + "..." : text;
+};
+/**
+ * 这是一个文字超出后，展示省略号，并且鼠标悬停时出现全部描述的组件
+ */
+
+
+var EllipsisTooltip = function EllipsisTooltip(_a) {
+  var _cx;
+
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? ELLIPSIS_TOOLTIP_PREFIX : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? 'ellipsis-tooltip' : _a$role,
+      className = _a.className,
+      children = _a.children,
+      _a$numberOfLines = _a.numberOfLines,
+      numberOfLines = _a$numberOfLines === void 0 ? 1 : _a$numberOfLines,
+      _a$maxTextCount = _a.maxTextCount,
+      maxTextCount = _a$maxTextCount === void 0 ? 0 : _a$maxTextCount,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "numberOfLines", "maxTextCount"]);
+
+  var cls = index["default"](prefixCls, className, (_cx = {}, _cx[prefixCls + "--single"] = maxTextCount === 0 && (!numberOfLines || numberOfLines <= 1), _cx[prefixCls + "--multiple"] = numberOfLines > 1, _cx));
+
+  var _useState = React.useState(true),
+      disableTooltip = _useState[0],
+      setDisableTooltip = _useState[1];
+
+  var contentRef = React.useRef(null); // 检查文本超出省略号
+
+  var handleCheckEllipsis = React.useCallback(function () {
+    var _a, _b, _c;
+
+    if (contentRef.current) {
+      // 多行超出
+      if (numberOfLines > 1) {
+        var style = window.getComputedStyle(contentRef.current, null);
+        var fontSize = style.fontSize;
+        var lineHeight = style.lineHeight === 'normal' ? +fontSize : +style.lineHeight;
+        var textLines = Math.round(+style.height / lineHeight);
+        setDisableTooltip(textLines <= numberOfLines);
+      } else {
+        // 单行超出
+        var rect = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        var parentRect = (_c = (_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.parentNode) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
+        setDisableTooltip(+(rect === null || rect === void 0 ? void 0 : rect.width) <= parentRect.width);
+      }
+    }
+  }, [numberOfLines]);
+  React.useEffect(function () {
+    // 当文字字数超出有配置时，单独处理
+    if (maxTextCount > 0 && maxTextCount < (children === null || children === void 0 ? void 0 : children.length)) {
+      setDisableTooltip(false);
+    } else {
+      handleCheckEllipsis();
+    }
+  }, [children, maxTextCount, handleCheckEllipsis]);
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], Object.assign({
+    title: children,
+    disabled: disableTooltip
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    role: role,
+    className: cls,
+    style: {
+      WebkitLineClamp: numberOfLines > 1 ? numberOfLines : undefined
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: contentRef
+  }, formatChildText(children, maxTextCount))));
+};
+
+if (index$1.__DEV__) {
+  EllipsisTooltip.displayName = 'EllipsisTooltip';
+}
+
+exports.EllipsisTooltip = EllipsisTooltip;

package/lib/cjs/packages/ui/ellipsis-tooltip/lib/esm/styles/index.scss.js

@@ -0,0 +1,42 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var __styleInject__ = require('inject-head-style');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var __styleInject____default = /*#__PURE__*/_interopDefaultLegacy(__styleInject__);
+/** @LICENSE
+ * @hi-ui/ellipsis-tooltip
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/ellipsis-tooltip#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+var css_248z = ".hi-v4-ellipsis-tooltip.hi-v4-ellipsis-tooltip--single {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }.hi-v4-ellipsis-tooltip.hi-v4-ellipsis-tooltip--multiple {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }";
+
+__styleInject____default["default"](css_248z);
+
+exports["default"] = css_248z;

package/lib/cjs/packages/utils/classname/lib/esm/index.js

@@ -0,0 +1,45 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var index = require('../../../../../node_modules/classnames/index.js');
+/** @LICENSE
+ * @hi-ui/classname
+ * https://github.com/XiaoMi/hiui#readme
+ *
+ * Copyright (c) Flcwl <flcwl@vip.qq.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * 给组件选择器类添加上 hiui 版本控制
+ *
+ * @param cls 选择器类
+ * @param componentPrefix 类前缀
+ * @returns 带版本控制的选择器类
+ */
+
+
+var getPrefixCls = function getPrefixCls(cls, componentPrefix) {
+  if (componentPrefix === void 0) {
+    componentPrefix = 'hi-v4';
+  }
+
+  return componentPrefix + "-" + cls;
+};
+
+exports.cx = index["default"];
+exports.getPrefixCls = getPrefixCls;

package/lib/esm/_virtual/index.js

@@ -0,0 +1,13 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var classnames = {
+  exports: {}
+};
+export { classnames as c };

package/lib/esm/index.js

@@ -43,6 +43,8 @@ export * from '@hi-ui/drawer';
 export { default as Drawer } from '@hi-ui/drawer';
 export * from '@hi-ui/dropdown';
 export { default as Dropdown } from '@hi-ui/dropdown';
+import './packages/ui/ellipsis-tooltip/lib/esm/styles/index.scss.js';
+export { EllipsisTooltip } from './packages/ui/ellipsis-tooltip/lib/esm/EllipsisTooltip.js';
 export * from '@hi-ui/empty-state';
 export { default as EmptyState } from '@hi-ui/empty-state';
 export * from '@hi-ui/filter';
@@ -59,8 +61,8 @@ export * from '@hi-ui/list';
 export { default as List } from '@hi-ui/list';
 export * from '@hi-ui/loading';
 export { default as Loading } from '@hi-ui/loading';
-export { getLanguage, useLocaleContext } from './ui/locale-context/lib/esm/LocaleContext.js';
-export { LocaleProvider as LocaleContext, LocaleProvider } from './ui/locale-context/lib/esm/LocaleProvider.js';
+export { getLanguage, useLocaleContext } from './packages/ui/locale-context/lib/esm/LocaleContext.js';
+export { LocaleProvider as LocaleContext, LocaleProvider } from './packages/ui/locale-context/lib/esm/LocaleProvider.js';
 export * from '@hi-ui/menu';
 export { default as Menu } from '@hi-ui/menu';
 export * from '@hi-ui/message';

package/lib/esm/node_modules/classnames/index.js

@@ -0,0 +1,69 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { c as classnames } from '../../_virtual/index.js';
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+  /* global define */
+  (function () {
+    var hasOwn = {}.hasOwnProperty;
+
+    function classNames() {
+      var classes = [];
+
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (!arg) continue;
+
+        var argType = _typeof(arg);
+
+        if (argType === 'string' || argType === 'number') {
+          classes.push(arg);
+        } else if (Array.isArray(arg)) {
+          if (arg.length) {
+            var inner = classNames.apply(null, arg);
+
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === 'object') {
+          if (arg.toString === Object.prototype.toString) {
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          } else {
+            classes.push(arg.toString());
+          }
+        }
+      }
+
+      return classes.join(' ');
+    }
+
+    if (module.exports) {
+      classNames["default"] = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(classnames);
+
+var cx = classnames.exports;
+export { cx as default };

package/lib/esm/packages/ui/ellipsis-tooltip/lib/esm/EllipsisTooltip.js

@@ -0,0 +1,106 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { getPrefixCls } from '../../../../utils/classname/lib/esm/index.js';
+import { __DEV__ } from '../../../../utils/env/lib/esm/index.js';
+import Tooltip__default from '@hi-ui/tooltip';
+import cx from '../../../../../node_modules/classnames/index.js';
+/** @LICENSE
+ * @hi-ui/ellipsis-tooltip
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/ellipsis-tooltip#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ELLIPSIS_TOOLTIP_PREFIX = getPrefixCls('ellipsis-tooltip'); // 格式化子文本，超出规定字数时展示...
+
+var formatChildText = function formatChildText(text, maxTextCount) {
+  var stringText = text === null || text === void 0 ? void 0 : text.toString();
+  var canTooltip = maxTextCount > 0 && stringText.length > maxTextCount;
+  return canTooltip ? stringText.slice(0, maxTextCount) + "..." : text;
+};
+/**
+ * 这是一个文字超出后，展示省略号，并且鼠标悬停时出现全部描述的组件
+ */
+
+
+var EllipsisTooltip = function EllipsisTooltip(_a) {
+  var _cx;
+
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? ELLIPSIS_TOOLTIP_PREFIX : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? 'ellipsis-tooltip' : _a$role,
+      className = _a.className,
+      children = _a.children,
+      _a$numberOfLines = _a.numberOfLines,
+      numberOfLines = _a$numberOfLines === void 0 ? 1 : _a$numberOfLines,
+      _a$maxTextCount = _a.maxTextCount,
+      maxTextCount = _a$maxTextCount === void 0 ? 0 : _a$maxTextCount,
+      rest = __rest(_a, ["prefixCls", "role", "className", "children", "numberOfLines", "maxTextCount"]);
+
+  var cls = cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--single"] = maxTextCount === 0 && (!numberOfLines || numberOfLines <= 1), _cx[prefixCls + "--multiple"] = numberOfLines > 1, _cx));
+
+  var _useState = useState(true),
+      disableTooltip = _useState[0],
+      setDisableTooltip = _useState[1];
+
+  var contentRef = useRef(null); // 检查文本超出省略号
+
+  var handleCheckEllipsis = useCallback(function () {
+    var _a, _b, _c;
+
+    if (contentRef.current) {
+      // 多行超出
+      if (numberOfLines > 1) {
+        var style = window.getComputedStyle(contentRef.current, null);
+        var fontSize = style.fontSize;
+        var lineHeight = style.lineHeight === 'normal' ? +fontSize : +style.lineHeight;
+        var textLines = Math.round(+style.height / lineHeight);
+        setDisableTooltip(textLines <= numberOfLines);
+      } else {
+        // 单行超出
+        var rect = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        var parentRect = (_c = (_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.parentNode) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
+        setDisableTooltip(+(rect === null || rect === void 0 ? void 0 : rect.width) <= parentRect.width);
+      }
+    }
+  }, [numberOfLines]);
+  useEffect(function () {
+    // 当文字字数超出有配置时，单独处理
+    if (maxTextCount > 0 && maxTextCount < (children === null || children === void 0 ? void 0 : children.length)) {
+      setDisableTooltip(false);
+    } else {
+      handleCheckEllipsis();
+    }
+  }, [children, maxTextCount, handleCheckEllipsis]);
+  return /*#__PURE__*/React.createElement(Tooltip__default, Object.assign({
+    title: children,
+    disabled: disableTooltip
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    role: role,
+    className: cls,
+    style: {
+      WebkitLineClamp: numberOfLines > 1 ? numberOfLines : undefined
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    ref: contentRef
+  }, formatChildText(children, maxTextCount))));
+};
+
+if (__DEV__) {
+  EllipsisTooltip.displayName = 'EllipsisTooltip';
+}
+
+export { EllipsisTooltip };

package/lib/esm/packages/ui/ellipsis-tooltip/lib/esm/styles/index.scss.js

@@ -0,0 +1,25 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import __styleInject__ from 'inject-head-style';
+/** @LICENSE
+ * @hi-ui/ellipsis-tooltip
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/ellipsis-tooltip#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var css_248z = ".hi-v4-ellipsis-tooltip.hi-v4-ellipsis-tooltip--single {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }.hi-v4-ellipsis-tooltip.hi-v4-ellipsis-tooltip--multiple {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }";
+
+__styleInject__(css_248z);
+
+export { css_248z as default };

package/lib/esm/packages/utils/classname/lib/esm/index.js

@@ -0,0 +1,37 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as cx } from '../../../../../node_modules/classnames/index.js';
+/** @LICENSE
+ * @hi-ui/classname
+ * https://github.com/XiaoMi/hiui#readme
+ *
+ * Copyright (c) Flcwl <flcwl@vip.qq.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * 给组件选择器类添加上 hiui 版本控制
+ *
+ * @param cls 选择器类
+ * @param componentPrefix 类前缀
+ * @returns 带版本控制的选择器类
+ */
+
+var getPrefixCls = function getPrefixCls(cls, componentPrefix) {
+  if (componentPrefix === void 0) {
+    componentPrefix = 'hi-v4';
+  }
+
+  return componentPrefix + "-" + cls;
+};
+
+export { getPrefixCls };

package/lib/types/index.d.ts

@@ -34,6 +34,8 @@ export * from '@hi-ui/drawer';
 export { default as Drawer } from '@hi-ui/drawer';
 export * from '@hi-ui/dropdown';
 export { default as Dropdown } from '@hi-ui/dropdown';
+export * from '@hi-ui/ellipsis-tooltip';
+export { default as EllipsisTooltip } from '@hi-ui/ellipsis-tooltip';
 export * from '@hi-ui/empty-state';
 export { default as EmptyState } from '@hi-ui/empty-state';
 export * from '@hi-ui/filter';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/hiui",
-  "version": "4.1.18",
+  "version": "4.1.20",
   "description": "The root-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -54,13 +54,13 @@
     "@hi-ui/carousel": "^4.0.4",
     "@hi-ui/cascader": "^4.0.9",
     "@hi-ui/check-cascader": "^4.0.9",
-    "@hi-ui/check-select": "^4.1.1",
+    "@hi-ui/check-select": "^4.1.2",
     "@hi-ui/check-tree-select": "^4.0.10",
     "@hi-ui/checkbox": "^4.0.5",
     "@hi-ui/collapse": "^4.1.0",
     "@hi-ui/counter": "^4.0.5",
-    "@hi-ui/date-picker": "^4.0.12",
-    "@hi-ui/descriptions": "^4.1.0",
+    "@hi-ui/date-picker": "^4.0.14",
+    "@hi-ui/descriptions": "^4.1.1",
     "@hi-ui/drawer": "^4.0.7",
     "@hi-ui/dropdown": "^4.0.5",
     "@hi-ui/empty-state": "^4.0.4",
@@ -74,7 +74,7 @@
     "@hi-ui/loading": "^4.0.4",
     "@hi-ui/menu": "^4.0.8",
     "@hi-ui/message": "^4.0.4",
-    "@hi-ui/modal": "^4.0.9",
+    "@hi-ui/modal": "^4.0.10",
     "@hi-ui/notification": "^4.0.6",
     "@hi-ui/number-input": "^4.0.5",
     "@hi-ui/pagination": "^4.0.9",
@@ -89,24 +89,24 @@
     "@hi-ui/result": "^4.0.4",
     "@hi-ui/scrollbar": "^4.0.1",
     "@hi-ui/search": "^4.0.8",
-    "@hi-ui/select": "^4.0.9",
-    "@hi-ui/slider": "^4.0.6",
+    "@hi-ui/select": "^4.0.10",
+    "@hi-ui/slider": "^4.0.7",
     "@hi-ui/space": "^4.0.6",
     "@hi-ui/spinner": "^4.0.4",
     "@hi-ui/stepper": "^4.0.4",
     "@hi-ui/svg-icon": "^4.0.4",
     "@hi-ui/switch": "^4.0.6",
     "@hi-ui/table": "^4.0.13",
-    "@hi-ui/tabs": "^4.0.7",
+    "@hi-ui/tabs": "^4.0.8",
     "@hi-ui/tag": "^4.0.7",
     "@hi-ui/textarea": "^4.0.6",
     "@hi-ui/time-picker": "^4.0.8",
     "@hi-ui/timeline": "^4.0.4",
-    "@hi-ui/tooltip": "^4.0.5",
+    "@hi-ui/tooltip": "^4.0.6",
     "@hi-ui/transfer": "^4.0.9",
-    "@hi-ui/tree": "^4.1.2",
+    "@hi-ui/tree": "^4.2.0",
     "@hi-ui/tree-select": "^4.0.10",
-    "@hi-ui/upload": "^4.1.0",
+    "@hi-ui/upload": "^4.1.1",
     "@hi-ui/watermark": "^4.0.4",
     "@hi-ui/zen-mode": "^4.0.4"
   },