@para-ui/core 2.2.7-beta → 2.2.9

package/Button/index.js

@@ -1,348 +1,14 @@
-import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
-import clsx from 'clsx';
-import LoadingOutlined from '@para-ui/icons/LoadingF';
-import Forbid from '@para-ui/icons/Forbid';
-import { Tooltip } from '../Tooltip/index.js';
-import Down from '@para-ui/icons/Down';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { Dropdown } from '../Dropdown/index.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import 'rc-dropdown';
-import '@para-ui/core/GlobalContext';
-
-var en = {
-  moreActions: 'More actions'
-};
-
-var zh = {
-  moreActions: '更多操作'
-};
-
-var localeJson = {
-  zh: zh,
-  en: en
-};
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n@keyframes loadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-button {\n  border: 0;\n  cursor: pointer;\n  display: inline-flex;\n  outline: 0;\n  position: relative;\n  align-items: center;\n  user-select: none;\n  vertical-align: middle;\n  justify-content: center;\n  text-decoration: none;\n  background-color: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  padding: 0 16px;\n  line-height: 1.5715;\n  border-radius: 4px;\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  white-space: nowrap;\n  color: rgb(255, 255, 255);\n  box-sizing: border-box;\n  letter-spacing: 0.02857em;\n  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-button-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-button-icon-loading {\n  animation: loadingSpin 1s infinite linear;\n}\n.paraui-button-loading {\n  pointer-events: none;\n}\n.paraui-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-contained.paraui-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-button-contained.paraui-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n}\n.paraui-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  background-color: rgb(255, 255, 255);\n  box-shadow: none;\n}\n.paraui-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-outlined.paraui-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-button-outlined.paraui-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-text {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  color: rgb(54, 102, 214);\n  background-color: transparent;\n  border: none;\n}\n.paraui-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n  box-shadow: none;\n}\n.paraui-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: none;\n}\n.paraui-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-button-text.paraui-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-button-text.paraui-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-large {\n  height: 36px;\n}\n.paraui-button-medium {\n  height: 32px;\n}\n.paraui-button-small {\n  height: 28px;\n}\n.paraui-button--disabled {\n  display: inline-block;\n}\n\n.paraui-icon-button {\n  flex: 0 0 auto;\n  overflow: visible;\n  text-align: center;\n  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  padding: 0;\n  border-radius: 4px;\n}\n.paraui-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-icon-button-loading .loading-icon {\n  display: inline-flex;\n  animation: loadingSpin 1s infinite linear;\n}\n.paraui-icon-button .paraui-icon {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-icon-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-icon-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-contained.paraui-icon-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-icon-button-contained.paraui-icon-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n}\n.paraui-icon-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-icon-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-outlined.paraui-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-text {\n  color: rgb(54, 102, 214);\n}\n.paraui-icon-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-icon-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-icon-button-text.paraui-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-icon-button-text.paraui-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-text.paraui-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-large svg {\n  font-size: 28px;\n}\n.paraui-icon-button-text.paraui-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-medium svg {\n  font-size: 24px;\n}\n.paraui-icon-button-text.paraui-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-icon-button-large {\n  width: 36px;\n  height: 36px;\n}\n.paraui-icon-button-medium {\n  width: 32px;\n  height: 32px;\n}\n.paraui-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-button-split {\n  display: inline-block;\n}\n.paraui-button-split .paraui-button-split--active {\n  color: rgb(54, 102, 214);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list {\n  padding: 8px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list ul .split-li {\n  min-width: 140px;\n  padding: 11px 12px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n}\n.paraui-button-split-list ul .split-li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-split-list ul .split-li.split-li--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-split-list ul .split-li.split-li--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 16px;\n}\n.paraui-button-split-list ul .split-li-group:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 8px;\n  right: 8px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
-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 ? 'bottomRight' : _props$placement,
-      buttonProps = props.buttonProps,
-      _props$iconButton = props.iconButton,
-      iconButton = _props$iconButton === void 0 ? false : _props$iconButton;
-  var intl = useFormatMessage('Button', localeJson);
-  var btnRef = useRef();
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedIndex = _useState2[0],
-      setSelectedIndex = _useState2[1]; // button click
-
-
-  var handleButtonClick = function handleButtonClick(opt, index, event) {
-    var _a;
-
-    if (opt.disabled) {
-      event.stopPropagation();
-      return;
-    }
-
-    setSelectedIndex(index);
-    (_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('paraui-button-split--active');
-    onClick === null || onClick === void 0 ? void 0 : onClick(opt, event);
-  }; //渲染按钮列表
-
-
-  var renderButtonList = function renderButtonList() {
-    //分组列表
-    var generateLiGroup = function generateLiGroup(opt, index) {
-      return jsx("li", Object.assign({
-        className: 'split-li-group'
-      }, {
-        children: opt.map(function (gItem, gIndex) {
-          var idx = "".concat(index, "-").concat(gIndex);
-          return jsx("div", Object.assign({
-            className: clsx('split-li', idx === selectedIndex && 'split-li--active', gItem.disabled && 'split-li--disabled'),
-            onClick: function onClick(evt) {
-              return handleButtonClick(gItem, idx, evt);
-            }
-          }, {
-            children: (optionRender === null || optionRender === void 0 ? void 0 : optionRender(gItem)) || gItem.label
-          }), idx);
-        })
-      }), index);
-    };
-
-    return jsx("div", Object.assign({
-      className: 'paraui-button-split-list'
-    }, {
-      children: jsx("ul", {
-        children: options.map(function (opt, index) {
-          if (Array.isArray(opt)) {
-            //分组
-            return generateLiGroup(opt, index);
-          }
-
-          return jsx("li", Object.assign({
-            className: clsx('split-li', index === selectedIndex && 'split-li--active', opt.disabled && 'split-li--disabled'),
-            onClick: function onClick(evt) {
-              return handleButtonClick(opt, index, evt);
-            }
-          }, {
-            children: (optionRender === null || optionRender === void 0 ? void 0 : optionRender(opt)) || opt.label
-          }), index);
-        })
-      })
-    }));
-  }; //渲染button
-
-
-  var renderButton = function renderButton() {
-    if (iconButton) {
-      return jsx(Button.IconButton, Object.assign({
-        variant: 'text',
-        size: "small",
-        disabled: disabled
-      }, buttonProps, {
-        children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
-          id: 'moreActions'
-        })
-      }));
-    }
-
-    return jsx(Button, Object.assign({
-      variant: 'outlined',
-      size: 'large',
-      startIcon: jsx(Down, {}),
-      disabled: disabled
-    }, buttonProps, {
-      children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
-        id: 'moreActions'
-      })
-    }));
-  };
-
-  return jsx("div", Object.assign({
-    className: clsx('paraui-button-split', className),
-    style: style
-  }, {
-    children: jsx(Dropdown, Object.assign({
-      overlay: renderButtonList(),
-      placement: placement
-    }, {
-      children: renderButton()
-    }))
-  }));
-}
-
-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,
-      restProps = __rest(props, ["variant", "size", "className", "disabled", "children", "startIcon", "endIcon", "loading", "toolTipTitle", "TooltipProps", "danger"]);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasLoading = _useState2[0],
-      setHasLoading = _useState2[1]; //cls
-
-
-  var makeCls = function makeCls() {
-    return clsx('paraui-button', className, "paraui-button-".concat(variant), "paraui-button-".concat(size), hasLoading && 'paraui-button-loading', danger && !disabled && 'paraui-button-dangerous');
-  }; //渲染按钮图标
-
-
-  var renderBtnIcon = function renderBtnIcon(pos) {
-    if (!hasLoading) {
-      if (pos === 'start' && startIcon) return jsx("span", Object.assign({
-        className: 'paraui-button-icon'
-      }, {
-        children: startIcon
-      }));
-      if (pos === 'end' && endIcon) return jsx("span", Object.assign({
-        className: 'paraui-button-icon paraui-button-icon-end'
-      }, {
-        children: endIcon
-      }));
-      return null;
-    }
-
-    if (_typeof(loading) === 'object') {
-      var delay = loading.delay || 0;
-      setTimeout(function () {
-        return setHasLoading(false);
-      }, delay);
-    }
-
-    if (pos === 'start') return jsx("span", Object.assign({
-      className: 'paraui-button-icon paraui-button-icon-loading'
-    }, {
-      children: jsx(LoadingOutlined, {})
-    }));
-    return null;
-  }; //tooltip title
-
-
-  var generateTooltipTitle = function generateTooltipTitle() {
-    if (disabled && toolTipTitle) {
-      var svgObj = {
-        marginRight: '4px',
-        fontSize: '11px',
-        color: 'inherit'
-      };
-      return jsxs("span", {
-        children: [jsx(Forbid, {
-          style: svgObj
-        }), toolTipTitle]
-      });
-    }
-
-    return toolTipTitle;
-  }; //按钮
-
-
-  var renderButton = jsxs("button", Object.assign({}, restProps, {
-    disabled: disabled,
-    type: "button",
-    className: makeCls()
-  }, {
-    children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
-      className: 'paraui-button-label'
-    }, {
-      children: children
-    })), renderBtnIcon('end')]
-  }));
-
-  useEffect(function () {
-    setHasLoading(!!loading);
-  }, [loading]);
-  return disabled && toolTipTitle ? jsx(Tooltip, Object.assign({}, TooltipProps, {
-    title: generateTooltipTitle()
-  }, {
-    children: jsx("span", Object.assign({
-      className: 'paraui-button--disabled'
-    }, {
-      children: renderButton
-    }))
-  })) : 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,
-      restProps = __rest(props, ["variant", "size", "toolTipTitle", "children", "className", "disabled", "loading", "TooltipProps", "danger"]);
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hasLoading = _useState4[0],
-      setHasLoading = _useState4[1]; //tooltip title
-
-
-  var generateTooltipTitle = function generateTooltipTitle() {
-    if (disabled && toolTipTitle) {
-      var svgObj = {
-        marginRight: '4px',
-        fontSize: '11px',
-        color: 'inherit'
-      };
-      return jsxs("span", {
-        children: [jsx(Forbid, {
-          style: svgObj
-        }), toolTipTitle]
-      });
-    }
-
-    return toolTipTitle;
-  }; //渲染图标
-
-
-  var renderIcon = function renderIcon() {
-    if (!hasLoading) return children;
-
-    if (_typeof(loading) === 'object') {
-      var delay = loading.delay || 0;
-      setTimeout(function () {
-        return setHasLoading(false);
-      }, delay);
-    }
-
-    return jsx("span", Object.assign({
-      className: 'loading-icon'
-    }, {
-      children: jsx(LoadingOutlined, {})
-    }));
-  }; //icon button
-
-
-  var renderIconButton = jsx("button", Object.assign({}, restProps, {
-    disabled: disabled,
-    type: "button",
-    className: clsx('paraui-button paraui-icon-button', className, "paraui-icon-button-".concat(variant), "paraui-icon-button-".concat(size), hasLoading && 'paraui-icon-button-loading', danger && !disabled && 'paraui-icon-button-dangerous')
-  }, {
-    children: renderIcon()
-  }));
-
-  useEffect(function () {
-    setHasLoading(!!loading);
-  }, [loading]);
-  return !!toolTipTitle ? jsx(Tooltip, Object.assign({}, TooltipProps, {
-    title: generateTooltipTitle()
-  }, {
-    children: disabled ? jsx("span", Object.assign({
-      className: 'paraui-button--disabled'
-    }, {
-      children: renderIconButton
-    })) : renderIconButton
-  }), +hasLoading) : renderIconButton;
-};
-
-var Button = InternalButton;
-Button.IconButton = IconButton;
-Button.SplitButton = SplitButton;
-
-export { Button, Button as default };
+!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):t.ParaUI=o(t.react,t["@material-ui/core"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"])}(self,(function(t,o,n,r,i,e,a){return function(){var u={8313:function(t,o,n){(o=n(3645)(!1)).push([t.id,'@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:0;text-transform:none;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;white-space:nowrap}.paraui-button-label{height:100%}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-left:3px}.paraui-button-contained .btn-icon.end-icon{margin-right:3px}.paraui-button-contained .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-contained.paraui-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-left:3px}.paraui-button-outlined .btn-icon.end-icon{margin-right:3px}.paraui-button-outlined .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-button-text{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none;color:#3666d6;background-color:rgba(0,0,0,0);border:none}.paraui-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0);box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,.4);background-color:rgba(0,0,0,0);border:none}.paraui-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-left:3px}.paraui-button-text .btn-icon.end-icon{margin-right:3px}.paraui-button-text .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-text.paraui-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:4px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-contained.paraui-icon-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-icon-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0)}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,.4)}.paraui-icon-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button-split--active{color:#3666d6;box-shadow:none}.paraui-button-split-list{padding:8px 0;margin:8px 0;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s,color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--disabled{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-button-split-list ul .split-li.split-li--disabled:hover{background-color:#fff}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:"";position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,.2)}',""]),t.exports=o},9929:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),t.exports=o},3645:function(t){"use strict";t.exports=function(t){var o=[];return o.toString=function(){return this.map((function(o){var n=function(t,o){var n=t[1]||"",r=t[3];if(!r)return n;if(o&&"function"==typeof btoa){var i=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(c," */")),e=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(e).concat([i]).join("\n")}var a,u,c;return[n].join("\n")}(o,t);return o[2]?"@media ".concat(o[2]," {").concat(n,"}"):n})).join("")},o.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(r)for(var e=0;e<this.length;e++){var a=this[e][0];null!=a&&(i[a]=!0)}for(var u=0;u<t.length;u++){var c=[].concat(t[u]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),o.push(c))}},o}},7418:function(t){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function i(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(t){return o[t]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(t){r[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var a,u,c=i(t),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))n.call(a,s)&&(c[s]=a[s]);if(o){u=o(a);for(var p=0;p<u.length;p++)r.call(a,u[p])&&(c[u[p]]=a[u[p]])}}return c}},5251:function(t,o,n){"use strict";
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */n(7418);var r=n(8156),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var e=Symbol.for;i=e("react.element"),o.Fragment=e("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function l(t,o,n){var r,e={},l=null,s=null;for(r in void 0!==n&&(l=""+n),void 0!==o.key&&(l=""+o.key),void 0!==o.ref&&(s=o.ref),o)u.call(o,r)&&!c.hasOwnProperty(r)&&(e[r]=o[r]);if(t&&t.defaultProps)for(r in o=t.defaultProps)void 0===e[r]&&(e[r]=o[r]);return{$$typeof:i,type:t,key:l,ref:s,props:e,_owner:a.current}}o.jsx=l,o.jsxs=l},5893:function(t,o,n){"use strict";t.exports=n(5251)},5822:function(t,o,n){var r=n(3379),i=n(8313);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},2310:function(t,o,n){var r=n(3379),i=n(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},3379:function(t,o,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},e=function(){var t={};return function(o){if(void 0===t[o]){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[o]=n}return t[o]}}(),a=[];function u(t){for(var o=-1,n=0;n<a.length;n++)if(a[n].identifier===t){o=n;break}return o}function c(t,o){for(var n={},r=[],i=0;i<t.length;i++){var e=t[i],c=o.base?e[0]+o.base:e[0],l=n[c]||0,s="".concat(c," ").concat(l);n[c]=l+1;var p=u(s),d={css:e[1],media:e[2],sourceMap:e[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:s,updater:v(d,o),references:1}),r.push(s)}return r}function l(t){var o=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(t){o.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(o);else{var a=e(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function d(t,o,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=p(o,i);else{var e=document.createTextNode(i),a=t.childNodes;a[o]&&t.removeChild(a[o]),a.length?t.insertBefore(e,a[o]):t.appendChild(e)}}function b(t,o,n){var r=n.css,i=n.media,e=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),e&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(e))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f=null,g=0;function v(t,o){var n,r,i;if(o.singleton){var e=g++;n=f||(f=l(o)),r=d.bind(null,n,e,!1),i=d.bind(null,n,e,!0)}else n=l(o),r=b.bind(null,n,o),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;r(t=o)}else i()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=i());var n=c(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var i=u(n[r]);a[i].references--}for(var e=c(t,o),l=0;l<n.length;l++){var s=u(n[l]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=e}}}},3054:function(t,o,n){"use strict";var r=n(8156),i=n.n(r),e=n(5395),a=n.n(e);o.Z=function(t,o){var n=i().useContext(a()).intlFormat;return o.zh_CN=o.zh,o.en_US=o.en,n&&n(t,o)}},7371:function(t,o,n){"use strict";var r=n(5893),i=n(670),e=n(5744),a=n.n(e),u=(n(2310),function(){return u=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},u.apply(this,arguments)}),c=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n};o.default=function(t){var o,n=t.placement,e=void 0===n?"top-start":n,l=t.className,s=t.arrow,p=void 0===s||s,d=t.PopperProps,b=t.boundariesElement,f=void 0===b?"scrollParent":b,g=c(t,["placement","className","arrow","PopperProps","boundariesElement"]),v=u(u({},t.classes),{popper:a()("paraui-tooltip",l,null===(o=t.classes)||void 0===o?void 0:o.popper,{"paraui-tooltip-left-right":(null==e?void 0:e.includes("left"))||(null==e?void 0:e.includes("right")),"paraui-tooltip-top-bottom":(null==e?void 0:e.includes("top"))||(null==e?void 0:e.includes("bottom"))})});return(0,r.jsx)(i.Tooltip,u({},g,{enterTouchDelay:0,arrow:p,placement:e,classes:v,PopperProps:u(u({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(t){"use strict";t.exports=o},5395:function(t){"use strict";t.exports=a},2396:function(t){"use strict";t.exports=e},3835:function(t){"use strict";t.exports=i},2788:function(t){"use strict";t.exports=r},5744:function(t){"use strict";t.exports=n},8156:function(o){"use strict";o.exports=t}},c={};function l(t){var o=c[t];if(void 0!==o)return o.exports;var n=c[t]={id:t,exports:{}};return u[t](n,n.exports,l),n.exports}l.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return l.d(o,{a:o}),o},l.d=function(t,o){for(var n in o)l.o(o,n)&&!l.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},l.o=function(t,o){return Object.prototype.hasOwnProperty.call(t,o)},l.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},l.nc=void 0;var s={};return function(){"use strict";l.r(s),l.d(s,{Button:function(){return m},default:function(){return y}});var t=l(5893),o=l(8156),n=l(670),r=l(5744),i=l.n(r),e=l(2788),a=l.n(e),u=l(3835),c=l.n(u),p=l(7371),d=l(2396),b=l.n(d),f=l(3054),g={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},v=function(){return v=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},v.apply(this,arguments)};l(5822);var h=function(){return h=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},h.apply(this,arguments)},x=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},m=function(r){var e=r.variant,u=void 0===e?"contained":e,l=r.size,s=void 0===l?"large":l,d=r.className,b=r.disabled,f=void 0!==b&&b,g=r.children,v=r.startIcon,m=r.endIcon,y=r.loading,j=void 0!==y&&y,w=r.toolTipTitle,O=void 0===w?"":w,k=r.TooltipProps,S=r.danger,P=void 0!==S&&S,N=x(r,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),T=(0,o.useState)(!1),C=T[0],_=T[1],E=function(o){if(!C)return"start"===o&&v?(0,t.jsx)("span",h({className:i()("btn-icon","start-icon")},{children:v})):"end"===o&&m?(0,t.jsx)("span",h({className:i()("btn-icon","end-icon")},{children:m})):null;if("object"==typeof j){var n=j.delay||0;setTimeout((function(){return _(!1)}),n)}return"start"===o?(0,t.jsx)("span",h({className:"btn-icon loading-icon"},{children:(0,t.jsx)(a(),{})})):null},z=(0,t.jsx)(n.Button,h({},N,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:i()("paraui-button",d,"paraui-button-".concat(u),"paraui-button-".concat(s),C&&"paraui-button-loading",P&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:E("start"),endIcon:E("end")},{children:g}));return(0,o.useEffect)((function(){_(!!j)}),[j]),f&&O?(0,t.jsx)(p.default,h({},k,{title:function(){if(f&&O){return(0,t.jsxs)("span",{children:[(0,t.jsx)(c(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),O]})}return O}()},{children:(0,t.jsx)("span",h({className:"paraui-button--disabled"},{children:z}))})):z};m.IconButton=function(r){var e=r.variant,u=void 0===e?"contained":e,l=r.size,s=void 0===l?"large":l,d=r.toolTipTitle,b=void 0===d?"":d,f=r.children,g=r.className,v=r.disabled,m=void 0!==v&&v,y=r.loading,j=void 0!==y&&y,w=r.TooltipProps,O=r.danger,k=void 0!==O&&O,S=x(r,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),P=(0,o.useState)(!1),N=P[0],T=P[1],C=(0,t.jsx)(n.IconButton,h({},S,{disabled:m,disableRipple:!0,className:i()("paraui-icon-button",g,"paraui-icon-button-".concat(u),"paraui-icon-button-".concat(s),N&&"paraui-icon-button-loading",k&&!m&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return f;if("object"==typeof j){var o=j.delay||0;setTimeout((function(){return T(!1)}),o)}return(0,t.jsx)("span",h({className:"loading-icon"},{children:(0,t.jsx)(a(),{})}))}()}));return(0,o.useEffect)((function(){T(!!j)}),[j]),b?(0,t.jsx)(p.default,h({},w,{title:function(){if(m&&b){return(0,t.jsxs)("span",{children:[(0,t.jsx)(c(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:m?(0,t.jsx)("span",h({className:"paraui-button--disabled"},{children:C})):C}),+N):C},m.SplitButton=function(r){var e=r.buttonText,a=r.options,u=void 0===a?[]:a,c=r.className,l=r.popperClassName,s=r.style,p=r.popperStyle,d=r.disabled,h=void 0!==d&&d,x=r.onClick,m=r.optionRender,j=r.placement,w=void 0===j?"bottom-end":j,O=r.buttonProps,k=r.iconButton,S=void 0!==k&&k,P=(0,f.Z)("Button",g),N=(0,o.useState)(!1),T=N[0],C=N[1],_=(0,o.useRef)(null),E=(0,o.useRef)(),z=(0,o.useRef)(),I=(0,o.useState)(),M=I[0],R=I[1],L=function(t,o,n){var r;t.disabled?n.stopPropagation():(R(o),C(!1),null===(r=E.current)||void 0===r||r.classList.remove("paraui-button-split--active"),null==x||x(t,n))},q=function(t){t.stopPropagation(),F();var o=t.currentTarget;z.current=window.setTimeout((function(){E.current=o,o.classList.add("paraui-button-split--active"),C(!0)}),150)},F=function(){z.current&&(clearTimeout(z.current),z.current=null)},A=function(t){var o,n;(null===(o=_.current)||void 0===o?void 0:o.contains(t.target))||(C(!1),null===(n=E.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},B=function(){return(0,t.jsx)("div",v({className:"paraui-button-split-list"},{children:(0,t.jsx)("ul",{children:u.map((function(o,n){return Array.isArray(o)?function(o,n){return(0,t.jsx)("li",v({className:"split-li-group"},{children:o.map((function(o,r){var e="".concat(n,"-").concat(r);return(0,t.jsx)("div",v({className:i()("split-li",e===M&&"split-li--active",o.disabled&&"split-li--disabled"),onClick:function(t){return L(o,e,t)}},{children:(null==m?void 0:m(o))||o.label}),e)}))}),n)}(o,n):(0,t.jsx)("li",v({className:i()("split-li",n===M&&"split-li--active",o.disabled&&"split-li--disabled"),onClick:function(t){return L(o,n,t)}},{children:(null==m?void 0:m(o))||o.label}),n)}))})}))};return(0,t.jsxs)("div",v({className:i()("paraui-button-split",c),ref:_,style:s,onMouseLeave:function(t){var o;t.stopPropagation(),F(),null===(o=t.currentTarget.firstElementChild)||void 0===o||o.classList.remove("paraui-button-split--active"),C(!1)}},{children:[S?(0,t.jsx)(y.IconButton,v({variant:"text",size:"small",disabled:h},O,{onMouseEnter:q},{children:null!=e?e:P({id:"moreActions"})})):(0,t.jsx)(y,v({variant:"outlined",size:"large",startIcon:(0,t.jsx)(b(),{}),disabled:h},O,{onMouseEnter:q},{children:null!=e?e:P({id:"moreActions"})})),(0,t.jsx)(n.Popper,v({open:T,anchorEl:_.current,transition:!0,placement:w,style:v({zIndex:1500},p),className:i()("paraui-button-split-popper",l)},{children:function(o){var r=o.TransitionProps;o.placement;return(0,t.jsx)(n.Grow,v({},r,{children:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(n.ClickAwayListener,v({onClickAway:A},{children:B()}))})}))}}))]}))};var y=m}(),s}()}));

package/Button/lang/en_US.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
-    moreActions: string;
-};
-export default _default;
+declare const _default: {
+    moreActions: string;
+};
+export default _default;

package/Button/lang/index.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-    zh: {
-        moreActions: string;
-    };
-    en: {
-        moreActions: string;
-    };
-};
-export default _default;
+declare const _default: {
+    zh: {
+        moreActions: string;
+    };
+    en: {
+        moreActions: string;
+    };
+};
+export default _default;

package/Button/lang/zh_CN.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
-    moreActions: string;
-};
-export default _default;
+declare const _default: {
+    moreActions: string;
+};
+export default _default;

