@para-ui/core 4.0.6 → 4.0.7-alpha2

package/FormItem/index.js

@@ -1,11 +1,11 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-d795d1f0.js';
+export { F as default } from '../_verture/index-6cd67e49.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
 import '../TextField/index.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-fe0d4b4e.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
@@ -68,7 +68,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-767e63dd.js';
+import '../_verture/index-b08d8bf5.js';
 import 'rc-tree';
 import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';

package/FunctionModal/index.js

@@ -1,6 +1,6 @@
-import { u as useModal } from '../_verture/modalContext-8982647f.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-8982647f.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import { u as useModal } from '../_verture/modalContext-25549697.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-25549697.js';
+import '../_verture/tslib.es6-fe0d4b4e.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../Modal/index.js';

package/FunctionModal/modalContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { modalOptions } from './dialog';
 /**
  * 弹出框组件
@@ -11,5 +10,5 @@ export declare const useModal: () => (options: modalOptions) => Promise<boolean>
 /**
  * 函数弹窗组件Provider
  */
-export declare const FunctionModalProvider: ({ children }: any) => JSX.Element;
+export declare const FunctionModalProvider: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const useClose: () => Function;

package/GlobalContext/confirmLocale.d.ts

@@ -1,6 +1,4 @@
 export declare const changeConfirmLocale: (newLocale: {
     [name: string]: any;
-}) => void;
-export declare const getConfirmLocale: () => {
-    [key: string]: string;
-};
+}, lang?: string) => void;
+export declare const getConfirmLocale: () => Record<string, string>;

package/GlobalContext/index.js

@@ -5,17 +5,18 @@ import { d as defaultModalLocale } from '../_verture/index-c568f272.js';
 
 //confirm 默认中文
 let confirmRuntimeLocale = Object.assign({}, defaultModalLocale['zh']);
