niuma-ui 1.1.12 → 1.2.1

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

@@ -0,0 +1,22 @@
+import { type FilterPattern } from '@rollup/pluginutils';
+import type { Plugin } from 'vite';
+/** NiumaUiHostOptions 为宿主提供 include / exclude / 包根覆盖。 */
+export type NiumaUiHostOptions = {
+    include?: FilterPattern;
+    exclude?: FilterPattern;
+    root?: string;
+};
+/** NiumaUiBinding 描述主入口一个运行时导出如何落到源码 from。 */
+export type NiumaUiBinding = {
+    from: string;
+    kind: 'default' | 'named';
+};
+/**
+ * NiumaUiHost 返回一组插件（Vite 会摊平）。serve 做 styles alias，两侧都改写具名导入。
+ */
+export declare function niumaUiHost(options?: NiumaUiHostOptions): Plugin[];
+/**
+ * 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;

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

@@ -0,0 +1,254 @@
+/**
+ * 第一方宿主插件：`pnpm dev` 联调用到的源码，`vite build` / npm 走发布子路径。
+ * 禁止把 @niuma/ui 别名到 src/index.ts（评估整桶会灌入未使用组件 CSS）。
+ *
+ * 写法对齐 Vite / unplugin 惯例：工厂 + options、createFilter、
+ * es-module-lexer 定位静态 import/export、magic-string 保留 sourcemap、
+ * apply / configResolved 区分 serve 与 build。
+ */
+import { existsSync, readFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { createRequire } from 'node:module';
+import { createFilter } from '@rollup/pluginutils';
+import { init, parse } from 'es-module-lexer';
+import MagicString from 'magic-string';
+const SPECIFIERS = new Set(['@niuma/ui', 'niuma-ui']);
+/**
+ * NiumaUiHost 返回一组插件（Vite 会摊平）。serve 做 styles alias，两侧都改写具名导入。
+ */
+export function niumaUiHost(options = {}) {
+    const root = options.root ?? resolvePkgRoot();
+    const ctx = {
+        root,
+        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)];
+}
+/**
+ * NiumaUiHostAlias 仅在 serve 且存在 src 时把 styles.css 指到源码，并排除整桶预构建。
+ */
+function niumaUiHostAlias(ctx) {
+    return {
+        name: 'niuma-ui-host:alias',
+        apply: 'serve',
+        enforce: 'pre',
+        config() {
+            if (!ctx.hasSrc)
+                return {};
+            const styles = join(ctx.root, 'src/styles.css');
+            const alias = existsSync(styles)
+                ? [
+                    { find: '@niuma/ui/styles.css', replacement: styles },
+                    { find: 'niuma-ui/styles.css', replacement: styles },
+                ]
+                : [];
+            return {
+                resolve: alias.length > 0 ? { alias } : {},
+                optimizeDeps: {
+                    exclude: ['@niuma/ui', 'niuma-ui'],
+                },
+            };
+        },
+    };
+}
+/**
+ * NiumaUiHostRewrite 把静态具名导入改到源码文件或 dist 子路径。
+ */
+function niumaUiHostRewrite(ctx) {
+    return {
+        name: 'niuma-ui-host:rewrite',
+        enforce: 'pre',
+        configResolved(config) {
+            ctx.useSource = config.command === 'serve' && ctx.hasSrc;
+        },
+        async transform(code, id) {
+            if (!ctx.filter(id))
+                return null;
+            if (!code.includes('@niuma/ui') && !code.includes('niuma-ui'))
+                return null;
+            await init;
+            const [imports] = parse(code);
+            const s = new MagicString(code);
+            let changed = false;
+            for (const im of imports) {
+                if (im.d !== -1)
+                    continue;
+                const spec = im.n;
+                if (!spec || !SPECIFIERS.has(spec))
+                    continue;
+                const stmt = code.slice(im.ss, im.se);
+                const next = rewriteHostStatement(stmt, spec, ctx.map, (from) => resolveTarget(from, spec, ctx.root, ctx.useSource));
+                if (next && next !== stmt) {
+                    s.overwrite(im.ss, im.se, next);
+                    changed = true;
+                }
+            }
+            if (!changed)
+                return null;
+            return {
+                code: s.toString(),
+                map: s.generateMap({ hires: 'boundary', source: id }),
+            };
+        },
+    };
+}
+/**
+ * RewriteHostStatement 改写一条已由 lexer 切出的静态 import/export。
+ * 类型-only、namespace、动态 import 原样返回 null。
+ */
+export function rewriteHostStatement(stmt, spec, map, targetOf) {
+    const parsed = parseStaticImport(stmt);
+    if (!parsed)
+        return null;
+    const keyword = parsed.isExport ? 'export' : 'import';
+    const lines = [];
+    const types = [];
+    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));
+        }
+    }
+    for (const part of parsed.named) {
+        if (part.isType) {
+            types.push(part.clause);
+            continue;
+        }
+        const binding = map.get(part.imported);
+        if (!binding) {
+            types.push(part.clause);
+            continue;
+        }
+        const target = targetOf(binding.from);
+        lines.push(emitBinding(keyword, binding.kind, part.imported, part.local, target));
+    }
+    if (types.length > 0) {
+        const kw = parsed.isExport ? 'export type' : 'import type';
+        lines.push(`${kw} { ${types.join(', ')} } from '${spec}'`);
+    }
+    return lines.length > 0 ? lines.join('\n') : null;
+}
+function emitBinding(keyword, kind, imported, local, target) {
+    if (kind === 'default') {
+        return `${keyword} { default as ${local} } from '${target}'`;
+    }
+    const inner = imported === local ? imported : `${imported} as ${local}`;
+    return `${keyword} { ${inner} } from '${target}'`;
+}
+function parseStaticImport(stmt) {
+    const lead = stmt.trimStart();
+    if (lead.startsWith('import type ') || lead.startsWith('export type '))
+        return null;
+    if (/\*\s+as\s+\w+/.test(stmt))
+        return null;
+    const isExport = lead.startsWith('export');
+    let defaultName;
+    if (!isExport) {
+        const m = lead.match(/^import\s+(\w+)\s*(?:,|from\b)/);
+        if (m?.[1] && m[1] !== 'type')
+            defaultName = m[1];
+    }
+    const named = [];
+    const open = stmt.indexOf('{');
+    if (open !== -1) {
+        const close = stmt.lastIndexOf('}');
+        if (close > open) {
+            for (const raw of stmt.slice(open + 1, close).split(',')) {
+                const part = raw.trim();
+                if (!part)
+                    continue;
+                const typeOnly = /^type\s+/.test(part);
+                const body = typeOnly ? part.replace(/^type\s+/, '') : part;
+                const aliased = body.match(/^(\w+)(?:\s+as\s+(\w+))?$/);
+                if (!aliased?.[1])
+                    continue;
+                named.push({
+                    imported: aliased[1],
+                    local: aliased[2] ?? aliased[1],
+                    isType: typeOnly,
+                    clause: body,
+                });
+            }
+        }
+    }
+    if (!defaultName && named.length === 0)
+        return null;
+    return { isExport, defaultName, named };
+}
+function resolvePkgRoot() {
+    const require = createRequire(import.meta.url);
+    try {
+        return dirname(require.resolve('@niuma/ui/package.json'));
+    }
+    catch {
+        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');
+    const map = new Map();
+    const re = /export\s*\{([^}]+)\}\s*from\s*['"](\.[^'"]+)['"]/g;
+    let match;
+    while ((match = re.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' });
+                continue;
+            }
+            if (/^\w+$/.test(part)) {
+                map.set(part, { from, kind: 'named' });
+            }
+        }
+    }
+    return map;
+}
+function resolveTarget(from, spec, root, useSource) {
+    if (!useSource)
+        return `${spec}/${toPublishedRel(from)}`;
+    const rel = from.replace(/\\/g, '/').replace(/^\.\//, '');
+    let abs = join(root, 'src', rel);
+    if (!existsSync(abs)) {
+        if (existsSync(`${abs}.ts`))
+            abs = `${abs}.ts`;
+        else if (existsSync(`${abs}.js`))
+            abs = `${abs}.js`;
+    }
+    return toViteFsPath(abs);
+}
+function toPublishedRel(from) {
+    let rel = from.replace(/\\/g, '/');
+    rel = rel.replace(/^\.\//, '');
+    rel = rel.replace(/\.vue$/, '.js');
+    if (!rel.endsWith('.js') && !rel.endsWith('.css')) {
+        rel = `${rel}.js`;
+    }
+    return rel;
+}
+function toViteFsPath(abs) {
+    const posix = abs.replace(/\\/g, '/');
+    if (/^[A-Za-z]:\//.test(posix))
+        return `/${posix}`;
+    return posix;
+}

package/dist/vite-plugins/rewrite-named-imports.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @deprecated 请改为 `niuma-ui/vite-plugins/niuma-ui-host`。
+ */
+export { niumaUiHost, type NiumaUiHostOptions } from './niuma-ui-host.js';
+export { niumaUiHost as rewriteNiumaUiNamedImports } from './niuma-ui-host.js';

package/dist/vite-plugins/rewrite-named-imports.js

@@ -0,0 +1,5 @@
+/**
+ * @deprecated 请改为 `niuma-ui/vite-plugins/niuma-ui-host`。
+ */
+export { niumaUiHost } from './niuma-ui-host.js';
+export { niumaUiHost as rewriteNiumaUiNamedImports } from './niuma-ui-host.js';

package/dist/vite-plugins/silence-antlr-parse-console.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 静默 antlr4ng ConsoleErrorListener 的 parse 刷屏。
+ *
+ * 针对 antlr4ng（monaco-sql-languages / dt-sql-parser 依赖）：
+ * createParser(input) 未传 errorListener 时不会 removeErrorListeners()，
+ * 半成品 SQL 的 syntaxError 会打满 DevTools。真实诊断走 Monaco markers。
+ * 该 console.error 模板随 antlr4ng 版本，升级后若失效需核对此字面量。
+ */
+import { type FilterPattern } from '@rollup/pluginutils';
+import type { Plugin } from 'vite';
+/** SilenceAntlrParseConsoleOptions 允许收窄要补丁的模块。 */
+export type SilenceAntlrParseConsoleOptions = {
+    include?: FilterPattern;
+    exclude?: FilterPattern;
+};
+/**
+ * SilenceAntlrParseConsole 去掉 antlr4ng ConsoleErrorListener 的 console.error。
+ */
+export declare function silenceAntlrParseConsole(options?: SilenceAntlrParseConsoleOptions): Plugin;

package/dist/vite-plugins/silence-antlr-parse-console.js

@@ -0,0 +1,35 @@
+/**
+ * 静默 antlr4ng ConsoleErrorListener 的 parse 刷屏。
+ *
+ * 针对 antlr4ng（monaco-sql-languages / dt-sql-parser 依赖）：
+ * createParser(input) 未传 errorListener 时不会 removeErrorListeners()，
+ * 半成品 SQL 的 syntaxError 会打满 DevTools。真实诊断走 Monaco markers。
+ * 该 console.error 模板随 antlr4ng 版本，升级后若失效需核对此字面量。
+ */
+import { createFilter } from '@rollup/pluginutils';
+import MagicString from 'magic-string';
+const ANTLR_LINE_ERROR = /console\.error\("line " \+ line \+ ":" \+ charPositionInLine \+ " " \+ msg\);/g;
+/**
+ * SilenceAntlrParseConsole 去掉 antlr4ng ConsoleErrorListener 的 console.error。
+ */
+export function silenceAntlrParseConsole(options = {}) {
+    const filter = createFilter(options.include ?? /antlr4ng/, options.exclude);
+    return {
+        name: 'silence-antlr-parse-console',
+        enforce: 'pre',
+        transform(code, id) {
+            if (!filter(id))
+                return null;
+            if (!code.includes('ConsoleErrorListener'))
+                return null;
+            if (!code.includes('console.error("line "'))
+                return null;
+            const s = new MagicString(code);
+            s.replace(ANTLR_LINE_ERROR, '/* niuma-ui: antlr4ng ConsoleErrorListener; diagnostics via Monaco markers */');
+            return {
+                code: s.toString(),
+                map: s.generateMap({ hires: 'boundary', source: id }),
+            };
+        },
+    };
+}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "niuma-ui",
-  "version": "1.1.12",
+  "version": "1.2.1",
   "license": "Apache-2.0",
   "type": "module",
-  "description": "Vue 3 设计系统与 Rs* 组件库（--rs-* token）",
+  "description": "Vue 3 工作台设计系统（Rs* 组件、--rs-* token；含可选编辑器 / 终端）",
   "keywords": [
     "vue",
     "vue3",
@@ -23,21 +23,53 @@
     "url": "https://github.com/Blair-Shang/niuma-ui/issues"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/styles.css",
   "exports": {
-    ".": "./src/index.ts",
-    "./styles.css": "./src/styles.css",
-    "./theme/brand.example.css": "./src/theme/brand.example.css",
-    "./vite-plugins/monaco-zh-nls": "./vite-plugins/monaco-zh-nls.ts",
-    "./vite-plugins/silence-antlr-parse-console": "./vite-plugins/silence-antlr-parse-console.ts",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./components/*": "./dist/components/*",
+    "./composables/*": "./dist/composables/*",
+    "./theme/*": "./dist/theme/*",
+    "./monaco/*": "./dist/monaco/*",
+    "./utils/*": "./dist/utils/*",
+    "./locale/*": "./dist/locale/*",
+    "./theme/brand.example.css": "./dist/theme/brand.example.css",
+    "./vite-plugins/monaco-zh-nls": {
+      "types": "./dist/vite-plugins/monaco-zh-nls.d.ts",
+      "import": "./dist/vite-plugins/monaco-zh-nls.js",
+      "default": "./dist/vite-plugins/monaco-zh-nls.js"
+    },
+    "./vite-plugins/silence-antlr-parse-console": {
+      "types": "./dist/vite-plugins/silence-antlr-parse-console.d.ts",
+      "import": "./dist/vite-plugins/silence-antlr-parse-console.js",
+      "default": "./dist/vite-plugins/silence-antlr-parse-console.js"
+    },
+    "./vite-plugins/niuma-ui-host": {
+      "types": "./dist/vite-plugins/niuma-ui-host.d.ts",
+      "import": "./dist/vite-plugins/niuma-ui-host.js",
+      "default": "./dist/vite-plugins/niuma-ui-host.js"
+    },
+    "./vite-plugins/rewrite-named-imports": {
+      "types": "./dist/vite-plugins/rewrite-named-imports.d.ts",
+      "import": "./dist/vite-plugins/rewrite-named-imports.js",
+      "default": "./dist/vite-plugins/rewrite-named-imports.js"
+    },
+    "./vite-prebundle/codemirror": "./dist/dev/vite-codemirror-deps.js",
+    "./vite-prebundle/xterm": "./dist/dev/vite-xterm-deps.js",
     "./package.json": "./package.json"
   },
   "files": [
-    "src",
-    "vite-plugins",
+    "dist",
     "LICENSE",
     "NOTICE",
     "README.md",
@@ -49,7 +81,13 @@
     "**/*.scss"
   ],
   "peerDependencies": {
-    "vue": "^3.5.39"
+    "vue": "^3.5.0",
+    "vite": ">=5"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@codemirror/commands": "^6.10.2",
@@ -80,7 +118,11 @@
     "marked": "^18.0.9",
     "monaco-editor": "^0.55.1",
     "monaco-sql-languages": "^1.2.0",
+    "@rollup/pluginutils": "^5.3.0",
+    "es-module-lexer": "^1.7.0",
+    "magic-string": "^0.30.17",
     "reka-ui": "^2.9.10",
+    "tailwindcss": "^4.3.2",
     "vue-sonner": "^2.0.9"
   },
   "devDependencies": {
@@ -91,19 +133,19 @@
     "@vue/server-renderer": "^3.5.39",
     "@vue/test-utils": "^2.4.11",
     "jsdom": "^29.1.1",
-    "tailwindcss": "^4.3.2",
     "typescript": "^5.9.3",
     "vite": "^8.1.3",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
+    "vue-tsc": "^3.3.6",
     "vue-router": "^5.1.0"
   },
   "engines": {
-    "node": ">=20",
-    "pnpm": ">=9"
+    "node": ">=20"
   },
   "scripts": {
     "dev": "vite --config playground/vite.config.ts",
+    "build": "node scripts/build-lib.mjs",
     "build:playground": "vite build --config playground/vite.config.ts",
     "preview:playground": "vite preview --config playground/vite.config.ts",
     "test": "vitest run",

package/src/__tests__/RsBadge.spec.ts

@@ -1,40 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RsBadge from '../components/RsBadge.vue'
-
-const variants = ['default', 'primary', 'success', 'warning', 'danger', 'info'] as const
-
-describe('RsBadge', () => {
-  it('renders slot text', () => {
-    const wrapper = mount(RsBadge, { slots: { default: 'Open' } })
-    expect(wrapper.text()).toBe('Open')
-  })
-
-  it('renders as span with base class', () => {
-    const wrapper = mount(RsBadge, { slots: { default: 'Tag' } })
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('rs-badge')
-  })
-
-  it('uses default variant when variant is omitted', () => {
-    const wrapper = mount(RsBadge, { slots: { default: '默认' } })
-    expect(wrapper.classes()).toContain('rs-badge--default')
-  })
-
-  it.each(variants)('applies %s variant class', (variant) => {
-    const wrapper = mount(RsBadge, {
-      props: { variant },
-      slots: { default: variant },
-    })
-    expect(wrapper.classes()).toContain(`rs-badge--${variant}`)
-  })
-
-  it('renders longer slot content', () => {
-    const wrapper = mount(RsBadge, {
-      props: { variant: 'warning' },
-      slots: { default: '配额已用尽' },
-    })
-    expect(wrapper.text()).toBe('配额已用尽')
-    expect(wrapper.classes()).toContain('rs-badge--warning')
-  })
-})