@proteus-vue/compiler 0.3.0-beta.12 → 0.3.0-beta.15

package/dist/index.js

@@ -14677,7 +14677,87 @@ var TAG_MAP = {
   video: "video",
   canvas: "canvas",
   "scroll-view": "scroll-view",
-  slot: "slot"
+  slot: "slot",
+  // ★★2026-09-20（外部实战报告第二十三/二十四节）：**补全常见 HTML 标签 → WXML 等价映射**。
+  //   此前这些标签落到「未知标签逃生舱」**原样输出** → 微信 wxml 编译器直接拒绝（或渲染异常）：
+  //   外部工程实测因 <details>/<summary>/<pre>/<table>/<select>/<option>/<label>/<br> 等
+  //   导致**模拟器整屏黑屏**（构建期零报错、产物看似齐全）。
+  //   语义映射原则：块级 → view；行内/文本类 → text；表格/列表/折叠等无对等物 → view/text
+  //   （样式与交互由 CSS + 显式状态承担，见报告第二十四节的正当适配）。
+  //   块级容器
+  section: "view",
+  article: "view",
+  aside: "view",
+  nav: "view",
+  main: "view",
+  header: "view",
+  footer: "view",
+  figure: "view",
+  figcaption: "text",
+  details: "view",
+  summary: "text",
+  dialog: "view",
+  form: "form",
+  fieldset: "view",
+  legend: "text",
+  // 列表
+  ul: "view",
+  ol: "view",
+  li: "view",
+  dl: "view",
+  dt: "text",
+  dd: "text",
+  // 表格（微信无表格组件 → view 结构 + CSS）
+  table: "view",
+  thead: "view",
+  tbody: "view",
+  tfoot: "view",
+  tr: "view",
+  th: "text",
+  td: "text",
+  caption: "text",
+  // 行内 / 语义文本
+  strong: "text",
+  b: "text",
+  em: "text",
+  i: "text",
+  u: "text",
+  s: "text",
+  small: "text",
+  mark: "text",
+  sub: "text",
+  sup: "text",
+  code: "text",
+  pre: "text",
+  kbd: "text",
+  samp: "text",
+  var: "text",
+  abbr: "text",
+  cite: "text",
+  q: "text",
+  blockquote: "view",
+  time: "text",
+  address: "text",
+  // 表单控件（无对等物者映射为 view/text，交互由 picker/state 承担）
+  select: "view",
+  option: "view",
+  optgroup: "view",
+  // ★注：`label` / `audio` **不映射**——它们是微信 wxml 原生组件（表单组件/媒体组件），
+  //   映射会把可用能力降级（p-label 的 `for` 关联、p-media 的 audio 分支都会失效；
+  //   实测被 tests/component-b6 与 tests/p-batch3-contract 抓住）。
+  datalist: "view",
+  output: "text",
+  meter: "view",
+  progress: "progress",
+  // 其它常见
+  hr: "view",
+  br: "view",
+  picture: "image",
+  source: "view",
+  track: "view",
+  iframe: "web-view"
+  // ★注：`template` **不映射**——它在 WXML 里是定义块（is=/data=），语义与 Vue 的片段容器不同，
+  //   属「须改写法」而非「可映射」（见第二十四节：`<template v-if>` 应改为 `<view v-if>`）。
 };
 var EVENT_MAP = {
   click: "tap",
@@ -17043,6 +17123,99 @@ function scanWxmlPlatformIssues(wxml) {
       seenKeys.add(key);
     }
   }
