fix: temp

.gitignore

@@ -1,6 +1,7 @@
 # Logs
 logs
 *.log
+.env
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

.npmrc

@@ -1,3 +1,5 @@
+//npm.xiongxiao.me/:_authToken=${ME_NPM_TOKEN}
 @abearxiong:registry=https://npm.pkg.github.com
+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
 @build:registry=https://npm.xiongxiao.me
 @kevisual:registry=https://npm.xiongxiao.me

package.json

@@ -12,39 +12,43 @@
     "pub": "npm run build && npm run deploy"
   },
   "dependencies": {
+    "@kevisual/ui": "^0.0.4-alpha-1",
     "@ant-design/icons": "^5.5.1",
-    "@kevisual/query": "0.0.7-alpha.1",
-    "antd": "^5.21.4",
+    "@kevisual/query": "0.0.7-alpha.3",
+    "@kevisual/router": "0.0.6-alpha-2",
+    "@kevisual/system-ui": "^0.0.3",
+    "antd": "^5.22.2",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "immer": "^10.1.1",
     "lodash-es": "^4.17.21",
-    "nanoid": "^5.0.7",
+    "nanoid": "^5.0.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router": "^6.27.0",
-    "react-router-dom": "^6.27.0",
+    "react-router": "^7.0.1",
+    "react-router-dom": "^7.0.1",
     "react-toastify": "^10.0.6",
-    "zustand": "^5.0.0"
+    "zustand": "^5.0.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.13.0",
+    "@build/tailwind": "^1.0.2-alpha-2",
+    "@eslint/js": "^9.15.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/typography": "^0.5.15",
-    "@types/node": "^22.7.7",
-    "@types/react": "^18.3.11",
+    "@types/node": "^22.10.0",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.13.0",
+    "eslint": "^9.15.0",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.13",
-    "globals": "^15.11.0",
-    "tailwind-merge": "^2.5.4",
-    "tailwindcss": "^3.4.14",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.12.0",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss": "^3.4.15",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.10.0",
-    "vite": "^5.4.9"
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.16.0",
+    "vite": "^6.0.1"
   }
 }

src/App.tsx

@@ -1,4 +1,9 @@
-
 export const App = () => {
-  return <div className="bg-slate-200 w-20 h-10 border">App</div>;
+  return (
+    <div className='bg-slate-200 w-full h-full border'>
+      <div className='loading bg-black'>
+        <div></div>
+      </div>
+    </div>
+  );
 };

src/assets/styles.css

@@ -1,30 +0,0 @@
-.scrollbar {
-  /* 整个滚动条 */
-  &::-webkit-scrollbar {
-    width: 3px;
-    height: 3px;
-  }
-
-  /* 滚动条有滑块的轨道部分 */
-  &::-webkit-scrollbar-track-piece {
-    background-color: transparent;
-    border-radius: 1px;
-  }
-
-  /* 滚动条滑块(竖向:vertical 横向:horizontal) */
-  &::-webkit-scrollbar-thumb {
-    cursor: pointer;
-    background-color: black;
-    border-radius: 5px;
-  }
-
-  /* 滚动条滑块hover */
-  &::-webkit-scrollbar-thumb:hover {
-    background-color: #999999;
-  }
-
-  /* 同时有垂直和水平滚动条时交汇的部分 */
-  &::-webkit-scrollbar-corner {
-    display: block; /* 修复交汇时出现的白块 */
-  }
-}

src/components/loading/index.tsx

@@ -1,12 +0,0 @@
-type LoadingProps = {
-  loading?: boolean;
-  children?: React.ReactNode;
-};
-export const Loading = (props: LoadingProps) => {
-  if (!props.loading) return <>{props.children}</>;
-  return (
-    <div className='w-full h-full flex justify-center items-center'>
-      <div className='w-20 h-20 border-t-8 border-b-8  rounded-full animate-spin'></div>
-    </div>
-  );
-};

src/components/modal/container.tsx

@@ -1,6 +0,0 @@
-export const ForModal = () => {
-  return <div id='for-modal'></div>;
-};
-export const getContainer = () => {
-  return document.querySelector('#for-modal')!;
-};

src/components/modal/index.tsx

@@ -1 +0,0 @@
-export * from './container'

src/globals.css

@@ -1,15 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  h1 {
-    @apply text-2xl font-bold;
-  }
-  h2 {
-    @apply text-xl font-bold;
-  }
-  h3 {
-    @apply text-lg font-bold;
-  }
-}

src/index.css

@@ -1,12 +1,11 @@
-html,
-body {
-  width: 100%;
-  height: 100%;
-  font-size: 16px;
-  font-family: 'Montserrat', sans-serif;
-}
+@tailwind components;
 
 #root {
   width: 100%;
   height: 100%;
 }
+@layer components {
+  .loading-sm {
+    @apply w-4 h-4 border-t-2 border-b-2  rounded-full animate-spin;
+  }
+}

src/main.tsx

@@ -1,8 +1,7 @@
 import { createRoot } from 'react-dom/client';
 import { App } from './App.tsx';
-// import './tailwind.css';
-import './globals.css';
+import '@build/tailwind/main.css';
+
 import './index.css';
-import './assets/styles.css';
 
 createRoot(document.getElementById('root')!).render(<App />);

src/tailwind.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

tailwind.config.js

@@ -1,11 +1,28 @@
-console.log('tailwind.config.js');
+import path from 'path';
+
+const root = path.resolve(process.cwd());
+const contents = ['./src/**/*.{ts,tsx,html}', './src/**/*.css']
+const content = contents.map((item) => path.join(root, item));
 /** @type {import('tailwindcss').Config} */
 export default {
   darkMode: ['class'],
-  content: ['./src/**/*.{ts,tsx}'],
-  plugins: [require('@tailwindcss/aspect-ratio'), require('@tailwindcss/typography'), require('tailwindcss-animate')],
+  content: content,
+  plugins: [
+    require('@tailwindcss/aspect-ratio'), //
+    require('@tailwindcss/typography'),
+    require('tailwindcss-animate'),
+    require('@build/tailwind'),
+  ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        mon: ['Montserrat', 'sans-serif'], // 定义自定义字体族
+        rob: ['Roboto', 'sans-serif'],
+        int: ['Inter', 'sans-serif'],
+        orb: ['Orbitron', 'sans-serif'],
+        din: ['DIN', 'sans-serif'],
+      },
+    },
     screen: {
       sm: '640px',
       // => @media (min-width: 640px) { ... }