feat: add Tailwind CSS integration and define base styles

Author: tangjinzhou

packages-config/tailwind-config/package.json

@@ -1,17 +1,17 @@
 // @ts-nocheck
 
-import { readFileSync } from 'node:fs';
-import { resolve } from 'node:path';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
 
 /**
  * @type {import('./index.d.ts').GetUserConfig}
  */
 export default dirname =>
   defineConfig(({ mode }) => {
-    const pkg = JSON.parse(readFileSync(resolve(dirname, './package.json'), 'utf-8'));
-    const isDev = mode === 'development';
+    const pkg = JSON.parse(readFileSync(resolve(dirname, './package.json'), 'utf-8'))
+    const isDev = mode === 'development'
     return {
       plugins: [
         dts({
@@ -23,29 +23,23 @@ export default dirname =>
         }),
       ],
       build: {
-        cssCodeSplit: true,
         lib: {
           entry: {
             lib: resolve(dirname, 'src/index.ts'),
           },
-          lib: {
-            entry: {
-              lib: resolve(dirname, 'src/index.ts'),
-            },
-            formats: ['es', 'cjs'],
-            fileName: (format, entryName) => `${entryName}.${format === 'es' ? 'mjs' : 'cjs'}`,
-          },
+          formats: ['es', 'cjs'],
+          fileName: (format, entryName) => `${entryName}.${format === 'es' ? 'mjs' : 'cjs'}`,
         },
         rollupOptions: {
           external: isDev
             ? id => {
                 if (pkg.peerDependencies && id in pkg.peerDependencies) {
-                  return true;
+                  return true
                 }
                 if (/^@(ant-design-vue)\//.test(id) || id === 'ant-design-vue') {
-                  return true;
+                  return true
                 }
-                return false;
+                return false
               }
             : pkg.peerDependencies && Object.keys(pkg.peerDependencies),
         },
@@ -63,5 +57,5 @@ export default dirname =>
           '@': resolve(dirname, './src'),
         },
       },
-    };
-  });
+    }
+  })

packages-config/tailwind-config/tailwind.css

@@ -0,0 +1,5 @@
+@reference '../../../style/tailwind.css';
+
+.ant-btn {
+  @apply text-primary-content;
+}

packages-config/vite-config/vite.config.lib.js

@@ -1,3 +1,5 @@
+@import 'tailwindcss' source(none);
+
 @theme {
   --color-base-100: #ffffff;
   --color-base-200: #f7f7f7;

packages/ui/src/components/button/style/index.css

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

packages-config/tailwind-config/themes/light.css renamed to packages/ui/src/style/base.css

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