@para-ui/core 4.0.0-beta → 4.0.0-rc.1

package/AutoBox/index.d.ts

@@ -4,7 +4,7 @@
  * @description 超出自适应盒子
  */
 import React, { FunctionComponent, ReactNode } from 'react';
-import { TooltipPlacement } from "../Tooltip/interface";
+import { TooltipPlacement } from '../Tooltip/interface';
 import './index.scss';
 export interface AutoBoxProps {
     /** 样式class */

package/AutoBox/index.js

@@ -26,7 +26,7 @@ var Protal = function Protal(props) {
     styleCom = _useState2[0],
     setStyleCom = _useState2[1];
   var constData = useRef({
-    uuid: $prefixCls + '-protal-box-content-' + UUID()
+    uuid: "".concat($prefixCls, "-protal-box-content-").concat(UUID())
   });
   var domRef = useRef();
   var contentRef = useRef();
@@ -56,7 +56,7 @@ var Protal = function Protal(props) {
   /** 全局监听点击事件 */
   var clickFunc = function clickFunc(e) {
     if (!constData.current) return;
-    var bol = closest(e.target, '.' + constData.current.uuid); // 是否存在下拉当中
+    var bol = closest(e.target, ".".concat(constData.current.uuid)); // 是否存在下拉当中
     if (!bol) onClose && onClose();
   };
   /** 处理内容的定位样式 */
@@ -83,8 +83,8 @@ var Protal = function Protal(props) {
   };
   /** 处理className */
   var handClass = function handClass() {
-    var str = $prefixCls + '-protal-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-protal-box");
+    if (className) str += " ".concat(className);
     return str;
   };
   var handContent = function handContent() {
@@ -95,7 +95,7 @@ var Protal = function Protal(props) {
       children: [jsx("div", {
         className: "protal-mask"
       }), jsx("div", Object.assign({
-        className: 'protal-content ' + constData.current.uuid,
+        className: "protal-content ".concat(constData.current.uuid),
         style: styleCom,
         ref: contentRef
       }, {
@@ -150,16 +150,16 @@ var AutoBox = function AutoBox(props) {
   useEffect(function () {
     if (props.showNum !== undefined) return;
     changeSize();
-    window.addEventListener("resize", changeSize);
+    window.addEventListener('resize', changeSize);
     return function () {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
       clearTimeout(timer.timer);
     };
   }, [list]);
   useEffect(function () {
     if (showNum !== undefined) {
       setMorePos(showNum);
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
     }
   }, [showNum]);
   useEffect(function () {
@@ -209,14 +209,14 @@ var AutoBox = function AutoBox(props) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-auto-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-auto-box");
+    if (className) str += " ".concat(className);
     return str;
   };
   // 处理handClassPopover
   var handClassPopover = function handClassPopover() {
-    var str = $prefixCls + '-auto-box-popover';
-    if (popoverClassName) str += ' ' + popoverClassName;
+    var str = "".concat($prefixCls, "-auto-box-popover");
+    if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   // 处理更多内容

package/AutoTips/autoTipsMultiline/index.d.ts

@@ -4,7 +4,7 @@
  * @description 超出多行显示
  */
 import { FunctionComponent } from 'react';
-import { AutoTipsProps } from "../index";
+import { AutoTipsProps } from '../index';
 import './index.scss';
 export interface AutoTipsMultilineProps extends Omit<AutoTipsProps, 'children'> {
     /** 内容 */

package/AutoTips/index.d.ts

@@ -4,7 +4,7 @@
  * @description 超出...
  */
 import React, { FunctionComponent, ReactNode } from 'react';
-import AutoTipsMultiline from "./autoTipsMultiline";
+import AutoTipsMultiline from './autoTipsMultiline';
 import './index.scss';
 export interface AutoTipsProps {
     /** 样式class */
@@ -18,7 +18,7 @@ export interface AutoTipsProps {
     /** 显示文字还是元素 */
     beyondText?: boolean;
     /** 定位方向 */
-    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top" | undefined;
+    placement?: 'top-start' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top' | undefined;
     /** 提示最大宽度 */
     tipMaxWidth?: number | string;
     /** interactive */

package/AutoTips/index.js

@@ -20,7 +20,7 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
     _props$arrow = props.arrow,
     arrow = _props$arrow === void 0 ? false : _props$arrow,
     _props$placement = props.placement,
-    placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
+    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
     _props$tips = props.tips,
     tips = _props$tips === void 0 ? '' : _props$tips,
     _props$className = props.className,
@@ -117,7 +117,7 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
   // 判断浏览器是否是safari
   var isSafari = function isSafari() {
     var userAgent = navigator.userAgent;
-    if (userAgent.indexOf("Safari") > -1) {
+    if (userAgent.indexOf('Safari') > -1) {
       return true;
     }
   };
@@ -128,9 +128,9 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-auto-tips-multiline';
-    if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-multiline-safari';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-auto-tips-multiline");
+    if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-multiline-safari");
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("div", Object.assign({
@@ -144,7 +144,7 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
       placement: placement,
       interactive: interactive,
       boundariesElement: 'viewport',
-      overlayClassName: $prefixCls + '-auto-tips-multiline-tooltip',
+      overlayClassName: "".concat($prefixCls, "-auto-tips-multiline-tooltip"),
       maxWidth: handMaxWidth()
     }, {
       children: jsxs("div", Object.assign({
@@ -176,7 +176,7 @@ var AutoTips = function AutoTips(props) {
     _props$arrow = props.arrow,
     arrow = _props$arrow === void 0 ? false : _props$arrow,
     _props$placement = props.placement,
-    placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
+    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
     _props$tips = props.tips,
     tips = _props$tips === void 0 ? '' : _props$tips,
     _props$className = props.className,
@@ -226,22 +226,22 @@ var AutoTips = function AutoTips(props) {
     setTTips(val);
   };
   // 处理最大宽度
-  var handMaxWidth = function handMaxWidth() {
-    if (tipMaxWidth) return tipMaxWidth;
-    return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
-  };
+  /*const handMaxWidth = () => {
+      if (tipMaxWidth) return tipMaxWidth;
+      return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
+  }*/
   // 判断浏览器是否是safari
   var isSafari = function isSafari() {
     var userAgent = navigator.userAgent;
-    if (userAgent.indexOf("Safari") > -1) {
+    if (userAgent.indexOf('Safari') > -1) {
       return true;
     }
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-auto-tips';
-    if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-safari';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-auto-tips");
+    if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-safari");
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("div", Object.assign({
@@ -256,8 +256,8 @@ var AutoTips = function AutoTips(props) {
       placement: placement,
       interactive: interactive,
       boundariesElement: 'viewport',
-      overlayClassName: $prefixCls + '-auto-tips-tooltip',
-      maxWidth: handMaxWidth()
+      overlayClassName: "".concat($prefixCls, "-auto-tips-tooltip"),
+      maxWidth: tipMaxWidth
     }, {
       children: jsx("div", Object.assign({
         className: "auto-tips-content",

package/Badge/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @author linhd
+ * @date 2023/10/23 14:19
+ * @description 消息角标
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+export interface BadgeProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 内容 */
+    children?: ReactNode;
+    /** 标记内容, 不传为圆点类型 */
+    sign?: ReactNode;
+    /** 背景色 */
+    backgroundColor?: string;
+    /** 文字色 */
+    color?: string;
+}
+export declare const Badge: FunctionComponent<BadgeProps>;
+export default Badge;

package/Badge/index.js

@@ -0,0 +1,54 @@
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import clsx from 'clsx';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-badge {\n  display: inline-block;\n  line-height: 1;\n  position: relative;\n}\n.paraui-v4-badge > .pos-box {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  transform-origin: 100% 0%;\n  height: 16px;\n  display: inline-block;\n  background-color: rgb(244, 66, 66);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-badge > .pos-box.dot {\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-badge > .pos-box.number, .paraui-v4-badge > .pos-box.text {\n  border-radius: 8px;\n  font-size: 12px;\n  min-width: 16px;\n  text-align: center;\n  line-height: 16px;\n  padding: 0 4px;\n  max-width: 60px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-badge > .pos-box.number > span, .paraui-v4-badge > .pos-box.text > span {\n  transform: scale(0.83);\n  display: inline-block;\n}";
+styleInject(css_248z);
+
+var Badge = function Badge(props) {
+  var className = props.className,
+    style = props.style,
+    children = props.children,
+    sign = props.sign,
+    backgroundColor = props.backgroundColor,
+    color = props.color;
+  // 判断数据类型
+  var handleType = function handleType() {
+    var type = _typeof(sign);
+    if (type === 'undefined') return 'dot';
+    if (type === 'number') return 'number';
+    return 'text';
+  };
+  var type = handleType();
+  // 标记内容
+  var handleSign = function handleSign() {
+    return jsxs("span", Object.assign({
+      className: "pos-box ".concat(type),
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      }
+    }, {
+      children: [type === 'number' && jsx("span", {
+        children: handleNumber()
+      }), type === 'text' && jsx("span", {
+        children: sign
+      })]
+    }));
+  };
+  // 处理number
+  var handleNumber = function handleNumber() {
+    if (Number(sign) > 999) return '999+';
+    return sign;
+  };
+  return jsxs("span", Object.assign({
+    className: clsx("".concat($prefixCls, "-badge"), "".concat($prefixCls, "-badge-").concat(type), className),
+    style: style
+  }, {
+    children: [children, handleSign()]
+  }));
+};
+
+export { Badge, Badge as default };

package/Breadcrumbs/index.js

@@ -82,10 +82,10 @@ var Breadcrumbs = function Breadcrumbs(props) {
   constData.current.isShrink = isShrink;
   constData.current.minNum = minNum;
   useEffect(function () {
-    window.addEventListener("resize", winResize);
+    window.addEventListener('resize', winResize);
     return function () {
       clearTimeout(constData.current.timer);
-      window.removeEventListener("resize", winResize);
+      window.removeEventListener('resize', winResize);
     };
   }, []);
   useEffect(function () {
@@ -114,7 +114,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
   };
   /** 去除遮罩 */
   var hideMask = function hideMask() {
-    boxRef.current.classList.remove($prefixCls + '-breadcrumbs-calculation');
+    boxRef.current.classList.remove("".concat($prefixCls, "-breadcrumbs-calculation"));
   };
   var changeSize = function changeSize(bol) {
     if (!constData.current.isShrink) return hideMask();
@@ -133,7 +133,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
     // 面包屑数组长度必须大于最少显示数
     if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask();
     // 隐藏到最小显示数,停止
-    boxRef.current.classList.add($prefixCls + '-breadcrumbs-calculation');
+    boxRef.current.classList.add("".concat($prefixCls, "-breadcrumbs-calculation"));
     constData.current.timer = setTimeout(function () {
       var boxWidth = boxRef.current.clientWidth;
       var listWidth = boxRef.current.querySelector('.breadcrumbs-list').clientWidth;
@@ -178,15 +178,15 @@ var Breadcrumbs = function Breadcrumbs(props) {
   };
   // 处理弹出框className
   var popoverHandClass = function popoverHandClass() {
-    var str = $prefixCls + '-breadcrumbs-popover';
-    if (popoverClassName) str += ' ' + popoverClassName;
+    var str = "".concat($prefixCls, "-breadcrumbs-popover");
+    if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   // 处理className
   var handClass = function handClass() {
-    var str = $prefixCls + '-breadcrumbs';
+    var str = "".concat($prefixCls, "-breadcrumbs");
     if (isShrink) str += " ".concat($prefixCls, "-breadcrumbs-shrink");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("div", Object.assign({

package/Button/SplitButton.d.ts

@@ -7,7 +7,7 @@ import React from 'react';
 import { ButtonProps } from '../Button';
 import { Placement } from '../Dropdown';
 import { AutoTipsProps } from '../AutoTips';
-import { TooltipProps } from "../Tooltip";
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
 interface Option {
     /**

package/Button/index.d.ts

@@ -5,7 +5,7 @@
  */
 import React, { FunctionComponent } from 'react';
 import { TooltipProps } from '../Tooltip';
-import SplitButton from "./SplitButton";
+import SplitButton from './SplitButton';
 import './index.scss';
 export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
     variant?: 'contained' | 'outlined' | 'text';

package/Button/index.js

@@ -35,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 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}";
+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  padding: unset;\n  margin: 0 10px;\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: 16px;\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(46, 101, 230);\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);
 
 //分体式按钮
@@ -50,7 +50,7 @@ function SplitButton(props) {
     onClick = props.onClick,
     optionRender = props.optionRender,
     _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomRight' : _props$placement,
+    placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
     buttonProps = props.buttonProps,
     _props$iconButton = props.iconButton,
     iconButton = _props$iconButton === void 0 ? false : _props$iconButton,
@@ -153,7 +153,7 @@ function SplitButton(props) {
       if (variant) {
         return jsx(Button.IconButton, Object.assign({
           variant: variant,
-          size: "small",
+          size: 'small',
           disabled: disabled
         }, buttonProps, {
           children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
@@ -163,7 +163,7 @@ function SplitButton(props) {
       }
       return jsx(Button.IconButton, Object.assign({
         variant: 'text',
-        size: "small",
+        size: 'small',
         disabled: disabled
       }, buttonProps, {
         children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({

package/Carousel/index.d.ts

@@ -3,12 +3,12 @@
  * @date 2022/2/28 上午11:02
  * @description Carousel
  */
-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 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'> {
     /** 动画效果函数 */
     effect?: CarouselEffect;
     /** style */

package/Carousel/index.js

@@ -22,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();
@@ -51,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({

package/Cascader/Cascader.d.ts

@@ -1,9 +1,9 @@
-import type { BuildInPlacements } from "@rc-component/trigger/lib/interface";
-import type { BaseSelectPropsWithoutPrivate, BaseSelectRef } from "rc-select";
-import type { Placement } from "rc-select/lib/BaseSelect";
-import * as React from "react";
-import { SHOW_CHILD, SHOW_PARENT } from "./utils/commonUtil";
-import { TooltipProps } from "../../src/Tooltip";
+import type { BuildInPlacements } from '@rc-component/trigger/lib/interface';
+import type { BaseSelectPropsWithoutPrivate, BaseSelectRef } from 'rc-select';
+import type { Placement } from 'rc-select/lib/BaseSelect';
+import * as React from 'react';
+import { SHOW_CHILD, SHOW_PARENT } from './utils/commonUtil';
+import { TooltipProps } from '../../src/Tooltip';
 export interface ShowSearchType<OptionType extends BaseOptionType = DefaultOptionType> {
     filter?: (inputValue: string, options: OptionType[], fieldNames: FieldNames) => boolean;
     render?: (inputValue: string, path: OptionType[], prefixCls: string, fieldNames: FieldNames) => React.ReactNode;
@@ -33,7 +33,7 @@ export interface DefaultOptionType extends BaseOptionType {
     disableCheckbox?: boolean;
     disableTitle?: string;
 }
-interface BaseCascaderProps<OptionType extends BaseOptionType = DefaultOptionType> extends Omit<BaseSelectPropsWithoutPrivate, "tokenSeparators" | "labelInValue" | "mode" | "showSearch"> {
+interface BaseCascaderProps<OptionType extends BaseOptionType = DefaultOptionType> extends Omit<BaseSelectPropsWithoutPrivate, 'tokenSeparators' | 'labelInValue' | 'mode' | 'showSearch'> {
     id?: string;
     prefixCls?: string;
     fieldNames?: FieldNames;
@@ -44,7 +44,7 @@ interface BaseCascaderProps<OptionType extends BaseOptionType = DefaultOptionTyp
     displayRender?: (label: string[], selectedOptions?: OptionType[]) => React.ReactNode;
     checkable?: boolean | React.ReactNode;
     showCheckedStrategy?: ShowCheckedStrategy;
-    expandTrigger?: "hover" | "click";
+    expandTrigger?: 'hover' | 'click';
     options?: OptionType[];
     optionsTitle?: Array<string | null>;
     /** @private Internal usage. Do not use in your production. */
@@ -85,10 +85,10 @@ export interface MultipleCascaderProps<OptionType extends BaseOptionType = Defau
     onChange?: OnMultipleChange<OptionType>;
 }
 export type CascaderProps<OptionType extends BaseOptionType = DefaultOptionType> = SingleCascaderProps<OptionType> | MultipleCascaderProps<OptionType>;
-export type InternalCascaderProps<OptionType extends BaseOptionType = DefaultOptionType> = Omit<SingleCascaderProps<OptionType> | MultipleCascaderProps<OptionType>, "onChange"> & {
+export type InternalCascaderProps<OptionType extends BaseOptionType = DefaultOptionType> = Omit<SingleCascaderProps<OptionType> | MultipleCascaderProps<OptionType>, 'onChange'> & {
     onChange?: (value: SingleValueType | SingleValueType[], selectOptions: OptionType[] | OptionType[][]) => void;
 };
-export type CascaderRef = Omit<BaseSelectRef, "scrollTo">;
+export type CascaderRef = Omit<BaseSelectRef, 'scrollTo'>;
 declare const Cascader: (<OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<CascaderProps<OptionType>> & {
     ref?: React.Ref<BaseSelectRef> | undefined;
 }) => React.ReactElement) & {

package/Cascader/OptionList/Column.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import type { DefaultOptionType, SingleValueType } from "../Cascader";
+import * as React from 'react';
+import type { DefaultOptionType, SingleValueType } from '../Cascader';
 export declare const FIX_LABEL = "__cascader_fix_label__";
 export interface ColumnProps {
     prefixCls: string;
@@ -18,4 +18,4 @@ export interface ColumnProps {
     searchValue?: string;
     titleIndex?: number;
 }
-export default function Column({ prefixCls, options, multiple, activeValue, prevValuePath, titleIndex, onToggleOpen, onSelect, onActive, checkedSet, loadingKeys, isSelectable, searchValue, }: ColumnProps): JSX.Element;
+export default function Column({ prefixCls, options, multiple, activeValue, prevValuePath, titleIndex, onToggleOpen, onSelect, onActive, checkedSet, loadingKeys, isSelectable, searchValue }: ColumnProps): JSX.Element;

package/Cascader/OptionList/index.d.ts

@@ -1,4 +1,4 @@
-import type { RefOptionListProps } from "rc-select/lib/OptionList";
-import * as React from "react";
+import type { RefOptionListProps } from 'rc-select/lib/OptionList';
+import * as React from 'react';
 declare const RefOptionList: React.ForwardRefExoticComponent<React.RefAttributes<RefOptionListProps>>;
 export default RefOptionList;

package/Cascader/index.d.ts

@@ -1,4 +1,4 @@
 import Cascader from './Cascader';
 import './index.scss';
-export type { CascaderProps, FieldNames, ShowSearchType, DefaultOptionType, BaseOptionType, SingleCascaderProps, MultipleCascaderProps, } from './Cascader';
+export type { CascaderProps, FieldNames, ShowSearchType, DefaultOptionType, BaseOptionType, SingleCascaderProps, MultipleCascaderProps } from './Cascader';
 export default Cascader;

package/Cascader/index.js

@@ -1,5 +1,5 @@
-import { C as Cascader } from '../_verture/index-68db2bc3.js';
-export { C as default } from '../_verture/index-68db2bc3.js';
+import { C as Cascader } from '../_verture/index-92e406f4.js';
+export { C as default } from '../_verture/index-92e406f4.js';
 import '../_verture/defineProperty-1d116156.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
@@ -11,7 +11,7 @@ import 'react';
 import 'react-dom';
 import 'rc-motion';
 import 'clsx';
-import '../_verture/typeof-b240b062.js';
+import '../_verture/typeof-c310ee4a.js';
 import 'rc-tree/lib/utils/conductUtil';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/Down';
@@ -27,3 +27,5 @@ import '@para-ui/icons';
 import '@para-ui/icons/LoadingF';
 import '../AutoTips/index.js';
 import '@paraview/lib';
+import '../_verture/useFormatMessage-703f8b20.js';
+import '@para-ui/core/GlobalContext';

package/Cascader/lang/en_US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    placeholder: string;
+    disableTilte: string;
+};
+export default _default;

package/Cascader/lang/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    zh: {
+        placeholder: string;
+        disableTilte: string;
+    };
+    en: {
+        placeholder: string;
+        disableTilte: string;
+    };
+};
+export default _default;

package/Cascader/lang/zh_CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    placeholder: string;
+    disableTilte: string;
+};
+export default _default;

package/Cascader/utils/treeUtil.d.ts

@@ -28,7 +28,7 @@ export declare function toPathOptions(valueCells: SingleValueType, options: Defa
     index: number;
     option: DefaultOptionType;
 }[];
-export declare function convertDataToEntities(dataNodes: DataNode[], { initWrapper, processEntity, onProcessFinished, externalGetKey, childrenPropName, fieldNames, }?: {
+export declare function convertDataToEntities(dataNodes: DataNode[], { initWrapper, processEntity, onProcessFinished, externalGetKey, childrenPropName, fieldNames }?: {
     initWrapper?: (wrapper: any) => Wrapper;
     processEntity?: (entity: DataEntity, wrapper: Wrapper) => void;
     onProcessFinished?: (wrapper: Wrapper) => void;