@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

package/lib/ProViewer/index.js

@@ -1,27 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-require("antd/es/image/style");
-var _image = _interopRequireDefault(require("antd/es/image"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _locale = _interopRequireDefault(require("../locale"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _locale$ProViewer;
 /* eslint-disable jsx-a11y/iframe-has-title */
+
 // 用于解析word | excel
 var officeApp = 'https://view.officeapps.live.com/op/view.aspx?src=';
 
@@ -33,16 +28,33 @@ var MIMEType = {
   excel: 'application/vnd.ms-excel'
 };
 var ProViewer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  var disabled = _ref.disabled,
-    mode = _ref.mode,
-    fileType = _ref.fileType,
-    modalProps = _ref.modalProps,
+  var _locale$ProViewer;
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'page' : _ref$mode,
+    _ref$fileType = _ref.fileType,
+    fileType = _ref$fileType === void 0 ? 'pdf' : _ref$fileType,
+    _ref$modalProps = _ref.modalProps,
+    modalProps = _ref$modalProps === void 0 ? {
+      width: '1200px',
+      height: '650px',
+      centered: true,
+      title: _locale.default === null || _locale.default === void 0 || (_locale$ProViewer = _locale.default.ProViewer) === null || _locale$ProViewer === void 0 ? void 0 : _locale$ProViewer.preview,
+      footer: null,
+      style: {
+        padding: 0
+      }
+    } : _ref$modalProps,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {
+      type: 'link'
+    } : _ref$buttonProps,
     src = _ref.src,
     onClick = _ref.onClick,
     previewFile = _ref.previewFile,
     previewData = _ref.previewData,
-    children = _ref.children,
-    buttonProps = _ref.buttonProps;
+    children = _ref.children;
   var ProViewerRef = (0, _react.useRef)(null);
   var _useSetState = (0, _ahooks.useSetState)({
       imgVisible: false,
@@ -171,13 +183,13 @@ var ProViewer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   }, [previewData]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     className: "pro-viewer",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       disabled: disabled || !url && !previewFile,
       ref: ProViewerRef,
       onClick: previewHandle
     }, buttonProps), {}, {
       children: children
-    })), mode && fileType === 'img' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
+    })), mode && fileType === 'img' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Image, {
       src: url,
       preview: {
         visible: imgVisible,
@@ -187,13 +199,13 @@ var ProViewer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           });
         }
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Modal, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       onCancel: () => {
         setState({
           modalVisible: false
         });
       },
-      visible: modalVisible
+      open: modalVisible
     }, modalProps), {}, {
       children: url && /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
         title: "pro-viewer",
@@ -206,22 +218,4 @@ var ProViewer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }))]
   });
 });
-ProViewer.defaultProps = {
-  modalProps: {
-    width: '1200px',
-    height: '650px',
-    centered: true,
-    title: _locale.default === null || _locale.default === void 0 || (_locale$ProViewer = _locale.default.ProViewer) === null || _locale$ProViewer === void 0 ? void 0 : _locale$ProViewer.preview,
-    footer: null,
-    bodyStyle: {
-      padding: 0
-    }
-  },
-  buttonProps: {
-    type: 'link'
-  },
-  mode: 'page',
-  fileType: 'pdf',
-  disabled: false
-};
 var _default = exports.default = ProViewer;

package/lib/ProViewer/propsType.js

@@ -1 +1,3 @@
-"use strict";
+"use strict";
+
+var _antd = require("antd");

package/lib/ProViewer/style/index.less

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-viewer {
   .@{ant-prefix}-image {

package/lib/ProWaterMark/index.js

@@ -6,16 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _reactWatermark = require("@pansy/react-watermark");
+var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ProWaterMark = props => {
   var content = props.content;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "pro-water-mark",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWatermark.Watermark, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      text: content,
-      monitor: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Watermark, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      content: content,
       children: props === null || props === void 0 ? void 0 : props.children
     }))
   });

package/lib/ProWaterMark/propsType.d.ts

