niuma-ui 1.2.2 → 1.2.4

package/CHANGELOG.md

@@ -6,6 +6,19 @@
 
 ## [Unreleased]
 
+## [1.2.4] - 2026-08-30
+
+### 变更
+
+- `styles.css` 自己收口盒模型：`html { box-sizing: border-box }`，其余 `inherit`。Rs* 宽高不再赌宿主 Tailwind Preflight。
+
+## [1.2.3] - 2026-08-30
+
+### 修复
+
+- 库打包把脚本里的 `import './x.css'` 写回入口。此前 Vite 收成 empty css 注释，`RsTable` 的 `rs-table.css`、Monaco 调试装饰等旁路样式进不了 npm，Ops 等宿主生产表格 / 编辑器与 `pnpm dev` 对不齐。
+- `niumaUiHost` 给 `styles.css` 补 Tailwind `@source`（宿主根 + 包内 components/composables）。CI 只处理 `node_modules` 里的 CSS 时，扫描范围与本机联调源码一致。
+
 ## [1.2.2] - 2026-08-30
 
 ### 修复

package/dist/components/RsMonacoEditor.js

@@ -1,3 +1,4 @@
+import '../monaco/debug-decorations.css'
 import './RsMonacoEditor.css'
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 import RsMonacoEditor_vue_vue_type_script_setup_true_lang_default from "./RsMonacoEditor.impl.js";

package/dist/components/RsTable.js

@@ -1,3 +1,4 @@
+import './table/rs-table.css'
 import RsTable_vue_vue_type_script_setup_true_lang_default from "./RsTable.impl.js";
 //#region src/components/RsTable.vue
 var RsTable_default = RsTable_vue_vue_type_script_setup_true_lang_default;

package/dist/monaco/debug-decorations2.js

@@ -1,4 +1,5 @@
-/* empty css                  */
+import './debug-decorations.css'
+
 //#region src/monaco/debug-decorations.ts
 var RS_MONACO_DEBUG = {
 	bpGlyph: "rs-monaco-debug-bp",

package/dist/styles.css

@@ -1,4 +1,6 @@
 @import 'tailwindcss';
+@source './components';
+@source './composables';
 
 html[dir='ltr'],
 [data-sonner-toaster][dir='ltr'] {
@@ -643,6 +645,20 @@ to {
 }
 
 
+/*
+ * 盒模型由本包收口，不依赖宿主 Tailwind Preflight 有没有进 @layer。
+ * 对齐 Ant Design reset / Arco：html 定 border-box，其余 inherit（弹出层挂 body 也一致）。
+ */
+html {
+  box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
 /* ── 静态 token（不随明暗变化） ── */
 :root {
   --rs-radius-xs: 0.25rem;

package/dist/vite-plugins/niuma-ui-host.d.ts

@@ -15,6 +15,10 @@ export type NiumaUiBinding = {
  * NiumaUiHost 返回一组插件（Vite 会摊平）。serve 做 styles alias，两侧都改写具名导入。
  */
 export declare function niumaUiHost(options?: NiumaUiHostOptions): Plugin[];
+/**
+ * ToSourceRel 把目录收成 Tailwind @source 可用的相对路径。
+ */
+export declare function toSourceRel(fromDir: string, targetDir: string): string;
 /**
  * RewriteHostStatement 改写一条已由 lexer 切出的静态 import/export。
  * 类型-only、namespace、动态 import 原样返回 null。

package/dist/vite-plugins/niuma-ui-host.js

@@ -7,7 +7,7 @@
  * apply / configResolved 区分 serve 与 build。
  */
 import { existsSync, readFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
+import { dirname, join, relative } from 'node:path';
 import { createRequire } from 'node:module';
 import { createFilter } from '@rollup/pluginutils';
 import { init, parse } from 'es-module-lexer';
@@ -20,12 +20,13 @@ export function niumaUiHost(options = {}) {
     const root = options.root ?? resolvePkgRoot();
     const ctx = {
         root,
+        viteRoot: process.cwd(),
         hasSrc: existsSync(join(root, 'src/index.ts')),
         useSource: false,
         map: loadRuntimeBindings(root),
         filter: createFilter(options.include ?? [/\.([cm]?[jt]sx?|vue)(?:$|\?)/], options.exclude ?? [/\/node_modules\//]),
     };
-    return [niumaUiHostAlias(ctx), niumaUiHostRewrite(ctx)];
+    return [niumaUiHostAlias(ctx), niumaUiHostRewrite(ctx), niumaUiHostTailwindSource(ctx)];
 }
 /**
  * NiumaUiHostAlias 仅在 serve 且存在 src 时把 styles.css 指到源码，并排除整桶预构建。
@@ -63,6 +64,7 @@ function niumaUiHostRewrite(ctx) {
         enforce: 'pre',
         configResolved(config) {
             ctx.useSource = config.command === 'serve' && ctx.hasSrc;
+            ctx.viteRoot = config.root;
         },
         async transform(code, id) {
             if (!ctx.filter(id))
@@ -95,6 +97,57 @@ function niumaUiHostRewrite(ctx) {
         },
     };
 }
+const NIUMA_UI_STYLES = /niuma-ui[\\/](?:src|dist)[\\/]styles\.css$/;
+/**
+ * NiumaUiHostTailwindSource 给 niuma-ui/styles.css 补上宿主根与包内扫描目录。
+ * CI 只看 node_modules 里的 styles.css 时，Tailwind 否则扫不到官网 / Ops 源码。
+ */
+function niumaUiHostTailwindSource(ctx) {
+    return {
+        name: 'niuma-ui-host:tailwind-source',
+        enforce: 'pre',
+        configResolved(config) {
+            ctx.viteRoot = config.root;
+        },
+        transform(code, id) {
+            const file = id.split('?')[0] ?? id;
+            if (!NIUMA_UI_STYLES.test(file.replace(/\\/g, '/')))
+                return null;
+            if (!code.includes('tailwindcss'))
+                return null;
+            const cssDir = dirname(file);
+            const pkgScan = ctx.useSource && existsSync(join(ctx.root, 'src'))
+                ? join(ctx.root, 'src')
+                : existsSync(join(ctx.root, 'dist'))
+                    ? join(ctx.root, 'dist')
+                    : ctx.root;
+            const specs = [ctx.viteRoot, pkgScan]
+                .map((dir) => toSourceRel(cssDir, dir))
+                .filter((spec, i, all) => all.indexOf(spec) === i);
+            const inject = specs
+                .filter((spec) => !code.includes(`@source '${spec}'`) && !code.includes(`@source "${spec}"`))
+                .map((spec) => `@source '${spec}';`)
+                .join('\n');
+            if (!inject)
+                return null;
+            const next = code.replace(/@import\s+['"]tailwindcss['"]\s*;/, `@import 'tailwindcss';\n${inject}`);
+            if (next === code)
+                return null;
+            return { code: next, map: null };
+        },
+    };
+}
+/**
+ * ToSourceRel 把目录收成 Tailwind @source 可用的相对路径。
+ */
+export function toSourceRel(fromDir, targetDir) {
+    let rel = relative(fromDir, targetDir).replace(/\\/g, '/');
+    if (rel === '')
+        return '.';
+    if (!rel.startsWith('.'))
+        rel = `./${rel}`;
+    return rel;
+}
 /**
  * RewriteHostStatement 改写一条已由 lexer 切出的静态 import/export。
  * 类型-only、namespace、动态 import 原样返回 null。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 工作台设计系统（Rs* 组件、--rs-* token；含可选编辑器 / 终端）",