@endfield-ui/react 1.0.1 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@endfield-ui/react",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "终末地风格的 React 基础控件库（非官方）",
   "keywords": [
     "react",
@@ -32,6 +32,7 @@
     "src",
     "!src/**/*.test.*",
     "!src/test",
+    "!src/game",
     "NOTICE.md"
   ],
   "exports": {
@@ -43,6 +44,11 @@
     "./styles.css": "./dist/styles.css",
     "./theme.css": "./src/styles/theme.css",
     "./utilities.css": "./src/styles/utilities.css",
+    "./game": {
+      "types": "./dist/game.d.ts",
+      "default": "./dist/game.js"
+    },
+    "./game.css": "./dist/game/styles.css",
     "./package.json": "./package.json"
   },
   "peerDependencies": {
@@ -77,8 +83,9 @@
     "vitest": "^5.0.3"
   },
   "scripts": {
-    "build": "tsdown && pnpm build:css",
+    "build": "tsdown && pnpm build:css && pnpm build:game",
     "build:css": "tailwindcss -i src/styles/index.css -o dist/styles.css --minify",
+    "build:game": "tailwindcss -i src/game/styles.css -o dist/game/styles.css --minify && node scripts/copy-game-assets.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit"

package/src/components/README.md

@@ -1,5 +1,7 @@
 # components
 
+主入口（`@endfield-ui/react`）的控件。照游戏内界面复刻的那一组在 [`../game`](../game/README.md)，独立入口，约定不同；这个目录里的东西不许引它。
+
 | 目录 | 导出 | 规范 |
 | --- | --- | --- |
 | `button/` | `Button`、`ButtonGroup` | [按钮](../../../../docs/design/components/button.md) |

package/src/styles/README.md

@@ -6,13 +6,17 @@
 | [utilities.css](utilities.css) | `@utility`：母题工具类（斜纹、切角、斜楔、角括号、镂空字、警示条纹、竖条变箭头），以及菱形表单符号的开关 |
 | [index.css](index.css) | 入口：`tailwindcss` → `theme.css` → `utilities.css` → 基础样式 → `@source` |
 
-对外的三个入口（见包的 `exports`）：
+对外的入口（见包的 `exports`）：
 
 | 引入路径 | 对应 | 给谁用 |
 | --- | --- | --- |
 | `@endfield-ui/react/tailwind.css` | `index.css` | 用 Tailwind v4 的项目，代替 `@import "tailwindcss"` |
 | `@endfield-ui/react/styles.css` | `dist/styles.css` | 不用 Tailwind 的项目，预编译产物 |
 | `@endfield-ui/react/theme.css` | `theme.css` | 只要令牌、不要组件 |
+| `@endfield-ui/react/utilities.css` | `utilities.css` | 只要母题工具类 |
+| `@endfield-ui/react/game.css` | `dist/game/styles.css` | 用了 [Game 实机风格](../game/README.md)那一类控件的项目；纯 CSS，和上面的主样式一起引 |
+
+Game 实机风格的样式不在这个目录里，也不在主样式里：源码是 [`../game/styles.css`](../game/styles.css) 汇总的每个控件一份纯 CSS，`index.css` 用 `@source not` 把那个目录排除在扫描之外。
 
 ## theme.css 的结构
 

package/src/styles/index.css

@@ -16,6 +16,11 @@
  * 焦点环这类共用的类名写在 lib 里。
  */
 @source "../";
+/*
+ * game 目录不扫：那一类是独立入口（`@endfield-ui/react/game`），样式自己一份纯 CSS，
+ * 不用工具类。扫了它，源码里碰巧和工具类同名的词会混进这份产物。
+ */
+@source not "../game";
 
 @layer base {
   body {