@para-ui/core 4.0.61 → 4.0.63

package/_verture/index-f62daef9.js

@@ -1,298 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useEffect, useState, useMemo } from 'react';
-import { Tooltip } from '../Tooltip/index.js';
-import { $ as $prefixCls } from './constant-5317fc89.js';
-import { isIE } from '@paraview/lib';
-import { s as styleInject } from './style-inject.es-300983ab.js';
-
-/**
- * @author linhd
- * @date 2024/12/23 10:45
- * @description 监听元素发生变化
- */
-const useResizeObserver = props => {
-  const constData = useRef({});
-  useEffect(() => {
-    resizeObserverDom();
-    return () => {
-      clearInterval(constData.current.resizeTimer);
-      clearTimeout(constData.current.resizeLimit);
-    };
-  }, [props.dom]);
-  // 判断宽高发生变化
-  const isChangeSize = rect => {
-    const width = rect.width;
-    const height = rect.height;
-    if (width === constData.current.width && height === constData.current.height) {
-      return;
-    }
-    constData.current.width = width;
-    constData.current.height = height;
-    clearTimeout(constData.current.resizeLimit);
-    constData.current.resizeLimit = setTimeout(() => {
-      props.cb();
-    }, 100);
-  };
-  // 监听表格容器宽高发生变化
-  const resizeObserverDom = () => {
-    const dom = props.dom;
-    if (!dom) return;
-    if (window.ResizeObserver === undefined) {
-      clearInterval(constData.current.resizeTimer);
-      constData.current.resizeTimer = setInterval(() => {
-        const tableRefEleRect = dom.getBoundingClientRect();
-        isChangeSize(tableRefEleRect);
-      });
-    } else {
-      // 创建一个ResizeObserver实例并传入回调函数
-      const resizeObserver = new ResizeObserver(entries => {
-        var _a;
-        const contentRect = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.contentRect;
-        isChangeSize(contentRect);
-      });
-      // 开始观察元素
-      resizeObserver.observe(dom);
-    }
-  };
-};
-
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-tips-multiline {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box {\n  position: relative;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box > .hidden {\n  opacity: 0;\n  visibility: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: -100000;\n}\n.paraui-v4-auto-tips-multiline.paraui-v4-auto-tips-multiline-safari > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v4-auto-tips-multiline-tooltip .component-tooltip-inner {\n  max-height: 80vh;\n  overflow: auto;\n}";
-styleInject(css_248z$1);
-
-const AutoTipsMultiline = props => {
-  const {
-    children,
-    arrow = false,
-    placement = 'bottom-start',
-    tips = '',
-    className = '',
-    interactive = true,
-    tipMaxWidth,
-    line = 2,
-    refresh,
-    style
-  } = props;
-  const boxRef = useRef(null);
-  const singleWordRefs = useRef([]);
-  const [lineClamp, setLineClamp] = useState();
-  const constData = useRef({
-    line,
-    tips
-  });
-  constData.current.line = line;
-  constData.current.tips = tips;
-  const [tTips, setTTips] = useState('');
-  useResizeObserver({
-    dom: boxRef.current,
-    cb: () => calcLine()
-  });
-  useEffect(() => {
-    calcLine();
-  }, [children, refresh]);
-  // 计算行数
-  const calcLine = () => {
-    var _a;
-    if (!children) return;
-    const lineArr = [];
-    let showTooltip = false;
-    const boxRefWidth = ((_a = boxRef === null || boxRef === void 0 ? void 0 : boxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
-    let addWidth = 0;
-    let linePos = 0;
-    for (let i = 0; i < singleWordRefs.current.length; i++) {
-      const dom = singleWordRefs.current[i];
-      const offsetWidth = dom.offsetWidth;
-      addWidth += offsetWidth;
-      // 累计宽度超出了一行宽度
-      if (addWidth > boxRefWidth) {
-        if (lineArr.length < constData.current.line - 1) {
-          lineArr.push(children.slice(linePos, i));
-          linePos = i;
-          addWidth = offsetWidth; // 重置宽度
-          // 最后一个字
-          if (i === singleWordRefs.current.length - 1) {
-            if (lineArr.length < constData.current.line) {
-              // 没超出行数
-              lineArr.push(children.slice(linePos, children.length));
-            } else {
-              showTooltip = true;
-              setTTips(constData.current.tips || children);
-              lineArr.push(children.slice(linePos, children.length));
-            }
-          }
-        } else {
-          // 超出
-          showTooltip = true;
-          setTTips(constData.current.tips || children);
-          lineArr.push(children.slice(linePos, children.length));
-          break;
-        }
-      } else {
-        // 未超过且是最后一个字符
-        if (i === singleWordRefs.current.length - 1) {
-          lineArr.push(children.slice(linePos, children.length));
-        }
-      }
-    }
-    setLineClamp({
-      lineArr,
-      showTooltip
-    });
-  };
-  /**
-   * 描述文字span包裹
-   */
-  const descriptionRender = useMemo(() => {
-    singleWordRefs.current = [];
-    return jsx("div", Object.assign({
-      className: 'hidden'
-    }, {
-      children: children === null || children === void 0 ? void 0 : children.split('').map((word, wIdx) => jsx("span", Object.assign({
-        ref: dom => dom && singleWordRefs.current.push(dom)
-      }, {
-        children: word
-      }), wIdx))
-    }));
-  }, [children]);
-  // 判断浏览器是否是safari
-  const isSafari = () => {
-    const userAgent = navigator.userAgent;
-    if (userAgent.indexOf('Safari') > -1) {
-      return true;
-    }
-  };
-  // 处理class
-  const handClass = () => {
-    let str = "".concat($prefixCls, "-auto-tips-multiline");
-    if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-multiline-safari");
-    if (className) str += " ".concat(className);
-    return str;
-  };
-  return jsx("div", Object.assign({
-    ref: boxRef,
-    className: handClass(),
-    style: style
-  }, {
-    children: jsx(Tooltip, Object.assign({
-      arrow: arrow,
-      title: tTips,
-      placement: placement,
-      interactive: interactive,
-      boundariesElement: 'viewport',
-      overlayClassName: "".concat($prefixCls, "-auto-tips-multiline-tooltip")
-    }, {
-      children: jsxs("div", Object.assign({
-        className: "auto-tips-multiline-content-box"
-      }, {
-        children: [jsx("div", Object.assign({
-          className: 'auto-tips-multiline-content'
-        }, {
-          children: lineClamp === null || lineClamp === void 0 ? void 0 : lineClamp.lineArr.map((line, lIdx) => {
-            let str = 'line-text';
-            if (lIdx === lineClamp.lineArr.length - 1) str += ' last-line';
-            return jsx("div", Object.assign({
-              className: str
-            }, {
-              children: line
-            }), lIdx);
-          })
-        })), descriptionRender]
-      }))
-    }))
-  }));
-};
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips.paraui-v4-auto-tips-safari > .auto-tips-content::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v4-auto-tips-tooltip .component-tooltip-inner {\n  max-height: 80vh;\n  overflow: auto;\n}";
-styleInject(css_248z);
-
-const AutoTips = props => {
-  const {
-    children,
-    arrow = false,
-    placement = 'bottom-start',
-    tips = '',
-    className = '',
-    beyondText = true,
-    interactive = true,
-    tipMaxWidth,
-    style
-  } = props;
-  const tipsElm = useRef();
-  const textElm = useRef();
-  const [tTips, setTTips] = useState('');
-  useEffect(() => {
-    setTTips(tips);
-  }, [tips]);
-  // 鼠标移入事件
-  const mouseHover = () => {
-    let val = '';
-    const tipsEle = tipsElm.current;
-    const tipsEleRect = tipsEle.getBoundingClientRect();
-    const textEleRect = textElm.current.getBoundingClientRect();
-    if (tipsElm.current) {
-      if (isIE()) {
-        if (tipsEleRect.width > textEleRect.width) {
-          if (tips) {
-            val = tips;
-          } else {
-            val = beyondText ? tipsEle.innerText : children;
-          }
-        }
-      } else {
-        // mac：safari,firefox,chrome
-        // windows: firefox,chrome
-        if (textEleRect.width > tipsEleRect.width) {
-          if (tips) {
-            val = tips;
-          } else {
-            val = beyondText ? tipsEle.innerText : children;
-          }
-        }
-      }
-    }
-    setTTips(val);
-  };
-  // 处理最大宽度
-  /*const handMaxWidth = () => {
-      if (tipMaxWidth) return tipMaxWidth;
-      return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
-  }*/
-  // 判断浏览器是否是safari
-  const isSafari = () => {
-    const userAgent = navigator.userAgent;
-    if (/^((?!chrome|android).)*safari/i.test(userAgent)) {
-      return true;
-    }
-  };
-  // 处理class
-  const handClass = () => {
-    let str = "".concat($prefixCls, "-auto-tips");
-    if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-safari");
-    if (className) str += " ".concat(className);
-    return str;
-  };
-  return jsx(Tooltip, Object.assign({
-    arrow: arrow,
-    title: tTips,
-    placement: placement,
-    interactive: interactive,
-    boundariesElement: 'viewport',
-    overlayClassName: "".concat($prefixCls, "-auto-tips-tooltip"),
-    maxWidth: tipMaxWidth
-  }, {
-    children: jsx("div", Object.assign({
-      ref: tipsElm,
-      className: handClass(),
-      onMouseOver: mouseHover,
-      style: style
-    }, {
-      children: jsx("div", Object.assign({
-        className: "auto-tips-content",
-        ref: textElm
-      }, {
-        children: children
-      }))
-    }))
-  }));
-};
-
-export { AutoTips as A, AutoTipsMultiline as a, useResizeObserver as u };