@dongmingzhixiu/vuexir-compiler 0.3.9 → 0.3.11

package/dist/transform/vue2ir.js

@@ -41,6 +41,8 @@ function addJsExprState(expr) {
     jsExprStates.push({ name, init: '', computed: js });
     return name;
 }
+/** 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 返回哨兵串 */
@@ -890,6 +892,12 @@ const TAG_MAP = {
     small: { type: 'text', defaultProps: { fontSize: 12 } },
     u: { type: 'text', defaultProps: { fontSize: 14 } },
     code: { type: 'text', defaultProps: { fontSize: 13 } },
+    // R104：真实页面高频标签（原生端无对应语义，按最接近的容器/文本降级）
+    select: { type: 'group', defaultProps: { flexDirection: 'column' } },
+    option: { type: 'text', defaultProps: { fontSize: 14 } },
+    aside: { type: 'group', defaultProps: { flexDirection: 'column' } },
+    figure: { type: 'group', defaultProps: { flexDirection: 'column' } },
+    figcaption: { type: 'text', defaultProps: { fontSize: 12 } },
     h1: { type: 'text', defaultProps: { fontSize: 24, fontWeight: 'bold' } },
     h2: { type: 'text', defaultProps: { fontSize: 20, fontWeight: 'bold' } },
     h3: { type: 'text', defaultProps: { fontSize: 17, fontWeight: 'medium' } },
@@ -908,6 +916,7 @@ export function vueToIr(source, opts = {}) {
     compPosition = new Map();
     vforConsts = {};
     storeAliases = new Map();
+    scriptDeclaredNames = new Set();
     storeConstArrays = {};
     derivedNames = new Map();
     storeGetterWarnings = [];
@@ -1002,6 +1011,17 @@ export function vueToIr(source, opts = {}) {
     if (script && script.content.trim()) {
         const src = script.content;
         stateInfo = extractScreenState(src);
+        // R104：记录脚本里所有顶层声明（插值命中但非 state 时下沉求值）
+        for (const dm of src.matchAll(/(?:const|let|var|function)\s+([A-Za-z_$][\w$]*)/g)) {
+            scriptDeclaredNames.add(dm[1]);
+        }
+        for (const dm of src.matchAll(/const\s*\{([^}]+)\}\s*=/g)) {
+            for (const part of dm[1].split(',')) {
+                const nm = part.split(':').pop()?.trim().replace(/=.*$/, '').trim();
+                if (nm && /^[A-Za-z_$][\w$]*$/.test(nm))
+                    scriptDeclaredNames.add(nm);
+            }
+        }
         const fns = extractFunctions(src);
         // M1 已落地的 setter 函数（x.value = <expr>）升级为完整 handler：body 原样进运行时（含 localStorage/状态读写）
         handlers = fns.map((f) => ({
@@ -1334,6 +1354,10 @@ function walk(node, classProps, comboRules, scopedRules, pseudoRules, warnings,
                 if (state && state.states.some((s) => s.name === name)) {
                     return [{ type: 'text', bind: { key: name } }];
                 }
+                // R104：脚本里声明过但不是 ref 状态（computed/普通 const/解构来的值）→ 交给 JS 运行时求值
+                if (scriptDeclaredNames.has(name)) {
+                    return [{ type: 'text', props: { bind: addJsExprState(nameRaw) } }];
+                }
                 throw new VueCompileError(`插值 {{ ${name} }}：未在 <script setup> 中声明为 ref 状态（M1 白名单：仅支持已声明状态）`);
             }
             // R92 点路径兜底：{{ a.b ?? '默认' }} → fieldOf + fallback
@@ -1359,7 +1383,8 @@ function walk(node, classProps, comboRules, scopedRules, pseudoRules, warnings,
                     return [{ type: 'text', props: { text: ' ' } }];
                 }
             }
-            throw new VueCompileError(`插值表达式 {{ ${name} }} 暂不支持（M1 仅支持纯状态名；三元/比较表达式 M2 白名单）`);
+            // R104：静态翻译不了 → 交给 JS 运行时求值（与元素文本分支保持一致）
+            return [{ type: 'text', props: { bind: addJsExprState(nameRaw) } }];
         }
         case NodeTypes.ELEMENT:
             return [walkElement(node, classProps, comboRules, scopedRules, pseudoRules, warnings, state, compTable, propRefs, loopScope, ancestorClasses)];
@@ -1562,12 +1587,47 @@ function buildComponentTree(comp, warnings) {
 }
 function walkElement(node, classProps, comboRules, scopedRules, pseudoRules, warnings, state, compTable = [], propRefs, loopScope = [], ancestorClasses = []) {
     let elementClasses = []; // M5 后代选择器：本元素 class 清单（子节点递归传祖先链）
+    // R104：<br> 换行 → 占位间距（原生端没有行内换行语义）
+    if (node.tag === 'br') {
+        return { type: 'spacer', props: { height: 8 } };
+    }
     // M2 v-for：任意元素（含 <template>）带 v-for → 包一层 for 节点，自身去指令后作项模板
     const forDir = node.props.find((p) => p.type === NodeTypes.DIRECTIVE && p.name === 'for');
     if (forDir) {
         // AttributeNode 无 exp；DirectiveNode 才有（find 命中 DIRECTIVE 但 TS 不窄化 union）
         const exp = 'exp' in forDir ? forDir.exp : undefined;
-        const vf = parseVFor(exp && exp.type === NodeTypes.SIMPLE_EXPRESSION ? exp.content : '', warnings, vforConsts);
+        const forExp = exp && exp.type === NodeTypes.SIMPLE_EXPRESSION ? exp.content : '';
+        // R105：`v-for="x in stats"` 里的 stats 是 computed/普通变量（不是 ref 状态）
+        // → 下沉成运行时求值的 JSON 数组状态，列表照常渲染
+        let sunkList;
+        {
+            const m = forExp.trim().match(/^(?:\(([^)]+)\)|([A-Za-z_$][\w$]*))\s+in\s+([A-Za-z_$][\w$]*)$/);
+            if (m) {
+                const src = m[3];
+                const isState = (state?.states ?? []).some((st) => st.name === src);
+                const isConst = vforConsts && src in vforConsts;
+                if (!isState && !isConst && scriptDeclaredNames.has(src)) {
+                    sunkList = addJsExprState(`JSON.stringify(${src})`);
+                    const vfSunk = {
+                        listState: sunkList,
+                        itemKey: (m[1] ? m[1].split(',')[0] : m[2]).trim(),
+                        indexKey: m[1] ? m[1].split(',')[1]?.trim() : undefined,
+                        sunk: true,
+                    };
+                    const innerNodeSunk = {
+                        ...node,
+                        props: node.props.filter((p) => !(p.type === NodeTypes.DIRECTIVE && p.name === 'for')),
+                    };
+                    const itemSunk = walkElement(innerNodeSunk, classProps, comboRules, scopedRules, pseudoRules, warnings, state, compTable, propRefs, [
+                        ...loopScope,
+                        { itemKey: vfSunk.itemKey, indexKey: vfSunk.indexKey },
+                    ], ancestorClasses);
+                    return { type: 'for', vfor: vfSunk, children: [itemSunk] };
+                }
+            }
+        }
+        const vf = parseVFor(forExp, warnings, vforConsts);
+        void sunkList;
         if (!vf) {
             throw new VueCompileError('v-for 仅支持静态数组字面量（M2，如 v-for="item in [1,2,3]" / v-for="(item, i) in [\'a\',\'b\']"；动态列表随 M3/M4）');
         }

package/package.json

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