niuma-ui 1.2.1 → 1.2.3

package/CHANGELOG.md

@@ -6,6 +6,19 @@
 
 ## [Unreleased]
 
+## [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
+
+### 修复
+
+- `niumaUiHost` 能解析 npm `dist/index.js` 桶（`import X_default` + `export { X_default as RsX }`）。此前只认源码 `export { default as RsX } from './...'`，宿主 `vite build` 会把具名 re-export 收成 `export type`，官网等产品打包报 `MISSING_EXPORT`。解析不到运行时导出时直接失败，不再静默改成 type-only。
+
 ## [1.2.1] - 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'] {

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

@@ -15,8 +15,18 @@ 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。
  */
 export declare function rewriteHostStatement(stmt: string, spec: string, map: Map<string, NiumaUiBinding>, targetOf: (from: string) => string): string | null;
+/**
+ * ParseRuntimeBindings 从主入口抽出运行时导出名到文件的映射。
+ * 同时认源码 `export { default as RsX } from './...'` 和发布桶
+ * `import RsX_default from './...'` + `export { RsX_default as RsX }`。
+ */
+export declare function parseRuntimeBindings(source: string): Map<string, NiumaUiBinding>;

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。
@@ -109,12 +162,9 @@ export function rewriteHostStatement(stmt, spec, map, targetOf) {
     if (parsed.defaultName) {
         const binding = map.get(parsed.defaultName);
         if (!binding) {
-            lines.push(`${keyword} ${parsed.defaultName} from '${spec}'`);
-        }
-        else {
-            const target = targetOf(binding.from);
-            lines.push(emitBinding(keyword, binding.kind, parsed.defaultName, parsed.defaultName, target));
+            throw new Error(`niumaUiHost: 未找到运行时导出 ${parsed.defaultName}，无法改写到发布子路径`);
         }
+        lines.push(emitBinding(keyword, binding.kind, parsed.defaultName, parsed.defaultName, targetOf(binding.from)));
     }
     for (const part of parsed.named) {
         if (part.isType) {
@@ -123,11 +173,9 @@ export function rewriteHostStatement(stmt, spec, map, targetOf) {
         }
         const binding = map.get(part.imported);
         if (!binding) {
-            types.push(part.clause);
-            continue;
+            throw new Error(`niumaUiHost: 未找到运行时导出 ${part.imported}，无法改写到发布子路径`);
         }
-        const target = targetOf(binding.from);
-        lines.push(emitBinding(keyword, binding.kind, part.imported, part.local, target));
+        lines.push(emitBinding(keyword, binding.kind, part.imported, part.local, targetOf(binding.from)));
     }
     if (types.length > 0) {
         const kw = parsed.isExport ? 'export type' : 'import type';
@@ -191,37 +239,99 @@ function resolvePkgRoot() {
         return dirname(require.resolve('niuma-ui/package.json'));
     }
 }
-function loadRuntimeBindings(root) {
-    const indexPath = existsSync(join(root, 'src/index.ts'))
-        ? join(root, 'src/index.ts')
-        : join(root, 'dist/index.js');
-    const source = readFileSync(indexPath, 'utf8');
+/**
+ * ParseRuntimeBindings 从主入口抽出运行时导出名到文件的映射。
+ * 同时认源码 `export { default as RsX } from './...'` 和发布桶
+ * `import RsX_default from './...'` + `export { RsX_default as RsX }`。
+ */
+export function parseRuntimeBindings(source) {
     const map = new Map();
-    const re = /export\s*\{([^}]+)\}\s*from\s*['"](\.[^'"]+)['"]/g;
+    const reexport = /^[ \t]*export\s+(?!type\b)\{([^}]+)\}\s+from\s*['"](\.[^'"]+)['"]/gm;
     let match;
-    while ((match = re.exec(source)) !== null) {
+    while ((match = reexport.exec(source)) !== null) {
         const from = match[2] ?? '';
         if (!from)
             continue;
-        for (const raw of (match[1] ?? '').split(',')) {
-            const part = raw.trim();
-            if (!part || part.startsWith('type '))
-                continue;
-            const def = part.match(/^default\s+as\s+(\w+)$/);
-            if (def?.[1]) {
-                map.set(def[1], { from, kind: 'default' });
-                continue;
-            }
-            const aliased = part.match(/^(\w+)\s+as\s+(\w+)$/);
-            if (aliased?.[2]) {
-                map.set(aliased[2], { from, kind: 'named' });
+        for (const spec of parseSpecifierList(match[1] ?? '')) {
+            map.set(spec.right, { from, kind: spec.isDefault ? 'default' : 'named' });
+        }
+    }
+    const locals = new Map();
+    const imports = /^[ \t]*import\s+(?!type\b)([\s\S]+?)\s+from\s*['"](\.[^'"]+)['"]/gm;
+    while ((match = imports.exec(source)) !== null) {
+        const from = match[2] ?? '';
+        if (!from)
+            continue;
+        recordImportLocals(match[1] ?? '', from, locals);
+    }
+    const barrel = /^[ \t]*export\s+(?!type\b)\{([^}]+)\}(?!\s*from)/gm;
+    while ((match = barrel.exec(source)) !== null) {
+        for (const spec of parseSpecifierList(match[1] ?? '')) {
+            if (map.has(spec.right))
                 continue;
-            }
-            if (/^\w+$/.test(part)) {
-                map.set(part, { from, kind: 'named' });
-            }
+            const binding = locals.get(spec.left);
+            if (binding)
+                map.set(spec.right, binding);
+        }
+    }
+    return map;
+}
+function parseSpecifierList(inner) {
+    const out = [];
+    for (const raw of inner.split(',')) {
+        const part = raw.trim();
+        if (!part || part.startsWith('type '))
+            continue;
+        const def = part.match(/^default\s+as\s+(\w+)$/);
+        if (def?.[1]) {
+            out.push({ left: 'default', right: def[1], isDefault: true });
+            continue;
+        }
+        const aliased = part.match(/^(\w+)\s+as\s+(\w+)$/);
+        if (aliased?.[1] && aliased[2]) {
+            out.push({ left: aliased[1], right: aliased[2], isDefault: false });
+            continue;
+        }
+        if (/^\w+$/.test(part)) {
+            out.push({ left: part, right: part, isDefault: false });
         }
     }
+    return out;
+}
+function recordImportLocals(clause, from, locals) {
+    const trimmed = clause.trim();
+    if (!trimmed || trimmed.startsWith('*'))
+        return;
+    const namedStart = trimmed.indexOf('{');
+    if (namedStart === -1) {
+        if (/^\w+$/.test(trimmed))
+            locals.set(trimmed, { from, kind: 'default' });
+        return;
+    }
+    const before = trimmed.slice(0, namedStart).replace(/,\s*$/, '').trim();
+    if (before && /^\w+$/.test(before)) {
+        locals.set(before, { from, kind: 'default' });
+    }
+    const namedEnd = trimmed.lastIndexOf('}');
+    if (namedEnd <= namedStart)
+        return;
+    for (const spec of parseSpecifierList(trimmed.slice(namedStart + 1, namedEnd))) {
+        if (spec.isDefault)
+            continue;
+        locals.set(spec.right, { from, kind: 'named' });
+    }
+}
+function loadRuntimeBindings(root) {
+    const srcIndex = join(root, 'src/index.ts');
+    const distIndex = join(root, 'dist/index.js');
+    const indexPath = existsSync(srcIndex) ? srcIndex : distIndex;
+    if (!existsSync(indexPath)) {
+        throw new Error(`niumaUiHost: 未找到 ${srcIndex} 或 ${distIndex}`);
+    }
+    const map = parseRuntimeBindings(readFileSync(indexPath, 'utf8'));
+    if (map.size === 0) {
+        throw new Error(`niumaUiHost: ${indexPath} 没有解析到运行时导出（需要 src re-export 或 dist 桶 import/export）`);
+    }
     return map;
 }
 function resolveTarget(from, spec, root, useSource) {

package/package.json

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