@para-ui/core 4.0.54 → 4.0.56

package/Argv/index.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { UUID, debounce } from '@paraview/lib';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-cd9ede02.js';
 import { TextField } from '../TextField/index.js';
 import { Modal } from '../Modal/index.js';
 import { Message } from '../Message/index.js';
@@ -29,17 +29,18 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../AutoTips/index.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
-import '@para-ui/icons/CloseCircleF';
 import '../Loading/index.js';
 import '../HelperText/index.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import 'rc-dialog';
 import '@para-ui/icons/Close';
 import 'react-dom';
-import '@para-ui/icons/CheckCircleF';
-import '@para-ui/icons/WarningCircleF';
 import '../Empty/index.js';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';

package/AutoButton/index.d.ts

@@ -5,6 +5,7 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { ButtonProps, IconButtonProps } from '../Button';
+import { PopConfirmProps } from '../PopConfirm';
 import { SplitButtonProps } from "../Button/SplitButton";
 import { Placement } from '../Dropdown';
 import './index.scss';
@@ -12,6 +13,8 @@ type TypeAutoButtonItemProps = ButtonProps | IconButtonProps | SplitButtonProps;
 interface AutoButtonItemOtherProps {
     /** 不传就是正常的按钮 */
     buttonType?: 'icon' | 'split';
+    /** 气泡确认框参数 */
+    popConfirmProps?: PopConfirmProps;
 }
 export type AutoButtonItemProps = TypeAutoButtonItemProps & AutoButtonItemOtherProps;
 export interface AutoButtonProps {

package/AutoButton/index.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment } from 'react';
-import { Button } from '../Button/index.js';
+import { B as Button, P as PopConfirm } from '../_verture/index-cd9ede02.js';
 import AutoTips from '../AutoTips/index.js';
 import MoreVert from '@para-ui/icons/MoreVert';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -9,12 +9,17 @@ import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-960e470e.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
+import '../_verture/usePopupContainer-635f66f4.js';
 import '@paraview/lib';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -55,13 +60,12 @@ const AutoButton = props => {
   const constData = useRef({
     timer: null
   });
+  useResizeObserver({
+    dom: comRef.current,
+    cb: () => changeSize()
+  });
   useEffect(() => {
     changeSize();
-    window.addEventListener('resize', changeSize);
-    return () => {
-      window.removeEventListener('resize', changeSize);
-      clearTimeout(constData.current.timer);
-    };
   }, [list]);
   const changeSize = () => {
     clearTimeout(constData.current.timer);
@@ -133,13 +137,13 @@ const AutoButton = props => {
         if (morePos !== null && morePos > index) return null;
         if (item.buttonType !== 'split') {
           return jsx(Fragment, {
-            children: renderMoreItem(item, 'children')
+            children: handlePopConfirm(item, renderMoreItem(item, 'children'))
           }, index);
         }
         return jsx(Fragment, {
           children: (_a = item.options) === null || _a === void 0 ? void 0 : _a.map((itemChild, inx) => {
             return jsx(Fragment, {
-              children: renderMoreItem(itemChild, 'label', item)
+              children: handlePopConfirm(itemChild, renderMoreItem(itemChild, 'label', item))
             }, index + '-' + inx);
           })
         }, index);
@@ -180,6 +184,15 @@ const AutoButton = props => {
       children: Dom
     }));
   };
