@dongmingzhixiu/vuexir-compiler 0.4.0 → 0.4.2

package/dist/codegen/compose.js

@@ -474,6 +474,13 @@ function kotlinCondExpr(expr, ctx, loop) {
     const cmpField = s.match(/^([A-Za-z_$][\w$]*)\.([A-Za-z_$][\w$]*)\s*(==|!=)\s*(.+)$/);
     if (cmpField)
         return `vrnField(${cmpField[1]}, "${cmpField[2]}") ${cmpField[3]} ${cmpField[4]}`;
+    // R121：复合条件逐段翻译
+    if (/&&|\|\|/.test(s) && !/[()]/.test(s)) {
+        const parts = s.split(/(&&|\|\|)/);
+        return parts
+            .map((seg) => (seg === '&&' || seg === '||' ? seg : kotlinCondExpr(seg.trim(), ctx, loop)))
+            .join(' ');
+    }
     const andExpr = s.match(/^([A-Za-z_$][\w$.]*)\s*&&\s*([A-Za-z_$][\w$.]*)$/);
     if (andExpr) {
         const truthy = (v) => v.includes('.') ? `vrnField(${v.split('.')[0]}, "${v.split('.').slice(1).join('.')}").isNotEmpty()` : `${v}.toString().isNotEmpty()`;

package/dist/codegen/swiftui.js

@@ -539,6 +539,15 @@ function swiftCondExpr(expr, known) {
     // R110：数值状态直接当条件（Swift 不接受 Int 当 Bool）
     if (/^[A-Za-z_$][\w$]*$/.test(s))
         return `vrnTruthy(String(${s}))`;
+    // R121：复合条件（a && b / a || b / !a）→ 逐段翻译后重组（每段按单条件规则判真）
+    if (/&&|\|\|/.test(s) && !/__vrnField__/.test(s) && !/[()]/.test(s)) {
+        const parts = s.split(/(&&|\|\|)/);
+        return parts
+            .map((seg) => (seg === '&&' || seg === '||' ? seg : swiftCondExpr(seg.trim(), known)))
+            .join(' ');
+    }
+    if (/^![A-Za-z_$][\w$]*$/.test(s))
+        return `!vrnTruthy(String(${s.slice(1)}))`;
     // R113：对象字段条件（form.avatarData）→ 走 vrnField 取 JSON 字段
     const negField = s.match(/^!([A-Za-z_$][\w$]*)\.([A-Za-z_$][\w$]*)$/);
     if (negField)
@@ -801,7 +810,7 @@ function emitNodeInner(node, ctx) {
             let line = isRef
                 ? pad(`Text(${props.ref})`)
                 : props.bindExpr !== undefined
-                    ? pad(`Text(${props.bindExpr})`)
+                    ? pad(`Text(${String(props.bindExpr).includes('.') ? '""' : props.bindExpr})`)
                     : props.fieldOf !== undefined
                         ? pad(`Text(vrnField(${props.fieldOf.obj}, "${props.fieldOf.field}"${props.fieldOf.fallback !== undefined ? `, "${swiftStringEscape(props.fieldOf.fallback)}"` : ''}))`)
                         : props.dynField !== undefined

package/dist/transform/vue2ir.js

@@ -41,6 +41,8 @@ function addJsExprState(expr) {
     jsExprStates.push({ name, init: '', computed: js });
     return name;
 }
+/** R125 当前生效的 v-for 作用域栈（绕开 loopScope 透传不一致的问题） */
+let activeLoops = [];
 /** R115 是否允许未注册组件降级（由 vueToIr 选项设置） */
 let allowUnknownComponentsFlag = false;
 /** R104 脚本里声明过的名字（const/let/function）——未登记为 state 时走运行时求值 */
@@ -49,6 +51,10 @@ let scriptDeclaredNames = new Set();
 let storeAliases = new Map();
 /** R86 把 `alias.field.path` 拍平为 `alias_field.path`；getter/action 返回哨兵串 */
 function flattenStorePath(name) {
+    // R123：页面脚本自己的响应式绑定（soon/nearest/…）由运行时同步填充，
+    // 绝不能再被 store 折叠改写成 store_xxx（否则 v-for 会去读静态状态，永远是空）
+    if (jsExprStateNames.includes(name))
+        return name;
     // R89：computed 折叠出的派生名（all → ui_upcoming；all.length → ui_upcoming.length）
     if (derivedNames.size > 0) {
         const m0 = name.match(/^([A-Za-z_$][\w$]*)(\..+)?$/);
@@ -323,6 +329,8 @@ __vrnRecompute();
   var __n = 0;
   function __tick() {
     __vrnRecompute();
+    // R122：页面脚本（__vrnPage）的真实值必须最后写入，否则会被静态 computed 覆盖成空
+    __vrnSyncPage();
     if (++__n < 20 && typeof setTimeout === "function") setTimeout(__tick, 100);
   }
   __tick();
@@ -332,7 +340,7 @@ __vrnRecompute();
         // M4b 动态列表态：list → JS 真数组（'[]' 或 '["a","b"]' JSON 字面量，Swift JSONSerialization 可解码）
         // R98：对象态在 JS 侧要是真对象（原生侧仍收 JSON 字符串），否则 {{ form.name }} 求值失败
         const v = s.obj && typeof s.init === 'string'
-            ? `JSON.parse(${JSON.stringify(s.init)})`
+            ? `(function(){try{return JSON.parse(${JSON.stringify(s.init)});}catch(e){return {};}})()`
             : s.list
                 ? String(s.init)
                 : s.init === '[]'
@@ -470,6 +478,53 @@ var router = {
     if (typeof __routerBack === "function") __routerBack();
   }
 };
+// R118 页面状态同步：把页面脚本 bundle（__vrnPage）里的 ref/computed 值写进 stateStore，
+// 模板里 {{ nearest }} / {{ soon }} 这类页面级派生值就有了真实来源
+// 把数组里的嵌套对象拍平成「点键」，让 v-for 里的 row.item.name 能直接取到
+function __vrnFlat(v) {
+  function flatObj(o, prefix, out) {
+    for (var k in o) {
+      var val = o[k];
+      var key = prefix ? prefix + "." + k : k;
+      if (val && typeof val === "object" && !Array.isArray(val)) flatObj(val, key, out);
+      else if (Array.isArray(val)) out[key] = "[" + val.length + "]";
+      else out[key] = String(val);
+    }
+    return out;
+  }
+  if (Array.isArray(v)) return v.map(function (it) { return (it && typeof it === "object") ? flatObj(it, "", {}) : it; });
+  return v;
+}
+function __vrnSyncPage() {
+  try {
+    var page = typeof __vrnPage !== "undefined" ? __vrnPage : (typeof globalThis !== "undefined" ? globalThis.__vrnPage : undefined);
+    if (!page) return;
+    for (var k in page) {
+      try {
+        var v = page[k];
+        var val;
+        if (v && typeof v === "object" && "value" in v) val = v.value;   // ref / computed
+        else continue;                                                    // 函数/常量交给模板静态值
+        if (val === undefined || val === null) continue;
+        stateStore[k] = (typeof val === "object") ? JSON.stringify(__vrnFlat(val)) : val;
+      } catch (e) {}
+    }
+  } catch (e) {}
+}
+// R116：store 引导——原生端没有 main.ts 的启动序列，这里对所有 useXxxStore 单例触发 init()
+(function () {
+  try {
+    var names = Object.getOwnPropertyNames(globalThis).filter(function (n) {
+      return /^use[A-Za-z0-9_$]*Store$/.test(n) && typeof globalThis[n] === "function";
+    });
+    names.forEach(function (n) {
+      try {
+        var st = globalThis[n]();
+        if (st && typeof st.init === "function") st.init();
+      } catch (e) {}
+    });
+  } catch (e) {}
+})();
 // handlers（<script setup> 函数体：ref.value → stateStore 重写）
 ${handlerSrc}
 ${computedBlock}${"" /* R102 见 computedBlock 内：仅当存在派生状态时才调度重算循环，避免无谓的定时器 */}// onMounted（Swift onAppear → invoke("__onMounted")）
@@ -926,6 +981,7 @@ export function vueToIr(source, opts = {}) {
     jsExprSeq = 0;
     jsExprStates = [];
     allowUnknownComponentsFlag = opts.allowUnknownComponents === true;
+    activeLoops = [];
     const warnings = [];
     const { descriptor, errors } = parse(source, { filename: 'Screen.vue' });
     if (errors.length > 0) {
@@ -1117,6 +1173,23 @@ export function vueToIr(source, opts = {}) {
             if (value !== undefined)
                 stateInfo.states.push({ name, init: value });
         }
+        // R121：页面脚本里的 computed/普通绑定在运行时由 __vrnSyncPage 回填，
+        // 这里先注册为状态（init 空串），模板的 v-for / v-if 就能引用它们
+        {
+            const RESERVED2 = new Set(['body', 'self', 'init', 'class', 'object', 'fun', 'val', 'var', 'when', 'is', 'in', 'store']);
+            // 只注册 computed/ref/reactive 绑定（普通常量数组已由代码生成侧处理，重复注册会撞名）
+            const reactiveBindings = new Set();
+            for (const m2 of src.matchAll(/const\s+([A-Za-z_$][\w$]*)\s*=\s*(?:computed|ref|reactive|shallowRef|toRef)\s*\(/g)) {
+                reactiveBindings.add(m2[1]);
+            }
+            for (const nm of reactiveBindings) {
+                if (RESERVED2.has(nm))
+                    continue;
+                if (stateInfo.states.some((st) => st.name === nm))
+                    continue;
+                stateInfo.states.push({ name: nm, init: '' });
+            }
+        }
         // R98：把当前状态名快照给表达式下沉用（walk 阶段据此把裸状态名重写成 stateStore.x）
         jsExprStateNames = stateInfo.states.map((st) => st.name);
         // R74：状态名撞原生保留成员（SwiftUI `body`、Kotlin 关键字）→ 自动改名 + 警告（不再只警告导致后续编译失败）
@@ -1347,12 +1420,18 @@ function walk(node, classProps, comboRules, scopedRules, pseudoRules, warnings,
             if (tri)
                 return [{ type: 'text', props: { bindExpr: tri } }];
             // M2：v-for 循环变量（item/index）优先于状态表
-            const loopVar = loopScope.find((l) => l.itemKey === name || l.indexKey === name);
+            const loopVar = loopScope.find((l) => l.itemKey === name || l.indexKey === name) ??
+                [...activeLoops].reverse().find((l) => l.itemKey === name.split('.')[0] || l.indexKey === name.split('.')[0]);
             if (loopVar) {
-                // M4b 动态列表项属性访问 {{ item.field }} → dynField（Swift 侧 [String: Any] 字段取值）
+                // M4b 动态列表项属性访问 {{ item.field }} / item.a.b → dynField（点路径拍平键）
                 const dot = name.split('.');
-                if (dot.length === 2 && dot[0] === loopVar.itemKey && /^\w+$/.test(dot[1])) {
-                    return [{ type: 'text', props: { dynField: { var: dot[0], field: dot[1] } } }];
+                if (dot.length >= 2 && dot[0] === loopVar.itemKey && dot.slice(1).every((seg) => /^\w+$/.test(seg))) {
+                    return [{ type: 'text', props: { dynField: { var: dot[0], field: dot.slice(1).join('.') } } }];
+                }
+                // R126：循环体内出现复杂表达式（三元等）→ 原生端无法静态求值，置空避免非法代码
+                if (!/^[A-Za-z_$][\w$]*(\.[A-Za-z_$][\w$]*)*$/.test(name)) {
+                    warnings.push(`v-for 项内复杂表达式「${name.slice(0, 30)}」暂不支持 → 已置空（R126）`);
+                    return [{ type: 'text', props: { text: ' ' } }];
                 }
                 return [{ type: 'text', bind: { key: name } }];
             }
@@ -1637,10 +1716,12 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
                         ...node,
                         props: node.props.filter((p) => !(p.type === NodeTypes.DIRECTIVE && p.name === 'for')),
                     };
+                    activeLoops.push({ itemKey: vfSunk.itemKey, indexKey: vfSunk.indexKey });
                     const itemSunk = walkElement(innerNodeSunk, classProps, comboRules, scopedRules, pseudoRules, warnings, state, compTable, propRefs, [
                         ...loopScope,
                         { itemKey: vfSunk.itemKey, indexKey: vfSunk.indexKey },
                     ], ancestorClasses);
+                    activeLoops.pop();
                     return { type: 'for', vfor: vfSunk, children: [itemSunk] };
                 }
             }
@@ -1676,10 +1757,12 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
             throw new VueCompileError(`v-for 动态数据源「${vf.listState}」未在 <script setup> 中声明为 ref 数组（M4b）`);
         }
         const innerNode = { ...node, props: node.props.filter((p) => !(p.type === NodeTypes.DIRECTIVE && p.name === 'for')) };
+        activeLoops.push({ itemKey: vf.itemKey, indexKey: vf.indexKey });
         const item = walkElement(innerNode, classProps, comboRules, scopedRules, pseudoRules, warnings, state, compTable, propRefs, [
             ...loopScope,
             { itemKey: vf.itemKey, indexKey: vf.indexKey },
         ], ancestorClasses);
+        activeLoops.pop();
         return { type: 'for', vfor: vf, children: [item] };
     }
     // R76 Vue 内置容器组件（Transition/KeepAlive/Teleport/Suspense/Fragment）→ 透明展开：
@@ -1930,8 +2013,9 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
                 // 动态列表项属性 {{ item.field }}：基名（dot[0]）命中循环变量才成立
                 const dot = name.split('.');
                 const base = dot[0];
-                const loopVar = loopScope.find((l) => l.itemKey === base || l.indexKey === base);
-                const dyn = loopVar && dot.length === 2 && dot[0] === loopVar.itemKey && /^\w+$/.test(dot[1]);
+                const loopVar = loopScope.find((l) => l.itemKey === base || l.indexKey === base) ??
+                    [...activeLoops].reverse().find((l) => l.itemKey === base || l.indexKey === base);
+                const dyn = loopVar && dot.length >= 2 && dot[0] === loopVar.itemKey && dot.slice(1).every((seg) => /^\w+$/.test(seg));
                 if (!text && !parts.some((p) => 'bind' in p || 'dynField' in p || 'fieldOf' in p)) {
                     // M2 模板内三元（D1 小范围）：cond ? 'a' : 'b' → Swift 三元字符串表达式（Text(expr)）
                     const tri = parseTernaryExpr(name);
@@ -1941,7 +2025,7 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
                     }
                     // M4b 单插值动态列表项属性 {{ item.field }} → 单段 bindParts
                     if (dyn) {
-                        parts.push({ dynField: { var: dot[0], field: dot[1] } });
+                        parts.push({ dynField: { var: dot[0], field: dot.slice(1).join('.') } });
                         continue;
                     }
                     if (name.startsWith('\u0000store:')) {
@@ -1999,7 +2083,7 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
                 }
                 // 混合段：静态文本之后的插值
                 if (dyn)
-                    parts.push({ dynField: { var: dot[0], field: dot[1] } });
+                    parts.push({ dynField: { var: dot[0], field: dot.slice(1).join('.') } });
                 else if (/^\w+$/.test(name) && (loopVar || (state && state.states.some((s) => s.name === name))))
                     parts.push({ bind: name });
                 else if (propRefs)

package/package.json

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