package/ButtonGroup/index.d.ts

@@ -1,33 +1,33 @@
-/**
- * @author Hanz
- * @date 2021/8/4 上午10:21
- * @description 按钮组
- */
-import React, { FunctionComponent, ReactNode } from 'react';
-import { ButtonProps } from '../Button';
-import './index.scss';
-export interface ButtonItem extends ButtonProps {
-    /** 图标*/
-    icon?: ReactNode;
-    /** 文本*/
-    text?: ReactNode;
-    [key: string]: any;
-}
-export interface ButtonGroupProps {
-    /** 按钮组模式 */
-    mode?: 'icon' | 'iconSplit' | 'text';
-    /** 按钮组数据 */
-    data: ButtonItem[];
-    /** cls */
-    className?: string;
-    /** 显示tooltip */
-    showToolTip?: boolean;
-    /** 禁用按钮组 */
-    disabled?: boolean;
-    /**自定义样式*/
-    style?: React.CSSProperties;
-    /** onClick */
-    onClick?: (item: ButtonItem, event?: React.MouseEvent) => void;
-}
-export declare const ButtonGroup: FunctionComponent<ButtonGroupProps>;
-export default ButtonGroup;
+/**
+ * @author Hanz
+ * @date 2021/8/4 上午10:21
+ * @description 按钮组
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import './index.scss';
+export interface ButtonItem extends ButtonProps {
+    /** 图标*/
+    icon?: ReactNode;
+    /** 文本*/
+    text?: ReactNode;
+    [key: string]: any;
+}
+export interface ButtonGroupProps {
+    /** 按钮组模式 */
+    mode?: 'icon' | 'iconSplit' | 'text';
+    /** 按钮组数据 */
+    data: ButtonItem[];
+    /** cls */
+    className?: string;
+    /** 显示tooltip */
+    showToolTip?: boolean;
+    /** 禁用按钮组 */
+    disabled?: boolean;
+    /**自定义样式*/
+    style?: React.CSSProperties;
+    /** onClick */
+    onClick?: (item: ButtonItem, event?: React.MouseEvent) => void;
+}
+export declare const ButtonGroup: FunctionComponent<ButtonGroupProps>;
+export default ButtonGroup;