@@ -1,19 +1,15 @@
+import type { ReactNode } from 'react';
 export interface ProWaterMarkType {
     /**
-     * @description       水印是否显示
-     * @default           true
+     * @description       水印内容
+     * @default           -
      */
-    visible?: boolean;
+    children?: ReactNode;
     /**
      * @description       水印文本, 为数组时表示多行水印
      * @default           -
      */
-    content?: string | string[];
-    /**
-     * @description       是否全局设置水印
-     * @default           false
-     */
-    isBody?: boolean;
+    content: string | string[];
     /**
      * @description       水印层级
      * @default           9999
@@ -34,11 +30,6 @@ export interface ProWaterMarkType {
      * @default           64
      */
     height?: number;
-    /**
-     * @description       水印透明度
-     * @default           0.15
-     */
-    opacity?: number;
     /**
      * @description     旋转的角度
      * @default           -22
@@ -59,11 +50,6 @@ export interface ProWaterMarkType {
      * @default          'normal'
      */
     fontStyle?: 'normal' | 'italic';
-    /**
-     * @description     规定字体变体
-     * @default          normal
-     */
-    fontVariant?: 'normal' | 'small-caps';
     /**
      * @description     设置字体颜色
      * @default          #000
@@ -74,10 +60,5 @@ export interface ProWaterMarkType {
      * @default         sans-serif
      */
     fontFamily?: string;
-    /**
-     * @description       展示模式，interval表示错行展示
-     * @default           'interval'
-     */
-    mode?: 'repeat' | 'interval';
 }
 export type ProWaterMarkProps = ProWaterMarkType;

package/lib/global.less

