@cloudtower/eagle 0.31.9 → 0.31.11

package/dist/esm/core/Tooltip/EllipsisTooltipContent.js

@@ -0,0 +1,49 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import { debounce, isNull } from 'lodash';
+import React__default, { useRef, useState, useEffect } from 'react';
+
+const _exp = /*#__PURE__*/() => props => props.maxHeight ? `${props.maxHeight}px` : "unset";
+const Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  class: "E_w1dxz879",
+  propsAsIs: false,
+  vars: {
+    "w1dxz879-0": [_exp()]
+  }
+});
+const EllipsisTooltipContent = ({
+  tooltip,
+  maxHeight,
+  contentWrapperClassName,
+  ellipsisTips
+}) => {
+  const overFlowWrapperRef = useRef(null);
+  const [showTips, setShowTips] = useState(null);
+  useEffect(() => {
+    const wrapperEle = overFlowWrapperRef.current;
+    let wrapperObserver;
+    if (wrapperEle) {
+      const handleVisibleTips = debounce(() => {
+        setShowTips(wrapperEle.scrollHeight > (maxHeight || Infinity));
+      }, 200);
+      wrapperObserver = new ResizeObserver(handleVisibleTips);
+      wrapperObserver.observe(wrapperEle);
+    }
+    return () => {
+      wrapperObserver == null ? void 0 : wrapperObserver.disconnect();
+    };
+  }, [maxHeight]);
+  return /* @__PURE__ */React__default.createElement(Wrapper, {
+    className: cx(contentWrapperClassName, isNull(showTips) && "eagle-ellipsis-content"),
+    maxHeight
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "ellipsis-tooltip",
+    ref: overFlowWrapperRef
+  }, tooltip), !!showTips && /* @__PURE__ */React__default.createElement("span", {
+    className: "tips"
+  }, ellipsisTips));
+};
+var EllipsisTooltipContent$1 = EllipsisTooltipContent;
+
+export { EllipsisTooltipContent$1 as default };

package/dist/esm/core/Tooltip/index.js

@@ -1,6 +1,7 @@
 import { Tooltip as Tooltip$2 } from 'antd';
 import cs from 'classnames';
 import React__default, { useRef, useMemo, useCallback, useEffect } from 'react';
+import EllipsisTooltipContent from './EllipsisTooltipContent.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -32,7 +33,7 @@ var __objRest = (source, exclude) => {
 };
 let componentId = 0;
 const TooltipDefaultClass = "E_t1m2x205";
-const Tooltip = props => {
+const InternalTooltip = props => {
   const _a = props,
     {
       followMouse,
@@ -80,6 +81,8 @@ const Tooltip = props => {
     }, overlayStyle) : overlayStyle
   }));
 };
+const Tooltip = InternalTooltip;
+Tooltip.EllipsisContent = EllipsisTooltipContent;
 var Tooltip$1 = Tooltip;
 
 export { Tooltip$1 as default };