@para-ui/core 3.0.86 → 4.0.0-beta

package/Title/index.d.ts

@@ -3,11 +3,23 @@
  * @date 2022/8/11 2:54 PM
  * @description 标题
  */
-import React, { FC, ReactNode } from 'react';
-import './index.scss';
+import React, { FC, ReactNode } from "react";
+import "./index.scss";
 export interface TitleProps {
     /** 标题 **/
     title: ReactNode;
+    /**
+     * 标题帮住提示
+     */
+    titleTooltip?: ReactNode;
+    /** 帮组提示方向 */
+    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
+    /** 提示箭头 */
+    arrow?: boolean;
+    /** 提示信息icon */
+    titoleTooltipIcon?: ReactNode;
+    /** 折叠内容 */
+    collapseContent?: ReactNode;
     /** 副标题 **/
     subTitle?: ReactNode;
     /** 图标 **/
@@ -20,7 +32,7 @@ export interface TitleProps {
         onClick?: React.MouseEventHandler<HTMLElement>;
     };
     /** 尺寸，仅在 icon 存在时有效 **/
-    size?: 'small' | 'medium' | 'large';
+    size?: "small" | "medium" | "large";
     /** cls */
     className?: string;
     /** style */

package/Title/index.js

@@ -1,49 +1,115 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import AutoTips from '../AutoTips/index.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import Help from '../Help/index.js';
+import { Collapse } from '../Collapse/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../Tooltip/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@paraview/lib';
+import '@para-ui/icons/Help';
+import 'rc-collapse';
+import '@para-ui/icons/Right';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-text {\n  margin-left: 4px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-title-collapse {\n  border-bottom: none;\n}\n.paraui-v4-title-collapse > .component-collapse-item {\n  border-top: none;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header {\n  flex-direction: row-reverse;\n  justify-content: space-between;\n  padding: 0;\n  padding-right: 16px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header .paraui-v4-title-content {\n  max-width: calc(100% - 32px);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header .collapse-svg-box {\n  color: rgb(29, 33, 38);\n  margin-right: 0;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover {\n  position: relative;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover > div {\n  z-index: 1;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover > .collapse-svg-box:hover {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover .title-link:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover::after {\n  position: absolute;\n  background-color: rgb(247, 248, 250);\n  content: \"\";\n  width: 100%;\n  height: calc(100% + 4px);\n  left: -10px;\n  border-radius: 4px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-content {\n  margin-top: 20px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-content > .component-collapse-content-box {\n  padding-left: 20px;\n}\n\n.paraui-v4-title .paraui-v4-title-content {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(46, 101, 230);\n  border-radius: 2px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-icon {\n  display: inline-flex;\n}\n.paraui-v4-title .paraui-v4-title-content .title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n.paraui-v4-title .paraui-v4-title-content .title-text .paraui-v4-help {\n  line-height: 11px;\n  font-size: 14px;\n  margin-left: 4px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-subtext {\n  margin-left: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-title .paraui-v4-title-content .title-link {\n  margin-left: 10px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  white-space: nowrap;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-large .title-icon svg {\n  font-size: 30px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-large .title-text {\n  font-size: 18px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-medium .title-icon svg {\n  font-size: 24px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-medium .title-text {\n  font-size: 500;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-small .title-icon svg {\n  font-size: 20px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-small .title-text {\n  margin-left: 4px;\n}";
 styleInject(css_248z);
 
+var Panel = Collapse.Panel;
+var MARGIN_WIDTH = 20 + 12;
 //标题
 var Title = function Title(props) {
   var title = props.title,
     subTitle = props.subTitle,
+    collapseContent = props.collapseContent,
     icon = props.icon,
     link = props.link,
     _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
+    size = _props$size === void 0 ? "medium" : _props$size,
     className = props.className,
+    titleTooltip = props.titleTooltip,
+    titoleTooltipIcon = props.titoleTooltipIcon,
+    placement = props.placement,
+    arrow = props.arrow,
     style = props.style;
+  var titleTextRef = useRef(null);
+  var linkTextRef = useRef(null);
+  var _useState = useState("calc(100% - 20px)"),
+    _useState2 = _slicedToArray(_useState, 2),
+    descWith = _useState2[0],
+    setDescWith = _useState2[1];
   //cls
-  var makeCls = clsx("".concat($prefixCls, "-title"), className, icon && "".concat($prefixCls, "-title-").concat(size));
-  return jsxs("div", Object.assign({
-    className: makeCls,
-    style: style
-  }, {
-    children: [icon ? jsx("span", Object.assign({
-      className: "title-icon"
-    }, {
-      children: icon
-    })) : jsx("span", {
-      className: "title-ink"
-    }), jsx("span", Object.assign({
-      className: "title-text"
+  var makeCls = clsx("".concat($prefixCls, "-title-content"), className, icon && "".concat($prefixCls, "-title-content-").concat(size));
+  var calcDescWidth = function calcDescWidth(titleWidth, linkWidth) {
+    var width = titleWidth + linkWidth + MARGIN_WIDTH;
+    setDescWith("calc(100% - ".concat(width, "px)"));
+  };
+  useEffect(function () {
+    var _a, _b;
+    var titleWidth = ((_a = titleTextRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+    var linkWidth = ((_b = linkTextRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
+    calcDescWidth(titleWidth, linkWidth);
+  }, [title, subTitle, link, collapseContent]);
+  var titleContent = function titleContent() {
+    return jsxs("div", Object.assign({
+      className: makeCls,
+      style: style
     }, {
-      children: title
-    })), subTitle && jsx("span", Object.assign({
-      className: "title-subtext"
-    }, {
-      children: subTitle
-    })), link && jsx("a", Object.assign({
-      className: "title-link",
-      target: link.target || '_blank',
-      href: link.href,
-      onClick: link.onClick
+      children: [icon ? jsx("span", Object.assign({
+        className: "title-icon"
+      }, {
+        children: icon
+      })) : jsx("span", {
+        className: "title-ink"
+      }), jsxs("span", Object.assign({
+        className: "title-text",
+        ref: titleTextRef
+      }, {
+        children: [title, titleTooltip && jsx(Help, Object.assign({
+          title: titleTooltip,
+          placement: placement,
+          arrow: arrow
+        }, {
+          children: titoleTooltipIcon
+        }))]
+      })), subTitle && jsx("span", Object.assign({
+        className: "title-subtext",
+        style: {
+          maxWidth: descWith
+        }
+      }, {
+        children: jsx(AutoTips, {
+          children: subTitle
+        })
+      })), link && jsx("a", Object.assign({
+        className: "title-link",
+        target: link.target || "_blank",
+        href: link.href,
+        onClick: link.onClick,
+        ref: linkTextRef
+      }, {
+        children: link.text
+      }))]
+    }));
+  };
+  return jsx("div", Object.assign({
+    className: "".concat($prefixCls, "-title")
+  }, {
+    children: collapseContent ? jsx(Collapse, Object.assign({
+      className: "".concat($prefixCls, "-title-collapse")
     }, {
-      children: link.text
-    }))]
+      children: jsx(Panel, Object.assign({
+        header: titleContent()
+      }, {
+        children: collapseContent
+      }), "1")
+    })) : titleContent()
   }));
 };
 

package/ToggleButton/ToggleButtonGroup.d.ts

@@ -10,6 +10,7 @@ export type ToggleButtonItemProps = {
     value: any;
     selected?: boolean;
     disabled?: boolean;
+    toolTipTitle?: NonNullable<React.ReactNode>;
     className?: string;
 };
 export interface ToggleButtonGroupProps {

package/ToggleButton/index.d.ts

@@ -23,6 +23,10 @@ export interface ToggleButtonProps {
      * 禁用
      */
     disabled?: boolean;
+    /**
+     * 禁用时提示文字 disabled 为true有效
+     */
+    toolTipTitle?: NonNullable<React.ReactNode>;
     /**
      * 是否选中
      */

package/ToggleButton/index.js

@@ -1,15 +1,15 @@
-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 { useRef } from 'react';
 import { Button } from '../Button/index.js';
 import { UUID } from '@paraview/lib';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import AutoTips from '../AutoTips/index.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/Forbid';
@@ -17,14 +17,14 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 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 '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-toggle-button.paraui-v3-button {\n  height: 30px;\n  padding: 0 20px;\n  color: rgb(46, 55, 67);\n  line-height: 30px;\n}\n.paraui-v3-toggle-button.paraui-v3-button:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v3-toggle-button .toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected:hover {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[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}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled]::before {\n  border-color: rgba(46, 55, 67, 0.4);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 10px solid rgb(54, 102, 214);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected::after {\n  content: \" \";\n  position: absolute;\n  bottom: 2px;\n  right: 3px;\n  width: 4px;\n  height: 8px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  border-radius: 2px;\n  transform: rotate(45deg);\n}\n.paraui-v3-toggle-button-disabled.paraui-v3-toggle-button {\n  color: rgba(46, 55, 67, 0.4);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n.paraui-v3-toggle-button-disabled.paraui-v3-toggle-button:hover {\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v3-togglebutton-group .paraui-v3-toggle-button {\n  margin: 0 10px;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button ~ .paraui-v3-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected {\n  color: rgb(54, 102, 214);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:not(:first-child)::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.4);\n  border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected::after {\n  display: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover[disabled] {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected[disabled]::before {\n  border-color: rgb(29, 33, 38);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected::after {\n  content: \" \";\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n  width: 3px;\n  height: 6px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  border-radius: 2px;\n  transform: rotate(45deg);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button .toggle-button-badge {\n  position: absolute;\n  right: 0;\n  bottom: 16px;\n}\n.paraui-v4-toggle-button .toggle-button-badge > div {\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: 8px solid rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button .toggle-button-badge > svg {\n  position: absolute;\n  top: 7px;\n  right: 1px;\n  color: #fff;\n  font-weight: 600;\n  width: 8px;\n  height: 8px;\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .paraui-v4-toggle-button {\n  margin: 0 10px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button ~ .paraui-v4-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:not(:first-child)::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected::after {\n  display: none;\n}";
 styleInject(css_248z);
 
 //切换按钮组
@@ -47,6 +47,9 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
   //多选
   var handleChange = function handleChange(evt, buttonValue) {
     if (!onChange) return;
+    if (!Array.isArray(value)) {
+      return;
+    }
     var index = value && (value === null || value === void 0 ? void 0 : value.indexOf(buttonValue));
     var newValue;
     if (value && index >= 0) {
@@ -109,14 +112,14 @@ var ToggleButton = function ToggleButton(props) {
     children = props.children,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
+    toolTipTitle = props.toolTipTitle,
     _props$selected = props.selected,
     selected = _props$selected === void 0 ? false : _props$selected,
     value = props.value;
     props.autoToolTipOverflow;
-    var _props$width = props.width,
-    width = _props$width === void 0 ? 120 : _props$width,
+    var width = props.width,
     onClick = props.onClick,
-    restProps = __rest(props, ["className", "style", "children", "disabled", "selected", "value", "autoToolTipOverflow", "width", "onClick"]);
+    restProps = __rest(props, ["className", "style", "children", "disabled", "toolTipTitle", "selected", "value", "autoToolTipOverflow", "width", "onClick"]);
   // const [hasTip, setHasTip] = useState<boolean>(false);
   var id = useRef(UUID()).current;
   var prefixCls = "".concat($prefixCls, "-toggle-button");
@@ -126,57 +129,16 @@ var ToggleButton = function ToggleButton(props) {
   var handleClick = function handleClick(evt) {
     if (onClick) onClick(evt, value);
   };
-  // useLayoutEffect(() => {
-  //     if (!autoToolTipOverflow) return;
-  //     let btn: HTMLButtonElement | null = document.querySelector(`[data-id="${id}"]`);
-  //     if (!btn) return;
-  //     let span: any = document.createElement('span');
-  //     span.textContent = children;
-  //     document.body.appendChild(span);
-  //     if (span.offsetWidth > (btn.offsetWidth - 16 * 2)) {
-  //         setHasTip(true);
-  //     }
-  //     span?.remove();
-  // }, []);
-  //渲染
-  // const renderToggleButton = () => {
-  //     let btn = (
-  //         <Button
-  //             data-id={id}
-  //             variant={'outlined'}
-  //             size={'medium'}
-  //             {...restProps}
-  //             style={{ width, ...style }}
-  //             className={makeCls}
-  //             disabled={disabled}
-  //             value={value}
-  //             onClick={handleClick}>
-  //             <span className={'toggle-button-text'}>
-  //                 {children}
-  //             </span>
-  //         </Button>
-  //     );
-  //     if (hasTip) {
-  //         return (
-  //             <Tooltip title={children as string}>
-  //                 <span className={`${prefixCls}-wrap`}>
-  //                     {btn}
-  //                 </span>
-  //             </Tooltip>
-  //         );
-  //     }
-  //     return btn;
-  // };
   return jsx(Button, Object.assign({
     "data-id": id,
-    variant: 'outlined',
-    size: 'medium'
+    variant: 'outlined'
   }, restProps, {
     style: Object.assign({
       width: width
     }, style),
     className: makeCls,
     disabled: disabled,
+    toolTipTitle: toolTipTitle,
     value: value,
     onClick: handleClick
   }, {

package/Tooltip/index.js

@@ -1,11 +1,12 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcTooltip from 'rc-tooltip';
 import { placements } from 'rc-tooltip/lib/placements';
 import clsx from 'clsx';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import Forbid from '@para-ui/icons/Forbid';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
@@ -19,7 +20,6 @@ var autoAdjustOverflowDisabled = {
   adjustX: 0,
   adjustY: 0
 };
-var targetOffset = [0, 0];
 //获得调整位置选项
 function getOverflowOptions(autoAdjustOverflow) {
   if (typeof autoAdjustOverflow === 'boolean') {
@@ -29,14 +29,11 @@ function getOverflowOptions(autoAdjustOverflow) {
 }
 //tooltip placement
 function getPlacements(config) {
-  var _config$arrowWidth = config.arrowWidth,
-    arrowWidth = _config$arrowWidth === void 0 ? 4 : _config$arrowWidth,
-    _config$horizontalArr = config.horizontalArrowShift,
+  var _config$horizontalArr = config.horizontalArrowShift,
     horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,
     _config$verticalArrow = config.verticalArrowShift,
     verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,
-    autoAdjustOverflow = config.autoAdjustOverflow,
-    arrowPointAtCenter = config.arrowPointAtCenter;
+    autoAdjustOverflow = config.autoAdjustOverflow;
   var placementMap = {
     left: {
       points: ['cr', 'cl'],
@@ -56,42 +53,39 @@ function getPlacements(config) {
     },
     topLeft: {
       points: ['bl', 'tc'],
-      offset: [-(horizontalArrowShift + arrowWidth), -8]
+      offset: [-horizontalArrowShift, -8]
     },
     leftTop: {
       points: ['tr', 'cl'],
-      offset: [-8, -(verticalArrowShift + arrowWidth)]
+      offset: [-8, -verticalArrowShift]
     },
     topRight: {
       points: ['br', 'tc'],
-      offset: [horizontalArrowShift + arrowWidth, -8]
+      offset: [horizontalArrowShift, -8]
     },
     rightTop: {
       points: ['tl', 'cr'],
-      offset: [8, -(verticalArrowShift + arrowWidth)]
+      offset: [8, -verticalArrowShift]
     },
     bottomRight: {
       points: ['tr', 'bc'],
-      offset: [horizontalArrowShift + arrowWidth, 8]
+      offset: [horizontalArrowShift, 8]
     },
     rightBottom: {
       points: ['bl', 'cr'],
-      offset: [8, verticalArrowShift + arrowWidth]
+      offset: [8, verticalArrowShift]
     },
     bottomLeft: {
       points: ['tl', 'bc'],
-      offset: [-(horizontalArrowShift + arrowWidth), 8]
+      offset: [-horizontalArrowShift, 8]
     },
     leftBottom: {
       points: ['br', 'cl'],
-      offset: [-8, verticalArrowShift + arrowWidth]
+      offset: [-8, verticalArrowShift]
     }
   };
   Object.keys(placementMap).forEach(function (key) {
-    placementMap[key] = arrowPointAtCenter ? Object.assign(Object.assign({}, placementMap[key]), {
-      overflow: getOverflowOptions(autoAdjustOverflow),
-      targetOffset: targetOffset
-    }) : Object.assign(Object.assign({}, placements[key]), {
+    placementMap[key] = Object.assign(Object.assign({}, placements[key]), {
       offset: getAlignOffset(key).offset,
       overflow: getOverflowOptions(autoAdjustOverflow)
     });
@@ -202,7 +196,7 @@ function getAlignOffset(place) {
   return offsetMap[mPlace];
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  line-height: 1.5715;\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n  position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n  display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n  display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-break: break-all;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  width: 22px;\n  height: 22px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  content: \"\";\n  border-radius: 0 0 2px;\n  pointer-events: none;\n  background: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background-repeat: no-repeat;\n  background-position: -10px -10px;\n  content: \"\";\n  clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  bottom: 0;\n  transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  left: 0;\n  transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  right: 0;\n  transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  top: 0;\n  transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n  animation-name: componentTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n  animation-name: componentTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentTooltipZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  line-height: 1.5715;\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  visibility: visible;\n}\n.paraui-v4-tooltip .component-tooltip-content {\n  position: relative;\n}\n.paraui-v4-tooltip.component-tooltip-hidden {\n  display: none;\n}\n.paraui-v4-tooltip .component-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-break: break-all;\n  background-color: rgba(29, 33, 38, 0.9);\n  border-radius: 4px;\n  line-height: 21px;\n}\n.paraui-v4-tooltip .component-tooltip-inner .disabled-svg {\n  font-size: 12px;\n  position: relative;\n  top: 1px;\n  margin-right: 4px;\n  color: rgb(255, 255, 255);\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n  animation-name: componentTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n  animation-name: componentTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentTooltipZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 //tooltip
@@ -242,10 +236,8 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   //tooltip 弹出位置
   var getTooltipPlacements = function getTooltipPlacements() {
     var builtinPlacements = props.builtinPlacements,
-      arrowPointAtCenter = props.arrowPointAtCenter,
       autoAdjustOverflow = props.autoAdjustOverflow;
     return builtinPlacements || getPlacements({
-      arrowPointAtCenter: arrowPointAtCenter,
       autoAdjustOverflow: autoAdjustOverflow
     });
   };
@@ -306,14 +298,15 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     isPopover = props.isPopover,
     followCursor = props.followCursor,
     maxWidth = props.maxWidth,
-    restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth"]);
+    disabled = props.disabled,
+    restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth", "disabled"]);
   var tempVisible = visible;
   if (!('visible' in props || 'open' in props) && isUntitled()) {
     //没有title必然不可见
     tempVisible = false;
   }
   //overlayCls
-  var overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName, !props.arrow && "".concat($prefixCls, "-tooltip-hide-arrow"));
+  var overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName);
   var mergeOverlayStyle = Object.assign({}, overlayStyle);
   if (maxWidth) {
     mergeOverlayStyle.maxWidth = maxWidth;
@@ -325,7 +318,11 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     getTooltipContainer: getPopupContainer,
     ref: ref || tRef,
     builtinPlacements: getTooltipPlacements(),
-    overlay: title,
+    overlay: jsxs(Fragment, {
+      children: [disabled && jsx(Forbid, {
+        className: 'disabled-svg'
+      }), title]
+    }),
     visible: tempVisible,
     align: {
       targetOffset: targetOffset
@@ -334,9 +331,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onPopupAlign: onPopupAlign,
     overlayStyle: mergeOverlayStyle,
     overlayInnerStyle: overlayInnerStyle,
-    arrowContent: props.arrow ? jsx("span", {
-      className: "".concat($rcPrefixCls, "-tooltip-arrow-content")
-    }) : null,
+    arrowContent: null,
     motion: {
       motionName: "".concat($rcPrefixCls, "-tooltip-zoom-big-fast"),
       motionDeadline: 1000
@@ -355,14 +350,13 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 });
 Tooltip.displayName = 'Tooltip';
 Tooltip.defaultProps = {
-  placement: 'top',
+  placement: 'topLeft',
   mouseEnterDelay: 0.1,
   mouseLeaveDelay: 0.1,
-  arrowPointAtCenter: false,
   autoAdjustOverflow: true,
-  arrow: false,
   defaultVisible: false,
-  followCursor: false
+  followCursor: false,
+  maxWidth: 500
 };
 
 export { Tooltip, Tooltip as default };

package/Tooltip/interface.d.ts

@@ -3,33 +3,27 @@
  * @date 2022/5/25 下午7:16
  * @description
  */
-import React from "react";
-import { TooltipProps as RcTooltipProps } from "rc-tooltip/lib/Tooltip";
+import React from 'react';
+import { TooltipProps as RcTooltipProps } from 'rc-tooltip/lib/Tooltip';
 export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start';
 export interface TooltipProps extends Partial<Omit<RcTooltipProps, 'children'>> {
     /** 提示文字 */
     title?: React.ReactNode;
-    /** style */
-    style?: React.CSSProperties;
-    /** cls */
-    className?: string;
     /** 位置 */
     placement?: TooltipPlacement;
-    /** 箭头是否指向目标元素中心 */
-    arrowPointAtCenter?: boolean;
     /** 被遮挡时自动调整位置 */
     autoAdjustOverflow?: boolean;
     /** 渲染容器 */
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     /** 子节点 */
     children?: React.ReactNode;
-    /** 是否显示箭头 */
-    arrow?: boolean;
     /** 控制浮层是否显示 */
     open?: boolean;
     /** 跟随光标移动 */
     followCursor?: boolean;
     /** 容器最大宽度 */
     maxWidth?: number | string;
+    /** 禁用标志 */
+    disabled?: boolean;
     [name: string]: any;
 }

package/Tooltip/utils.d.ts

@@ -1,15 +1,13 @@
 import { BuildInPlacements } from 'rc-trigger';
-import React from "react";
+import React from 'react';
 import { TooltipPlacement } from './interface';
 interface AdjustOverflow {
     adjustX?: 0 | 1;
     adjustY?: 0 | 1;
 }
 interface PlacementsConfig {
-    arrowWidth?: number;
     horizontalArrowShift?: number;
     verticalArrowShift?: number;
-    arrowPointAtCenter?: boolean;
     autoAdjustOverflow?: boolean | AdjustOverflow;
 }
 export default function getPlacements(config: PlacementsConfig): BuildInPlacements;

package/Transfer/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="sortablejs" />
-import { CSSProperties, ReactNode } from "react";
-import { ItemDataProps } from "./box";
-import "./style/index.scss";
+import { CSSProperties, ReactNode } from 'react';
+import { ItemDataProps } from './box';
+import './style/index.scss';
 /**
  * @description: 穿梭框
  * @param className{string} 类名