+  for (const m of wxml.matchAll(/\{\{([\s\S]*?)\}\}/g)) {
+    const expr = m[1] ?? "";
+    if (expr.includes(String.fromCharCode(96)) || expr.includes("${")) {
+      issues.push({
+        code: "TemplateLiteralInExpression",
+        message: `\u7ED1\u5B9A\u8868\u8FBE\u5F0F\u542B\u6A21\u677F\u5B57\u9762\u91CF\uFF08\u53CD\u5F15\u53F7 / \u7F8E\u5143\u5927\u62EC\u53F7\uFF09\uFF1A{{ ${expr.trim().slice(0, 60)} }}\u2014\u2014WXML \u8868\u8FBE\u5F0F\u4E0D\u652F\u6301\uFF0C\u5FAE\u4FE1\u62A5 "unexpected character inside expression"\u3002\u8BF7\u628A\u5B57\u7B26\u4E32\u62FC\u63A5\u79FB\u5230 script \u9884\u8BA1\u7B97\uFF08computed \u6216 data \u5B57\u6BB5\uFF09`,
+        at: m.index ?? 0
+      });
+    }
+  }
+  for (const m of wxml.matchAll(/<template\b([^>]*?)>([\s\S]*?)<\/template>/g)) {
+    const attrs = m[1] ?? "";
+    const body = m[2] ?? "";
+    const hasChildren = /<[a-zA-Z]/.test(body.trim());
+    if (hasChildren && /wx:(if|elif|else|for)\b/.test(attrs)) {
+      issues.push({
+        code: "TemplateChildNodes",
+        message: `<template${attrs.trim() ? " " + attrs.trim().slice(0, 40) : ""}> \u542B\u5B50\u5143\u7D20\u2014\u2014WXML \u7684 <template> \u662F\u5B9A\u4E49\u5757\uFF08is=/data=\uFF09\uFF0C\u4E0D\u662F Vue \u7684\u7247\u6BB5\u5BB9\u5668\uFF08\u5FAE\u4FE1\u62A5 "child nodes are not allowed"/"missing module name"\uFF09\u3002\u8BF7\u6539\u7528 <view wx:if>`,
+        at: m.index ?? 0
+      });
+    }
+  }
+  const KNOWN_HTML_TAGS = /* @__PURE__ */ new Set([
+    "section",
+    "article",
+    "aside",
+    "nav",
+    "main",
+    "header",
+    "footer",
+    "figure",
+    "figcaption",
+    "details",
+    "summary",
+    "dialog",
+    "fieldset",
+    "legend",
+    "ul",
+    "ol",
+    "li",
+    "dl",
+    "dt",
+    "dd",
+    "table",
+    "thead",
+    "tbody",
+    "tfoot",
+    "tr",
+    "th",
+    "td",
+    "caption",
+    "strong",
+    "b",
+    "em",
+    "i",
+    "u",
+    "s",
+    "small",
+    "mark",
+    "sub",
+    "sup",
+    "code",
+    "pre",
+    "kbd",
+    "samp",
+    "var",
+    "abbr",
+    "cite",
+    "q",
+    "blockquote",
+    "time",
+    "address",
+    "select",
+    "option",
+    "optgroup",
+    "datalist",
+    "output",
+    "meter",
+    "hr",
+    "br",
+    "picture",
+    "source",
+    "track",
+    "iframe"
+  ]);
+  for (const tag of scanOpenTags(wxml)) {
+    if (!KNOWN_HTML_TAGS.has(tag.name)) continue;
+    issues.push({
+      code: "UnknownHtmlTag",
+      message: `\u6807\u7B7E <${tag.name}> \u662F HTML \u6807\u7B7E\u3001\u5FAE\u4FE1 wxml \u65E0\u6B64\u539F\u751F\u6807\u7B7E\u2014\u2014\u672A\u88AB\u6620\u5C04\uFF08TAG_MAP \u9057\u6F0F\uFF09\u800C\u539F\u6837\u8FDB\u4EA7\u7269\uFF0C\u5FAE\u4FE1\u7F16\u8BD1\u4F1A\u5931\u8D25\u6216\u6E32\u67D3\u5F02\u5E38\u3002\u8BF7\u6539\u7528 WXML \u7B49\u4EF7\u7ED3\u6784\uFF08\u5757\u7EA7 \u2192 <view>\u3001\u6587\u672C\u7C7B \u2192 <text>\uFF09`,
+      at: tag.at
+    });
+  }
   return issues;
 }
 function splitStyleDecls(styleVal) {
@@ -21968,7 +22141,16 @@ function transformScriptToPage(source, _opts = { px2rpx: true, rpxRatio: 2 }, ex
   }
   for (const ni of reactiveInits) dataExtra[ni.name] = null;
   const storeBindings = extra.storeBindings ?? [];
-  const storeVar = runtimeInits.find((i) => i.name === "store" && /^use\w*Store\(/.test(i.call))?.name;
+  const storeCandidates = runtimeInits.filter((i) => /^use\w*Store\(/.test(i.call));
+  const strict = storeCandidates.find((i) => i.name === "store");
+  const storeVar = strict?.name ?? (storeCandidates.length === 1 ? storeCandidates[0].name : void 0);
+  if (storeBindings.length && !storeVar) {
+    warnings.push(
+      `\u6A21\u677F\u5F15\u7528\u4E86 store \u5B57\u6BB5\uFF08${storeBindings.join(" / ")}\uFF09\uFF0C\u4F46\u672A\u80FD\u8BC6\u522B\u51FA store \u53D8\u91CF\u2014\u2014MP \u7AEF\u7ED1\u5B9A\u4E0D\u4F1A\u751F\u6548\uFF08\u6784\u5EFA\u901A\u8FC7\u4F46\u771F\u673A\u53D6\u4E0D\u5230\u503C\uFF09\u3002
+  \u8BC6\u522B\u8981\u6C42\uFF1A\u2460 \u53D8\u91CF\u58F0\u660E\u4E3A \`const store = useXxxStore()\`\uFF08\u53D8\u91CF\u540D\u987B\u4E3A store\uFF09\uFF0C\u6216 \u2461 \u672C\u6587\u4EF6**\u53EA\u6709\u4E00\u4E2A** \`useXxxStore()\` \u8C03\u7528\u3002
+  \u5F53\u524D\u672A\u6EE1\u8DB3${storeCandidates.length > 1 ? `\uFF08\u68C0\u6D4B\u5230\u591A\u4E2A useXxxStore()\uFF1A${storeCandidates.map((i) => i.name).join(" / ")}\u2014\u2014\u8BF7\u628A\u7528\u4E8E\u6A21\u677F\u7ED1\u5B9A\u7684\u90A3\u4E2A\u547D\u540D\u4E3A store\uFF09` : "\uFF08\u672A\u68C0\u6D4B\u5230\u4EFB\u4F55 useXxxStore() \u5F62\u6001\u7684\u8C03\u7528\uFF09"}\u3002`
+    );
+  }
   const storeBindingInit = storeVar && storeBindings.length ? storeBindingLine(storeBindings, storeVar) : "";
   if (storeBindingInit) {
     trace?.add("script/store-binding", {

package/dist/validate.d.ts

@@ -34,7 +34,7 @@ export declare function validateWxml(wxml: string): {
 export declare function assertValidResult(result: CompileResult, filename: string): void;
 /** 单条 wxml 平台违规（code = 官方 ParseErrorKind 蓝本） */
 export interface WxmlPlatformIssue {
-    code: 'DataBindingNotAllowed' | 'DuplicatedAttribute' | 'AvoidUppercaseLetters' | 'UnsupportedSyntax' | 'InvalidAttribute' | 'DuplicatedStylePropertyNames';
+    code: 'DataBindingNotAllowed' | 'DuplicatedAttribute' | 'AvoidUppercaseLetters' | 'UnsupportedSyntax' | 'InvalidAttribute' | 'DuplicatedStylePropertyNames' | 'TemplateLiteralInExpression' | 'TemplateChildNodes' | 'UnknownHtmlTag';
     message: string;
     /** wxml 字符偏移（定位用） */
     at: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proteus-vue/compiler",
-  "version": "0.3.0-beta.12",
+  "version": "0.3.0-beta.15",
   "description": "Proteus 编译引擎 —— 标准 Vue SFC → 小程序四件套（纯函数、零运行时依赖、规则注册表 + AI 说明书）",
   "type": "module",
   "license": "Apache-2.0",