@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/AutoBox/index.js

@@ -1,39 +1,36 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
 import { Popover } from '../Popover/index.js';
 import { createPortal } from 'react-dom';
 import { UUID } from '@paraview/lib';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import More from '@para-ui/icons/More';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Forbid';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 
-var Protal = function Protal(props) {
-  var children = props.children,
-    className = props.className,
-    anchorEl = props.anchorEl,
-    onClose = props.onClose;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    styleCom = _useState2[0],
-    setStyleCom = _useState2[1];
-  var constData = useRef({
+const Protal = props => {
+  const {
+    children,
+    className,
+    anchorEl,
+    onClose
+  } = props;
+  const [styleCom, setStyleCom] = useState({});
+  const constData = useRef({
     uuid: "".concat($prefixCls, "-protal-box-content-").concat(UUID())
   });
-  var domRef = useRef();
-  var contentRef = useRef();
-  useEffect(function () {
+  const domRef = useRef();
+  const contentRef = useRef();
+  useEffect(() => {
     handStyle();
     window.addEventListener('click', clickFunc);
-    return function () {
+    return () => {
       domRef && domRef.current && domRef.current.remove();
       window.removeEventListener('click', clickFunc);
     };
@@ -43,8 +40,8 @@ var Protal = function Protal(props) {
    * @param el 当前元素
    * @param selector 查找元素class
    */
-  var closest = function closest(el, selector) {
-    var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+  const closest = (el, selector) => {
+    const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
     while (el) {
       if (matchesSelector.call(el, selector)) {
         break;
@@ -54,23 +51,23 @@ var Protal = function Protal(props) {
     return el;
   };
   /** 全局监听点击事件 */
-  var clickFunc = function clickFunc(e) {
+  const clickFunc = e => {
     if (!constData.current) return;
-    var bol = closest(e.target, ".".concat(constData.current.uuid)); // 是否存在下拉当中
+    const bol = closest(e.target, ".".concat(constData.current.uuid)); // 是否存在下拉当中
     if (!bol) onClose && onClose();
   };
   /** 处理内容的定位样式 */
-  var handStyle = function handStyle() {
+  const handStyle = () => {
     if (!anchorEl || !contentRef.current) return;
-    var posDomRect = anchorEl.getBoundingClientRect();
-    var contentDomRect = contentRef.current.getBoundingClientRect();
-    var json = {
+    const posDomRect = anchorEl.getBoundingClientRect();
+    const contentDomRect = contentRef.current.getBoundingClientRect();
+    const json = {
       opacity: 1,
       left: posDomRect.left,
       top: posDomRect.top + posDomRect.height
     };
-    var winHeight = window.innerHeight;
-    var winWidth = window.innerWidth;
+    const winHeight = window.innerHeight;
+    const winWidth = window.innerWidth;
     if (json.left + contentDomRect.width > winWidth) {
       json.left = winWidth - contentDomRect.width - 8;
       if (json.left < 0) json.left = 0;
@@ -82,12 +79,12 @@ var Protal = function Protal(props) {
     setStyleCom(json);
   };
   /** 处理className */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-protal-box");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-protal-box");
     if (className) str += " ".concat(className);
     return str;
   };
-  var handContent = function handContent() {
+  const handContent = () => {
     return jsxs("div", Object.assign({
       className: handClass(),
       ref: domRef
@@ -108,88 +105,78 @@ var Protal = function Protal(props) {
   });
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-box {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.paraui-v4-auto-box > .auto-box-more {\n  display: inline-block;\n  height: 100%;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.paraui-v4-auto-box-popover .auto-box-popover-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-protal-box {\n  position: fixed;\n  z-index: 1500;\n  inset: 0px;\n}\n.paraui-v4-protal-box .protal-mask {\n  z-index: -1;\n  position: fixed;\n  inset: 0px;\n  background-color: transparent;\n}\n.paraui-v4-protal-box .protal-content {\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  background-color: white;\n  outline: 0;\n  position: absolute;\n  max-width: calc(100% - 32px);\n  min-width: 16px;\n  max-height: calc(100% - 32px);\n  min-height: 16px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  opacity: 0;\n  transform: none;\n  transition: opacity 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 162ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-box {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.paraui-v4-auto-box > .auto-box-more {\n  display: inline-block;\n  height: 100%;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.paraui-v4-auto-box-popover .auto-box-popover-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-protal-box {\n  position: fixed;\n  z-index: 1500;\n  inset: 0px;\n}\n.paraui-v4-protal-box .protal-mask {\n  z-index: -1;\n  position: fixed;\n  inset: 0px;\n  background-color: transparent;\n}\n.paraui-v4-protal-box .protal-content {\n  border-radius: 4px;\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  background-color: white;\n  outline: 0;\n  position: absolute;\n  max-width: calc(100% - 32px);\n  min-width: 16px;\n  max-height: calc(100% - 32px);\n  min-height: 16px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  opacity: 0;\n  transform: none;\n  transition: opacity 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 162ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";
 styleInject(css_248z);
 
-var AutoBox = function AutoBox(props) {
-  var className = props.className,
-    _props$list = props.list,
-    list = _props$list === void 0 ? [] : _props$list,
-    popoverClassName = props.popoverClassName,
-    moreCustomize = props.moreCustomize,
-    anchorEl = props.anchorEl,
-    _props$hideMore = props.hideMore,
-    hideMore = _props$hideMore === void 0 ? false : _props$hideMore,
-    showNum = props.showNum,
-    onCloseMore = props.onCloseMore,
-    onShowMore = props.onShowMore,
-    style = props.style,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement;
-  var comRef = useRef(null);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    morePos = _useState2[0],
-    setMorePos = _useState2[1]; // 超出在原始位置
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    openMoreCom = _useState4[0],
-    setOpenMoreCom = _useState4[1]; // 显示更多
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 1),
-    timer = _useState6[0];
-  var posDom = useRef();
+const AutoBox = props => {
+  const {
+    className,
+    list = [],
+    popoverClassName,
+    moreCustomize,
+    anchorEl,
+    hideMore = false,
+    showNum,
+    onCloseMore,
+    onShowMore,
+    style,
+    trigger = 'click',
+    placement = 'bottomLeft'
+  } = props;
+  const comRef = useRef(null);
+  const [morePos, setMorePos] = useState(null); // 超出在原始位置
+  const [openMoreCom, setOpenMoreCom] = useState(false); // 显示更多
+  const [timer] = useState({});
+  const posDom = useRef();
   // 监听打开更多
-  useEffect(function () {
+  useEffect(() => {
     if (props.openMore !== undefined) {
       setOpenMoreCom(props.openMore);
     }
   }, [props.openMore]);
-  useEffect(function () {
+  useEffect(() => {
     if (props.showNum !== undefined) return;
     changeSize();
     window.addEventListener('resize', changeSize);
-    return function () {
+    return () => {
       window.removeEventListener('resize', changeSize);
       clearTimeout(timer.timer);
     };
   }, [list]);
-  useEffect(function () {
+  useEffect(() => {
     if (showNum !== undefined) {
       setMorePos(showNum);
       window.removeEventListener('resize', changeSize);
     }
   }, [showNum]);
-  useEffect(function () {
+  useEffect(() => {
     if (morePos !== null && list.length > morePos) {
       onShowMore && onShowMore(true);
     } else {
       onShowMore && onShowMore(false);
     }
   }, [list, morePos, onShowMore]);
-  var onVisibleChange = function onVisibleChange(bol) {
+  const onVisibleChange = bol => {
     if (bol) return setOpenMoreCom(true);
     closeMore();
   };
   // 关闭显示更多
-  var closeMore = function closeMore() {
+  const closeMore = () => {
     setOpenMoreCom(false);
     onCloseMore && onCloseMore();
   };
   // 关闭显示更多
-  var handleCloseMore = function handleCloseMore() {
+  const handleCloseMore = () => {
     closeMore();
   };
   // 不换行 计算
-  var handMultiline = function handMultiline(index) {
+  const handMultiline = index => {
     if (index === null || index === 0) return;
     if (index === undefined) index = list.length;
-    var boxDom = comRef.current;
+    const boxDom = comRef.current;
     if (!boxDom) return;
     if (boxDom.scrollWidth > boxDom.clientWidth) {
-      var num = Number(index) - 1;
+      const num = Number(index) - 1;
       // 超出
       setMorePos(num);
       handMultiline(num);
@@ -199,32 +186,32 @@ var AutoBox = function AutoBox(props) {
     }
   };
   // 多选 不换行
-  var changeSize = function changeSize() {
+  const changeSize = () => {
     clearTimeout(timer.timer);
     closeMore();
-    timer.timer = setTimeout(function () {
+    timer.timer = setTimeout(() => {
       setMorePos(list.length);
       handMultiline();
     }, 100);
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-auto-box");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-auto-box");
     if (className) str += " ".concat(className);
     return str;
   };
   // 处理handClassPopover
-  var handClassPopover = function handClassPopover() {
-    var str = "".concat($prefixCls, "-auto-box-popover");
+  const handClassPopover = () => {
+    let str = "".concat($prefixCls, "-auto-box-popover");
     if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   // 处理更多内容
-  var handMoreDom = function handMoreDom() {
+  const handMoreDom = () => {
     return jsx("div", Object.assign({
       className: "auto-box-popover-content"
     }, {
-      children: list && list.map(function (item, index) {
+      children: list && list.map((item, index) => {
         if (morePos !== null && morePos > index) return null;
         return jsx(Fragment$1, {
           children: item
@@ -233,9 +220,9 @@ var AutoBox = function AutoBox(props) {
     }));
   };
   /** 处理更多按钮 */
-  var handMoreBtn = function handMoreBtn() {
+  const handMoreBtn = () => {
     if (morePos !== null && list.length > morePos && !hideMore) {
-      var handContent = function handContent() {
+      const handContent = () => {
         if (moreCustomize) {
           if (typeof moreCustomize === 'function') {
             return moreCustomize(morePos);
@@ -262,7 +249,7 @@ var AutoBox = function AutoBox(props) {
     }
   };
   /** 自定义更多按钮 */
-  var handCustomDialog = function handCustomDialog() {
+  const handCustomDialog = () => {
     if (anchorEl && openMoreCom) {
       return jsx(Protal, Object.assign({
         className: handClassPopover(),
@@ -278,7 +265,7 @@ var AutoBox = function AutoBox(props) {
     style: style,
     ref: comRef
   }, {
-    children: [list.map(function (item, index) {
+    children: [list.map((item, index) => {
       if (morePos !== null && morePos <= index) return null;
       return jsx(Fragment$1, {
         children: item

package/AutoTips/index.js

@@ -1,11 +1,9 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { Tooltip } from '../Tooltip/index.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { isIE } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -15,60 +13,50 @@ import '@para-ui/icons/Forbid';
 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: calc(100vh - 25px);\n  overflow: auto;\n}";
 styleInject(css_248z$1);
 
-var AutoTipsMultiline = function AutoTipsMultiline(props) {
-  var children = props.children,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? false : _props$arrow,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
-    _props$tips = props.tips,
-    tips = _props$tips === void 0 ? '' : _props$tips,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$interactive = props.interactive,
-    interactive = _props$interactive === void 0 ? true : _props$interactive;
-    props.tipMaxWidth;
-    var _props$line = props.line,
-    line = _props$line === void 0 ? 2 : _props$line,
-    refresh = props.refresh,
-    style = props.style;
-  var boxRef = useRef(null);
-  var singleWordRefs = useRef([]);
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    lineClamp = _useState2[0],
-    setLineClamp = _useState2[1];
-  var constData = useRef({
-    line: line,
-    tips: tips
+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;
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tTips = _useState4[0],
-    setTTips = _useState4[1];
-  useEffect(function () {
+  const [tTips, setTTips] = useState('');
+  useEffect(() => {
     window.addEventListener('resize', calcLine);
-    return function () {
+    return () => {
       window.removeEventListener('resize', calcLine);
     };
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     calcLine();
   }, [children, refresh]);
   // 计算行数
-  var calcLine = function calcLine() {
+  const calcLine = () => {
     var _a;
     if (!children) return;
-    var lineArr = [];
-    var showTooltip = false;
-    var boxRefWidth = ((_a = boxRef === null || boxRef === void 0 ? void 0 : boxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
-    var addWidth = 0;
-    var linePos = 0;
-    for (var i = 0; i < singleWordRefs.current.length; i++) {
-      var dom = singleWordRefs.current[i];
-      var offsetWidth = dom.offsetWidth;
+    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) {
@@ -91,39 +79,35 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
       }
     }
     setLineClamp({
-      lineArr: lineArr,
-      showTooltip: showTooltip
+      lineArr,
+      showTooltip
     });
   };
   /**
    * 描述文字span包裹
    */
-  var descriptionRender = useMemo(function () {
+  const descriptionRender = useMemo(() => {
     singleWordRefs.current = [];
     return jsx("div", Object.assign({
       className: 'hidden'
     }, {
-      children: children === null || children === void 0 ? void 0 : children.split('').map(function (word, wIdx) {
-        return jsx("span", Object.assign({
-          ref: function ref(dom) {
-            return dom && singleWordRefs.current.push(dom);
-          }
-        }, {
-          children: word
-        }), wIdx);
-      })
+      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
-  var isSafari = function isSafari() {
-    var userAgent = navigator.userAgent;
+  const isSafari = () => {
+    const userAgent = navigator.userAgent;
     if (userAgent.indexOf('Safari') > -1) {
       return true;
     }
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-auto-tips-multiline");
+  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;
@@ -147,8 +131,8 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
         children: [jsx("div", Object.assign({
           className: 'auto-tips-multiline-content'
         }, {
-          children: lineClamp === null || lineClamp === void 0 ? void 0 : lineClamp.lineArr.map(function (line, lIdx) {
-            var str = 'line-text';
+          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
@@ -165,37 +149,30 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
 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: calc(100vh - 25px);\n  overflow: auto;\n}";
 styleInject(css_248z);
 
-var AutoTips = function AutoTips(props) {
-  var children = props.children,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? false : _props$arrow,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
-    _props$tips = props.tips,
-    tips = _props$tips === void 0 ? '' : _props$tips,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$beyondText = props.beyondText,
-    beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
-    _props$interactive = props.interactive,
-    interactive = _props$interactive === void 0 ? true : _props$interactive,
-    tipMaxWidth = props.tipMaxWidth,
-    style = props.style;
-  var tipsElm = useRef();
-  var textElm = useRef();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    tTips = _useState2[0],
-    setTTips = _useState2[1];
-  useEffect(function () {
+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]);
   // 鼠标移入事件
-  var mouseHover = function mouseHover() {
-    var val = '';
-    var tipsEle = tipsElm.current;
-    var tipsEleRect = tipsEle.getBoundingClientRect();
-    var textEleRect = textElm.current.getBoundingClientRect();
+  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) {
@@ -225,15 +202,15 @@ var AutoTips = function AutoTips(props) {
       return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
   }*/
   // 判断浏览器是否是safari
-  var isSafari = function isSafari() {
-    var userAgent = navigator.userAgent;
+  const isSafari = () => {
+    const userAgent = navigator.userAgent;
     if (/^((?!chrome|android).)*safari/i.test(userAgent)) {
       return true;
     }
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-auto-tips");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-auto-tips");
     if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-safari");
     if (className) str += " ".concat(className);
     return str;

package/Badge/index.js

@@ -1,34 +1,35 @@
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-badge {\n  display: inline-block;\n  line-height: 1;\n  position: relative;\n}\n.paraui-v4-badge > .pos-box {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  transform-origin: 100% 0%;\n  height: 12px;\n  display: inline-block;\n  background-color: rgb(244, 66, 66);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-badge > .pos-box.dot {\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-badge > .pos-box.number, .paraui-v4-badge > .pos-box.text {\n  border-radius: 8px;\n  font-size: 12px;\n  min-width: 12px;\n  text-align: center;\n  line-height: 12px;\n  padding: 0 3px;\n  max-width: 60px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-badge > .pos-box.number > span, .paraui-v4-badge > .pos-box.text > span {\n  transform: scale(0.8);\n  display: inline-block;\n}";
 styleInject(css_248z);
 
-var Badge = function Badge(props) {
-  var className = props.className,
-    style = props.style,
-    children = props.children,
-    sign = props.sign,
-    backgroundColor = props.backgroundColor,
-    color = props.color;
+const Badge = props => {
+  const {
+    className,
+    style,
+    children,
+    sign,
+    backgroundColor,
+    color
+  } = props;
   // 判断数据类型
-  var handleType = function handleType() {
-    var type = _typeof(sign);
+  const handleType = () => {
+    const type = typeof sign;
     if (type === 'undefined') return 'dot';
     if (type === 'number') return 'number';
     return 'text';
   };
-  var type = handleType();
+  const type = handleType();
   // 标记内容
-  var handleSign = function handleSign() {
+  const handleSign = () => {
     return jsxs("span", Object.assign({
       className: "pos-box ".concat(type),
       style: {
-        backgroundColor: backgroundColor,
-        color: color
+        backgroundColor,
+        color
       }
     }, {
       children: [type === 'number' && jsx("span", {
@@ -39,7 +40,7 @@ var Badge = function Badge(props) {
     }));
   };
   // 处理number
-  var handleNumber = function handleNumber() {
+  const handleNumber = () => {
     if (Number(sign) > 999) return '999+';
     return sign;
   };