@para-ui/core 3.0.86 → 4.0.0-alpha

package/AutoBox/index.js

@@ -1,10 +1,10 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
 import { Popover } from '../Popover/index.js';
 import { createPortal } from 'react-dom';
 import { UUID } from '@paraview/lib';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import More from '@para-ui/icons/More';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -13,6 +13,7 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
+import '@para-ui/icons/Forbid';
 import '../_verture/usePopupContainer-87febeb9.js';
 
 var Protal = function Protal(props) {
@@ -107,7 +108,7 @@ var Protal = function Protal(props) {
   });
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-box {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.paraui-v3-auto-box > .auto-box-more {\n  display: inline-block;\n  height: 100%;\n  cursor: pointer;\n}\n\n.paraui-v3-auto-box-popover .auto-box-popover-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v3-protal-box {\n  position: fixed;\n  z-index: 1500;\n  inset: 0px;\n}\n.paraui-v3-protal-box .protal-mask {\n  z-index: -1;\n  position: fixed;\n  inset: 0px;\n  background-color: transparent;\n}\n.paraui-v3-protal-box .protal-content {\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  background-color: white;\n  outline: 0;\n  position: absolute;\n  max-width: calc(100% - 32px);\n  min-width: 16px;\n  max-height: calc(100% - 32px);\n  min-height: 16px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  opacity: 0;\n  transform: none;\n  transition: opacity 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 162ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-box {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.paraui-v4-auto-box > .auto-box-more {\n  display: inline-block;\n  height: 100%;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.paraui-v4-auto-box-popover .auto-box-popover-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-protal-box {\n  position: fixed;\n  z-index: 1500;\n  inset: 0px;\n}\n.paraui-v4-protal-box .protal-mask {\n  z-index: -1;\n  position: fixed;\n  inset: 0px;\n  background-color: transparent;\n}\n.paraui-v4-protal-box .protal-content {\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  background-color: white;\n  outline: 0;\n  position: absolute;\n  max-width: calc(100% - 32px);\n  min-width: 16px;\n  max-height: calc(100% - 32px);\n  min-height: 16px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  opacity: 0;\n  transform: none;\n  transition: opacity 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 162ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";
 styleInject(css_248z);
 
 var AutoBox = function AutoBox(props) {
@@ -127,20 +128,18 @@ var AutoBox = function AutoBox(props) {
     trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement;
-  var _useState = useState('auto-box-' + UUID()),
-    _useState2 = _slicedToArray(_useState, 1),
-    classOne = _useState2[0]; // 唯一class
-  var _useState3 = useState(null),
+  var comRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    morePos = _useState2[0],
+    setMorePos = _useState2[1]; // 超出在原始位置
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    morePos = _useState4[0],
-    setMorePos = _useState4[1]; // 超出在原始位置
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    openMoreCom = _useState6[0],
-    setOpenMoreCom = _useState6[1]; // 显示更多
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 1),
-    timer = _useState8[0];
+    openMoreCom = _useState4[0],
+    setOpenMoreCom = _useState4[1]; // 显示更多
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 1),
+    timer = _useState6[0];
   var posDom = useRef();
   // 监听打开更多
   useEffect(function () {
@@ -187,7 +186,7 @@ var AutoBox = function AutoBox(props) {
   var handMultiline = function handMultiline(index) {
     if (index === null || index === 0) return;
     if (index === undefined) index = list.length;
-    var boxDom = document.querySelector('.' + classOne);
+    var boxDom = comRef.current;
     if (!boxDom) return;
     if (boxDom.scrollWidth > boxDom.clientWidth) {
       var num = Number(index) - 1;
@@ -211,7 +210,6 @@ var AutoBox = function AutoBox(props) {
   // 处理class
   var handClass = function handClass() {
     var str = $prefixCls + '-auto-box';
-    if (classOne) str += ' ' + classOne;
     if (className) str += ' ' + className;
     return str;
   };
@@ -277,7 +275,8 @@ var AutoBox = function AutoBox(props) {
   };
   return jsxs("div", Object.assign({
     className: handClass(),
-    style: style
+    style: style,
+    ref: comRef
   }, {
     children: [list.map(function (item, index) {
       if (morePos !== null && morePos <= index) return null;

package/AutoTips/index.js

@@ -1,8 +1,8 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { Tooltip } from '../Tooltip/index.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { isIE } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -10,8 +10,9 @@ import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
+import '@para-ui/icons/Forbid';
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips-multiline {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box {\n  position: relative;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box > .hidden {\n  opacity: 0;\n  visibility: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: -100000;\n}\n.paraui-v3-auto-tips-multiline.paraui-v3-auto-tips-multiline-safari > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v3-auto-tips-multiline-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-tips-multiline {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box {\n  position: relative;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box > .hidden {\n  opacity: 0;\n  visibility: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: -100000;\n}\n.paraui-v4-auto-tips-multiline.paraui-v4-auto-tips-multiline-safari > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v4-auto-tips-multiline-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
 styleInject(css_248z$1);
 
 var AutoTipsMultiline = function AutoTipsMultiline(props) {
@@ -167,7 +168,7 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips.paraui-v3-auto-tips-safari > .auto-tips-content::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v3-auto-tips-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips.paraui-v4-auto-tips-safari > .auto-tips-content::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v4-auto-tips-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
 styleInject(css_248z);
 
 var AutoTips = function AutoTips(props) {

package/Breadcrumbs/index.js

@@ -1,12 +1,12 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -15,6 +15,7 @@ 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 '@paraview/lib';
 import '@para-ui/core/GlobalContext';
@@ -32,7 +33,7 @@ var localeJson = {
   en: 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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-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-v3-breadcrumbs > .breadcrumbs-list {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item {\n  padding: 0 4px;\n  border-radius: 2px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content {\n  white-space: nowrap;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  margin-right: 4px;\n  vertical-align: -2px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click .breadcrumbs-item-content {\n  cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-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-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .separator {\n  color: rgba(171, 176, 185, 0.4);\n  margin: 0 4px;\n  position: relative;\n  top: -1px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .line {\n  display: inline-block;\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.2);\n  margin: 0 8px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  height: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  padding: 0 4px;\n  border-radius: 2px;\n  cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  margin-right: 4px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content span {\n  white-space: nowrap;\n}\n.paraui-v3-breadcrumbs.paraui-v3-breadcrumbs-calculation {\n  overflow: hidden;\n  opacity: 0;\n}\n\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content {\n  padding: 8px 0;\n}\n.paraui-v3-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: 36px;\n  line-height: 36px;\n  padding: 0 12px;\n  color: rgb(46, 55, 67);\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item svg {\n  color: rgb(46, 55, 67);\n  margin-right: 4px;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click {\n  cursor: pointer;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled svg {\n  color: rgba(46, 55, 67, 0.4);\n}";
+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) {

package/Button/SplitButton.d.ts

@@ -6,6 +6,8 @@
 import React from 'react';
 import { ButtonProps } from '../Button';
 import { Placement } from '../Dropdown';
+import { AutoTipsProps } from '../AutoTips';
+import { TooltipProps } from "../Tooltip";
 import './index.scss';
 interface Option {
     /**
@@ -20,10 +22,21 @@ interface Option {
      * 禁用按钮
      */
     disabled?: boolean;
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
     [name: string]: any;
 }
 type GroupOption = Array<Option>;
 export interface SplitButtonProps {
+    variant?: 'contained' | 'outlined' | 'text';
+    /** 隐藏前置图标 */
+    hideStartIcon?: boolean;
+    /** 选项最大宽度 */
+    optionMaxWidth?: string | number;
+    /** 选项提示的方向 */
+    optionTipsPlacement?: AutoTipsProps['placement'];
     /**
      * 分体式按钮文本
      */

package/Button/index.d.ts

@@ -43,7 +43,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
 }
 export interface IconButtonProps extends React.ButtonHTMLAttributes<any> {
     /** 按钮形状 */
-    variant?: 'contained' | 'outlined' | 'text';
+    variant?: 'contained' | 'outlined' | 'text' | 'activate';
     size?: 'small' | 'medium' | 'large';
     /** tooltip title */
     toolTipTitle?: NonNullable<React.ReactNode>;

package/Button/index.js

@@ -1,5 +1,5 @@
-import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+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';
@@ -8,10 +8,11 @@ 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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
+import { D as Dropdown } from '../_verture/index-e9007d6a.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import AutoTips from '../AutoTips/index.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -34,7 +35,7 @@ var localeJson = {
   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 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--hover:active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--hover:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-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 10px;\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-v4-button .button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n  pointer-events: none;\n}\n.paraui-v4-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n  background-color: rgb(87, 131, 235);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n  background-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n  background-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-outlined {\n  color: rgb(29, 33, 38);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n  color: rgb(46, 101, 230);\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n  color: rgb(244, 66, 66);\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n  color: rgb(244, 66, 66);\n  border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n  color: rgb(46, 101, 230);\n  background-color: transparent;\n  border: none;\n}\n.paraui-v4-button-text:hover {\n  color: rgb(87, 131, 235);\n  background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: transparent;\n  border: none;\n  cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n  color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n  height: 32px;\n}\n.paraui-v4-button-medium {\n  height: 28px;\n}\n.paraui-v4-button-small {\n  height: 28px;\n}\n.paraui-v4-button--disabled {\n  display: inline-block;\n  cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n  pointer-events: none;\n}\n\n.paraui-v4-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-v4-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n  display: inline-flex;\n  animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n  color: inherit;\n  font-size: 500;\n}\n.paraui-v4-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n  background-color: rgb(87, 131, 235);\n  box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n  background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n  background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n  color: rgb(29, 33, 38);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n  color: rgb(46, 101, 230);\n  border-color: rgb(87, 131, 235);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n  color: rgb(244, 66, 66);\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n  color: rgb(244, 66, 66);\n  border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n  color: rgb(87, 131, 235);\n  background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n  pointer-events: none;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n  background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n  color: rgb(161, 168, 179);\n  pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n  color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n  font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n  font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n  color: rgb(29, 33, 38);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n  color: rgb(46, 101, 230);\n  border-color: rgb(87, 131, 235);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n  color: rgb(244, 66, 66);\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n  color: rgb(244, 66, 66);\n  border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-icon-button-medium {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-v4-button-split {\n  display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n  padding: 4px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n  padding: 8px 10px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: 8px;\n  right: 8px;\n  border-top: 1px solid rgb(234, 236, 241);\n}";
 styleInject(css_248z);
 
 //分体式按钮
@@ -56,7 +57,13 @@ function SplitButton(props) {
     popperStyle = props.popperStyle,
     _props$popperClassNam = props.popperClassName,
     popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
-    getPopupContainer = props.getPopupContainer;
+    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 [selectedIndex, setSelectedIndex] = useState<number | string>();
@@ -73,6 +80,24 @@ function SplitButton(props) {
   };
   //渲染按钮列表
   var renderButtonList = function renderButtonList() {
+    // 渲染item
+    var renderItem = function renderItem(item) {
+      var 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;
+      if (disabled && disabledTooltip) {
+        return jsx(Tooltip, Object.assign({
+          disabled: true
+        }, disabledTooltip, {
+          children: (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || item.label
+        }));
+      }
+      return com;
+    };
     //分组列表
     var generateLiGroup = function generateLiGroup(opt, index) {
       return jsx("li", Object.assign({
@@ -84,11 +109,14 @@ function SplitButton(props) {
             className: clsx('split-li',
             //  idx === selectedIndex && 'split-li--active',
             gItem.disabled ? 'split-li--disabled' : 'split-li--hover'),
+            style: {
+              maxWidth: optionMaxWidth
+            },
             onClick: function onClick(evt) {
               return handleButtonClick(gItem, idx, evt);
             }
           }, {
-            children: (optionRender === null || optionRender === void 0 ? void 0 : optionRender(gItem)) || gItem.label
+            children: renderItem(gItem)
           }), idx);
         })
       }), index);
@@ -106,11 +134,14 @@ function SplitButton(props) {
             className: clsx('split-li',
             // index === selectedIndex && 'split-li--active',
             opt.disabled ? 'split-li--disabled' : 'split-li--hover'),
+            style: {
+              maxWidth: optionMaxWidth
+            },
             onClick: function onClick(evt) {
               return handleButtonClick(opt, index, evt);
             }
           }, {
-            children: (optionRender === null || optionRender === void 0 ? void 0 : optionRender(opt)) || opt.label
+            children: renderItem(opt)
           }), index);
         })
       })
@@ -119,6 +150,17 @@ function SplitButton(props) {
   //渲染button
   var renderButton = function renderButton() {
     if (iconButton) {
+      if (variant) {
+        return jsx(Button.IconButton, Object.assign({
+          variant: variant,
+          size: "small",
+          disabled: disabled
+        }, buttonProps, {
+          children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
+            id: 'moreActions'
+          })
+        }));
+      }
       return jsx(Button.IconButton, Object.assign({
         variant: 'text',
         size: "small",
@@ -130,9 +172,9 @@ function SplitButton(props) {
       }));
     }
     return jsx(Button, Object.assign({
-      variant: 'outlined',
+      variant: variant || 'outlined',
       size: 'large',
-      startIcon: jsx(Down, {}),
+      startIcon: hideStartIcon ? null : jsx(Down, {}),
       disabled: disabled
     }, buttonProps, {
       children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
@@ -263,7 +305,7 @@ var InternalButton = function InternalButton(props) {
   }, [loading]);
   return disabled && toolTipTitle ? jsx(Tooltip, Object.assign({
     arrow: false,
-    placement: 'bottom'
+    placement: 'bottomLeft'
   }, TooltipProps, {
     title: generateTooltipTitle()
   }, {
@@ -358,7 +400,7 @@ var IconButton = function IconButton(props) {
   }, [loading]);
   return !!toolTipTitle ? jsx(Tooltip, Object.assign({
     arrow: false,
-    placement: 'bottom'
+    placement: 'bottomLeft'
   }, TooltipProps, {
     title: generateTooltipTitle()
   }, {

package/ButtonGroup/index.js

@@ -5,24 +5,25 @@ 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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-76060636.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/slicedToArray-a8206399.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
-import '../_verture/index-77f9e0fb.js';
+import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
+import '../AutoTips/index.js';
 import 'rc-tooltip';
 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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下午2:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-button-group {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v4-button-group-iconSplit .paraui-v4-icon-button:not(:last-child) {\n  margin-right: 8px;\n}\n.paraui-v4-button-group-iconSplit.paraui-v4-button-group-tooltip > span:not(:last-child) {\n  margin-right: 8px;\n}\n.paraui-v4-button-group-icon {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-button-group-icon .paraui-v4-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v4-button-group-icon .paraui-v4-icon-button:not(:last-child) {\n  border-right: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-group-icon .paraui-v4-icon-button:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v4-button-group-icon .paraui-v4-icon-button:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v4-button-group-icon.paraui-v4-button-group-tooltip > span .paraui-v4-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v4-button-group-icon.paraui-v4-button-group-tooltip > span:not(:last-child) .paraui-v4-icon-button {\n  border-right: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-group-icon.paraui-v4-button-group-tooltip > span:first-child .paraui-v4-icon-button {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v4-button-group-icon.paraui-v4-button-group-tooltip > span:last-child .paraui-v4-icon-button {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v4-button-group-text .paraui-v4-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v4-button-group-text .paraui-v4-button:not(:last-child) {\n  border-right: 1px solid rgb(212, 218, 227);\n}";
 styleInject(css_248z);
 
 //按钮组

package/Carousel/index.d.ts

@@ -3,12 +3,12 @@
  * @date 2022/2/28 上午11:02
  * @description Carousel
  */
-import React from 'react';
+import React from "react";
 import { Settings } from "react-slick";
-import './index.scss';
-export type CarouselEffect = 'scrollx' | 'fade';
-export type DotPosition = 'top' | 'bottom' | 'left' | 'right';
-export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
+import "./index.scss";
+export type CarouselEffect = "scrollx" | "fade";
+export type DotPosition = "top" | "bottom" | "left" | "right";
+export interface CarouselProps extends Omit<Settings, "dots" | "dotsClass"> {
     /** 动画效果函数 */
     effect?: CarouselEffect;
     /** style */

package/Carousel/index.js

@@ -1,14 +1,16 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import RightCircleF from '@para-ui/icons/RightCircleF';
+import LeftCircleF from '@para-ui/icons/LeftCircleF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-carousel {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v4-carousel .slick-arrow {\n  z-index: 1;\n  opacity: 0;\n}\n.paraui-v4-carousel .slick-arrow svg {\n  color: #a1a8b3;\n  font-size: 30px;\n}\n.paraui-v4-carousel:hover .slick-arrow {\n  opacity: 1;\n}\n.paraui-v4-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-v4-carousel .slick-list {\n  position: relative;\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n.paraui-v4-carousel .slick-list:focus {\n  outline: none;\n}\n.paraui-v4-carousel .slick-list.dragging {\n  cursor: pointer;\n}\n.paraui-v4-carousel .slick-list .slick-slide {\n  pointer-events: none;\n}\n.paraui-v4-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-v4-carousel .slick-list .slick-slide input.ant-checkbox-input {\n  visibility: hidden;\n}\n.paraui-v4-carousel .slick-list .slick-slide.slick-active {\n  pointer-events: auto;\n}\n.paraui-v4-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-v4-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n  visibility: visible;\n}\n.paraui-v4-carousel .slick-list .slick-slide > div > div {\n  vertical-align: bottom;\n}\n.paraui-v4-carousel .slick-slider .slick-track,\n.paraui-v4-carousel .slick-slider .slick-list {\n  transform: translate3d(0, 0, 0);\n  touch-action: pan-y;\n}\n.paraui-v4-carousel .slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n}\n.paraui-v4-carousel .slick-track::before,\n.paraui-v4-carousel .slick-track::after {\n  display: table;\n  content: \"\";\n}\n.paraui-v4-carousel .slick-track::after {\n  clear: both;\n}\n.paraui-v4-carousel .slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n.paraui-v4-carousel .slick-slide img {\n  display: block;\n}\n.paraui-v4-carousel .slick-slide.slick-loading img {\n  display: none;\n}\n.paraui-v4-carousel .slick-slide.dragging img {\n  pointer-events: none;\n}\n.paraui-v4-carousel .slick-initialized .slick-slide {\n  display: block;\n}\n.paraui-v4-carousel .slick-loading .slick-slide {\n  visibility: hidden;\n}\n.paraui-v4-carousel .slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n}\n.paraui-v4-carousel .slick-arrow.slick-hidden {\n  display: none;\n}\n.paraui-v4-carousel .slick-prev,\n.paraui-v4-carousel .slick-next {\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 30px;\n  height: 30px;\n  transform: translate(0, -50%);\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-v4-carousel .slick-prev:hover svg,\n.paraui-v4-carousel .slick-next:hover svg,\n.paraui-v4-carousel .slick-prev:focus svg,\n.paraui-v4-carousel .slick-next:focus svg {\n  color: #fff;\n}\n.paraui-v4-carousel .slick-prev.slick-disabled::before,\n.paraui-v4-carousel .slick-next.slick-disabled::before {\n  opacity: 0.25;\n}\n.paraui-v4-carousel .slick-prev {\n  left: 20px;\n}\n.paraui-v4-carousel .slick-next {\n  right: 20px;\n}\n.paraui-v4-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-v4-carousel .slick-dots-bottom {\n  bottom: 20px;\n}\n.paraui-v4-carousel .slick-dots-top {\n  top: 20px;\n  bottom: auto;\n}\n.paraui-v4-carousel .slick-dots li {\n  position: relative;\n  display: inline-block;\n  flex: 0 1 auto;\n  box-sizing: content-box;\n  width: 20px;\n  height: 4px;\n  margin: 0 2px;\n  margin-right: 5px;\n  margin-left: 5px;\n  padding: 0;\n  text-align: center;\n  text-indent: -999px;\n  vertical-align: top;\n  transition: all 0.5s;\n}\n.paraui-v4-carousel .slick-dots li button {\n  display: block;\n  width: 100%;\n  height: 4px;\n  padding: 0;\n  color: transparent;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  border: 0;\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0.3;\n  transition: all 0.5s;\n}\n.paraui-v4-carousel .slick-dots li button:hover,\n.paraui-v4-carousel .slick-dots li button:focus {\n  opacity: 0.75;\n}\n.paraui-v4-carousel .slick-dots li.slick-active {\n  width: 40px;\n}\n.paraui-v4-carousel .slick-dots li.slick-active button {\n  background: rgb(255, 255, 255);\n  opacity: 1;\n}\n.paraui-v4-carousel .slick-dots li.slick-active:hover,\n.paraui-v4-carousel .slick-dots li.slick-active:focus {\n  opacity: 1;\n}\n.paraui-v4-carousel .slick-loading .paraui-v4-carousel .slick-track {\n  visibility: hidden;\n}\n.paraui-v4-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-v4-carousel-vertical .slick-dots-left {\n  right: auto;\n  left: 20px;\n}\n.paraui-v4-carousel-vertical .slick-dots-right {\n  right: 20px;\n  left: auto;\n}\n.paraui-v4-carousel-vertical .slick-dots li {\n  width: 3px;\n  height: 16px;\n  margin: 4px 2px;\n  vertical-align: baseline;\n}\n.paraui-v4-carousel-vertical .slick-dots li button {\n  width: 3px;\n  height: 16px;\n}\n.paraui-v4-carousel-vertical .slick-dots li.slick-active {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v4-carousel-vertical .slick-dots li.slick-active button {\n  width: 3px;\n  height: 24px;\n}\n.paraui-v4-carousel-rtl {\n  direction: rtl;\n}\n.paraui-v4-carousel-rtl .paraui-v4-carousel .slick-track {\n  right: 0;\n  left: auto;\n}\n.paraui-v4-carousel-rtl .paraui-v4-carousel .slick-prev {\n  right: 20px;\n  left: auto;\n}\n.paraui-v4-carousel-rtl .paraui-v4-carousel .slick-next {\n  right: auto;\n  left: 20px;\n}\n.paraui-v4-carousel-rtl.paraui-v4-carousel .slick-dots {\n  flex-direction: row-reverse;\n}\n.paraui-v4-carousel-rtl.paraui-v4-carousel-vertical .slick-dots {\n  flex-direction: column;\n}";
 styleInject(css_248z);
 
 //Carousel
@@ -20,7 +22,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _props$draggable = props.draggable,
     draggable = _props$draggable === void 0 ? false : _props$draggable,
     _props$dotPosition = props.dotPosition,
-    dotPosition = _props$dotPosition === void 0 ? 'bottom' : _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();
@@ -49,16 +51,16 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   }, [props.children]);
   var newProps = Object.assign({}, restProps);
   //动画效果
-  if (newProps.effect === 'fade') {
+  if (newProps.effect === "fade") {
     newProps.fade = true;
   }
   var prefixCls = "".concat($prefixCls, "-carousel");
-  var dotsClass = 'slick-dots';
-  newProps.vertical = dotPosition === 'left' || dotPosition === 'right';
+  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);
+  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({
@@ -70,6 +72,16 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       dots: enableDots,
       dotsClass: dsClass,
       arrows: arrows,
+      nextArrow: jsx("div", Object.assign({
+        className: "btn-slick-next"
+      }, {
+        children: jsx(RightCircleF, {})
+      })),
+      prevArrow: jsx("div", Object.assign({
+        className: "btn-slick-next"
+      }, {
+        children: jsx(LeftCircleF, {})
+      })),
       draggable: draggable
     }))
   }));