@dongmingzhixiu/vuexir-compiler 0.4.6 → 0.4.8

package/dist/codegen/swiftui.js

@@ -716,6 +716,10 @@ function emitNodeInner(node, ctx) {
             const align = isRow ? (ALIGN_MAP[alignRaw] ?? '.top') : (FLEX_START_MAP[alignRaw] ?? '.leading');
             const stack = hasAbsolute ? 'ZStack' : isRow ? 'HStack' : 'VStack';
             const stackAlign = hasAbsolute ? '.topLeading' : align;
+            // R132：ZStack 里必须把「非绝对定位」的兄弟包成一个流式子容器，
+            // 否则它们会全部叠在左上角互相覆盖（主卡名字与日期重叠就是这个原因）
+            const flowChildren = hasAbsolute ? children.filter((c) => c.props?.position !== 'absolute') : [];
+            const absChildren = hasAbsolute ? children.filter((c) => c.props?.position === 'absolute') : [];
             const just = props.justifyContent;
             // R-H4：justify-content 的弹性分配仅在「分配方向」有确定空间时有意义。
             // column（主轴=垂直）需要容器高度确定（CSS：auto 高容器无剩余空间）；
@@ -727,6 +731,49 @@ function emitNodeInner(node, ctx) {
             }
             // hasAbsolute 时无 flex 语义（ZStack 叠放）
             const justActive = justFlex && (isRow || selfDefinite) && !hasAbsolute;
+            // R132：绝对定位容器 → 非绝对子节点先包成一个流式 VStack（保持原有纵向排布），
+            // 绝对定位子节点再叠上去；否则全部叠在左上角互相覆盖
+            if (hasAbsolute && flowChildren.length > 0) {
+                const flowNode = {
+                    type: 'group',
+                    props: { ...props, position: undefined, absTop: undefined, absLeft: undefined, absRight: undefined, absBottom: undefined },
+                    children: flowChildren,
+                };
+                const flowCode = emitNode(flowNode, {
+                    parentAxis: dir,
+                    level: L + 1,
+                    definiteHeight: selfDefinite,
+                    warnings: ctx.warnings,
+                    runtime: ctx.runtime,
+                    path: `${ctx.path}{flow}`,
+                    inheritGap: ctx.inheritGap,
+                    loop: ctx.loop,
+                    dataProps: ctx.dataProps,
+                });
+                const absCode = absChildren
+                    .map((c, i) => emitNode(c, {
+                    parentAxis: dir,
+                    level: L + 1,
+                    definiteHeight: selfDefinite,
+                    warnings: ctx.warnings,
+                    runtime: ctx.runtime,
+                    path: `${ctx.path}{abs${i}}`,
+                    inheritGap: undefined,
+                    loop: ctx.loop,
+                    dataProps: ctx.dataProps,
+                }))
+                    .join('\n');
+                const bg = props.background !== undefined ? pad(`Color(${props.background})`) : null;
+                return [
+                    pad('ZStack(alignment: .topLeading) {'),
+                    bg ? indent(L + 1) + bg.trim() : null,
+                    flowCode,
+                    absCode || null,
+                    pad('}'),
+                ]
+                    .filter((x) => x !== null)
+                    .join('\n');
+            }
             // justifyContent：center → 首尾 Spacer；spaceBetween → 子间 Spacer（仅 column 需高度确定）
             const body = [];
             if (just === 'center' && justActive) {
@@ -832,7 +879,15 @@ function emitNodeInner(node, ctx) {
             // M1：页面级 {{ state }} → props.bind / node.bind → Text(<@State 名>)（状态引用，非字面量）
             const isRef = props.ref !== undefined;
             const bindKey = props.bind ?? node.bind?.key;
-            const isBind = bindKey !== undefined;
+            // R133：bind 指向的名字必须是真实状态（或循环变量），否则说明作用域丢失 →
+            // 输出空串并告警，绝不能把状态名当文本渲染（日历页出现 Text("_vrnE1") 即是此因）
+            const bindValid = bindKey !== undefined &&
+                (currentStateNames.has(bindKey.split('.')[0]) ||
+                    (ctx.loop !== undefined && (ctx.loop.itemKey === bindKey.split('.')[0] || ctx.loop.indexKey === bindKey.split('.')[0])));
+            const isBind = bindKey !== undefined && bindValid;
+            if (bindKey !== undefined && !bindValid) {
+                ctx.warnings.push(`${ctx.path}: 绑定「${bindKey}」在原生端无对应状态/循环变量 → 输出空串（R133）`);
+            }
             const content = props.text !== undefined ? props.text : '';
             const fs = props.fontSize ?? 15;
             let line = isRef
@@ -848,10 +903,14 @@ function emitNodeInner(node, ctx) {
                                     .map((p) => 'text' in p
                                     ? swiftStringEscape(p.text)
                                     : 'bind' in p
-                                        ? `\\(${p.bind})`
-                                        : 'fieldOf' in p
-                                            ? `\\(vrnField(${p.fieldOf.obj}, "${p.fieldOf.field}"${p.fieldOf.fallback !== undefined ? `, "${swiftStringEscape(p.fieldOf.fallback)}"` : ''}))`
-                                            : `\\(${dictFieldExpr(p.dynField.var, p.dynField.field)})`)
+                                        ? currentStateNames.has(p.bind.split('.')[0])
+                                            ? `\\(${p.bind})`
+                                            : '' // R133：无效绑定 → 空串，避免把状态名当文本
+                                        : false
+                                            ? ''
+                                            : 'fieldOf' in p
+                                                ? `\\(vrnField(${p.fieldOf.obj}, "${p.fieldOf.field}"${p.fieldOf.fallback !== undefined ? `, "${swiftStringEscape(p.fieldOf.fallback)}"` : ''}))`
+                                                : `\\(${dictFieldExpr(p.dynField.var, p.dynField.field)})`)
                                     .join('')}")`)
                                 : isBind
                                     ? ctx.loop && (bindKey === ctx.loop.itemKey || bindKey === ctx.loop.indexKey)

package/package.json

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