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

package/Breadcrumbs/index.js

@@ -1,22 +1,19 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.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-0d9802f7.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 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';
 import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
 
@@ -29,49 +26,38 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n * @author linhd\n * @date 2021年10月25日 14:58:12\n * @description 面包屑\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-breadcrumbs {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item {\n  padding: 0 4px;\n  border-radius: 2px;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content {\n  white-space: nowrap;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content svg {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-right: 4px;\n  vertical-align: -2px;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click .breadcrumbs-item-content {\n  cursor: pointer;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 4px;\n  cursor: pointer;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-list > .separator {\n  color: rgb(212, 218, 227);\n  margin: 0 4px;\n  position: relative;\n  top: -1px;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back > .line {\n  display: inline-block;\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 8px;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  height: 100%;\n  color: rgb(92, 101, 115);\n  padding: 0 4px;\n  border-radius: 2px;\n  cursor: pointer;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover {\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content svg {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-right: 4px;\n}\n.paraui-v4-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content span {\n  white-space: nowrap;\n}\n.paraui-v4-breadcrumbs.paraui-v4-breadcrumbs-calculation {\n  overflow: hidden;\n  opacity: 0;\n}\n\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content {\n  padding: 4px 0;\n}\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  height: 30px;\n  line-height: 30px;\n  padding: 0 12px;\n  color: rgb(29, 33, 38);\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item svg {\n  color: rgb(29, 33, 38);\n  margin-right: 4px;\n}\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click {\n  cursor: pointer;\n}\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled svg {\n  color: rgb(161, 168, 179);\n}";
 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;
-  var intl = useFormatMessage('Breadcrumbs', localeJson);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showMore = _useState2[0],
-    setShowMore = _useState2[1]; // 是否显示更多按钮
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hideArr = _useState4[0],
-    setHideArr = _useState4[1]; // 是否隐藏面包屑
-  var boxRef = useRef();
-  var constData = useRef({
-    minNum: minNum,
-    isBack: isBack,
-    isShrink: isShrink,
+const Breadcrumbs = props => {
+  const {
+    maxWidth = '160px',
+    className,
+    list,
+    separator = '/',
+    popoverClassName,
+    isShrink = true,
+    isBack = false,
+    minNum = 2,
+    trigger = 'hover',
+    placement = 'bottomLeft',
+    backRender,
+    onClickItem,
+    onBack,
+    style
+  } = props;
+  const intl = useFormatMessage('Breadcrumbs', localeJson);
+  const [showMore, setShowMore] = useState(false); // 是否显示更多按钮
+  const [hideArr, setHideArr] = useState([]); // 是否隐藏面包屑
+  const boxRef = useRef();
+  const constData = useRef({
+    minNum,
+    isBack,
+    isShrink,
     timer: null,
     showMore: false,
     hideArr: [],
@@ -81,42 +67,40 @@ var Breadcrumbs = function Breadcrumbs(props) {
   constData.current.showMore = showMore;
   constData.current.isShrink = isShrink;
   constData.current.minNum = minNum;
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('resize', winResize);
-    return function () {
+    return () => {
       clearTimeout(constData.current.timer);
       window.removeEventListener('resize', winResize);
     };
   }, []);
-  useEffect(function () {
-    var arr = new Array(props.list.length).fill(false);
+  useEffect(() => {
+    const arr = new Array(props.list.length).fill(false);
     constData.current.hideArr = arr;
     setHideArr(arr);
     changeSize();
   }, [list]);
   /** 点击面包屑 */
-  var clickItem = function clickItem(item, index) {
-    return function () {
-      if (props.list.length - 1 === index || item.disabled) return;
-      onClickItem && onClickItem(item);
-    };
+  const clickItem = (item, index) => () => {
+    if (props.list.length - 1 === index || item.disabled) return;
+    onClickItem && onClickItem(item);
   };
   /** 点击返回, 又返回执行返回事件,否则默认返回上级 */
-  var clickBack = function clickBack() {
+  const clickBack = () => {
     if (onBack) return onBack();
     if (props.list.length < 2) return;
-    var item = props.list[props.list.length - 2];
+    const item = props.list[props.list.length - 2];
     clickItem(item, props.list.length - 2)();
   };
   /** 改变屏幕 */
-  var winResize = function winResize() {
+  const winResize = () => {
     changeSize();
   };
   /** 去除遮罩 */
-  var hideMask = function hideMask() {
+  const hideMask = () => {
     boxRef.current.classList.remove("".concat($prefixCls, "-breadcrumbs-calculation"));
   };
-  var changeSize = function changeSize(bol) {
+  const changeSize = bol => {
     if (!constData.current.isShrink) return hideMask();
     // 不自动计算
     clearTimeout(constData.current.timer);
@@ -124,7 +108,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
     if (!bol) {
       constData.current.hidePos = 0;
       constData.current.showMore = false;
-      var arr = new Array(props.list.length).fill(false);
+      const arr = new Array(props.list.length).fill(false);
       constData.current.hideArr = arr;
       setHideArr(arr);
       setShowMore(false);
@@ -134,17 +118,17 @@ var Breadcrumbs = function Breadcrumbs(props) {
     if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask();
     // 隐藏到最小显示数,停止
     boxRef.current.classList.add("".concat($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;
+    constData.current.timer = setTimeout(() => {
+      const boxWidth = boxRef.current.clientWidth;
+      const listWidth = boxRef.current.querySelector('.breadcrumbs-list').clientWidth;
+      const backWidth = constData.current.isBack ? boxRef.current.querySelector('.breadcrumbs-back').clientWidth : 0;
       if (boxWidth > listWidth + backWidth) {
         // 没有超出
         hideMask();
       } else {
         constData.current.hidePos += 1;
         constData.current.hideArr[constData.current.hidePos] = true;
-        setHideArr(_toConsumableArray(constData.current.hideArr));
+        setHideArr([...constData.current.hideArr]);
         setShowMore(true);
         changeSize(true);
         /*// 超出
@@ -157,13 +141,13 @@ var Breadcrumbs = function Breadcrumbs(props) {
     }, 50);
   };
   /** 处理弹窗内容 */
-  var handContent = function handContent() {
+  const handContent = () => {
     return jsx("div", Object.assign({
       className: "breadcrumbs-popover-content"
     }, {
-      children: list.map(function (item, index) {
+      children: list.map((item, index) => {
         if (!hideArr[index]) return null;
-        var str = 'breadcrumbs-popover-content-item';
+        let str = 'breadcrumbs-popover-content-item';
         if (index !== list.length - 1 && !item.disabled) str += ' breadcrumbs-popover-content-item-click';
         if (index === list.length - 1) str += ' breadcrumbs-popover-content-item-current';
         if (item.disabled) str += ' breadcrumbs-popover-content-item-disabled';
@@ -177,14 +161,14 @@ var Breadcrumbs = function Breadcrumbs(props) {
     }));
   };
   // 处理弹出框className
-  var popoverHandClass = function popoverHandClass() {
-    var str = "".concat($prefixCls, "-breadcrumbs-popover");
+  const popoverHandClass = () => {
+    let str = "".concat($prefixCls, "-breadcrumbs-popover");
     if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   // 处理className
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-breadcrumbs");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-breadcrumbs");
     if (isShrink) str += " ".concat($prefixCls, "-breadcrumbs-shrink");
     if (className) str += " ".concat(className);
     return str;
@@ -197,9 +181,9 @@ var Breadcrumbs = function Breadcrumbs(props) {
     children: [jsx("ul", Object.assign({
       className: "breadcrumbs-list"
     }, {
-      children: list.map(function (item, index) {
+      children: list.map((item, index) => {
         if (hideArr[index]) return;
-        var str = 'breadcrumbs-item';
+        let str = 'breadcrumbs-item';
         if (index === list.length - 1) str += ' breadcrumbs-item-current';
         if (index !== list.length - 1 && !item.disabled) str += ' breadcrumbs-item-click';
         if (item.disabled) str += ' breadcrumbs-item-disabled';

package/Button/index.js

@@ -1,5 +1,3 @@
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
@@ -7,17 +5,16 @@ import clsx from 'clsx';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { Tooltip } from '../Tooltip/index.js';
 import Down from '@para-ui/icons/Down';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { D as Dropdown } from '../_verture/index-e9007d6a.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { D as Dropdown } from '../_verture/index-da9097d3.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import AutoTips from '../AutoTips/index.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
@@ -40,35 +37,30 @@ styleInject(css_248z);
 
 //分体式按钮
 function SplitButton(props) {
-  var buttonText = props.buttonText,
-    _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    className = props.className,
-    style = props.style,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    onClick = props.onClick,
-    optionRender = props.optionRender,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
-    buttonProps = props.buttonProps,
-    _props$iconButton = props.iconButton,
-    iconButton = _props$iconButton === void 0 ? false : _props$iconButton,
-    popperStyle = props.popperStyle,
-    _props$popperClassNam = props.popperClassName,
-    popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
-    getPopupContainer = props.getPopupContainer,
-    variant = props.variant,
-    hideStartIcon = props.hideStartIcon,
-    _props$optionMaxWidth = props.optionMaxWidth,
-    optionMaxWidth = _props$optionMaxWidth === void 0 ? '500px' : _props$optionMaxWidth,
-    _props$optionTipsPlac = props.optionTipsPlacement,
-    optionTipsPlacement = _props$optionTipsPlac === void 0 ? 'top-start' : _props$optionTipsPlac;
-  var intl = useFormatMessage('Button', localeJson);
-  var btnRef = useRef();
+  const {
+    buttonText,
+    options = [],
+    className,
+    style,
+    disabled = false,
+    onClick,
+    optionRender,
+    placement = 'bottomLeft',
+    buttonProps,
+    iconButton = false,
+    popperStyle,
+    popperClassName = '',
+    getPopupContainer,
+    variant,
+    hideStartIcon,
+    optionMaxWidth = '500px',
+    optionTipsPlacement = 'top-start'
+  } = props;
+  const intl = useFormatMessage('Button', localeJson);
+  const btnRef = useRef();
   // const [selectedIndex, setSelectedIndex] = useState<number | string>();
   // button click
-  var handleButtonClick = function handleButtonClick(opt, index, event) {
+  const handleButtonClick = (opt, index, event) => {
     var _a;
     if (opt.disabled) {
       event.stopPropagation();
@@ -79,16 +71,18 @@ function SplitButton(props) {
     onClick === null || onClick === void 0 ? void 0 : onClick(opt, event);
   };
   //渲染按钮列表
-  var renderButtonList = function renderButtonList() {
+  const renderButtonList = () => {
     // 渲染item
-    var renderItem = function renderItem(item) {
-      var com = (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || jsx(AutoTips, Object.assign({
+    const renderItem = item => {
+      const com = (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || jsx(AutoTips, Object.assign({
         placement: optionTipsPlacement
       }, {
         children: item.label
       }));
-      var disabled = item.disabled,
-        disabledTooltip = item.disabledTooltip;
+      const {
+        disabled,
+        disabledTooltip
+      } = item;
       if (disabled && disabledTooltip) {
         return jsx(Tooltip, Object.assign({
           disabled: true
@@ -99,12 +93,12 @@ function SplitButton(props) {
       return com;
     };
     //分组列表
-    var generateLiGroup = function generateLiGroup(opt, index) {
+    const generateLiGroup = (opt, index) => {
       return jsx("li", Object.assign({
         className: 'split-li-group'
       }, {
-        children: opt.map(function (gItem, gIndex) {
-          var idx = "".concat(index, "-").concat(gIndex);
+        children: opt.map((gItem, gIndex) => {
+          const idx = "".concat(index, "-").concat(gIndex);
           return jsx("div", Object.assign({
             className: clsx('split-li',
             //  idx === selectedIndex && 'split-li--active',
@@ -112,9 +106,7 @@ function SplitButton(props) {
             style: {
               maxWidth: optionMaxWidth
             },
-            onClick: function onClick(evt) {
-              return handleButtonClick(gItem, idx, evt);
-            }
+            onClick: evt => handleButtonClick(gItem, idx, evt)
           }, {
             children: renderItem(gItem)
           }), idx);
@@ -125,7 +117,7 @@ function SplitButton(props) {
       className: "".concat($prefixCls, "-button-split-list")
     }, {
       children: jsx("ul", {
-        children: options.map(function (opt, index) {
+        children: options.map((opt, index) => {
           if (Array.isArray(opt)) {
             //分组
             return generateLiGroup(opt, index);
@@ -137,9 +129,7 @@ function SplitButton(props) {
             style: {
               maxWidth: optionMaxWidth
             },
-            onClick: function onClick(evt) {
-              return handleButtonClick(opt, index, evt);
-            }
+            onClick: evt => handleButtonClick(opt, index, evt)
           }, {
             children: renderItem(opt)
           }), index);
@@ -148,7 +138,7 @@ function SplitButton(props) {
     }));
   };
   //渲染button
-  var renderButton = function renderButton() {
+  const renderButton = () => {
     if (iconButton) {
       if (variant) {
         return jsx(Button.IconButton, Object.assign({
@@ -199,38 +189,31 @@ function SplitButton(props) {
 }
 
 //按钮
-var InternalButton = function InternalButton(props) {
-  var _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'contained' : _props$variant,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    className = props.className,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    children = props.children,
-    startIcon = props.startIcon,
-    endIcon = props.endIcon,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    _props$toolTipTitle = props.toolTipTitle,
-    toolTipTitle = _props$toolTipTitle === void 0 ? '' : _props$toolTipTitle,
-    TooltipProps = props.TooltipProps,
-    _props$danger = props.danger,
-    danger = _props$danger === void 0 ? false : _props$danger,
-    href = props.href,
-    target = props.target,
+const InternalButton = props => {
+  const {
+      variant = 'contained',
+      size = 'large',
+      className,
+      disabled = false,
+      children,
+      startIcon,
+      endIcon,
+      loading = false,
+      toolTipTitle = '',
+      TooltipProps,
+      danger = false,
+      href,
+      target
+    } = props,
     restProps = __rest(props, ["variant", "size", "className", "disabled", "children", "startIcon", "endIcon", "loading", "toolTipTitle", "TooltipProps", "danger", "href", "target"]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasLoading = _useState2[0],
-    setHasLoading = _useState2[1];
-  var isLinkBtn = ('href' in props);
+  const [hasLoading, setHasLoading] = useState(false);
+  const isLinkBtn = ('href' in props);
   //cls
-  var makeCls = function makeCls() {
+  const makeCls = () => {
     return clsx("".concat($prefixCls, "-button"), className, "".concat($prefixCls, "-button-").concat(variant), "".concat($prefixCls, "-button-").concat(size), hasLoading && "".concat($prefixCls, "-button-loading"), danger && !disabled && "".concat($prefixCls, "-button-dangerous"), isLinkBtn && "".concat($prefixCls, "-button-link"), isLinkBtn && disabled && "".concat($prefixCls, "-button-link-disabled"));
   };
   //渲染按钮图标
-  var renderBtnIcon = function renderBtnIcon(pos) {
+  const renderBtnIcon = pos => {
     if (!hasLoading) {
       if (pos === 'start' && startIcon) return jsx("span", Object.assign({
         className: 'button-icon'
@@ -244,11 +227,9 @@ var InternalButton = function InternalButton(props) {
       }));
       return null;
     }
-    if (_typeof(loading) === 'object') {
-      var delay = loading.delay || 0;
-      setTimeout(function () {
-        return setHasLoading(false);
-      }, delay);
+    if (typeof loading === 'object') {
+      const delay = loading.delay || 0;
+      setTimeout(() => setHasLoading(false), delay);
     }
     if (pos === 'start') return jsx("span", Object.assign({
       className: 'button-icon button-icon-loading'
@@ -258,7 +239,7 @@ var InternalButton = function InternalButton(props) {
     return null;
   };
   //按钮
-  var renderButton = function renderButton() {
+  const renderButton = () => {
     if (isLinkBtn) {
       return jsxs("a", Object.assign({}, restProps, {
         href: href,
@@ -284,7 +265,7 @@ var InternalButton = function InternalButton(props) {
       })), renderBtnIcon('end')]
     }));
   };
-  useEffect(function () {
+  useEffect(() => {
     setHasLoading(!!loading);
   }, [loading]);
   return disabled && toolTipTitle ? jsx(Tooltip, Object.assign({
@@ -302,42 +283,33 @@ var InternalButton = function InternalButton(props) {
   })) : renderButton();
 };
 //icon button
-var IconButton = function IconButton(props) {
-  var _props$variant2 = props.variant,
-    variant = _props$variant2 === void 0 ? 'contained' : _props$variant2,
-    _props$size2 = props.size,
-    size = _props$size2 === void 0 ? 'large' : _props$size2,
-    _props$toolTipTitle2 = props.toolTipTitle,
-    toolTipTitle = _props$toolTipTitle2 === void 0 ? '' : _props$toolTipTitle2,
-    children = props.children,
-    className = props.className,
-    _props$disabled2 = props.disabled,
-    disabled = _props$disabled2 === void 0 ? false : _props$disabled2,
-    _props$loading2 = props.loading,
-    loading = _props$loading2 === void 0 ? false : _props$loading2,
-    TooltipProps = props.TooltipProps,
-    _props$danger2 = props.danger,
-    danger = _props$danger2 === void 0 ? false : _props$danger2,
-    href = props.href,
-    target = props.target,
+const IconButton = props => {
+  const {
+      variant = 'contained',
+      size = 'large',
+      toolTipTitle = '',
+      children,
+      className,
+      disabled = false,
+      loading = false,
+      TooltipProps,
+      danger = false,
+      href,
+      target
+    } = props,
     restProps = __rest(props, ["variant", "size", "toolTipTitle", "children", "className", "disabled", "loading", "TooltipProps", "danger", "href", "target"]);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasLoading = _useState4[0],
-    setHasLoading = _useState4[1];
-  var isLinkBtn = ('href' in props);
+  const [hasLoading, setHasLoading] = useState(false);
+  const isLinkBtn = ('href' in props);
   //cls
-  var makeCls = function makeCls() {
+  const makeCls = () => {
     return clsx("".concat($prefixCls, "-button ").concat($prefixCls, "-icon-button"), className, "".concat($prefixCls, "-icon-button-").concat(variant), "".concat($prefixCls, "-icon-button-").concat(size), hasLoading && "".concat($prefixCls, "-icon-button-loading"), danger && !disabled && "".concat($prefixCls, "-icon-button-dangerous"), isLinkBtn && "".concat($prefixCls, "-button-link"), isLinkBtn && disabled && "".concat($prefixCls, "-button-link-disabled"));
   };
   //渲染图标
-  var renderIcon = function renderIcon() {
+  const renderIcon = () => {
     if (!hasLoading) return children;
-    if (_typeof(loading) === 'object') {
-      var delay = loading.delay || 0;
-      setTimeout(function () {
-        return setHasLoading(false);
-      }, delay);
+    if (typeof loading === 'object') {
+      const delay = loading.delay || 0;
+      setTimeout(() => setHasLoading(false), delay);
     }
     return jsx("span", Object.assign({
       className: 'button-loading-icon'
@@ -346,7 +318,7 @@ var IconButton = function IconButton(props) {
     }));
   };
   //icon button
-  var renderIconButton = function renderIconButton() {
+  const renderIconButton = () => {
     if (isLinkBtn) {
       return jsx("a", Object.assign({}, restProps, {
         href: href,
@@ -364,7 +336,7 @@ var IconButton = function IconButton(props) {
       children: renderIcon()
     }));
   };
-  useEffect(function () {
+  useEffect(() => {
     setHasLoading(!!loading);
   }, [loading]);
   return !!toolTipTitle ? jsx(Tooltip, Object.assign({
@@ -381,7 +353,7 @@ var IconButton = function IconButton(props) {
     })) : renderIconButton()
   }), +hasLoading) : renderIconButton();
 };
-var Button = InternalButton;
+const Button = InternalButton;
 Button.IconButton = IconButton;
 Button.SplitButton = SplitButton;