@chatbi-v/config 2.1.0

package/README.md

@@ -0,0 +1,108 @@
+# @chatbi-v/config
+
+ChatBI-V 项目的统一配置包，包含 ESLint, Prettier, Tailwind CSS 和 TypeScript 的共享配置。
+
+## 安装
+
+```bash
+pnpm add -D @chatbi-v/config
+```
+
+## 使用指南
+
+### 1. ESLint 配置
+
+在项目根目录创建 `eslint.config.mjs`：
+
+```javascript
+import chatbiConfig from '@chatbi-v/config/eslint';
+
+export default [
+  ...chatbiConfig,
+  {
+    // 你的自定义配置
+    rules: {
+      // ...
+    }
+  }
+];
+```
+
+### 2. Prettier 配置
+
+在项目根目录创建 `.prettierrc.js` 或 `prettier.config.js`：
+
+```javascript
+module.exports = require('@chatbi-v/config/prettier');
+```
+
+或者在 `package.json` 中：
+
+```json
+{
+  "prettier": "@chatbi-v/config/prettier"
+}
+```
+
+### 3. Tailwind CSS 配置
+
+在项目根目录创建 `tailwind.config.js`：
+
+```javascript
+const baseConfig = require('@chatbi-v/config/tailwind');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  ...baseConfig,
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    // 如果是 Monorepo，可能需要包含其他包
+    "../../packages/ui/src/**/*.{js,ts,jsx,tsx}"
+  ],
+  theme: {
+    extend: {
+      ...baseConfig.theme.extend,
+      // 你的自定义主题
+    }
+  }
+};
+```
+
+### 4. TypeScript 配置
+
+在项目根目录创建 `tsconfig.json`：
+
+```json
+{
+  "extends": "@chatbi-v/config/base.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}
+```
+
+## 配置详情
+
+### ESLint
+- 基于 `eslint-config-standard`
+- 集成 `@typescript-eslint`
+- 集成 `eslint-plugin-react` 和 `eslint-plugin-react-hooks`
+- 强制 import 排序 (`simple-import-sort`)
+
+### Tailwind
+- 预定义颜色系统（Primary, Secondary, Accent 等）
+- 预定义阴影效果（Neon, Glass）
+- 自动关闭 Preflight（避免与 Ant Design 冲突）
+
+### TypeScript
+- 严格模式 (`strict: true`)
+- 目标版本 `ESNext`
+- 模块解析 `bundler`
+
+## 维护
+
+- **Author**: ChatBI Team
+- **License**: MIT

package/base.json

@@ -0,0 +1,23 @@
+{
+  "//": "共享的 TypeScript 基础配置，定义了 ChatBI-V 项目的编译标准",
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "composite": true,
+    "declaration": true,
+    "declarationMap": false,
+    "sourceMap": false
+  }
+}

package/eslint.mjs

@@ -0,0 +1,71 @@
+/**
+ * @file eslint.mjs
+ * @description 共享的 ESLint 配置，支持 TypeScript、React、React Hooks 和导入排序
+ * @author ChatBI Team
+ */
+
+import js from '@eslint/js';
+import tsPlugin from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import simpleImportSortPlugin from 'eslint-plugin-simple-import-sort';
+import globals from 'globals';
+
+export default [
+  {
+    ignores: ['**/dist/**', '**/build/**', '**/node_modules/**', '**/.trae/**'],
+  },
+  js.configs.recommended,
+  {
+    files: ['**/*.js', '**/*.cjs'],
+    languageOptions: {
+      sourceType: 'commonjs',
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tsPlugin,
+      'react': reactPlugin,
+      'react-hooks': reactHooksPlugin,
+      'simple-import-sort': simpleImportSortPlugin,
+    },
+    rules: {
+      ...tsPlugin.configs.recommended.rules,
+      ...reactPlugin.configs.recommended.rules,
+      ...reactHooksPlugin.configs.recommended.rules,
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error',
+      'react/react-in-jsx-scope': 'off', // Not needed in React 17+
+      'react/prop-types': 'off', // TS covers this
+      'react/display-name': 'off', // TS inference is usually enough
+      'no-undef': 'off', // TS covers this
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+      'no-console': ['warn', { allow: ['warn', 'error', 'info'] }],
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+];

package/index.js

@@ -0,0 +1,4 @@
+export { default as tailwind } from './tailwind.js';
+export { default as prettier } from './prettier.js';
+export { default as eslint } from './eslint.mjs';
+export { default as baseConfig } from './base.json';

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@chatbi-v/config",
+  "version": "2.1.0",
+  "main": "./index.js",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./eslint": "./eslint.mjs",
+    "./prettier": "./prettier.js",
+    "./tailwind": "./tailwind.js",
+    "./base.json": "./base.json",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "index.js",
+    "eslint.mjs",
+    "prettier.js",
+    "tailwind.js",
+    "base.json"
+  ],
+  "dependencies": {
+    "@eslint/js": "^9.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-simple-import-sort": "^12.0.0",
+    "globals": "^15.0.0"
+  },
+  "peerDependencies": {
+    "eslint": "^9.0.0",
+    "typescript": "^5.0.0",
+    "tailwindcss": "^3.0.0"
+  }
+}