-const changeConfirmLocale = newLocale => {
+const changeConfirmLocale = (newLocale, lang) => {
   const confirmLocale = newLocale['Confirm'];
   if (confirmLocale) {
     confirmRuntimeLocale = Object.assign(Object.assign({}, confirmRuntimeLocale), confirmLocale);
   } else {
-    confirmRuntimeLocale = Object.assign({}, defaultModalLocale['zh']);
+    if (!lang) lang = GetLanguage();
+    const curLang = (defaultModalLocale === null || defaultModalLocale === void 0 ? void 0 : defaultModalLocale[lang]) || defaultModalLocale['zh'] || {};
+    confirmRuntimeLocale = Object.assign({}, curLang);
   }
 };
 const getConfirmLocale = () => {
-  const lang = GetLanguage();
-  return (defaultModalLocale === null || defaultModalLocale === void 0 ? void 0 : defaultModalLocale[lang]) || defaultModalLocale['zh'];
+  return confirmRuntimeLocale;
 };
 
 const GlobalContext = /*#__PURE__*/React__default.createContext({

package/Help/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { _ as __rest } from '../_verture/tslib.es6-fe0d4b4e.js';
 import { jsx } from 'react/jsx-runtime';
 import { Tooltip } from '../Tooltip/index.js';
 import HelpIcon from '@para-ui/icons/Help';

package/InputLang/index.js

@@ -10,7 +10,7 @@ import { GetLanguage, ArrayToObject } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-fe0d4b4e.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';

package/InputNumber/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { _ as __rest } from '../_verture/tslib.es6-fe0d4b4e.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import RcInputNumber from 'rc-input-number';

package/Label/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { _ as __rest } from '../_verture/tslib.es6-fe0d4b4e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Help from '../Help/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';

package/Menu/index.js

@@ -6,11 +6,18 @@ 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 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';
 import 'react-transition-group';
 import '../_verture/util-82646c4f.js';
+import '../Tooltip/index.js';
+import '../_verture/tslib.es6-fe0d4b4e.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Forbid';
 
 const Logo = props => {
   const {
@@ -84,7 +91,9 @@ const VerticalMenuListItem = props => {
     selectMenu = '',
     idMenuLast,
     onClickMenu,
-    shrinkOthers = true
+    shrinkOthers = true,
+    jumpIcon,
+    onClickJump
   } = props;
   const [openCom, setOpenCom] = useState(false);
   useEffect(() => {
@@ -125,12 +134,23 @@ const VerticalMenuListItem = props => {
     }
     //return <Down className="opacity-pos-svg"/>; // 占位
   };
+  const clickJumpItem = e => {
+    e.stopPropagation();
+    e.preventDefault();
+    onClickJump === null || onClickJump === void 0 ? void 0 : onClickJump(props);
+  };
   /**
    * 处理箭头
    * @return {ReactNode}
    */
   const handArrow = () => {
     if (children && children.length > 0) return jsx(Down, {});
+    if (jumpIcon) return jsx("span", Object.assign({
+      className: 'jump-icon',
+      onClick: clickJumpItem
+    }, {
+      children: jumpIcon
+    }));
     return jsx(Down, {
       className: "opacity-pos-svg"
     }); // 占位
@@ -200,7 +220,9 @@ const VerticalMenuListItem = props => {
         children: [jsx("span", Object.assign({
           className: 'menu-item-label'
         }, {
-          children: label
+          children: jsx(AutoTips, {
+            children: label
+          })
         })), handBadge()]
       })), jsx("span", Object.assign({
         className: "menu-item-arrow"
@@ -208,7 +230,7 @@ const VerticalMenuListItem = props => {
         children: handArrow()
       }))]
     }));
-  }, [children, onClickMenu, openCom, level, icon, label, path, href]);
+  }, [children, onClickMenu, openCom, level, icon, label, path, href, jumpIcon]);
   // Collapse
   const CollapseMemo = useMemo(() => {
     return jsx(CollapseBox, Object.assign({
@@ -219,6 +241,8 @@ const VerticalMenuListItem = props => {
     }, {
       children: children && children.length > 0 && children.map((item, index) => {
         return jsx(VerticalMenuListItem, Object.assign({}, item, {
+          jumpIcon: jumpIcon || item.jumpIcon,
+          onClickJump: onClickJump,
           level: level + 1,
           idMenuLast: idMenuLast,
           selectMenu: selectMenu,
@@ -227,7 +251,7 @@ const VerticalMenuListItem = props => {
         }), index);
       })
     }));
-  }, [openCom, children, level, idMenuLast, selectMenu, onClickMenu, shrinkOthers]);
+  }, [openCom, children, level, idMenuLast, selectMenu, onClickMenu, shrinkOthers, jumpIcon]);
   return jsxs("div", Object.assign({
     className: handClass()
   }, {
@@ -250,7 +274,9 @@ const MenuItemPopper = props => {
     onMouseLeaveBus,
     level = 1,
     color,
-    className
+    className,
+    jumpIcon,
+    onClickJump
   } = props;
   const [openChild, setOpenChild] = useState(false); // 是否渲染子级
   const [childPos, setChildPos] = useState(''); // 子级定位元素
@@ -308,11 +334,17 @@ const MenuItemPopper = props => {
    * 判断是否是第一级,且没有子级
    * */
   const handTooltip = () => {
+    return false; // 不要tooltip样式
     // 第一层,长度为1,且没有父级,,子级也没有
-    if (level === 1 && list.length === 1 && list[0]._paraui_menu_first && (!list[0].children || list[0].children.length === 0)) {
-      return true;
-    }
-    return false;
+    /*if (
+        level === 1 &&
+        list.length === 1 &&
+        list[0]._paraui_menu_first &&
+        (!list[0].children || list[0].children.length === 0)
+    ) {
+        return true;
+    }
+    return false;*/
   };
   /**
    * 处理MenuPopover样式类名
@@ -323,9 +355,8 @@ const MenuItemPopper = props => {
     if (color) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(color);
     if (size) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(size);
     if (color === 'deep') str += " ".concat($prefixCls, "-scrollbar-small-deep");else str += " ".concat($prefixCls, "-scrollbar-small");
-    // 第一级,且只有一项
-    if (handTooltip()) {
-      str += " ".concat($prefixCls, "-vertical-menu-item-popper-tooltip");
+    if (jumpIcon) {
+      str += " ".concat($prefixCls, "-vertical-menu-item-popper-jump-icon");
     }
     if (className) str += " ".concat(className);
     return str;
@@ -364,13 +395,24 @@ const MenuItemPopper = props => {
     }
     //return <Down className="opacity-pos-svg"/>; // 占位
   };
+  const clickJumpItem = item => e => {
+    e.stopPropagation();
+    e.preventDefault();
+    onClickJump === null || onClickJump === void 0 ? void 0 : onClickJump(item);
+  };
   /**
    * 处理箭头
    * @param children 详细
    * @return {ReactNode}
    */
-  const handArrow = children => {
+  const handArrow = (children, item) => {
     if (children && children.length > 0) return jsx(Down, {});
+    if (jumpIcon) return jsx("span", Object.assign({
+      className: 'jump-icon',
+      onClick: clickJumpItem(item)
+    }, {
+      children: jumpIcon
+    }));
     return jsx(Down, {
       className: "opacity-pos-svg"
     }); // 占位
@@ -403,7 +445,6 @@ const MenuItemPopper = props => {
    * 鼠标移入大容器
    * */
   const onMouseEnterBox = () => {
-    if (handTooltip()) return;
     if (level == 1) {
       // 关闭收缩按钮移出事件
       onMouseEnter && onMouseEnter();
@@ -415,7 +456,6 @@ const MenuItemPopper = props => {
    * 鼠标移出大容器
    * */
   const onMouseLeaveBox = () => {
-    if (handTooltip()) return;
     clearTimeout(timerJson.leaveBox);
     timerJson.leaveBox = setTimeout(() => {
       if (level === 1) {
@@ -516,18 +556,20 @@ const MenuItemPopper = props => {
               children: [jsx("span", Object.assign({
                 className: 'menu-item-label'
               }, {
-                children: item.label
+                children: jsx(AutoTips, {
+                  children: item.label
+                })
               })), handBadge(item)]
             })), jsx("span", Object.assign({
               className: "menu-item-arrow"
             }, {
-              children: handArrow(item.children)
+              children: handArrow(item.children, item)
             }))]
           }))
         }), index);
       })
     }));