+  /** 处理PopConfirm内容 */
+  const handlePopConfirm = (item, children) => {
+    if (item.popConfirmProps) {
+      return jsx(PopConfirm, Object.assign({}, item.popConfirmProps, {
+        children: children
+      }));
+    }
+    return children;
+  };
   return jsxs("div", Object.assign({
     className: clsx(className, "".concat($prefixCls, "-auto-button")),
     style: style,
@@ -188,9 +201,10 @@ const AutoButton = props => {
     children: [list.map((item, index) => {
       if (morePos !== null && morePos <= index) return null;
       const {
-          buttonType
+          buttonType,
+          popConfirmProps
         } = item,
-        otherItemProps = __rest(item, ["buttonType"]);
+        otherItemProps = __rest(item, ["buttonType", "popConfirmProps"]);
       let Dom = Button;
       const styleItem = {
         marginRight: morePos === index + 1 ? 0 : marginRight
@@ -203,9 +217,11 @@ const AutoButton = props => {
       if (buttonType === 'split') {
         Dom = Button.SplitButton;
       }
-      return jsx(Dom, Object.assign({}, otherItemProps, {
-        style: styleItem
-      }), index);
+      return jsx(Fragment, {
+        children: handlePopConfirm(item, jsx(Dom, Object.assign({}, otherItemProps, {
+          style: styleItem
+        })))
+      }, index);
     }), handleMoreBtn()]
   }));
 };

package/Button/SplitButton.d.ts

@@ -8,6 +8,7 @@ import { ButtonProps } from '../Button';
 import { Placement } from '../Dropdown';
 import { AutoTipsProps } from '../AutoTips';
 import { TooltipProps } from '../Tooltip';
+import { PopConfirmProps } from '../PopConfirm';
 import './index.scss';
 interface Option {
     /**
@@ -26,6 +27,8 @@ interface Option {
      * 禁用提示
      */
     disabledTooltip?: TooltipProps;
+    /** 气泡确认框参数 */
+    popConfirmProps?: PopConfirmProps;
     [name: string]: any;
 }
 type GroupOption = Array<Option>;
@@ -57,6 +60,8 @@ export interface SplitButtonProps {
     placement?: Placement;
     /** button props */
     buttonProps?: ButtonProps;
+    /** 前置图标 */
+    startIcon?: React.ReactNode;
     /**
      * click callback
      * @param option

package/Button/index.d.ts

@@ -39,6 +39,8 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
     href?: string;
     /** target */
     target?: string;
+    /** 禁用提示 */
+    disabledTooltip?: TooltipProps;
     [name: string]: any;
 }
 export interface IconButtonProps extends React.ButtonHTMLAttributes<any> {
@@ -67,6 +69,8 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<any> {
     href?: string;
     /** target */
     target?: string;
+    /** 禁用提示 */
+    disabledTooltip?: TooltipProps;
     [name: string]: any;
 }
 declare const InternalButton: FunctionComponent<ButtonProps>;

package/Button/index.js

@@ -1,360 +1,25 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
-import clsx from 'clsx';
-import LoadingOutlined from '@para-ui/icons/LoadingF';
-import { Tooltip } from '../Tooltip/index.js';
-import Down from '@para-ui/icons/Down';
-import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { D as Dropdown } from '../_verture/index-bde7aabe.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
-import AutoTips from '../AutoTips/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'clsx';
+import '@para-ui/icons/LoadingF';
+import '../Tooltip/index.js';
+export { B as Button, B as default } from '../_verture/index-cd9ede02.js';
+import '../_verture/constant-5317fc89.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '../_verture/style-inject.es-300983ab.js';
+import '@para-ui/icons/Down';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@paraview/lib';
+import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
-
-var en = {
-  moreActions: 'More actions'
-};
-
-var zh = {
-  moreActions: '更多操作'
-};
-
-var localeJson = {
-  zh: zh,
-  en: en
-};
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author 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  border: 1px solid rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n  background-color: rgb(87, 131, 235);\n  border: 1px solid rgba(255, 255, 255, 0);\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(92, 101, 115);\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  border: 1px solid rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n  background-color: rgb(246, 103, 103);\n  border: 1px solid rgba(255, 255, 255, 0);\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(92, 101, 115);\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(92, 101, 115);\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(92, 101, 115);\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(92, 101, 115);\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(92, 101, 115);\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(92, 101, 115);\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: 5px 10px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 20px;\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);
-
-//分体式按钮
-function SplitButton(props) {
-  const {
-    buttonText,
-    options = [],
-    className,
-    style,
-    disabled = false,
-    onClick,
-    optionRender,
-    placement = 'bottomLeft',
-    buttonProps,
-    iconButton = false,
-    popperStyle,
-    popperClassName = '',
-    getPopupContainer,
-    variant,
-    hideStartIcon,
-    optionMaxWidth = '500px',
-    optionTipsPlacement = 'top-start'
-  } = props;
-  const intl = useFormatMessage('Button', localeJson);
-  const btnRef = useRef();
-  // const [selectedIndex, setSelectedIndex] = useState<number | string>();
-  // button click
-  const handleButtonClick = (opt, index, event) => {
-    var _a;
-    if (opt.disabled) {
-      event.stopPropagation();
-      return;
-    }
-    // setSelectedIndex(index);
-    (_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove("".concat($prefixCls, "-button-split--active"));
-    onClick === null || onClick === void 0 ? void 0 : onClick(opt, event);
-  };
-  //渲染按钮列表
-  const renderButtonList = () => {
-    // 渲染item
-    const renderItem = item => {
-      const com = (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || jsx(AutoTips, Object.assign({
-        placement: optionTipsPlacement
-      }, {
-        children: item.label
-      }));
-      const {
-        disabled,
-        disabledTooltip
-      } = item;
-      if (disabled && disabledTooltip) {
-        return jsx(Tooltip, Object.assign({
-          disabled: true
-        }, disabledTooltip, {
-          children: (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || item.label
-        }));
-      }
-      return com;
-    };
-    //分组列表
-    const generateLiGroup = (opt, index) => {
-      return jsx("li", Object.assign({
-        className: 'split-li-group'
-      }, {
-        children: opt.map((gItem, gIndex) => {
-          const idx = "".concat(index, "-").concat(gIndex);
-          return jsx("div", Object.assign({
-            className: clsx('split-li',
-            //  idx === selectedIndex && 'split-li--active',
-            gItem.disabled ? 'split-li--disabled' : 'split-li--hover'),
-            style: {
-              maxWidth: optionMaxWidth
-            },
-            onClick: evt => handleButtonClick(gItem, idx, evt)
-          }, {
-            children: renderItem(gItem)
-          }), idx);
-        })
-      }), index);
-    };
-    return jsx("div", Object.assign({
-      className: "".concat($prefixCls, "-button-split-list")
-    }, {
-      children: jsx("ul", {
-        children: options.map((opt, index) => {
-          if (Array.isArray(opt)) {
-            //分组
-            return generateLiGroup(opt, index);
-          }
-          return jsx("li", Object.assign({
-            className: clsx('split-li',
-            // index === selectedIndex && 'split-li--active',
-            opt.disabled ? 'split-li--disabled' : 'split-li--hover'),
-            style: {
-              maxWidth: optionMaxWidth
-            },
-            onClick: evt => handleButtonClick(opt, index, evt)
-          }, {
-            children: renderItem(opt)
-          }), index);
-        })
-      })
-    }));
-  };
-  //渲染button
-  const renderButton = () => {
-    if (iconButton) {
-      if (variant) {
-        return jsx(Button.IconButton, Object.assign({
-          variant: variant,
-          size: 'small',
-          disabled: disabled
-        }, buttonProps, {
-          children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
-            id: 'moreActions'
-          })
-        }));
-      }
-      return jsx(Button.IconButton, Object.assign({
-        variant: 'text',
-        size: 'small',
-        disabled: disabled
-      }, buttonProps, {
-        children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
-          id: 'moreActions'
-        })
-      }));
-    }
-    return jsx(Button, Object.assign({
-      variant: variant || 'outlined',
-      size: 'large',
-      startIcon: hideStartIcon ? null : jsx(Down, {}),
-      disabled: disabled
-    }, buttonProps, {
-      children: buttonText !== null && buttonText !== void 0 ? buttonText : intl({
-        id: 'moreActions'
-      })
-    }));
-  };
-  return jsx("div", Object.assign({
-    className: clsx("".concat($prefixCls, "-button-split"), className),
-    style: style
-  }, {
-    children: jsx(Dropdown, Object.assign({
-      overlay: renderButtonList(),
-      placement: placement,
-      overlayStyle: popperStyle,
-      overlayClassName: popperClassName,
-      getPopupContainer: getPopupContainer
-    }, {
-      children: renderButton()
-    }))
-  }));
-}
-
-//按钮
-const InternalButton = props => {
-  const {
-      variant = 'contained',
-      size = 'large',
-      className,
-      disabled = false,
-      children,
-      startIcon,
-      endIcon,
-      loading = false,
-      toolTipTitle = '',
-      TooltipProps,
-      danger = false,
-      href,
-      target
-    } = props,
-    restProps = __rest(props, ["variant", "size", "className", "disabled", "children", "startIcon", "endIcon", "loading", "toolTipTitle", "TooltipProps", "danger", "href", "target"]);
-  const [hasLoading, setHasLoading] = useState(false);
-  const isLinkBtn = ('href' in props);
-  //cls
-  const makeCls = () => {
-    return clsx("".concat($prefixCls, "-button"), className, "".concat($prefixCls, "-button-").concat(variant), "".concat($prefixCls, "-button-").concat(size), hasLoading && "".concat($prefixCls, "-button-loading"), danger && !disabled && "".concat($prefixCls, "-button-dangerous"), isLinkBtn && "".concat($prefixCls, "-button-link"), isLinkBtn && disabled && "".concat($prefixCls, "-button-link-disabled"));
-  };
-  //渲染按钮图标
-  const renderBtnIcon = pos => {
-    if (!hasLoading) {
-      if (pos === 'start' && startIcon) return jsx("span", Object.assign({
-        className: 'button-icon'
-      }, {
-        children: startIcon
-      }));
-      if (pos === 'end' && endIcon) return jsx("span", Object.assign({
-        className: 'button-icon button-icon-end'
-      }, {
-        children: endIcon
-      }));
-      return null;
-    }
-    if (typeof loading === 'object') {
-      const delay = loading.delay || 0;
-      setTimeout(() => setHasLoading(false), delay);
-    }
-    if (pos === 'start') return jsx("span", Object.assign({
-      className: 'button-icon button-icon-loading'
-    }, {
-      children: jsx(LoadingOutlined, {})
-    }));
-    return null;
-  };
-  //按钮
-  const renderButton = () => {
-    if (isLinkBtn) {
-      return jsxs("a", Object.assign({}, restProps, {
-        href: href,
-        target: target,
-        className: makeCls()
-      }, {
-        children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
-          className: 'button-label'
-        }, {
-          children: children
-        })), renderBtnIcon('end')]
-      }));
-    }
-    return jsxs("button", Object.assign({
-      disabled: disabled,
-      type: "button",
-      className: makeCls()
-    }, restProps, {
-      children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
-        className: 'button-label'
-      }, {
-        children: children
-      })), renderBtnIcon('end')]
-    }));
-  };
-  useEffect(() => {
-    setHasLoading(!!loading);
-  }, [loading]);
-  return !!toolTipTitle ? jsx(Tooltip, Object.assign({
-    arrow: false,
-    placement: 'bottomLeft'
-  }, TooltipProps, {
-    disabled: disabled,
-    title: toolTipTitle
-  }, {
-    children: disabled ? jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-button--disabled")
-    }, {
-      children: renderButton()
-    })) : renderButton()
-  })) : renderButton();
-};
-//icon button
-const IconButton = props => {
-  const {
-      variant = 'contained',
-      size = 'large',
-      toolTipTitle = '',
-      children,
-      className,
-      disabled = false,
-      loading = false,
-      TooltipProps,
-      danger = false,
-      href,
-      target
-    } = props,
-    restProps = __rest(props, ["variant", "size", "toolTipTitle", "children", "className", "disabled", "loading", "TooltipProps", "danger", "href", "target"]);
-  const [hasLoading, setHasLoading] = useState(false);
-  const isLinkBtn = ('href' in props);
-  //cls
-  const makeCls = () => {
-    return clsx("".concat($prefixCls, "-button ").concat($prefixCls, "-icon-button"), className, "".concat($prefixCls, "-icon-button-").concat(variant), "".concat($prefixCls, "-icon-button-").concat(size), hasLoading && "".concat($prefixCls, "-icon-button-loading"), danger && !disabled && "".concat($prefixCls, "-icon-button-dangerous"), isLinkBtn && "".concat($prefixCls, "-button-link"), isLinkBtn && disabled && "".concat($prefixCls, "-button-link-disabled"));
-  };
-  //渲染图标
-  const renderIcon = () => {
-    if (!hasLoading) return children;
-    if (typeof loading === 'object') {
-      const delay = loading.delay || 0;
-      setTimeout(() => setHasLoading(false), delay);
-    }
-    return jsx("span", Object.assign({
-      className: 'button-loading-icon'
-    }, {
-      children: jsx(LoadingOutlined, {})
-    }));
-  };
-  //icon button
-  const renderIconButton = () => {
-    if (isLinkBtn) {
-      return jsx("a", Object.assign({}, restProps, {
-        href: href,
-        target: target,
-        className: makeCls()
-      }, {
-        children: renderIcon()
-      }));
-    }
-    return jsx("button", Object.assign({}, restProps, {
-      disabled: disabled,
-      type: "button",
-      className: makeCls()
-    }, {
-      children: renderIcon()
-    }));
-  };
-  useEffect(() => {
-    setHasLoading(!!loading);
-  }, [loading]);
-  return !!toolTipTitle ? jsx(Tooltip, Object.assign({
-    arrow: false,
-    placement: 'bottomLeft'
-  }, TooltipProps, {
-    disabled: disabled,
-    title: toolTipTitle
-  }, {
-    children: disabled ? jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-button--disabled")
-    }, {
-      children: renderIconButton()
-    })) : renderIconButton()
-  }), +hasLoading) : renderIconButton();
-};
-const Button = InternalButton;
-Button.IconButton = IconButton;
-Button.SplitButton = SplitButton;
-
-export { Button, Button as default };
+import '../AutoTips/index.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';

