@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/es/ProIcon/config/index.js

@@ -255,6 +255,7 @@ export var iconMap = [{
   'text-cn': '调整序号',
   'text-en': 'adjust order'
 }];
+
 // 渐变色icon预设
 export var themeMap = {
   '#006AFF': ['#ADDDFF', '#5FB3D8', '#4181FF'],
@@ -263,6 +264,7 @@ export var themeMap = {
   '#A00F20': ['#FFFFFF', '#E47B7B', '#A00E20'],
   '#31AF96': ['#5FD8C7', '#5FD8C7', '#31AF96']
 };
+
 // 双色icon预设
 export var themeFillMap = {
   '#006AFF': ['none', '#87F1FC', 'black', '#4181FF'],

package/es/ProIcon/index.js

@@ -1,24 +1,20 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _uniqBy from "lodash/uniqBy";
 var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList", "src", "actionMap", "tooltip", "buttonIcon"];
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useLocalStorageState, useSetState, useDeepCompareLayoutEffect } from 'ahooks';
+import { Button, Tooltip, Space } from 'antd';
 import classNames from 'classnames';
+import { uniqBy } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import { useEffect } from 'react';
-import { useProConfig } from '../ProConfigProvider';
-import { iconMap } from './config';
-import { onBeforeInjection } from './utils';
-import locale from '../locale';
-import './symbolIcon.js';
+import { useProConfig } from "../ProConfigProvider";
+import { iconMap } from "./config";
+import { onBeforeInjection } from "./utils";
+import locale from "../locale";
+import "./symbolIcon.js";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ProIcon = function ProIcon(props) {
   var _window, _window2;
   var _useProConfig = useProConfig(),
@@ -56,25 +52,29 @@ var ProIcon = function ProIcon(props) {
     buttonIcon = _config$buttonIcon === void 0 ? true : _config$buttonIcon,
     reset = _objectWithoutProperties(_config, _excluded);
   var _useSetState = useSetState({
-      IconInstance: _jsx(_Fragment, {})
+      IconInstance: /*#__PURE__*/_jsx(_Fragment, {})
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     IconInstance = _useSetState2[0].IconInstance,
     setState = _useSetState2[1];
+
   // 主题色 primaryColor 用于单应用或处于组件库文档内 qiankunPrimaryColor用于主子应用
   var _ref = antdTheme !== null && antdTheme !== void 0 ? antdTheme : {},
     _ref$primaryColor = _ref.primaryColor,
     primaryColor = _ref$primaryColor === void 0 ? '#006AFF' : _ref$primaryColor,
     _ref$qiankunPrimaryCo = _ref.qiankunPrimaryColor,
     qiankunPrimaryColor = _ref$qiankunPrimaryCo === void 0 ? '#006AFF' : _ref$qiankunPrimaryCo;
+
   // 本地存储初始化主题
   var _useLocalStorageState = useLocalStorageState('themeConfig'),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
     themeConfig = _useLocalStorageState2[0];
+
   // 文档内部就不用判断window.top !== window.self了
   var isQiankun =
   // @ts-ignore
   ((_window = window) === null || _window === void 0 ? void 0 : _window.__POWERED_BY_QIANKUN__) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.isMicroApp);
+
   // 语言
   var language = locale.ProIcon.language;
   var rotateStyle = rotate ? {
@@ -88,21 +88,25 @@ var ProIcon = function ProIcon(props) {
     'pro-icon-btn': disabled
   });
   var _mode = mode || 'icon';
+
   // 观察者实例
   var observer;
+
   // 特殊情况，如果指定了type，并且没有接收到组件内的mode，那模式就是icon
   if (type && !props.mode) {
     _mode = 'icon';
   }
   var targetTextFill = "text-".concat(language); // text-cn text-en
+
   var isIconMode = _mode === 'icon';
   var isExtendButtonMode = !isIconMode || isIconMode && disabled;
-  var mergedMapList = _uniqBy(mapList.concat(iconMap), targetTextFill);
+  var mergedMapList = uniqBy(mapList.concat(iconMap), targetTextFill);
   var _type = type;
   var _text = children;
   // svg图标对应文本
   var iconText = tooltip || '';
   var typeIsExistAndIncludeEnglish = _type && /[a-zA-Z]/.test(_type);
+
   // 模式为icon下，对传入的text进行指定语言-icon 映射
   if (isIconMode && !type) {
     if (_text) {
@@ -115,6 +119,7 @@ var ProIcon = function ProIcon(props) {
       }
     }
   }
+
   // 模式为button下，对传入的type进行icon-指定语言 映射
   if (!isIconMode) {
     if (typeIsExistAndIncludeEnglish) {
@@ -134,16 +139,16 @@ var ProIcon = function ProIcon(props) {
       height: size
     }, rotateStyle), style)
   };
-  var icon = !src ? _jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
+  var icon = !src ? /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
     style: _objectSpread({
       color: color
     }, svgProps === null || svgProps === void 0 ? void 0 : svgProps.style),
     onClick: onClick,
     "aria-hidden": "true",
-    children: _jsx("use", {
+    children: /*#__PURE__*/_jsx("use", {
       xlinkHref: "#icon-".concat(_type)
     })
-  })) : _jsx(ReactSVG, _objectSpread(_objectSpread({}, svgProps), {}, {
+  })) : /*#__PURE__*/_jsx(ReactSVG, _objectSpread(_objectSpread({}, svgProps), {}, {
     // @ts-ignore
     onClick: onClick,
     "aria-hidden": "true",
@@ -159,12 +164,12 @@ var ProIcon = function ProIcon(props) {
       }
     }
   }));
-  var RenderIcon = _jsx("span", _objectSpread(_objectSpread({
+  var RenderIcon = /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: "anticon"
   }, reset), {}, {
-    children: _jsx(_Tooltip, {
+    children: /*#__PURE__*/_jsx(Tooltip, {
       title: iconText,
-      children: buttonIcon ? _jsx(_Button, _objectSpread({
+      children: buttonIcon ? /*#__PURE__*/_jsx(Button, _objectSpread({
         style: {
           width: size,
           height: size,
@@ -175,8 +180,8 @@ var ProIcon = function ProIcon(props) {
         },
         type: "text",
         icon: icon
-      }, buttonProps)) : _jsx(_Space, {
-        children: _jsx("span", {
+      }, buttonProps)) : /*#__PURE__*/_jsx(Space, {
+        children: /*#__PURE__*/_jsx("span", {
           style: {
             width: size,
             height: size,
@@ -198,13 +203,13 @@ var ProIcon = function ProIcon(props) {
         var targetEntries = mutationsList[0];
         if (targetEntries) {
           if (targetEntries && targetEntries.target) {
-            var _Object$values, _Object$values$find, _Object$values$find$v3, _targetEntries$target, _targetEntries$target2;
+            var _Object$values, _targetEntries$target, _targetEntries$target2;
             var _Object$values$find$v = // @ts-ignore
-              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 ? void 0 : (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 ? void 0 : (_Object$values$find = _Object$values.find(function (item) {
+              (_Object$values = Object.values((_targetEntries$target = targetEntries === null || targetEntries === void 0 || (_targetEntries$target2 = targetEntries.target) === null || _targetEntries$target2 === void 0 ? void 0 : _targetEntries$target2.attributes) !== null && _targetEntries$target !== void 0 ? _targetEntries$target : {})) === null || _Object$values === void 0 || (_Object$values = _Object$values.find(function (item) {
                 return item.nodeName === 'style';
               })
               // @ts-ignore
-              ) === null || _Object$values$find === void 0 ? void 0 : (_Object$values$find$v3 = _Object$values$find.value) === null || _Object$values$find$v3 === void 0 ? void 0 : _Object$values$find$v3.match(/--zaui-brand:(.*?);/),
+              ) === null || _Object$values === void 0 || (_Object$values = _Object$values.value) === null || _Object$values === void 0 ? void 0 : _Object$values.match(/--zaui-brand:(.*?);/),
               _Object$values$find$v2 = _slicedToArray(_Object$values$find$v, 2),
               label = _Object$values$find$v2[0],
               value = _Object$values$find$v2[1];
@@ -216,7 +221,8 @@ var ProIcon = function ProIcon(props) {
                     theme: {
                       primaryColor: primaryColor,
                       qiankunPrimaryColor: value === null || value === void 0 ? void 0 : value.trim()
-                    }
+                    },
+                    forms: {}
                   }
                 });
               }
@@ -242,7 +248,7 @@ var ProIcon = function ProIcon(props) {
         attributeFilter: ['style']
       });
       // 未变更时及初始化时
-      var extendFromMainColor = themeConfig === null || themeConfig === void 0 ? void 0 : (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiBrand;
+      var extendFromMainColor = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiBrand;
       if (extendFromMainColor && qiankunPrimaryColor !== extendFromMainColor) {
         dispatch({
           type: 'set',
@@ -250,7 +256,8 @@ var ProIcon = function ProIcon(props) {
             theme: {
               primaryColor: primaryColor,
               qiankunPrimaryColor: extendFromMainColor
-            }
+            },
+            forms: {}
           }
         });
       }
@@ -268,9 +275,9 @@ var ProIcon = function ProIcon(props) {
       IconInstance: RenderIcon
     });
   }, [_config, primaryColor, qiankunPrimaryColor, language, svgProps]);
-  return !isExtendButtonMode ? IconInstance : _jsx(_Tooltip, {
+  return !isExtendButtonMode ? IconInstance : /*#__PURE__*/_jsx(Tooltip, {
     title: tooltip,
-    children: _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
       type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
       className: proIconClassNames,
       disabled: disabled,

package/es/ProIcon/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-icon {
   cursor: pointer;

package/es/ProIcon/utils/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { themeMap, themeFillMap } from '../config';
-var _recurseGetNodes = function recurseGetNodes(type, node, queue) {
+import { themeMap, themeFillMap } from "../config";
+export var recurseGetNodes = function recurseGetNodes(type, node, queue) {
   switch (type) {
     // 渐变
     case 'gradation':
@@ -19,11 +19,10 @@ var _recurseGetNodes = function recurseGetNodes(type, node, queue) {
   }
   if (node.childNodes) {
     for (var i = 0; i < node.childNodes.length; i++) {
-      _recurseGetNodes(type, node.childNodes[i], queue);
+      recurseGetNodes(type, node.childNodes[i], queue);
     }
   }
 };
-export { _recurseGetNodes as recurseGetNodes };
 export var onBeforeInjection = function onBeforeInjection(_ref) {
   var svg = _ref.svg,
     actionMap = _ref.actionMap,
@@ -50,7 +49,7 @@ export var onBeforeInjection = function onBeforeInjection(_ref) {
     // 目前只支持处理渐变及fill填充
     var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
     types.forEach(function (typeKey) {
-      _recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
+      recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
     });
     if ((gradList === null || gradList === void 0 ? void 0 : gradList.length) > 0) {
       nodeMap.gradation.forEach(function (item, index) {

package/es/ProLayout/components/Layout/Header/index.js

@@ -1,6 +1,8 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import logoImg from '../../../images/logoImg.png';
+import logoImg from "../../../images/logoImg.png";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Header = function Header(props) {
   var headerHeight = props.headerHeight,
     pure = props.pure,
@@ -9,29 +11,29 @@ var Header = function Header(props) {
     rightContentRender = props.rightContentRender,
     title = props.title,
     logo = props.logo;
-  if (pure === true || (pure === null || pure === void 0 ? void 0 : pure.topMenu)) {
-    return _jsx(_Fragment, {});
+  if (pure === true || pure !== null && pure !== void 0 && pure.topMenu) {
+    return /*#__PURE__*/_jsx(_Fragment, {});
   }
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames({
       'pro-layout-header': true,
-      'pro-layout-header-pure': typeof pure !== 'boolean' ? pure.topMenu : pure
+      'pro-layout-header-pure': typeof pure !== 'boolean' ? pure === null || pure === void 0 ? void 0 : pure.topMenu : pure
     }),
     style: {
       height: headerHeight
     },
-    children: [headerTitleRender || _jsxs("div", {
+    children: [headerTitleRender || /*#__PURE__*/_jsxs("div", {
       className: "pro-layout-header-logo",
-      children: [_jsx("span", {
-        children: logo || _jsx("img", {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: logo || /*#__PURE__*/_jsx("img", {
           className: "default-logo",
           src: logoImg,
           alt: "logo"
         })
-      }), title ? _jsx("h4", {
+      }), title ? /*#__PURE__*/_jsx("h4", {
         children: title
       }) : null]
-    }), headerContentRender || null, rightContentRender ? _jsx("div", {
+    }), headerContentRender || null, rightContentRender ? /*#__PURE__*/_jsx("div", {
       className: "pro-layout-header-actions",
       children: rightContentRender
     }) : null]

package/es/ProLayout/components/Layout/Icon/Icon.js

@@ -1,5 +1,5 @@
+import React, { useEffect } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
 var customCache = new Set();
 var Icon = function Icon(props) {
   // @ts-ignore
@@ -20,12 +20,12 @@ var Icon = function Icon(props) {
   useEffect(function () {
     loadSymbol(iconfontUrl);
   }, []);
-  return _jsx("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     className: "pro-layout-icon",
     "aria-hidden": "true",
     onClick: onClick,
     style: style,
-    children: _jsx("use", {
+    children: /*#__PURE__*/_jsx("use", {
       xlinkHref: "#icon-".concat(type)
     })
   });

package/es/ProLayout/components/Layout/Icon/index.js

@@ -1,2 +1,2 @@
-import Icon from './Icon';
+import Icon from "./Icon";
 export default Icon;

package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -1,16 +1,14 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
+import { Popover, Tooltip } from 'antd';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { Icon } from '../../index';
-import SideMenu from '../SideMenu';
-import { LayoutContext } from '../../../../index';
-import { getUrlParams, getPathNameKey } from '../../../../utils';
+import { Icon } from "../../index";
+import SideMenu from "../SideMenu";
+import { LayoutContext } from "../../../../index";
+import { getUrlParams, getPathNameKey } from "../../../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var FoldMenu = function FoldMenu(props) {
   var style = props.style,
     dataSource = props.dataSource;
@@ -28,10 +26,10 @@ var FoldMenu = function FoldMenu(props) {
   var _useContext = useContext(LayoutContext),
     selectedPath = _useContext.selectedPath,
     onSelected = _useContext.onSelected;
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-layout-menu-fold",
     style: _objectSpread({}, style),
-    children: _jsx("ul", {
+    children: /*#__PURE__*/_jsx("ul", {
       className: "pro-layout-menu-fold-list",
       style: _objectSpread({}, style),
       children: menus.map(function (item, index) {
@@ -45,11 +43,13 @@ var FoldMenu = function FoldMenu(props) {
           hideInMenu = item.hideInMenu,
           children = item.children;
         var toPath = item.redirectUrl || item.url;
+
         // 隐藏菜单
         if (hideInMenu) {
           return null;
         }
         var selectedMenu = getUrlParams('activeMenu');
+
         // 取第一级
         var currentKeyIdPath = getPathNameKey({
           menus: menus,
@@ -58,55 +58,61 @@ var FoldMenu = function FoldMenu(props) {
         var cls = classnames({
           active: currentKeyIdPath.includes(id)
         });
+
         // 是否包含子级菜单
         var hasChildrenMenu = Array.isArray(children) && children.length;
+
         // 一级li Dom节点
-        var LiNode = _jsx("li", {
-          id: url === null || url === void 0 ? void 0 : (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
+        var LiNode = /*#__PURE__*/_jsx("li", {
+          id: url === null || url === void 0 || (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
           className: "".concat(cls, " pro-layout-menu-fold-li"),
-          children: _jsxs("div", {
-            children: [imgUrl ? _jsx("img", {
+          children: /*#__PURE__*/_jsxs("div", {
+            children: [imgUrl ? /*#__PURE__*/_jsx("img", {
               className: "pro-layout-icon",
               src: pathNamePrefix === url ? imgActiveUrl || imgUrl : imgUrl,
               alt: "icon"
-            }) : _jsx(Icon, {
+            }) : /*#__PURE__*/_jsx(Icon, {
               type: icon || '',
               iconfontUrl: iconfontUrl || ''
-            }), _jsx("h2", {
+            }), /*#__PURE__*/_jsx("h2", {
               children: name
             })]
           })
         }, "".concat(id, "-").concat(name));
-        return hasChildrenMenu ? _jsx(_Popover, {
+        return hasChildrenMenu ? /*#__PURE__*/_jsx(Popover, {
           mouseEnterDelay: 0,
-          content: _jsx(SideMenu, {
+          content: /*#__PURE__*/_jsx(SideMenu, {
             dataSource: _objectSpread(_objectSpread({}, dataSource), {}, {
               menus: item
             })
           }),
           color: "#fff",
-          overlayClassName: noticeCls,
-          overlayInnerStyle: {
-            marginTop: headerHeight - 48,
-            height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0), "px)")
+          classNames: {
+            root: noticeCls
+          },
+          styles: {
+            body: {
+              marginTop: headerHeight - 48,
+              height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0), "px)")
+            }
           },
           placement: "rightTop",
           children: LiNode
-        }, "".concat(id, "-").concat(name)) : !collapsed ? _jsx(_Tooltip, {
+        }, "".concat(id, "-").concat(name)) : !collapsed ? /*#__PURE__*/_jsx(Tooltip, {
           placement: "right",
           title: name,
-          children: _jsx("span", {
+          children: /*#__PURE__*/_jsx("span", {
             onClick: function onClick() {
               onSelected({
                 selectedPath: toPath
               });
             },
-            children: _jsx(Link, {
+            children: /*#__PURE__*/_jsx(Link, {
               to: toPath,
               children: LiNode
             }, toPath)
           })
-        }, toPath) : _jsx(Link, {
+        }, toPath) : /*#__PURE__*/_jsx(Link, {
           to: toPath,
           children: LiNode
         }, toPath);

package/es/ProLayout/components/Layout/Menu/FoldMenu/style/index.less

@@ -1,38 +1,37 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-layout-menu-fold-list {
   padding-top: 4px;
-  overflow-y : auto;
+  overflow-y: auto;
 
   li {
-    width        : 100%;
-    min-height   : 48px;
-    padding      : 12px;
-    overflow     : hidden;
+    width: 100%;
+    min-height: 48px;
+    padding: 12px;
+    overflow: hidden;
     text-overflow: ellipsis;
 
     div {
-      display        : flex;
-      align-items    : center;
+      display: flex;
+      align-items: center;
       justify-content: center;
-      color          : var(--zaui-text, #343434);
+      color: var(--zaui-text, #343434);
 
       .pro-layout-icon {
-        flex     : 0 0 20px;
-        width    : 20px;
-        height   : 20px;
+        flex: 0 0 20px;
+        width: 20px;
         min-width: 20px;
-        color    : #fff;
+        height: 20px;
+        color: #fff;
       }
 
       h2 {
-        flex-grow    : 1;
-        margin-bottom: 0;
-        opacity      : 1;
-        transition   : opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
-          margin 0.3s, color 0.3s;
         display: none;
+        flex-grow: 1;
+        margin-bottom: 0;
+        opacity: 1;
+        transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
       }
     }
 
@@ -42,20 +41,20 @@
 
     i {
       display: inline-block;
-      width  : 19px;
-      color  : #909090;
+      width: 19px;
+      color: #909090;
     }
 
     h2 {
-      display     : inline-block;
+      display: inline-block;
       padding-left: var(--zaui-space-size-sm, 8px);
-      color       : var(--zaui-base-bg, #ffffff);
-      font-weight : normal;
-      font-size   : var(--zaui-font-size-md, 14px);
+      color: var(--zaui-base-bg, #ffffff);
+      font-weight: normal;
+      font-size: var(--zaui-font-size-md, 14px);
     }
 
     &.active {
-      background-color: var(--zaui-brand, #006AFF);
+      background-color: var(--zaui-brand, #006aff);
 
       a {
         h2 {
@@ -67,37 +66,41 @@
 }
 
 .pro-layout-menu-tooltip {
-  top       : 48px !important;
-  transform : none !important;
-  transition: none !important
+  top: 48px !important;
+  transform: none !important;
+  transition: none !important;
 }
 
 .pro-layout-menu-tooltip.pro-layout-menu-tooltip-has-notice {
-  top: 80px !important
+  top: 80px !important;
 }
 
 .pro-layout-menu-tooltip.pro-layout-menu-tooltip-nav-open.@{ant-prefix}-popover-placement-rightBottom,
 .pro-layout-menu-tooltip.pro-layout-menu-tooltip-nav-open.@{ant-prefix}-popover-placement-rightTop {
-  left: 220px !important
+  left: 220px !important;
 }
 
 .pro-layout-menu-tooltip.@{ant-prefix}-popover-placement-rightBottom,
 .pro-layout-menu-tooltip.@{ant-prefix}-popover-placement-rightTop {
-  position    : fixed;
-  z-index     : 1001;
-  left        : 49px !important;
-  padding-left: 0
+  position: fixed;
+  left: 49px !important;
+  z-index: 99;
+  padding-left: 0;
+
+  .@{ant-prefix}-popover-arrow {
+    display: none;
+  }
 }
 
 .pro-layout-menu-tooltip .@{ant-prefix}-popover-inner-content {
-  padding: 0
+  padding: 0;
 }
 
-.pro-layout-menu-tooltip .@{ant-prefix}-popover-content>.@{ant-prefix}-popover-arrow {
-  display: none
+.pro-layout-menu-tooltip .@{ant-prefix}-popover-content > .@{ant-prefix}-popover-arrow {
+  display: none;
 }
 
 .pro-layout-menu-tooltip .@{ant-prefix}-popover-content .@{ant-prefix}-popover-inner {
-  padding   : 0;
+  padding: 0;
   box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
 }