@dongmingzhixiu/vuexir-compiler 0.3.21 → 0.4.1

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()`;
@@ -1700,6 +1707,7 @@ function runTabs(appDir, opts = {}) {
             title: tab.title,
             components: loadComponents(tab.file),
             storeSources: loadStoreSources(tab.file),
+            allowUnknownComponents: true,
         });
         if (r.warnings.length > 0) {
             console.log(`[gen-android] 编译提示（${tab.id}，${r.warnings.length} 条）:`);
@@ -1738,6 +1746,7 @@ function runTabs(appDir, opts = {}) {
             title: d.title,
             components: loadComponents(d.file),
             storeSources: loadStoreSources(d.file),
+            allowUnknownComponents: true,
         });
         if (r.warnings.length > 0) {
             console.log(`[gen-android] 编译提示（${d.id}，${r.warnings.length} 条）:`);

package/dist/codegen/swiftui.js

@@ -64,6 +64,7 @@ function rgbHex(r, g, b) {
     return [r, g, b].map((v) => Math.round(v).toString(16).padStart(2, '0')).join('');
 }
 /** 当前工程的色板（hex → Theme 名 / fontKey → Theme 名）；generateScreenSource 设置 */
+let currentStateNames = new Set();
 let currentColorNames;
 let currentFontNames;
 /** R43：frame 组合抽离为 View 扩展方法（theme 模式启用） */
@@ -511,11 +512,12 @@ function emitNode(node, ctx) {
 /** JS 条件表达式 → Swift 兼容：===/!== 为 JS 严格比较，Swift 用 ==/!=；字符串字面量单引号 → 双引号 */
 function swiftCondExpr(expr, known) {
     // R114：条件引用原生端不存在的标识符 → true（保留内容），避免整页编译失败
-    if (known && known.size > 0) {
+    const knownSet = known && known.size > 0 ? known : currentStateNames;
+    if (knownSet && knownSet.size > 0) {
         // 先剥掉字符串字面量，避免把 "success" 之类当成标识符
         const stripped = expr.replace(/'[^']*'|"[^"]*"/g, '""');
         const ids = [...stripped.matchAll(/(?<![.\w$])([A-Za-z_$][\w$]*)/g)].map((m) => m[1]);
-        const unknown = ids.filter((id) => !known.has(id) && !['true', 'false', 'Math', 'String', 'Number', 'vrnTruthy'].includes(id));
+        const unknown = ids.filter((id) => !knownSet.has(id) && !['true', 'false', 'Math', 'String', 'Number', 'vrnTruthy'].includes(id));
         if (unknown.length > 0)
             return 'true';
     }
@@ -537,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)
@@ -1127,6 +1138,7 @@ function navBarModifiers(screen, warnings) {
 }
 export function generateScreenSource(screen, opts = {}) {
     const __stateNames = new Set((screen.state ?? []).map((st) => st.name));
+    currentStateNames = __stateNames;
     const rt = opts.runtime ?? 'Runtime.shared';
     // R42：色板存在时颜色/字体走 Theme token；R43：frame 走 View 扩展短调用
     currentColorNames = opts.theme?.colorNames;

package/dist/transform/vue2ir.d.ts

@@ -65,6 +65,8 @@ export declare function resolveSetCall(handler: string, state: ScreenStateInfo,
 export interface Vue2IrOptions {
     /** R86 Pinia store 源码（文件名 → 源码）；提供后页面可用 `const ui = useUiStore()` 读状态 */
     storeSources?: Record<string, string>;
+    /** R115：允许未注册的自定义组件降级为占位（工程迁移用；库默认仍按 R13 报错） */
+    allowUnknownComponents?: boolean;
     screenId?: string;
     title?: string;
     /** 设计稿高度（默认 640，R16 适配基准） */

package/dist/transform/vue2ir.js

@@ -41,12 +41,18 @@ function addJsExprState(expr) {
     jsExprStates.push({ name, init: '', computed: js });
     return name;
 }
+/** R115 是否允许未注册组件降级（由 vueToIr 选项设置） */
+let allowUnknownComponentsFlag = false;
 /** R104 脚本里声明过的名字（const/let/function）——未登记为 state 时走运行时求值 */
 let scriptDeclaredNames = new Set();
 /** R86 store 别名表：`ui` → StoreDef（每次 vueToIr 重建；与 vforConsts 同风格） */
 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$]*)(\..+)?$/);
@@ -321,6 +327,8 @@ __vrnRecompute();
   var __n = 0;
   function __tick() {
     __vrnRecompute();
+    // R122：页面脚本（__vrnPage）的真实值必须最后写入，否则会被静态 computed 覆盖成空
+    __vrnSyncPage();
     if (++__n < 20 && typeof setTimeout === "function") setTimeout(__tick, 100);
   }
   __tick();
@@ -330,7 +338,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 === '[]'
@@ -468,6 +476,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")）
@@ -923,6 +978,7 @@ export function vueToIr(source, opts = {}) {
     storeGetterWarnings = [];
     jsExprSeq = 0;
     jsExprStates = [];
+    allowUnknownComponentsFlag = opts.allowUnknownComponents === true;
     const warnings = [];
     const { descriptor, errors } = parse(source, { filename: 'Screen.vue' });
     if (errors.length > 0) {
@@ -1114,6 +1170,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 关键字）→ 自动改名 + 警告（不再只警告导致后续编译失败）
@@ -1735,6 +1808,10 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
             const pos = compPosition.get(comp.name) ?? {};
             return componentUseNode(node, comp, pos, warnings);
         }
+        if (allowUnknownComponentsFlag) {
+            warnings.push(`自定义组件 <${node.tag}> 未迁移 → 已降级为占位（R115）`);
+            return { type: 'group', props: { flexDirection: 'column', padding: 8 }, children: [{ type: 'text', props: { text: ' ' } }] };
+        }
         throw new VueCompileError(`未知标签 <${node.tag}>（元素归一化表外；组件/自定义标签暂不支持，R13）`);
     }
     // overflow:auto（div 等容器）→ 节点升级为 scroll（生成 ScrollView，内容区可滚动占满剩余）
@@ -1924,7 +2001,7 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
                 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 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);
@@ -1934,7 +2011,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:')) {
@@ -2091,7 +2168,11 @@ function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, war
     }
     // R108：文本节点丢弃布局类属性（原生端 width/height/flexDirection 只对容器有意义）
     if (mapping.type === 'text') {
-        const LAYOUT_ONLY = ['height', 'width', 'flexDirection', 'justifyContent', 'alignItems', 'flex', 'gap'];
+        const LAYOUT_ONLY = [
+            'height', 'width', 'flexDirection', 'justifyContent', 'alignItems', 'flex', 'gap',
+            'clip', 'overflow', 'marginBottom', 'marginRight', 'marginLeft', 'borderSides',
+            'radius', 'opacity', 'position', 'absTop', 'absLeft', 'absRight', 'absBottom',
+        ];
         const dropped = LAYOUT_ONLY.filter((k) => props[k] !== undefined);
         if (dropped.length > 0) {
             for (const k of dropped)

package/package.json

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