@para-ui/core 3.0.28 → 3.0.30

package/AutoBox/index.js

@@ -1,10 +1,10 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.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-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import More from '@para-ui/icons/More';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -12,19 +12,17 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 
 var Protal = function Protal(props) {
   var children = props.children,
-      className = props.className,
-      anchorEl = props.anchorEl,
-      onClose = props.onClose;
-
+    className = props.className,
+    anchorEl = props.anchorEl,
+    onClose = props.onClose;
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      styleCom = _useState2[0],
-      setStyleCom = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    styleCom = _useState2[0],
+    setStyleCom = _useState2[1];
   var constData = useRef({
     uuid: $prefixCls + '-protal-box-content-' + UUID()
   });
@@ -43,32 +41,23 @@ 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;
-
     while (el) {
       if (matchesSelector.call(el, selector)) {
         break;
       }
-
       el = el.parentElement;
     }
-
     return el;
   };
   /** 全局监听点击事件 */
-
-
   var clickFunc = function clickFunc(e) {
     if (!constData.current) return;
     var bol = closest(e.target, '.' + constData.current.uuid); // 是否存在下拉当中
-
     if (!bol) onClose && onClose();
   };
   /** 处理内容的定位样式 */
-
-
   var handStyle = function handStyle() {
     if (!anchorEl || !contentRef.current) return;
     var posDomRect = anchorEl.getBoundingClientRect();
@@ -80,28 +69,22 @@ var Protal = function Protal(props) {
     };
     var winHeight = window.innerHeight;
     var winWidth = window.innerWidth;
-
     if (json.left + contentDomRect.width > winWidth) {
       json.left = winWidth - contentDomRect.width - 8;
       if (json.left < 0) json.left = 0;
     }
-
     if (json.top + contentDomRect.height > winHeight) {
       json.top = winHeight - contentDomRect.height - 8;
       if (json.top < 0) json.top = 0;
     }
-
     setStyleCom(json);
   };
   /** 处理className */
-
-
   var handClass = function handClass() {
     var str = $prefixCls + '-protal-box';
     if (className) str += ' ' + className;
     return str;
   };
-
   var handContent = function handContent() {
     return jsxs("div", Object.assign({
       className: handClass(),
@@ -118,7 +101,6 @@ var Protal = function Protal(props) {
       }))]
     }));
   };
-
   return jsx(Fragment, {
     children: /*#__PURE__*/createPortal(handContent(), document.getElementsByTagName('body')[0])
   });
@@ -129,41 +111,33 @@ 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$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;
   var _useState = useState('auto-box-' + UUID()),
-      _useState2 = _slicedToArray(_useState, 1),
-      classOne = _useState2[0]; // 唯一class
-
-
+    _useState2 = _slicedToArray(_useState, 1),
+    classOne = _useState2[0]; // 唯一class
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      morePos = _useState4[0],
-      setMorePos = _useState4[1]; // 超出在原始位置
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    morePos = _useState4[0],
+    setMorePos = _useState4[1]; // 超出在原始位置
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      openMoreCom = _useState6[0],
-      setOpenMoreCom = _useState6[1]; // 显示更多
-
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    openMoreCom = _useState6[0],
+    setOpenMoreCom = _useState6[1]; // 显示更多
   var _useState7 = useState({}),
-      _useState8 = _slicedToArray(_useState7, 1),
-      timer = _useState8[0];
-
-  var posDom = useRef(); // 监听打开更多
-
+    _useState8 = _slicedToArray(_useState7, 1),
+    timer = _useState8[0];
+  var posDom = useRef();
+  // 监听打开更多
   useEffect(function () {
     if (props.openMore !== undefined) {
       setOpenMoreCom(props.openMore);
@@ -191,42 +165,36 @@ var AutoBox = function AutoBox(props) {
       onShowMore && onShowMore(false);
     }
   }, [list, morePos, onShowMore]);
-
   var onVisibleChange = function onVisibleChange(bol) {
     if (bol) return setOpenMoreCom(true);
     closeMore();
-  }; // 关闭显示更多
-
-
+  };
+  // 关闭显示更多
   var closeMore = function closeMore() {
     setOpenMoreCom(false);
     onCloseMore && onCloseMore();
-  }; // 关闭显示更多
-
-
+  };
+  // 关闭显示更多
   var handleCloseMore = function handleCloseMore() {
     closeMore();
-  }; // 不换行 计算
-
-
+  };
+  // 不换行 计算
   var handMultiline = function handMultiline(index) {
     if (index === null || index === 0) return;
     if (index === undefined) index = list.length;
     var boxDom = document.querySelector('.' + classOne);
     if (!boxDom) return;
-
     if (boxDom.scrollWidth > boxDom.clientWidth) {
-      var num = Number(index) - 1; // 超出
-
+      var num = Number(index) - 1;
+      // 超出
       setMorePos(num);
       handMultiline(num);
     } else {
       // 一个
       if (list.length <= index) handleCloseMore();
     }
-  }; // 多选 不换行
-
-
+  };
+  // 多选 不换行
   var changeSize = function changeSize() {
     clearTimeout(timer.timer);
     closeMore();
@@ -234,24 +202,21 @@ var AutoBox = function AutoBox(props) {
       setMorePos(list.length);
       handMultiline();
     }, 100);
