@para-ui/core 3.0.28 → 3.0.30

package/Button/index.js

@@ -1,5 +1,5 @@
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
@@ -8,14 +8,14 @@ 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 { $ 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 { D as Dropdown } from '../_verture/index-bbed73a3.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
+import { D as Dropdown } from '../_verture/index-be4faaee.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
@@ -36,44 +36,40 @@ var localeJson = {
 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 buttonLoadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-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-v3-button .button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-v3-button .button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-v3-button .button-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-button .button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-v3-button .button-icon-loading {\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-button-loading {\n  pointer-events: none;\n}\n.paraui-v3-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-button-contained.paraui-v3-button-link-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-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}\n.paraui-v3-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}\n.paraui-v3-button-outlined.paraui-v3-button-link-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous:hover {\n  color: rgb(235, 96, 84);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-text {\n  color: rgb(54, 102, 214);\n  background-color: transparent;\n  border: none;\n}\n.paraui-v3-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-link-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: none;\n  pointer-events: none;\n}\n.paraui-v3-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-large {\n  height: 36px;\n}\n.paraui-v3-button-medium {\n  height: 32px;\n}\n.paraui-v3-button-small {\n  height: 28px;\n}\n.paraui-v3-button--disabled {\n  display: inline-block;\n}\n\n.paraui-v3-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-v3-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-v3-icon-button-loading .button-loading-icon {\n  display: inline-flex;\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-icon-button svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-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}\n.paraui-v3-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-v3-icon-button-outlined.paraui-v3-button-link-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-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  cursor: default;\n  pointer-events: none;\n}\n.paraui-v3-icon-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous:hover {\n  color: rgb(235, 96, 84);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled {\n  pointer-events: none;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled:hover {\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large svg {\n  font-size: 28px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium svg {\n  font-size: 24px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-v3-icon-button-large {\n  width: 36px;\n  height: 36px;\n}\n.paraui-v3-icon-button-medium {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v3-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-v3-button-split {\n  display: inline-block;\n}\n.paraui-v3-button-split .paraui-v3-button-split--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list {\n  padding: 8px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li {\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-v3-button-split-list ul .split-li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 16px;\n}\n.paraui-v3-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;
+    _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
-
-
+    _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("".concat($prefixCls, "-button-split--active"));
     onClick === null || onClick === void 0 ? void 0 : onClick(opt, event);
-  }; //渲染按钮列表
-
-
+  };
+  //渲染按钮列表
   var renderButtonList = function renderButtonList() {
     //分组列表
     var generateLiGroup = function generateLiGroup(opt, index) {
@@ -93,7 +89,6 @@ function SplitButton(props) {
         })
       }), index);
     };
-
     return jsx("div", Object.assign({
       className: "".concat($prefixCls, "-button-split-list")
     }, {
@@ -103,7 +98,6 @@ function SplitButton(props) {
             //分组
             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) {
@@ -115,9 +109,8 @@ function SplitButton(props) {
         })
       })
     }));
-  }; //渲染button
-
-
+  };
+  //渲染button
   var renderButton = function renderButton() {
     if (iconButton) {
       return jsx(Button.IconButton, Object.assign({
@@ -130,7 +123,6 @@ function SplitButton(props) {
         })
       }));
     }
-
     return jsx(Button, Object.assign({
       variant: 'outlined',
       size: 'large',
@@ -142,7 +134,6 @@ function SplitButton(props) {
       })
     }));
   };
-
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-button-split"), className),
     style: style
@@ -156,40 +147,38 @@ 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,
-      restProps = __rest(props, ["variant", "size", "className", "disabled", "children", "startIcon", "endIcon", "loading", "toolTipTitle", "TooltipProps", "danger", "href", "target"]);
-
+    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,
+    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); //cls
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hasLoading = _useState2[0],
+    setHasLoading = _useState2[1];
+  var isLinkBtn = ('href' in props);
+  //cls
   var makeCls = function 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) {
     if (!hasLoading) {
       if (pos === 'start' && startIcon) return jsx("span", Object.assign({
@@ -204,23 +193,20 @@ var InternalButton = function InternalButton(props) {
       }));
       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: 'button-icon button-icon-loading'
     }, {
       children: jsx(LoadingOutlined, {})
     }));
     return null;
-  }; //tooltip title
-
-
+  };
+  //tooltip title
   var generateTooltipTitle = function generateTooltipTitle() {
     if (disabled && toolTipTitle) {
       var svgObj = {
@@ -234,11 +220,9 @@ var InternalButton = function InternalButton(props) {
         }), toolTipTitle]
       });
     }
-
     return toolTipTitle;
