feat: tabs

package.json

@@ -23,6 +23,7 @@
     "prepare": "husky",
     "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx ./src",
     "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx ./src",
+    "analysis": "vite-bundle-visualizer --mode prod",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs"
@@ -32,6 +33,9 @@
     "examples/**/*.{js,jsx,ts,tsx}": "eslint --cache --ext .js,.jsx,.ts,.tsx --max-warnings 0"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@loadable/component": "^5.16.4",
     "@zhangsai/model": "^0.0.2",
     "antd": "^5.21.6",
@@ -42,14 +46,16 @@
     "i18next": "^23.16.4",
     "immer": "^10.1.1",
     "react": "^18.3.1",
+    "react-contexify": "^6.0.0",
     "react-countup": "^6.5.3",
     "react-dom": "^18.3.1",
     "react-helmet-async": "^2.0.5",
     "react-i18next": "^15.1.0",
     "react-router-dom": "^6.27.0",
     "react-router-toolset": "^0.0.5",
     "react-use": "^17.5.1",
-    "store2": "^2.14.3"
+    "store2": "^2.14.3",
+    "styled-components": "^6.1.13"
   },
   "devDependencies": {
     "@types/loadable__component": "^5.13.9",
@@ -71,6 +77,7 @@
     "msw": "^2.5.2",
     "typescript": "^5.6.3",
     "vite": "^5.4.10",
+    "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-svgr": "^4.2.0",
     "vitepress": "^1.4.1",

src/components/Hover/index.tsx

@@ -0,0 +1,14 @@
+import { useHover } from 'react-use';
+
+type Props = {
+  children: ((isHovering: boolean) => JSX.Element);
+}
+
+const Hover = (props: Props) => {
+  const hoverChildren = useHover((isHovering: boolean) => {
+    return props.children(isHovering);
+  });
+  return hoverChildren;
+};
+
+export default Hover;