-  }, [list, onClickMenu, idMenuLast, selectMenu, onClickMenu, onMouseEnter, onMouseLeave, level]);
+  }, [list, onClickMenu, idMenuLast, selectMenu, onClickMenu, onMouseEnter, onMouseLeave, level, onClickJump, jumpIcon]);
   // 计算定位
   const MenuPopover = () => {
     return jsx("div", Object.assign({
@@ -541,7 +583,7 @@ const MenuItemPopper = props => {
     return jsx(Fragment, {
       children: /*#__PURE__*/createPortal(jsx(MenuPopover, {}), document.getElementsByTagName('body')[0])
     });
-  }, [posStyle, list, onClickMenu, idMenuLast, selectMenu, onClickMenu, onMouseEnter, onMouseLeave, level, className, color, size]);
+  }, [posStyle, list, onClickMenu, idMenuLast, selectMenu, onClickMenu, onMouseEnter, onMouseLeave, level, className, color, size, onClickJump, jumpIcon]);
   return jsxs(Fragment, {
     children: [MenuPortalMemo, openChild && jsx(MenuItemPopper, {
       size: size,
@@ -556,7 +598,9 @@ const MenuItemPopper = props => {
       onMouseEnterBus: onMouseEnterBusCom,
       onMouseLeaveBus: onMouseLeaveBusCom,
       color: color,
-      level: level + 1
+      level: level + 1,
+      jumpIcon: jumpIcon,
+      onClickJump: onClickJump
     })]
   });
 };
@@ -582,6 +626,8 @@ const VerticalMenuList = props => {
     className,
     shrinkOthers = true,
     size = 'large',
+    jumpIcon,
+    onClickJump,
     color
   } = props;
   // const classes: any = useStyles(props);
@@ -875,6 +921,8 @@ const VerticalMenuList = props => {
         return /*#__PURE__*/createElement(VerticalMenuListItem, Object.assign({}, item, {
           key: index,
           level: 1,
+          jumpIcon: item.jumpIcon || jumpIcon,
+          onClickJump: item.onClickJump || onClickJump,
           idMenuLast: idMenuLast,
           selectMenu: selectMenuCom,
           onClickMenu: clickMenu,
@@ -882,7 +930,7 @@ const VerticalMenuList = props => {
         }));
       });
     }
