feat: add tooltip title

src/lib/components/data-table/_styles.less

@@ -282,12 +282,6 @@
 					td {
 						opacity: .6;
 					}
-
-					&:hover {
-						td {
-							opacity: 1;
-						}
-					}
 				}
 
 				&--hide {

src/lib/components/menu/_styles.less

@@ -18,6 +18,10 @@
 
 	.ant-menu-item {
 		padding-left: 2rem;
+
+		&-disabled {
+			cursor: default;
+		}
 	}
 
 	.ant-menu-item,

src/lib/components/tooltip/_styles.less

@@ -8,3 +8,15 @@
 	}
 }
 
+
+.c-tooltip-title {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	white-space: nowrap;
+
+	&--align-item-custom {
+		align-items: var(--c-tooltip-title-align-item);
+	}
+}

src/lib/components/tooltip/index.tsx

@@ -1,5 +1,6 @@
 import AntdTooltip from 'antd/lib/tooltip';
 import type { TooltipProps } from 'antd/lib/tooltip';
+import TooltipTitle from './tooltip-title';
 
 const Tooltip = ({ children, ...others }: TooltipProps) => (
   <AntdTooltip mouseEnterDelay={0.5} {...others}>
@@ -8,5 +9,6 @@ const Tooltip = ({ children, ...others }: TooltipProps) => (
 );
 
 Tooltip.displayName = 'Tooltip';
+Tooltip.TooltipTitle = TooltipTitle;
 
 export default Tooltip;

src/lib/components/tooltip/tooltip-title.jsx

@@ -0,0 +1,15 @@
+import classNames from 'classnames';
+
+function TooltipTitle({ alignItem, children }) {
+  const css = classNames({
+    'c-tooltip-title--align-item-custom': alignItem,
+  });
+
+  return (
+    <div className={`c-tooltip-title ${css}`} style={{ '--c-tooltip-title-align-item': alignItem }}>
+      {children}
+    </div>
+  );
+}
+
+export default TooltipTitle;