@para-ui/core 4.0.61 → 4.0.63

package/Menu/index.js

@@ -6,7 +6,7 @@ import Down from '@para-ui/icons/Down';
 import * as iconList from '@para-ui/icons';
 import { UUID, DeepClone } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import MenuMoreLine from '@para-ui/icons/IndentRightFill';
 import MenuLessLine from '@para-ui/icons/IndentLeftFill';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -18,6 +18,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 
 const Logo = props => {
   const {

package/Modal/index.js

@@ -2,14 +2,14 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Dialog from 'rc-dialog';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import Close from '@para-ui/icons/Close';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { g as getConfirmLocale, l as localeJson } from '../_verture/index-ca413216.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
@@ -26,6 +26,7 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/WarningCircle';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-confirm.paraui-v4-modal .paraui-v4-modal-body {\n  padding: 0;\n}\n.paraui-v4-confirm .confirm-wrapper {\n  width: 416px;\n  outline: none;\n}\n.paraui-v4-confirm .confirm-content {\n  position: relative;\n  padding: 16px;\n  border-radius: 8px;\n}\n.paraui-v4-confirm .confirm-content-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  border: none;\n}\n.paraui-v4-confirm .confirm-content-close svg {\n  font-size: 18px;\n}\n.paraui-v4-confirm .confirm-content-icon {\n  float: left;\n  margin-top: 2px;\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon svg {\n  font-size: 18px;\n  color: inherit;\n}\n.paraui-v4-confirm .confirm-content-icon--warn, .paraui-v4-confirm .confirm-content-icon-warning {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon--error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-confirm .confirm-content-icon--success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-confirm .confirm-content-icon--info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-confirm .confirm-content-body {\n  margin: 0 16px 0 26px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-confirm .confirm-content-body .confirm-body-title {\n  display: block;\n  margin-bottom: 10px;\n  font-size: 14px;\n  font-weight: 700;\n}\n.paraui-v4-confirm .confirm-content-actions {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
 styleInject(css_248z$1);

package/MultiBox/index.js

@@ -14,7 +14,12 @@ import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Forbid';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/useGlobalProps-4ae1a007.js';
@@ -22,13 +27,9 @@ import '../_verture/index-ca413216.js';
 import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
-import 'clsx';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Forbid';
 
 var en = {
   add: 'Newly Added'

package/OperateBtn/index.js

@@ -2,10 +2,10 @@ import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import More from '@para-ui/icons/More';
-import { B as Button, P as PopConfirm } from '../_verture/index-6bbcdc7f.js';
+import { B as Button, P as PopConfirm } from '../_verture/index-98ae8a30.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { Popover } from '../Popover/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import clsx from 'clsx';
@@ -24,6 +24,7 @@ import '@para-ui/icons/WarningCircleF';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/index-ca413216.js';
 
 var en = {

package/PageHeader/index.js

@@ -6,8 +6,8 @@ import * as iconList from '@para-ui/icons';
 import More from '@para-ui/icons/More';
 import { DeepClone, UUID } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
+import AutoTips from '../AutoTips/index.js';
 import Right from '@para-ui/icons/Right';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -27,6 +27,7 @@ import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
+import '../_verture/useResizeObserver-edda059a.js';
 
 /**
  * @description 处理菜单标签

package/Pagination/index.js

@@ -5,7 +5,7 @@ import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc8
 import { TextField } from '../TextField/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import Select from '../Select/index.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import NavigateBefore from '@para-ui/icons/Left';
 import PaginationCom from 'rc-pagination';
 import Right from '@para-ui/icons/Right';
@@ -25,7 +25,8 @@ import '@para-ui/icons/Help';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';

package/PopConfirm/index.js

@@ -5,7 +5,7 @@ import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
-export { P as PopConfirm, P as default } from '../_verture/index-6bbcdc7f.js';
+export { P as PopConfirm, P as default } from '../_verture/index-98ae8a30.js';
 import '../Tooltip/index.js';
 import 'clsx';
 import '../_verture/useFormatMessage-1fc7c957.js';
@@ -18,7 +18,8 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/PopMenu/index.js

@@ -8,11 +8,12 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-599cd94a.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
 import Right from '@para-ui/icons/Right';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import Help from '../Help/index.js';
 import '../_verture/usePopupContainer-635f66f4.js';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/QuickReply/index.js

@@ -3,11 +3,11 @@ import { useState, useRef } from 'react';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { d as dist } from '../_verture/index-0f5ee6f7.js';
-import { B as Button, P as PopConfirm } from '../_verture/index-6bbcdc7f.js';
+import { B as Button, P as PopConfirm } from '../_verture/index-98ae8a30.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { TextField } from '../TextField/index.js';
 import Empty from '../Empty/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import Plus from '@para-ui/icons/Plus';
 import Drag from '@para-ui/icons/Drag';
 import Delete from '@para-ui/icons/Delete';
@@ -43,6 +43,7 @@ import '../Loading/index.js';
 import '../HelperText/index.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '../_verture/index-ca413216.js';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var en = {
   back: 'Back',

package/README.md

@@ -1,3 +1,12 @@
+## 🎉 para-ui/core@4.0.63 发布
+
+🎁【Feature】
+- 【动态多值框-DynamicMultiBox】新增自定义操作按钮支持
+
+🎁【Feature】
+- 【国际化输入框-InputLang】增加长度限制参数
+- 【卡片-Card】修复外容器改变宽度，不重新计算
+
 ## 🎉 para-ui/core@4.0.61 发布
 
 🎁【Feature】

package/Result/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import Check from '@para-ui/icons/Check';
 import Close from '@para-ui/icons/Close';
 import Loading from '@para-ui/icons/Loading';
@@ -13,6 +13,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-result {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-result > .icon-box {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.paraui-v4-result > .icon-box > .icon-bg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n}\n.paraui-v4-result > .icon-box > .icon-bg > svg {\n  font-size: 40px;\n}\n.paraui-v4-result > .title {\n  color: rgb(29, 33, 38);\n  font-size: 18px;\n  font-weight: 700;\n  max-width: 100%;\n  margin-bottom: 4px;\n}\n.paraui-v4-result > .sub-title {\n  max-width: 100%;\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n  text-align: center;\n}\n.paraui-v4-result > .footer {\n  margin-top: 40px;\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg > svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg > svg {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z);

package/Search/index.js

@@ -17,7 +17,8 @@ import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';

package/Select/index.js

@@ -11,7 +11,7 @@ import Down from '@para-ui/icons/Down';
 import Check from '@para-ui/icons/Check';
 import SearchIcon from '@para-ui/icons/Search';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import { Popover } from '../Popover/index.js';
 import { Tooltip } from '../Tooltip/index.js';
@@ -29,6 +29,7 @@ import '@para-ui/icons/Forbid';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/LoadingF';
 
 var en = {

package/SelectInput/index.js

@@ -26,7 +26,8 @@ import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../Popover/index.js';

package/Selector/index.js

@@ -6,7 +6,7 @@ import { r as regenerator } from '../_verture/index-8ac46bd9.js';
 import { Radio } from '../Radio/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Popover } from '../Popover/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import Close from '@para-ui/icons/Close';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -30,6 +30,7 @@ import 'clsx';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
 import '../_verture/usePopupContainer-635f66f4.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/index-ca413216.js';
 import '../TextField/index.js';

package/SelectorPicker/index.js

@@ -5,7 +5,7 @@ import HelperText from '../HelperText/index.js';
 import Label from '../Label/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import Selector, { handFieldConfig } from '../Selector/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Popover } from '../Popover/index.js';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Down from '@para-ui/icons/Down';
@@ -38,6 +38,7 @@ import '@para-ui/icons/PreviewOpen';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '../_verture/index-ca413216.js';
 import '@para-ui/icons/Search';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Breadcrumbs/index.js';
 import '@para-ui/icons/More';
 import '@para-ui/icons/Return';

package/SingleBox/index.js

@@ -14,7 +14,12 @@ import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Forbid';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/useGlobalProps-4ae1a007.js';
@@ -22,13 +27,9 @@ import '../_verture/index-ca413216.js';
 import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
-import 'clsx';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Forbid';
 
 var en = {
   add: 'Newly Added'

package/Stepper/index.js

@@ -14,7 +14,7 @@ import Nine from '@para-ui/icons/Nine';
 import Check from '@para-ui/icons/Check';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import clsx from 'clsx';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import Close from '@para-ui/icons/Close';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Tooltip/index.js';
@@ -22,6 +22,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 
 //默认图标
 const Icons = {

package/Table/index.js

@@ -8,8 +8,8 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Popover } from '../Popover/index.js';
 import { Checkbox } from '../Checkbox/index.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
-import { A as AutoTips, u as useResizeObserver } from '../_verture/index-f62daef9.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
+import AutoTips from '../AutoTips/index.js';
 import Screen from '@para-ui/icons/ScreenF';
 import SolidArrowUp from '@para-ui/icons/UpTriangleF';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
@@ -27,6 +27,7 @@ import { Pagination } from '../Pagination/index.js';
 import { Loading } from '../Loading/index.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
 import ScrollBar from '../ScrollBar/index.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-edda059a.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';

package/Tabs/index.js

@@ -5,7 +5,7 @@ import RcTabs, { TabPane } from 'rc-tabs';
 import More from '@para-ui/icons/More';
 import Plus from '@para-ui/icons/Plus';
 import Close from '@para-ui/icons/Close';
-import { P as PopConfirm } from '../_verture/index-6bbcdc7f.js';
+import { P as PopConfirm } from '../_verture/index-98ae8a30.js';
 import { Radio } from '../Radio/index.js';
 import Help from '../Help/index.js';
 import clsx from 'clsx';
@@ -20,15 +20,16 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
 import '../Label/index.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
 import '../_verture/index-ca413216.js';
 
@@ -41,8 +42,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:29\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav {\n  height: 32px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-tab {\n  height: 24px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-nav-operations {\n  height: 100%;\n}\n\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:44\n* @description\n*/\n.paraui-v4-tabs.component-tabs-top, .paraui-v4-tabs.component-tabs-bottom {\n  flex-direction: column;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > div > .component-tabs-nav {\n  padding: 0 20px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > div > .component-tabs-nav {\n  padding: 20px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n  margin: 0 0 16px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n  position: absolute;\n  right: 0;\n  left: 0;\n  border-bottom: 1px solid rgb(234, 236, 241);\n  content: \"\";\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n  height: 1px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n  transition: width 0.3s, left 0.3s, right 0.3s;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  top: 0;\n  bottom: 0;\n  width: 30px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n  left: 0;\n  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  right: 0;\n  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before {\n  bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar {\n  bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n  order: 1;\n  margin-top: 16px;\n  margin-bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n  top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n  top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-content-holder {\n  order: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n  flex-direction: column;\n  min-width: 50px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab {\n  padding: 0 12px;\n  text-align: center;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin: 8px 0 0 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap {\n  flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  right: 0;\n  left: 0;\n  height: 30px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n  top: 0;\n  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  bottom: 0;\n  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after {\n  opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n  width: 1px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n  transition: height 0.3s, top 0.3s;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-operations {\n  flex: 1 0 auto;\n  flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar {\n  right: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder {\n  margin-left: -1px;\n  border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding-left: 20px;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n  order: 1;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n  left: 0;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder {\n  order: 0;\n  margin-right: -1px;\n  border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding-right: 20px;\n}\n\n.component-tabs-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  z-index: 1050;\n  display: block;\n}\n.component-tabs-dropdown.component-tabs-dropdown-hidden {\n  display: none;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu {\n  max-height: 200px;\n  margin: 0;\n  padding: 4px 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-align: left;\n  list-style-type: none;\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item {\n  display: flex;\n  align-items: center;\n  min-width: 140px;\n  margin: 0;\n  padding: 5px 10px;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 20px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help {\n  display: inline-flex;\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help {\n  display: inline-flex;\n  margin-left: 4px;\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help svg {\n  color: inherit;\n  font-size: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item > span {\n  flex: 1;\n  white-space: nowrap;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove {\n  flex: none;\n  margin-left: 12px;\n  margin-top: 2px;\n  color: rgb(92, 101, 115);\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove svg {\n  color: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove:hover {\n  color: rgb(87, 131, 235);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled,\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled:hover {\n  color: rgb(161, 168, 179);\n  background: transparent;\n  cursor: not-allowed;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tabs-slide-up-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tabs-slide-up-enter.component-tabs-slide-up-enter-active,\n.component-tabs-slide-up-appear.component-tabs-slide-up-appear-active {\n  animation-name: componentTabsSlideUpIn;\n  animation-play-state: running;\n}\n\n.component-tabs-slide-up-leave.component-tabs-slide-up-leave-active {\n  animation-name: componentTabsSlideUpOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.component-tabs-slide-up-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n\n@keyframes componentTabsSlideUpIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n}\n@keyframes componentTabsSlideUpOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n}\n.paraui-v4-tabs {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 1.5715;\n  display: flex;\n  background-color: rgb(255, 255, 255);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav {\n  position: relative;\n  display: flex;\n  flex: none;\n  align-items: center;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap {\n  position: relative;\n  display: flex;\n  flex: auto;\n  align-self: stretch;\n  overflow: hidden;\n  white-space: nowrap;\n  transform: translate(0);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.3s;\n  content: \"\";\n  pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-list {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  transition: transform 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations {\n  display: flex;\n  align-self: stretch;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations-hidden, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more {\n  position: relative;\n  padding: 8px;\n  background: transparent;\n  border: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more:hover svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more:hover svg {\n  color: rgb(46, 101, 230);\n  transition: all 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more svg {\n  font-size: 18px;\n  vertical-align: top;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 5px;\n  transform: translateY(100%);\n  content: \"\";\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add {\n  min-width: 40px;\n  margin-left: 2px;\n  padding: 0 8px;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n  color: rgb(29, 33, 38);\n  outline: none;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add svg {\n  color: inherit;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:hover, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:hover {\n  color: rgb(46, 101, 230);\n  border: 1px solid rgb(87, 131, 235);\n}\n.paraui-v4-tabs .component-tabs-extra-content {\n  flex: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-centered > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.paraui-v4-tabs-centered > div > .component-tabs-nav .component-tabs-nav-wrap {\n  justify-content: center;\n}\n.paraui-v4-tabs .component-tabs-ink-bar {\n  position: absolute;\n  background: rgb(46, 101, 230);\n  pointer-events: none;\n}\n.paraui-v4-tabs .component-tabs-tab {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  height: 40px;\n  padding: 0 10px;\n  font-size: 14px;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v4-tabs .component-tabs-tab:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-btn {\n  outline: none;\n  transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help {\n  display: inline-flex;\n  margin-left: 4px;\n  font-size: 16px;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help svg {\n  margin-right: 0;\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .paraui-v4-radio {\n  margin-right: 8px;\n}\n.paraui-v4-tabs .component-tabs-tab-remove {\n  display: inline-flex;\n  flex: none;\n  margin-right: -4px;\n  margin-left: 4px;\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  background: transparent;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-remove:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-remove svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-remove span {\n  display: inline-flex;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active {\n  color: rgb(46, 101, 230);\n  font-weight: 400;\n  text-shadow: 0 0 0.25px currentcolor;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active .component-tabs-tab-btn {\n  color: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-disabled {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-tabs .component-tabs-tab .component-tabs-tab-remove svg {\n  margin: 0;\n}\n.paraui-v4-tabs .component-tabs-tab svg {\n  margin-right: 12px;\n}\n.paraui-v4-tabs .component-tabs-tab + .component-tabs-tab {\n  margin: 0;\n}\n.paraui-v4-tabs .component-tabs-content {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-tabs .component-tabs-content-holder {\n  flex: auto;\n  min-width: 0;\n  min-height: 0;\n}\n.paraui-v4-tabs .component-tabs-content-animated {\n  transition: margin 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tabpane {\n  flex: none;\n  width: 100%;\n  outline: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-line .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-nav .component-tabs-nav-add {\n  min-width: initial;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  align-self: center;\n  margin-left: 10px;\n  padding: 0;\n  background-color: rgb(255, 255, 255);\n  border-color: rgb(212, 218, 227);\n  border-radius: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track {\n  display: inline-flex;\n  max-width: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav {\n  height: 36px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-wrap {\n  padding: 0 4px;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add {\n  margin-right: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav:before {\n  display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-ink-bar {\n  visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab {\n  height: 28px;\n  margin: 4px 0;\n  padding: 0 10px;\n  border-radius: 2px;\n  transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n  color: rgb(46, 101, 230);\n  text-shadow: none;\n  background-color: rgb(255, 255, 255);\n  font-weight: 400;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-nav {\n  max-width: 200px;\n  height: auto;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-content-holder, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-content-holder {\n  border-left: 0;\n  border-right: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track .component-tabs-nav {\n  border-radius: 4px;\n}\n.paraui-v4-tabs.component-tabs.paraui-v4-tabs-track > .component-tabs-nav .component-tabs-nav-more {\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab {\n  margin: 0;\n  padding: 0 10px;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove {\n  margin-left: 8px;\n  font-size: 14px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab-active {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-ink-bar {\n  visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin-left: 0;\n  border-left: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:first-child {\n  border-top-left-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:nth-last-child(2) {\n  border-top-right-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab-active {\n  border-bottom-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab-active {\n  border-top-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin-top: 0;\n  border-top: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab-active {\n  border-right-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab-active {\n  border-left-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right .component-tabs-nav .component-tabs-nav-add {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left .component-tabs-nav .component-tabs-nav-add {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav:before {\n  display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab {\n  border: 0;\n  transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n  border-radius: 4px 4px 0 0;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-content {\n  margin-top: -16px;\n  padding: 16px;\n  background-color: rgb(247, 248, 250);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-no-child:not(.paraui-v4-tabs-card-container) .component-tabs-nav {\n  margin: 0;\n}";

package/Tag/index.js

@@ -8,7 +8,7 @@ import { _ as _toConsumableArray } from '../_verture/toConsumableArray-599cd94a.
 import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { t as tinycolor } from '../_verture/tinycolor-ece3542d.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -18,6 +18,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/index-ca413216.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/1/12 上午9:43\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tag-outline.paraui-v4-tag {\n  border: 0.5px solid rgb(92, 101, 115);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-blue {\n  border: 0.5px solid rgb(46, 101, 230);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-green {\n  border: 0.5px solid rgb(19, 191, 76);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-yellow {\n  border: 0.5px solid rgb(255, 147, 38);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-red {\n  border: 0.5px solid rgb(244, 66, 66);\n}\n\n.paraui-v4-tag-edit-input {\n  height: 24px;\n  align-self: flex-start;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  text-indent: 8px;\n  border: 1px solid rgb(46, 101, 230);\n  border-radius: 4px;\n}\n\n.paraui-v4-tag {\n  vertical-align: bottom;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 100%;\n  height: 24px;\n  padding: 0 10px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n  background: rgb(234, 236, 241);\n  border-radius: 2px;\n  line-height: 18px;\n}\n.paraui-v4-tag .tag-custom-icon:hover {\n  background: none !important;\n  cursor: default;\n}\n.paraui-v4-tag .tag-close-icon:hover {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-tag .tag-edit-icon {\n  display: flex;\n}\n.paraui-v4-tag.paraui-v4-tag-small {\n  height: 20px;\n  font-size: 12px;\n  padding: 0 6px;\n}\n.paraui-v4-tag.paraui-v4-tag-small > svg {\n  font-size: 12px;\n}\n.paraui-v4-tag.paraui-v4-tag-small > svg + .paraui-v4-auto-tips {\n  margin-left: 2px;\n}\n.paraui-v4-tag.paraui-v4-tag-small .tag-close-icon {\n  margin-left: 2px;\n}\n.paraui-v4-tag.paraui-v4-tag-small .tag-edit-icon {\n  font-size: 12px;\n}\n.paraui-v4-tag > svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v4-tag .tag-edit-icon {\n  color: inherit;\n  font-size: 16px;\n  cursor: pointer;\n}\n.paraui-v4-tag .tag-edit-icon > svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-tag .tag-close-icon {\n  margin-left: 4px;\n  color: inherit;\n  font-size: 16px;\n  cursor: pointer;\n}\n.paraui-v4-tag .tag-close-icon:hover {\n  color: inherit;\n}\n.paraui-v4-tag > svg + .paraui-v4-auto-tips {\n  margin-left: 4px;\n}\n.paraui-v4-tag.paraui-v4-tag-has-color, .paraui-v4-tag.paraui-v4-tag-has-color svg, .paraui-v4-tag.paraui-v4-tag-has-color svg:hover {\n  color: inherit;\n}\n.paraui-v4-tag.paraui-v4-tag-blue {\n  color: rgb(46, 101, 230);\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-green {\n  color: rgb(19, 191, 76);\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-yellow {\n  color: rgb(255, 147, 38);\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-red {\n  color: rgb(244, 66, 66);\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-hidden {\n  display: none;\n}\n\n.paraui-v4-tag-small svg {\n  font-size: 12px;\n}\n\n.paraui-v4-tag-group {\n  display: flex;\n  align-items: center;\n  flex-flow: row wrap;\n}\n.paraui-v4-tag-group .tag-group-input {\n  height: 24px;\n  align-self: flex-start;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  text-indent: 8px;\n  border: 1px solid rgb(46, 101, 230);\n  border-radius: 4px;\n}\n.paraui-v4-tag-group .tag-group-input .tag-group-input-large {\n  height: 28px;\n}\n.paraui-v4-tag-group .tag-group-new .tag-group-new-icon {\n  padding: 0 5px;\n}\n.paraui-v4-tag-group .tag-group-add-btn {\n  border: 1px dashed rgb(212, 218, 227);\n}\n.paraui-v4-tag-group .tag-group-add-btn .tag-edit-icon {\n  background: none !important;\n}\n.paraui-v4-tag-group .tag-group-add-btn:hover {\n  cursor: pointer;\n}\n.paraui-v4-tag-group .tag-group-add-btn:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tag-group .tag-group-add-btn:hover .tag-text {\n  color: rgb(46, 101, 230);\n}";

package/TextField/index.js

@@ -6,7 +6,7 @@ import { UUID } from '@paraview/lib';
 import VisibilityOff from '@para-ui/icons/PreviewClose';
 import PreviewOpen from '@para-ui/icons/PreviewOpen';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import HelperText from '../HelperText/index.js';
@@ -20,6 +20,7 @@ import 'clsx';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/index-ca413216.js';
 import 'rc-dropdown';

package/TimePicker/index.js

@@ -4,7 +4,7 @@ import React__default from 'react';
 import DatePicker from '../DatePicker/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import 'rc-picker/es/generate/dayjs';
-import '../_verture/index-6bbcdc7f.js';
+import '../_verture/index-98ae8a30.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
@@ -17,7 +17,11 @@ import 'dayjs';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
@@ -31,9 +35,6 @@ import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Forbid';
 import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';

package/Title/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import clsx from 'clsx';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Help from '../Help/index.js';
 import { Collapse } from '../Collapse/index.js';
@@ -12,6 +12,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/Help';
 import 'rc-collapse';
 import '@para-ui/icons/Right';

package/ToggleButton/index.js

@@ -1,12 +1,12 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { UUID } from '@paraview/lib';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
@@ -25,6 +25,7 @@ import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
 import '../_verture/typeof-adeedc13.js';
+import '../_verture/useResizeObserver-edda059a.js';
 
 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.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::after {\n  content: \" \";\n  width: 8px;\n  height: 8px;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC\");\n  background-size: 8px 8px;\n  background-repeat: no-repeat;\n  position: absolute;\n  bottom: 1px;\n  right: 1px;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover::before {\n  border-color: rgb(87, 131, 235);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before {\n  border-color: rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected {\n  border-color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected::before {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  content: \"\";\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover[disabled] {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(92, 101, 115);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected::after {\n  display: none;\n}\n.paraui-v4-toggle-button.toggle-button-text[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-toggle-button.toggle-button-text[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  width: 100%;\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .toggle-button-item {\n  margin: 0 8px;\n}\n.paraui-v4-togglebutton-group-text .toggle-button-item .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .toggle-button-item ~ .toggle-button-item .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}";
 styleInject(css_248z);