-  }, [expansion, listCom, idMenuLast, selectMenuCom, onClickMenu, shrinkOthers]);
+  }, [expansion, listCom, idMenuLast, selectMenuCom, onClickMenu, shrinkOthers, jumpIcon, onClickJump]);
   /** 收缩memo */
   const ShrinkMemo = useMemo(() => {
     if (expansion) return null;
@@ -945,10 +993,12 @@ const VerticalMenuList = props => {
         onMouseLeave: onMouseLeaveChild,
         color: color,
         level: 1,
-        size: size
+        size: size,
+        jumpIcon: jumpIcon,
+        onClickJump: onClickJump
       })
     });
-  }, [openChild, childPos, childList, idMenuLast, selectMenuCom, onClickMenu, timerJson, color, size]);
+  }, [openChild, childPos, childList, idMenuLast, selectMenuCom, onClickMenu, timerJson, color, size, jumpIcon, onClickJump]);
   return jsxs(Fragment, {
     children: [jsxs("div", Object.assign({
       className: handClass(),
@@ -1033,7 +1083,7 @@ const FooterExpansion = props => {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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-v4-vertical-menu > .menu-logo {\n  width: 100%;\n  display: inline-block;\n  padding: 20px 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-v4-vertical-menu > .menu-logo.menu-logo-shrink {\n  padding: 20px 0 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list {\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span > svg {\n  transform: rotate(180deg);\n  font-size: 18px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n  transition: all 0.3s;\n}\n.paraui-v4-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-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  cursor: pointer;\n  display: flex;\n  border-radius: 4px;\n  text-decoration: none;\n}\n.paraui-v4-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: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-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: 18px;\n}\n.paraui-v4-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-content {\n  font-size: 14px;\n  width: 100%;\n  white-space: nowrap;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v4-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-content > .menu-item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-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-content > .menu-item-badge {\n  height: 16px;\n  min-width: 16px;\n  color: white;\n  background: rgb(46, 101, 230);\n  border-radius: 8px;\n  margin-left: 10px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  padding: 0 4px;\n}\n.paraui-v4-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-content > .menu-item-badge > span {\n  height: 16px;\n  line-height: 16px;\n  transform: scale(0.8);\n}\n.paraui-v4-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-v4-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-v4-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-v4-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-v4-vertical-menu > .vertical-menu-list > .scroll-bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span > svg {\n  font-size: 18px;\n}\n.paraui-v4-vertical-menu > .footer-expansion {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 16px;\n  white-space: nowrap;\n  height: 48px;\n  padding-left: 16px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon svg {\n  font-size: 24px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .version {\n  font-size: 14px;\n  width: calc(100% - 32px);\n  text-align: right;\n  padding-right: 20px;\n  padding-left: 12px;\n}\n.paraui-v4-vertical-menu > .footer-expansion.footer-expansion-shrink {\n  justify-content: center;\n  padding-left: 0;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-v4-vertical-menu.paraui-v4-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-v4-vertical-menu.paraui-v4-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-v4-vertical-menu.paraui-v4-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-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  position: relative;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-content > svg {\n  position: relative;\n  font-size: 20px;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-content > .menu-item-shrink-badge {\n  position: absolute;\n  height: 16px;\n  min-width: 16px;\n  color: white;\n  background: rgb(46, 101, 230);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  padding: 0 1px;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-content > .menu-item-shrink-badge > span {\n  height: 16px;\n  line-height: 16px;\n  transform: scale(0.8);\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list {\n  padding: 24px 16px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .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-v4-vertical-menu.paraui-v4-vertical-menu-large > .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}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n  padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-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-content {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-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-content > .menu-item-shrink-badge {\n  left: 20px;\n  top: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list {\n  padding: 24px 12px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .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: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n  padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-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-content {\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-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-content > .menu-item-shrink-badge {\n  left: 18px;\n  top: 1px;\n}\n\n.paraui-v4-vertical-menu-item-popper {\n  padding-left: 8px;\n  z-index: 1500;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content {\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-radius: 4px;\n  border: 1px solid rgba(212, 218, 227, 0.4);\n  padding: 4px 0;\n  max-height: 320px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 200px;\n  padding: 0px 10px;\n  display: flex;\n  cursor: pointer;\n  text-decoration: none;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-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-v4-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: none;\n  justify-content: center;\n  align-items: center;\n  margin-right: 12px;\n}\n.paraui-v4-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-v4-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-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  font-size: 14px;\n  width: 100%;\n  font-weight: 400;\n  white-space: nowrap;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge {\n  height: 16px;\n  min-width: 16px;\n  color: white;\n  background: rgb(46, 101, 230);\n  border-radius: 8px;\n  margin-left: 10px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  padding: 0 4px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge > span {\n  height: 16px;\n  line-height: 16px;\n  transform: scale(0.8);\n}\n.paraui-v4-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-v4-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: 16px;\n  transition: all 0.3s;\n  position: relative;\n  transform: rotate(270deg);\n}\n.paraui-v4-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-v4-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-v4-vertical-menu-deep {\n  background-color: rgb(28, 41, 60);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep > .menu-logo svg {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span > svg {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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, 54, 102);\n}\n.paraui-v4-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-v4-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-content {\n  color: white;\n}\n.paraui-v4-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-v4-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-v4-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, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon {\n  background: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon svg {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .version {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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-content {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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-content > svg {\n  color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(34, 54, 102);\n}\n\n.paraui-v4-vertical-menu-light {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-vertical-menu-light > .menu-logo {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .menu-logo svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span > svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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: rgb(234, 236, 241);\n}\n.paraui-v4-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: rgb(29, 33, 38);\n}\n.paraui-v4-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-content {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-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: rgb(92, 101, 115);\n}\n.paraui-v4-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-v4-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: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon {\n  background: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .version {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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-content {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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-content > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(234, 236, 241);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(234, 236, 241);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content > svg {\n  color: rgb(46, 101, 230);\n}\n\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n  background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: inherit;\n  height: inherit;\n  line-height: inherit;\n  padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .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-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n  background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content {\n  background-color: rgb(28, 41, 60);\n  color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .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-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .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-v4-vertical-menu-item-popper-deep > .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, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .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, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n  background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: inherit;\n  height: inherit;\n  line-height: inherit;\n  padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: white;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .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-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n  background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content {\n  background-color: rgb(255, 255, 255);\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-vertical-menu-item-popper-light > .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(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .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(234, 236, 241);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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-v4-vertical-menu > .menu-logo {\n  width: 100%;\n  display: inline-block;\n  padding: 20px 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-v4-vertical-menu > .menu-logo.menu-logo-shrink {\n  padding: 20px 0 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list {\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span > svg {\n  transform: rotate(180deg);\n  font-size: 18px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n  transition: all 0.3s;\n}\n.paraui-v4-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-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  cursor: pointer;\n  display: flex;\n  border-radius: 4px;\n  text-decoration: none;\n}\n.paraui-v4-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: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-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: 18px;\n}\n.paraui-v4-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-content {\n  font-size: 14px;\n  width: 100%;\n  white-space: nowrap;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v4-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-content > .menu-item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-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-content > .menu-item-badge {\n  height: 16px;\n  min-width: 16px;\n  color: rgb(255, 255, 255);\n  background: rgb(46, 101, 230);\n  border-radius: 8px;\n  margin-left: 10px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  padding: 0 4px;\n}\n.paraui-v4-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-content > .menu-item-badge > span {\n  height: 16px;\n  line-height: 16px;\n  transform: scale(0.8);\n}\n.paraui-v4-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-v4-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-v4-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-v4-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 > .jump-icon {\n  opacity: 0;\n  line-height: 0;\n}\n.paraui-v4-vertical-menu > .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 > .jump-icon {\n  opacity: 1;\n}\n.paraui-v4-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-v4-vertical-menu > .vertical-menu-list > .scroll-bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span > svg {\n  font-size: 18px;\n}\n.paraui-v4-vertical-menu > .footer-expansion {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 16px;\n  white-space: nowrap;\n  height: 48px;\n  padding-left: 16px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon svg {\n  font-size: 24px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .version {\n  font-size: 14px;\n  width: calc(100% - 32px);\n  text-align: right;\n  padding-right: 20px;\n  padding-left: 12px;\n}\n.paraui-v4-vertical-menu > .footer-expansion.footer-expansion-shrink {\n  justify-content: center;\n  padding-left: 0;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-v4-vertical-menu.paraui-v4-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-v4-vertical-menu.paraui-v4-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-v4-vertical-menu.paraui-v4-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-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  position: relative;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-content > svg {\n  position: relative;\n  font-size: 20px;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-content > .menu-item-shrink-badge {\n  position: absolute;\n  height: 16px;\n  min-width: 16px;\n  color: rgb(255, 255, 255);\n  background: rgb(46, 101, 230);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  padding: 0 1px;\n}\n.paraui-v4-vertical-menu.paraui-v4-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-content > .menu-item-shrink-badge > span {\n  height: 16px;\n  line-height: 16px;\n  transform: scale(0.8);\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list {\n  padding: 24px 16px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .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-v4-vertical-menu.paraui-v4-vertical-menu-large > .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}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n  padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-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-content {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-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-content > .menu-item-shrink-badge {\n  left: 20px;\n  top: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list {\n  padding: 24px 12px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n  margin-bottom: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .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: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n  padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-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-content {\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-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-content > .menu-item-shrink-badge {\n  left: 18px;\n  top: 1px;\n}\n\n.paraui-v4-vertical-menu-item-popper {\n  padding-left: 8px;\n  z-index: 1500;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content {\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-radius: 4px;\n  border: 1px solid rgba(212, 218, 227, 0.4);\n  padding: 4px 0;\n  max-height: 320px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 200px;\n  padding: 0px 10px;\n  display: flex;\n  cursor: pointer;\n  text-decoration: none;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-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-v4-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: none;\n  justify-content: center;\n  align-items: center;\n  margin-right: 12px;\n}\n.paraui-v4-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-v4-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-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  font-size: 14px;\n  width: 100%;\n  font-weight: 400;\n  white-space: nowrap;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 1;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge {\n  height: 16px;\n  min-width: 16px;\n  color: rgb(255, 255, 255);\n  background: rgb(46, 101, 230);\n  border-radius: 8px;\n  margin-left: 10px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  padding: 0 4px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge > span {\n  height: 16px;\n  line-height: 16px;\n  transform: scale(0.8);\n}\n.paraui-v4-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-v4-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: 16px;\n  transition: all 0.3s;\n  position: relative;\n  transform: rotate(270deg);\n}\n.paraui-v4-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-v4-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-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon {\n  position: relative;\n  z-index: 10;\n  opacity: 0;\n  line-height: 0;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > .jump-icon {\n  opacity: 1;\n}\n.paraui-v4-vertical-menu-deep {\n  background-color: rgb(28, 41, 60);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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, 54, 102);\n}\n.paraui-v4-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: rgb(255, 255, 255);\n}\n.paraui-v4-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-content {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-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: rgb(255, 255, 255);\n}\n.paraui-v4-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 > .jump-icon > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-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 > .jump-icon:hover > svg {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-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-v4-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, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon {\n  background: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .version {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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-content {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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-content > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(34, 54, 102);\n}\n\n.paraui-v4-vertical-menu-light {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-vertical-menu-light > .menu-logo {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .menu-logo svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span > svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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: rgb(234, 236, 241);\n}\n.paraui-v4-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: rgb(29, 33, 38);\n}\n.paraui-v4-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-content {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-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: rgb(92, 101, 115);\n}\n.paraui-v4-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 > .jump-icon > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-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 > .jump-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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-v4-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: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon {\n  background: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .version {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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-content {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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-content > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(234, 236, 241);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content {\n  background-color: rgb(234, 236, 241);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-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 > .vertical-menu-list-item-shrink-content > svg {\n  color: rgb(46, 101, 230);\n}\n\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n  background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: inherit;\n  height: inherit;\n  line-height: inherit;\n  padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .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-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n  background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  margin-left: 8px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon {\n  opacity: 1;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon:hover > svg {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content {\n  background-color: rgb(28, 41, 60);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon:hover > svg {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .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, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .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, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n  background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: inherit;\n  height: inherit;\n  line-height: inherit;\n  padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: none;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .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-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n  background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  margin-left: 8px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon {\n  opacity: 1;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon > svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon:hover > svg {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content {\n  background-color: rgb(255, 255, 255);\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-item-popper-light > .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(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .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(234, 236, 241);\n}";
 styleInject(css_248z);
 
 const Menu = props => {

package/Menu/interface.d.ts

@@ -21,6 +21,9 @@ export interface LogoProps {
 export interface MenuChildrenProps {
     /** 样式class */
     className?: string;
+    /** 菜单分享icon */
+    jumpIcon?: ReactNode;
+    onClickJump?: (item: MenuChildrenProps) => void;
     /** 菜单名 */
     label?: ReactNode;
     /** 菜单类型 */
@@ -61,6 +64,9 @@ export interface MenuListProps {
     expansion?: boolean;
     /** 菜单列表参数 */
     list?: MenuChildrenProps[];
+    /** 菜单分享icon */
+    jumpIcon?: ReactNode;
+    onClickJump?: (item: MenuChildrenProps) => void;
     /** 当前选中菜单 */
     selectMenu?: string;
     /** 点击菜单 */
@@ -98,6 +104,9 @@ export interface MenuItemPopoverProps {
     /** 主题色 */
     color?: ColorType;
     className?: string;
+    /** 菜单分享icon */
+    jumpIcon?: ReactNode;
+    onClickJump?: (item: MenuChildrenProps) => void;
     [name: string]: any;
 }
 /** 尾部展开 */

package/Message/index.d.ts

@@ -41,7 +41,7 @@ interface MsgGlobalConfig {
     duration?: number;
 }
 export declare const MessageBar: React.FC<InternalMsgConfig>;
-declare const _default: () => JSX.Element;
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
 export default _default;
 export type MsgTypeProps = {
     /**

package/Modal/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { _ as __rest } from '../_verture/tslib.es6-fe0d4b4e.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Dialog from 'rc-dialog';

package/MultiBox/index.js

@@ -9,7 +9,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import '../_verture/tslib.es6-fe0d4b4e.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';

package/Notification/index.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-notification {\n  position: fixed;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-topLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v4-notification-hook-holder, .paraui-v4-notification-notice {\n  position: relative;\n  width: 440px;\n  max-width: calc(100vw - 48px);\n  margin-top: 20px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n  border: 1px solid rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-notification-hook-holder:first-child, .paraui-v4-notification-notice:first-child {\n  margin-top: 0;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-topLeft .paraui-v4-notification-notice, .paraui-v4-notification-bottomLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-bottomLeft .paraui-v4-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v4-notification-hook-holder > .paraui-v4-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v4-notification-notice {\n  padding: 16px;\n  line-height: 1.5715;\n}\n.paraui-v4-notification-notice-content {\n  position: relative;\n}\n.paraui-v4-notification-notice-message {\n  margin-bottom: 10px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v4-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-closable .paraui-v4-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message {\n  margin-bottom: 8px;\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-without-description .paraui-v4-notification-notice-message {\n  margin-bottom: 0;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon {\n  position: absolute;\n  top: 0px;\n  font-size: 18px;\n  line-height: 24px;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-warning {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  color: rgb(92, 101, 115);\n  outline: none;\n}\n.paraui-v4-notification-notice-close:hover {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification-notice-btn {\n  float: right;\n  margin-top: 12px;\n}\n.paraui-v4-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v4-notification-fade-enter, .paraui-v4-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v4-notification-fade-leave.paraui-v4-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 440px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 440px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-notification {\n  position: fixed;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-topLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v4-notification-hook-holder, .paraui-v4-notification-notice {\n  position: relative;\n  width: 440px;\n  max-width: calc(100vw - 48px);\n  margin-top: 20px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n  border: 1px solid rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-notification-hook-holder:first-child, .paraui-v4-notification-notice:first-child {\n  margin-top: 0;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-topLeft .paraui-v4-notification-notice, .paraui-v4-notification-bottomLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-bottomLeft .paraui-v4-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v4-notification-hook-holder > .paraui-v4-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v4-notification-notice {\n  padding: 16px;\n  line-height: 1.5715;\n}\n.paraui-v4-notification-notice-content {\n  position: relative;\n}\n.paraui-v4-notification-notice-message {\n  margin-bottom: 10px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-message.msg-none {\n  margin-bottom: 0;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v4-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-closable .paraui-v4-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message {\n  margin-bottom: 8px;\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message.msg-none {\n  margin-bottom: 0;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description.msg-none {\n  margin-right: 20px;\n}\n.paraui-v4-notification-notice-without-description .paraui-v4-notification-notice-message {\n  margin-bottom: 0;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon {\n  position: absolute;\n  top: 1px;\n  font-size: 18px;\n  line-height: 24px;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-warning {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-notification-notice-close {\n  position: absolute;\n  top: 17px;\n  right: 16px;\n  color: rgb(92, 101, 115);\n  outline: none;\n}\n.paraui-v4-notification-notice-close:hover {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification-notice-btn {\n  float: right;\n  margin-top: 12px;\n}\n.paraui-v4-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v4-notification-fade-enter, .paraui-v4-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v4-notification-fade-leave.paraui-v4-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 440px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 440px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 //通知框实例存储
@@ -203,11 +203,11 @@ function getNoticeProps(args, prefixCls) {
       className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : "".concat(prefixCls, "-without-description"))
     }, {
       children: [iconNode, jsxs("div", Object.assign({
-        className: "".concat(prefixCls, "-message")
+        className: "".concat(prefixCls, "-message ").concat(!message ? 'msg-none' : '')
       }, {
         children: [autoMarginTag, message]
       })), description && jsx("div", Object.assign({
-        className: "".concat(prefixCls, "-description")
+        className: "".concat(prefixCls, "-description ").concat(!message ? 'msg-none' : '')
       }, {
         children: description
       })), btn ? jsx("span", Object.assign({