-  }; // 处理class
-
-
+  };
+  // 处理class
   var handClass = function handClass() {
     var str = $prefixCls + '-auto-box';
     if (classOne) str += ' ' + classOne;
     if (className) str += ' ' + className;
     return str;
-  }; // 处理handClassPopover
-
-
+  };
+  // 处理handClassPopover
   var handClassPopover = function handClassPopover() {
     var str = $prefixCls + '-auto-box-popover';
     if (popoverClassName) str += ' ' + popoverClassName;
     return str;
-  }; // 处理更多内容
-
-
+  };
+  // 处理更多内容
   var handMoreDom = function handMoreDom() {
     return jsx("div", Object.assign({
       className: "auto-box-popover-content"
@@ -265,8 +230,6 @@ var AutoBox = function AutoBox(props) {
     }));
   };
   /** 处理更多按钮 */
-
-
   var handMoreBtn = function handMoreBtn() {
     if (morePos !== null && list.length > morePos && !hideMore) {
       return jsx(Popover, Object.assign({
@@ -286,8 +249,6 @@ var AutoBox = function AutoBox(props) {
     }
   };
   /** 自定义更多按钮 */
-
-
   var handCustomDialog = function handCustomDialog() {
     if (anchorEl && openMoreCom) {
       return jsx(Protal, Object.assign({
@@ -299,7 +260,6 @@ var AutoBox = function AutoBox(props) {
       }));
     }
   };
-
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style

package/AutoTips/index.js

@@ -1,8 +1,8 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { Tooltip } from '../Tooltip/index.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
@@ -14,37 +14,34 @@ 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;
+    _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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    tTips = _useState2[0],
+    setTTips = _useState2[1];
   useEffect(function () {
     setTTips(tips);
-  }, [tips]); // 鼠标移入事件
-
+  }, [tips]);
+  // 鼠标移入事件
   var mouseHover = function mouseHover() {
     var val = '';
     var outBox = tipsElm.current.getBoundingClientRect();
     var innerBox = textElm.current.getBoundingClientRect();
-
     if (tipsElm.current && innerBox.width > outBox.width) {
       if (tips) {
         val = tips;
@@ -52,23 +49,19 @@ var AutoTips = function AutoTips(props) {
         val = beyondText ? tipsElm.current.innerText : children;
       }
     }
-
     setTTips(val);
-  }; // 处理最大宽度
-
-
+  };
+  // 处理最大宽度
   var handMaxWidth = function handMaxWidth() {
     if (tipMaxWidth) return tipMaxWidth;
     return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
-  }; // 处理class
-
-
+  };
+  // 处理class
   var handClass = function handClass() {
     var str = $prefixCls + '-auto-tips';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("div", Object.assign({
     ref: tipsElm,
     className: handClass(),

package/Breadcrumbs/index.js

@@ -1,20 +1,20 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment } from 'react';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import More from '@para-ui/icons/More';
 import Return from '@para-ui/icons/Return';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import '@para-ui/core/GlobalContext';
 
 var en = {
@@ -35,40 +35,35 @@ styleInject(css_248z);
 
 var Breadcrumbs = function Breadcrumbs(props) {
   var _props$maxWidth = props.maxWidth,
-      maxWidth = _props$maxWidth === void 0 ? '160px' : _props$maxWidth,
-      className = props.className,
-      list = props.list,
-      _props$separator = props.separator,
-      separator = _props$separator === void 0 ? '/' : _props$separator,
-      popoverClassName = props.popoverClassName,
-      _props$isShrink = props.isShrink,
-      isShrink = _props$isShrink === void 0 ? true : _props$isShrink,
-      _props$isBack = props.isBack,
-      isBack = _props$isBack === void 0 ? false : _props$isBack,
-      _props$minNum = props.minNum,
-      minNum = _props$minNum === void 0 ? 2 : _props$minNum,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
-      backRender = props.backRender,
-      onClickItem = props.onClickItem,
-      onBack = props.onBack,
-      style = props.style;
+    maxWidth = _props$maxWidth === void 0 ? '160px' : _props$maxWidth,
+    className = props.className,
+    list = props.list,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '/' : _props$separator,
+    popoverClassName = props.popoverClassName,
+    _props$isShrink = props.isShrink,
+    isShrink = _props$isShrink === void 0 ? true : _props$isShrink,
+    _props$isBack = props.isBack,
+    isBack = _props$isBack === void 0 ? false : _props$isBack,
+    _props$minNum = props.minNum,
+    minNum = _props$minNum === void 0 ? 2 : _props$minNum,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
+    backRender = props.backRender,
+    onClickItem = props.onClickItem,
+    onBack = props.onBack,
+    style = props.style;
   var intl = useFormatMessage('Breadcrumbs', localeJson);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showMore = _useState2[0],
-      setShowMore = _useState2[1]; // 是否显示更多按钮
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showMore = _useState2[0],
+    setShowMore = _useState2[1]; // 是否显示更多按钮
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hideArr = _useState4[0],
-      setHideArr = _useState4[1]; // 是否隐藏面包屑
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    hideArr = _useState4[0],
+    setHideArr = _useState4[1]; // 是否隐藏面包屑
   var boxRef = useRef();
   var constData = useRef({
     minNum: minNum,
@@ -97,7 +92,6 @@ var Breadcrumbs = function Breadcrumbs(props) {
     changeSize();
   }, [list]);
   /** 点击面包屑 */
-
   var clickItem = function clickItem(item, index) {
     return function () {
       if (props.list.length - 1 === index || item.disabled) return;
@@ -105,8 +99,6 @@ var Breadcrumbs = function Breadcrumbs(props) {
     };
   };
   /** 点击返回, 又返回执行返回事件,否则默认返回上级 */
-
-
   var clickBack = function clickBack() {
     if (onBack) return onBack();
     if (props.list.length < 2) return;
@@ -114,23 +106,18 @@ var Breadcrumbs = function Breadcrumbs(props) {
     clickItem(item, props.list.length - 2)();
   };
   /** 改变屏幕 */
-
-
   var winResize = function winResize() {
     changeSize();
   };
   /** 去除遮罩 */
-
-
   var hideMask = function hideMask() {
     boxRef.current.classList.remove($prefixCls + '-breadcrumbs-calculation');
   };
-
   var changeSize = function changeSize(bol) {
-    if (!constData.current.isShrink) return hideMask(); // 不自动计算
-
-    clearTimeout(constData.current.timer); // 恢复初始状态
-
+    if (!constData.current.isShrink) return hideMask();
+    // 不自动计算
+    clearTimeout(constData.current.timer);
+    // 恢复初始状态
     if (!bol) {
       constData.current.hidePos = 0;
       constData.current.showMore = false;
@@ -139,17 +126,15 @@ var Breadcrumbs = function Breadcrumbs(props) {
       setHideArr(arr);
       setShowMore(false);
     }
-
-    if (props.list.length <= constData.current.minNum + 1) return hideMask(); // 面包屑数组长度必须大于最少显示数
-
-    if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask(); // 隐藏到最小显示数,停止
-
+    if (props.list.length <= constData.current.minNum + 1) return hideMask();
+    // 面包屑数组长度必须大于最少显示数
+    if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask();
+    // 隐藏到最小显示数,停止
     boxRef.current.classList.add($prefixCls + '-breadcrumbs-calculation');
     constData.current.timer = setTimeout(function () {
       var boxWidth = boxRef.current.clientWidth;
       var listWidth = boxRef.current.querySelector('.breadcrumbs-list').clientWidth;
       var backWidth = constData.current.isBack ? boxRef.current.querySelector('.breadcrumbs-back').clientWidth : 0;
-
       if (boxWidth > listWidth + backWidth) {
         // 没有超出
         hideMask();
@@ -169,8 +154,6 @@ var Breadcrumbs = function Breadcrumbs(props) {
     }, 50);
   };
   /** 处理弹窗内容 */
-
-
   var handContent = function handContent() {
     return jsx("div", Object.assign({
       className: "breadcrumbs-popover-content"
@@ -189,23 +172,20 @@ var Breadcrumbs = function Breadcrumbs(props) {
         }), index);
       })
     }));
-  }; // 处理弹出框className
-
-
+  };
+  // 处理弹出框className
   var popoverHandClass = function popoverHandClass() {
     var str = $prefixCls + '-breadcrumbs-popover';
     if (popoverClassName) str += ' ' + popoverClassName;
     return str;
-  }; // 处理className
-
-
+  };
+  // 处理className
   var handClass = function handClass() {
     var str = $prefixCls + '-breadcrumbs';
     if (isShrink) str += " ".concat($prefixCls, "-breadcrumbs-shrink");
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style,

package/Button/SplitButton.d.ts

@@ -22,7 +22,7 @@ interface Option {
     disabled?: boolean;
     [name: string]: any;
 }
-declare type GroupOption = Array<Option>;
+type GroupOption = Array<Option>;
 export interface SplitButtonProps {
     /**
      * 分体式按钮文本

package/Button/index.d.ts

@@ -71,7 +71,7 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<any> {
 }
 declare const InternalButton: FunctionComponent<ButtonProps>;
 declare const IconButton: FunctionComponent<IconButtonProps>;
-declare type mergedButtonType = typeof InternalButton & {
+type mergedButtonType = typeof InternalButton & {
     IconButton: typeof IconButton;
     SplitButton: typeof SplitButton;
 };