@@ -1,3 +1,4 @@
+/* @import '~antd/dist/reset.css';*/
 @import './style/index.less';
 
 pre {
@@ -10,7 +11,7 @@ pre {
   scrollbar-highlight-color: #979797;
   scrollbar-3dlight-color: #979797;
 
-  ::-webkit-scrollbar  {
+  ::-webkit-scrollbar  {
     width: 16px;
     background: transparent;
   }

package/lib/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="typings" />
-export { default as ProLayout, useProLayoutTabs } from './ProLayout';
+export { default as ProLayout } from './ProLayout';
 export { default as ProStep } from './ProStep';
 export { default as ProTabs } from './ProTabs';
+export { ProCollapse, ProFooter, ProHeader } from './ProLayout/components';
 export { default as ProTable } from './ProTable';
 export { default as ProTooltip } from './ProTooltip';
 export { default as ProViewer } from './ProViewer';
@@ -21,12 +22,11 @@ export { default as ProConfigProvider } from './ProConfigProvider';
 export { default as FormsProvider } from './FormsProvider';
 export { default as ProUpload } from './ProUpload';
 export { default as ProThemeTools } from './ProThemeTools';
+export { ThemeProvider, useTheme } from './ProThemeTools';
 export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
 export * from './locale';
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
-export { default as ProEditableTable } from './old/ProEditableTable';
-export { default as ProCertValidity } from './old/ProCertValidity';
 export type { ProFormType, ProColumnProps, ProFormColumnType } from './ProForm/propsType';
 export type { ProFormComponentType } from './ProForm/components';
 export type { ProTableType, ProTableColumnType, ProTableSummaryType, ProTableUseAntdTableType, ProTableProps, ProTableSummaryProps, ProTableColumn, UseAntdTableState } from './ProTable/propsType';

package/lib/index.js

@@ -1,15 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
   ProLayout: true,
-  useProLayoutTabs: true,
   ProStep: true,
   ProTabs: true,
+  ProCollapse: true,
+  ProFooter: true,
+  ProHeader: true,
   ProTable: true,
   ProTooltip: true,
   ProViewer: true,
@@ -28,10 +30,10 @@ var _exportNames = {
   FormsProvider: true,
   ProUpload: true,
   ProThemeTools: true,
+  ThemeProvider: true,
+  useTheme: true,
   ProAction: true,
-  ProBackBtn: true,
-  ProEditableTable: true,
-  ProCertValidity: true
+  ProBackBtn: true
 };
 Object.defineProperty(exports, "FormsProvider", {
   enumerable: true,
@@ -51,10 +53,10 @@ Object.defineProperty(exports, "ProBackBtn", {
     return _ProBackBtn.default;
   }
 });
-Object.defineProperty(exports, "ProCertValidity", {
+Object.defineProperty(exports, "ProCollapse", {
   enumerable: true,
   get: function get() {
-    return _ProCertValidity.default;
+    return _components.ProCollapse;
   }
 });
 Object.defineProperty(exports, "ProConfigProvider", {
@@ -87,16 +89,16 @@ Object.defineProperty(exports, "ProEditTable", {
     return _ProEditTable.default;
   }
 });
-Object.defineProperty(exports, "ProEditableTable", {
+Object.defineProperty(exports, "ProEnum", {
   enumerable: true,
   get: function get() {
-    return _ProEditableTable.default;
+    return _ProEnum.default;
   }
 });
-Object.defineProperty(exports, "ProEnum", {
+Object.defineProperty(exports, "ProFooter", {
   enumerable: true,
   get: function get() {
-    return _ProEnum.default;
+    return _components.ProFooter;
   }
 });
 Object.defineProperty(exports, "ProForm", {
@@ -111,6 +113,12 @@ Object.defineProperty(exports, "ProFormProvider", {
     return _ProForm.ProFormProvider;
   }
 });
+Object.defineProperty(exports, "ProHeader", {
+  enumerable: true,
+  get: function get() {
+    return _components.ProHeader;
+  }
+});
 Object.defineProperty(exports, "ProIcon", {
   enumerable: true,
   get: function get() {
@@ -183,15 +191,22 @@ Object.defineProperty(exports, "ProWaterMark", {
     return _ProWaterMark.default;
   }
 });
-Object.defineProperty(exports, "useProLayoutTabs", {
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ProThemeTools.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function get() {
-    return _ProLayout.useProLayoutTabs;
+    return _ProThemeTools.useTheme;
   }
 });
-var _ProLayout = _interopRequireWildcard(require("./ProLayout"));
+var _ProLayout = _interopRequireDefault(require("./ProLayout"));
 var _ProStep = _interopRequireDefault(require("./ProStep"));
 var _ProTabs = _interopRequireDefault(require("./ProTabs"));
+var _components = require("./ProLayout/components");
 var _ProTable = _interopRequireDefault(require("./ProTable"));
 var _ProTooltip = _interopRequireDefault(require("./ProTooltip"));
 var _ProViewer = _interopRequireDefault(require("./ProViewer"));
@@ -200,15 +215,15 @@ var _ProDrawerForm = _interopRequireDefault(require("./ProDrawerForm"));
 var _ProEditLabel = _interopRequireDefault(require("./ProEditLabel"));
 var _ProStepTab = _interopRequireDefault(require("./ProStepTab"));
 var _ProForm = _interopRequireWildcard(require("./ProForm"));
-var _components = require("./ProForm/components");
-Object.keys(_components).forEach(function (key) {
+var _components2 = require("./ProForm/components");
+Object.keys(_components2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _components[key]) return;
+  if (key in exports && exports[key] === _components2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _components[key];
+      return _components2[key];
     }
   });
 });
@@ -231,7 +246,7 @@ Object.keys(_ProConfigProvider).forEach(function (key) {
 });
 var _FormsProvider = _interopRequireDefault(require("./FormsProvider"));
 var _ProUpload = _interopRequireDefault(require("./ProUpload"));
-var _ProThemeTools = _interopRequireDefault(require("./ProThemeTools"));
+var _ProThemeTools = _interopRequireWildcard(require("./ProThemeTools"));
 var _ProAction = _interopRequireDefault(require("./ProAction"));
 var _locale = require("./locale");
 Object.keys(_locale).forEach(function (key) {
@@ -246,8 +261,6 @@ Object.keys(_locale).forEach(function (key) {
   });
 });
 var _ProBackBtn = _interopRequireDefault(require("./ProLayout/components/ProHeader/components/ProBackBtn"));
-var _ProEditableTable = _interopRequireDefault(require("./old/ProEditableTable"));
-var _ProCertValidity = _interopRequireDefault(require("./old/ProCertValidity"));
 var _tokens = require("./tokens");
 Object.keys(_tokens).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/locale/en_US.js

@@ -68,7 +68,7 @@ var _default = exports.default = {
     unExpand: 'Put it all away',
     expand: 'Expand all',
     all: 'Select all',
-    emptyTips: "Oops, what you were looking for couldn't be found"
+    emptyTips: "what you were looking for couldn't be found"
   },
   ProUpload: {
     exampleTitle: 'View sample',

package/lib/locale/index.d.ts

@@ -1,3 +1,5 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
 /** 设置语言
  * lang当前语言
  * isReload 切换语言后是否刷新页面，一般在项目上使用都需要刷新

package/lib/locale/index.js

@@ -7,9 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.formatMessage = formatMessage;
 exports.setLanguage = void 0;
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+require("dayjs/locale/zh-cn");
+require("dayjs/locale/en");
 var _zh_CN = _interopRequireDefault(require("./zh_CN"));
 var _en_US = _interopRequireDefault(require("./en_US"));
+// 导入dayjs的中文locale包
+
+// 设置默认语言为中文
+_dayjs.default.locale('zh-cn');
 var activeLang = localStorage.getItem('locale') || 'zh-CN';
 var langMap = {
   'zh-CN': _zh_CN.default,
@@ -24,18 +30,23 @@ var langMap = {
 var setLanguage = (lang, isReload) => {
   activeLang = lang;
   localStorage.setItem('locale', lang);
-  _moment.default.locale(lang.toLowerCase());
+  // 将语言代码转换为dayjs支持的格式
+  var dayjsLocale = lang.toLowerCase() === 'zh-cn' ? 'zh-cn' : 'en';
+  _dayjs.default.locale(dayjsLocale);
   if (isReload) {
     window.location.reload();
   }
 };
 
+// 初始化时设置语言
+exports.setLanguage = setLanguage;
+setLanguage(activeLang);
+
 /**
  * @param str 待替换字符串 eg: 我是{name},年龄{age}
  * @param variables 变量对象 {name: 'xx', age: 23}
  * @returns 替换后字符串 我是xx,年龄23
  */
-exports.setLanguage = setLanguage;
 function formatMessage(str, variables) {
   return str.replace(/{\s*([\w\s]+)\s*}/g, (match, variable) => {
     var trimmedVariable = variable.trim();

package/lib/locale/zh_CN.js

@@ -68,7 +68,7 @@ var _default = exports.default = {
     unExpand: '全部收起',
     expand: '全部展开',
     all: '全选',
-    emptyTips: '诶呀，没有找到您要查询的内容'
+    emptyTips: '没有找到您要查询的内容'
   },
   ProUpload: {
     exampleTitle: '查看示例',

package/lib/style/components.less

@@ -23,6 +23,3 @@
 @import '../ProIcon/style/index';
 @import '../ProThemeTools/style/index';
 @import '../ProDownload/style/index';
-
-// old 待废弃
-@import '../old/ProEditableTable/style/index';

package/lib/style/index.less

@@ -1,2 +1,2 @@
-@import "./components.less";
 @import "./theme/antd.less";
+@import "./components.less";

package/lib/style/theme/antd.less

@@ -1,6 +1,4 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
-@import './index';
+@import './base';
 
 @zat-disabled-color: #bcbcbc;
 
@@ -71,6 +69,7 @@
       }
     }
 
+
     .@{ant-prefix}-form-item-explain-error {
       .set-text-size();
     }
@@ -88,7 +87,7 @@
   }
 
   .@{ant-prefix}-form-item {
-    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1)) !important;
+    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
   }
 }
 
@@ -104,6 +103,10 @@
 
 // ant-table
 .@{ant-prefix}-table {
+
+  .@{ant-prefix}-table-row.@{ant-prefix}-table-row-selected >.@{ant-prefix}-table-cell-row-hover{
+    background-color: #e6f4ff !important;
+  }
   .@{ant-prefix}-empty-normal {
     margin: calc(var(--zaui-space-size-lg; 32px) * var(--zaui-size; 1)) 0;
   }
@@ -165,7 +168,7 @@
     }
 
     tr.@{ant-prefix}-table-row:hover td {
-      background-color: @zaui-table-hover-bg !important;
+      background-color: @zaui-table-hover-bg;
     }
 
     & > tr > td {
@@ -303,7 +306,7 @@
         }
 
         .@{ant-prefix}-table-row:nth-child(odd) {
-          background-color: @zaui-table-strip-bg !important;
+          background-color: @zaui-table-strip-bg;
 
           & td {
             background-color: @zaui-table-strip-bg !important;
@@ -334,6 +337,12 @@
         }
       }
 
+      &.@{ant-prefix}-table-tbody-virtual {
+        .@{ant-prefix}-table-row:nth-child(odd),.@{ant-prefix}-table-row:nth-child(even) {
+          background-color: transparent !important;
+        }
+      }
+
       .@{ant-prefix}-table-row:nth-child(odd) {
         background-color: @zaui-table-strip-bg;
 
@@ -342,6 +351,8 @@
         }
       }
     }
+    
+
   }
 }
 
@@ -412,7 +423,7 @@
   &.@{ant-prefix}-btn-link[disabled]:hover,
   &.@{ant-prefix}-btn-link[disabled]:focus,
   &.@{ant-prefix}-btn-link[disabled]:active {
-    color: @zat-disabled-color;
+    color: @zat-disabled-color !important;
     text-shadow: none;
     background: none;
     border-color: none;
@@ -421,7 +432,12 @@
   }
 
   &.@{ant-prefix}-btn-link {
-    .set-brand-color();
+    .set-brand-color() !important;
+    background: none !important;
+    box-shadow: none !important;
+    &:hover {
+      color: @zaui-brand !important;
+    }
   }
 }
 
@@ -656,35 +672,6 @@
   width: 100%;
 }
 
-.@{ant-prefix}-input-textarea {
-  position: relative;
-
-  textarea.@{ant-prefix}-input {
-    padding-bottom: 20px;
-  }
-
-  &.@{ant-prefix}-input-textarea-show-count.@{ant-prefix}-input-textarea-in-form-item {
-    &::after {
-      background: transparent;
-    }
-
-    &.disabled {
-      &::after {
-        background: #f2f2f2;
-      }
-    }
-
-    &::after {
-      position: absolute;
-      right: 16px;
-      bottom: 1px;
-      width: calc(100% - 18px);
-      margin-bottom: 0;
-      text-align: right;
-    }
-  }
-}
-
 // 间隔
 .@{ant-prefix}-space {
   &.@{ant-prefix}-space-vertical {
@@ -725,6 +712,16 @@
 
 // tooltip样式重载
 .@{ant-prefix}-tooltip {
+  > .@{ant-prefix}-tooltip-arrow {
+    &::before,
+    &::after {
+      background: linear-gradient(
+        to right bottom,
+        rgba(255, 255, 255, 0.95),
+        rgba(255, 255, 255, 1)
+      );
+    }
+  }
   > .@{ant-prefix}-tooltip-content {
     > .@{ant-prefix}-tooltip-inner {
       max-height: 360px;
@@ -736,24 +733,15 @@
         0 9px 28px 8px rgba(0, 0, 0, 0.05);
       &::selection {
         color: inherit !important;
-        background: rgba(@primary-color, 0.3) !important;
+        background: rgba(0, 106, 255, 0.3) !important;
       }
       > div {
         &::selection {
           color: inherit !important;
-          background: rgba(@primary-color, 0.3) !important;
+          background: rgba(0, 106, 255, 0.3) !important;
         }
       }
     }
-    > .@{ant-prefix}-tooltip-arrow {
-      > .@{ant-prefix}-tooltip-arrow-content {
-        --antd-arrow-background-color: linear-gradient(
-          to right bottom,
-          rgba(255, 255, 255, 0.95),
-          rgba(255, 255, 255, 1)
-        );
-      }
-    }
   }
 }