From 06a7b1668b44f111eca5d08bc8c2c9d41d8e617e Mon Sep 17 00:00:00 2001 From: "Somhairle H. Marisol" Date: Fri, 18 Sep 2026 08:26:30 +0800 Subject: chore(frontend): shadcn-svelte / Tailwind / layerchart 工具链初始化 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [变更性质] 本轮为维护性依赖与配置初始化，不改变业务页面（页面迁移见后续提交）。 [维护内容] 按 Leader 返工指令，前端 UI 组件库全量迁移 shadcn-svelte，图表渲染 从 echarts 换为 layerchart，需要一次性引入配套依赖与构建配置。 [实现方案] package.json/pnpm-lock.yaml：tailwindcss@4、@tailwindcss/vite、 tw-animate-css、shadcn-svelte、bits-ui、tailwind-variants、clsx、 tailwind-merge、@lucide/svelte、layerchart、@fontsource-variable/inter 与 @types/node；echarts 保留至页面迁移完成后移除。pnpm-workspace.yaml 声明 allowBuilds（esbuild、@tailwindcss/oxide）。components.json 采用 mira preset，别名 $lib。tsconfig 新增 $lib paths；vite.config.ts 加入 tailwindcss 插件、$lib alias（vitest 需要）与 test 环境配置。 src/lib/components/ 为 shadcn 生成的 UI 组件源码（button/input/label/ card/badge/alert/select/table/tabs/separator/chart），src/lib/utils.ts 为 cn 工具。app.css 引入 tailwind 与 shadcn CSS 变量并调整为 teal 主题（primary #0f766e、radius 0.375rem、双主题 chart-1..5），保留 legacy 选择器（banner/beat/table.data/metric 等），mobileCss.test.ts 依赖其语义断言。 [影响范围] 构建链与主题变量；后续页面提交逐步消费这些组件，npm run check/test/ build 已全绿验证。 --- frontend/package.json | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'frontend/package.json') diff --git a/frontend/package.json b/frontend/package.json index a60fa56..a294b49 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -12,14 +12,20 @@ "test:watch": "vitest" }, "devDependencies": { + "@fontsource-variable/inter": "^5.3.0", "@sveltejs/vite-plugin-svelte": "^5.0.3", + "@tailwindcss/vite": "^4.3.3", "@testing-library/svelte": "^5.2.7", "@tsconfig/svelte": "^5.0.8", "@types/diff": "^7.0.2", + "@types/node": "^22.20.3", "jsdom": "^26.1.0", "playwright": "^1.63.0", + "shadcn-svelte": "^1.6.1", "svelte": "^5.19.0", "svelte-check": "^4.1.4", + "tailwindcss": "^4.3.3", + "tw-animate-css": "^1.4.0", "typescript": "^5.7.3", "vite": "^6.3.5", "vitest": "^3.2.4" @@ -29,11 +35,19 @@ "@codemirror/merge": "^6.7.3", "@codemirror/state": "^6.5.2", "@codemirror/view": "^6.36.4", + "@lucide/svelte": "^1.46.0", + "bits-ui": "^2.19.2", + "clsx": "^2.1.1", "codemirror": "^6.0.1", "diff": "^7.0.0", - "echarts": "^5.6.0" + "echarts": "^5.6.0", + "layerchart": "^2.5.0", + "tailwind-merge": "^3.7.0", + "tailwind-variants": "^3.3.1" }, "allowScripts": { - "esbuild@0.25.12": true + "esbuild@0.25.12": true, + "tailwindcss@4.3.3": true, + "@tailwindcss/oxide@4.3.3": true } } -- cgit v1.2.3