package/ButtonGroup/index.js

@@ -1,6 +1,6 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '../Button/index.js';
+import { B as Button } from '../_verture/index-cd9ede02.js';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -19,6 +19,10 @@ import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
 import '../AutoTips/index.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下午2:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-button-group {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v4-button-group .button-group-item {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-button-group.layout-vertical {\n  flex-direction: column;\n}\n.paraui-v4-button-group.layout-vertical .button-group-item {\n  flex-direction: column;\n}\n.paraui-v4-button-group.layout-vertical.paraui-v4-button-group-icon .button-group-item:not(:last-child) .paraui-v4-icon-button {\n  border-bottom: 1px solid rgb(212, 218, 227);\n  border-right: 0;\n}\n.paraui-v4-button-group.layout-vertical.paraui-v4-button-group-icon .button-group-item:first-child .paraui-v4-icon-button {\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v4-button-group.layout-vertical.paraui-v4-button-group-icon .button-group-item:last-child .paraui-v4-icon-button {\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v4-button-group-icon {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-button-group-icon .paraui-v4-icon-button {\n  border: none;\n  border-radius: 0;\n}\n.paraui-v4-button-group-icon .button-group-item:not(:last-child) .paraui-v4-icon-button {\n  border-right: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-group-icon .button-group-item:first-child .paraui-v4-icon-button {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v4-button-group-icon .button-group-item:last-child .paraui-v4-icon-button {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v4-button-group .text-icon {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  margin-right: 4px;\n}\n.paraui-v4-button-group .btn-padding {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v4-button-group .split-line {\n  width: 1px;\n  height: 12px;\n  background: rgb(212, 218, 227);\n}";
 styleInject(css_248z);