-  }; //按钮
-
-
+  };
+  //按钮
   var renderButton = function renderButton() {
     if (isLinkBtn) {
       return jsxs("a", Object.assign({}, restProps, {
@@ -253,7 +237,6 @@ var InternalButton = function InternalButton(props) {
         })), renderBtnIcon('end')]
       }));
     }
-
     return jsxs("button", Object.assign({}, restProps, {
       disabled: disabled,
       type: "button",
@@ -266,7 +249,6 @@ var InternalButton = function InternalButton(props) {
       })), renderBtnIcon('end')]
     }));
   };
-
   useEffect(function () {
     setHasLoading(!!loading);
   }, [loading]);
@@ -282,41 +264,37 @@ var InternalButton = function InternalButton(props) {
       children: renderButton()
     }))
   })) : renderButton();
-}; //icon button
-
-
+};
+//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,
-      restProps = __rest(props, ["variant", "size", "toolTipTitle", "children", "className", "disabled", "loading", "TooltipProps", "danger", "href", "target"]);
-
+    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,
+    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); //cls
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasLoading = _useState4[0],
+    setHasLoading = _useState4[1];
+  var isLinkBtn = ('href' in props);
+  //cls
   var makeCls = function 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"));
-  }; //tooltip title
-
-
+  };
+  //tooltip title
   var generateTooltipTitle = function generateTooltipTitle() {
     if (disabled && toolTipTitle) {
       var svgObj = {
@@ -330,29 +308,24 @@ var IconButton = function IconButton(props) {
         }), 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: 'button-loading-icon'
     }, {
       children: jsx(LoadingOutlined, {})
     }));
-  }; //icon button
-
-
+  };
+  //icon button
   var renderIconButton = function renderIconButton() {
     if (isLinkBtn) {
       return jsx("a", Object.assign({}, restProps, {
@@ -363,7 +336,6 @@ var IconButton = function IconButton(props) {
         children: renderIcon()
       }));
     }
-
     return jsx("button", Object.assign({}, restProps, {
       disabled: disabled,
       type: "button",
@@ -372,7 +344,6 @@ var IconButton = function IconButton(props) {
       children: renderIcon()
     }));
   };
-
   useEffect(function () {
     setHasLoading(!!loading);
   }, [loading]);
@@ -389,7 +360,6 @@ var IconButton = function IconButton(props) {
     })) : renderIconButton()
   }), +hasLoading) : renderIconButton();
 };
-
 var Button = InternalButton;
 Button.IconButton = IconButton;
 Button.SplitButton = SplitButton;

package/ButtonGroup/index.js

