@para-ui/core 3.0.96-rc → 3.0.97

package/FormItem/index.js

@@ -1,14 +1,14 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-b68740ef.js';
+export { F as default } from '../_verture/index-697763f2.js';
 import 'clsx';
 import '../Label/index.js';
-import '../_verture/constant-e57461ec.js';
-import '../_verture/slicedToArray-d9e693d2.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import '../_verture/constant-66aa48a1.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
-import '../_verture/typeof-b09647ab.js';
-import '../_verture/tslib.es6-06ab276e.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
@@ -17,24 +17,25 @@ import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '../_verture/style-inject.es-300983ab.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
-import '../_verture/useGlobalProps-3375fd77.js';
+import '../_verture/useGlobalProps-1b846a65.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-d6d0b546.js';
+import '../_verture/index-77f9e0fb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b12a6364.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
-import '../_verture/defineProperty-d4d9efd4.js';
-import '../_verture/toConsumableArray-e3923ceb.js';
+import '../_verture/defineProperty-62acccfc.js';
+import '../_verture/toConsumableArray-81040c9e.js';
 import '../Empty/index.js';
-import '../_verture/useFormatMessage-2e03025f.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
@@ -54,7 +55,7 @@ import '@para-ui/icons/Up';
 import '@para-ui/icons/Minus';
 import '@para-ui/icons/Plus';
 import '../ComboSelect/index.js';
-import '../_verture/index-195072d8.js';
+import '../_verture/index-beef914f.js';
 import '../Table/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
@@ -69,11 +70,11 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/closestPolyfill-8e886a31.js';
+import '../_verture/index-be25b2bc.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-a9b658f5.js';
+import '../_verture/utils-c9b9a157.js';

package/FunctionModal/index.js

@@ -1,15 +1,15 @@
-import { u as useModal } from '../_verture/modalContext-c0fc65fb.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-c0fc65fb.js';
-import '../_verture/toConsumableArray-e3923ceb.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
-import '../_verture/slicedToArray-d9e693d2.js';
-import '../_verture/index-195072d8.js';
-import '../_verture/tslib.es6-06ab276e.js';
+import { u as useModal } from '../_verture/modalContext-35081199.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-35081199.js';
+import '../_verture/toConsumableArray-81040c9e.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/index-beef914f.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../Modal/index.js';
-import '../_verture/defineProperty-d4d9efd4.js';
-import '../_verture/typeof-b09647ab.js';
+import '../_verture/defineProperty-62acccfc.js';
+import '../_verture/typeof-498dd2b1.js';
 import 'rc-dialog';
 import '../Button/index.js';
 import 'clsx';
@@ -18,18 +18,20 @@ import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../_verture/constant-e57461ec.js';
+import '../_verture/constant-66aa48a1.js';
+import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
-import '../_verture/index-d6d0b546.js';
+import '../_verture/index-77f9e0fb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b12a6364.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-2e03025f.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/Close';
-import '../_verture/index-66a9d135.js';
+import '../_verture/index-65bbd1e4.js';
 import 'react-dom';
+import '../AutoTips/index.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircle';

package/GlobalContext/index.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { i as i18nIntl } from '../_verture/intl-2de03d12.js';
+import { i as i18nIntl } from '../_verture/intl-4a9f1b44.js';
 import { GetLanguage } from '@paraview/lib';
-import { d as defaultModalLocale } from '../_verture/index-66a9d135.js';
-import '../_verture/typeof-b09647ab.js';
+import { d as defaultModalLocale } from '../_verture/index-65bbd1e4.js';
+import '../_verture/typeof-498dd2b1.js';
 
 //confirm 默认中文
 var confirmRuntimeLocale = Object.assign({}, defaultModalLocale['zh']);

package/Help/index.js

@@ -1,15 +1,19 @@
-import { _ as __rest } from '../_verture/tslib.es6-06ab276e.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import { Tooltip } from '../Tooltip/index.js';
 import HelpIcon from '@para-ui/icons/Help';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
