@dongmingzhixiu/vuexir-compiler 0.5.6 → 0.6.0

package/dist/codegen/compose.js

@@ -392,12 +392,39 @@ class NavTest {
 }
 `;
 /* ================= IR → Compose 生成 ================= */
+/** R-THEME-ANDROID：项目 tokens.css 的 var(--x) 表（默认皮肤 warm 优先，后块不覆盖） */
+let currentCssVars;
+function loadCssVarsAndroid(root) {
+    const map = new Map();
+    const roots = [join(root, 'src/styles/tokens.css'), join(root, 'src/tokens.css'), join(root, 'styles/tokens.css')];
+    for (const p of roots) {
+        if (!existsSync(p))
+            continue;
+        const css = readFileSync(p, 'utf-8');
+        for (const m of css.matchAll(/(--[\w-]+)\s*:\s*([^;{}]+);/g)) {
+            // 首个值优先（:root/.skin-warm 块在前 → 默认皮肤色）
+            if (!map.has(m[1]))
+                map.set(m[1], m[2].trim());
+        }
+    }
+    return map;
+}
 /**
  * 颜色 → Compose Color 表达式。
  * 支持 #rgb/#rrggbb 与 rgb()/rgba()（rgba 必须带 alpha，否则会拼出 `0xFFRGBA(...)` 这种非法字面量）。
+ * R-THEME-ANDROID：var(--x) → 解析 tokens.css 值（默认皮肤）。
  */
 function colorExpr(c) {
     const raw = c.trim();
+    if (raw.startsWith('var(')) {
+        const m = raw.match(/^var\(\s*(--[\w-]+)/);
+        if (m && currentCssVars) {
+            const v = currentCssVars.get(m[1]);
+            if (v !== undefined)
+                return colorExpr(v);
+        }
+        return 'Color(0xFF000000)';
+    }
     const fn = raw.match(/^rgba?\(([^)]+)\)$/i);
     if (fn) {
         const parts = fn[1].split(',').map((t) => Number(t.trim()));
@@ -439,10 +466,17 @@ function safeBind(name, ctx, loop) {
     return '""';
 }
 function kotlinCondExpr(expr, ctx, loop) {
+    // R-ELSE-AND：v-else 下沉互补状态（_vrnE#）在组件内不可求值 → true（R15 恒显语义，对位 iOS；否则未定义标识符编译失败）
+    if (/^_vrnE\d+$/.test(expr.trim()))
+        return 'true';
     // R128：下沉的条件状态 → 判真
     const sunk = expr.match(/^__vrnCond:(\w+)$/);
-    if (sunk)
+    if (sunk) {
+        // v-else 互补状态下沉为 _vrnE# → 组件内不可求值，恒显（R15，对位 iOS）
+        if (/^_vrnE\d+$/.test(sunk[1]))
+            return 'true';
         return `vrnTruthy(${sunk[1]}.toString())`;
+    }
     // R114：条件里引用了原生端不存在的标识符 → 回退为 true（保留内容）并告警，避免整页编译失败
     {
         // 先剥掉字符串字面量，避免把 "success" 之类当成标识符
@@ -1050,6 +1084,8 @@ function subtreeHasWeight(node) {
 function emitNodeInner(node, ctx, depth, loop, useParamModifier = false, parentStretch = false) {
     const pad = '  '.repeat(depth);
     const p = (node.props ?? {});
+    /** R-COMP-ROOT-ABS：组件根（useParamModifier && depth===1）去掉 Modifier.align（顶层无 BoxScope，编译非法）；保留 offset 平移 */
+    const absM = (pp) => (useParamModifier && depth <= 2 ? absModifiers(pp).filter((m) => !m.includes('.align(')) : absModifiers(pp));
     const alphaMod = alphaModifier(p);
     const alphaArr = alphaMod ? [alphaMod] : [];
     /** 容器类型：存在 absolute 子节点 → Box（ZStack 语义，对位 iOS）；否则按 flexDirection */
@@ -1154,7 +1190,7 @@ function emitNodeInner(node, ctx, depth, loop, useParamModifier = false, parentS
             const chain = modChain([
                 ...stretchModifiers(parentStretch, node),
                 ...sizeModifiers(p),
-                ...absModifiers(p),
+                ...absM(p),
                 ...clipModifiers(p),
                 ...groupBackground(node, p),
                 ...borderModifiers(p),
@@ -1251,7 +1287,7 @@ function emitNodeInner(node, ctx, depth, loop, useParamModifier = false, parentS
             return out;
         }
         case 'button': {
-            const chain = modChain([...stretchModifiers(parentStretch, node), ...sizeModifiers(p), ...absModifiers(p), ...clipModifiers(p), ...visualModifiers(p), ...borderModifiers(p), ...paddingModifiers(p), ...alphaArr, ...transformModifiers(p)], pad + '            ');
+            const chain = modChain([...stretchModifiers(parentStretch, node), ...sizeModifiers(p), ...absM(p), ...clipModifiers(p), ...visualModifiers(p), ...borderModifiers(p), ...paddingModifiers(p), ...alphaArr, ...transformModifiers(p)], pad + '            ');
             // R108：动态按钮文案（props.bind）优先；Kotlin 里用字符串模板插值
             const label = p.bind !== undefined ? String(p.bind) : (p.label ?? '');
             const click = kotlinClickAction(p, ctx, loop);
@@ -1281,7 +1317,7 @@ function emitNodeInner(node, ctx, depth, loop, useParamModifier = false, parentS
                 ctx.warnings.push('input: v-model「' + String(st) + '」非页面级 string 状态（Android 暂只支持该形态），已生成占位注释');
                 return pad + '// input: v-model ' + kotlinStr(String(st)) + ' 未支持（Android 仅页面级 string state）';
             }
-            const chain = modChain([...stretchModifiers(parentStretch, node), ...sizeModifiers(p), ...absModifiers(p), ...paddingModifiers(p), ...alphaArr, ...transformModifiers(p)], pad + '            ');
+            const chain = modChain([...stretchModifiers(parentStretch, node), ...sizeModifiers(p), ...absM(p), ...paddingModifiers(p), ...alphaArr, ...transformModifiers(p)], pad + '            ');
             const ts = [];
             if (p.fontSize !== undefined)
                 ts.push('fontSize = ' + sp(p.fontSize));
@@ -1300,7 +1336,7 @@ function emitNodeInner(node, ctx, depth, loop, useParamModifier = false, parentS
             return out;
         }
         case 'image': {
-            const chain = modChain([...stretchModifiers(parentStretch, node), ...sizeModifiers(p), ...absModifiers(p), ...clipModifiers(p), ...visualModifiers(p), ...paddingModifiers(p), ...alphaArr, ...transformModifiers(p)], pad + '            ');
+            const chain = modChain([...stretchModifiers(parentStretch, node), ...sizeModifiers(p), ...absM(p), ...clipModifiers(p), ...visualModifiers(p), ...paddingModifiers(p), ...alphaArr, ...transformModifiers(p)], pad + '            ');
             if (p.src)
                 ctx.warnings.push('image src="' + p.src + '" 资源桥未实现（A5 TODO），生成占位 Box');
             let out = pad + '// image src=' + (p.src ?? '') + '（A5 资源桥 TODO）\n';
@@ -1382,7 +1418,7 @@ function emitNodeInner(node, ctx, depth, loop, useParamModifier = false, parentS
                 ...stretchModifiers(parentStretch, node),
                 ...sizeModifiers(p),
                 flexModifier(p),
-                ...absModifiers(p),
+                ...absM(p),
                 ...alphaArr,
                 ...transformModifiers(p),
             ].concat(click ? ['Modifier.clickable { ' + click + ' }'] : []);
@@ -1447,10 +1483,34 @@ function loadComponents(pageFile) {
     return table;
 }
 /** 收集组件 IR 中的 ref 参数名（text props.ref → 组件函数参数） */
+/** R-COMP-PARAMS：表达式 → 根标识符（dialog.title → dialog；!allOpen → allOpen；__vrnField__:dialog:title → dialog；下沉条件 → ''）对位 iOS swiftui.ts rootIdent */
+function rootIdent(expr) {
+    const e = expr.replace(/^!/, '');
+    const f = e.match(/^__vrnField__:(\w+)/);
+    if (f)
+        return f[1];
+    if (e.startsWith('__vrnCond:') || e.startsWith('__vrnField__:'))
+        return '';
+    const id = e.match(/^([A-Za-z_$][\w$]*)/);
+    return id ? id[1] : '';
+}
+/** 收集组件 IR 树中 text ref / v-if 条件 / v-for 列表 → prop 名（组件 Composable 参数集合，对位 iOS） */
 function collectRefs(node, acc = new Set()) {
-    const p = node.props;
-    if (p.ref)
-        acc.add(p.ref);
+    if (node.type === 'text' && node.props?.ref !== undefined) {
+        const r = rootIdent(node.props.ref);
+        if (r)
+            acc.add(r);
+    }
+    if (node.condition) {
+        const r = rootIdent(node.condition);
+        if (r)
+            acc.add(r);
+    }
+    if (node.type === 'for' && node.vfor?.listState && !/^_vrnE\d+$/.test(node.vfor.listState)) {
+        const r = rootIdent(node.vfor.listState);
+        if (r)
+            acc.add(r);
+    }
     for (const c of node.children ?? [])
         collectRefs(c, acc);
     return acc;
@@ -1659,6 +1719,8 @@ const ICON_MAP = {
     explore: 'Icons.Filled.Explore', work: 'Icons.Filled.Work', settings: 'Icons.Filled.Settings',
 };
 function runTabs(appDir, opts = {}) {
+    // R-THEME-ANDROID：加载项目 tokens.css var 表（colorExpr var(--x) 解析用）
+    currentCssVars = loadCssVarsAndroid(findProjectRoot(appDir));
     const routerSrc = readFileSync(opts.routerFile ?? join(appDir, 'router.ts'), 'utf-8');
     const { tabs, details, warnings: routerWarnings } = parseRouter(routerSrc, findProjectRoot(appDir), opts.routerFile ?? join(appDir, 'router.ts'));
     for (const w of routerWarnings)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dongmingzhixiu/vuexir-compiler",
-  "version": "0.5.6",
+  "version": "0.6.0",
   "description": "Vue SFC → IR → 原生源码（SwiftUI / Compose）编译器核心：纯函数、零 IO",
   "type": "module",
   "license": "MIT",