@@ -5,18 +5,18 @@ import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import Forbid from '@para-ui/icons/Forbid';
-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/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-d7722f4b.js';
+import '../_verture/slicedToArray-77980792.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-f4452258.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -24,19 +24,20 @@ import 'rc-tooltip/lib/placements';
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下午2:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-button-group {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-button-group-iconSplit .paraui-v3-icon-button:not(:last-child) {\n  margin-right: 8px;\n}\n.paraui-v3-button-group-iconSplit.paraui-v3-button-group-tooltip > span:not(:last-child) {\n  margin-right: 8px;\n}\n.paraui-v3-button-group-icon {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-button-group-icon .paraui-v3-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v3-button-group-icon .paraui-v3-icon-button:not(:last-child) {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-button-group-icon .paraui-v3-icon-button:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-button-group-icon .paraui-v3-icon-button:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-button-group-icon.paraui-v3-button-group-tooltip > span .paraui-v3-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v3-button-group-icon.paraui-v3-button-group-tooltip > span:not(:last-child) .paraui-v3-icon-button {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-button-group-icon.paraui-v3-button-group-tooltip > span:first-child .paraui-v3-icon-button {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-button-group-icon.paraui-v3-button-group-tooltip > span:last-child .paraui-v3-icon-button {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-button-group-text .paraui-v3-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v3-button-group-text .paraui-v3-button:not(:last-child) {\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n}";
 styleInject(css_248z);
 
+//按钮组
 var ButtonGroup = function ButtonGroup(props) {
   var _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'icon' : _props$mode,
-      _props$data = props.data,
-      data = _props$data === void 0 ? [] : _props$data,
-      className = props.className,
-      _props$showToolTip = props.showToolTip,
-      showToolTip = _props$showToolTip === void 0 ? false : _props$showToolTip,
-      onClick = props.onClick,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style; //tooltip title
-
+    mode = _props$mode === void 0 ? 'icon' : _props$mode,
+    _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    className = props.className,
+    _props$showToolTip = props.showToolTip,
+    showToolTip = _props$showToolTip === void 0 ? false : _props$showToolTip,
+    onClick = props.onClick,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    style = props.style;
+  //tooltip title
   var generateTooltipTitle = function generateTooltipTitle(disabled, title) {
     if (disabled && title) {
       var svgObj = {
@@ -50,22 +51,18 @@ var ButtonGroup = function ButtonGroup(props) {
         }), title]
       });
     }
-
     return title;
-  }; //渲染按钮组
-
-
+  };
+  //渲染按钮组
   var renderButtonGroup = function renderButtonGroup() {
     if (!data || !data.length) return null;
     return data.map(function (item, index) {
       var text = item.text,
-          _disabled = item.disabled;
-
+        _disabled = item.disabled;
       if (typeof _disabled === 'undefined') {
         _disabled = disabled;
         item.disabled = disabled;
       }
-
       if (showToolTip && ['icon', 'iconSplit'].includes(mode)) return jsx(Tooltip, Object.assign({
         title: generateTooltipTitle(_disabled, text)
       }, {
@@ -77,22 +74,19 @@ var ButtonGroup = function ButtonGroup(props) {
         children: generateButton(item)
       }, index);
     });
-  }; //按钮组点击
-
-
+  };
+  //按钮组点击
   var handleClickBubble = function handleClickBubble(data) {
     return function (evt) {
       onClick === null || onClick === void 0 ? void 0 : onClick(data, evt);
     };
-  }; //生成按钮
-
-
+  };
+  //生成按钮
   var generateButton = function generateButton(data) {
     var _a = data !== null && data !== void 0 ? data : {},
-        text = _a.text,
-        icon = _a.icon,
-        rest = __rest(_a, ["text", "icon"]);
-
+      text = _a.text,
+      icon = _a.icon,
+      rest = __rest(_a, ["text", "icon"]);
     switch (mode) {
       case 'text':
         return jsx(Button, Object.assign({
@@ -102,7 +96,6 @@ var ButtonGroup = function ButtonGroup(props) {
         }, rest, {
           children: text
         }));
-
       case 'icon':
         return jsx(Button.IconButton, Object.assign({
           onClick: handleClickBubble(data),
@@ -110,7 +103,6 @@ var ButtonGroup = function ButtonGroup(props) {
         }, rest, {
           children: icon
         }));
-
       case 'iconSplit':
         return jsx(Button.IconButton, Object.assign({
           onClick: handleClickBubble(data),
@@ -120,7 +112,6 @@ var ButtonGroup = function ButtonGroup(props) {
         }));
     }
   };
-
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-button-group"), "".concat($prefixCls, "-button-group-").concat(mode), className, showToolTip && "".concat($prefixCls, "-button-group-tooltip")),
     style: style

package/Carousel/index.d.ts

@@ -6,8 +6,8 @@
 import React from 'react';
 import { Settings } from "react-slick";
 import './index.scss';
-export declare type CarouselEffect = 'scrollx' | 'fade';
-export declare type DotPosition = 'top' | 'bottom' | 'left' | 'right';
+export type CarouselEffect = 'scrollx' | 'fade';
+export type DotPosition = 'top' | 'bottom' | 'left' | 'right';
 export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
     /** 动画效果函数 */
     effect?: CarouselEffect;

package/Carousel/index.js

@@ -1,35 +1,35 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import SlickCarousel from 'react-slick';
 import clsx from 'clsx';
-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/typeof-498dd2b1.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-carousel {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v3-carousel .slick-slider {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  touch-action: pan-y;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.paraui-v3-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-v3-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-v3-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-v3-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-v3-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-v3-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-v3-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-v3-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-v3-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-v3-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-v3-carousel .slick-slider .slick-track,\n.paraui-v3-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-v3-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-v3-carousel .slick-track::before,\n.paraui-v3-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-v3-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-v3-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-v3-carousel .slick-slide img {\n  display: block;\n}\n.paraui-v3-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-v3-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-v3-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-v3-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-v3-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-v3-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-v3-carousel .slick-prev,\n.paraui-v3-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-top: -10px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  line-height: 0;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v3-carousel .slick-prev:hover,\n.paraui-v3-carousel .slick-next:hover,\n.paraui-v3-carousel .slick-prev:focus,\n.paraui-v3-carousel .slick-next:focus {\n  color: transparent;\n  background: transparent;\n  outline: none;\n}\n.paraui-v3-carousel .slick-prev:hover::before,\n.paraui-v3-carousel .slick-next:hover::before,\n.paraui-v3-carousel .slick-prev:focus::before,\n.paraui-v3-carousel .slick-next:focus::before {\n  opacity: 1;\n}\n.paraui-v3-carousel .slick-prev.slick-disabled::before,\n.paraui-v3-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-v3-carousel .slick-prev {\n  left: -25px;\n}\n.paraui-v3-carousel .slick-prev::before {\n  content: \"←\";\n}\n.paraui-v3-carousel .slick-next {\n  right: -25px;\n}\n.paraui-v3-carousel .slick-next::before {\n  content: \"→\";\n}\n.paraui-v3-carousel .slick-dots {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex !important;\n  justify-content: center;\n  margin-right: 15%;\n  margin-left: 15%;\n  padding-left: 0;\n  list-style: none;\n}\n.paraui-v3-carousel .slick-dots-bottom {\n  bottom: 12px;\n}\n.paraui-v3-carousel .slick-dots-top {\n  top: 12px;\n  bottom: auto;\n}\n.paraui-v3-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 16px;\n  height: 3px;\n  margin: 0 2px;\n  margin-right: 3px;\n  margin-left: 3px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-v3-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 3px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 1px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-v3-carousel .slick-dots li button:hover,\n.paraui-v3-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-v3-carousel .slick-dots li.slick-active {\n  width: 24px;\n}\n.paraui-v3-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-v3-carousel .slick-dots li.slick-active:hover,\n.paraui-v3-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-v3-carousel .slick-loading .paraui-v3-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-v3-carousel-vertical .slick-dots {\n  top: 50%;\n  bottom: auto;\n  flex-direction: column;\n  width: 3px;\n  height: auto;\n  margin: 0;\n  transform: translateY(-50%);\n}\n.paraui-v3-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 12px;\n}\n.paraui-v3-carousel-vertical .slick-dots-right {\n  right: 12px;\n  left: auto;\n}\n.paraui-v3-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-v3-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-v3-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v3-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v3-carousel-rtl {\n  direction: rtl;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-prev {\n  right: -25px;\n  left: auto;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-prev::before {\n  content: \"→\";\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-next {\n  right: auto;\n  left: -25px;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-next::before {\n  content: \"←\";\n}\n.paraui-v3-carousel-rtl.paraui-v3-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-v3-carousel-rtl.paraui-v3-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
 styleInject(css_248z);
 
+//Carousel
 var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _props$dots = props.dots,
-      dots = _props$dots === void 0 ? true : _props$dots,
-      _props$arrows = props.arrows,
-      arrows = _props$arrows === void 0 ? false : _props$arrows,
-      _props$draggable = props.draggable,
-      draggable = _props$draggable === void 0 ? false : _props$draggable,
-      _props$dotPosition = props.dotPosition,
-      dotPosition = _props$dotPosition === void 0 ? 'bottom' : _props$dotPosition,
-      className = props.className,
-      restProps = __rest(props, ["dots", "arrows", "draggable", "dotPosition", "className"]);
-
-  var slickRef = React__default.useRef(); //切换到指定面板
-
+    dots = _props$dots === void 0 ? true : _props$dots,
+    _props$arrows = props.arrows,
+    arrows = _props$arrows === void 0 ? false : _props$arrows,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? false : _props$draggable,
+    _props$dotPosition = props.dotPosition,
+    dotPosition = _props$dotPosition === void 0 ? 'bottom' : _props$dotPosition,
+    className = props.className,
+    restProps = __rest(props, ["dots", "arrows", "draggable", "dotPosition", "className"]);
+  var slickRef = React__default.useRef();
+  //切换到指定面板
   var goTo = function goTo(slide) {
     var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     slickRef.current.slickGoTo(slide, dontAnimate);
-  }; //ref 绑定实例方法
-
-
+  };
+  //ref 绑定实例方法
   React__default.useImperativeHandle(ref, function () {
     return {
       goTo: goTo,
@@ -38,8 +38,8 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       play: slickRef.current.slickPlay,
       pause: slickRef.current.slickPause
     };
-  }, [slickRef.current]); //节点数量
-
+  }, [slickRef.current]);
+  //节点数量
   var prevCount = React__default.useRef(React__default.Children.count(props.children));
   React__default.useEffect(function () {
     if (prevCount.current !== React__default.Children.count(props.children)) {
@@ -47,20 +47,19 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       prevCount.current = React__default.Children.count(props.children);
     }
   }, [props.children]);
-  var newProps = Object.assign({}, restProps); //动画效果
-
+  var newProps = Object.assign({}, restProps);
+  //动画效果
   if (newProps.effect === 'fade') {
     newProps.fade = true;
   }
-
   var prefixCls = "".concat($prefixCls, "-carousel");
   var dotsClass = 'slick-dots';
-  newProps.vertical = dotPosition === 'left' || dotPosition === 'right'; //启用dots
-
-  var enableDots = !!dots; //dots cls
-
-  var dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className); //组件cls
-
+  newProps.vertical = dotPosition === 'left' || dotPosition === 'right';
+  //启用dots
+  var enableDots = !!dots;
+  //dots cls
+  var dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
+  //组件cls
   var cls = clsx(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-vertical"), newProps.vertical));
   return jsx("div", Object.assign({
     className: cls