-import '../_verture/slicedToArray-d9e693d2.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-help {\n  display: inline-block;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-help:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-help svg {\n  font-size: inherit;\n  color: inherit;\n}";
+styleInject(css_248z);
+
 //help
 var Help = function Help(props) {
   var _props$title = props.title,

package/HelperText/index.js

@@ -1,5 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 表单错误提示\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-helper-text {\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: 12px;\n  font-weight: 400;\n  padding-left: 12px;\n  line-height: 20px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-helper-text.paraui-v3-helper-text-error {\n  color: rgb(235, 96, 84);\n}";
+styleInject(css_248z);
 
 var HelperText = function HelperText(props) {
   var className = props.className,

package/InputLang/index.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-d4d9efd4.js';
-import { _ as _typeof } from '../_verture/typeof-b09647ab.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-e3923ceb.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d9e693d2.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { TextField } from '../TextField/index.js';
@@ -11,9 +11,10 @@ import AutoTips from '../AutoTips/index.js';
 import { Popover } from '../Popover/index.js';
 import Application from '@para-ui/icons/Application';
 import { GetLanguage, ArrayToObject } from '@paraview/lib';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
-import '../_verture/tslib.es6-06ab276e.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
@@ -26,15 +27,18 @@ import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircle';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useGlobalProps-3375fd77.js';
+import '../_verture/useGlobalProps-1b846a65.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-d6d0b546.js';
+import '../_verture/index-77f9e0fb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b12a6364.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/PlusCircleF';
-import '../_verture/useFormatMessage-2e03025f.js';
+import '../_verture/useFormatMessage-703f8b20.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-input-lang {\n  display: inline-block;\n  width: 100%;\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}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-before .lang-key {\n  max-width: 100px;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after {\n  cursor: pointer;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after .lang-list-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-input-lang .input-lang-text-field > .paraui-v3-helper-text {\n  display: none;\n}\n\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner {\n  padding: 12px;\n  width: 300px;\n  line-height: 0;\n}\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n  padding-bottom: 0;\n}\n.paraui-v3-input-lang-popover.paraui-v3-input-lang-popover-disabled-add > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-add {\n  display: none;\n}\n.paraui-v3-input-lang-popover.paraui-v3-input-lang-popover-disabled-delete > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content > .multi-box-content-item .opera-box {\n  display: none;\n}";
+styleInject(css_248z);
 
 var InputLang = function InputLang(props) {
   var _props$className = props.className,

package/InputNumber/index.js

@@ -1,5 +1,5 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d9e693d2.js';
-import { _ as __rest } from '../_verture/tslib.es6-06ab276e.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import RcInputNumber from 'rc-input-number';
@@ -9,8 +9,9 @@ import Minus from '@para-ui/icons/Minus';
 import Plus from '@para-ui/icons/Plus';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-e57461ec.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -18,6 +19,9 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-input-number {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  width: 100%;\n}\n.paraui-v3-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-input-number > .input-number-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-before {\n  width: 30px;\n  color: rgb(46, 55, 67);\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 12px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-clear {\n  display: none;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-reveal {\n  display: none;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.4);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-after {\n  width: 30px;\n  color: rgb(46, 55, 67);\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 30px);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -30px;\n  width: 30px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:last-child {\n  border-top: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:last-child {\n  border-top: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within {\n  width: calc(100% - 60px);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up {\n  position: absolute;\n  left: -30px;\n  top: 0;\n  height: 100%;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .add-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .add-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down {\n  position: absolute;\n  right: -30px;\n  top: 0;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .reduce-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .reduce-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-focus > .input-number-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-error > .input-number-content {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number.paraui-v3-input-number-error > .input-number-content:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-small.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 13px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-small.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 13px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium > .input-number-content {\n  height: 32px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 15px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 15px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large > .input-number-content {\n  height: 36px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 34px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 17px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 17px;\n}";
+styleInject(css_248z);
+
 var InputNumber = function InputNumber(props) {
   var className = props.className,
     style = props.style,

package/Label/index.js

@@ -1,16 +1,20 @@
-import { _ as __rest } from '../_verture/tslib.es6-06ab276e.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Help from '../Help/index.js';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Tooltip/index.js';
-import '../_verture/slicedToArray-d9e693d2.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/3/23 8:29 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-label {\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  color: rgba(46, 55, 67, 0.7);\n  margin-bottom: 8px;\n  display: inline-block;\n  line-height: 1.43;\n  word-break: break-all;\n}\n.paraui-v3-label > .label-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-label > .paraui-v3-help {\n  vertical-align: top;\n  margin-left: 4px;\n}\n.paraui-v3-label > .paraui-v3-help svg {\n  vertical-align: top;\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-label.paraui-v3-label-line.paraui-v3-label-tooltip {\n  border-bottom: 1px dashed rgba(46, 55, 67, 0.4);\n  padding-bottom: 2px;\n}";
+styleInject(css_248z);
+
 var Label = function Label(props) {
   var className = props.className,
     helpClassName = props.helpClassName,

package/Loading/index.js

@@ -1,7 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-loading {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-loading .loading-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n  z-index: 100;\n}\n.paraui-v3-loading .loading-box {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 101;\n}\n.paraui-v3-loading .loading-box > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\n}";
+styleInject(css_248z);
 
 var Loading = function Loading(props) {
   var className = props.className,

package/Menu/index.js

@@ -1,18 +1,19 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d9e693d2.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { useState, useEffect, useMemo, createElement, useRef } from 'react';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-e3923ceb.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
 import { createPortal } from 'react-dom';
 import CollapseBox from '../CollapseBox/index.js';
 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-e57461ec.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import MenuMoreLine from '@para-ui/icons/IndentRightFill';
 import MenuLessLine from '@para-ui/icons/IndentLeftFill';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react-transition-group';
-import '../_verture/util-78a49855.js';
+import '../_verture/util-7e1fb1e2.js';
 
 var Logo = function Logo(props) {
   var _props$expansion = props.expansion,
@@ -1024,6 +1025,9 @@ var FooterExpansion = function FooterExpansion(props) {
   }));
 };
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-vertical-menu {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\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}\n.paraui-v3-vertical-menu > .menu-logo {\n  width: 100%;\n  display: inline-block;\n  padding: 24px 16px 0 16px;\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}\n.paraui-v3-vertical-menu > .menu-logo.menu-logo-shrink {\n  padding: 24px 0 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list {\n  overflow: hidden;\n  height: 100%;\n  padding: 40px 16px;\n  position: relative;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top > svg {\n  cursor: pointer;\n  transform: rotate(180deg);\n  font-size: 18px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-top > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n  transition: all 0.3s;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 8px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  height: 40px;\n  line-height: 40px;\n  cursor: pointer;\n  display: flex;\n  border-radius: 4px;\n  text-decoration: none;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon {\n  width: 20px;\n  margin-right: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  font-size: 14px;\n  width: 100%;\n  white-space: nowrap;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n  margin-top: 8px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  transform: rotate(180deg);\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom > svg {\n  cursor: pointer;\n  font-size: 18px;\n}\n.paraui-v3-vertical-menu > .vertical-menu-list > .scroll-bottom > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu > .footer-expansion {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 20px;\n  white-space: nowrap;\n  height: 40px;\n}\n.paraui-v3-vertical-menu > .footer-expansion > svg {\n  font-size: 20px;\n  cursor: pointer;\n  margin-left: 20px;\n}\n.paraui-v3-vertical-menu > .footer-expansion > .version {\n  margin-left: 12px;\n  font-size: 14px;\n}\n.paraui-v3-vertical-menu > .footer-expansion.footer-expansion-shrink {\n  justify-content: center;\n}\n.paraui-v3-vertical-menu > .footer-expansion.footer-expansion-shrink > svg {\n  margin: 0;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list {\n  padding: 44px 0px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 8px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n}\n.paraui-v3-vertical-menu.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  position: relative;\n  font-size: 20px;\n}\n\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  padding: 0;\n  box-shadow: none;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: auto;\n  height: 32px;\n  line-height: 32px;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: none;\n}\n.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper {\n  padding-left: 8px;\n  z-index: 1500;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  padding: 8px 0;\n  max-height: 268px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 200px;\n  height: 36px;\n  line-height: 36px;\n  padding: 0px 12px;\n  display: flex;\n  cursor: pointer;\n  text-decoration: none;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  content: \"\";\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 12px;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 20px;\n  position: relative;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  width: 100%;\n  font-weight: 400;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  position: relative;\n  transform: rotate(270deg);\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item .vertical-menu-item-popper, .paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item .vertical-menu-item-popper {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: -8px;\n}\n\n.paraui-v3-vertical-menu-deep {\n  background-color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-deep > .menu-logo {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .menu-logo svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .scroll-top > svg, .paraui-v3-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v3-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-deep > .footer-expansion > .version {\n  color: rgba(255, 255, 255, 0.6);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > span {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-deep.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span {\n  background-color: rgb(34, 62, 103);\n}\n\n.paraui-v3-vertical-menu-light {\n  background: linear-gradient(180deg, rgb(241, 241, 244), rgb(243, 243, 243));\n}\n.paraui-v3-vertical-menu-light > .menu-logo {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .menu-logo svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .scroll-top > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .scroll-bottom > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-icon > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-label {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-label {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-icon > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-icon > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-label {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content:hover > .menu-item-arrow > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-label, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-light > .footer-expansion > .version {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > span {\n  background-color: white;\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > span > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span {\n  background-color: white;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > span > svg {\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span {\n  background-color: white;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-vertical-menu-light.paraui-v3-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > span > svg {\n  color: rgb(28, 41, 60);\n}\n\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgb(28, 41, 60);\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content, .paraui-v3-vertical-menu-item-popper-deep.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n  background-color: rgb(34, 62, 103);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: white;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper-tooltip.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n  background-color: transparent;\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content {\n  background-color: white;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper .paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-vertical-menu-item-popper-light.paraui-v3-vertical-menu-item-popper.paraui-v3-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}";
+styleInject(css_248z);
+
 var Menu = function Menu(props) {
   var _props$color = props.color,
     color = _props$color === void 0 ? 'deep' : _props$color,

package/Message/index.js

@@ -1,5 +1,5 @@
-import { _ as _typeof } from '../_verture/typeof-b09647ab.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-e3923ceb.js';
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
 import { jsx } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import ReactDOM from 'react-dom';
@@ -7,8 +7,12 @@ import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v3-message-box--message-float {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\n.paraui-v3-message-box .msg-item .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 44px;\n  padding: 12px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v3-message-box .msg-item .msg-icon {\n  position: absolute;\n  top: 15px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v3-message-box .msg-item .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-item .msg-text {\n  display: inline-block;\n  max-width: 60vw;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 22px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v3-message-box .msg-item .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v3-message-box .msg-item .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v3-message-box .msg-item .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v3-message-box .msg-item .msg-close {\n  position: absolute;\n  right: 16px;\n  top: 15px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v3-message-box .msg-item .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v3-message-box .msg-info {\n  background-color: rgb(243, 246, 252);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-info .msg-close {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-warn {\n  background-color: rgb(254, 249, 245);\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-warn .msg-close {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-error {\n  background-color: rgb(253, 246, 245);\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-error .msg-close {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-success {\n  background-color: rgb(245, 251, 242);\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .msg-success .msg-close {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+styleInject(css_248z);
 
 //图标map
 var iconMapping = {

package/Modal/index.js

@@ -1,35 +1,40 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-d4d9efd4.js';
-import { _ as __rest } from '../_verture/tslib.es6-06ab276e.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+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 { Button } from '../Button/index.js';
 import CloseIcon from '@para-ui/icons/Close';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-2e03025f.js';
-import { d as defaultModalLocale } from '../_verture/index-66a9d135.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { d as defaultModalLocale } from '../_verture/index-65bbd1e4.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-e57461ec.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import AutoTips from '../AutoTips/index.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
 import InfoOutlined from '@para-ui/icons/WarningCircle';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import { UUID } from '@paraview/lib';
 import { getConfirmLocale } from '@para-ui/core/GlobalContext';
-import '../_verture/typeof-b09647ab.js';
-import '../_verture/slicedToArray-d9e693d2.js';
-import '../_verture/unsupportedIterableToArray-08e778ea.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../_verture/index-d6d0b546.js';
+import '../_verture/index-77f9e0fb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b12a6364.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-confirm.paraui-v3-modal .paraui-v3-modal-body {\n  padding: 0;\n}\n.paraui-v3-confirm .confirm-wrapper {\n  width: 416px;\n  outline: none;\n}\n.paraui-v3-confirm .confirm-content {\n  position: relative;\n  padding: 32px 32px 24px;\n}\n.paraui-v3-confirm .confirm-content-close {\n  position: absolute;\n  right: 16px;\n  top: 16px;\n  border: none;\n}\n.paraui-v3-confirm .confirm-content-close svg {\n  font-size: 18px;\n}\n.paraui-v3-confirm .confirm-content-icon {\n  float: left;\n  margin-top: 3px;\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-icon--warn, .paraui-v3-confirm .confirm-content-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon--error {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-confirm .confirm-content-icon--success {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-confirm .confirm-content-icon--info {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-confirm .confirm-content-body {\n  margin: 0 16px 0 30px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-confirm .confirm-content-body .confirm-body-title {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-confirm .confirm-content-actions {\n  margin-top: 24px;\n  text-align: right;\n}\n.paraui-v3-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
+styleInject(css_248z$1);
+
 //图标
 var iconMap = {
   "success": jsx(CompleteIcon, {}),
@@ -222,6 +227,9 @@ var Confirm = {
   destroyAll: destroyAllConfirm
 };
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-modal {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  pointer-events: none;\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  margin: 0 auto;\n  padding-bottom: 24px;\n}\n.paraui-v3-modal.paraui-v3-modal-sm .paraui-v3-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-v3-modal.paraui-v3-modal-md .paraui-v3-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-v3-modal.paraui-v3-modal-lg .paraui-v3-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-v3-modal.paraui-v3-modal-fullscreen {\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-modal.paraui-v3-modal-zoom-enter, .paraui-v3-modal.paraui-v3-modal-zoom-appear {\n  transform: none;\n  opacity: 0;\n  animation-duration: 0.3s;\n  user-select: none;\n}\n.paraui-v3-modal-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v3-modal-mask-hidden {\n  display: none;\n}\n.paraui-v3-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: auto;\n  outline: 0;\n  z-index: 1500;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-v3-modal .paraui-v3-modal-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  pointer-events: auto;\n  overflow-y: auto;\n}\n.paraui-v3-modal .paraui-v3-modal-title {\n  position: relative;\n  height: 44px;\n  padding: 12px 24px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  font-weight: 700;\n  line-height: 20px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n  overflow-wrap: break-word;\n}\n.paraui-v3-modal .paraui-v3-modal-title .paraui-v3-modal-close {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v3-modal .paraui-v3-modal-title .paraui-v3-modal-close .paraui-v3-modal-close-icon {\n  font-size: 20px;\n}\n.paraui-v3-modal .paraui-v3-modal-body {\n  flex: auto;\n  padding: 16px 24px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v3-modal .paraui-v3-modal-footer {\n  padding: 8px 24px 24px;\n  text-align: right;\n}\n.paraui-v3-modal .paraui-v3-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v3-modal-open {\n  overflow: hidden;\n}\n.paraui-v3-modal-centered {\n  text-align: center;\n}\n.paraui-v3-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v3-modal-centered .paraui-v3-modal {\n  top: 0;\n  display: inline-block;\n  padding-bottom: 0;\n  text-align: left;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .paraui-v3-modal .paraui-v3-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v3-modal .paraui-v3-modal-centered .paraui-v3-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v3-modal-zoom-enter,\n.paraui-v3-modal-zoom-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-v3-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-zoom-enter.paraui-v3-modal-zoom-enter-active,\n.paraui-v3-modal-zoom-appear.paraui-v3-modal-zoom-appear-active {\n  animation-name: paraui-v3ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v3-modal-zoom-leave.paraui-v3-modal-zoom-leave-active {\n  animation-name: paraui-v3ModalZoomOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v3-modal-zoom-enter-prepare,\n.paraui-v3-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v3-modal-zoom-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v3-modal-fade-enter,\n.paraui-v3-modal-fade-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-fade-enter.paraui-v3-modal-fade-enter-active,\n.paraui-v3-modal-fade-appear.paraui-v3-modal-fade-appear-active {\n  animation-name: paraui-v3ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v3-modal-fade-leave.paraui-v3-modal-fade-leave-active {\n  animation-name: paraui-v3ModalFadeOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v3-modal-fade-enter,\n.paraui-v3-modal-fade-appear {\n  opacity: 0;\n  animation-timing-function: linear;\n}\n\n.paraui-v3-modal-fade-leave {\n  animation-timing-function: linear;\n}\n\n@keyframes paraui-v3ModalZoomIn {\n  0% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes paraui-v3ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n}\n@keyframes paraui-v3ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v3ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
+styleInject(css_248z);
+
 //鼠标位置内部使用
 var mousePosition;
 var getClickPosition = function getClickPosition(e) {
@@ -331,7 +339,13 @@ var Modal = function Modal(props) {
       })
     }));
     return jsxs(Fragment, {
-      children: [title, closeNode]
+      children: [jsx(AutoTips, Object.assign({
+        style: {
+          maxWidth: '90%'
+        }
+      }, {
+        children: title
+      })), closeNode]
     });
   };
   //footer