@dongmingzhixiu/vuexir-compiler 0.4.5 → 0.4.7

package/dist/codegen/swiftui.js

@@ -612,11 +612,30 @@ function emitNodeInner(node, ctx) {
     }
     // M5 position:absolute → 脱离文档流（父容器已转 ZStack；offset 实现 top/left 定位）
     if (props.position === 'absolute') {
-        const x = props.absLeft ?? 0;
-        const y = props.absTop ?? 0;
-        box.push(`.offset(x: ${x}, y: ${y})`);
-        if (props.absRight !== undefined || props.absBottom !== undefined) {
-            ctx.warnings.push(`${ctx.path}: absolute 的 right/bottom 定位暂不支持（仅 left/top），已忽略`);
+        const hasRB = props.absRight !== undefined || props.absBottom !== undefined;
+        if (hasRB) {
+            // R131：right/bottom 定位 → 用对齐 + 内边距表达（此前直接丢弃，导致元素重叠、内容被盖住）
+            const v = props.absBottom !== undefined ? 'bottom' : props.absTop !== undefined ? 'top' : 'center';
+            const h = props.absRight !== undefined ? 'trailing' : props.absLeft !== undefined ? 'leading' : 'center';
+            const align = v === 'center' && h === 'center'
+                ? 'center'
+                : v === 'center'
+                    ? h
+                    : h === 'center'
+                        ? v
+                        : `${v}${h[0].toUpperCase()}${h.slice(1)}`;
+            box.push(`.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .${align})`);
+            if (props.absRight !== undefined)
+                box.push(`.padding(.trailing, ${props.absRight})`);
+            if (props.absBottom !== undefined)
+                box.push(`.padding(.bottom, ${props.absBottom})`);
+            if (props.absLeft !== undefined && h !== 'leading')
+                box.push(`.padding(.leading, ${props.absLeft})`);
+            if (props.absTop !== undefined && v !== 'top')
+                box.push(`.padding(.top, ${props.absTop})`);
+        }
+        else {
+            box.push(`.offset(x: ${props.absLeft ?? 0}, y: ${props.absTop ?? 0})`);
         }
     }
     // M5 v-show → opacity 动画切换（保留占位；状态名引用页面/容器同名 @State/@Binding）
@@ -697,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 高容器无剩余空间）；
@@ -708,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) {

package/package.json

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