refactor: splitting and reorganizing style files

packages/styles/package.json

@@ -24,6 +24,15 @@
       "types": "./src/index.ts",
       "development": "./src/index.ts",
       "default": "./dist/index.mjs"
+    },
+    "./antd": {
+      "types": "./src/antd/index.ts",
+      "development": "./src/antd/index.ts",
+      "default": "./dist/antd.mjs"
+    },
+    "./bem": {
+      "development": "./src/bem/bem.scss",
+      "default": "./dist/bem.scss"
     }
   },
   "publishConfig": {

packages/styles/src/antd/base.css

@@ -0,0 +1,8 @@
+/* ant-design-vue 组件库的一些样式重置 */
+
+.ant-app {
+  width: 100%;
+  height: 100%;
+  overscroll-behavior: none;
+  color: inherit;
+}

packages/styles/src/antd/index.ts

@@ -0,0 +1 @@
+import './base.css';

packages/styles/src/bem/bem.scss

@@ -0,0 +1 @@
+@import '@vben-core/design/bem';

packages/styles/src/common/nprogress.css

@@ -1,79 +0,0 @@
-/* Make clicks pass-through */
-#nprogress {
-  pointer-events: none;
-}
-
-#nprogress .bar {
-  @apply bg-primary;
-
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1031;
-  width: 100%;
-  height: 2px;
-}
-
-/* Fancy blur effect */
-#nprogress .peg {
-  position: absolute;
-  right: 0;
-  display: block;
-  width: 100px;
-  height: 100%;
-  box-shadow:
-    0 0 10px hsl(var(--primary)),
-    0 0 5px hsl(var(--primary));
-  opacity: 1;
-  transform: rotate(3deg) translate(0, -4px);
-}
-
-/* Remove these to get rid of the spinner */
-#nprogress .spinner {
-  position: fixed;
-  top: 15px;
-  right: 15px;
-  z-index: 1031;
-  display: block;
-}
-
-#nprogress .spinner-icon {
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  border: solid 2px transparent;
-  border-top-color: hsl(var(--primary));
-  border-left-color: hsl(var(--primary));
-  border-radius: 50%;
-  animation: nprogress-spinner 400ms linear infinite;
-}
-
-.nprogress-custom-parent {
-  position: relative;
-  overflow: hidden;
-}
-
-.nprogress-custom-parent #nprogress .spinner,
-.nprogress-custom-parent #nprogress .bar {
-  position: absolute;
-}
-
-@keyframes nprogress-spinner {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes nprogress-spinner {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}

packages/styles/src/index.scss

@@ -1,3 +0,0 @@
-@import './tokens/light';
-@import './tokens/dark';
-@import './common/nprogress.css';

packages/styles/src/index.ts

@@ -1,6 +1,2 @@
 import '@vben-core/design';
 import '@vben-core/design-tokens';
-
-import '@vben-core/design/tailwind';
-
-import './index.scss';

packages/styles/src/tokens/light.scss

@@ -1,8 +0,0 @@
-/* https://gavin-yyc.github.io/colorconvert/ */
-:root {
-  --font-geist-sans: 'geist-sans', -apple-system, blinkmacsystemfont, 'Segoe UI',
-    roboto, helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol';
-
-  /* authentication */
-}

packages/styles/vite.config.mts

@@ -1,3 +1,16 @@
 import { defineConfig } from '@vben/vite-config';
 
-export default defineConfig();
+export default defineConfig({
+  vite: {
+    build: {
+      lib: {
+        entry: {
+          antd: 'src/antd/index.ts',
+          index: 'src/index.ts',
+        },
+        fileName: (_format, name) => `${name}.mjs`,
+      },
+    },
+    publicDir: 'src/bem',
+  },
+});