feat: change center-component to components

packages/codemirror/package.json

@@ -30,7 +30,7 @@
     "@codemirror/view": "^6.36.4",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@kevisual/center-components": "workspace:*",
+    "@kevisual/components": "workspace:*",
     "@kevisual/router": "^0.0.9",
     "@kevisual/store": "^0.0.2",
     "@mui/material": "^6.4.8",

packages/codemirror/src/global.css

@@ -1,3 +1,3 @@
 @import 'tailwindcss';
-@import '@kevisual/center-components/theme/wind-theme.css';
+@import '@kevisual/components/theme/wind-theme.css';
 @import './style.css';

packages/codemirror/src/pages/App.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { CustomThemeProvider } from '@kevisual/center-components/theme/index.tsx';
+import { CustomThemeProvider } from '@kevisual/components/theme/index.tsx';
 import { ToastContainer } from 'react-toastify';
 import { FileEditor } from './file-editor/FileEditor';
 

packages/components/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@kevisual/center-components",
+  "name": "@kevisual/components",
   "version": "0.0.1",
   "description": "center components",
   "scripts": {

packages/components/src/theme/wind-theme.css

@@ -4,6 +4,9 @@
   --color-primary: #ffc107;
   --color-secondary: #ffa000;
   --color-success: #28a745;
+  --color-scrollbar-thumb: #999999;
+  --color-scrollbar-track: rgba(0, 0, 0, 0.1);
+  --color-scrollbar-thumb-hover: #666666;
   --scrollbar-color: #ffc107; /* 滚动条颜色 */
 }
 
@@ -45,7 +48,9 @@ body {
     width: 3px;
     height: 3px;
   }
-
+  &::-webkit-scrollbar-track {
+    background-color: var(--color-scrollbar-track);
+  }
   /* 滚动条有滑块的轨道部分 */
   &::-webkit-scrollbar-track-piece {
     background-color: transparent;
@@ -55,13 +60,13 @@ body {
   /* 滚动条滑块(竖向:vertical 横向:horizontal) */
   &::-webkit-scrollbar-thumb {
     cursor: pointer;
-    background-color: #c1c1c1;
+    background-color: var(--color-scrollbar-thumb);
     border-radius: 5px;
   }
 
   /* 滚动条滑块hover */
   &::-webkit-scrollbar-thumb:hover {
-    background-color: #999999;
+    background-color: var(--color-scrollbar-thumb-hover);
   }
 
   /* 同时有垂直和水平滚动条时交汇的部分 */

packages/components/tsconfig.json

@@ -22,7 +22,7 @@
       "node_modules/@kevisual/types",
     ],
     "paths": {
-      "@kevisual/center-components/*": [
+      "@kevisual/components/*": [
         "src/*"
       ]
     },

packages/resources/package.json

@@ -19,7 +19,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@kevisual/center-components": "workspace:*",
+    "@kevisual/components": "workspace:*",
     "@kevisual/router": "^0.0.9",
     "@kevisual/store": "^0.0.2",
     "@mui/material": "^6.4.8",

packages/resources/src/global.css

@@ -1,4 +1,4 @@
 @import 'tailwindcss';
-@import '@kevisual/center-components/theme/wind-theme.css';
+@import '@kevisual/components/theme/wind-theme.css';
 
 @import './style.css';

packages/resources/src/pages/App.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo } from 'react';
-import { CustomThemeProvider } from '@kevisual/center-components/theme/index.tsx';
+import { CustomThemeProvider } from '@kevisual/components/theme/index.tsx';
 import { Left } from './layout/Left';
 import { Main } from './main/index';
 import { ToastContainer } from 'react-toastify';

packages/resources/src/pages/file/draw/modules/MetaForm.tsx

@@ -1,6 +1,6 @@
 import { useResourceFileStore } from '@kevisual/resources/pages/store/resource-file';
 import { FormControlLabel, Box, ButtonGroup, Tooltip, Typography } from '@mui/material';
-import { IconButton } from '@kevisual/center-components/button/index.tsx';
+import { IconButton } from '@kevisual/components/button/index.tsx';
 import { Info, Plus, Save, Share, Shuffle, Trash } from 'lucide-react';
 import { useState, useEffect } from 'react';
 import { toast } from 'react-toastify';
@@ -10,7 +10,7 @@ import { DatePicker } from './DatePicker';
 import { DialogKey } from './DialogKey';
 import { keysTips, KeyParse } from '../../modules/key-parse';
 import { KeyShareSelect, KeyTextField } from '../../modules/PermissionManager';
-import { TagsInput } from '@kevisual/center-components/select/TagsInput.tsx';
+import { TagsInput } from '@kevisual/components/select/TagsInput.tsx';
 export const setShareKeysOperate = (value: 'public' | 'protected' | 'private') => {
   const keys = ['password', 'usernames', 'expiration-time'];
   const deleteKeys = keys.map((item) => {

packages/resources/src/pages/file/index.tsx

@@ -8,7 +8,7 @@ import { PrefixRedirect } from './modules/PrefixRedirect';
 import { UploadButton } from '../upload';
 import { FileDrawer } from './draw/FileDrawer';
 import { useResourceFileStore } from '../store/resource-file';
-import { IconButtonItem } from '@kevisual/center-components/button/index.tsx';
+import { IconButtonItem } from '@kevisual/components/button/index.tsx';
 export const FileApp = () => {
   const { getList, prefix, setListType, listType } = useResourceStore();
   const { getStatFile, prefix: statPrefix, openDrawer } = useResourceFileStore();

packages/resources/src/pages/file/list/FileTable.tsx

@@ -6,7 +6,7 @@ import { getIcon } from '../FileIcon';
 import { Download, Trash } from 'lucide-react';
 import clsx from 'clsx';
 import { useResourceFileStore } from '@kevisual/resources/pages/store/resource-file';
-import { useModal } from '@kevisual/center-components/modal/Confirm.tsx';
+import { useModal } from '@kevisual/components/modal/Confirm.tsx';
 
 export const FileTable = () => {
   const { list, prefix, download, onOpenPrefix, getList } = useResourceStore();

packages/resources/src/pages/file/modules/PermissionManager.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { KeyParse, getTips } from './key-parse';
 import { FormControlLabel, TextField, Select, MenuItem, Tooltip } from '@mui/material';
 import { DatePicker } from '../draw/modules/DatePicker';
-import { TagsInput } from '@kevisual/center-components/select/TagsInput.tsx';
+import { TagsInput } from '@kevisual/components/select/TagsInput.tsx';
 import { HelpCircle } from 'lucide-react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';