package/prettier.js

@@ -0,0 +1,15 @@
+/**
+ * @file prettier.js
+ * @description 共享的 Prettier 配置
+ * @author ChatBI Team
+ */
+
+module.exports = {
+  semi: true,
+  tabWidth: 2,
+  printWidth: 100,
+  singleQuote: true,
+  trailingComma: 'all',
+  jsxSingleQuote: false,
+  bracketSpacing: true,
+};

package/tailwind.js

@@ -0,0 +1,59 @@
+/**
+ * @file tailwind.js
+ * @description 共享的 Tailwind CSS 配置，定义了项目的主题色、圆角、阴影及自定义变体
+ * @author ChatBI Team
+ */
+
+const { green, red } = require('tailwindcss/colors');
+const plugin = require('tailwindcss/plugin');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  // ① 关闭 Preflight，避免与 antd 的 normalize 冲突
+  corePlugins: { preflight: false },
+  // ② 只在 #root 容器内让 utilities 权重+1，解决优先级问题
+  // important: '#root',
+  theme: {
+    extend: {
+      colors: {
+        background: 'rgb(var(--color-background) / <alpha-value>)',
+        surface: 'rgb(var(--color-surface) / <alpha-value>)',
+        primary: 'rgb(var(--color-primary) / <alpha-value>)',
+        secondary: 'rgb(var(--color-secondary) / <alpha-value>)',
+        accent: 'rgb(var(--color-accent) / <alpha-value>)',
+        'text-main': 'rgb(var(--color-text-main) / <alpha-value>)',
+        'text-muted': 'rgb(var(--color-text-muted) / <alpha-value>)',
+        border: 'rgb(var(--color-border) / <alpha-value>)',
+        // ③ 与 antd 的 Less 变量保持同步，AI 可直接用 text-success / text-danger
+        success: green[500], // @success-color
+        danger: red[500], // @error-color
+      },
+      backgroundImage: {
+        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        glass:
+          'linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%)',
+      },
+      borderRadius: {
+        DEFAULT: '6px', // @border-radius-base
+        lg: '8px',
+        xl: '12px',
+      },
+      boxShadow: {
+        neon: '0 0 10px rgb(var(--color-primary) / 0.5), 0 0 20px rgb(var(--color-primary) / 0.3)',
+        glass: '0 8px 32px 0 rgba(0, 0, 0, 0.37)',
+      },
+      fontSize: {
+        sm: ['12px', '20px'], // @font-size-sm
+        base: ['14px', '22px'], // @font-size-base
+        lg: ['16px', '24px'], // @font-size-lg
+      },
+    },
+  },
+  plugins: [
+    // 注册自定义 variant: perf
+    // 使用方法: perf:shadow-none perf:backdrop-none
+    plugin(function({ addVariant }) {
+      addVariant('perf', 'body.perf-mode &');
+    }),
+  ],
+};