@proteus-vue/compiler 0.3.0-beta.0

package/dist/index.js

@@ -0,0 +1,3396 @@
+// src/index.ts
+import { parse as sfcParse2 } from "@vue/compiler-sfc";
+
+// src/template.ts
+import { parse as domParse, NodeTypes } from "@vue/compiler-dom";
+
+// src/tags.ts
+var TAG_MAP = {
+  div: "view",
+  span: "text",
+  p: "text",
+  h1: "text",
+  h2: "text",
+  h3: "text",
+  h4: "text",
+  h5: "text",
+  h6: "text",
+  img: "image",
+  a: "view",
+  button: "button",
+  input: "input",
+  textarea: "textarea",
+  video: "video",
+  canvas: "canvas",
+  "scroll-view": "scroll-view",
+  slot: "slot"
+};
+var EVENT_MAP = {
+  click: "tap",
+  input: "input",
+  change: "change",
+  submit: "submit",
+  focus: "focus",
+  blur: "blur",
+  touchstart: "touchstart",
+  touchmove: "touchmove",
+  touchend: "touchend",
+  longpress: "longpress",
+  confirm: "confirm",
+  scroll: "scroll"
+  // scroll-view 内置滚动事件（v0.4 虚拟列表）
+};
+var SEMANTIC_CLASS = {
+  h1: "proteus-h1",
+  h2: "proteus-h2",
+  h3: "proteus-h3",
+  h4: "proteus-h4",
+  h5: "proteus-h5",
+  h6: "proteus-h6",
+  p: "proteus-p",
+  a: "proteus-a"
+};
+
+// src/transforms/template.ts
+function tagRule(id, title, tags, extra) {
+  return {
+    id,
+    phase: "template",
+    status: "implemented",
+    title,
+    mapping: Object.fromEntries(tags.map((t) => [t, TAG_MAP[t]]).filter(([, v]) => v !== void 0)),
+    ...extra
+  };
+}
+var TEMPLATE_RULES = [
+  // ============ 标签映射（TAG_MAP） ============
+  tagRule("tag/div-to-view", "div \u2192 view", ["div"], {
+    description: "\u5757\u7EA7\u5BB9\u5668 div \u2192 view\uFF08\u5C0F\u7A0B\u5E8F\u901A\u7528\u5BB9\u5668\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u6CA1\u6709 div\uFF0Cview \u662F\u6700\u901A\u7528\u5BB9\u5668\u6807\u7B7E\uFF1B\u4E1A\u52A1\u4EE3\u7801\u7167\u5199\u6807\u51C6 HTML\uFF08\xA70.3 \u539F\u5219 1\uFF09",
+    when: "template \u4E2D\u51FA\u73B0 <div> \u65F6",
+    example: { before: '<div class="home">\u2026</div>', after: '<view class="home">\u2026</view>' },
+    verify: "tests/mp-transform.test.ts\u300C\u6807\u51C6\u6807\u7B7E\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08TAG_MAP \u67E5\u8868\uFF09",
+    decision: "#57\uFF08\u6837\u5F0F\u6807\u7B7E\u9009\u62E9\u5668\u6620\u5C04\uFF09"
+  }),
+  tagRule("tag/inline-to-text", "span \u2192 text", ["span"], {
+    description: "\u884C\u5185\u6587\u672C span \u2192 text\uFF08\u5C0F\u7A0B\u5E8F\u6700\u5C0F\u6587\u672C\u8282\u70B9\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 span\uFF0Ctext \u662F\u884C\u5185\u6587\u672C\u5BB9\u5668\uFF1Btext \u9ED8\u8BA4\u4E0D\u6362\u884C\u3001\u53EF\u88AB text \u5D4C\u5957",
+    when: "template \u4E2D\u51FA\u73B0 <span> \u65F6",
+    example: { before: "<span>hi</span>", after: "<text>hi</text>" },
+    verify: "tests/mp-transform.test.ts\u300C\u6807\u51C6\u6807\u7B7E\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08TAG_MAP \u67E5\u8868\uFF09"
+  }),
+  tagRule("tag/heading-to-text", "h1\u2013h6 \u2192 text", ["h1", "h2", "h3", "h4", "h5", "h6"], {
+    description: "\u6807\u9898 h1-h6 \u2192 text\uFF0C\u5E76\u81EA\u52A8\u9644\u52A0 proteus-h1~h6 \u57FA\u7840\u7C7B\uFF08\u89C1 semantic/base-class\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0\u6807\u9898\u6807\u7B7E\uFF1B\u8BED\u4E49\uFF08\u5927\u5B57\u53F7/\u52A0\u7C97\uFF09\u7531\u57FA\u7840\u7C7B\u8FD8\u539F\uFF08#58\uFF09\uFF0C\u89C6\u89C9\u5BF9\u9F50 Web UA \u6837\u5F0F",
+    when: "template \u4E2D\u51FA\u73B0 <h1>~<h6> \u65F6",
+    example: { before: "<h1>\u6807\u9898</h1>", after: '<text class="proteus-h1">\u6807\u9898</text>' },
+    verify: "tests/mp-transform.test.ts\u300C\u8BED\u4E49\u6807\u7B7E\u81EA\u52A8\u9644\u52A0\u57FA\u7840\u7C7B\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement + src/compiler/style.ts BASE_SEMANTIC_WXSS",
+    decision: "#58 / #59"
+  }),
+  tagRule("tag/para-to-text", "p \u2192 text", ["p"], {
+    description: "\u6BB5\u843D p \u2192 text\uFF0C\u5E76\u81EA\u52A8\u9644\u52A0 proteus-p \u57FA\u7840\u7C7B\uFF08\u6BB5\u8DDD\u5BF9\u9F50 Web\uFF09",
+    why: "p \u6620\u5C04\u4E3A text \u540E\u65E0 UA \u9ED8\u8BA4\u6BB5\u8DDD\uFF0C\u57FA\u7840\u7C7B\u6CE8\u5165 margin: 0 0 1em \u8FD8\u539F Web \u6298\u53E0\u95F4\u8DDD\uFF08#59\uFF09",
+    when: "template \u4E2D\u51FA\u73B0 <p> \u65F6",
+    example: { before: "<p>\u6BB5\u843D</p>", after: '<text class="proteus-p">\u6BB5\u843D</text>' },
+    verify: "tests/mp-transform.test.ts\u300C\u6807\u51C6\u6807\u7B7E\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement",
+    decision: "#59\uFF08margin \u5355\u8FB9 em\uFF09"
+  }),
+  tagRule("tag/link-to-view", "a \u2192 view", ["a"], {
+    description: "\u94FE\u63A5 a \u2192 view\uFF08\u5E26 href \u65F6\u5347\u7EA7\u4E3A\u5BFC\u822A\u94FE\u63A5\uFF0C\u89C1 nav/navigate-link\uFF09",
+    why: '\u5C0F\u7A0B\u5E8F\u65E0 a \u6807\u7B7E\uFF1B\u5BFC\u822A\u8BED\u4E49\u7531 data-url + bindtap="proteusNavigateTo" \u627F\u62C5\uFF0C\u6837\u5F0F\u8BED\u4E49\u7531 proteus-a \u57FA\u7840\u7C7B\u627F\u62C5',
+    when: "template \u4E2D\u51FA\u73B0 <a> \u65F6",
+    example: { before: '<a href="/pages/user/index">\u7528\u6237</a>', after: '<view class="proteus-a" data-url="/pages/user/index" bindtap="proteusNavigateTo">\u7528\u6237</view>' },
+    verify: "tests/mp-transform.test.ts \u5BFC\u822A\u94FE\u63A5\u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08isNavLink \u5206\u652F\uFF09",
+    decision: "#24 / #30\uFF08\u5BFC\u822A\u94FE\u63A5\uFF09/ #58\uFF08\u57FA\u7840\u7C7B\uFF09"
+  }),
+  tagRule("tag/image", "img \u2192 image", ["img"], {
+    description: '\u56FE\u7247 img \u2192 image\uFF1B:src \u7ED1\u5B9A\u7ECF directive/v-bind \u8F6C\u4E3A src="{{url}}"',
+    why: "\u5C0F\u7A0B\u5E8F\u56FE\u7247\u6807\u7B7E\u662F image",
+    when: "template \u4E2D\u51FA\u73B0 <img> \u65F6",
+    example: { before: '<img :src="url" />', after: '<image src="{{url}}" />' },
+    verify: "tests/mp-transform.test.ts\u300C\u6807\u51C6\u6807\u7B7E\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08TAG_MAP \u67E5\u8868\uFF09"
+  }),
+  tagRule("tag/passthrough", "\u540C\u540D\u6807\u7B7E\u4FDD\u7559", ["button", "input", "textarea", "video", "canvas", "scroll-view", "slot"], {
+    description: "button / input / textarea / video / canvas / scroll-view / slot \u540C\u540D\u4FDD\u7559\uFF08\u5C0F\u7A0B\u5E8F\u539F\u751F\u5373\u6709\uFF09",
+    why: "\u8FD9\u4E9B\u6807\u7B7E\u5728\u5C0F\u7A0B\u5E8F\u539F\u751F\u5B58\u5728\uFF0C\u65E0\u9700\u6620\u5C04\uFF1Binput/textarea \u540C\u65F6\u662F v-model \u7684\u76EE\u6807\uFF08directive/v-model\uFF09",
+    when: "template \u4E2D\u51FA\u73B0\u4EE5\u4E0A\u6807\u7B7E\u65F6",
+    example: { before: "<button>go</button>", after: "<button>go</button>" },
+    verify: "tests/mp-transform.test.ts \u4E8B\u4EF6/\u8868\u5355\u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08TAG_MAP \u67E5\u8868\uFF09"
+  }),
+  tagRule("tag/router-link", "router-link \u2192 view", ["router-link"], {
+    description: "Vue Router \u7684 router-link \u2192 view + \u5BFC\u822A\u94FE\u63A5\uFF08to \u5C5E\u6027 \u2192 data-url\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 Vue Router \u7EC4\u4EF6\uFF1B\u7EDF\u4E00\u8F6C\u5BFC\u822A\u94FE\u63A5\uFF08\u51B3\u7B56 #24\uFF1A<a href> / <router-link> \u540C\u4E3A\u5BFC\u822A\u5165\u53E3\uFF09",
+    when: 'template \u4E2D\u51FA\u73B0 <router-link to="..."> \u4E14\u65E0 @click \u65F6',
+    example: { before: '<router-link to="/pages/user/index">\u7528\u6237</router-link>', after: '<view data-url="/pages/user/index" bindtap="proteusNavigateTo">\u7528\u6237</view>' },
+    verify: "tests/mp-transform.test.ts \u5BFC\u822A\u94FE\u63A5\u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08isNavLink \u5206\u652F\uFF09",
+    decision: "#24"
+  }),
+  tagRule("tag/rich-text", "v-html \u5BB9\u5668 \u2192 rich-text", [], {
+    description: '\u5E26 v-html \u7684\u5BB9\u5668\u5143\u7D20 \u2192 rich-text\uFF08nodes="{{expr}}"\uFF09',
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 innerHTML\uFF0C\u5BCC\u6587\u672C\u7528 rich-text \u7EC4\u4EF6\u6E32\u67D3 HTML \u8282\u70B9",
+    when: "\u5143\u7D20\u4E0A\u6709 v-html \u6307\u4EE4\u65F6\uFF08v-html \u8986\u76D6\u6807\u7B7E\u6620\u5C04\uFF09",
+    example: { before: '<div v-html="html"></div>', after: '<rich-text nodes="{{html}}" />' },
+    verify: "tests/mp-transform.test.ts v-html \u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08hasVHtml \u5206\u652F\uFF09"
+  }),
+  tagRule("tag/unknown-kebab", "\u672A\u6CE8\u518C\u6807\u7B7E kebab-case \u539F\u6837\u8F93\u51FA", [], {
+    description: "TAG_MAP \u672A\u8986\u76D6\u7684\u6807\u7B7E\u6309 kebab-case \u539F\u6837\u8F93\u51FA\uFF08\u7EC4\u4EF6 / \u81EA\u5B9A\u4E49\u5143\u7D20\u9003\u751F\u8231\uFF09",
+    why: "\u767D\u540D\u5355\u6620\u5C04 + \u672A\u77E5\u6807\u7B7E\u4FDD\u5B88\u4FDD\u7559\uFF1A\u6807\u51C6 Vue \u7EC4\u4EF6\u4F53\u7CFB\uFF08\u539F\u5219 9\uFF09\u4E0E\u539F\u751F\u7EC4\u4EF6\u9003\u751F\u8231\uFF08\u75DB\u70B9 #11 \u5BF9\u7B56\uFF09\u4F9D\u8D56\u6B64\u901A\u9053",
+    when: "\u6807\u7B7E\u4E0D\u5728 TAG_MAP \u4E14\u975E router-link \u65F6",
+    example: { before: '<custom-comp foo="bar" />', after: '<custom-comp foo="bar" />' },
+    verify: "tests/mp-transform.test.ts \u672A\u6CE8\u518C\u6807\u7B7E\u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08TAG_MAP[node.tag] ?? kebabCase\uFF09"
+  }),
+  // ============ 语义基础类 ============
+  {
+    id: "semantic/base-class",
+    phase: "template",
+    status: "implemented",
+    title: "\u8BED\u4E49\u6807\u7B7E\u81EA\u52A8\u9644\u52A0 proteus-* \u57FA\u7840\u7C7B",
+    description: "h1-h6/p/a \u6620\u5C04\u65F6\u81EA\u52A8\u9644\u52A0 proteus-h1~h6 / proteus-p / proteus-a \u7C7B\uFF08\u4E0E\u7528\u6237 class \u5408\u5E76\u3001\u4E0E :class \u63D2\u503C\u62FC\u63A5\uFF09",
+    why: "Web \u7AEF h1-h6/p/a \u6709\u6D4F\u89C8\u5668 UA \u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5C0F\u7A0B\u5E8F text/view \u6CA1\u6709\uFF1B\u57FA\u7840\u7C7B + \u57FA\u7840 WXSS\uFF08style/semantic-base-wxss\uFF09\u8FD8\u539F\u4E24\u7AEF\u89C6\u89C9\u4E00\u81F4\uFF08#58\uFF09",
+    when: "\u8BED\u4E49\u6807\u7B7E\u4E14\u975E v-html \u5BB9\u5668\u65F6",
+    example: {
+      before: '<h1 class="title">a</h1>',
+      after: '<text class="proteus-h1 title">a</text>'
+    },
+    verify: "tests/mp-transform.test.ts\u300C\u8BED\u4E49\u6807\u7B7E\u81EA\u52A8\u9644\u52A0\u57FA\u7840\u7C7B\u300D\uFF1Bgolden fixture showcase.wxml",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08baseClass \u5206\u652F\uFF09+ src/compiler/tags.ts SEMANTIC_CLASS",
+    decision: "#58 / #59",
+    mapping: { ...SEMANTIC_CLASS }
+  },
+  // ============ 事件映射（EVENT_MAP） ============
+  {
+    id: "event/click-to-tap",
+    phase: "template",
+    status: "implemented",
+    title: "@click \u2192 bindtap\uFF08EVENT_MAP \u5168\u8868\uFF09",
+    description: "\u6807\u51C6\u4E8B\u4EF6 \u2192 \u5C0F\u7A0B\u5E8F\u4E8B\u4EF6\uFF1Aclick\u2192tap\u3001input/change/submit/focus/blur/touch*/longpress/confirm \u540C\u540D\u4FDD\u7559",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 click\uFF0C\u70B9\u51FB\u4E8B\u4EF6\u662F tap\uFF1B\u5176\u4F59\u4E8B\u4EF6\u547D\u540D\u4E00\u81F4\uFF08EVENT_MAP \u96C6\u4E2D\u5728 tags.ts \u4E0E\u6837\u5F0F\u4FA7\u5171\u7528\uFF09",
+    when: "\u5143\u7D20\u4E0A\u6709 @\u4E8B\u4EF6 \u6307\u4EE4\u65F6",
+    example: { before: '<button @click="handleTap">go</button>', after: '<button bindtap="handleTap">go</button>' },
+    verify: "tests/mp-transform.test.ts\u300C\u4E8B\u4EF6\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08on \u5206\u652F\uFF09+ src/compiler/tags.ts EVENT_MAP",
+    mapping: { ...EVENT_MAP }
+  },
+  {
+    id: "event/modifier-catch",
+    phase: "template",
+    title: ".stop / .prevent \u4FEE\u9970\u7B26 \u2192 catch \u524D\u7F00",
+    description: "@click.stop / @click.prevent \u2192 catchtap\uFF08\u963B\u6B62\u5192\u6CE1\uFF09\uFF1B\u5176\u4F59\u4FEE\u9970\u7B26\u5FFD\u7565",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0\u4E8B\u4EF6\u4FEE\u9970\u7B26\u8BED\u6CD5\uFF0Ccatch* \u4E8B\u4EF6\u5929\u7136\u963B\u6B62\u5192\u6CE1\uFF0C\u7B49\u4EF7 .stop \u8BED\u4E49\uFF1B.prevent \u65E0\u5BF9\u7B49\u673A\u5236\uFF0C\u6620\u5C04\u4E3A catch \u515C\u5E95",
+    when: "\u4E8B\u4EF6\u6307\u4EE4\u5E26 stop \u6216 prevent \u4FEE\u9970\u7B26\u65F6",
+    example: { before: '<a @click.stop="stopFn">s</a>', after: '<a catchtap="stopFn">s</a>' },
+    verify: "tests/mp-transform.test.ts\u300C\u4E8B\u4EF6\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08on \u5206\u652F isCatch\uFF09",
+    status: "implemented"
+  },
+  {
+    id: "event/modifier-self-once",
+    phase: "template",
+    status: "implemented",
+    title: ".self / .once \u4FEE\u9970\u7B26 \u2192 \u5305\u88C5\u65B9\u6CD5\uFF08v0.3 \u5C3E\uFF09",
+    description: '@click.self="fn" \u2192 bindtap="proteusSelfFn"\uFF08e.target === e.currentTarget \u624D\u89E6\u53D1\uFF09\uFF1B@click.once="fn" \u2192 bindtap="proteusOnceFn"\uFF08data \u6807\u8BB0\u9996\u6B21\u89E6\u53D1\u540E\u4E0D\u518D\u89E6\u53D1\uFF09\uFF1B\u4EC5\u5BF9\u7B80\u5355\u65B9\u6CD5\u540D handler \u5305\u88C5',
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 .self/.once \u539F\u751F\u8BED\u4E49\uFF0C\u7F16\u8BD1\u671F\u751F\u6210\u5305\u88C5\u65B9\u6CD5\uFF08script \u4FA7\uFF09\uFF1Aself \u7528\u4E8B\u4EF6\u6E90\u5224\u65AD\u3001once \u7528 data \u6807\u8BB0\uFF1B\u952E\u4F4D\u4FEE\u9970\u7B26\uFF08@keyup.enter\uFF09\u65E0\u5BF9\u7B49\u952E\u76D8\u4E8B\u4EF6 \u2192 \u7F16\u8BD1\u671F\u8B66\u544A\uFF08input \u8BF7\u7528 @confirm\uFF09",
+    when: "\u4E8B\u4EF6\u6307\u4EE4\u5E26 self \u6216 once \u4FEE\u9970\u7B26\uFF08\u4E14 handler \u662F\u7B80\u5355\u65B9\u6CD5\u540D\uFF09\u65F6",
+    example: {
+      before: '@click.self="handleTap" / @click.once="handleTap"',
+      after: 'bindtap="proteusSelfHandleTap" / bindtap="proteusOnceHandleTap"\uFF08\u5305\u88C5\u65B9\u6CD5\u751F\u6210\u4E8E Page methods\uFF09'
+    },
+    verify: "tests/mp-transform.test.ts \u4E8B\u4EF6\u4FEE\u9970\u7B26\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts\uFF08on \u5206\u652F\uFF09+ script.ts\uFF08proteusSelf/Once \u751F\u6210\uFF09",
+    decision: "#88\uFF08v0.3 \u5C3E\u6307\u4EE4\u8865\u5168\uFF09"
+  },
+  {
+    id: "event/handler-simple-ref",
+    phase: "template",
+    title: "\u4E8B\u4EF6\u5904\u7406\u5668\u4EC5\u652F\u6301\u7B80\u5355\u65B9\u6CD5\u5F15\u7528",
+    description: "\u4EC5\u652F\u6301 handleTap / handleTap($event)\uFF1B\u590D\u6742\u8868\u8FBE\u5F0F\u7F16\u8BD1\u671F\u8B66\u544A\u5E76\u539F\u6837\u8F93\u51FA",
+    why: "MVP \u6536\u7F29\uFF08\u539F\u5219 10\uFF09\uFF1A\u5C0F\u7A0B\u5E8F\u4E8B\u4EF6\u5904\u7406\u5668\u5FC5\u987B\u662F Page methods \u4E2D\u7684\u65B9\u6CD5\u540D\uFF0C\u5185\u8054\u8868\u8FBE\u5F0F\u65E0\u6CD5\u9759\u6001\u7F16\u8BD1",
+    when: "\u4E8B\u4EF6\u6307\u4EE4\u7684\u8868\u8FBE\u5F0F\u4E0D\u662F\u7B80\u5355\u65B9\u6CD5\u5F15\u7528\u65F6",
+    example: {
+      before: '@click="count > 0 ? go() : back()"',
+      after: "\u7F16\u8BD1\u671F\u8B66\u544A\uFF1A\u4E0D\u662F\u7B80\u5355\u65B9\u6CD5\u5F15\u7528\uFF0C\u539F\u6837\u8F93\u51FA\uFF08\u4EA7\u7269\u9700\u4EBA\u5DE5\u5904\u7406\uFF09"
+    },
+    verify: "tests/mp-transform.test.ts \u4E8B\u4EF6\u8B66\u544A\u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 cleanHandler",
+    status: "limitation"
+  },
+  // ============ 指令映射 ============
+  {
+    id: "directive/v-if",
+    phase: "template",
+    status: "implemented",
+    title: "v-if \u2192 wx:if",
+    description: 'v-if="show" \u2192 wx:if="{{show}}"',
+    why: "\u5C0F\u7A0B\u5E8F\u6761\u4EF6\u6E32\u67D3\u6307\u4EE4\u662F wx:if",
+    when: "\u5143\u7D20\u4E0A\u6709 v-if \u6307\u4EE4\u65F6",
+    example: { before: '<p v-if="show">a</p>', after: '<p wx:if="{{show}}">a</p>' },
+    verify: "tests/mp-transform.test.ts\u300Cv-if / v-else\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08if \u5206\u652F\uFF09"
+  },
+  {
+    id: "directive/v-else-if",
+    phase: "template",
+    status: "implemented",
+    title: "v-else-if \u2192 wx:elif",
+    description: 'v-else-if="cond" \u2192 wx:elif="{{cond}}"',
+    why: "\u5C0F\u7A0B\u5E8F\u6761\u4EF6\u94FE\u6307\u4EE4\u662F wx:elif",
+    when: "\u5143\u7D20\u4E0A\u6709 v-else-if \u6307\u4EE4\u65F6",
+    example: { before: '<p v-else-if="b">c</p>', after: '<p wx:elif="{{b}}">c</p>' },
+    verify: "tests/mp-transform.test.ts\u300Cv-if / v-else\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08else-if \u5206\u652F\uFF09"
+  },
+  {
+    id: "directive/v-else",
+    phase: "template",
+    status: "implemented",
+    title: "v-else \u2192 wx:else",
+    description: "v-else \u2192 wx:else\uFF08\u65E0\u503C\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u6761\u4EF6\u94FE\u6307\u4EE4\u662F wx:else",
+    when: "\u5143\u7D20\u4E0A\u6709 v-else \u6307\u4EE4\u65F6",
+    example: { before: "<p v-else>b</p>", after: "<p wx:else>b</p>" },
+    verify: "tests/mp-transform.test.ts\u300Cv-if / v-else\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08else \u5206\u652F\uFF09"
+  },
+  {
+    id: "directive/v-for",
+    phase: "template",
+    status: "implemented",
+    title: "v-for \u2192 wx:for / wx:for-item / wx:for-index",
+    description: 'v-for="(item, idx) in list" \u2192 wx:for="{{list}}" + wx:for-item + wx:for-index\uFF08\u652F\u6301 in/of\uFF09',
+    why: "\u5C0F\u7A0B\u5E8F\u5FAA\u73AF\u6307\u4EE4\u662F wx:for\uFF0C\u4E14\u9700\u663E\u5F0F\u58F0\u660E item/index \u53D8\u91CF\u540D",
+    when: "\u5143\u7D20\u4E0A\u6709 v-for \u6307\u4EE4\u65F6",
+    example: {
+      before: '<div v-for="(item, idx) in list" :key="idx">{{ item }}</div>',
+      after: '<view wx:for="{{list}}" wx:for-item="item" wx:for-index="idx" wx:key="idx">{{ item }}</view>'
+    },
+    verify: "tests/mp-transform.test.ts\u300Cv-for\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08for \u5206\u652F\uFF09+ parseForExpr"
+  },
+  {
+    id: "directive/v-bind",
+    phase: "template",
+    status: "implemented",
+    title: '\u666E\u901A :prop \u7ED1\u5B9A \u2192 prop="{{expr}}"',
+    description: ':src / :href / \u4EFB\u610F\u5C5E\u6027\u7ED1\u5B9A \u2192 \u5C5E\u6027="{{\u8868\u8FBE\u5F0F}}"\uFF0C\u9759\u6001\u5C5E\u6027\u539F\u6837\u4FDD\u7559',
+    why: '\u5C0F\u7A0B\u5E8F\u5C5E\u6027\u7ED1\u5B9A\u8BED\u6CD5\u662F {{expr}}\uFF1B\u9759\u6001\u5C5E\u6027\uFF08\u5982 placeholder="x"\uFF09\u76F4\u63A5\u900F\u4F20',
+    when: "\u5143\u7D20\u4E0A\u6709 v-bind \u4E14 arg \u4E0D\u662F class/style/key \u65F6",
+    example: { before: '<img :src="url" />', after: '<image src="{{url}}" />' },
+    verify: "tests/mp-transform.test.ts\u300C\u6807\u51C6\u6807\u7B7E\u6620\u5C04\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08bind \u5206\u652F\uFF09"
+  },
+  {
+    id: "directive/v-bind-class",
+    phase: "template",
+    status: "implemented",
+    title: ":class \u7ED1\u5B9A\uFF08\u5BF9\u8C61/\u6570\u7EC4\u8BED\u6CD5 \u2192 \u4E09\u5143\u62FC\u63A5\uFF09",
+    description: `:class="{ active: on }" \u2192 {{(on?'active ':'')}}\uFF1B\u6570\u7EC4\u8BED\u6CD5\uFF08v0.3\uFF09\u2192 \u9010\u9879\u62FC\u63A5\uFF08\u5B57\u7B26\u4E32/\u5BF9\u8C61/\u7B80\u5355\u53D8\u91CF/\u4E09\u5143\uFF09`,
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 class \u5BF9\u8C61/\u6570\u7EC4\u8BED\u6CD5\uFF0C\u7F16\u8BD1\u671F\u4E3A\u4E09\u5143\u8868\u8FBE\u5F0F\u62FC\u63A5\uFF1B\u6570\u7EC4\u8BED\u6CD5 v0.3 \u8865\u9F50\uFF08splitTopLevel \u9876\u5C42\u9017\u53F7\u5206\u5272\uFF0C\u8DF3\u8FC7\u5B57\u7B26\u4E32/\u62EC\u53F7\u5185\u9017\u53F7\uFF09",
+    when: "\u5143\u7D20\u4E0A\u6709 :class \u7ED1\u5B9A\u4E14\u5E26\u8BED\u4E49\u57FA\u7840\u7C7B\u6216\u5BF9\u8C61/\u6570\u7EC4\u8868\u8FBE\u5F0F\u65F6",
+    example: {
+      before: '<p :class="[activeClass, { active: on }]">b</p>',
+      after: `<text class="proteus-p {{((activeClass)?(activeClass)+' ':'')+(on?'active ':'')}}">b</text>`
+    },
+    verify: "tests/mp-transform.test.ts\u300C\u8BED\u4E49\u6807\u7B7E\u81EA\u52A8\u9644\u52A0\u57FA\u7840\u7C7B\u300D+ :class \u6570\u7EC4\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 formatClassBinding + splitTopLevel",
+    decision: "#61 / #77\uFF08v0.3 \u6570\u7EC4\u8BED\u6CD5\uFF09"
+  },
+  {
+    id: "directive/v-bind-style",
+    phase: "template",
+    status: "implemented",
+    title: ":style \u7ED1\u5B9A\uFF08\u5BF9\u8C61\u8BED\u6CD5 \u2192 prop:{{expr}} \u62FC\u63A5\uFF09",
+    description: ':style="{ color: c }" \u2192 style="color:{{c}}"\uFF1B\u5C5E\u6027\u540D camelCase \u2192 kebab-case',
+    why: "\u5C0F\u7A0B\u5E8F style \u5C5E\u6027\u652F\u6301\u5185\u8054\u63D2\u503C\uFF0C\u9010\u5C5E\u6027\u7F16\u8BD1\u53EF\u9759\u6001\u9A8C\u8BC1",
+    when: "\u5143\u7D20\u4E0A\u6709 :style \u7ED1\u5B9A\u4E14\u4E3A\u5BF9\u8C61\u8BED\u6CD5\u65F6",
+    example: { before: ':style="{ backgroundColor: bg }"', after: 'style="background-color:{{bg}}"' },
+    verify: "tests/mp-transform.test.ts :style \u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 formatStyleBinding"
+  },
+  {
+    id: "directive/v-bind-key",
+    phase: "template",
+    status: "implemented",
+    title: ":key \u2192 wx:key\uFF08\u4EC5\u7B80\u5355\u6807\u8BC6\u7B26\uFF09",
+    description: ':key="idx" \u2192 wx:key="idx"\uFF1B\u975E\u7B80\u5355\u6807\u8BC6\u7B26\u7F16\u8BD1\u671F\u8B66\u544A\u5E76\u5FFD\u7565',
+    why: "\u5C0F\u7A0B\u5E8F\u5217\u8868\u590D\u7528\u6807\u8BC6\u662F wx:key\uFF0C\u4EC5\u63A5\u53D7\u7B80\u5355\u6807\u8BC6\u7B26",
+    when: "\u5143\u7D20\u4E0A\u6709 :key \u7ED1\u5B9A\uFF08\u901A\u5E38\u5728 v-for \u5185\uFF09\u65F6",
+    example: { before: ':key="idx"', after: 'wx:key="idx"' },
+    verify: "tests/mp-transform.test.ts\u300Cv-for\u300D",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08key \u5206\u652F\uFF09"
+  },
+  {
+    id: "directive/v-model",
+    phase: "template",
+    status: "implemented",
+    title: "v-model \u2192 value + bindinput \u81EA\u52A8 handler",
+    description: 'input/textarea \u7684 v-model="x" \u2192 value="{{x}}" + bindinput="proteusOnXInput"\uFF08handler \u7531 script \u9636\u6BB5\u6CE8\u5165 setData\uFF09',
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 v-model \u8BED\u6CD5\uFF0C\u9700\u53CC\u5411\u7ED1\u5B9A\u7684\u4E24\u534A\uFF1Avalue \u7ED1\u5B9A + \u8F93\u5165\u4E8B\u4EF6\u56DE\u5199\uFF08script/vmodel-handler\uFF09",
+    when: "input \u6216 textarea \u4E0A\u6709 v-model \u6307\u4EE4\u65F6",
+    example: {
+      before: '<input v-model="name" />',
+      after: '<input value="{{name}}" bindinput="proteusOnNameInput" />'
+    },
+    verify: "tests/mp-transform.test.ts v-model \u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08model \u5206\u652F\uFF09",
+    decision: "#29\uFF08\u65B9\u6CD5\u540D\u907F\u514D __ \u524D\u7F00\uFF09"
+  },
+  {
+    id: "directive/v-html",
+    phase: "template",
+    status: "implemented",
+    title: "v-html \u2192 rich-text nodes",
+    description: 'v-html="html" \u2192 rich-text nodes="{{html}}"\uFF08\u5BB9\u5668\u6807\u7B7E\u6620\u5C04\u4E3A rich-text\uFF09',
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 innerHTML\uFF0C\u5BCC\u6587\u672C\u7528 rich-text \u7EC4\u4EF6\uFF08\u539F\u751F\u80FD\u529B\u515C\u5E95\uFF0C\u75DB\u70B9 #11 \u5BF9\u7B56\uFF09",
+    when: "\u5143\u7D20\u4E0A\u6709 v-html \u6307\u4EE4\u65F6",
+    example: { before: '<div v-html="html"></div>', after: '<rich-text nodes="{{html}}" />' },
+    verify: "tests/mp-transform.test.ts v-html \u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08hasVHtml / html \u5206\u652F\uFF09"
+  },
+  {
+    id: "directive/v-show",
+    phase: "template",
+    status: "implemented",
+    title: "v-show \u2192 hidden \u5C5E\u6027",
+    description: 'v-show="show" \u2192 hidden="{{!show}}"\uFF08\u5C0F\u7A0B\u5E8F hidden \u5C5E\u6027 = display:none\uFF0C\u5143\u7D20\u59CB\u7EC8\u6E32\u67D3\uFF09',
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 v-show \u6307\u4EE4\uFF0Chidden \u5C5E\u6027\u8BED\u4E49\u5BF9\u9F50\uFF08display:none \u5207\u6362\uFF09\uFF1B\u5143\u7D20\u4FDD\u7559\u5728\u6587\u6863\u6D41\u4E2D\uFF0C\u4E0E v-if \u7684\u79FB\u9664\u4E0D\u540C\uFF08v0.3 \u8865\u9F50\uFF0C\u539F\u4E3A MVP \u9650\u5236\uFF09",
+    when: "\u5143\u7D20\u4E0A\u6709 v-show \u6307\u4EE4\u65F6",
+    example: { before: '<p v-show="show">a</p>', after: '<p hidden="{{!show}}">a</p>' },
+    verify: "tests/mp-transform.test.ts v-show \u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08show \u5206\u652F\uFF09",
+    decision: "#76\uFF08v0.3 \u6307\u4EE4\u8865\u5168\uFF09"
+  },
+  {
+    id: "directive/custom",
+    phase: "template",
+    status: "implemented",
+    title: "\u81EA\u5B9A\u4E49\u6307\u4EE4\u5265\u79BB\uFF08\u65E0\u5BF9\u7B49\u8B66\u544A\uFF09",
+    description: "v-focus \u7B49\u81EA\u5B9A\u4E49\u6307\u4EE4\u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\u2014\u2014\u7F16\u8BD1\u671F\u8B66\u544A\u5E76\u5265\u79BB\uFF08\u903B\u8F91\u4E0D\u6267\u884C\uFF09\uFF0C\u4E0D\u518D\u9759\u9ED8",
+    why: "\u53CD\u9ED1\u76D2\uFF08vue-compat Batch A\uFF0C\u51B3\u7B56 #116\uFF09\uFF1A\u5E73\u53F0\u65E0\u5BF9\u7B49\u80FD\u529B\u5FC5\u987B\u7F16\u8BD1\u671F\u663E\u5F0F\u8B66\u544A",
+    when: "\u5143\u7D20\u4E0A\u6709\u975E\u5185\u7F6E v-xxx \u6307\u4EE4\uFF08\u4E0D\u5728 if/else/for/show/model/html/text/on/bind/slot/pre/once/cloak\uFF09",
+    example: { before: "<input v-focus />", after: "<input /> + \u8B66\u544A\uFF08\u5DF2\u5265\u79BB\uFF09" },
+    verify: "tests/vue-compat.test.ts \u81EA\u5B9A\u4E49\u6307\u4EE4\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08switch default \u5206\u652F\uFF09",
+    decision: "#116"
+  },
+  {
+    id: "template/is-component",
+    phase: "template",
+    status: "implemented",
+    title: "\u52A8\u6001\u7EC4\u4EF6 <component :is> \u65E0\u5BF9\u7B49\u8B66\u544A",
+    description: "<component :is> \u52A8\u6001\u7EC4\u4EF6\u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\u2014\u2014\u8B66\u544A\uFF08\u4EA7\u7269\u4E3A\u65E0\u6548\u6807\u7B7E\uFF09\uFF0C\u5EFA\u8BAE v-if/v-else \u6761\u4EF6\u6E32\u67D3",
+    why: "\u53CD\u9ED1\u76D2\uFF08vue-compat Batch A\uFF0C\u51B3\u7B56 #116\uFF09\uFF1A\u4E0D\u518D\u9759\u9ED8\u8F93\u51FA\u65E0\u6548\u4EA7\u7269",
+    when: "\u6A21\u677F\u51FA\u73B0 <component> \u6807\u7B7E",
+    example: { before: '<component :is="which" />', after: "\u8B66\u544A + \u539F\u6837\u8F93\u51FA\uFF08\u65E0\u6548\u6807\u7B7E\uFF09" },
+    verify: "tests/vue-compat.test.ts \u52A8\u6001\u7EC4\u4EF6\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08component \u5206\u652F\uFF09",
+    decision: "#116"
+  },
+  {
+    id: "event/inline-expression",
+    phase: "template",
+    status: "implemented",
+    title: "\u5185\u8054\u4E8B\u4EF6\u8868\u8FBE\u5F0F \u2192 \u5305\u88C5\u65B9\u6CD5\uFF08vue-compat Batch B\uFF09",
+    description: '@click="count++"\uFF08\u81EA\u589E/\u81EA\u51CF\uFF09\u4E0E @click="fn(1)"\uFF08\u7B80\u5355\u65B9\u6CD5\u8C03\u7528\uFF09\u2192 \u751F\u6210 proteusInlineXxx \u5305\u88C5\u65B9\u6CD5\uFF08setData \u66F4\u65B0 / this.fn(1)\uFF09\uFF0C\u4EA7\u7269\u53EF\u8FD0\u884C\uFF1B\u590D\u6742\u8868\u8FBE\u5F0F\u4ECD\u8B66\u544A',
+    why: "Vue \u5E38\u89C1\u5199\u6CD5\u652F\u6301\uFF08\u51B3\u7B56 #116 Batch B\uFF09\uFF1A\u4E0D\u518D\u539F\u6837\u8F93\u51FA\u65E0\u6548 bindtap\uFF1B\u5BF9\u9F50 ref \u91CD\u5199\uFF08this.data.x \xB1 1\uFF0C\u51B3\u7B56 #36\uFF09",
+    when: "\u4E8B\u4EF6\u5904\u7406\u5668\u4E3A\u81EA\u589E/\u81EA\u51CF\u6216\u7B80\u5355\u65B9\u6CD5\u8C03\u7528\uFF08\u65E0 . \u94FE\uFF09\u65F6",
+    example: { before: '@click="count++"', after: 'bindtap="proteusInlineIncCount" + \u65B9\u6CD5 setData({ count: this.data.count + 1 })' },
+    verify: "tests/vue-compat.test.ts \u5185\u8054\u8868\u8FBE\u5F0F\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 tryInlineHandler + script.ts \u2192 inlineHandlers \u6CE8\u5165",
+    decision: "#116"
+  },
+  {
+    id: "slot/scoped-slot",
+    phase: "template",
+    status: "implemented",
+    title: "\u4F5C\u7528\u57DF\u63D2\u69FD\u8B66\u544A\uFF08\u2605Batch 7\uFF1AMP/Skyline \u5E73\u53F0\u9650\u5236\u786E\u8BA4 + \u66FF\u4EE3\u6A21\u5F0F\uFF09",
+    description: '<slot :item="x"> \u4F5C\u7528\u57DF\u63D2\u69FD\u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\uFF08\u7236\u4FA7\u62FF\u4E0D\u5230\u5B50\u6570\u636E\uFF09\u2014\u2014\u2605\u5E73\u53F0\u9650\u5236\uFF1A\u5FAE\u4FE1\u65E0\u6A21\u677F\u4F20\u53C2\u673A\u5236\uFF08webview \u7684 template import \u65E0\u6CD5\u52A8\u6001\u9009\u62E9\u591A\u7236\u6A21\u677F\uFF0CSkyline \u4E0D\u652F\u6301\u8DE8\u6587\u4EF6\u6A21\u677F\uFF09\uFF0Cuni-app/Taro MP \u7AEF\u540C\u6837\u4E0D\u5B8C\u6574\u2014\u2014\u7F16\u8BD1\u671F\u8B66\u544A + \u66FF\u4EE3\u6A21\u5F0F\uFF1A\u5B50\u7EC4\u4EF6 props \u63A5\u6536\u6570\u636E + \u81EA\u5B9A\u4E49\u4E8B\u4EF6\u56DE\u8C03\u4F20\u6570\u636E\uFF08<MyList :items :item-tap>\uFF09',
+    why: "\u53CD\u9ED1\u76D2\uFF08vue-compat-advance Batch 1/7\uFF0C\u51B3\u7B56 #117\uFF09\uFF1A\u4E0D\u518D\u9759\u9ED8\u8F93\u51FA\u65E0\u6548\u5C5E\u6027\uFF1B\u8FD0\u884C\u65F6\u7B49\u4EF7\u53D7 MP \u5E73\u53F0\u80FD\u529B\u9650\u5236\uFF08\u975E\u5F85\u529E\uFF0C\u66FF\u4EE3\u6A21\u5F0F props+\u4E8B\u4EF6\u5DF2\u7531\u7EC4\u4EF6\u7CFB\u7EDF\u5B8C\u6574\u652F\u6301\uFF09",
+    when: "<slot> \u5143\u7D20\u4E0A\u6709 v-bind \u5C5E\u6027\uFF08\u975E class/style/name\uFF09",
+    example: { before: '<slot :item="item" />', after: "<slot /> + \u8B66\u544A\uFF08\u66FF\u4EE3\uFF1Aprops \u4F20\u5B50 + triggerEvent \u4E8B\u4EF6\u56DE\u8C03\uFF09" },
+    verify: "tests/vue-compat-advance.test.ts \u4F5C\u7528\u57DF\u63D2\u69FD\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08bind \u5206\u652F slot \u68C0\u6D4B\uFF09",
+    decision: "#117"
+  },
+  {
+    id: "transition/component",
+    phase: "template",
+    status: "implemented",
+    title: "<transition> \u2192 \u88C5\u9970\u5F0F\u8FDB\u5165\u52A8\u753B\uFF08\u5B50\u5143\u7D20\u6CE8\u5165\u52A8\u753B class\uFF09",
+    description: '<transition name="fade"> \u88C5\u9970\u5F0F\u5904\u7406\uFF1A\u8FC7\u6E21\u6807\u7B7E\u4E0D\u8F93\u51FA\uFF0C\u5B50\u5143\u7D20\u6CE8\u5165 class="proteus-transition-{name}"\uFF08\u8FDB\u5165\u52A8\u753B\u7531\u91CD\u5EFA\u81EA\u52A8\u64AD\u653E\uFF09\uFF1Bwxss \u6309 usesTransition \u6309\u9700\u6CE8\u5165 keyframes\uFF08fade/slide-up/scale\uFF09',
+    why: "Vue <transition> \u8FD0\u884C\u65F6\u7B49\u4EF7\uFF08vue-compat-advance Batch 2\uFF0C\u51B3\u7B56 #117\uFF09\uFF1AMP \u65E0\u539F\u751F Transition\uFF0C\u7F16\u8BD1\u6CE8\u5165\u52A8\u753B class + keyframes \u8865\u4F4D\uFF1B\u4E0E\u8DEF\u7531 routeType \u8F6C\u573A\u4E92\u8865\uFF08\u5143\u7D20\u7EA7 vs \u9875\u9762\u7EA7\uFF09",
+    when: "\u6A21\u677F\u51FA\u73B0 <transition> \u6807\u7B7E",
+    example: { before: '<transition name="fade"><view v-if="on">X</view></transition>', after: '<view class="proteus-transition-fade" wx:if="{{__tv0}}">X</view>' },
+    verify: "tests/vue-compat-advance.test.ts Transition \u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08transition \u5206\u652F\uFF09+ style.ts TRANSITION_WXSS",
+    decision: "#117"
+  },
+  {
+    id: "transition/leave-state",
+    phase: "template",
+    status: "implemented",
+    title: "<transition> \u79BB\u5F00\u52A8\u753B\u72B6\u6001\u673A\uFF08\u88F8 ref v-if \u5EF6\u8FDF\u79FB\u9664\uFF09",
+    description: 'transition \u76F4\u63A5\u5B50\u5143\u7D20 v-if \u4E3A\u88F8 ref \u540D\u65F6\u542F\u7528\u79BB\u5F00\u52A8\u753B\uFF1Av-if \u6539\u5199 wx:if="{{__tv{i}}}"\uFF08\u663E\u793A\u72B6\u6001\uFF0C\u521D\u59CB = ref \u521D\u59CB\u503C\uFF09+ class \u63D2\u503C {{__tl{i} ? "...-leave" : ""}}\uFF08\u79BB\u5F00\u4E2D\u5207\u6362 leave \u52A8\u753B\uFF09\uFF1Bscript \u751F\u6210 proteusTransitionToggle{i}()\uFF08ref \u5199\u5165\u70B9\u6CE8\u5165\uFF1Aon \u53D8 false \u2192 __tl{i}=true \u64AD\u79BB\u5F00\u52A8\u753B + setTimeout \u65F6\u957F\u540E __tv{i}=false \u5EF6\u8FDF\u79FB\u9664\uFF1Bon \u53D8 true \u2192 \u53D6\u6D88\u5B9A\u65F6\u5668\u6062\u590D\u8FDB\u5165\u52A8\u753B\uFF09\uFF1Bwxss \u6309\u9700\u6CE8\u5165 leave class + keyframes\uFF08forwards \u4FDD\u6301\u672B\u5E27\uFF09',
+    why: "Vue transition \u79BB\u5F00\u8BED\u4E49\uFF1Av-if \u53D8 false \u5148\u64AD\u79BB\u5F00\u52A8\u753B\u518D\u79FB\u9664\uFF08vue-compat-advance Batch 5\uFF09\uFF1BMP wx:if \u7ACB\u5373\u79FB\u9664\u65E0\u52A8\u753B\u2014\u2014\u7F16\u8BD1\u671F\u72B6\u6001\u673A\u8865\u4F4D\uFF1B\u4EC5\u88F8 ref v-if \u652F\u6301\uFF08\u590D\u6742\u8868\u8FBE\u5F0F\u4FDD\u6301 Batch 2 \u73B0\u72B6\uFF09",
+    when: "<transition> \u76F4\u63A5\u5B50\u5143\u7D20\u5E26 v-if \u4E14\u8868\u8FBE\u5F0F\u4E3A\u88F8 ref \u540D",
+    example: { before: '<transition name="fade"><view v-if="on">X</view></transition>', after: `<view wx:if="{{__tv0}}" class="proteus-transition-fade {{__tl0 ? 'proteus-transition-fade-leave' : ''}}">X</view> + data __tv0/__tl0 + proteusTransitionToggle0()` },
+    verify: "tests/vue-compat-advance.test.ts Batch 5 \u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08v-if \u5206\u652F + class \u6CE8\u5165\uFF09+ script.ts\uFF08data/\u65B9\u6CD5/\u5199\u5165\u70B9\u6CE8\u5165\uFF09+ style.ts TRANSITION_WXSS",
+    decision: "#117"
+  },
+  {
+    id: "template/template-ref",
+    phase: "template",
+    status: "implemented",
+    title: "\u6A21\u677F ref \u65E0\u5BF9\u7B49\u8B66\u544A",
+    description: 'ref="el" \u6A21\u677F ref \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u7ED1\u5B9A\uFF08\u6C38\u4E0D\u8D4B\u503C\uFF09\u2014\u2014\u8B66\u544A\uFF0C\u5EFA\u8BAE this.selectComponent("#id")',
+    why: "\u53CD\u9ED1\u76D2\uFF08vue-compat Batch A\uFF0C\u51B3\u7B56 #116\uFF09\uFF1A\u4E0D\u518D\u9759\u9ED8\u65E0\u6548",
+    when: "\u5143\u7D20\u4E0A\u6709 ref \u5C5E\u6027",
+    example: { before: '<input ref="el" />', after: "<input /> + \u8B66\u544A" },
+    verify: "tests/vue-compat.test.ts \u6A21\u677F ref \u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08ref \u5C5E\u6027\u5206\u652F\uFF09",
+    decision: "#116"
+  },
+  {
+    id: "template/no-peer",
+    phase: "template",
+    status: "implemented",
+    title: "\u5E73\u53F0\u65E0\u5BF9\u7B49\u7EC4\u4EF6\u8B66\u544A\uFF08Transition/Teleport \u7B49\uFF09",
+    description: "transition/transition-group/teleport/suspense/keep-alive \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u7EC4\u4EF6\u2014\u2014\u8B66\u544A\uFF08\u539F\u6837\u8F93\u51FA\u4E0D\u751F\u6548\uFF09",
+    why: "\u53CD\u9ED1\u76D2\uFF08vue-compat Batch A\uFF0C\u51B3\u7B56 #116\uFF09\uFF1A\u8F6C\u573A\u8BF7\u7528\u8DEF\u7531 routeType\uFF0C\u7F13\u5B58/\u4F20\u9001\u8BF7\u79FB\u9664",
+    when: "\u6A21\u677F\u51FA\u73B0\u8FD9\u4E9B\u6807\u7B7E",
+    example: { before: '<transition name="fade">\u2026</transition>', after: "\u8B66\u544A + \u539F\u6837\u8F93\u51FA" },
+    verify: "tests/vue-compat.test.ts \u65E0\u5BF9\u7B49\u7EC4\u4EF6\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08no-peer \u5206\u652F\uFF09",
+    decision: "#116"
+  },
+  // ============ 导航链接 ============
+  {
+    id: "nav/navigate-link",
+    phase: "template",
+    status: "implemented",
+    title: "<a href> / <router-link to> \u2192 \u5BFC\u822A\u94FE\u63A5",
+    description: '\u5E26 href/to \u7684\u5BFC\u822A\u94FE\u63A5 \u2192 data-url + data-route-type + bindtap="proteusNavigateTo"\uFF08handler \u7531 script/nav-handler \u6CE8\u5165\uFF09',
+    why: "Web \u7AEF <a> \u8D70\u6D4F\u89C8\u5668\u5BFC\u822A\uFF0C\u5C0F\u7A0B\u5E8F\u7AEF\u9700\u8F6C data-url + \u70B9\u51FB\u8DF3\u8F6C\uFF08\u51B3\u7B56 #24\uFF09\uFF1B\u4FDD\u7559\u524D\u5BFC / \u4E3A\u7EDD\u5BF9\u8DEF\u5F84\uFF08#30 \u771F\u673A\u6559\u8BAD\uFF1A\u65E0\u524D\u5BFC / \u4F1A\u76F8\u5BF9\u5F53\u524D\u9875\u76EE\u5F55\u89E3\u6790\u5BFC\u81F4\u53CC\u91CD\u524D\u7F00\uFF09",
+    when: "a \u6216 router-link \u4E14\u65E0 @click\u3001\u542B href/to\uFF08\u9759\u6001\u6216 :bind\uFF09\u65F6",
+    example: {
+      before: '<a href="/pages/user/index">\u7528\u6237</a>',
+      after: '<view class="proteus-a" data-url="/pages/user/index" bindtap="proteusNavigateTo">\u7528\u6237</view>'
+    },
+    verify: "tests/mp-transform.test.ts \u5BFC\u822A\u94FE\u63A5\u7528\u4F8B\uFF1B\u771F\u673A\u9A8C\u8BC1\u5F52\u6863\u51B3\u7B56 #30",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08isNavLink / hasNavTarget \u5206\u652F\uFF09",
+    decision: "#24 / #30 / #29"
+  },
+  {
+    id: "nav/route-type",
+    phase: "template",
+    status: "implemented",
+    title: "\u5BFC\u822A\u94FE\u63A5 route-type \u5C5E\u6027 \u2192 data-route-type",
+    description: '<a route-type="halfScreen"> \u2192 data-route-type="halfScreen"\uFF08proteusNavigateTo \u900F\u4F20\u4E3A wx.navigateTo \u7684 routeType\uFF09',
+    why: "Skyline \u81EA\u5B9A\u4E49\u8DEF\u7531\u8F6C\u573A\u4ECE\u5BFC\u822A\u94FE\u63A5\u53D1\u8D77\u65F6\uFF0C\u9700\u628A routeType \u4F20\u5230\u8FD0\u884C\u671F\uFF08\u51B3\u7B56 #44\uFF1ArouteType \u53CC\u7AEF\u540C API\uFF09",
+    when: "\u5BFC\u822A\u94FE\u63A5\u5143\u7D20\u4E0A\u6709 route-type \u5C5E\u6027\u65F6",
+    example: {
+      before: '<a href="/pages/user/profile" route-type="halfScreen">\u8D44\u6599</a>',
+      after: '<view data-url="/pages/user/profile" data-route-type="halfScreen" bindtap="proteusNavigateTo">\u8D44\u6599</view>'
+    },
+    verify: "tests/mp-transform.test.ts \u5BFC\u822A\u94FE\u63A5\u7528\u4F8B",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08route-type \u5206\u652F\uFF09",
+    decision: "#28 / #44"
+  },
+  // ============ 通用节点 ============
+  {
+    id: "node/interpolation",
+    phase: "template",
+    status: "implemented",
+    title: "\u63D2\u503C {{ expr }} \u4FDD\u7559",
+    description: "{{ title }} \u2192 {{ title }}\uFF08\u8868\u8FBE\u5F0F\u539F\u6837\u900F\u4F20\uFF0C\u6587\u672C\u8282\u70B9\u7D27\u51D1\u5355\u884C\u8F93\u51FA\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u63D2\u503C\u8BED\u6CD5\u540C\u4E3A {{expr}}\uFF0C\u65E0\u9700\u8F6C\u6362\uFF1B\u7EAF\u6587\u672C\u5B50\u8282\u70B9\u7D27\u51D1\u5355\u884C\u4FDD\u8BC1\u4EA7\u7269\u53EF\u8BFB\uFF08\u51B3\u7B56 #15\uFF09",
+    when: "\u6A21\u677F\u51FA\u73B0 {{ }} \u63D2\u503C\u6216\u7EAF\u6587\u672C\u5B50\u8282\u70B9\u65F6",
+    example: { before: "<p>tapped {{ count }} times</p>", after: '<text class="proteus-p">tapped {{ count }} times</text>' },
+    verify: "golden fixture basic.wxml",
+    source: "src/compiler/template.ts \u2192 serializeNode\uFF08TEXT / INTERPOLATION \u5206\u652F\uFF09",
+    decision: "#15"
+  },
+  {
+    id: "annotation/line-note",
+    phase: "template",
+    status: "implemented",
+    title: "PROTEUS_DEBUG \u6E90\u7801\u884C\u53F7\u6CE8\u91CA",
+    description: "annotateLines=true \u65F6 WXML \u6BCF\u4E2A\u5143\u7D20\u524D\u6CE8\u5165 <!-- @\u884C\u53F7 \u6807\u7B7E -->\uFF0C\u4EA7\u7269\u53EF\u53CD\u67E5\u6E90\u7801\u4F4D\u7F6E",
+    why: "\u53CD\u7F16\u8BD1\u9ED1\u76D2\u673A\u5236\uFF08#17\uFF09\uFF1A\u9ED8\u8BA4\u5173\u95ED\uFF0Cnpm run debug:mp \u5F00\u542F\u2014\u2014AI/\u4EBA\u62FF\u5230\u4EA7\u7269\u5373\u53EF\u5B9A\u4F4D\u5230\u6E90\u7801\u884C",
+    when: "\u7F16\u8BD1\u9009\u9879 annotateLines=true\uFF08PROTEUS_DEBUG=1 \u6784\u5EFA\uFF09\u65F6",
+    example: { before: "\u7B2C 26 \u884C <h1>{{ title }}</h1>", after: '<!-- @26 h1 -->\n<text class="proteus-h1">{{ title }}</text>' },
+    verify: "tests/mp-transform.test.ts annotateLines \u7528\u4F8B\uFF1BPROJECT_MEMORY #17",
+    source: "src/compiler/template.ts \u2192 serializeElement\uFF08lineNote \u5206\u652F\uFF09",
+    decision: "#17"
+  },
+  {
+    id: "template/scope-attr",
+    phase: "template",
+    status: "implemented",
+    title: "scoped CSS\uFF1A\u7528\u6237 class \u4E0E scopeId \u62FC\u63A5\u4E3A\u5355\u4E00\u7C7B\uFF08\u26052026-08 \u771F\u673A\u91CD\u6784\uFF1A\u7C7B\u540D\u540E\u7F00\uFF09",
+    description: "<style scoped> \u5B58\u5728\u65F6\uFF0C\u6A21\u677F\u5143\u7D20 class \u503C token \u8FFD\u52A0 -scopeId\uFF08.box \u2192 box-data-v-xxx\uFF09\uFF1B:class \u5B57\u7B26\u4E32\u5B57\u9762\u91CF/\u5BF9\u8C61\u952E\u540C\u6837\u540E\u7F00\uFF08\u52A8\u6001\u53D8\u91CF\u7C7B\u540D\u7F16\u8BD1\u671F\u8B66\u544A\uFF09\uFF1B\u6837\u5F0F\u4FA7\u9009\u62E9\u5668 .box-data-v-xxx \u5339\u914D",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 scoped CSS \u539F\u751F\u673A\u5236\uFF0C\u7F16\u8BD1\u671F\u7C7B\u540D\u540E\u7F00\u7B49\u4EF7\uFF08v0.3\uFF0C\u51B3\u7B56 #77\uFF09\uFF1B\u26052026-08 \u771F\u673A\u91CD\u6784\uFF1ASkyline \u4E0D\u652F\u6301\u5C5E\u6027\u9009\u62E9\u5668/\u590D\u5408\u7C7B\u9009\u62E9\u5668 \u2192 \u7C7B\u540D\u62FC\u63A5\u4E3A\u552F\u4E00\u5355\u7C7B\u9009\u62E9\u5668\u8DEF\u5F84",
+    when: "SFC \u542B <style scoped>\uFF08compileVueSfc \u751F\u6210 scopeId \u5E76\u6CE8\u5165\uFF09\u65F6",
+    example: { before: '<div class="card">\u2026</div>', after: '<view class="card-data-v-abc123">\u2026</view>' },
+    verify: "tests/mp-transform.test.ts scoped CSS \u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08scopeSuffix \u5206\u652F\uFF09",
+    decision: "#77\uFF08v0.3 scoped CSS\uFF09+ 2026-08 Skyline \u771F\u673A\u91CD\u6784\uFF08\u7C7B\u540D\u540E\u7F00\uFF09",
+    // ★分派层示范：输入 { tag, scopeId } → 输出作用域后缀片段（AI 覆盖可改后缀名）
+    apply: (ctx) => {
+      const input = ctx.input;
+      ctx.output = input.scopeId;
+    }
+  },
+  {
+    id: "component/root-class",
+    phase: "template",
+    status: "implemented",
+    title: "\u7EC4\u4EF6\u6807\u7B7E class \u900F\u4F20\uFF1Aroot-class \u5C5E\u6027 \u2192 \u7EC4\u4EF6\u6839\u8282\u70B9 {{rootClass}}\uFF08Vue class \u7EE7\u627F\u8BED\u4E49\uFF09",
+    description: '\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6807\u7B7E\uFF08\u975E\u539F\u751F\u57FA\u7840\u6807\u7B7E\uFF09\u7684 class\uFF08scope class + \u7528\u6237 class + :class \u7ED1\u5B9A\uFF09\u5408\u5E76\u4E3A\u5355\u4E2A root-class \u5C5E\u6027\u53D1\u5C04\uFF1B\u7EC4\u4EF6\u6A21\u677F\u6839\u8282\u70B9 class \u8FFD\u52A0 {{rootClass}}\uFF1Bscript \u4FA7\u7EC4\u4EF6\u6CE8\u5165 rootClass property\uFF08value: ""\uFF09',
+    why: "Vue \u7684 class \u7EE7\u627F\u8BED\u4E49\uFF08\u7236\u7EC4\u4EF6 class \u4F5C\u7528\u4E8E\u5B50\u7EC4\u4EF6\u6839\u8282\u70B9\uFF09\u5728\u5FAE\u4FE1\u65E0\u539F\u751F\u5BF9\u7B49\u2014\u2014\u7EC4\u4EF6 host \u8282\u70B9 class \u5408\u5E76\u540E\uFF0C\u9875\u9762 wxss \u65E0\u6CD5\u53EF\u9760\u4F5C\u7528\uFF08\u771F\u673A\u5B9E\u6D4B\uFF1Ap-view \u5916\u5C42\u5BB9\u5668 box \u6837\u5F0F\u4E0D\u751F\u6548\uFF0C\u5373\u4F7F styleIsolation: apply-shared\uFF09\u2014\u2014\u7F16\u8BD1\u671F\u7B49\u4EF7\uFF1Aclass \u7ECF root-class \u5C5E\u6027\u4F20\u5165\u7EC4\u4EF6\uFF0C\u6839\u8282\u70B9\u7ED1\u5B9A {{rootClass}}\uFF0C\u914D\u5408 apply-shared \u8BA9\u9875\u9762\u6837\u5F0F\u4F5C\u7528\u7EC4\u4EF6\u6839\u8282\u70B9",
+    when: "\u6A21\u677F\u51FA\u73B0\u975E\u5C0F\u7A0B\u5E8F\u539F\u751F\u6807\u7B7E\uFF08\u7EC4\u4EF6\u6807\u7B7E\uFF0C\u5982 p-view/counter\uFF09\u4E14\u89C4\u5219\u672A\u7981\u7528\u65F6\uFF1B\u7EC4\u4EF6\u6A21\u5F0F\u6839\u8282\u70B9\u7ED1\u5B9A",
+    example: { before: '<p-view class="box">\u2026</p-view>', after: '<p-view root-class="data-v-abc123 box" />\uFF08\u7EC4\u4EF6\u6839\u8282\u70B9 class="\u2026 {{rootClass}}"\uFF09' },
+    verify: "tests/mp-transform.test.ts \u7EC4\u4EF6 class \u900F\u4F20\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08isComponentTag \u5206\u652F\uFF09+ transformTemplateToWxml\uFF08isComponentRoot\uFF09\uFF1Bpackages/compiler/src/script.ts \u2192 transformScriptToPage\uFF08properties.rootClass\uFF09",
+    decision: "2026-08 \u771F\u673A\u5B9E\u6D4B\uFF08Skyline\uFF09"
+  },
+  {
+    id: "layout/auto-flex-row",
+    phase: "template",
+    status: "implemented",
+    title: "\u884C\u5185\u573A\u666F\u81EA\u52A8 flex row\uFF08Skyline \u65E0 inline \u5E03\u5C40\uFF09",
+    description: "\u5BB9\u5668\u76F4\u63A5\u5B50\u5143\u7D20\u540C\u65F6\u542B text \u4E0E\u884C\u5185\u63A7\u4EF6\uFF08switch/slider/icon/image/button/input/textarea/checkbox/radio/label/navigator/progress\uFF09\u2192 \u81EA\u52A8\u9644\u52A0 proteus-flex-row \u7C7B\uFF08display:flex;row;align-items:center\uFF09\uFF1BBASE \u6CE8\u5165\u5BF9\u5E94\u89C4\u5219",
+    why: "Skyline \u5F15\u64CE\u4E0D\u652F\u6301 inline \u5E03\u5C40\uFF08\u5B98\u65B9 Inline \xD7 \u5F00\u53D1\u4E2D\uFF09\u2014\u2014text \u5929\u751F block \u5360\u6EE1\u4E00\u884C\uFF0C\u884C\u5185\u6392\u5E03\uFF08text + switch \u540C\u884C\uFF09\u552F\u4E00\u8DEF\u5F84\u662F flex row\uFF08\u7528\u6237\u5B9E\u6D4B\uFF09\uFF1B\u81EA\u52A8\u68C0\u6D4B\u514D\u5F00\u53D1\u8005\u624B\u52A8\u5305 flex\uFF08\u53CC\u7AEF\u4E00\u81F4\uFF09",
+    when: "\u5BB9\u5668\u5B50\u5143\u7D20\u542B text \u4E14\u542B\u884C\u5185\u63A7\u4EF6\uFF08rules.disabled \u53EF\u5173\uFF09",
+    example: { before: "<view><switch/><text>\u5F00\u5173</text></view>", after: '<view class="proteus-flex-row"><switch/><text>\u5F00\u5173</text></view>' },
+    verify: "tests/mp-transform.test.ts \u884C\u5185 flex \u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeElement\uFF08autoFlexRow \u5224\u5B9A\uFF09+ style.ts \u2192 BASE_SEMANTIC_WXSS",
+    decision: "2026-08 \u7528\u6237\u51B3\u7B56\uFF08Skyline inline \u9650\u5236\uFF09"
+  },
+  {
+    id: "component/progress-degrade",
+    phase: "template",
+    status: "implemented",
+    title: "progress \u964D\u7EA7\u81EA\u5B9A\u4E49 view \u8FDB\u5EA6\u6761\uFF08Skyline \u5B98\u65B9\u4E0D\u652F\u6301 progress\uFF09",
+    description: "\u5C0F\u7A0B\u5E8F\u8BED\u4E49 <progress> \u7F16\u8BD1\u4E3A\u81EA\u5B9A\u4E49 view \u7ED3\u6784\uFF08track/inner/info \u4E09\u8282\u70B9\uFF09\u2014\u2014percent\u2192\u5BBD\u5EA6\u3001active-color/color\u2192\u586B\u5145\u8272\u3001stroke-width\u2192\u9AD8\u5EA6\u3001show-info\uFF08\u65E0\u503C=\u771F\uFF09\u2192\u767E\u5206\u6BD4\u6587\u5B57\uFF1B\u9759\u6001\u5C5E\u6027\u76F4\u51FA\u3001\u7ED1\u5B9A\u63D2\u503C\uFF1BBASE \u6CE8\u5165 .proteus-progress \u6837\u5F0F",
+    why: "Skyline \u7EC4\u4EF6\u652F\u6301\u8868 progress \u6682\u4E0D\u8003\u8651\uFF08\u771F\u673A\u5B9E\u6D4B\u4E0D\u6E32\u67D3\uFF09\u2014\u2014\u964D\u7EA7\u81EA\u5B9A\u4E49\u7ED3\u6784\u53CC\u7AEF\u4E00\u81F4 + Skyline \u53EF\u7528\uFF0816-progress-skyline-degrade\uFF09",
+    when: "\u6A21\u677F\u51FA\u73B0 <progress> \u4E14\u89C4\u5219\u672A\u7981\u7528\u65F6",
+    example: { before: '<progress :percent="70" show-info />', after: '<view class="proteus-progress"><view class="proteus-progress-track"><view class="proteus-progress-inner" style="width:{{70}}%;background-color:#07c160"></view></view><text wx:if="{{true}}" class="proteus-progress-info">{{70}}%</text></view>' },
+    verify: "tests/mp-transform.test.ts progress \u964D\u7EA7\u7528\u4F8B",
+    source: "packages/compiler/src/template.ts \u2192 serializeProgress + style.ts \u2192 BASE_SEMANTIC_WXSS",
+    decision: "2026-08 \u771F\u673A\u5B9E\u6D4B\uFF08Skyline \u4E0D\u652F\u6301 progress\uFF09"
+  }
+];
+var TAG_RULE_BY_TAG = Object.fromEntries(
+  TEMPLATE_RULES.filter((r) => r.id.startsWith("tag/")).flatMap(
+    (r) => r.mapping ? Object.keys(r.mapping).map((t) => [t, r.id]) : []
+  )
+);
+
+// src/transforms/script.ts
+var SCRIPT_RULES = [
+  {
+    id: "script/const-to-data",
+    phase: "script",
+    status: "implemented",
+    title: "\u9876\u5C42 const\uFF08ref/reactive/\u5B57\u9762\u91CF\uFF09\u2192 data",
+    description: "\u96F6\u7F29\u8FDB\u9876\u5C42 const \u2192 data \u5B57\u6BB5\uFF1Bref(0)/reactive({...})/\u5B57\u9762\u91CF\u5728\u6784\u5EFA\u671F\u9759\u6001\u6C42\u503C\uFF0C\u591A\u884C\u6570\u7EC4/\u5BF9\u8C61\u5B57\u9762\u91CF\u5B8C\u6574\u63D0\u53D6",
+    why: "\u5C0F\u7A0B\u5E8F\u9875\u9762\u72B6\u6001\u5728 data \u4E2D\uFF0C\u54CD\u5E94\u5F0F\u58F0\u660E\uFF08ref/reactive\uFF09\u7F16\u8BD1\u671F\u4E3A\u521D\u59CB\u503C\u6C42\u503C\uFF08\u51B3\u7B56 #60\uFF1A\u62EC\u53F7\u5E73\u8861\u626B\u63CF\u652F\u6301\u591A\u884C\u5B57\u9762\u91CF\uFF1B\u53EA\u63D0\u53D6\u96F6\u7F29\u8FDB\u9876\u5C42 const\uFF0C\u4E0D\u8BEF\u53D6\u51FD\u6570\u4F53\u5185\u5C40\u90E8 const\uFF09",
+    when: "script \u9876\u5C42\u51FA\u73B0 const \u58F0\u660E\u4E14\u521D\u59CB\u503C\u4E3A\u5B57\u9762\u91CF/ref/reactive/shallowRef/readonly \u65F6",
+    example: {
+      before: 'const count = ref(0)\nconst cards = ref([{ title: "a" }])',
+      after: 'data: {\n  count: 0,\n  cards: [{ "title": "a" }],\n}'
+    },
+    verify: "tests/mp-transform.test.ts data \u63D0\u53D6\u7528\u4F8B\uFF1Bgolden fixture showcase.js\uFF08\u591A\u884C\u6570\u7EC4\uFF09",
+    source: "packages/compiler/src/script.ts \u2192 extractData + extractInitializer",
+    decision: "#60 / #22"
+  },
+  {
+    id: "script/computed-to-data",
+    phase: "script",
+    status: "implemented",
+    title: "computed \u8BFB\u8DEF\u5F84 \u2192 data \u6D3E\u751F\u5B57\u6BB5\uFF08v0.3\uFF09",
+    description: "\u9876\u5C42 const x = computed(() => expr) \u2192 data \u4E0D\u5B58\uFF1BonLoad \u521D\u59CB\u5316 + \u4F9D\u8D56 ref \u5199\u5165 setData \u65F6\u540C\u6B65\u91CD\u7B97\uFF08expr \u4E2D x.value \u2192 this.data.x\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 computed \u6982\u5FF5\uFF0C\u7F16\u8BD1\u671F\u628A getter \u8F6C data \u6D3E\u751F\uFF1A\u9759\u6001\u63D0\u53D6 getter \u4E2D\u7684 ref \u4F9D\u8D56 \u2192 \u4F9D\u8D56\u5199\u5165\u65F6\u628A\u91CD\u7B97\u8868\u8FBE\u5F0F\u5408\u5E76\u8FDB\u540C\u4E00 setData\uFF08v0.3 \u5148\u505A\u8BFB\u8DEF\u5F84\uFF0Cwatch/\u5199\u8DEF\u5F84\u540E\u7EED\uFF09",
+    when: "script \u9876\u5C42\u51FA\u73B0 computed(() => \u8868\u8FBE\u5F0F)\uFF08\u4EC5\u652F\u6301\u7BAD\u5934\u7B80\u5199 + \u8868\u8FBE\u5F0F\u4F53\uFF1B\u5757\u4F53/function \u5F62\u5F0F\u7F16\u8BD1\u671F\u8B66\u544A\uFF09",
+    example: {
+      before: "const double = computed(() => count.value * 2)",
+      after: "data \u4E0D\u542B double\uFF1Bthis.setData({ count: ..., double: this.data.count * 2 })\uFF08count \u5199\u5165\u65F6\u5408\u5E76\uFF0ConLoad \u521D\u59CB\u5316\u4E00\u6B21\uFF09"
+    },
+    verify: "tests/mp-transform.test.ts computed \u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractComputedFromInit + computedPatch + computedInitLine",
+    decision: "#76\uFF08v0.3\uFF09"
+  },
+  {
+    id: "script/watch-to-methods",
+    phase: "script",
+    status: "implemented",
+    title: "watch \u2192 proteusWatchX \u65B9\u6CD5\uFF08v0.3\uFF09",
+    description: "watch(ref, (newVal, oldVal) => { body }) \u2192 methods \u751F\u6210 proteusWatchX\uFF1B\u4F9D\u8D56 ref \u5199\u5165 setData \u540E\u81EA\u52A8\u8C03\u7528\uFF08\u65E7\u503C\u5728\u5199\u5165\u524D\u4FDD\u5B58\uFF09\uFF1Bimmediate: true \u2192 onLoad \u521D\u59CB\u5316\u8C03\u7528\u4E00\u6B21",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 watch \u6982\u5FF5\uFF0C\u7F16\u8BD1\u671F\u6A21\u62DF\uFF1A\u4F9D\u8D56\u9759\u6001\u63D0\u53D6\uFF08\u5355 ref\uFF09+ \u5199\u5165\u70B9\u8054\u52A8\uFF08setData \u540E\u8C03\u7528\u56DE\u8C03\uFF0CnewVal/oldVal \u7531\u7F16\u8BD1\u671F\u4FDD\u5B58\uFF09\uFF1BMVP\uFF1A\u4EC5\u5355 ref \u76F4\u63A5\u5F15\u7528 + \u7BAD\u5934\u51FD\u6570\u56DE\u8C03\uFF08\u6570\u7EC4\u6E90/\u51FD\u6570\u6E90/function \u56DE\u8C03\u8B66\u544A\uFF09",
+    when: "script \u9876\u5C42\u51FA\u73B0 watch(refName, callback) \u65F6",
+    example: {
+      before: "watch(count, (n, o) => {\n  log(n, o)\n})",
+      after: "proteusWatchCount(n, o) {\n  log(n, o)\n},\n// count \u5199\u5165\uFF1Aconst oldCount = this.data.count; ...setData(...); this.proteusWatchCount(this.data.count, oldCount)"
+    },
+    verify: "tests/mp-transform.test.ts watch \u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractWatch + watchTail + immediateWatchLine",
+    decision: "#78\uFF08v0.3\uFF09"
+  },
+  {
+    id: "script/watch-props",
+    phase: "script",
+    status: "implemented",
+    title: "watch props \u6E90 \u2192 WeChat observers\uFF08\u7EC4\u4EF6\u5C5E\u6027\u76D1\u542C\uFF09",
+    description: "watch(props.x, (n, o) => { body }) \u6216 watch(() => props.x, ...) \u2192 Component observers: { x(n, o) { body } }\uFF08\u5C5E\u6027\u53D8\u5316\u89E6\u53D1\u56DE\u8C03\uFF1BWeb \u7AEF\u5373\u6807\u51C6 Vue watch\uFF0C\u5168\u54CD\u5E94\u5F0F\uFF09\uFF1Bimmediate: true \u2192 \u53E6\u751F\u6210 proteusWatchPropX \u65B9\u6CD5 + attached \u521D\u59CB\u5316\u8C03\u7528\u4E00\u6B21",
+    why: "\u7EC4\u4EF6\u9700\u8981\u54CD\u5E94\u81EA\u8EAB\u5C5E\u6027\u53D8\u5316\uFF08\u5217\u8868 items \u5206\u9875/\u52A0\u8F7D\u66F4\u591A\u3001\u5F39\u5C42 visible v-model\u3001\u8868\u5355 value \u540C\u6B65\u7B49\uFF09\uFF1B\u5C0F\u7A0B\u5E8F\u65E0\u54CD\u5E94\u5F0F\u7CFB\u7EDF\uFF0C\u5C5E\u6027\u53D8\u5316\u552F\u4E00\u901A\u9053\u662F observers",
+    when: "\u7EC4\u4EF6 script \u9876\u5C42\u51FA\u73B0 watch(props.x, callback) / watch(() => props.x, callback) \u65F6\uFF08MVP\uFF1A\u5355\u5C5E\u6027\u6E90\uFF09",
+    example: {
+      before: "watch(() => props.items, () => {\n  calc()\n})",
+      after: "observers: {\n  items(n, o) {\n    calc()\n  },\n}"
+    },
+    verify: "tests/mp-transform.test.ts props \u6E90 watch \u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractWatch\uFF08propField \u5206\u652F\uFF09+ observers \u53D1\u5C04",
+    decision: "\u7EC4\u4EF6\u5E93 B3\uFF08p-list-view items \u54CD\u5E94\u5F0F\uFF09"
+  },
+  {
+    id: "script/module-import",
+    phase: "script",
+    status: "implemented",
+    title: "\u8DE8\u6A21\u5757\u5F15\u7528\uFF1Aimport \u2192 require \u8F6C\u6362\uFF08module-plan B0\uFF09/ \u5265\u79BB\u8B66\u544A",
+    description: 'setup \u9876\u5C42 import\uFF1A\u76F8\u5BF9\u8DEF\u5F84\u5171\u4EAB\u6A21\u5757\uFF08moduleImports \u547D\u4E2D\uFF09\u2192 \u4EA7\u7269\u9876\u90E8 const { x } = require("<\u76F8\u5BF9\u4EA7\u7269\u8DEF\u5F84>.js")\uFF08named/default/namespace/side \u56DB\u5F62\u6001\uFF09\uFF1Bvue/@proteus-vue/*/type/.vue \u8DF3\u8FC7\uFF08\u7F16\u8BD1\u5668\u9759\u6001/usingComponents/\u7EAF\u7C7B\u578B\uFF09\uFF1B\u65E0\u6CD5\u89E3\u6790\u7684\u8DEF\u5F84 \u2192 \u5265\u79BB + \u8B66\u544A',
+    why: "\u53CD\u9ED1\u76D2\uFF08vue-compat Batch A\uFF0C\u51B3\u7B56 #116\uFF09\uFF1Aimport \u5265\u79BB\u4E0D\u518D\u9759\u9ED8\uFF0C\u4EA7\u7269\u672A\u5B9A\u4E49\u5F15\u7528\u663E\u5F0F\u63D0\u793A\uFF1B\u2605module-plan B0\uFF1A\u76F8\u5BF9\u8DEF\u5F84\u5171\u4EAB\u6A21\u5757\u7F16\u8BD1\u4E3A\u72EC\u7ACB\u4EA7\u7269 + require \u8F6C\u6362\uFF0C\u8DE8\u6A21\u5757\u5F15\u7528\u771F\u6B63\u53EF\u7528\uFF08\u540E\u7EED Pinia/API/Component \u57FA\u5EFA\u7684\u5730\u57FA\uFF09",
+    when: "<script setup> \u9876\u5C42\u51FA\u73B0 import \u8BED\u53E5",
+    example: { before: 'import { formatTime } from "../utils/format"', after: 'const { formatTime } = require("../utils/format.js")\uFF08moduleImports \u547D\u4E2D\uFF09\uFF1B\u672A\u6536\u5F55\u8DEF\u5F84 \u2192 \u8B66\u544A + \u5265\u79BB' },
+    verify: "tests/module-import.test.ts B0 \u7528\u4F8B + tests/vue-compat.test.ts import \u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractImports + transformScriptToPage\uFF08require \u751F\u6210\uFF09",
+    decision: "#116"
+  },
+  {
+    id: "script/runtime-init",
+    phase: "script",
+    status: "implemented",
+    title: "\u51FD\u6570\u8C03\u7528\u521D\u59CB\u5316 \u2192 \u8FD0\u884C\u65F6\u521D\u59CB\u5316\u5B9E\u4F8B\u5C5E\u6027\uFF08module-plan B0\uFF09",
+    description: "\u9876\u5C42 const x = fn()\uFF08\u9759\u6001\u6C42\u503C\u5931\u8D25\uFF09\u2192 data \u4E0D\u542B\u8BE5\u5B57\u6BB5\uFF1BonLoad/attached \u6CE8\u5165 this.x = fn()\uFF08\u5B9E\u4F8B\u5C5E\u6027\uFF0CES5 \u5B89\u5168\uFF09\uFF1B\u6A21\u677F\u7ED1\u5B9A\u4E0D\u652F\u6301\uFF08\u8BFB this.data.x undefined\uFF09\u2014\u2014\u5171\u4EAB\u903B\u8F91\u8BF7\u7528\u6A21\u5757 import",
+    why: "\u65E7\u884C\u4E3A\uFF1A\u51FD\u6570\u8C03\u7528\u521D\u59CB\u5316\u9759\u6001\u6C42\u503C\u5931\u8D25 \u2192 data.x = undefined \u4E14\u8C03\u7528\u4E22\u5931\uFF08\u9759\u9ED8\u574F\uFF09\uFF1BB0 \u914D\u5408\u8DE8\u6A21\u5757 require \u8BA9 useStore()/createX() \u771F\u5B9E\u6267\u884C",
+    when: "\u9876\u5C42 const \u521D\u59CB\u503C\u4E3A\u51FD\u6570\u8C03\u7528\u4E14\u65E0\u6CD5\u9759\u6001\u6C42\u503C\uFF08\u975E inject/ref/computed\uFF09",
+    example: { before: "const store = usePlayerStore()", after: "onLoad: this.store = usePlayerStore()\uFF08data \u4E0D\u542B store\uFF09" },
+    verify: "tests/module-import.test.ts + tests/vue-compat.test.ts \u8FD0\u884C\u65F6\u521D\u59CB\u5316\u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractData\uFF08runtimeInits\uFF09+ runtimeInitLine",
+    decision: "#116"
+  },
+  {
+    id: "script/store-binding",
+    phase: "script",
+    status: "implemented",
+    title: "Pinia store \u6A21\u677F\u7ED1\u5B9A\uFF08pinia-plan 12 P1\uFF1A$subscribe \u2192 setData \u540C\u6B65\uFF09",
+    description: "\u6A21\u677F {{ store.<field> }} \u5F15\u7528\uFF08template \u6536\u96C6 storeBindings\uFF09\u2192 onLoad \u6CE8\u5165\uFF1A\u521D\u59CB setData({ field: this.store.field }) + store.$subscribe \u8BA2\u9605\uFF08\u53D8\u66F4 \u2192 setData\uFF0C\u6A21\u677F\u5B57\u6BB5\u5B9E\u65F6\u540C\u6B65\uFF09\uFF1Bstore \u53D8\u91CF = useXxxStore() \u7684 runtimeInit \u5B9E\u4F8B\u5C5E\u6027\uFF1B\u5D4C\u5957 store.current.title \u2192 current.title\uFF08store \u524D\u7F00\u5265\u79BB\uFF09",
+    why: "MP \u6A21\u677F\u7ED1\u5B9A\u8BFB this.data\u2014\u2014store \u662F\u5B9E\u4F8B\u5C5E\u6027\u8BFB\u4E0D\u5230\uFF1BPinia $subscribe \u8BA2\u9605 + setData \u540C\u6B65\uFF08\u5BF9\u9F50 store \u6865 connectPageStore \u6A21\u5F0F\uFF09\uFF0C\u8BA9 pinia-demo MP \u7AEF\u72B6\u6001\u663E\u793A\u53EF\u7528\uFF08pinia-plan 12\uFF09",
+    when: "\u6A21\u677F\u51FA\u73B0 store.<field> \u5F15\u7528\u4E14 script \u6709 const store = useXxxStore()",
+    example: { before: "{{ store.current.title }}", after: "{{ current.title }} + onLoad: this.store.$subscribe(() => this.setData({ current: this.store.current }))" },
+    verify: "tests/pinia-mp-compile.test.ts\uFF08P1 \u7528\u4F8B\uFF09",
+    source: "packages/compiler/src/template.ts\uFF08rewriteStoreRefs\uFF09+ script.ts\uFF08storeBindingLine\uFF09",
+    decision: "#116"
+  },
+  {
+    id: "script/define-props",
+    phase: "script",
+    status: "implemented",
+    title: "defineProps \u2192 Component properties\uFF08v0.3 \u7EC4\u4EF6\u7CFB\u7EDF + v0.3 \u5C3E\u6CDB\u578B\uFF09",
+    description: "\u7EC4\u4EF6\u6A21\u5F0F\uFF1AdefineProps({ label: String, initial: { type: Number, default: 0 } }) \u6216 TS \u6CDB\u578B defineProps<{ label: string; count?: number }>() \u2192 properties\uFF08type + \u9ED8\u8BA4\u503C value\uFF09\uFF1Bprops.xxx \u8BBF\u95EE\u91CD\u5199\u4E3A this.data.xxx",
+    why: "\u5C0F\u7A0B\u5E8F\u7EC4\u4EF6\u7528 Component({ properties }) \u58F0\u660E\u5916\u90E8\u5C5E\u6027\uFF1BVue \u7EC4\u4EF6 props \u7F16\u8BD1\u671F\u6620\u5C04\uFF08v0.3\uFF0C\u51B3\u7B56 #79\uFF09\uFF1B\u5BF9\u8C61\u5F62\u5F0F\uFF08type/default\uFF09+ TS \u6CDB\u578B\u5F62\u5F0F\uFF08string/number/boolean/object/Array/\u8054\u5408\u6620\u5C04\uFF09",
+    when: "\u7EC4\u4EF6\u6587\u4EF6\uFF08isComponent\uFF09\u542B defineProps \u65F6",
+    example: { before: "const props = defineProps<{ initial: number; label: string }>()", after: 'properties: {\n  initial: { type: Number, value: 0 },\n  label: { type: String, value: "" },\n}' },
+    verify: "tests/mp-transform.test.ts \u7EC4\u4EF6\u7CFB\u7EDF\u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractProps + mapTsType",
+    decision: "#79 / #91\uFF08v0.3 \u5C3E\u6CDB\u578B\uFF09"
+  },
+  {
+    id: "script/define-emits",
+    phase: "script",
+    status: "implemented",
+    title: "defineEmits + emit() \u2192 triggerEvent\uFF08v0.3 \u7EC4\u4EF6\u7CFB\u7EDF\uFF09",
+    description: '\u7EC4\u4EF6\u6A21\u5F0F\uFF1Aemit("xxx", payload) \u2192 this.triggerEvent("xxx", payload)\uFF1B\u7236\u7EC4\u4EF6 @xxx\uFF08\u975E EVENT_MAP\uFF09\u2192 bind:xxx',
+    why: "\u5C0F\u7A0B\u5E8F\u7EC4\u4EF6\u5411\u7236\u7EC4\u4EF6\u901A\u4FE1\u7528 triggerEvent\uFF1BVue emit \u7F16\u8BD1\u671F\u6620\u5C04\uFF08v0.3\uFF0C\u51B3\u7B56 #79\uFF09\uFF1BMVP\uFF1A\u7EA6\u5B9A emit \u53D8\u91CF\u540D",
+    when: "\u7EC4\u4EF6\u6587\u4EF6\u542B defineEmits \u58F0\u660E\u4E14\u65B9\u6CD5\u4F53\u8C03\u7528 emit(...) \u65F6",
+    example: { before: "emit('change', count.value)", after: "this.triggerEvent('change', this.data.count)" },
+    verify: "tests/mp-transform.test.ts \u7EC4\u4EF6\u7CFB\u7EDF\u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 rewriteRefAccess\uFF08emit \u91CD\u5199\uFF09+ template.ts\uFF08bind: \u5192\u53F7\u5F62\u5F0F\uFF09",
+    decision: "#79\uFF08v0.3 \u7EC4\u4EF6\u7CFB\u7EDF\uFF09"
+  },
+  {
+    id: "script/define-expose",
+    phase: "script",
+    status: "implemented",
+    title: "defineExpose \u2192 no-op + \u6821\u9A8C\uFF08v0.3 \u5C3E\uFF09",
+    description: "\u7EC4\u4EF6\u6A21\u5F0F\uFF1AdefineExpose({ ... }) \u7F16\u8BD1\u671F no-op\u2014\u2014\u5C0F\u7A0B\u5E8F\u7EC4\u4EF6 methods \u5929\u7136\u53EF\u88AB selectComponent \u8BBF\u95EE\uFF1B\u6821\u9A8C\u58F0\u660E\u6210\u5458\uFF1Aref \u503C\u66B4\u9732\u65E0\u5BF9\u7B49\u673A\u5236 \u2192 \u8B66\u544A",
+    why: "\u5C0F\u7A0B\u5E8F\u7EC4\u4EF6\u5916\u90E8\u8BBF\u95EE\uFF08selectComponent + \u65B9\u6CD5\u8C03\u7528\uFF09\u5929\u7136\u8986\u76D6 Vue \u7684 defineExpose \u65B9\u6CD5\u66B4\u9732\u8BED\u4E49\uFF1Bref \u503C\u66B4\u9732\u9700\u65B9\u6CD5\u5305\u88C5\uFF08v0.3 \u5C3E\uFF0C\u51B3\u7B56 #91\uFF09",
+    when: "\u7EC4\u4EF6\u6587\u4EF6\u542B defineExpose \u65F6",
+    example: { before: "defineExpose({ reset })", after: "no-op\uFF08reset \u5DF2\u5728 methods\uFF0C\u5916\u90E8 selectComponent \u53EF\u8C03\uFF09" },
+    verify: "tests/mp-transform.test.ts defineExpose \u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 checkDefineExpose",
+    decision: "#91\uFF08v0.3 \u5C3E\u7EC4\u4EF6\u6536\u5C3E\uFF09"
+  },
+  {
+    id: "script/function-to-methods",
+    phase: "script",
+    status: "implemented",
+    title: "\u9876\u5C42 function \u58F0\u660E \u2192 methods",
+    description: "\u9876\u5C42 function handleTap() {...} \u2192 methods \u4E2D\u7684\u5BF9\u8C61\u7B80\u5199 handleTap() {...}",
+    why: "\u5C0F\u7A0B\u5E8F\u9875\u9762\u903B\u8F91\u5728 methods \u4E2D\uFF1B\u5BF9\u8C61\u5B57\u9762\u91CF\u5185\u4E0D\u80FD\u8F93\u51FA\u88F8 function \u58F0\u660E\uFF08\u51B3\u7B56 #14\uFF1A\u4EA7\u7269\u65B9\u6CD5\u7528\u5BF9\u8C61\u7B80\u5199\uFF09",
+    when: "script \u9876\u5C42\u51FA\u73B0 function \u58F0\u660E\u65F6",
+    example: {
+      before: "function handleTap() {\n  count.value++\n}",
+      after: "handleTap() {\n  this.setData({ count: (this.data.count === undefined || this.data.count === null ? 0 : this.data.count) + 1 })\n},"
+    },
+    verify: "tests/mp-transform.test.ts methods \u63D0\u53D6\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 extractMethods",
+    decision: "#14"
+  },
+  {
+    id: "script/arrow-to-methods",
+    phase: "script",
+    status: "implemented",
+    title: "const \u7BAD\u5934\u51FD\u6570 \u2192 methods",
+    description: "const fn = (params) => {...} \u2192 methods \u4E2D\u7684 fn(params) {...}\uFF08\u652F\u6301 async\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u9875\u9762\u903B\u8F91\u5728 methods \u4E2D\uFF1Bconst \u7BAD\u5934\u51FD\u6570\u540C\u6837\u63D0\u53D6\u4E3A\u65B9\u6CD5",
+    when: "script \u9876\u5C42\u51FA\u73B0 const \u7BAD\u5934\u51FD\u6570\uFF08\u542B async\uFF09\u65F6",
+    example: {
+      before: "const load = async () => {\n  const r = await fetchData()\n}",
+      after: "load() {\n  const r = await fetchData()\n},"
+    },
+    verify: "tests/mp-transform.test.ts methods \u63D0\u53D6\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 extractMethods\uFF08arrowRe \u5206\u652F\uFF09"
+  },
+  {
+    id: "script/lifecycle-map",
+    phase: "script",
+    status: "implemented",
+    title: "\u751F\u547D\u5468\u671F\u6620\u5C04 onMounted \u2192 onReady / onUnmounted \u2192 onUnload",
+    description: "onMounted(() => {...}) \u2192 onReady() {...}\uFF1BonUnmounted \u2192 onUnload\uFF1BonLoad \u900F\u4F20",
+    why: "Vue \u7EC4\u4EF6\u751F\u547D\u5468\u671F\u4E0E\u5C0F\u7A0B\u5E8F\u9875\u9762\u751F\u547D\u5468\u671F\u4E0D\u540C\u540D\uFF0C\u7F16\u8BD1\u671F\u6620\u5C04\u5230\u5C0F\u7A0B\u5E8F\u94A9\u5B50",
+    when: "script \u51FA\u73B0 onMounted / onUnmounted / onLoad \u8C03\u7528\u65F6",
+    example: { before: "onMounted(() => { doInit() })", after: "onReady() {\n  doInit()\n}," },
+    verify: "tests/runtime.test.ts + mp-transform.test.ts \u751F\u547D\u5468\u671F\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 extractLifecycles"
+  },
+  {
+    id: "script/ref-read",
+    phase: "script",
+    status: "implemented",
+    title: "\u65B9\u6CD5\u5185 ref \u8BFB\u53D6 \u2192 this.data.name",
+    description: "\u65B9\u6CD5/\u751F\u547D\u5468\u671F\u4F53\u5185\u7684 name.value \u8BFB\u53D6 \u2192 this.data.name",
+    why: "\u5C0F\u7A0B\u5E8F\u8FD0\u884C\u671F\u72B6\u6001\u5728 this.data \u4E2D\uFF0C\u7F16\u8BD1\u671F\u628A setup ref \u8BBF\u95EE\u91CD\u5199\u4E3A data \u8BBF\u95EE\uFF08\u51B3\u7B56 #22\uFF09",
+    when: "\u65B9\u6CD5\u6216\u751F\u547D\u5468\u671F\u4F53\u5185\u51FA\u73B0 ref.value \u8BFB\u53D6\u65F6",
+    example: { before: "const v = count.value", after: "const v = this.data.count" },
+    verify: "tests/mp-transform.test.ts ref \u91CD\u5199\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 rewriteRefAccess",
+    decision: "#22"
+  },
+  {
+    id: "script/ref-write",
+    phase: "script",
+    status: "implemented",
+    title: "\u65B9\u6CD5\u5185 ref \u8D4B\u503C \u2192 this.setData",
+    description: "\u65B9\u6CD5/\u751F\u547D\u5468\u671F\u4F53\u5185\u7684 name.value = expr \u2192 this.setData({ name: expr })",
+    why: "\u5C0F\u7A0B\u5E8F\u66F4\u65B0\u89C6\u56FE\u7684\u552F\u4E00\u901A\u9053\u662F setData\uFF0C\u7F16\u8BD1\u671F\u628A\u8D4B\u503C\u91CD\u5199\u4E3A setData \u8C03\u7528\uFF08\u51B3\u7B56 #22\uFF1B\u6392\u9664 ==/===/\u590D\u5408\u8D4B\u503C\uFF09",
+    when: "\u65B9\u6CD5\u6216\u751F\u547D\u5468\u671F\u4F53\u5185\u51FA\u73B0 name.value = expr \u65F6",
+    example: { before: "count.value = count.value + 1", after: "this.setData({ count: this.data.count + 1 })" },
+    verify: "tests/mp-transform.test.ts ref \u91CD\u5199\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 rewriteRefAccess",
+    decision: "#22"
+  },
+  {
+    id: "script/ref-incdec",
+    phase: "script",
+    status: "implemented",
+    title: "\u65B9\u6CD5\u5185 ref \u81EA\u589E/\u81EA\u51CF \u2192 this.setData",
+    description: "name.value++ / -- / ++name.value \u2192 this.setData({ name: (null \u68C0\u67E5 ? 0 : this.data.name) + 1 })",
+    why: "\u81EA\u589E/\u81EA\u51CF\u65E0\u8868\u8FBE\u5F0F\u53EF\u63D0\u53D6\uFF0C\u7F16\u8BD1\u671F\u4E3A\u663E\u5F0F setData \u5E76\u505A null \u515C\u5E95\uFF08\u51B3\u7B56 #22\uFF1B\u4E0D\u7528 ?? \u8FD0\u7B97\u7B26\u2014\u2014\u771F\u673A\u9884\u89C8\u62A5 SyntaxError\uFF0C\u51B3\u7B56 #36\uFF09",
+    when: "\u65B9\u6CD5\u6216\u751F\u547D\u5468\u671F\u4F53\u5185\u51FA\u73B0 name.value \u7684\u81EA\u589E/\u81EA\u51CF\u65F6",
+    example: {
+      before: "count.value++",
+      after: "this.setData({ count: (this.data.count === undefined || this.data.count === null ? 0 : this.data.count) + 1 })"
+    },
+    verify: "tests/mp-transform.test.ts ref \u91CD\u5199\u7528\u4F8B\uFF1BWeb E2E tap \u8BA1\u6570\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 rewriteRefAccess + numOrZero",
+    decision: "#22 / #36"
+  },
+  {
+    id: "script/vmodel-handler",
+    phase: "script",
+    status: "implemented",
+    title: "v-model \u81EA\u52A8 handler \u6CE8\u5165",
+    description: '\u6A21\u677F\u51FA\u73B0 v-model="x" \u65F6\u6CE8\u5165 proteusOnXInput(e) { this.setData({ x: e.detail.value }) }',
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 v-model\uFF0C\u56DE\u5199\u65B9\u5411\u7531\u81EA\u52A8 handler \u627F\u62C5\uFF08\u51B3\u7B56 #29\uFF1A\u65B9\u6CD5\u540D\u907F\u514D __ \u524D\u7F00\uFF0C\u5FAE\u4FE1\u4FDD\u7559 _ \u524D\u7F00\u53EF\u80FD\u5BFC\u81F4\u7ED1\u5B9A\u5931\u6548\uFF09",
+    when: "template \u8F6C\u6362\u8FD4\u56DE\u7684 vModelBindings \u975E\u7A7A\u65F6",
+    example: {
+      before: '\uFF08\u6A21\u677F\uFF09<input v-model="name" />',
+      after: "proteusOnNameInput(e) { this.setData({ name: e.detail.value }) },"
+    },
+    verify: "tests/mp-transform.test.ts v-model \u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 transformScriptToPage\uFF08vModelBindings \u5FAA\u73AF\uFF09",
+    decision: "#29"
+  },
+  {
+    id: "script/nav-handler",
+    phase: "script",
+    status: "implemented",
+    title: "\u5BFC\u822A\u94FE\u63A5\u81EA\u52A8 handler \u6CE8\u5165\uFF08proteusNavigateTo\uFF09",
+    description: "\u6A21\u677F\u51FA\u73B0\u5BFC\u822A\u94FE\u63A5\u65F6\u6CE8\u5165 proteusNavigateTo(e)\uFF1A\u8BFB data-url \u2192 wx.navigateTo\uFF08routeType \u900F\u4F20\uFF0Cfail \u964D\u7EA7\u666E\u901A\u8DF3\u8F6C\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F\u5BFC\u822A\u7EDF\u4E00\u8D70 wx.navigateTo\uFF1B\u4FDD\u7559\u524D\u5BFC / \u4E3A\u7EDD\u5BF9\u8DEF\u5F84\uFF08\u51B3\u7B56 #30 \u771F\u673A\u6839\u56E0\uFF09\uFF1Bfail \u964D\u7EA7\u4FDD\u8BC1\u81EA\u5B9A\u4E49\u8DEF\u7531\u5931\u8D25\u4ECD\u53EF\u8DF3\u8F6C\uFF08#28\uFF09\uFF1B\u65B9\u6CD5\u540D\u907F\u5F00 __ \u524D\u7F00\uFF08#29\uFF09",
+    when: "template \u8F6C\u6362\u8FD4\u56DE usesNavigate=true \u65F6",
+    example: {
+      before: '\uFF08\u6A21\u677F\uFF09<a href="/pages/user/index">\u7528\u6237</a>',
+      after: 'proteusNavigateTo(e) {\n  const ds = e.currentTarget.dataset\n  const url = String(ds.url || "")\n  if (!url) return\n  const nav = { url: url, fail: ... }\n  if (ds.routeType) nav.routeType = ds.routeType\n  wx.navigateTo(nav)\n},'
+    },
+    verify: "tests/mp-transform.test.ts \u5BFC\u822A\u94FE\u63A5\u7528\u4F8B\uFF1B\u771F\u673A\u9A8C\u8BC1\u5F52\u6863 #30",
+    source: "src/compiler/script.ts \u2192 transformScriptToPage\uFF08usesNavigate \u5206\u652F\uFF09",
+    decision: "#24 / #28 / #29 / #30"
+  },
+  {
+    id: "page/scroll-bridge",
+    phase: "script",
+    status: "implemented",
+    title: "\u9875\u9762\u6EDA\u52A8 API \u6865\u63A5\uFF0815-page-scroll-container\uFF1ASkyline \u9875\u9762\u4E0D\u6EDA\u52A8\uFF0C\u9875\u9762\u94A9\u5B50\u9760 scroll-view \u4E8B\u4EF6\u89E6\u53D1\uFF09",
+    description: "\u9875\u9762\u58F0\u660E onPageScroll/onReachBottom/onPullDownRefresh \u65F6\uFF1A\u81EA\u52A8\u5305\u88C5 scroll-view \u7ED1\u5B9A\u5BF9\u5E94\u4E8B\u4EF6\uFF08template \u4FA7\uFF09+ \u751F\u6210\u6865\u63A5\u65B9\u6CD5\uFF08\u8F7D\u8377\u5F52\u4E00\uFF1Ascroll-view e.detail.scrollTop \u2192 onPageScroll { scrollTop }\uFF09\uFF1B\u624B\u52A8 scroll-view \u573A\u666F\u7F16\u8BD1\u671F\u6B67\u4E49\u8B66\u544A",
+    why: "Skyline \u9875\u9762\u672C\u8EAB\u4E0D\u6EDA\u52A8\uFF08\u6EDA\u52A8\u5FC5\u987B scroll-view\uFF09\u2014\u2014\u9875\u9762\u7EA7\u6EDA\u52A8\u94A9\u5B50\u4E0D\u4F1A\u88AB\u89E6\u53D1\uFF1B\u6865\u63A5\u540E onPageScroll/onReachBottom/onPullDownRefresh \u8BED\u4E49\u4FDD\u7559\uFF08\u4E0E Web \u7AEF\u4E00\u81F4\uFF09",
+    when: "\u9875\u9762\uFF08\u975E\u7EC4\u4EF6\uFF09\u6A21\u5F0F + \u58F0\u660E\u6EDA\u52A8\u751F\u547D\u5468\u671F + \u81EA\u52A8\u5305\u6EDA\u52A8\u5BB9\u5668\uFF08rules.disabled \u53EF\u5173\uFF09",
+    example: { before: "function onPageScroll(e) { \u2026 }", after: '\u81EA\u52A8\u5305\u88C5 scroll-view bindscroll="proteusPageScroll" + proteusPageScroll(e) \u8F7D\u8377\u5F52\u4E00\u8C03\u7528 onPageScroll' },
+    verify: "tests/mp-transform.test.ts \u9875\u9762\u6EDA\u52A8\u6865\u63A5\u7528\u4F8B",
+    source: "packages/compiler/src/{template,script}.ts\uFF08pageScrollHooks + proteusPageScroll \u7B49\uFF09",
+    decision: "2026-08 \u771F\u673A\u5B9E\u6D4B\uFF0815-page-scroll-container\uFF09"
+  },
+  {
+    id: "script/onload-params",
+    phase: "script",
+    status: "implemented",
+    title: "\u9ED8\u8BA4 onLoad \u53C2\u6570\u81EA\u52A8 decode",
+    description: "\u65E0\u663E\u5F0F onLoad \u65F6\u6CE8\u5165\u9ED8\u8BA4\u5B9E\u73B0\uFF1A\u904D\u5386 options \u2192 decodeURIComponent \u2192 \u7ED3\u6784\u5316\u503C\uFF08{/[ \u5F00\u5934\uFF09JSON.parse \u2192 setData",
+    why: '\u8DEF\u7531\u53C2\u6570\u7ECF query \u4F20\u9012\uFF0C\u9875\u9762\u9700\u8FD8\u539F\u4E3A\u539F\u59CB\u7C7B\u578B\uFF08\u51B3\u7B56 #19\uFF1A\u4EC5\u5BF9\u7ED3\u6784\u5316\u503C JSON.parse\uFF0C\u666E\u901A\u6807\u91CF\u4FDD\u6301\u5B57\u7B26\u4E32\u2014\u2014\u5BF9\u9F50 P3 \u5951\u7EA6 options.id === "1"\uFF09',
+    when: "script \u65E0\u663E\u5F0F onLoad \u65F6\uFF08\u6709\u663E\u5F0F onLoad \u5219\u900F\u4F20\uFF09",
+    example: {
+      before: "\uFF08\u65E0 onLoad\uFF09",
+      after: "onLoad(options) {\n  const params = {}\n  const keys = Object.keys(options || {})\n  for (let i = 0; i < keys.length; i++) {\n    ...\n  }\n  this.setData(params)\n},"
+    },
+    verify: "tests/runtime.test.ts \u53C2\u6570 decode \u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 transformScriptToPage\uFF08onLoad \u5206\u652F\uFF09",
+    decision: "#19 / #32\uFF08ES5 \u5B89\u5168\uFF1A\u7D22\u5F15\u5FAA\u73AF Object.keys\uFF09"
+  },
+  {
+    id: "script/component-mode",
+    phase: "script",
+    status: "implemented",
+    title: "\u7EC4\u4EF6\u6A21\u5F0F \u2192 Component() \u6784\u9020\u5668",
+    description: "isComponent=true\uFF08components \u76EE\u5F55\u4E0B\uFF09\u2192 Component({ data, methods, ... })\uFF0C\u9875\u9762 \u2192 Page({ ... })",
+    why: "\u5C0F\u7A0B\u5E8F\u9875\u9762\u7528 Page()\uFF0C\u7EC4\u4EF6\u7528 Component()\uFF08\u4E0D\u540C\u6784\u9020\u5668\u5F62\u6001\uFF0CisComponent \u5206\u652F\u5DF2\u5728 compiler/index.ts \u900F\u4F20\uFF09",
+    when: "\u6587\u4EF6\u8DEF\u5F84\u5305\u542B components/ \u76EE\u5F55\u65F6",
+    example: { before: "\uFF08\u7EC4\u4EF6 SFC\uFF09", after: "Component({ data: {...}, ... })" },
+    verify: "tests/mp-transform.test.ts \u7EC4\u4EF6\u5F62\u6001\u7528\u4F8B",
+    source: "src/compiler/script.ts \u2192 transformScriptToPage\uFF08isComponent \u5206\u652F\uFF09"
+  },
+  {
+    id: "script/es5-safe",
+    phase: "script",
+    status: "implemented",
+    title: "\u751F\u6210\u4EE3\u7801 ES5 \u5B89\u5168",
+    description: "\u4EA7\u7269\u89C4\u907F ?? / ?. / \u6570\u7EC4\u89E3\u6784 / \u5BF9\u8C61\u5C55\u5F00\uFF08\u663E\u5F0F null \u68C0\u67E5\u4E09\u5143\u3001\u7D22\u5F15\u5FAA\u73AF Object.keys\u3001\u76F4\u63A5\u5C5E\u6027\u8D4B\u503C\uFF09",
+    why: "\u5FAE\u4FE1\u5F00\u53D1\u8005\u5DE5\u5177\u5C06\u9875\u9762 JS \u8F6C ES5 \u65F6\u4F9D\u8D56 babel helper \u6A21\u5757\uFF0Chelper \u4E0D\u5728\u5305\u5185\u4F1A\u62A5\u9519\uFF08#32\uFF1AarrayWithHoles \u672A\u5B9A\u4E49\uFF09\uFF1B\u771F\u673A\u9884\u89C8\u76F4\u63A5\u62A5 ?? \u8BED\u6CD5\u9519\u8BEF\uFF08#36\uFF09",
+    when: "\u6240\u6709\u751F\u6210\u7684 JS \u4EA7\u7269\uFF08\u65B9\u6CD5\u4F53 / onLoad / \u81EA\u52A8 handler\uFF09",
+    example: {
+      before: "// \u7981\u6B62\u51FA\u73B0\u5728\u4EA7\u7269\u4E2D\nconst [a, b] = arr\nconst v = x ?? 0",
+      after: "// \u4EA7\u7269\u5B9E\u9645\u5F62\u6001\nconst a = arr[0], b = arr[1]\nconst v = (x === undefined || x === null ? 0 : x)"
+    },
+    verify: "grep \u626B\u63CF\u4EA7\u7269\u96F6\u6B8B\u7559\uFF08\u51B3\u7B56 #36 \u9A8C\u8BC1\u65B9\u5F0F\uFF09",
+    source: "src/compiler/script.ts \u5404\u5904\uFF08numOrZero / onLoad \u5B9E\u73B0 / nav handler\uFF09",
+    decision: "#32 / #36"
+  },
+  {
+    id: "script/provide-inject",
+    phase: "script",
+    status: "implemented",
+    title: "provide/inject \u2192 getApp().__proteusProvides \u5168\u5C40\u6CE8\u518C\u8868\u6865\uFF08vue-compat-advance Batch 3/4\uFF09",
+    description: '\u9876\u5C42 provide("key", expr) / const x = inject("key"[, default]) \u7F16\u8BD1\u4E3A\u6CE8\u518C\u8868\u8BFB\u5199\uFF1A\u9875\u9762 onLoad \u5355\u51FD\u6570\u5408\u5E76\u5757\uFF08pageId \u547D\u540D\u7A7A\u95F4\u89E3\u6790\u4E00\u6B21 + provide \u6CE8\u518C + inject setData\uFF09\uFF1B\u7EC4\u4EF6 provide \u653E created\uFF08\u5148\u4E8E\u5B50\u7EC4\u4EF6 attached \u6CE8\u5165\uFF09\u3001inject \u653E attached\uFF1Bprovide \u503C\u8868\u8FBE\u5F0F\u91CD\u5199\u88F8 ref \u540D / ref.value \u2192 this.data.<name>\uFF1Binject \u652F\u6301\u9ED8\u8BA4\u503C\uFF08undefined \u65F6\u53D6\u9ED8\u8BA4\uFF09\uFF1B\u2605Batch 4 \u54CD\u5E94\u5F0F\u8054\u52A8\uFF1A\u88F8 ref \u63D0\u4F9B\uFF08provide("key", refName)\uFF09\u2192 ref \u5199\u5165\u70B9\u6CE8\u5165 proteusSyncProvide\uFF08\u540C\u6B65\u6CE8\u518C\u8868\u503C + \u901A\u77E5\u8BA2\u9605\u8005\uFF09\uFF0Cinject \u4FA7\u8BA2\u9605 __subs[key]\uFF08\u503C\u53D8\u5316 setData \u5237\u65B0\uFF09+ detached/onUnload \u53D6\u6D88\uFF1B\u2605Batch 6 \u9875\u9762\u7EA7\u9694\u79BB\uFF1A\u6CE8\u518C\u8868\u6309 pageId \u547D\u540D\u7A7A\u95F4\uFF08\u9875\u9762 onLoad __seq \u751F\u6210 + \u7EC4\u4EF6 getCurrentPages \u6808\u9876\u89E3\u6790\uFF0ConUnload \u5220\u9664\u547D\u540D\u7A7A\u95F4\u9632\u6CC4\u6F0F\uFF09\uFF1B.value/\u5B57\u9762\u91CF\u63D0\u4F9B\u4FDD\u6301\u9759\u6001\u5FEB\u7167\uFF08\u5BF9\u9F50 Vue \u8BED\u4E49\uFF1A\u4F20 ref \u8054\u52A8\u3001\u4F20\u503C\u5FEB\u7167\uFF09',
+    why: "\u5C0F\u7A0B\u5E8F\u7EC4\u4EF6\u6811\u65E0 provide/inject \u673A\u5236\uFF08\u51B3\u7B56 #117\uFF09\uFF1A\u5168\u5C40\u6CE8\u518C\u8868\u6865\u8BA9\u9875\u9762\u5411\u7EC4\u4EF6\u4F20\u503C\uFF08\u542B\u6DF1\u5C42\u5D4C\u5957\u7EC4\u4EF6\uFF09\uFF1BMVP \u503C\u5FEB\u7167\uFF08\u975E\u54CD\u5E94\u5F0F\u8054\u52A8\uFF09+ \u5168\u5C40\u6CE8\u518C\u8868\uFF08\u91CD\u540D key \u540E\u5199\u8986\u76D6\uFF09\uFF0C\u9875\u9762\u7EA7\u9694\u79BB/\u54CD\u5E94\u5F0F\u4E3A\u540E\u7EED",
+    when: 'script \u9876\u5C42\u51FA\u73B0 provide("key", value) \u8C03\u7528\u6216 const x = inject("key")\uFF08\u4EC5\u96F6\u7F29\u8FDB\u5355\u884C\uFF1Bprovide \u503C\u652F\u6301\u5B57\u9762\u91CF/\u88F8 ref/ref.value\uFF09',
+    example: {
+      before: 'provide("user", userInfo)\nconst theme = inject("theme", "light")',
+      after: 'onLoad: const provides = (getApp().__proteusProvides || (getApp().__proteusProvides = {})); provides["user"] = this.data.userInfo; if (!provides.__subs) provides.__subs = {}; ...; this.setData({ theme: (provides["theme"] === undefined ? "light" : provides["theme"]) })\uFF1BuserInfo \u5199\u5165\u70B9\u8FFD\u52A0 this.proteusSyncProvide("user", "userInfo")\uFF08\u901A\u77E5\u8BA2\u9605\u8005 setData \u5237\u65B0\uFF09'
+    },
+    verify: "tests/vue-compat-advance.test.ts Batch 3/4 \u7528\u4F8B",
+    source: "packages/compiler/src/script.ts \u2192 extractProvideInject + buildProvideInject + rewriteRefAccess\uFF08\u5199\u5165\u70B9\u6CE8\u5165\uFF09+ transformScriptToPage\uFF08created/attached/onLoad \u6CE8\u5165\u70B9 + proteusSyncProvide/proteusUnsubscribeProvide \u751F\u6210\uFF09",
+    decision: "#117"
+  }
+];
+
+// src/transforms/style.ts
+var STYLE_RULES = [
+  {
+    id: "style/px-to-rpx",
+    phase: "style",
+    status: "implemented",
+    title: "px \u2192 rpx\uFF08\u4EC5 MP \u7AEF\u7F16\u8BD1\u671F\u751F\u6548\uFF09",
+    description: "CSS \u6570\u503C px \u2192 rpx\uFF08rpxRatio \u9ED8\u8BA4 2\uFF1A48px \u2192 96rpx\uFF09\uFF1BWeb \u7AEF\u6C38\u4E0D\u8F6C\u6362\uFF08Vite \u539F\u751F\u5904\u7406\uFF09",
+    why: "\u5C0F\u7A0B\u5E8F rpx \u662F\u5C4F\u5E55\u7B49\u6BD4\u5355\u4F4D\uFF08750 \u8BBE\u8BA1\u7A3F\uFF09\uFF0C\u8DE8\u7AEF CSS \u4E00\u81F4\u6027\u7684\u7F16\u8BD1\u671F\u5438\u6536\uFF08\u51B3\u7B56 #9\uFF1AMP \u7AEF px\u2192rpx\uFF0CWeb \u7AEF\u4FDD\u6301\u6807\u51C6 CSS\uFF09",
+    when: "style \u4E2D\u51FA\u73B0\u6570\u503C px\uFF08style.px2rpx=true\uFF09\u65F6",
+    example: { before: "padding: 48px;", after: "padding: 96rpx;" },
+    verify: "tests/mp-transform.test.ts px\u2192rpx \u7528\u4F8B",
+    source: "src/compiler/style.ts \u2192 transformStyleToWxss\uFF08px2rpx \u5206\u652F\uFF09",
+    decision: "#9",
+    // ★分派层：AI 覆盖此实现（如改换算公式/单位映射）→ 编译输出即时变化，无需改 style.ts
+    apply: (ctx) => {
+      const input = ctx.input;
+      const ratio = Number(ctx.options?.rpxRatio ?? 2);
+      ctx.output = input.replace(/(\d+(?:\.\d+)?)px\b/g, (_m, n) => `${Number(n) * ratio}rpx`);
+    }
+  },
+  {
+    id: "style/selector-tag",
+    phase: "style",
+    status: "implemented",
+    title: "\u9009\u62E9\u5668 HTML \u6807\u7B7E \u2192 \u5C0F\u7A0B\u5E8F\u6807\u7B7E",
+    description: "\u9009\u62E9\u5668\u4E2D\u7684\u6807\u7B7E\u540D\u91CD\u5199\u4E3A\u5C0F\u7A0B\u5E8F\u6807\u7B7E\uFF08.links a \u2192 .links view\u3001div > p \u2192 view > .proteus-p\uFF09\uFF1B\u5C5E\u6027\u9009\u62E9\u5668/\u7C7B\u540D/ID/\u957F\u6807\u8BC6\u7B26\u4E0D\u8BEF\u4F24",
+    why: "\u6A21\u677F\u5DF2\u628A div/a/h1 \u7B49\u6620\u5C04\u4E3A view/text\uFF0C\u82E5\u6837\u5F0F\u9009\u62E9\u5668\u4E0D\u91CD\u5199\u5219\u5339\u914D\u4E0D\u5230\u5143\u7D20\uFF08\u51B3\u7B56 #57 \u4FEE\u590D\u7684 bug\uFF09\uFF1B\u547D\u4E2D\u6761\u4EF6=\u6807\u7B7E\u4F4D\u4E8E\u9009\u62E9\u5668\u8D77\u59CB\u6216\u7EC4\u5408\u5668\u4E4B\u540E\uFF0C\u907F\u514D .a/#input/tag-a \u8BEF\u4F24",
+    when: "style \u9009\u62E9\u5668\u4E2D\u542B TAG_MAP \u4E2D\u7684\u6807\u7B7E\u540D\u65F6",
+    example: { before: ".links a { color: #1a7af8; }", after: ".links .proteus-a { color: #1a7af8; }" },
+    verify: "tests/mp-transform.test.ts \u9009\u62E9\u5668\u91CD\u5199\u7528\u4F8B\uFF1B\u4EA7\u7269\u9A8C\u8BC1 .links a \u2192 .links view \u5BF9\u9F50 wxml\uFF08\u51B3\u7B56 #57\uFF09",
+    source: "src/compiler/style.ts \u2192 rewriteTagSelectors + TAG_SELECTOR_RE",
+    decision: "#57",
+    mapping: { ...TAG_MAP }
+  },
+  {
+    id: "style/selector-semantic",
+    phase: "style",
+    status: "implemented",
+    title: "\u8BED\u4E49\u6807\u7B7E\u9009\u62E9\u5668 \u2192 proteus-* \u7C7B\u9009\u62E9\u5668",
+    description: "h1-h6/p/a \u9009\u62E9\u5668\u6620\u5C04\u4E3A\u57FA\u7840\u7C7B\u9009\u62E9\u5668\uFF08.card h3 \u2192 .card .proteus-h3\u3001.links a \u2192 .links .proteus-a\uFF09\uFF0C\u800C\u975E\u6807\u7B7E",
+    why: "h3 \u4E0E p \u90FD\u6620\u5C04\u4E3A text\uFF0C\u82E5\u90FD\u6620\u5C04\u4E3A\u6807\u7B7E\uFF0C\u540C\u7279\u5F02\u6027\u89C4\u5219\u540E\u5199\u8986\u76D6\u5148\u5199\uFF08\u51B3\u7B56 #61 \u4FEE\u590D\uFF1A.card p \u7684 color \u66FE\u6C61\u67D3 h3\uFF09\uFF1B\u6A21\u677F\u4FA7\u5DF2\u9644\u52A0 proteus-* \u7C7B\u6545\u7CBE\u786E\u5339\u914D",
+    when: "\u9009\u62E9\u5668\u4E2D\u542B h1-h6/p/a \u6807\u7B7E\u65F6",
+    example: { before: ".card h3 { font-weight: 700; }", after: ".card .proteus-h3 { font-weight: 700; }" },
+    verify: "tests/mp-transform.test.ts \u9009\u62E9\u5668\u91CD\u5199\u7528\u4F8B\uFF08showcase.wxss \u4E24\u6761\u89C4\u5219\u72EC\u7ACB\uFF09",
+    source: "src/compiler/style.ts \u2192 rewriteTagSelectors\uFF08semantic \u5206\u652F\uFF09+ src/compiler/tags.ts SEMANTIC_CLASS",
+    decision: "#61",
+    mapping: { ...SEMANTIC_CLASS }
+  },
+  {
+    id: "style/semantic-base-wxss",
+    phase: "style",
+    status: "implemented",
+    title: "\u6CE8\u5165\u8BED\u4E49\u57FA\u7840 WXSS\uFF08h1-h6/p/a \u89C6\u89C9\u8FD8\u539F\uFF09",
+    description: "\u4EA7\u7269 WXSS \u5934\u90E8\u6CE8\u5165 .proteus-h1~h6/.proteus-p/.proteus-a \u57FA\u7840\u6837\u5F0F\uFF08\u5BF9\u9F50 HTML \u6807\u51C6\u9644\u5F55 D\uFF1A\u5B57\u53F7/\u5B57\u91CD/\u5355\u8FB9 em \u6BB5\u8DDD/\u94FE\u63A5\u8272\uFF09\uFF0C\u4F4D\u4E8E\u7528\u6237\u6837\u5F0F\u4E4B\u524D",
+    why: "Web \u6D4F\u89C8\u5668\u6709 UA \u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5C0F\u7A0B\u5E8F text/view \u6CA1\u6709\uFF1B\u6CE8\u5165\u57FA\u7840\u7C7B\u8FD8\u539F\u4E24\u7AEF\u89C6\u89C9\u4E00\u81F4\uFF08\u51B3\u7B56 #58\uFF09\uFF1Bmargin \u7528\u5355\u8FB9 bottom + em \u76F8\u5BF9\u81EA\u8EAB\u5B57\u53F7\u2014\u2014Skyline \u81EA\u7814\u5F15\u64CE\u4E0D\u6298\u53E0 margin\uFF0C\u5355\u8FB9 em \u4E0E Web \u6298\u53E0\u5728\u4E3B\u6D41\u7A0B\u7EC4\u5408\u4E0B\u89C6\u89C9\u4E00\u81F4\uFF08\u51B3\u7B56 #59\uFF09",
+    when: "\u6BCF\u6B21 style \u8F6C\u6362\uFF08\u4F5C\u4E3A\u4EA7\u7269\u524D\u7F00\uFF09",
+    example: {
+      before: "// \u6E90\u7801\u65E0\u6837\u5F0F\u65F6\u4EA7\u7269\u4ECD\u542B",
+      after: ".proteus-h1 { display: block; font-size: 64rpx; font-weight: 700; margin: 0 0 0.67em; }\n.proteus-p { display: block; margin: 0 0 1em; }\n.proteus-a { color: #1a7af8; text-decoration: underline; }"
+    },
+    verify: 'golden fixture showcase.wxss\uFF1B\u4EA7\u7269\u9A8C\u8BC1 <text class="proteus-h1"> + .proteus-h1\uFF08\u51B3\u7B56 #58\uFF09',
+    source: "src/compiler/style.ts \u2192 BASE_SEMANTIC_WXSS",
+    decision: "#58 / #59"
+  },
+  {
+    id: "style/default-scoped",
+    phase: "style",
+    status: "implemented",
+    title: "\u9ED8\u8BA4 scoped\uFF1A<style> \u65E0\u6807\u8BB0\u6309\u5C40\u90E8\u4F5C\u7528\u57DF\u5904\u7406\uFF08\u26052026-08 \u7528\u6237\u51B3\u7B56\uFF09",
+    description: "\u975E <style global> \u7684 style \u5757\u5747\u6309 scoped \u5904\u7406\uFF08\u7C7B\u540D\u540E\u7F00\u62FC\u63A5\uFF09\uFF1B<style> \u65E0 scoped/global \u6807\u8BB0\u65F6\u7F16\u8BD1\u671F\u8B66\u544A\uFF1B<style global>\uFF08Proteus \u6269\u5C55\uFF09\u663E\u5F0F\u5168\u5C40\uFF08\u4E0D\u4F5C\u7528\u57DF\u5316\uFF09\uFF1B\u540C\u6587\u4EF6 scoped+global \u5206\u7EC4\u8F93\u51FA\uFF08global \u5728\u524D\uFF09",
+    why: "Vue \u6807\u51C6 <style> \u4E3A\u5168\u5C40\u2014\u2014Web \u7AEF\u6CC4\u6F0F\u5230\u6240\u6709\u9875\u9762\uFF08\u771F\u673A\u5B9E\u6D4B\uFF1Aconfig-demo \u65E0 scoped \u7684\u7070\u8272\u80CC\u666F\u4E32\u5230\u5185\u7F6E\u7EC4\u4EF6\u6F14\u793A\u9875\uFF09\uFF1B\u7528\u6237\u51B3\u7B56\u9ED8\u8BA4\u5C40\u90E8\u66F4\u5B89\u5168\uFF08\u8DE8\u7AEF\u4E00\u81F4\uFF1AWeb \u7AEF vite \u63D2\u4EF6\u540C\u6B65\u6539\u5199 <style> \u2192 <style scoped>\uFF09",
+    when: "\u6BCF\u6B21 SFC \u7F16\u8BD1\uFF08style \u5757\u5904\u7406\uFF09",
+    example: { before: "<style>.box { color: red; }</style>", after: "\u6309 scoped \u5904\u7406\uFF08.box-data-v-x\uFF09+ \u8B66\u544A\u63D0\u793A\u5168\u5C40\u51FA\u53E3 <style global>" },
+    verify: "tests/mp-transform.test.ts \u9ED8\u8BA4 scoped \u7528\u4F8B",
+    source: "packages/compiler/src/index.ts \u2192 compileVueSfc\uFF08scopedStyles/globalStyles \u5206\u7EC4\uFF09",
+    decision: "2026-08 \u7528\u6237\u51B3\u7B56\uFF08\u9ED8\u8BA4 scoped\uFF09"
+  },
+  {
+    id: "style/skyline-unsupported",
+    phase: "style",
+    status: "implemented",
+    title: "Skyline \u4E0D\u652F\u6301\u5C5E\u6027\u7F16\u8BD1\u671F\u8B66\u544A",
+    description: "float\u3001position: fixed \u51FA\u73B0\u65F6\u7F16\u8BD1\u671F\u8B66\u544A\uFF08\u4E0D\u963B\u65AD\u6784\u5EFA\uFF09",
+    why: "Skyline \u81EA\u7814\u6E32\u67D3\u5F15\u64CE\u4E0D\u652F\u6301\u8FD9\u4E9B\u5E03\u5C40\u5C5E\u6027\uFF0C\u7F16\u8BD1\u671F\u8B66\u544A\u8BA9\u5F00\u53D1\u8005\u63D0\u524D\u77E5\u9053\uFF08\u53CD\u9ED1\u76D2\u539F\u5219\uFF1A\u8B66\u544A\u53EF\u89C1\u3001\u53EF\u7EDF\u8BA1\uFF09",
+    when: "WXSS \u4E2D\u51FA\u73B0 float: \u6216 position: fixed \u65F6",
+    example: { before: ".banner { position: fixed; }", after: "\u8B66\u544A\uFF1AWXSS \u68C0\u6D4B\u5230 Skyline \u4E0D\u652F\u6301\u7684\u5C5E\u6027\uFF1Aposition: fixed\uFF08\u7F16\u8BD1\u671F\u8B66\u544A\uFF09" },
+    verify: "tests/mp-transform.test.ts \u8B66\u544A\u7528\u4F8B",
+    source: "src/compiler/style.ts \u2192 transformStyleToWxss\uFF08unsupported \u5206\u652F\uFF09"
+  },
+  {
+    id: "style/scoped-css",
+    phase: "style",
+    status: "implemented",
+    title: "scoped CSS\uFF1A\u9009\u62E9\u5668\u7C7B\u540D\u540E\u7F00\u62FC\u63A5\uFF08\u26052026-08 \u771F\u673A\u91CD\u6784\uFF1A\u5355\u7C7B\u9009\u62E9\u5668\uFF09",
+    description: "<style scoped> \u5B58\u5728\u65F6\uFF1A\u9009\u62E9\u5668\u5185\u6BCF\u4E2A\u7C7B token \u8FFD\u52A0 -scopeId\uFF08.box \u2192 .box-data-v-xxx \u5355\u4E00\u7C7B\u9009\u62E9\u5668\uFF09\uFF1B:deep(X) \u53BB\u5305\u88C5\u540E\u7EDF\u4E00\u540E\u7F00\uFF1B@keyframes \u5E27/\u4F2A\u7C7B\u4F2A\u5143\u7D20/@\u89C4\u5219\u4E0D\u5904\u7406\uFF1B\u9017\u53F7\u5217\u8868\u9010\u6761",
+    why: "\u5C0F\u7A0B\u5E8F\u65E0 scoped CSS \u539F\u751F\u673A\u5236\uFF0C\u7F16\u8BD1\u671F\u7C7B\u540D\u540E\u7F00\u7B49\u4EF7\uFF08v0.3\uFF0C\u51B3\u7B56 #77\uFF09\uFF1B\u26052026-08 \u771F\u673A\u91CD\u6784\uFF1ASkyline glass-easel \u4E0D\u652F\u6301\u5C5E\u6027\u9009\u62E9\u5668 [data-v]\uFF08f48460c \u6539 class \u590D\u5408\u4ECD\u4E0D\u5339\u914D\u2014\u2014.a.b \u590D\u5408\u7C7B\u9009\u62E9\u5668\u4E5F\u9759\u9ED8\u4E22\u5F03\uFF0C\u7EC4\u4EF6\u81EA\u8EAB wxss \u5339\u914D\u81EA\u8EAB\u6839\u8282\u70B9\u90FD\u5931\u6548\uFF09\u2192 \u7C7B\u540D\u540E\u7F00\u662F\u552F\u4E00 Skyline \u786E\u5B9A\u652F\u6301\u7684\u8DEF\u5F84\uFF08\u5355\u7C7B\u9009\u62E9\u5668 \u2713\uFF09",
+    when: "SFC \u542B <style scoped> \u4E14\u89C4\u5219\u672A\u88AB\u7981\u7528\u65F6",
+    example: { before: ".card { color: red; }", after: ".card-data-v-abc123 { color: red; }" },
+    verify: "tests/mp-transform.test.ts scoped CSS \u7528\u4F8B",
+    source: "packages/compiler/src/style.ts \u2192 transformStyleToWxss\uFF08scopeId \u5206\u652F\uFF09",
+    decision: "#77\uFF08v0.3 scoped CSS\uFF09+ 2026-08 Skyline \u771F\u673A\u91CD\u6784\uFF08\u7C7B\u540D\u540E\u7F00\uFF09"
+  },
+  {
+    id: "transition/animation-wxss",
+    phase: "style",
+    status: "implemented",
+    title: "<transition> \u8FDB\u5165\u52A8\u753B keyframes \u6CE8\u5165",
+    description: "wxss \u5C3E\u90E8\u6CE8\u5165 proteus-transition-* \u8FDB\u5165\u52A8\u753B\uFF08fade/slide-up/scale keyframes\uFF09\u2014\u2014\u914D\u5408\u6A21\u677F\u4FA7 transition \u88C5\u9970 class",
+    why: "vue-compat-advance Batch 2\uFF08\u51B3\u7B56 #117\uFF09\uFF1A<transition> \u8FDB\u5165\u52A8\u753B\u8FD0\u884C\u65F6\u7B49\u4EF7\uFF08\u5143\u7D20 wx:if \u91CD\u5EFA\u65F6 animation \u81EA\u52A8\u64AD\u653E\uFF09\uFF1B\u79BB\u5F00\u52A8\u753B MP \u65E0\u94A9\u5B50",
+    when: "\u4EFB\u4E00\u9875\u9762\u4F7F\u7528 <transition>\uFF08\u9ED8\u8BA4\u6CE8\u5165\uFF1Brules.disabled \u53EF\u5173\uFF09",
+    example: { before: '<transition name="fade">\u2026', after: "wxss \u542B .proteus-transition-fade + @keyframes proteus-fade-in" },
+    verify: "tests/vue-compat-advance.test.ts Transition \u7528\u4F8B",
+    source: "packages/compiler/src/style.ts \u2192 TRANSITION_WXSS \u6CE8\u5165",
+    decision: "#117"
+  }
+];
+
+// src/transforms/validate.ts
+var VALIDATE_RULES = [
+  {
+    id: "validate/js-syntax",
+    phase: "validate",
+    status: "implemented",
+    title: "JS \u4EA7\u7269\u8BED\u6CD5\u81EA\u6821\u9A8C",
+    description: "new Function(js) \u4EC5\u89E3\u6790\u4E0D\u6267\u884C\uFF0C\u8BED\u6CD5\u9519\u8BEF \u2192 \u6821\u9A8C\u5931\u8D25\u5E76\u643A\u5E26\u9519\u8BEF\u4FE1\u606F",
+    why: "\u53CD\u7F16\u8BD1\u9ED1\u76D2\u673A\u5236\uFF08\u51B3\u7B56 #17\uFF09\uFF1A\u574F\u4EA7\u7269\u5F53\u573A\u62A5\u9519\u6307\u660E\u6587\u4EF6\uFF0C\u7EDD\u4E0D\u9759\u9ED8\u8F93\u51FA\u4E0D\u53EF\u7528\u7684\u4EA7\u7269\uFF08\u5BF9\u6BD4 uni-app \u4EA7\u7269\u65E0\u6CD5\u5B9A\u4F4D\u95EE\u9898\uFF09",
+    when: "\u6BCF\u6B21\u6574\u5305\u7F16\u8BD1\u540E\uFF08assertValidResult \u5185\uFF09",
+    example: {
+      before: "// \u82E5\u4EA7\u7269 js \u542B\u8BED\u6CD5\u9519\u8BEF",
+      after: "CompilerError: [proteus-compiler] xxx.vue: js \u4EA7\u7269\u8BED\u6CD5\u9519\u8BEF\uFF1AUnexpected token ..."
+    },
+    verify: "tests/mp-transform.test.ts \u6821\u9A8C\u7528\u4F8B\uFF08\u6784\u9020\u574F\u4EA7\u7269\u65AD\u8A00\u629B\u9519\uFF09",
+    source: "src/compiler/validate.ts \u2192 validateJs",
+    decision: "#17"
+  },
+  {
+    id: "validate/wxml-pairing",
+    phase: "validate",
+    status: "implemented",
+    title: "WXML \u6807\u7B7E\u914D\u5BF9\u81EA\u6821\u9A8C",
+    description: "\u6808\u5F0F\u626B\u63CF WXML \u6807\u7B7E\u914D\u5BF9\uFF08\u5148\u5265\u79BB\u6CE8\u91CA\uFF0C\u907F\u514D\u884C\u53F7\u6CE8\u91CA\u5E72\u6270\uFF09\uFF0C\u672A\u95ED\u5408/\u9519\u914D \u2192 \u6821\u9A8C\u5931\u8D25",
+    why: "\u53CD\u7F16\u8BD1\u9ED1\u76D2\u673A\u5236\uFF08\u51B3\u7B56 #17\uFF09\uFF1A\u6A21\u677F\u8F6C\u6362\u51FA\u9519\u7684\u5E38\u89C1\u5F62\u6001\u5C31\u662F\u6807\u7B7E\u4E0D\u914D\u5BF9\uFF0C\u7F16\u8BD1\u671F\u62E6\u622A\u6BD4\u771F\u673A\u62A5\u9519\u597D\u5B9A\u4F4D",
+    when: "\u6BCF\u6B21\u6574\u5305\u7F16\u8BD1\u540E\uFF08assertValidResult \u5185\uFF09",
+    example: {
+      before: "// \u82E5\u4EA7\u7269 wxml \u6807\u7B7E\u4E0D\u914D\u5BF9",
+      after: "CompilerError: [proteus-compiler] xxx.vue: wxml \u4EA7\u7269\u7ED3\u6784\u9519\u8BEF\uFF1A</view> \u4E0E <text> \u4E0D\u5339\u914D\uFF08\u4F4D\u7F6E N\uFF09"
+    },
+    verify: "tests/mp-transform.test.ts \u6821\u9A8C\u7528\u4F8B",
+    source: "src/compiler/validate.ts \u2192 validateWxml",
+    decision: "#17"
+  },
+  {
+    id: "validate/compiler-error",
+    phase: "validate",
+    status: "implemented",
+    title: "\u574F\u4EA7\u7269\u629B CompilerError \u6307\u660E\u6587\u4EF6",
+    description: "\u6821\u9A8C\u5931\u8D25 \u2192 \u629B CompilerError\uFF08\u643A\u5E26\u6E90\u6587\u4EF6\u540D\uFF0C\u6D88\u606F\u542B [proteus-compiler] \u524D\u7F00\uFF09",
+    why: "\u53CD\u9ED1\u76D2\u673A\u5236\u7684\u7EDF\u4E00\u9519\u8BEF\u901A\u9053\uFF1AAI/\u5F00\u53D1\u8005\u62FF\u5230\u9519\u8BEF\u5373\u53EF\u5B9A\u4F4D\u5230\u5177\u4F53\u6587\u4EF6\uFF08\u9519\u8BEF = \u53EF\u64CD\u4F5C\u7684\u53CD\u9988\uFF0C\u800C\u975E\u9ED1\u76D2\u5931\u8D25\uFF09",
+    when: "js \u6216 wxml \u6821\u9A8C\u4E0D\u901A\u8FC7\u65F6",
+    example: {
+      before: "// \u9759\u9ED8\u8F93\u51FA\u574F\u4EA7\u7269\uFF08\u53CD\u6A21\u5F0F\uFF09",
+      after: "throw new CompilerError(filename, message)"
+    },
+    verify: "tests/mp-transform.test.ts \u6821\u9A8C\u7528\u4F8B",
+    source: "src/compiler/validate.ts \u2192 CompilerError + assertValidResult",
+    decision: "#17"
+  }
+];
+
+// src/transforms/registry.ts
+var TRANSFORM_RULES = [
+  ...TEMPLATE_RULES,
+  ...SCRIPT_RULES,
+  ...STYLE_RULES,
+  ...VALIDATE_RULES
+];
+var byId = new Map(TRANSFORM_RULES.map((r) => [r.id, r]));
+function listTransformRules(phase) {
+  return phase ? TRANSFORM_RULES.filter((r) => r.phase === phase) : [...TRANSFORM_RULES];
+}
+function getTransformRule(id) {
+  return byId.get(id);
+}
+function formatTransformRule(rule) {
+  const lines = [
+    `## ${rule.id}\uFF08${rule.phase}\uFF09`,
+    `**${rule.title}** \`[${rule.status}]\``,
+    `- \u8F93\u5165 \u2192 \u8F93\u51FA\uFF1A${rule.description}`,
+    `- \u4E3A\u4EC0\u4E48\uFF1A${rule.why}`,
+    `- \u89E6\u53D1\u6761\u4EF6\uFF1A${rule.when}`,
+    `- \u793A\u4F8B\uFF1A`,
+    `  - \u6E90\u7801\uFF1A\`${rule.example.before}\``,
+    `  - \u4EA7\u7269\uFF1A\`${rule.example.after}\``,
+    `- \u5982\u4F55\u9A8C\u8BC1\uFF1A${rule.verify}`,
+    `- \u5B9E\u73B0\u4F4D\u7F6E\uFF1A${rule.source}`
+  ];
+  if (rule.decision) lines.push(`- \u51B3\u7B56\uFF1A${rule.decision}`);
+  return lines.join("\n");
+}
+function formatTransformCatalog() {
+  const phases = ["template", "script", "style", "validate"];
+  const blocks = phases.map((phase) => {
+    const rules = listTransformRules(phase);
+    const items = rules.map((r) => `- \`${r.id}\` \`[${r.status}]\` ${r.title}${r.apply ? "\uFF08\u5DF2\u5206\u6D3E apply\uFF09" : ""}`).join("\n");
+    return `### ${phase} \u9636\u6BB5\uFF08${rules.length} \u6761\u89C4\u5219\uFF09
+
+${items}`;
+  });
+  return blocks.join("\n\n");
+}
+function executeRule(id, ctx) {
+  const rule = byId.get(id);
+  if (!rule) {
+    throw new Error(`[proteus] executeRule \u672A\u77E5\u89C4\u5219 ID: ${id}`);
+  }
+  if (!rule.apply) {
+    throw new Error(`[proteus] \u89C4\u5219 ${id} \u672A\u767B\u8BB0 apply()\uFF08\u63CF\u8FF0\u5C42\u89C4\u5219\uFF1B\u5B9E\u73B0\u89C1 ${rule.source}\u2014\u2014AI \u53EF\u767B\u8BB0 apply \u540E\u7ECF\u5206\u6D3E\u5C42\u751F\u6548\uFF09`);
+  }
+  rule.apply(ctx);
+}
+
+// src/overrides.ts
+function resolveOverrides(options) {
+  const tagMap = { ...TAG_MAP };
+  const eventMap = { ...EVENT_MAP };
+  const semanticClass = { ...SEMANTIC_CLASS };
+  const disabled = new Set(options?.disabled ?? []);
+  for (const [ruleId, patch] of Object.entries(options?.mapping ?? {})) {
+    const rule = getTransformRule(ruleId);
+    if (!rule) {
+      console.warn(`[proteus] \u89C4\u5219\u8986\u76D6\u5F15\u7528\u4E86\u672A\u6CE8\u518C\u7684\u89C4\u5219 ID\uFF1A${ruleId}\uFF08\u5DF2\u5FFD\u7565\uFF0C\u53EF\u7528 listTransformRules() \u67E5\u770B\u5408\u6CD5 ID\uFF09`);
+      continue;
+    }
+    if (rule.id.startsWith("tag/")) Object.assign(tagMap, patch);
+    else if (rule.id === "event/click-to-tap") Object.assign(eventMap, patch);
+    else if (rule.id === "semantic/base-class") Object.assign(semanticClass, patch);
+    else console.warn(`[proteus] \u89C4\u5219 ${ruleId} \u4E0D\u652F\u6301 mapping \u8986\u76D6\uFF08\u4EC5 tag/* / event/click-to-tap / semantic/base-class\uFF09`);
+  }
+  Object.assign(tagMap, options?.customTags);
+  for (const id of disabled) {
+    if (!getTransformRule(id)) console.warn(`[proteus] \u89C4\u5219\u8986\u76D6\u7981\u7528\u4E86\u672A\u6CE8\u518C\u7684\u89C4\u5219 ID\uFF1A${id}\uFF08\u5DF2\u5FFD\u7565\uFF09`);
+  }
+  return { tagMap, eventMap, semanticClass, disabled };
+}
+
+// src/template.ts
+function escapeXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function kebabCase(s) {
+  return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function camelToKebab(s) {
+  return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function suffixClassValue(value, scopeId) {
+  return value.split(/\s+/).filter(Boolean).map((n) => n.endsWith(`-${scopeId}`) ? n : `${n}-${scopeId}`).join(" ");
+}
+function suffixClassName(name, scopeId) {
+  if (!scopeId) return name;
+  return name.endsWith(`-${scopeId}`) ? name : `${name}-${scopeId}`;
+}
+var NATIVE_TAGS = /* @__PURE__ */ new Set([
+  "view",
+  "scroll-view",
+  "swiper",
+  "swiper-item",
+  "movable-view",
+  "movable-area",
+  "cover-view",
+  "cover-image",
+  "icon",
+  "text",
+  "rich-text",
+  "progress",
+  "button",
+  "checkbox",
+  "checkbox-group",
+  "form",
+  "input",
+  "label",
+  "picker",
+  "picker-view",
+  "picker-view-column",
+  "radio",
+  "radio-group",
+  "slider",
+  "switch",
+  "textarea",
+  "navigator",
+  "image",
+  "video",
+  "camera",
+  "live-player",
+  "live-pusher",
+  "map",
+  "canvas",
+  "web-view",
+  "ad",
+  "official-account",
+  "open-data",
+  "slot",
+  "block",
+  "template",
+  "match-media",
+  "page-container",
+  "share-element",
+  "sticky-header",
+  "sticky-section",
+  "root-portal",
+  "channel-live",
+  "channel-video",
+  "list",
+  "grid",
+  "cell",
+  "cell-group",
+  "waterflow"
+]);
+var INLINE_CONTROL_TAGS = /* @__PURE__ */ new Set([
+  "switch",
+  "slider",
+  "icon",
+  "image",
+  "button",
+  "input",
+  "textarea",
+  "checkbox",
+  "radio",
+  "label",
+  "navigator",
+  "progress"
+]);
+function stripTypeAssertions(expr) {
+  let out = expr.trim();
+  for (let i = 0; i < 5; i++) {
+    let changed = false;
+    out = out.replace(/\(\s*([^()]*?)\s+as\s+[A-Za-z_$][\w$.]*(\[\])?\s*\)/g, (_m, inner) => {
+      changed = true;
+      return inner;
+    });
+    out = out.replace(/\s+as\s+[A-Za-z_$][\w$.]*(\[\])?\s*$/g, () => {
+      changed = true;
+      return "";
+    });
+    if (!changed) break;
+  }
+  return out.trim();
+}
+function exprContent(exp) {
+  let out = "";
+  if (exp == null) return "";
+  if (typeof exp === "string") {
+    out = exp;
+  } else {
+    const node = exp;
+    if (node.type === NodeTypes.SIMPLE_EXPRESSION) {
+      out = typeof node.content === "string" ? node.content : "";
+    } else if (node.type === NodeTypes.INTERPOLATION) {
+      out = exprContent(node.content);
+    } else if (node.type === NodeTypes.COMPOUND_EXPRESSION || Array.isArray(node.children)) {
+      out = node.children.map((c) => exprContent(c)).join("");
+    } else if (node.type === NodeTypes.TEXT) {
+      out = typeof node.content === "string" ? node.content : "";
+    }
+  }
+  return stripTypeAssertions(out);
+}
+function parseForExpr(exp) {
+  const m = exp.trim().match(/^\(?\s*([\w$]+)\s*(?:,\s*([\w$]+))?\s*\)?\s+(?:in|of)\s+(.+)$/);
+  if (!m) return { list: exp };
+  return { list: m[3].trim(), item: m[1], index: m[2] };
+}
+function cleanHandler(exp, warnings) {
+  const t = exp.trim();
+  if (/^[\w$]+$/.test(t)) return t;
+  const m = t.match(/^([\w$]+)\(\$event\)$/);
+  if (m) return m[1];
+  warnings.push(`\u4E8B\u4EF6\u5904\u7406\u5668 "${t}" \u4E0D\u662F\u7B80\u5355\u65B9\u6CD5\u5F15\u7528\uFF08MVP \u4EC5\u652F\u6301\u65B9\u6CD5\u540D\uFF09\uFF0C\u5DF2\u539F\u6837\u8F93\u51FA`);
+  return t;
+}
+function formatClassBinding(exp, warnings, scopeId = "") {
+  const t = exp.trim();
+  const sfx = (name) => scopeId && !name.endsWith(`-${scopeId}`) ? `${name}-${scopeId}` : name;
+  const sfxExpr = (e) => scopeId ? e.replace(/'([^']*)'/g, (_m, s) => `'${sfx(s)}'`) : e;
+  const dynWarn = (name) => {
+    if (scopeId) warnings.push(`:class \u52A8\u6001\u7C7B\u540D "${name}" \u65E0\u6CD5 scoped \u540E\u7F00\uFF08MP \u5355\u7C7B\u9009\u62E9\u5668\u673A\u5236\uFF09\uFF0C\u8BE5\u52A8\u6001\u7C7B\u5728\u5C0F\u7A0B\u5E8F\u65E0 scoped \u6837\u5F0F\u5339\u914D\uFF08Web \u7AEF\u6B63\u5E38\uFF09`);
+  };
+  if (t.startsWith("{")) {
+    const parts = [];
+    const re = /(['"]?)([\w-]+)\1\s*:\s*([^,}]+)/g;
+    let m;
+    while (m = re.exec(t)) parts.push(`(${m[3].trim()}?'${sfx(m[2])} ':'')`);
+    if (parts.length) return `{{${parts.join("+")}}}`;
+  }
+  if (t.startsWith("[")) {
+    const items = splitTopLevel(t.slice(1, -1));
+    const parts = [];
+    for (const item of items) {
+      const i = item.trim();
+      if (!i) continue;
+      const str = i.match(/^(['"])([^'"]*)\1$/);
+      if (str) {
+        parts.push(`'${sfx(str[2])} '`);
+        continue;
+      }
+      if (i.startsWith("{")) {
+        const inner = i.slice(1, -1);
+        const shorthand = inner.trim().match(/^([\w$]+)$/);
+        if (shorthand) {
+          parts.push(`(${shorthand[1]}?'${sfx(shorthand[1])} ':'')`);
+          continue;
+        }
+        const re = /(['"]?)([\w-]+)\1\s*:\s*([^,}]+)/g;
+        let m;
+        let ok = false;
+        while (m = re.exec(inner)) {
+          parts.push(`(${m[3].trim()}?'${sfx(m[2])} ':'')`);
+          ok = true;
+        }
+        if (ok) continue;
+      }
+      if (/^[\w$.]+(?:\s*\?\s*[^:]+:.+)?$/.test(i)) {
+        if (scopeId && /^[\w$.]+$/.test(i)) dynWarn(i);
+        parts.push(`((${sfxExpr(i)})?(${sfxExpr(i)})+' ':'')`);
+        continue;
+      }
+      warnings.push(`:class \u6570\u7EC4\u9879 "${i}" \u6682\u4E0D\u652F\u6301\uFF08MVP\uFF1A\u4EC5\u5B57\u7B26\u4E32/\u5BF9\u8C61/\u7B80\u5355\u53D8\u91CF/\u4E09\u5143\uFF09\uFF0C\u5DF2\u8DF3\u8FC7`);
+    }
+    if (parts.length) return `{{${parts.join("+")}}}`;
+  }
+  if (/^[\w$.]+$/.test(t)) dynWarn(t);
+  return `{{${sfxExpr(t)}}}`;
+}
+function splitTopLevel(expr) {
+  const parts = [];
+  let depth = 0;
+  let quote = null;
+  let cur = "";
+  for (let i = 0; i < expr.length; i++) {
+    const ch = expr[i];
+    if (quote) {
+      cur += ch;
+      if (ch === quote && expr[i - 1] !== "\\") quote = null;
+      continue;
+    }
+    if (ch === "'" || ch === '"' || ch === "`") {
+      quote = ch;
+      cur += ch;
+      continue;
+    }
+    if (ch === "(" || ch === "{" || ch === "[") {
+      depth++;
+      cur += ch;
+      continue;
+    }
+    if (ch === ")" || ch === "}" || ch === "]") {
+      depth--;
+      cur += ch;
+      continue;
+    }
+    if (ch === "," && depth === 0) {
+      parts.push(cur);
+      cur = "";
+      continue;
+    }
+    cur += ch;
+  }
+  if (cur.trim()) parts.push(cur);
+  return parts;
+}
+function formatStyleBinding(exp) {
+  const t = exp.trim();
+  if (t.startsWith("{")) {
+    const parts = [];
+    const re = /(['"]?)([\w-]+)\1\s*:\s*([^,}]+)/g;
+    let m;
+    while (m = re.exec(t)) parts.push(`${camelToKebab(m[2])}:{{${m[3].trim()}}}`);
+    if (parts.length) return parts.join(";");
+  }
+  return `{{${t}}}`;
+}
+function rewriteStoreRefs(expr, ctx) {
+  return expr.replace(/\bstore\.([A-Za-z_$][\w$]*)/g, (m, field) => {
+    ctx.storeBindings.add(field);
+    return field;
+  });
+}
+function tryInlineHandler(exp) {
+  const t = exp.trim();
+  let m = t.match(/^([\w$]+)\+\+$/) ?? t.match(/^\+\+([\w$]+)$/);
+  if (m) {
+    return {
+      name: `proteusInlineInc${capitalize(m[1])}`,
+      code: `this.setData({ ${m[1]}: this.data.${m[1]} + 1 })`
+    };
+  }
+  m = t.match(/^([\w$]+)--$/) ?? t.match(/^--([\w$]+)$/);
+  if (m) {
+    return {
+      name: `proteusInlineDec${capitalize(m[1])}`,
+      code: `this.setData({ ${m[1]}: this.data.${m[1]} - 1 })`
+    };
+  }
+  m = t.match(/^([\w$]+)\(([^()]*)\)$/);
+  if (m && /^[\w$,'"\s]*$/.test(m[2])) {
+    const key = m[2].replace(/\W/g, "") || "NoArgs";
+    return {
+      name: `proteusInline${capitalize(m[1])}${key}`,
+      code: `this.${m[1]}(${m[2]})`
+    };
+  }
+  m = t.match(/^store\.([A-Za-z_$][\w$]*)\s*\(([^()]*)\)$/);
+  if (m) {
+    const method = m[1];
+    const args = m[2].trim();
+    const key = args.replace(/[^A-Za-z0-9_$+-]/g, "").replace(/-/g, "Minus").replace(/\+/g, "Plus") || "NoArgs";
+    return {
+      name: `proteusStore${capitalize(method)}${key}`,
+      code: `this.store.${method}(${args.replace(/\bstore\./g, "this.store.")})`
+    };
+  }
+  return null;
+}
+function serializeProgress(node, ctx) {
+  const find = (name) => node.props.find(
+    (p2) => p2.type === NodeTypes.ATTRIBUTE ? p2.name === name : exprContent(p2.arg) === name
+  );
+  const staticVal = (name) => {
+    const a = find(name);
+    return a && a.type === NodeTypes.ATTRIBUTE && a.value ? a.value.content : void 0;
+  };
+  const bindVal = (name) => {
+    const d = find(name);
+    return d && d.type === NodeTypes.DIRECTIVE && d.exp ? exprContent(d.exp) : void 0;
+  };
+  const attr = (name) => ({ static: staticVal(name), bind: bindVal(name) });
+  const p = attr("percent");
+  const c = attr("active-color") || attr("color");
+  const sw = attr("stroke-width");
+  const percentInner = p.bind ?? p.static ?? "0";
+  const percentExpr = p.bind ? `{{${p.bind}}}` : p.static ?? "0";
+  const colorExpr = c.bind ? `{{${c.bind}}}` : c.static ?? "#07c160";
+  const swExpr = sw.bind ? `{{${sw.bind}}}` : sw.static ?? "6";
+  const widthStyle = p.bind ? `width:{{${p.bind}}}%` : `width:${p.static ?? 0}%`;
+  const colorStyle = c.bind ? `background-color:{{${c.bind}}}` : `background-color:${c.static ?? "#07c160"}`;
+  const si = find("show-info");
+  const showInfo = si ? si.type === NodeTypes.DIRECTIVE ? exprContent(si.exp) || "true" : "true" : "false";
+  ctx.trace?.add("component/progress-degrade", {
+    line: node.loc.start.line,
+    before: '<progress percent="70" show-info>',
+    after: "\u81EA\u5B9A\u4E49 view \u8FDB\u5EA6\u6761\uFF08Skyline \u4E0D\u652F\u6301\u539F\u751F progress\uFF0C16-progress-skyline-degrade\uFF09"
+  });
+  return `<view class="proteus-progress">
+  <view class="proteus-progress-track" style="height:${swExpr}px">
+    <view class="proteus-progress-inner" style="${widthStyle};${colorStyle}"></view>
+  </view>
+  ${showInfo === "false" ? "" : `<text wx:if="{{${showInfo}}}" class="proteus-progress-info">{{${percentInner}}}%</text>
+`}</view>`;
+}
+function serializeElement(node, ctx) {
+  if (node.tag === "component") {
+    ctx.warnings.push(
+      `<component :is> \u52A8\u6001\u7EC4\u4EF6\u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\uFF08\u4EA7\u7269\u4E3A\u65E0\u6548\u6807\u7B7E\uFF09\u2014\u2014\u8BF7\u7528 v-if/v-else \u6761\u4EF6\u6E32\u67D3\uFF08vue-compat Batch A\uFF09`
+    );
+    ctx.trace?.add("template/is-component", { line: node.loc.start.line, before: "<component :is>", after: "\uFF08\u65E0\u6548\u6807\u7B7E\uFF0C\u8BF7\u6761\u4EF6\u6E32\u67D3\uFF09" });
+  }
+  const isTransition = node.tag === "transition";
+  if (isTransition) {
+    const nameAttr = node.props.find((p) => p.type === NodeTypes.ATTRIBUTE && p.name === "name");
+    const tName = (nameAttr && nameAttr.value ? nameAttr.value.content : "fade") || "fade";
+    ctx.transitionClassName = `proteus-transition-${tName}`;
+    ctx.usesTransition = true;
+    ctx.transitionCtx = { ref: void 0, tName, index: -1 };
+    ctx.trace?.add("transition/component", {
+      line: node.loc.start.line,
+      before: `<transition name="${tName}">`,
+      after: `\u5B50\u5143\u7D20\u6CE8\u5165 class="proteus-transition-${tName}"\uFF08\u8FDB\u5165\u52A8\u753B\u81EA\u52A8\u64AD\u653E\uFF1B\u88F8 ref v-if \u5B50\u5143\u7D20\u542F\u7528\u79BB\u5F00\u52A8\u753B\u72B6\u6001\u673A Batch 5\uFF09`
+    });
+    return node.children.map((c) => serializeNode(c, ctx)).join("\n");
+  }
+  if ((node.tag === "transition-group" || node.tag === "teleport" || node.tag === "suspense" || node.tag === "keep-alive") && !isTransition) {
+    ctx.warnings.push(
+      `<${node.tag}> \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u7EC4\u4EF6\uFF08\u5DF2\u539F\u6837\u8F93\u51FA\uFF0C\u4E0D\u751F\u6548\uFF09\u2014\u2014\u7F13\u5B58/\u4F20\u9001\u8BF7\u79FB\u9664\uFF1B\u591A\u5143\u7D20\u8F6C\u573A\u8BF7\u7528\u8DEF\u7531 routeType\uFF08vue-compat Batch A\uFF09`
+    );
+    ctx.trace?.add("template/no-peer", { line: node.loc.start.line, before: `<${node.tag}>`, after: "\uFF08\u65E0\u5BF9\u7B49\uFF0C\u539F\u6837\u8F93\u51FA\uFF09" });
+  }
+  const hasVHtml = node.props.some((p) => p.type === NodeTypes.DIRECTIVE && p.name === "html");
+  const hasClick = node.props.some((p) => p.type === NodeTypes.DIRECTIVE && p.name === "on");
+  const isNavLink = (node.tag === "a" || node.tag === "router-link") && !hasClick;
+  const tagRuleId = TAG_RULE_BY_TAG[node.tag];
+  let tag = hasVHtml ? "rich-text" : ctx.tagMap[node.tag] ?? kebabCase(node.tag);
+  if (node.tag === "router-link") tag = "view";
+  if (tagRuleId && ctx.disabled.has(tagRuleId)) {
+    tag = kebabCase(node.tag);
+    ctx.warnings.push(`\u89C4\u5219 ${tagRuleId} \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0C<${node.tag}> \u6309\u672A\u6CE8\u518C\u6807\u7B7E\u539F\u6837\u8F93\u51FA`);
+  }
+  if (tag === "progress" && !ctx.disabled.has("component/progress-degrade")) {
+    return serializeProgress(node, ctx);
+  }
+  if (!ctx.disabled.has("tag/unknown-kebab") && !(tagRuleId && ctx.disabled.has(tagRuleId))) {
+    ctx.trace?.add(
+      hasVHtml ? "tag/rich-text" : node.tag === "router-link" ? "tag/router-link" : TAG_RULE_BY_TAG[node.tag] ?? "tag/unknown-kebab",
+      { line: node.loc.start.line, before: `<${node.tag}>`, after: `<${tag}>` }
+    );
+  }
+  const baseClass = hasVHtml ? "" : ctx.semanticClass[node.tag] ?? "";
+  const tagDisabled = Boolean(tagRuleId) && ctx.disabled.has(tagRuleId);
+  if (baseClass && (ctx.disabled.has("semantic/base-class") || tagDisabled)) {
+    ctx.warnings.push(`\u8BED\u4E49\u57FA\u7840\u7C7B\u5DF2\u88AB\u7981\u7528\uFF08${tagDisabled ? `${tagRuleId} \u88AB\u7981\u7528` : "semantic/base-class \u88AB\u7981\u7528"}\uFF0Crules.disabled\uFF09\uFF0C\u4E0D\u518D\u9644\u52A0`);
+  }
+  const effectiveBaseClass = baseClass && !ctx.disabled.has("semantic/base-class") && !tagDisabled ? baseClass : "";
+  if (effectiveBaseClass) {
+    ctx.trace?.add("semantic/base-class", { line: node.loc.start.line, before: node.tag, after: effectiveBaseClass });
+  }
+  const isInputLike = tag === "input" || tag === "textarea";
+  const attrs = [];
+  let hasNavTarget = false;
+  let scopeClass = "";
+  if (ctx.scopeId) {
+    const scopeCtx = { input: { tag: node.tag, scopeId: ctx.scopeId } };
+    executeRule("template/scope-attr", scopeCtx);
+    scopeClass = scopeCtx.output ?? ctx.scopeId;
+    ctx.trace?.add("template/scope-attr", { line: node.loc.start.line, before: `<${node.tag}>`, after: `<${node.tag} class="${scopeClass}">` });
+  }
+  const scopeSuffix = scopeClass || "";
+  let staticClass;
+  let bindingClass;
+  for (const prop of node.props) {
+    if (prop.type === NodeTypes.ATTRIBUTE) {
+      const attr = prop;
+      if (isNavLink && (attr.name === "href" || attr.name === "to" || attr.name === "route-type")) {
+        if (ctx.disabled.has("nav/navigate-link")) {
+          ctx.warnings.push("\u89C4\u5219 nav/navigate-link \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0C<a> \u6309\u666E\u901A view \u8F93\u51FA\uFF08\u65E0\u5BFC\u822A\u8BED\u4E49\uFF09");
+          break;
+        }
+        if (attr.name === "route-type" && attr.value) {
+          attrs.push(`data-route-type="${escapeXml(attr.value.content)}"`);
+          ctx.trace?.add("nav/route-type", { line: node.loc.start.line, before: `route-type="${attr.value.content}"`, after: `data-route-type="${attr.value.content}"` });
+        } else if (attr.value) {
+          attrs.push(`data-url="${escapeXml(attr.value.content)}"`);
+          hasNavTarget = true;
+        }
+        continue;
+      }
+      if (attr.name === "class") {
+        staticClass = attr.value ? escapeXml(attr.value.content) : "";
+        continue;
+      }
+      if (attr.name === "ref") {
+        ctx.warnings.push(
+          `\u6A21\u677F ref="${attr.value ? attr.value.content : ""}" \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u7ED1\u5B9A\uFF08\u6C38\u4E0D\u8D4B\u503C\uFF09\u2014\u2014\u8BF7\u7528 this.selectComponent('#id')\uFF08vue-compat Batch A\uFF09`
+        );
+        ctx.trace?.add("template/template-ref", { line: node.loc.start.line, before: `ref="${attr.value ? attr.value.content : ""}"`, after: "\uFF08\u5265\u79BB\uFF0C\u65E0\u5BF9\u7B49\uFF09" });
+        continue;
+      }
+      attrs.push(attr.value ? `${attr.name}="${escapeXml(attr.value.content)}"` : attr.name);
+      continue;
+    }
+    const dir = prop;
+    if (isNavLink && dir.name === "bind" && (exprContent(dir.arg) === "href" || exprContent(dir.arg) === "to")) {
+      const exp = exprContent(dir.exp);
+      if (exp.trim().startsWith("{")) {
+        ctx.warnings.push("\u8DEF\u7531\u94FE\u63A5 :to/:href \u5BF9\u8C61\u5F62\u5F0F\u6682\u4E0D\u652F\u6301\uFF08MVP\uFF09\uFF0C\u8BF7\u6539\u7528\u5B57\u7B26\u4E32\u8DEF\u5F84");
+      } else if (!ctx.disabled.has("nav/navigate-link")) {
+        attrs.push(`data-url="{{${exp}}}"`);
+        hasNavTarget = true;
+      } else {
+        ctx.warnings.push("\u89C4\u5219 nav/navigate-link \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0C<a> \u6309\u666E\u901A view \u8F93\u51FA\uFF08\u65E0\u5BFC\u822A\u8BED\u4E49\uFF09");
+      }
+      continue;
+    }
+    switch (dir.name) {
+      case "if":
+        if (ctx.disabled.has("directive/v-if")) {
+          ctx.warnings.push("\u89C4\u5219 directive/v-if \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0Cv-if \u5DF2\u5FFD\u7565");
+          break;
+        }
+        if (ctx.transitionCtx && /^[A-Za-z_$][\w$]*$/.test(exprContent(dir.exp))) {
+          const ref = exprContent(dir.exp);
+          ctx.transitionCtx.ref = ref;
+          ctx.transitionCtx.index = ctx.transitions.length;
+          ctx.transitions.push({ ref, tName: ctx.transitionCtx.tName, index: ctx.transitionCtx.index });
+          attrs.push(`wx:if="{{__tv${ctx.transitionCtx.index}}}"`);
+          ctx.trace?.add("transition/leave-state", {
+            line: node.loc.start.line,
+            before: `v-if="${ref}"`,
+            after: `wx:if="{{__tv${ctx.transitionCtx.index}}}"\uFF08\u79BB\u5F00\u52A8\u753B\u72B6\u6001\u673A\uFF1A__tl${ctx.transitionCtx.index} \u64AD\u79BB\u5F00\u52A8\u753B + \u5EF6\u8FDF\u79FB\u9664\uFF09`
+          });
+          break;
+        }
+        if (ctx.transitionCtx) ctx.transitionCtx.ref = void 0;
+        attrs.push(`wx:if="{{${exprContent(dir.exp)}}}"`);
+        ctx.trace?.add("directive/v-if", { line: node.loc.start.line, before: `v-if="${exprContent(dir.exp)}"`, after: `wx:if="{{${exprContent(dir.exp)}}}"` });
+        break;
+      case "else-if":
+        if (ctx.disabled.has("directive/v-else-if")) break;
+        attrs.push(`wx:elif="{{${exprContent(dir.exp)}}}"`);
+        ctx.trace?.add("directive/v-else-if", { line: node.loc.start.line, before: "v-else-if", after: "wx:elif" });
+        break;
+      case "else":
+        if (ctx.disabled.has("directive/v-else")) break;
+        attrs.push("wx:else");
+        ctx.trace?.add("directive/v-else", { line: node.loc.start.line, before: "v-else", after: "wx:else" });
+        break;
+      case "for": {
+        if (ctx.disabled.has("directive/v-for")) {
+          ctx.warnings.push("\u89C4\u5219 directive/v-for \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0Cv-for \u5DF2\u5FFD\u7565");
+          break;
+        }
+        const f = parseForExpr(exprContent(dir.exp));
+        attrs.push(`wx:for="{{${f.list}}}"`);
+        if (f.item) attrs.push(`wx:for-item="${f.item}"`);
+        if (f.index) attrs.push(`wx:for-index="${f.index}"`);
+        ctx.trace?.add("directive/v-for", { line: node.loc.start.line, before: exprContent(dir.exp), after: `wx:for="{{${f.list}}}"` });
+        break;
+      }
+      case "on": {
+        if (ctx.disabled.has("event/click-to-tap") && ctx.disabled.has("event/modifier-catch")) {
+          ctx.warnings.push("\u4E8B\u4EF6\u6620\u5C04\u89C4\u5219\u5DF2\u5168\u90E8\u7981\u7528\uFF08rules.disabled\uFF09\uFF0C@\u4E8B\u4EF6 \u539F\u6837\u8F93\u51FA");
+          const handler2 = cleanHandler(exprContent(dir.exp), ctx.warnings);
+          attrs.push(`bind${exprContent(dir.arg)}="${handler2}"`);
+          break;
+        }
+        const raw = exprContent(dir.arg);
+        const mapped = ctx.eventMap[raw] ?? raw;
+        const mods = dir.modifiers.map(
+          (m) => typeof m === "string" ? m : m?.content ?? ""
+        );
+        const isCatch = (mods.includes("stop") || mods.includes("prevent")) && !ctx.disabled.has("event/modifier-catch");
+        const isSelf = mods.includes("self") && !isCatch;
+        const isOnce = mods.includes("once") && !isCatch;
+        const rawHandler = exprContent(dir.exp);
+        const inline2 = tryInlineHandler(rawHandler);
+        let handler;
+        if (inline2 && !isSelf && !isOnce) {
+          handler = inline2.name;
+          if (!ctx.inlineHandlers.some((h) => h.name === inline2.name)) ctx.inlineHandlers.push(inline2);
+          ctx.trace?.add("event/inline-expression", { line: node.loc.start.line, before: `@${exprContent(dir.arg)}="${rawHandler}"`, after: `${inline2.name}\uFF08\u5305\u88C5\u65B9\u6CD5\uFF09` });
+        } else {
+          handler = cleanHandler(rawHandler, ctx.warnings);
+        }
+        if (raw === "keyup" || raw === "keydown" || raw === "keypress") {
+          const keyMods = mods.filter((m) => !["stop", "prevent", "self", "once"].includes(m));
+          ctx.warnings.push(`@${raw}${keyMods.length ? "." + keyMods.join(".") : ""} \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u952E\u76D8\u4E8B\u4EF6\uFF08input \u952E\u76D8\u884C\u4E3A\u8BF7\u7528 @confirm\uFF09\uFF0C\u5DF2\u539F\u6837\u8F93\u51FA`);
+        }
+        const isCustomEvent = !(raw in ctx.eventMap);
+        const prefix = `${isCatch ? "catch" : "bind"}${isCustomEvent ? ":" : ""}`;
+        if ((isSelf || isOnce) && /^[\w$]+$/.test(handler)) {
+          if (isSelf) ctx.selfHandlers.add(handler);
+          if (isOnce) ctx.onceHandlers.add(handler);
+          const wrap = `${isSelf ? "proteusSelf" : "proteusOnce"}${capitalize(handler)}`;
+          attrs.push(`${prefix}${mapped}="${wrap}"`);
+        } else {
+          attrs.push(`${prefix}${mapped}="${handler}"`);
+        }
+        ctx.trace?.add(
+          isCatch ? "event/modifier-catch" : isSelf || isOnce ? "event/modifier-self-once" : "event/click-to-tap",
+          { line: node.loc.start.line, before: `@${raw}`, after: `${prefix}${mapped}` }
+        );
+        break;
+      }
+      case "bind": {
+        const arg = exprContent(dir.arg);
+        const exp = exprContent(dir.exp);
+        if (node.tag === "slot" && arg !== "class" && arg !== "style" && arg !== "name") {
+          ctx.warnings.push(
+            `\u4F5C\u7528\u57DF\u63D2\u69FD <slot :${arg}> \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\uFF08\u7236\u4FA7\u62FF\u4E0D\u5230\u5B50\u7EC4\u4EF6\u6570\u636E\uFF1BMP/Skyline \u65E0\u6A21\u677F\u4F20\u53C2\u2014\u2014vue-compat-advance Batch 7 \u5E73\u53F0\u9650\u5236\uFF09\u2014\u2014\u66FF\u4EE3\u6A21\u5F0F\uFF1A\u5B50\u7EC4\u4EF6 props \u63A5\u6536\u6570\u636E + \u81EA\u5B9A\u4E49\u4E8B\u4EF6\u56DE\u8C03\u4F20\u6570\u636E\uFF0C\u5982 <MyList :items="items" @item-tap="onItemTap" />\uFF08props.items \u5185\u6E32\u67D3 + triggerEvent \u56DE\u4F20\uFF09`
+          );
+          ctx.trace?.add("slot/scoped-slot", { line: node.loc.start.line, before: `<slot :${arg}="${exp}">`, after: "\uFF08\u65E0\u6548\uFF0CMP \u4E0D\u4F20\u6570\u636E\uFF09\u2192 \u66FF\u4EE3\uFF1Aprops \u4F20\u5B50 + \u4E8B\u4EF6\u56DE\u8C03" });
+        }
+        if (arg === "class") {
+          if (ctx.disabled.has("directive/v-bind-class")) break;
+          bindingClass = formatClassBinding(exp, ctx.warnings, scopeSuffix);
+          ctx.trace?.add("directive/v-bind-class", { line: node.loc.start.line, before: `:class="${exp}"`, after: bindingClass });
+        } else if (arg === "style") {
+          if (ctx.disabled.has("directive/v-bind-style")) break;
+          attrs.push(`style="${formatStyleBinding(exp)}"`);
+          ctx.trace?.add("directive/v-bind-style", { line: node.loc.start.line, before: `:style="${exp}"`, after: formatStyleBinding(exp) });
+        } else if (arg === "key") {
+          if (ctx.disabled.has("directive/v-bind-key")) break;
+          if (/^[\w$]+$/.test(exp)) attrs.push(`wx:key="${exp}"`);
+          else ctx.warnings.push(`:key="${exp}" \u4E0D\u662F\u7B80\u5355\u6807\u8BC6\u7B26\uFF08MVP\uFF09\uFF0Cwx:key \u5DF2\u5FFD\u7565`);
+          ctx.trace?.add("directive/v-bind-key", { line: node.loc.start.line, before: `:key="${exp}"`, after: `wx:key="${exp}"` });
+        } else {
+          if (ctx.disabled.has("directive/v-bind")) break;
+          attrs.push(`${arg}="{{${rewriteStoreRefs(exp, ctx)}}}"`);
+          ctx.trace?.add("directive/v-bind", { line: node.loc.start.line, before: `:${arg}`, after: `${arg}="{{${rewriteStoreRefs(exp, ctx)}}}"` });
+        }
+        break;
+      }
+      case "model": {
+        if (ctx.disabled.has("directive/v-model")) {
+          ctx.warnings.push("\u89C4\u5219 directive/v-model \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0Cv-model \u5DF2\u5FFD\u7565");
+          break;
+        }
+        const model = exprContent(dir.exp);
+        if (model && !ctx.vModelBindings.includes(model)) ctx.vModelBindings.push(model);
+        if (isInputLike) attrs.push(`value="{{${model}}}"`);
+        attrs.push(`bindinput="proteusOn${capitalize(model)}Input"`);
+        ctx.trace?.add("directive/v-model", { line: node.loc.start.line, before: `v-model="${model}"`, after: `bindinput="proteusOn${capitalize(model)}Input"` });
+        break;
+      }
+      case "html":
+        if (ctx.disabled.has("directive/v-html")) {
+          ctx.warnings.push("\u89C4\u5219 directive/v-html \u5DF2\u88AB\u7981\u7528\uFF08rules.disabled\uFF09\uFF0Cv-html \u5DF2\u5FFD\u7565");
+          break;
+        }
+        attrs.push(`nodes="{{${exprContent(dir.exp)}}}"`);
+        ctx.trace?.add("directive/v-html", { line: node.loc.start.line, before: "v-html", after: "rich-text nodes" });
+        break;
+      case "show":
+        if (ctx.disabled.has("directive/v-show")) break;
+        attrs.push(`hidden="{{!${exprContent(dir.exp)}}}"`);
+        ctx.trace?.add("directive/v-show", { line: node.loc.start.line, before: `v-show="${exprContent(dir.exp)}"`, after: `hidden="{{!${exprContent(dir.exp)}}}"` });
+        break;
+      default:
+        if (dir.name === "slot" || dir.name === "pre" || dir.name === "cloak") {
+          break;
+        }
+        ctx.warnings.push(
+          `\u81EA\u5B9A\u4E49\u6307\u4EE4 v-${dir.name} \u5728\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\uFF08\u5DF2\u5265\u79BB\u4E14\u4E0D\u6267\u884C\uFF09\u2014\u2014\u8BF7\u6539\u7528\u65B9\u6CD5\u8C03\u7528\u6216\u6761\u4EF6\u6E32\u67D3\uFF08vue-compat Batch A\uFF09`
+        );
+        ctx.trace?.add("directive/custom", { line: node.loc.start.line, before: `v-${dir.name}`, after: "\uFF08\u5265\u79BB\uFF0C\u65E0\u5BF9\u7B49\uFF09" });
+        break;
+    }
+  }
+  if (hasNavTarget && !ctx.disabled.has("nav/navigate-link")) {
+    attrs.push('bindtap="proteusNavigateTo"');
+    ctx.usesNavigate = true;
+    ctx.trace?.add("nav/navigate-link", { line: node.loc.start.line, before: `<${node.tag}>` + (node.tag === "a" ? " href/to" : " to"), after: 'data-url + bindtap="proteusNavigateTo"' });
+  }
+  let transitionAnimCls = "";
+  let transitionLeaveExpr = "";
+  if (ctx.transitionClassName) {
+    transitionAnimCls = ctx.transitionClassName;
+    ctx.transitionClassName = void 0;
+    const tctx = ctx.transitionCtx;
+    ctx.transitionCtx = void 0;
+    if (tctx && tctx.ref !== void 0) {
+      transitionLeaveExpr = `{{__tl${tctx.index} ? '${suffixClassName(`${transitionAnimCls}-leave`, scopeSuffix)}' : ''}}`;
+    }
+  }
+  const suffix = (v) => scopeSuffix ? suffixClassValue(v, scopeSuffix) : v;
+  let autoFlexRow = false;
+  if (!ctx.disabled.has("layout/auto-flex-row")) {
+    const childTags = node.children.filter((c) => c.type === NodeTypes.ELEMENT).map((c) => ctx.tagMap[c.tag] ?? kebabCase(c.tag));
+    const controls = childTags.filter((t) => INLINE_CONTROL_TAGS.has(t));
+    const textCount = childTags.filter((t) => t === "text").length;
+    autoFlexRow = controls.length === 1 && textCount === 1;
+    if (autoFlexRow) {
+      ctx.trace?.add("layout/auto-flex-row", {
+        line: node.loc.start.line,
+        before: `<${node.tag}>\uFF081 text + 1 \u884C\u5185\u63A7\u4EF6\uFF09`,
+        after: `\u81EA\u52A8\u9644\u52A0 proteus-flex-row\uFF08display:flex;row;align-items:center\u2014\u2014Skyline \u65E0 inline\uFF0C\u884C\u5185\u6392\u5E03\u5FC5\u987B flex row\uFF09`
+      });
+    }
+  }
+  const classStatic = [transitionAnimCls, autoFlexRow ? "proteus-flex-row" : "", effectiveBaseClass, staticClass].filter((c) => Boolean(c)).map(suffix);
+  const classInterp = [bindingClass, transitionLeaveExpr].filter((c) => Boolean(c));
+  if (ctx.isComponentRoot) classInterp.push("{{rootClass}}");
+  const isComponentTag = !NATIVE_TAGS.has(tag);
+  const rootClassEnabled = !ctx.disabled.has("component/root-class");
+  if (classStatic.length || classInterp.length) {
+    const clsValue = `${classStatic.join(" ")}${classInterp.length ? `${classStatic.length ? " " : ""}${classInterp.join(" ")}` : ""}`;
+    attrs.push(isComponentTag && rootClassEnabled ? `root-class="${clsValue}"` : `class="${clsValue}"`);
+    if (isComponentTag && rootClassEnabled) {
+      ctx.trace?.add("component/root-class", { line: node.loc.start.line, before: `<${node.tag} class="${clsValue}">`, after: `<${node.tag} root-class="${clsValue}">` });
+    }
+  }
+  const attrStr = attrs.length ? ` ${attrs.join(" ")}` : "";
+  const lineNote = ctx.annotateLines ? `<!-- @${node.loc.start.line} ${node.tag} -->
+` : "";
+  if (lineNote && !ctx.lineNoteTraced) {
+    ctx.lineNoteTraced = true;
+    ctx.trace?.add("annotation/line-note", { line: node.loc.start.line, before: `<${node.tag}>`, after: `<!-- @${node.loc.start.line} ${node.tag} -->` });
+  }
+  if (!node.children.length) return `${lineNote}<${tag}${attrStr} />`;
+  const hasElementChild = node.children.some((c) => c.type === NodeTypes.ELEMENT);
+  if (hasElementChild) {
+    const inner = node.children.map((c) => serializeNode(c, ctx)).join("\n");
+    return `${lineNote}<${tag}${attrStr}>
+${inner}
+</${tag}>`;
+  }
+  const inline = node.children.map((c) => serializeNode(c, ctx)).join("");
+  return `${lineNote}<${tag}${attrStr}>${inline}</${tag}>`;
+}
+function serializeNode(node, ctx) {
+  switch (node.type) {
+    case NodeTypes.ELEMENT:
+      return serializeElement(node, ctx);
+    case NodeTypes.TEXT:
+      return escapeXml(node.content);
+    case NodeTypes.INTERPOLATION:
+      ctx.trace?.add("node/interpolation", { line: node.loc.start.line, before: "{{ expr }}", after: "{{ expr }}\uFF08\u539F\u6837\u4FDD\u7559\uFF09" });
+      return `{{ ${rewriteStoreRefs(node.content.content, ctx)} }}`;
+    case NodeTypes.COMMENT:
+      return `<!-- ${node.content} -->`;
+    default:
+      return "";
+  }
+}
+function capitalize(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+function transformTemplateToWxml(source, opts = { px2rpx: true, rpxRatio: 2, annotateLines: false }) {
+  const ctx = {
+    vModelBindings: [],
+    warnings: [],
+    annotateLines: opts.annotateLines ?? false,
+    filename: opts.filename,
+    usesNavigate: false,
+    trace: opts.trace,
+    // ★底线循环 ①③：生效配置 = tags.ts 常量 + config 覆盖（规则改写/禁用即时生效）
+    ...resolveOverrides(opts.rules),
+    scopeId: opts.scopeId,
+    selfHandlers: /* @__PURE__ */ new Set(),
+    onceHandlers: /* @__PURE__ */ new Set(),
+    inlineHandlers: [],
+    usesTransition: false,
+    transitions: [],
+    storeBindings: /* @__PURE__ */ new Set()
+  };
+  const root = domParse(source, { onError: () => void 0 });
+  const isComp = opts.isComponent === true;
+  const autoScroll = opts.autoScrollContainer !== false && !isComp;
+  const topTags = root.children.filter((c) => c.type === NodeTypes.ELEMENT).map((c) => c.tag);
+  const alreadyScroll = topTags.length === 1 && (topTags[0] === "scroll-view" || topTags[0] === "p-scroll-view");
+  let firstEl = isComp;
+  const inner = root.children.map((c) => {
+    if (firstEl && c.type === NodeTypes.ELEMENT) {
+      firstEl = false;
+      return serializeNode(c, { ...ctx, isComponentRoot: true });
+    }
+    return serializeNode(c, ctx);
+  }).join("\n");
+  let wxml = inner;
+  if (autoScroll && !alreadyScroll) {
+    const hooks = opts.pageScrollHooks ?? {};
+    const bindAttrs = ["scroll-y", 'class="proteus-page-scroll"'];
+    if (hooks.hasOnPageScroll) bindAttrs.push('bindscroll="proteusPageScroll"');
+    if (hooks.hasOnReachBottom) bindAttrs.push('bindscrolltolower="proteusReachBottom"');
+    if (hooks.hasOnPullDownRefresh) {
+      bindAttrs.push('refresher-enabled="{{true}}" refresher-triggered="{{__proteusRefreshing}}" bindrefresherrefresh="proteusPullDownRefresh"');
+    }
+    if (hooks.hasPageScrollTo) {
+      bindAttrs.push('scroll-top="{{__proteusPageScrollTop}}" scroll-with-animation');
+    }
+    wxml = `<scroll-view ${bindAttrs.join(" ")}>
+${inner}
+</scroll-view>`;
+  } else if (!isComp && (opts.pageScrollHooks?.hasOnPageScroll || opts.pageScrollHooks?.hasOnReachBottom)) {
+    ctx.warnings.push(
+      "\u6B67\u4E49\u8B66\u544A\uFF1A\u9875\u9762\u58F0\u660E onPageScroll/onReachBottom \u4E14\u9876\u5C42\u662F scroll-view\uFF08\u7528\u6237\u663E\u5F0F\u6EDA\u52A8\u5BB9\u5668\uFF09\u2014\u2014\u9875\u9762\u7EA7\u6EDA\u52A8\u94A9\u5B50\u4E0D\u4F1A\u88AB scroll-view \u89E6\u53D1\uFF0C\u8BF7\u7528 bindscroll/bindscrolltolower \u6216\u4EA4\u7531\u81EA\u52A8\u5305\u88C5\uFF0815-page-scroll-container\uFF09"
+    );
+  }
+  for (const w of ctx.warnings) console.warn(`[mp-transform] ${w}`);
+  return {
+    wxml,
+    vModelBindings: ctx.vModelBindings,
+    usesNavigate: ctx.usesNavigate,
+    selfHandlers: [...ctx.selfHandlers],
+    onceHandlers: [...ctx.onceHandlers],
+    inlineHandlers: ctx.inlineHandlers,
+    usesTransition: ctx.usesTransition,
+    // ★Batch 5：离开动画状态机列表（裸 ref v-if 的 transition 子元素）
+    transitions: ctx.transitions,
+    // ★pinia-plan 12 P1：模板 store 引用字段（script 生成绑定）
+    storeBindings: [...ctx.storeBindings],
+    // ★15-page-scroll-container：已自动包滚动容器（compileVueSfc 据此注入高度样式）
+    pageScrollWrapped: autoScroll && !alreadyScroll,
+    warnings: ctx.warnings
+  };
+}
+
+// src/trace.ts
+function createTrace(phase = "template") {
+  return {
+    events: [],
+    add(ruleId, opts) {
+      this.events.push({ ruleId, phase, ...opts });
+    }
+  };
+}
+function lineAt(source, index) {
+  let line = 1;
+  for (let i = 0; i < index && i < source.length; i++) {
+    if (source[i] === "\n") line++;
+  }
+  return line;
+}
+
+// src/script.ts
+function evalLiteral(expr) {
+  try {
+    return Function(`"use strict"; return (${expr})`)();
+  } catch {
+    return void 0;
+  }
+}
+function extractProvideInject(source) {
+  const provides = [];
+  const injects = [];
+  const pRe = /^provide\s*\(\s*['"]([^'"]+)['"]\s*,\s*([^)]+)\)/gm;
+  let m;
+  while (m = pRe.exec(source)) {
+    const lineStart = source.lastIndexOf("\n", m.index) + 1;
+    if (source.slice(lineStart, m.index) !== "") continue;
+    provides.push({ key: m[1], expr: m[2].trim(), line: lineAt(source, m.index) });
+  }
+  const iRe = /^const\s+([A-Za-z_$][\w$]*)\s*=\s*inject\s*\(\s*['"]([^'"]+)['"]\s*(?:,\s*([^)]+))?\)/gm;
+  while (m = iRe.exec(source)) {
+    const lineStart = source.lastIndexOf("\n", m.index) + 1;
+    if (source.slice(lineStart, m.index) !== "") continue;
+    const inj = { name: m[1], key: m[2], line: lineAt(source, m.index) };
+    if (m[3] !== void 0) inj.def = m[3].trim();
+    injects.push(inj);
+  }
+  return { provides, injects };
+}
+function buildProvideInject(provides, injects, data, computeds) {
+  const pageOpen = [
+    "const __reg = getApp().__proteusProvides || (getApp().__proteusProvides = {})",
+    "__reg.__seq = (__reg.__seq || 0) + 1",
+    "this.__proteusPageId = 'p' + __reg.__seq",
+    "const provides = (__reg[this.__proteusPageId] || (__reg[this.__proteusPageId] = {}))"
+  ].join("\n");
+  const compOpen = [
+    "const __pages = (typeof getCurrentPages === 'function' ? getCurrentPages() : [])",
+    "const __pid = __pages.length ? __pages[__pages.length - 1].__proteusPageId : ''",
+    "this.__proteusPageId = __pid || 'global'",
+    "const __reg = getApp().__proteusProvides || (getApp().__proteusProvides = {})",
+    "const provides = (__reg[this.__proteusPageId] || (__reg[this.__proteusPageId] = {}))"
+  ].join("\n");
+  const provideRefs = /* @__PURE__ */ new Map();
+  const pLines = [];
+  for (const p of provides) {
+    let expr = p.expr;
+    const vm = expr.match(/^([A-Za-z_$][\w$]*)\.value$/);
+    if (vm && (vm[1] in data || vm[1] in computeds)) expr = `this.data.${vm[1]}`;
+    else if (expr in data) {
+      expr = `this.data.${expr}`;
+      provideRefs.set(p.expr, p.key);
+    }
+    pLines.push(`provides[${JSON.stringify(p.key)}] = ${expr}`);
+    if (provideRefs.has(p.expr)) {
+      pLines.push(`if (!provides.__subs) provides.__subs = {}; if (!provides.__subs[${JSON.stringify(p.key)}]) provides.__subs[${JSON.stringify(p.key)}] = []`);
+    }
+  }
+  const iLines = [];
+  for (const inj of injects) {
+    const read = `provides[${JSON.stringify(inj.key)}]`;
+    const value = inj.def === void 0 ? read : `(${read} === undefined ? ${inj.def} : ${read})`;
+    iLines.push(`this.setData({ ${inj.name}: ${value} })`);
+  }
+  if (injects.length) {
+    iLines.push("const __self = this");
+    for (const inj of injects) {
+      const read = `provides[${JSON.stringify(inj.key)}]`;
+      iLines.push(`if (provides.__subs && provides.__subs[${JSON.stringify(inj.key)}]) {`);
+      iLines.push(`  const __sub = { k: ${JSON.stringify(inj.key)}, fn: function () { __self.setData({ ${inj.name}: ${read} }) } }`);
+      iLines.push("  if (!this.__proteusSubs) this.__proteusSubs = []");
+      iLines.push("  this.__proteusSubs.push(__sub)");
+      iLines.push(`  provides.__subs[${JSON.stringify(inj.key)}].push(__sub)`);
+      iLines.push("}");
+    }
+  }
+  return {
+    page: pLines.length || iLines.length ? `${pageOpen}
+${[...pLines, ...iLines].join("\n")}` : "",
+    provide: pLines.length ? `${compOpen}
+${pLines.join("\n")}` : "",
+    inject: iLines.length ? `${compOpen}
+${iLines.join("\n")}` : "",
+    provideRefs
+  };
+}
+function extractImports(source) {
+  const out = [];
+  const lines = source.split("\n");
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const t = line.trim();
+    if (!t.startsWith("import ")) continue;
+    const lineNo = i + 1;
+    let m = t.match(/^import\s+['"]([^'"]+)['"];?$/);
+    if (m) {
+      out.push({ source: m[1], kind: "side", names: [], line: lineNo, typeOnly: false });
+      continue;
+    }
+    m = t.match(/^import\s+type\s+([\s\S]*?)\s+from\s+['"]([^'"]+)['"];?$/);
+    if (m) {
+      out.push({ source: m[2], kind: "named", names: [], line: lineNo, typeOnly: true });
+      continue;
+    }
+    m = t.match(/^import\s+([A-Za-z_$][\w$]*)\s*,\s*\{([^}]*)\}\.*\s+from\s+['"]([^'"]+)['"];?$/);
+    if (m) {
+      const names = m[2].split(",").map((n) => n.trim()).filter(Boolean).map((n) => n.replace(/\s+as\s+[\w$]+$/, "").trim());
+      out.push({ source: m[3], kind: "default", names: [m[1]], line: lineNo, typeOnly: false });
+      if (names.length) out.push({ source: m[3], kind: "named", names, line: lineNo, typeOnly: false });
+      continue;
+    }
+    m = t.match(/^import\s+\*\s+as\s+([A-Za-z_$][\w$]*)\s+from\s+['"]([^'"]+)['"];?$/);
+    if (m) {
+      out.push({ source: m[2], kind: "namespace", names: [m[1]], line: lineNo, typeOnly: false });
+      continue;
+    }
+    m = t.match(/^import\s+\{([^}]*)\}\s+from\s+['"]([^'"]+)['"];?$/);
+    if (m) {
+      const names = m[1].split(",").map((n) => n.trim()).filter(Boolean).map((n) => n.replace(/\s+as\s+[\w$]+$/, "").trim());
+      out.push({ source: m[2], kind: "named", names, line: lineNo, typeOnly: false });
+      continue;
+    }
+    m = t.match(/^import\s+([A-Za-z_$][\w$]*)\s+from\s+['"]([^'"]+)['"];?$/);
+    if (m) {
+      out.push({ source: m[2], kind: "default", names: [m[1]], line: lineNo, typeOnly: false });
+      continue;
+    }
+  }
+  return out;
+}
+function extractBracedBody(source, openBraceIndex) {
+  let depth = 0;
+  for (let i = openBraceIndex; i < source.length; i++) {
+    const ch = source[i];
+    if (ch === "{") depth++;
+    else if (ch === "}") {
+      depth--;
+      if (depth === 0) return source.slice(openBraceIndex + 1, i);
+    }
+  }
+  return null;
+}
+function extractInitializer(source, valueStart) {
+  let depth = 0;
+  let quote = null;
+  let escaped = false;
+  let inBlockComment = false;
+  let i = valueStart;
+  const len = source.length;
+  for (; i < len; i++) {
+    const ch = source[i];
+    const next = source[i + 1];
+    if (inBlockComment) {
+      if (ch === "*" && next === "/") {
+        inBlockComment = false;
+        i++;
+      }
+      continue;
+    }
+    if (quote) {
+      if (escaped) {
+        escaped = false;
+        continue;
+      }
+      if (ch === "\\") {
+        escaped = true;
+        continue;
+      }
+      if (ch === quote) quote = null;
+      continue;
+    }
+    if (ch === "/" && next === "*") {
+      inBlockComment = true;
+      i++;
+      continue;
+    }
+    if (ch === "/" && next === "/") {
+      while (i < len && source[i] !== "\n") i++;
+      if (depth === 0) break;
+      continue;
+    }
+    if (ch === '"' || ch === "'" || ch === "`") {
+      quote = ch;
+      continue;
+    }
+    if (ch === "(" || ch === "[" || ch === "{") {
+      depth++;
+      continue;
+    }
+    if (ch === ")" || ch === "]" || ch === "}") {
+      depth--;
+      continue;
+    }
+    if (depth === 0 && (ch === ";" || ch === "\n")) break;
+  }
+  return source.slice(valueStart, i).trim();
+}
+function mapTsType(t, warnings, name) {
+  const s = t.trim();
+  if (s === "string") return { type: "String", value: "" };
+  if (s === "number") return { type: "Number", value: 0 };
+  if (s === "boolean") return { type: "Boolean", value: false };
+  if (s === "object") return { type: "Object" };
+  if (s.endsWith("[]") || s === "Array") return { type: "Array" };
+  if (s.includes("|") || s.startsWith("'")) return { type: "String", value: "" };
+  warnings.push(`prop ${name} \u7684\u7C7B\u578B ${s} \u65E0\u6CD5\u6620\u5C04\uFF08\u6CDB\u578B\u5F62\u5F0F\u652F\u6301 string/number/boolean/object/Array/\u8054\u5408\uFF09\uFF0C\u5DF2\u6309 String \u5904\u7406`);
+  return { type: "String", value: "" };
+}
+function extractProps(source, warnings, trace) {
+  const out = {};
+  const add = (name, info, before) => {
+    out[name] = info;
+    trace?.add("script/define-props", { before, after: `properties.${name}\uFF08type: ${info.type}\uFF09` });
+  };
+  const m = source.match(/\bdefineProps\s*\(\s*\{/);
+  if (m) {
+    const body = extractBracedBody(source, (m.index ?? 0) + m[0].length - 1);
+    if (body === null) {
+      warnings.push("defineProps \u89E3\u6790\u5931\u8D25\uFF08MVP \u4EC5\u652F\u6301\u5BF9\u8C61\u5F62\u5F0F defineProps({...})\uFF09\uFF0C\u5DF2\u5FFD\u7565");
+      return out;
+    }
+    const re2 = /(['"]?)([A-Za-z_$][\w$]*)\1\s*:\s*(\{[^}]*\}|[A-Za-z_$][\w$]*)/g;
+    let pm2;
+    while (pm2 = re2.exec(body)) {
+      const name = pm2[2];
+      const spec = pm2[3].trim();
+      let type = "String";
+      let value;
+      if (spec.startsWith("{")) {
+        const typeM = spec.match(/type\s*:\s*([A-Za-z_$][\w$]*)/);
+        if (typeM) type = typeM[1];
+        const defM = spec.match(/default\s*:\s*([^,}]+)/);
+        if (defM) value = evalLiteral(defM[1].trim());
+      } else {
+        type = spec;
+      }
+      if (!["String", "Number", "Boolean", "Object", "Array", "Function"].includes(type)) {
+        warnings.push(`prop ${name} \u7684\u7C7B\u578B ${type} \u65E0\u6CD5\u6620\u5C04\u5230\u5FAE\u4FE1 properties\uFF08MVP \u652F\u6301 String/Number/Boolean/Object/Array\uFF09\uFF0C\u5DF2\u6309 String \u5904\u7406`);
+        type = "String";
+      }
+      if (typeof value === "function") {
+        warnings.push(`prop ${name} \u7684 default \u662F\u51FD\u6570\uFF08\u5FAE\u4FE1 properties.value \u4EC5\u652F\u6301\u5B57\u9762\u91CF\uFF09\uFF0C\u5DF2\u5FFD\u7565\u9ED8\u8BA4\u503C`);
+        value = void 0;
+      }
+      if (value === void 0) {
+        if (type === "String") value = "";
+        else if (type === "Number") value = 0;
+        else if (type === "Boolean") value = false;
+      }
+      add(name, { type, value }, `defineProps({ ${name}: ... })`);
+    }
+    return out;
+  }
+  const tsM = source.match(/\bdefineProps\s*<\{([\s\S]*?)\}\s*>/);
+  if (!tsM) return out;
+  const re = /([A-Za-z_$][\w$]*)\s*(\?)?\s*:\s*([^;]+)/g;
+  let pm;
+  while (pm = re.exec(tsM[1])) {
+    const name = pm[1];
+    const info = mapTsType(pm[3], warnings, name);
+    add(name, info, `defineProps<{ ${name}${pm[2] ?? ""}: ${pm[3].trim()} }>()`);
+  }
+  return out;
+}
+function extractWatch(source, data, warnings, trace, allowPropWatch = true) {
+  const out = {};
+  const re = /^watch\s*\(\s*([\s\S]*?)\s*,\s*(?:\(([^)]*)\)\s*=>|function\s*\(([^)]*)\)\s*)\s*\{/gm;
+  let m;
+  while (m = re.exec(source)) {
+    const lineStart = source.lastIndexOf("\n", m.index) + 1;
+    if (source.slice(lineStart, m.index) !== "") continue;
+    const rawSrc = m[1].trim();
+    const params = (m[2] ?? m[3] ?? "").split(",").map((s) => s.trim()).filter(Boolean);
+    let propField;
+    if (allowPropWatch && rawSrc.startsWith("props.")) {
+      propField = rawSrc.slice("props.".length).trim().replace(/\.value$/, "");
+    } else if (allowPropWatch && rawSrc.startsWith("()")) {
+      const getter = rawSrc.replace(/^\(\)\s*=>\s*/, "").trim();
+      const pm = getter.match(/^props\.([A-Za-z_$][\w$]*)$/);
+      if (pm) propField = pm[1];
+    }
+    if (propField) {
+      const braceIdx2 = m.index + m[0].length - 1;
+      const body2 = extractBracedBody(source, braceIdx2);
+      if (body2 === null) {
+        warnings.push(`watch ${rawSrc} \u56DE\u8C03\u4F53\u89E3\u6790\u5931\u8D25\uFF0C\u5DF2\u8DF3\u8FC7`);
+        continue;
+      }
+      const after2 = source.slice(braceIdx2 + body2.length + 1, braceIdx2 + body2.length + 120);
+      const immediate2 = /immediate\s*:\s*true/.test(after2);
+      const id2 = `Prop${capitalize2(propField)}`;
+      if (out[id2]) {
+        warnings.push(`watch ${rawSrc} \u4E0E\u5DF2\u6709 watch \u91CD\u540D\uFF08${id2}\uFF09\uFF0C\u540E\u8005\u8986\u76D6\u524D\u8005`);
+      }
+      trace?.add("script/watch-props", {
+        line: lineAt(source, m.index),
+        before: `watch(${rawSrc}, (${params.join(", ")}) => ...)`,
+        after: `observers: { ${propField}(n, o) { ... }${immediate2 ? " + proteusWatchPropX \u65B9\u6CD5\uFF08attached \u521D\u59CB\u5316\u8C03\u7528\u4E00\u6B21\uFF09" : ""} }`
+      });
+      out[id2] = { id: id2, deps: [], params, body: body2, immediate: immediate2, line: lineAt(source, m.index), propField };
+      continue;
+    }
+    let deps = [];
+    let expr;
+    if (rawSrc.startsWith("[")) {
+      deps = Array.from(rawSrc.matchAll(/\b([A-Za-z_$][\w$]*)\b/g), (mm) => mm[1]);
+    } else if (rawSrc.startsWith("()")) {
+      const getter = rawSrc.replace(/^\(\)\s*=>\s*/, "");
+      deps = [...new Set(Array.from(getter.matchAll(/\b([A-Za-z_$][\w$]*)\.value\b/g), (mm) => mm[1]))];
+      expr = getter.replace(/\b([A-Za-z_$][\w$]*)\.value\b/g, "this.data.$1");
+    } else {
+      deps = [rawSrc];
+    }
+    const missing = deps.filter((d) => !(d in data));
+    if (missing.length) {
+      warnings.push(`watch \u4F9D\u8D56 ${missing.join("/")} \u672A\u5728\u9876\u5C42 data \u4E2D\u5B9A\u4E49\uFF08watch \u7684\u6E90\u5FC5\u987B\u662F\u672C\u6587\u4EF6\u9876\u5C42 ref/reactive\uFF09`);
+      continue;
+    }
+    if (!deps.length) {
+      warnings.push(`watch \u6E90\u65E0\u6CD5\u89E3\u6790\u4F9D\u8D56\uFF08${rawSrc.slice(0, 40)}\uFF09\uFF0C\u5DF2\u8DF3\u8FC7`);
+      continue;
+    }
+    const id = deps.map((d) => capitalize2(d)).join("And");
+    const braceIdx = m.index + m[0].length - 1;
+    const body = extractBracedBody(source, braceIdx);
+    if (body === null) {
+      warnings.push(`watch ${rawSrc} \u56DE\u8C03\u4F53\u89E3\u6790\u5931\u8D25\uFF0C\u5DF2\u8DF3\u8FC7`);
+      continue;
+    }
+    const after = source.slice(braceIdx + body.length + 1, braceIdx + body.length + 120);
+    const immediate = /immediate\s*:\s*true/.test(after);
+    if (out[id]) {
+      warnings.push(`watch ${rawSrc} \u4E0E\u5DF2\u6709 watch \u91CD\u540D\uFF08${id}\uFF09\uFF0C\u540E\u8005\u8986\u76D6\u524D\u8005`);
+    }
+    trace?.add("script/watch-to-methods", {
+      line: lineAt(source, m.index),
+      before: `watch(${rawSrc}, (${params.join(", ")}) => ...)`,
+      after: `proteusWatch${id}\uFF08${deps.join("/")} \u5199\u5165 setData \u540E\u81EA\u52A8\u8C03\u7528${immediate ? "\uFF0Cimmediate \u521D\u59CB\u5316\u4E00\u6B21" : ""}\uFF09`
+    });
+    out[id] = { id, deps, params, body, immediate, line: lineAt(source, m.index), expr };
+  }
+  return out;
+}
+function extractComputedFromInit(name, init, data, warnings) {
+  const arrow = init.match(/^computed\s*\(\s*\(\)\s*=>\s*([\s\S]*?)\s*\)\s*;?$/);
+  let rawExpr;
+  let setter;
+  if (arrow) {
+    rawExpr = arrow[1];
+    if (rawExpr.trim().startsWith("{")) return null;
+  } else {
+    const objM = init.match(/^computed\s*\(\s*\{/);
+    if (!objM) return null;
+    const body = extractBracedBody(init, (objM.index ?? 0) + objM[0].length - 1);
+    if (body === null) return null;
+    const getM = body.match(/\bget\s*:\s*\(\)\s*=>\s*([\s\S]*?)(?=,\s*\bset\s*:|$)/);
+    rawExpr = getM?.[1]?.trim();
+    if (!rawExpr || rawExpr.startsWith("{")) return null;
+    const setM = body.match(/\bset\s*:\s*\(([^)]*)\)\s*=>\s*\{([\s\S]*?)\}/);
+    if (setM) setter = { param: setM[1].trim(), body: setM[2] };
+  }
+  const deps = [...new Set(Array.from(rawExpr.matchAll(/\b([A-Za-z_$][\w$]*)\.value\b/g), (mm) => mm[1]))];
+  const missing = deps.filter((d) => !(d in data));
+  if (missing.length) {
+    warnings.push(
+      `computed ${name} \u4F9D\u8D56 ${missing.join("/")} \u672A\u5728\u9876\u5C42 data \u4E2D\u5B9A\u4E49\uFF08${name} \u7684\u4F9D\u8D56\u5FC5\u987B\u662F\u672C\u6587\u4EF6\u9876\u5C42 ref/reactive\uFF09`
+    );
+  }
+  const expr = rawExpr.replace(/\b([A-Za-z_$][\w$]*)\.value\b/g, "this.data.$1");
+  return { name, deps, expr, setter };
+}
+function extractData(source, warnings, trace) {
+  const data = {};
+  const runtimeInits = [];
+  const rawComputed = [];
+  const re = /const\s+([A-Za-z_$][\w$]*)\s*=\s*/gm;
+  let m;
+  while (m = re.exec(source)) {
+    const lineStart = source.lastIndexOf("\n", m.index) + 1;
+    if (source.slice(lineStart, m.index) !== "") continue;
+    const name = m[1];
+    const init = extractInitializer(source, m.index + m[0].length);
+    if (!init) continue;
+    const line = lineAt(source, m.index);
+    if (/^(?:defineProps\s*[<(]|defineEmits\s*\(|defineExpose\s*\()/.test(init)) continue;
+    if (/^(?:async\s+)?(?:function\b|(?:\([^)]*\)|[A-Za-z_$][\w$]*)\s*=>)/.test(init)) continue;
+    if (init.startsWith("computed(")) {
+      rawComputed.push({ name, init, line });
+      continue;
+    }
+    trace?.add("script/const-to-data", {
+      line,
+      before: `const ${name} = ${init.slice(0, 40)}${init.length > 40 ? "\u2026" : ""}`,
+      after: `data.${name}`
+    });
+    const inner = init.match(/^(?:ref|reactive|shallowRef|readonly)\s*\(\s*([\s\S]*?)\s*\);?\s*$/);
+    const raw = inner ? inner[1] : init;
+    const value = evalLiteral(raw);
+    const isCall = /^[\w$.]+\(/.test(raw.trim());
+    if (isCall && value === void 0 && !/^inject\s*\(/.test(raw.trim())) {
+      runtimeInits.push({ name, call: raw.trim() });
+      trace?.add("script/runtime-init", {
+        line,
+        before: `const ${name} = ${raw.slice(0, 40)}`,
+        after: `this.${name} = ${raw.trim()}\uFF08onLoad/attached \u8FD0\u884C\u65F6\u521D\u59CB\u5316\uFF0C\u5B9E\u4F8B\u5C5E\u6027\uFF1B\u6A21\u677F\u7ED1\u5B9A\u4E0D\u652F\u6301\uFF09`
+      });
+      warnings.push(
+        `const ${name} \u7684\u521D\u59CB\u503C "${raw.slice(0, 40)}" \u662F\u51FD\u6570\u8C03\u7528\u2014\u2014\u5DF2\u7F16\u8BD1\u4E3A\u8FD0\u884C\u65F6\u521D\u59CB\u5316 this.${name}\uFF08onLoad/attached \u6267\u884C\uFF0C\u5B9E\u4F8B\u5C5E\u6027\uFF1A\u6A21\u677F\u7ED1\u5B9A\u4E0D\u652F\u6301\uFF0C\u903B\u8F91\u5C42\u53EF\u7528\uFF1B\u5171\u4EAB\u903B\u8F91\u8BF7\u7528\u6A21\u5757 import\uFF0C\u89C1 docs/proteus-module-plan/\uFF09`
+      );
+      continue;
+    }
+    if (value === void 0 && raw !== "undefined" && !/^inject\s*\(/.test(raw.trim())) {
+      warnings.push(`const ${name} \u7684\u521D\u59CB\u503C "${raw.slice(0, 40)}" \u65E0\u6CD5\u9759\u6001\u6C42\u503C\uFF0Cdata.${name} \u5C06\u8BBE\u4E3A undefined\uFF08MVP \u9650\u5236\uFF1A\u4EC5\u652F\u6301\u5B57\u9762\u91CF\uFF09`);
+    }
+    data[name] = value;
+  }
+  const computed = {};
+  for (const c of rawComputed) {
+    const info = extractComputedFromInit(c.name, c.init, data, warnings);
+    if (info) {
+      computed[c.name] = info;
+      trace?.add("script/computed-to-data", {
+        line: c.line,
+        before: `const ${c.name} = computed(() => ...)`,
+        after: `\u6D3E\u751F\u5B57\u6BB5\uFF08\u4F9D\u8D56 ${info.deps.join("/") || "\u65E0"}\uFF0C\u5199\u5165\u65F6\u5408\u5E76\u91CD\u7B97\uFF09`
+      });
+    } else {
+      warnings.push(`computed ${c.name} \u4EC5\u652F\u6301\u7BAD\u5934\u7B80\u5199 + \u8868\u8FBE\u5F0F\u4F53\uFF08computed(() => expr)\uFF09\uFF0C\u5DF2\u5FFD\u7565`);
+    }
+  }
+  return { data, computed, runtimeInits };
+}
+function stripParamTypes(params) {
+  return params.replace(/:\s*[^,)]+/g, "").trim();
+}
+function checkDefineExpose(source, data, warnings, trace) {
+  const m = source.match(/\bdefineExpose\s*\(\s*\{([\s\S]*?)\}\s*\)/);
+  if (!m) return;
+  const names = Array.from(m[1].matchAll(/([A-Za-z_$][\w$]*)/g), (mm) => mm[1]);
+  trace?.add("script/define-expose", {
+    before: `defineExpose({ ${names.join(", ")} })`,
+    after: "no-op\uFF08\u7EC4\u4EF6 methods \u5929\u7136\u53EF\u88AB selectComponent \u8BBF\u95EE\uFF09"
+  });
+  for (const n of names) {
+    if (n in data) {
+      warnings.push(`defineExpose \u66B4\u9732\u7684 ${n} \u662F ref \u503C\uFF08\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u673A\u5236\uFF0C\u5916\u90E8\u4EC5\u53EF\u8BBF\u95EE methods\uFF09\uFF0C\u5DF2\u5FFD\u7565\u2014\u2014\u8BF7\u7528\u65B9\u6CD5\u5305\u88C5`);
+    }
+  }
+}
+function extractMethods(source, warnings, trace, disabled) {
+  const methods = {};
+  const fnRe = /(async\s+)?function\s+([A-Za-z_$][\w$]*)\s*\(([^)]*)\)\s*\{/g;
+  let m;
+  if (!disabled?.has("script/function-to-methods")) {
+    while (m = fnRe.exec(source)) {
+      const name = m[2];
+      const isAsync = Boolean(m[1]);
+      const params = stripParamTypes(m[3]);
+      const body = extractBracedBody(source, m.index + m[0].length - 1);
+      const line = lineAt(source, m.index);
+      trace?.add("script/function-to-methods", { line, before: `function ${name}(${m[3]})`, after: `${name}(${params})` });
+      if (body !== null) methods[name] = { src: `${isAsync ? "async " : ""}${name}(${params}) {
+${body}
+}`, line };
+      else warnings.push(`\u51FD\u6570 ${name} \u4F53\u89E3\u6790\u5931\u8D25\uFF0C\u5DF2\u8DF3\u8FC7`);
+    }
+  }
+  const arrowRe = /const\s+([A-Za-z_$][\w$]*)\s*=\s*(async\s*)?\(([^)]*)\)\s*=>\s*\{/g;
+  if (!disabled?.has("script/arrow-to-methods")) {
+    while (m = arrowRe.exec(source)) {
+      const name = m[1];
+      const isAsync = Boolean(m[2]);
+      const params = stripParamTypes(m[3]);
+      const braceIdx = source.indexOf("{", m.index + m[0].length - 1);
+      const body = extractBracedBody(source, braceIdx);
+      const line = lineAt(source, m.index);
+      trace?.add("script/arrow-to-methods", { line, before: `const ${name} = (...) =>`, after: `${name}(...)` });
+      if (body !== null) methods[name] = { src: `${isAsync ? "async " : ""}${name}(${params}) {
+${body}
+}`, line };
+    }
+  }
+  return methods;
+}
+function numOrZero(expr) {
+  return `(${expr} === undefined || ${expr} === null ? 0 : ${expr})`;
+}
+function computedPatch(writtenRef, computeds) {
+  const patches = Object.entries(computeds).filter(([, c]) => c.deps.includes(writtenRef)).map(([n, c]) => `${n}: ${c.expr}`);
+  return patches.length ? `, ${patches.join(", ")}` : "";
+}
+function computedInitLine(computeds) {
+  const entries = Object.entries(computeds);
+  if (!entries.length) return "";
+  return `this.setData({ ${entries.map(([n, c]) => `${n}: ${c.expr}`).join(", ")} })`;
+}
+function runtimeInitLine(inits) {
+  return inits.map((i) => `this.${i.name} = ${i.call}`).join("\n");
+}
+function storeBindingLine(fields, storeVar) {
+  const map = fields.map((f) => `${f}: __self.${storeVar}.${f}`).join(", ");
+  return [
+    "const __self = this",
+    `this.setData({ ${map} })`,
+    `if (this.${storeVar} && this.${storeVar}.$subscribe) {`,
+    `  this.${storeVar}.$subscribe(function () { __self.setData({ ${map} }) })`,
+    `}`
+  ].join("\n");
+}
+function immediateWatchLine(watches) {
+  const lines = Object.entries(watches).filter(([, w]) => w.immediate).map(([, w]) => {
+    const single = w.deps.length === 1;
+    const newVals = w.propField ? `this.data.${w.propField}` : single ? w.expr ?? `this.data.${w.deps[0]}` : `[${w.expr ?? w.deps.map((d) => `this.data.${d}`).join(", ")}]`;
+    const oldVals = w.propField ? "undefined" : single ? "undefined" : `[${w.deps.map(() => "undefined").join(", ")}]`;
+    return `this.proteusWatch${w.id}(${newVals}, ${oldVals})`;
+  });
+  return lines.join("\n");
+}
+function writeSetData(name, valueExpr, patch, hasWatch = false, forceWrite = false) {
+  const needWrite = forceWrite || Boolean(patch) || hasWatch;
+  if (!needWrite) return `this.setData({ ${name}: ${valueExpr} })`;
+  return `this.data.${name} = ${valueExpr}; this.setData({ ${name}: this.data.${name}${patch} })`;
+}
+function watchTail(w) {
+  if (!w) return "";
+  const single = w.deps.length === 1;
+  const newVals = single ? w.expr ?? `this.data.${w.deps[0]}` : `[${w.expr ?? w.deps.map((d) => `this.data.${d}`).join(", ")}]`;
+  const oldVals = single ? `old${capitalize2(w.deps[0])}` : `[${w.deps.map((d) => `old${capitalize2(d)}`).join(", ")}]`;
+  return `; this.proteusWatch${w.id}(${newVals}, ${oldVals})`;
+}
+function rewriteBareMethodCalls(body, methodNames) {
+  let out = body;
+  for (const name of methodNames) {
+    out = out.replace(new RegExp(`(?<![\\w$.])${name}\\s*\\(`, "g"), `this.${name}(`);
+  }
+  return out;
+}
+function rewriteRefAccess(body, refNames, trace, disabled, computeds = {}, watches = {}, emitEnabled = false, propsVar, providedRefs, transitionToggle) {
+  const skip = (id) => disabled?.has(id);
+  let out = body;
+  out = out.replace(/\s+as\s+(?:unknown|any|never)\b/g, "");
+  out = out.replace(/\s+as\s+[A-Za-z_$][\w$]*(?:<[^;\n]*?>)?/g, "");
+  if (emitEnabled) out = out.replace(/\bemit\s*\(/g, "this.triggerEvent(");
+  if (propsVar) out = out.replace(new RegExp(`\\b${propsVar}\\.([A-Za-z_$][\\w$]*)`, "g"), "this.data.$1");
+  for (const [cname, c] of Object.entries(computeds)) {
+    if (!new RegExp(`\\b${cname}\\.value\\s*=`).test(out)) continue;
+    if (c.setter) {
+      out = out.replace(
+        new RegExp(`\\b${cname}\\.value\\s*=\\s*(?!=)([^;\\n]+)`),
+        (_m, expr) => `this.proteusSet${capitalize2(cname)}(${expr.trim()})`
+      );
+    } else {
+      out = out.replace(
+        new RegExp(`\\b${cname}\\.value\\s*=\\s*(?!=)([^;\\n]+)`),
+        () => `/* computed ${cname} \u53EA\u8BFB\uFF08\u65E0 setter\uFF09\uFF0C\u8D4B\u503C\u5DF2\u5FFD\u7565 */`
+      );
+    }
+  }
+  for (const name of refNames) {
+    const prop = `this.data.${name}`;
+    const line = lineAt(body, Math.max(0, body.indexOf(name)));
+    const patch = computedPatch(name, computeds);
+    const w = Object.values(watches).find((ww) => ww.deps.includes(name) && !skip("script/watch-to-methods"));
+    const oldSave = w ? `const ${w.deps.map((d) => `old${capitalize2(d)} = this.data.${d}`).join(", ")}; ` : "";
+    const tail = watchTail(w);
+    const sync = providedRefs && providedRefs.get(name) ? `; this.proteusSyncProvide(${JSON.stringify(providedRefs.get(name))}, ${JSON.stringify(name)})` : "";
+    const tToggle = transitionToggle && transitionToggle.get(name) ? `; this.${transitionToggle.get(name)}()` : "";
+    if (!skip("script/ref-incdec")) {
+      if (new RegExp(`(\\+\\+|--)\\s*${name}\\.value`).test(body) || new RegExp(`\\b${name}\\.value\\s*(\\+\\+|--)`).test(body)) {
+        trace?.add("script/ref-incdec", { line, before: `${name}.value++/--`, after: `this.setData({ ${name}: ...${patch || w ? " + \u6D3E\u751F/\u8054\u52A8" : ""} })` });
+      }
+      out = out.replace(new RegExp(`\\+\\+\\s*${name}\\.value`, "g"), `${oldSave}${writeSetData(name, `${numOrZero(prop)} + 1`, patch, Boolean(w), true)}${tail}${sync}${tToggle}`);
+      out = out.replace(new RegExp(`--\\s*${name}\\.value`, "g"), `${oldSave}${writeSetData(name, `${numOrZero(prop)} - 1`, patch, Boolean(w), true)}${tail}${sync}${tToggle}`);
+      out = out.replace(new RegExp(`\\b${name}\\.value\\s*\\+\\+`, "g"), `${oldSave}${writeSetData(name, `${numOrZero(prop)} + 1`, patch, Boolean(w))}${tail}${sync}${tToggle}`);
+      out = out.replace(new RegExp(`\\b${name}\\.value\\s*--`, "g"), `${oldSave}${writeSetData(name, `${numOrZero(prop)} - 1`, patch, Boolean(w))}${tail}${sync}${tToggle}`);
+    }
+    if (!skip("script/ref-write")) {
+      if (new RegExp(`\\b${name}\\.value\\s*=\\s*(?!=)`).test(out)) {
+        trace?.add("script/ref-write", { line, before: `${name}.value = expr`, after: `this.setData({ ${name}: expr${patch || w ? " + \u6D3E\u751F/\u8054\u52A8" : ""} })` });
+      }
+      const assignRe = new RegExp(`\\b${name}\\.value\\s*=\\s*(?!=)`);
+      const chunks = [];
+      let rest = out;
+      while (true) {
+        const am = assignRe.exec(rest);
+        if (!am) {
+          chunks.push(rest);
+          break;
+        }
+        chunks.push(rest.slice(0, am.index));
+        let i = am.index + am[0].length;
+        let depth = 0;
+        let inStr = null;
+        while (i < rest.length) {
+          const ch = rest[i];
+          if (inStr) {
+            if (ch === "\\") {
+              i += 2;
+              continue;
+            }
+            if (ch === inStr) inStr = null;
+          } else if (ch === '"' || ch === "'") {
+            inStr = ch;
+          } else if (ch === "{" || ch === "(" || ch === "[") {
+            depth++;
+          } else if (ch === "}" || ch === ")" || ch === "]") {
+            depth--;
+          } else if (depth === 0 && (ch === ";" || ch === "\n")) {
+            break;
+          }
+          i++;
+        }
+        const expr = rest.slice(am.index + am[0].length, i).trim();
+        chunks.push(`${oldSave}${writeSetData(name, expr, patch, Boolean(w))}${tail}${sync}${tToggle}`);
+        rest = rest.slice(i);
+      }
+      out = chunks.join("");
+    }
+    if (!skip("script/ref-read")) {
+      if (new RegExp(`\\b${name}\\.value\\b`).test(out)) {
+        trace?.add("script/ref-read", { line, before: `${name}.value`, after: `this.data.${name}` });
+      }
+      out = out.replace(new RegExp(`\\b${name}\\.value\\b`, "g"), prop);
+    }
+  }
+  return out;
+}
+function extractLifecycles(source, trace, disabled, warnings = []) {
+  const out = {};
+  if (disabled?.has("script/lifecycle-map")) return out;
+  const hooks = [
+    { re: /onMounted\s*\(/g, key: "onReady" },
+    { re: /onUnmounted\s*\(/g, key: "onUnload" },
+    { re: /onLoad\s*\(/g, key: "onLoad" }
+  ];
+  const mapped = /* @__PURE__ */ new Set(["onMounted", "onUnmounted", "onLoad"]);
+  for (const hm of source.matchAll(/\bon([A-Z][A-Za-z0-9_]*)\s*\(\s*(?:(?:\([^)]*\)\s*=>)|function)/g)) {
+    const full = `on${hm[1]}`;
+    if (!mapped.has(full)) {
+      warnings.push(`\u672A\u6620\u5C04\u7684\u751F\u547D\u5468\u671F\u94A9\u5B50 ${full}() \u5DF2\u5265\u79BB\uFF08\u5C0F\u7A0B\u5E8F\u65E0\u5BF9\u7B49\u94A9\u5B50\uFF1BWeb \u7AEF\u4FDD\u7559\u539F\u751F\u8BED\u4E49\uFF09\u2014\u2014\u5982\u7EC4\u4EF6\u5185\u9700\u8981\u964D\u7EA7\u8BF4\u660E\u8BF7\u6CE8\u91CA\u6807\u6CE8`);
+    }
+  }
+  for (const h of hooks) {
+    h.re.lastIndex = 0;
+    const m = h.re.exec(source);
+    if (!m) continue;
+    const braceIdx = source.indexOf("{", m.index);
+    const body = extractBracedBody(source, braceIdx);
+    trace?.add("script/lifecycle-map", { line: lineAt(source, m.index), before: m[0].replace(/\s*\(/, "()"), after: h.key });
+    if (body !== null) out[h.key] = body;
+  }
+  return out;
+}
+function indentBody(body) {
+  return body.split("\n").map((l) => `  ${l}`).join("\n");
+}
+function capitalize2(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+var B64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+function vlqEncode(value) {
+  let vlq = value < 0 ? -value << 1 | 1 : value << 1;
+  let out = "";
+  do {
+    let digit = vlq & 31;
+    vlq >>>= 5;
+    if (vlq > 0) digit |= 32;
+    out += B64[digit];
+  } while (vlq > 0);
+  return out;
+}
+function buildSourceMap(js, file, source, lineMappings) {
+  const byOut = new Map(lineMappings.map((m) => [m.out, m.src]));
+  const lineCount = js.split("\n").length;
+  let prevSrc = 0;
+  const segs = [];
+  for (let i = 0; i < lineCount; i++) {
+    const srcLine = byOut.get(i);
+    if (srcLine == null) {
+      segs.push("");
+      continue;
+    }
+    const src0 = srcLine - 1;
+    segs.push(`AA${vlqEncode(src0 - prevSrc)}A`);
+    prevSrc = src0;
+  }
+  return JSON.stringify({
+    version: 3,
+    file: file ? `${file}.js` : "page.js",
+    sources: [file ?? "anonymous.vue"],
+    sourcesContent: [source],
+    names: [],
+    mappings: segs.join(";")
+  });
+}
+function transformScriptToPage(source, _opts = { px2rpx: true, rpxRatio: 2 }, extra = {}) {
+  const warnings = [];
+  const trace = extra.trace;
+  const moduleImports = /* @__PURE__ */ new Map();
+  for (const mi of extra.moduleImports ?? []) moduleImports.set(mi.source, mi.requirePath);
+  const requireLines = [];
+  const importWarnings = [];
+  for (const imp of extractImports(source)) {
+    if (imp.source === "vue") continue;
+    if (imp.typeOnly) continue;
+    if (imp.source.endsWith(".vue")) continue;
+    const reqPath = moduleImports.get(imp.source);
+    if (reqPath) {
+      if (imp.kind === "named") {
+        requireLines.push(`const { ${imp.names.join(", ")} } = require('${reqPath}')`);
+      } else if (imp.kind === "namespace") {
+        requireLines.push(`const ${imp.names[0]} = require('${reqPath}')`);
+      } else if (imp.kind === "default") {
+        requireLines.push(`const ${imp.names[0]} = require('${reqPath}').default !== undefined ? require('${reqPath}').default : require('${reqPath}')`);
+      } else {
+        requireLines.push(`require('${reqPath}')`);
+      }
+      trace?.add("script/module-import", {
+        line: imp.line,
+        before: `import { ${imp.names.join(", ")} } from '${imp.source}'`,
+        after: `const { ${imp.names.join(", ")} } = require('${reqPath}')\uFF08\u8DE8\u6A21\u5757\u5F15\u7528\uFF0C\u5171\u4EAB\u6A21\u5757\u72EC\u7ACB\u4EA7\u7269\uFF09`
+      });
+    } else if (!extra.isComponent) {
+      importWarnings.push(imp.source);
+      trace?.add("script/module-import", {
+        line: imp.line,
+        before: `import ... from '${imp.source}'`,
+        after: "\uFF08\u5265\u79BB\uFF1A\u65E0\u6CD5\u89E3\u6790\u7684\u8DE8\u6A21\u5757\u5F15\u7528\uFF0C\u7B26\u53F7\u5C06 undefined\uFF09"
+      });
+    }
+  }
+  if (importWarnings.length) {
+    warnings.push(
+      `\u68C0\u6D4B\u5230 ${importWarnings.length} \u6761\u65E0\u6CD5\u89E3\u6790\u7684 import\uFF08${importWarnings.slice(0, 3).join(", ")}${importWarnings.length > 3 ? "\u2026" : ""}\uFF09\u2014\u2014\u5C0F\u7A0B\u5E8F\u4EA7\u7269\u65E0\u6A21\u5757\u7CFB\u7EDF\uFF0C\u8DE8\u6A21\u5757\u5F15\u7528\u5C06 undefined\uFF1A\u8BF7\u6539\u7528\u672C\u5730\u6A21\u5757\u8DEF\u5F84\uFF08module-plan B0\uFF1A\u76F8\u5BF9\u8DEF\u5F84\u5171\u4EAB\u6A21\u5757\u81EA\u52A8\u7F16\u8BD1 + require\uFF09\u6216\u6846\u67B6 store \u6865`
+    );
+  }
+  const disabled = resolveOverrides(extra.rules).disabled;
+  const { data, computed, runtimeInits } = disabled.has("script/const-to-data") ? { data: {}, computed: {}, runtimeInits: [] } : extractData(source, warnings, trace);
+  const computeds = disabled.has("script/computed-to-data") ? {} : computed;
+  const watches = disabled.has("script/watch-to-methods") ? {} : extractWatch(source, data, warnings, trace, !disabled.has("script/watch-props"));
+  const props = extra.isComponent && !disabled.has("script/define-props") ? extractProps(source, warnings, trace) : {};
+  const propsVar = source.match(/const\s+([A-Za-z_$][\w$]*)\s*=\s*defineProps\s*[<(]/)?.[1];
+  const emitEnabled = extra.isComponent && /defineEmits\s*\(/.test(source) && !disabled.has("script/define-emits");
+  const methods = extractMethods(source, warnings, trace, disabled);
+  if (extra.isComponent) checkDefineExpose(source, data, warnings, trace);
+  const lifecycles = extractLifecycles(source, trace, disabled, warnings);
+  const vModelBindings = extra.vModelBindings ?? [];
+  const refNames = new Set(Object.keys(data));
+  const piEnabled = !disabled.has("script/provide-inject");
+  const { provides, injects } = piEnabled ? extractProvideInject(source) : { provides: [], injects: [] };
+  const piBlocks = buildProvideInject(provides, injects, data, computeds);
+  if (piEnabled && (provides.length || injects.length)) {
+    trace?.add("script/provide-inject", {
+      before: `${provides.map((p) => `provide(${JSON.stringify(p.key)}, \u2026)`).join("\u3001")}${provides.length && injects.length ? "\uFF1B" : ""}${injects.map((i) => `const ${i.name} = inject(${JSON.stringify(i.key)})`).join("\u3001")}`,
+      after: "\u9875\u9762 onLoad / \u7EC4\u4EF6 created+attached \u6CE8\u5165 getApp().__proteusProvides \u5168\u5C40\u6CE8\u518C\u8868\u8BFB\u5199\uFF08MVP \u503C\u5FEB\u7167\uFF0C\u975E\u54CD\u5E94\u5F0F\uFF09"
+    });
+  }
+  const providedRefs = piEnabled ? piBlocks.provideRefs : /* @__PURE__ */ new Map();
+  const hasInjects = piEnabled && injects.length > 0;
+  const transitions = extra.transitions ?? [];
+  const transitionToggle = /* @__PURE__ */ new Map();
+  for (const t of transitions) transitionToggle.set(t.ref, `proteusTransitionToggle${t.index}`);
+  const dataExtra = {};
+  for (const t of transitions) {
+    dataExtra[`__tv${t.index}`] = data[t.ref];
+    dataExtra[`__tl${t.index}`] = false;
+  }
+  const storeBindings = extra.storeBindings ?? [];
+  const storeVar = runtimeInits.find((i) => i.name === "store" && /^use\w*Store\(/.test(i.call))?.name;
+  const storeBindingInit = storeVar && storeBindings.length ? storeBindingLine(storeBindings, storeVar) : "";
+  if (storeBindingInit) {
+    trace?.add("script/store-binding", {
+      before: `\u6A21\u677F {{ store.${storeBindings.join(" }} / {{ store.")} }}`,
+      after: `onLoad\uFF1Athis.setData(\u6620\u5C04) + store.$subscribe \u2192 setData\uFF08Pinia MP \u7ED1\u5B9A\uFF0Cpinia-plan 12 P1\uFF09`
+    });
+  }
+  const lines = [];
+  if (extra.file) lines.push(`// ${extra.file}\uFF08Proteus mp-transform \u7F16\u8BD1\u4EA7\u7269\uFF09`);
+  lines.push("// AUTO-GENERATED by vite-plugin-mp-transform.ts. DO NOT EDIT.", "");
+  if (requireLines.length) lines.push(...requireLines, "");
+  lines.push(extra.isComponent ? "Component({" : "Page({");
+  const methodLines = [];
+  const methodMappings = [];
+  const pushMethod = (line, srcLine) => {
+    const start = methodLines.length;
+    methodLines.push(line);
+    if (srcLine !== void 0) {
+      const sub = line.split("\n");
+      for (let i = 0; i < sub.length; i++) methodMappings.push({ out: start + i, src: srcLine + i });
+    }
+  };
+  const methodNames = new Set(Object.keys(methods));
+  const bridgeHooks = {
+    hasOnPageScroll: /onPageScroll\s*\(/.test(source),
+    hasOnReachBottom: /onReachBottom\s*\(/.test(source),
+    hasOnPullDownRefresh: /onPullDownRefresh\s*\(/.test(source),
+    hasPageScrollTo: /wx\.pageScrollTo\s*\(/.test(source)
+  };
+  if (!extra.isComponent && !disabled.has("page/scroll-bridge")) {
+    if (bridgeHooks.hasOnPullDownRefresh) dataExtra.__proteusRefreshing = false;
+    if (bridgeHooks.hasPageScrollTo) dataExtra.__proteusPageScrollTop = 0;
+  }
+  const dataEntries = [...Object.entries(data), ...Object.entries(dataExtra)];
+  if (dataEntries.length) {
+    lines.push("  data: {");
+    for (const [k, v] of dataEntries) lines.push(`    ${k}: ${JSON.stringify(v)},`);
+    lines.push("  },");
+  }
+  const propEntries = Object.entries(props);
+  if (extra.isComponent) {
+    const allProps = { ...props };
+    if (!disabled.has("component/root-class")) {
+      allProps.rootClass = { type: "String", value: "" };
+    }
+    const entries = Object.entries(allProps);
+    if (entries.length) {
+      lines.push("  properties: {");
+      for (const [k, p] of entries) {
+        lines.push(`    ${k}: { type: ${p.type}${p.value !== void 0 ? `, value: ${JSON.stringify(p.value)}` : ""} },`);
+      }
+      lines.push("  },");
+    }
+  } else if (propEntries.length) {
+    lines.push("  properties: {");
+    for (const [k, p] of propEntries) {
+      lines.push(`    ${k}: { type: ${p.type}${p.value !== void 0 ? `, value: ${JSON.stringify(p.value)}` : ""} },`);
+    }
+    lines.push("  },");
+  }
+  const vmodelDisabled = disabled.has("script/vmodel-handler");
+  for (const name of vModelBindings) {
+    if (!vmodelDisabled) {
+      methodNames.add(`proteusOn${capitalize2(name)}Input`);
+      pushMethod(`  proteusOn${capitalize2(name)}Input(e) { this.setData({ ${name}: e.detail.value }) },`);
+    }
+  }
+  if (vModelBindings.length && !vmodelDisabled) {
+    trace?.add("script/vmodel-handler", {
+      before: `v-model="${vModelBindings.join('", "')}"`,
+      after: `proteusOn${vModelBindings.map(capitalize2).join(" / proteusOn")}Input\uFF08setData \u56DE\u5199\uFF09`
+    });
+  }
+  const propWatches = Object.values(watches).filter((w) => w.propField);
+  if (extra.isComponent && propWatches.length) {
+    lines.push("  observers: {");
+    for (const w of propWatches) {
+      const observerBody = rewriteBareMethodCalls(rewriteRefAccess(w.body, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames);
+      const bodyLines = observerBody.split("\n");
+      lines.push(`    ${w.propField}(n, o) {`);
+      for (const bl of bodyLines) lines.push(`      ${bl}`);
+      lines.push("    },");
+    }
+    lines.push("  },");
+  }
+  if (extra.usesNavigate && !disabled.has("script/nav-handler")) {
+    trace?.add("script/nav-handler", { before: "<a href> / <router-link>", after: "proteusNavigateTo(e)\uFF08data-url \u2192 wx.navigateTo\uFF09" });
+    methodNames.add("proteusNavigateTo");
+    methodLines.push(
+      "  proteusNavigateTo(e) {",
+      "    const ds = e.currentTarget.dataset",
+      '    const url = String(ds.url || "")',
+      ...extra.debug ? [`    console.log('[proteus][nav] tap', JSON.stringify(ds), Date.now())`] : [],
+      "    if (!url) return",
+      ...extra.debug ? [`    console.log('[proteus][nav] navigateTo', url, Date.now())`] : [],
+      "    const nav = {",
+      "      url: url,",
+      ...extra.debug ? [`      success: function () { console.log('[proteus][nav] navigateTo success', url, Date.now()) },`] : [],
+      "      fail: function (err) {",
+      ...extra.debug ? [`        console.warn('[proteus][nav] navigateTo fail', JSON.stringify(err), Date.now())`] : [],
+      "        if (ds.routeType) wx.navigateTo({ url: url })",
+      "      }",
+      "    }",
+      "    if (ds.routeType) nav.routeType = ds.routeType",
+      "    wx.navigateTo(nav)",
+      "  },"
+    );
+  }
+  if (lifecycles.onReady) {
+    lines.push(`  onReady() {
+${indentBody(rewriteBareMethodCalls(rewriteRefAccess(lifecycles.onReady, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames))}
+  },`);
+  } else if (extra.debug) {
+    lines.push(`  onReady() {
+    console.log('[proteus][page] onReady ${extra.file ?? ""}', Date.now())
+  },`);
+  }
+  const storeDisposeLine = storeVar && !extra.isComponent ? `if (this.${storeVar} && this.${storeVar}.$dispose) { this.${storeVar}.$dispose(); this.${storeVar} = null }` : "";
+  const needsPageCleanup = hasInjects || providedRefs.size > 0 || Boolean(storeDisposeLine);
+  const pageCleanupLine = "const __reg = getApp().__proteusProvides; if (__reg && this.__proteusPageId) delete __reg[this.__proteusPageId]";
+  const unsubLine = hasInjects ? "this.proteusUnsubscribeProvide()" : "";
+  if (lifecycles.onUnload) {
+    const unloadBody = rewriteBareMethodCalls(rewriteRefAccess(lifecycles.onUnload, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames);
+    const isComp = extra.isComponent;
+    const pre = isComp ? [unsubLine].filter(Boolean).join("\n") : [unsubLine, storeDisposeLine, pageCleanupLine].filter(Boolean).join("\n");
+    const hook = isComp ? "detached" : "onUnload";
+    lines.push(`  ${hook}() {
+${indentBody(pre ? `${pre}
+${unloadBody}` : unloadBody)}
+  },`);
+  } else if (needsPageCleanup && !extra.isComponent) {
+    lines.push(`  onUnload() {
+${indentBody([unsubLine, storeDisposeLine, pageCleanupLine].filter(Boolean).join("\n"))}
+  },`);
+  }
+  if (extra.isComponent) {
+    if (piBlocks.provide) {
+      lines.push(`  created() {
+${indentBody(piBlocks.provide)}
+  },`);
+    }
+    const initLines = [computedInitLine(computeds), runtimeInitLine(runtimeInits), storeBindingInit, immediateWatchLine(watches), piBlocks.inject].filter(Boolean);
+    if (initLines.length) {
+      lines.push(`  attached() {
+${indentBody(initLines.join("\n"))}
+  },`);
+    }
+    if (hasInjects && !lifecycles.onUnload) {
+      lines.push(`  detached() {
+    this.proteusUnsubscribeProvide()
+  },`);
+    }
+  } else if (lifecycles.onLoad) {
+    const initLines = [computedInitLine(computeds), runtimeInitLine(runtimeInits), storeBindingInit, immediateWatchLine(watches), piBlocks.page].filter(Boolean);
+    const body = rewriteBareMethodCalls(rewriteRefAccess(lifecycles.onLoad, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames);
+    lines.push(`  onLoad(options) {
+${indentBody(initLines.length ? `${initLines.join("\n")}
+${body}` : body)}
+  },`);
+  } else {
+    if (!disabled.has("script/onload-params")) {
+      trace?.add("script/onload-params", { before: "\uFF08\u65E0\u663E\u5F0F onLoad\uFF09", after: "onLoad(options) \u2192 decodeURIComponent + JSON.parse + setData" });
+      const initLines = [computedInitLine(computeds), runtimeInitLine(runtimeInits), storeBindingInit, immediateWatchLine(watches), piBlocks.page].filter(Boolean);
+      lines.push(
+        [
+          "  onLoad(options) {",
+          ...extra.debug ? [`    console.log('[proteus][page] onLoad ${extra.file ?? ""}', JSON.stringify(options), Date.now())`] : [],
+          ...initLines.map((l) => l.split("\n").map((sl) => `    ${sl}`).join("\n")),
+          "    const params = {}",
+          "    const keys = Object.keys(options || {})",
+          "    for (let i = 0; i < keys.length; i++) {",
+          "      const k = keys[i]",
+          "      const v = options[k]",
+          "      const s = decodeURIComponent(v)",
+          '      try { params[k] = (s.startsWith("{") || s.startsWith("[")) ? JSON.parse(s) : s } catch { params[k] = s }',
+          "    }",
+          "    this.setData(params)",
+          "  },"
+        ].join("\n")
+      );
+    } else if (piBlocks.page) {
+      lines.push(`  onLoad(options) {
+${indentBody(piBlocks.page)}
+  },`);
+    }
+  }
+  const lineMappings = [];
+  const pushMapped = (line, srcLine) => {
+    const start = lines.length;
+    lines.push(line);
+    const sub = line.split("\n");
+    for (let i = 0; i < sub.length; i++) lineMappings.push({ out: start + i, src: srcLine + i });
+  };
+  for (const [name, m] of Object.entries(methods)) {
+    if (extra.debug) methodLines.push(`  // @${m.line} ${name}()`);
+    const braceIdx = m.src.indexOf("{");
+    const sig = m.src.slice(0, braceIdx + 1);
+    const body = m.src.slice(braceIdx + 1);
+    pushMethod(`  ${sig + rewriteBareMethodCalls(rewriteRefAccess(body, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames)},`, m.line);
+  }
+  if (!extra.isComponent && !disabled.has("page/scroll-bridge")) {
+    if (bridgeHooks.hasOnPageScroll) {
+      methodNames.add("proteusPageScroll");
+      methodLines.push('  proteusPageScroll(e) { if (typeof this.onPageScroll === "function") this.onPageScroll({ scrollTop: e.detail.scrollTop, scrollLeft: e.detail.scrollLeft }) },');
+    }
+    if (bridgeHooks.hasOnReachBottom) {
+      methodNames.add("proteusReachBottom");
+      methodLines.push('  proteusReachBottom() { if (typeof this.onReachBottom === "function") this.onReachBottom() },');
+    }
+    if (bridgeHooks.hasOnPullDownRefresh) {
+      methodNames.add("proteusPullDownRefresh");
+      methodLines.push(
+        '  proteusPullDownRefresh() { const __r = typeof this.onPullDownRefresh === "function" ? this.onPullDownRefresh() : undefined; this.setData({ __proteusRefreshing: false }); return __r },'
+      );
+    }
+    if (bridgeHooks.hasPageScrollTo) {
+      methodNames.add("proteusPageScrollTo");
+      methodLines.push("  proteusPageScrollTo(opts) { this.setData({ __proteusPageScrollTop: opts.scrollTop }) },");
+    }
+  }
+  for (const w of Object.values(watches)) {
+    if (w.propField && !w.immediate) continue;
+    methodNames.add(`proteusWatch${w.id}`);
+    const src = `proteusWatch${w.id}(${w.params.join(", ")}) {
+${indentBody(rewriteBareMethodCalls(rewriteRefAccess(w.body, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames))}
+  },`;
+    pushMethod(`  ${src}`, w.line);
+  }
+  for (const [cname, c] of Object.entries(computeds)) {
+    if (!c.setter) continue;
+    methodNames.add(`proteusSet${capitalize2(cname)}`);
+    const src = `proteusSet${capitalize2(cname)}(${c.setter.param}) {
+${indentBody(rewriteBareMethodCalls(rewriteRefAccess(c.setter.body, refNames, trace, disabled, computeds, watches, emitEnabled, propsVar, providedRefs, transitionToggle), methodNames))}
+  },`;
+    pushMethod(`  ${src}`, 1);
+  }
+  for (const h of extra.selfHandlers ?? []) {
+    methodNames.add(`proteusSelf${capitalize2(h)}`);
+    methodLines.push(`  proteusSelf${capitalize2(h)}(e) {`);
+    methodLines.push(`    if (e.target === e.currentTarget) {`);
+    methodLines.push(`      this.${h}(e)`);
+    methodLines.push(`    }`);
+    methodLines.push(`  },`);
+  }
+  for (const h of extra.onceHandlers ?? []) {
+    methodNames.add(`proteusOnce${capitalize2(h)}`);
+    methodLines.push(`  proteusOnce${capitalize2(h)}(e) {`);
+    methodLines.push(`    if (!this.data.__once${capitalize2(h)}) {`);
+    methodLines.push(`      this.data.__once${capitalize2(h)} = true`);
+    methodLines.push(`      this.${h}(e)`);
+    methodLines.push(`    }`);
+    methodLines.push(`  },`);
+  }
+  for (const ih of extra.inlineHandlers ?? []) {
+    if (disabled.has("event/inline-expression")) continue;
+    methodNames.add(ih.name);
+    pushMethod(`  ${ih.name}(e) {`, 1);
+    pushMethod(`    ${ih.code}`, 1);
+    pushMethod(`  },`, 1);
+  }
+  if (providedRefs.size > 0) {
+    methodNames.add("proteusSyncProvide");
+    methodLines.push(
+      "  proteusSyncProvide(key, ref) {",
+      "    const reg = getApp().__proteusProvides",
+      "    const p = reg && this.__proteusPageId ? reg[this.__proteusPageId] : (reg || {})",
+      "    if (!p) return",
+      "    p[key] = this.data[ref]",
+      "    const subs = p.__subs && p.__subs[key]",
+      "    if (!subs) return",
+      "    for (let i = 0; i < subs.length; i++) subs[i]()",
+      "  },"
+    );
+  }
+  if (hasInjects) {
+    methodNames.add("proteusUnsubscribeProvide");
+    methodLines.push(
+      "  proteusUnsubscribeProvide() {",
+      "    const reg = getApp().__proteusProvides",
+      "    const p = reg && this.__proteusPageId ? reg[this.__proteusPageId] : (reg || {})",
+      "    if (!p || !p.__subs || !this.__proteusSubs) return",
+      "    for (let i = 0; i < this.__proteusSubs.length; i++) {",
+      "      const s = this.__proteusSubs[i]",
+      "      const list = p.__subs[s.k]",
+      "      if (list) {",
+      "        const idx = list.indexOf(s.fn)",
+      "        if (idx >= 0) list.splice(idx, 1)",
+      "      }",
+      "    }",
+      "    this.__proteusSubs = null",
+      "  },"
+    );
+  }
+  for (const t of transitions) {
+    const dur = { fade: 250, "slide-up": 320, scale: 400 }[t.tName] ?? 250;
+    methodNames.add(`proteusTransitionToggle${t.index}`);
+    methodLines.push(
+      `  proteusTransitionToggle${t.index}() {`,
+      `    if (this.data.${t.ref}) {`,
+      `      clearTimeout(this.__tlTimer${t.index})`,
+      `      this.__tlTimer${t.index} = null`,
+      `      this.setData({ __tv${t.index}: true, __tl${t.index}: false })`,
+      `      return`,
+      `    }`,
+      `    if (this.__tlTimer${t.index}) return`,
+      `    this.setData({ __tl${t.index}: true })`,
+      `    this.__tlTimer${t.index} = setTimeout(() => {`,
+      `      this.__tlTimer${t.index} = null`,
+      `      this.setData({ __tv${t.index}: false })`,
+      `    }, ${dur})`,
+      `  },`
+    );
+  }
+  if (extra.isComponent) {
+    lines.push("  methods: {");
+    for (const ml of methodLines) {
+      for (const sl of ml.split("\n")) lines.push(`  ${sl}`);
+    }
+    lines.push("  },");
+  } else {
+    lines.push(...methodLines);
+  }
+  const methodsBase = lines.length;
+  for (const mm of methodMappings) lineMappings.push({ out: methodsBase + mm.out, src: mm.src });
+  lines.push("})");
+  trace?.add("script/component-mode", {
+    before: "SFC",
+    after: extra.isComponent ? "Component({ ... })" : "Page({ ... })"
+  });
+  trace?.add("script/es5-safe", { before: "?? / ?. / \u89E3\u6784 / \u5C55\u5F00", after: "\u663E\u5F0F null \u4E09\u5143 / \u7D22\u5F15\u5FAA\u73AF / \u76F4\u63A5\u8D4B\u503C" });
+  for (const w of warnings) console.warn(`[mp-transform] ${w}`);
+  const js = lines.join("\n") + "\n";
+  const jsFinal = js.replace(/\bwx\.pageScrollTo\s*\(/g, "this.proteusPageScrollTo(");
+  const sourcemap = buildSourceMap(jsFinal, extra.file, source, lineMappings);
+  return { js: jsFinal, warnings, sourcemap };
+}
+
+// src/style.ts
+function makeTagSelectorRe(tagMap, semanticClass) {
+  const names = [...Object.keys(tagMap), ...Object.keys(semanticClass)].sort((a, b) => b.length - a.length);
+  return new RegExp(
+    `(?<![\\w-.#:\\[*])(?:${names.join("|")})(?=[\\s.#:\\[>+,~)(\\u0000]|$)`,
+    "g"
+  );
+}
+function rewriteTagSelectors(selector, res, tagRe) {
+  const attrs = [];
+  const masked = selector.replace(/\[[^\]]*\]/g, (m) => {
+    attrs.push(m);
+    return `\0${attrs.length - 1}\0`;
+  });
+  const rewritten = masked.replace(tagRe, (tag) => {
+    const semantic = res.semanticClass[tag];
+    if (semantic) return `.${semantic}`;
+    return res.tagMap[tag] ?? tag;
+  });
+  return rewritten.replace(/\u0000(\d+)\u0000/g, (_m, i) => attrs[Number(i)]);
+}
+function splitTopLevelSelectors(s) {
+  const out = [];
+  let depth = 0;
+  let cur = "";
+  for (const ch of s) {
+    if (ch === "(" || ch === "[") depth++;
+    else if (ch === ")" || ch === "]") depth = Math.max(0, depth - 1);
+    if (ch === "," && depth === 0) {
+      out.push(cur);
+      cur = "";
+      continue;
+    }
+    cur += ch;
+  }
+  out.push(cur);
+  return out;
+}
+function rewriteSelectorTags(css, res, tagRe) {
+  return css.replace(/([^{}]+)\{/g, (_m, sel) => `${rewriteTagSelectors(sel, res, tagRe)}{`);
+}
+var BASE_SEMANTIC_WXSS = [
+  // ★16-progress-skyline-degrade：<progress> 降级自定义进度条（Skyline 不支持原生 progress）
+  ".proteus-progress { display: flex; align-items: center; gap: 8px; }",
+  ".proteus-progress-track { flex: 1; background: #ebedf0; border-radius: 2px; overflow: hidden; }",
+  ".proteus-progress-inner { height: 100%; border-radius: 2px; background: #07c160; }",
+  ".proteus-progress-info { font-size: 13px; color: #666; min-width: 34px; text-align: right; }",
+  // ★2026-08：行内场景自动 flex row（layout/auto-flex-row 模板注入 proteus-flex-row 类）——
+  //   Skyline 不支持 inline 布局，text + 行内控件同行必须 flex row（双端一致）
+  ".proteus-flex-row { display: flex; flex-direction: row; align-items: center; }",
+  ".proteus-h1 { display: block; font-size: 64rpx; font-weight: 700; margin: 0 0 0.67em; }",
+  ".proteus-h2 { display: block; font-size: 48rpx; font-weight: 700; margin: 0 0 0.83em; }",
+  ".proteus-h3 { display: block; font-size: 36rpx; font-weight: 700; margin: 0 0 1em; }",
+  ".proteus-h4 { display: block; font-size: 32rpx; font-weight: 700; margin: 0 0 1.33em; }",
+  ".proteus-h5 { display: block; font-size: 28rpx; font-weight: 700; margin: 0 0 1.67em; }",
+  ".proteus-h6 { display: block; font-size: 24rpx; font-weight: 700; margin: 0 0 2.33em; }",
+  ".proteus-p { display: block; margin: 0 0 1em; }",
+  ".proteus-a { color: #1a7af8; text-decoration: underline; }"
+].join("\n");
+var TRANSITION_WXSS = [
+  // ★Batch 5：离开动画（__tl{i} 插值 class 切换；forwards 保持末帧直到延迟移除）
+  ".proteus-transition-fade-leave { animation: proteus-fade-out 0.25s ease forwards; }",
+  ".proteus-transition-slide-up-leave { animation: proteus-slide-up-out 0.32s cubic-bezier(0.35, 0.91, 0.33, 0.97) forwards; }",
+  ".proteus-transition-scale-leave { animation: proteus-scale-out 0.4s cubic-bezier(0.35, 0.91, 0.33, 0.97) forwards; }",
+  ".proteus-transition-fade { animation: proteus-fade-in 0.25s ease; }",
+  ".proteus-transition-slide-up { animation: proteus-slide-up-in 0.32s cubic-bezier(0.35, 0.91, 0.33, 0.97); }",
+  ".proteus-transition-scale { animation: proteus-scale-in 0.4s cubic-bezier(0.35, 0.91, 0.33, 0.97); }",
+  "@keyframes proteus-fade-in { from { opacity: 0; } to { opacity: 1; } }",
+  "@keyframes proteus-fade-out { from { opacity: 1; } to { opacity: 0; } }",
+  "@keyframes proteus-slide-up-in { from { transform: translateY(20%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }",
+  "@keyframes proteus-slide-up-out { from { transform: translateY(0); opacity: 1; } to { transform: translateY(20%); opacity: 0; } }",
+  "@keyframes proteus-scale-in { from { transform: scale(0.92) translateY(4%); opacity: 0.8; } to { transform: scale(1) translateY(0); opacity: 1; } }",
+  "@keyframes proteus-scale-out { from { transform: scale(1) translateY(0); opacity: 1; } to { transform: scale(0.92) translateY(4%); opacity: 0.8; } }"
+].join("\n");
+function countSelectorRewrites(css, res) {
+  const semanticKeys = Object.keys(res.semanticClass);
+  const tagKeys = Object.keys(res.tagMap).filter((k) => !semanticKeys.includes(k));
+  const lookahead = "[\\s.#:\\[>+,~)(\\u0000]|$";
+  const semanticRe = new RegExp(`(?<![\\w-.\\#:\\[*])(?:${semanticKeys.join("|")})(?=${lookahead})`, "g");
+  const tagRePlain = new RegExp(`(?<![\\w-.\\#:\\[*])(?:${tagKeys.join("|")})(?=${lookahead})`, "g");
+  return { tag: (css.match(tagRePlain) ?? []).length, semantic: (css.match(semanticRe) ?? []).length };
+}
+function transformStyleToWxss(source, opts = { px2rpx: true, rpxRatio: 2 }) {
+  const trace = opts.trace;
+  const res = resolveOverrides(opts.rules);
+  const tagRe = makeTagSelectorRe(res.tagMap, res.semanticClass);
+  const scopeId = opts.scopeId;
+  const doScope = Boolean(scopeId) && !res.disabled.has("style/scoped-css");
+  if (doScope && scopeId) trace?.add("style/scoped-css", { before: "<style scoped>", after: `\u9009\u62E9\u5668\u672B\u5C3E\u8FFD\u52A0 [${scopeId}]\uFF08:deep() \u53BB\u5305\u88C5\uFF09` });
+  const injectBase = !res.disabled.has("style/semantic-base-wxss");
+  let css = injectBase ? `${BASE_SEMANTIC_WXSS}
+${source}` : source;
+  if (injectBase) trace?.add("style/semantic-base-wxss", { before: "h1-h6/p/a \u65E0 UA \u6837\u5F0F", after: ".proteus-h1~h6/.proteus-p/.proteus-a \u57FA\u7840 WXSS\uFF08\u6CE8\u5165\u5728\u7528\u6237\u6837\u5F0F\u4E4B\u524D\uFF09" });
+  const injectTransition = opts.usesTransition === true && !res.disabled.has("transition/animation-wxss");
+  if (injectTransition) css = `${css}
+
+${TRANSITION_WXSS}`;
+  const doSelectorRewrite = !res.disabled.has("style/selector-tag") && !res.disabled.has("style/selector-semantic");
+  const counts = doSelectorRewrite ? countSelectorRewrites(css, res) : { tag: 0, semantic: 0 };
+  if (doSelectorRewrite) css = rewriteSelectorTags(css, res, tagRe);
+  if (counts.tag > 0) trace?.add("style/selector-tag", { before: `\u9009\u62E9\u5668\u542B HTML \u6807\u7B7E\uFF08${counts.tag} \u5904\uFF09`, after: "\u6620\u5C04\u4E3A\u5C0F\u7A0B\u5E8F\u6807\u7B7E\uFF08div \u2192 view\uFF09" });
+  if (counts.semantic > 0) trace?.add("style/selector-semantic", { before: `h1-h6/p/a \u9009\u62E9\u5668\uFF08${counts.semantic} \u5904\uFF09`, after: ".proteus-* \u7C7B\u9009\u62E9\u5668\uFF08\u907F\u514D\u540C\u7279\u5F02\u6027\u8986\u76D6\uFF09" });
+  const doPx2rpx = opts.px2rpx && !res.disabled.has("style/px-to-rpx");
+  const pxCount = (css.match(/(\d+(?:\.\d+)?)px\b/g) ?? []).length;
+  if (doPx2rpx) {
+    const pxCtx = {
+      input: css,
+      options: { rpxRatio: opts.rpxRatio }
+    };
+    executeRule("style/px-to-rpx", pxCtx);
+    css = pxCtx.output ?? css;
+    if (pxCount > 0) trace?.add("style/px-to-rpx", { before: `${pxCount} \u5904 px`, after: `${pxCount} \u5904 rpx\uFF08rpxRatio=${opts.rpxRatio}\uFF09` });
+  }
+  const unsupported = [];
+  if (!res.disabled.has("style/skyline-unsupported")) {
+    if (/float\s*:/.test(css)) unsupported.push("float");
+    if (/position\s*:\s*fixed\b/.test(css)) unsupported.push("position: fixed");
+  }
+  for (const u of unsupported) {
+    console.warn(`[mp-transform] WXSS \u68C0\u6D4B\u5230 Skyline \u4E0D\u652F\u6301\u7684\u5C5E\u6027\uFF1A${u}\uFF08\u7F16\u8BD1\u671F\u8B66\u544A\uFF09`);
+    trace?.add("style/skyline-unsupported", { before: u, after: "\u7F16\u8BD1\u671F\u8B66\u544A\uFF08\u4E0D\u963B\u65AD\u6784\u5EFA\uFF09" });
+  }
+  if (doScope && scopeId) {
+    css = css.replace(/:deep\(([^)]*)\)/g, "$1");
+    css = css.replace(/([^{}]+)\{/g, (m, sel) => {
+      const s = sel.trim();
+      if (s.startsWith("@")) return m;
+      const parts = splitTopLevelSelectors(s);
+      const scoped = parts.map((p) => {
+        const t = p.trim();
+        if (/^(from|to|\d+(?:\.\d+)?%)$/i.test(t)) return t;
+        return suffixClassTokens(t, scopeId);
+      }).join(", ");
+      return `${scoped} {`;
+    });
+  }
+  return css;
+}
+function suffixClassTokens(sel, scopeId) {
+  const attrs = [];
+  const masked = sel.replace(/\[[^\]]*\]/g, (m) => {
+    attrs.push(m);
+    return `\0${attrs.length - 1}\0`;
+  });
+  const out = masked.replace(
+    /\.(-?[_a-zA-Z][-_a-zA-Z0-9]*)/g,
+    (m, name) => name.endsWith(`-${scopeId}`) ? m : `.${name}-${scopeId}`
+  );
+  return out.replace(/\u0000(\d+)\u0000/g, (_m, i) => attrs[Number(i)]);
+}
+
+// src/validate.ts
+var CompilerError = class extends Error {
+  constructor(filename, message) {
+    super(`[proteus-compiler] ${filename}: ${message}`);
+    this.filename = filename;
+    this.name = "CompilerError";
+  }
+};
+function validateJs(js) {
+  try {
+    new Function(js);
+    return { ok: true };
+  } catch (err) {
+    return { ok: false, error: err.message };
+  }
+}
+function validateWxml(wxml) {
+  const withoutComments = wxml.replace(/<!--[\s\S]*?-->/g, "");
+  const tagRe = /<\/?([a-zA-Z][\w-]*)(?:"[^"]*"|'[^']*'|[^>"'])*\/?>/g;
+  const stack = [];
+  let m;
+  while (m = tagRe.exec(withoutComments)) {
+    const full = m[0];
+    const name = m[1];
+    if (full.startsWith("</")) {
+      const top = stack.pop();
+      if (top !== name) {
+        return { ok: false, error: `</${name}> \u4E0E <${top ?? "(\u65E0)"}> \u4E0D\u5339\u914D\uFF08\u4F4D\u7F6E ${m.index}\uFF09` };
+      }
+    } else if (!full.endsWith("/>")) {
+      stack.push(name);
+    }
+  }
+  if (stack.length) {
+    return { ok: false, error: `<${stack[stack.length - 1]}> \u672A\u95ED\u5408` };
+  }
+  return { ok: true };
+}
+function assertValidResult(result, filename) {
+  const jsCheck = validateJs(result.js);
+  if (!jsCheck.ok) {
+    throw new CompilerError(filename, `js \u4EA7\u7269\u8BED\u6CD5\u9519\u8BEF\uFF1A${jsCheck.error}`);
+  }
+  const wxmlCheck = validateWxml(result.wxml);
+  if (!wxmlCheck.ok) {
+    throw new CompilerError(filename, `wxml \u4EA7\u7269\u7ED3\u6784\u9519\u8BEF\uFF1A${wxmlCheck.error}`);
+  }
+}
+
+// src/explain.ts
+import { parse as sfcParse } from "@vue/compiler-sfc";
+function explainTransform(source, options = {}) {
+  const { descriptor } = sfcParse(source, { filename: options.filename ?? "anonymous.vue" });
+  const styleOpts = { px2rpx: options.px2rpx ?? true, rpxRatio: options.rpxRatio ?? 2 };
+  const events = [];
+  const tplTrace = createTrace("template");
+  const tpl = descriptor.template?.content ?? "";
+  const tplResult = transformTemplateToWxml(tpl, {
+    ...styleOpts,
+    filename: options.filename,
+    annotateLines: options.annotateLines,
+    rules: options.rules,
+    trace: tplTrace
+  });
+  events.push(...tplTrace.events);
+  const setup = descriptor.scriptSetup?.content ?? descriptor.script?.content ?? "";
+  const scriptTrace = createTrace("script");
+  transformScriptToPage(setup, styleOpts, {
+    file: options.filename,
+    isComponent: options.isComponent,
+    vModelBindings: tplResult.vModelBindings,
+    usesNavigate: tplResult.usesNavigate,
+    rules: options.rules,
+    trace: scriptTrace
+  });
+  events.push(...scriptTrace.events);
+  const styleTrace = createTrace("style");
+  transformStyleToWxss(
+    descriptor.styles.map((s) => s.content).join("\n"),
+    { ...styleOpts, rules: options.rules, trace: styleTrace }
+  );
+  events.push(...styleTrace.events);
+  return { filename: options.filename, events };
+}
+function formatTransformTrace(result) {
+  const phases = ["template", "script", "style", "validate"];
+  const blocks = [];
+  for (const phase of phases) {
+    const evts = result.events.filter((e) => e.phase === phase);
+    if (!evts.length) continue;
+    const lines = evts.map((e) => {
+      const line = e.line != null ? `L${e.line} ` : "";
+      const detail = [e.before, e.after].filter(Boolean).join(" \u2192 ");
+      return `  ${line}${e.ruleId}${detail ? `\uFF1A${detail}` : ""}`;
+    });
+    blocks.push(`### ${phase} \u9636\u6BB5\uFF08${evts.length} \u4E2A\u51B3\u7B56\uFF09
+${lines.join("\n")}`);
+  }
+  return `# explainTransform ${result.filename ?? ""}
+
+${blocks.join("\n\n")}`;
+}
+
+// src/index.ts
+function scopedIdFrom(filename) {
+  let hash = 5381;
+  for (let i = 0; i < filename.length; i++) {
+    hash = (hash << 5) + hash + filename.charCodeAt(i) >>> 0;
+  }
+  return `data-v-${hash.toString(16).slice(0, 6)}`;
+}
+function compileVueSfc(source, options = {}) {
+  const { descriptor } = sfcParse2(source, { filename: options.filename ?? "anonymous.vue" });
+  const styleOpts = {
+    px2rpx: options.px2rpx ?? true,
+    rpxRatio: options.rpxRatio ?? 2,
+    rules: options.rules
+  };
+  const globalStyles = descriptor.styles.filter((s) => s.attrs?.global !== void 0);
+  const scopedStyles = descriptor.styles.filter((s) => s.attrs?.global === void 0);
+  const hasScoped = scopedStyles.length > 0;
+  const scopeId = hasScoped ? scopedIdFrom(options.filename ?? "anonymous.vue") : void 0;
+  const tplTrace = createTrace("template");
+  const tpl = descriptor.template?.content ?? "";
+  const setup = descriptor.scriptSetup?.content ?? descriptor.script?.content ?? "";
+  const pageScrollHooks = {
+    hasOnPageScroll: /onPageScroll\s*\(/.test(setup),
+    hasOnReachBottom: /onReachBottom\s*\(/.test(setup),
+    hasOnPullDownRefresh: /onPullDownRefresh\s*\(/.test(setup),
+    hasPageScrollTo: /wx\.pageScrollTo\s*\(/.test(setup)
+  };
+  const tplResult = transformTemplateToWxml(tpl, {
+    ...styleOpts,
+    filename: options.filename,
+    annotateLines: options.annotateLines,
+    scopeId,
+    isComponent: options.isComponent,
+    autoScrollContainer: options.autoScrollContainer,
+    pageScrollHooks,
+    trace: tplTrace
+  });
+  const scriptTrace = createTrace("script");
+  const scriptResult = transformScriptToPage(setup, styleOpts, {
+    file: options.filename,
+    isComponent: options.isComponent,
+    vModelBindings: tplResult.vModelBindings,
+    usesNavigate: tplResult.usesNavigate,
+    selfHandlers: tplResult.selfHandlers,
+    onceHandlers: tplResult.onceHandlers,
+    inlineHandlers: tplResult.inlineHandlers,
+    debug: options.debug,
+    rules: options.rules,
+    transitions: tplResult.transitions,
+    storeBindings: tplResult.storeBindings,
+    moduleImports: options.moduleImports,
+    trace: scriptTrace
+  });
+  const styleTrace = createTrace("style");
+  const preprocess = (s) => s.lang && options.preprocessStyle ? options.preprocessStyle(s.lang, s.content) : s.content;
+  if (!options.rules?.disabled?.includes("style/default-scoped")) {
+    for (const s of scopedStyles) {
+      if (!s.scoped) {
+        const msg = `<style> \u5DF2\u6309 scoped \u5904\u7406\uFF08Proteus \u9ED8\u8BA4\u5C40\u90E8\u4F5C\u7528\u57DF\uFF1BVue \u6807\u51C6 <style> \u4E3A\u5168\u5C40\uFF0CWeb \u7AEF\u4F1A\u6CC4\u6F0F\u5230\u6240\u6709\u9875\u9762\uFF09\u2014\u2014\u5982\u9700\u5168\u5C40\u6837\u5F0F\u8BF7\u6539\u7528 <style global>`;
+        tplResult.warnings.push(msg);
+        console.warn(`[mp-transform] ${msg}`);
+        break;
+      }
+    }
+  }
+  const globalWxss = transformStyleToWxss(globalStyles.map(preprocess).join("\n"), {
+    ...styleOpts,
+    usesTransition: tplResult.usesTransition,
+    trace: styleTrace
+  });
+  const scopedWxss = transformStyleToWxss(scopedStyles.map(preprocess).join("\n"), {
+    ...styleOpts,
+    scopeId,
+    usesTransition: tplResult.usesTransition,
+    trace: styleTrace
+  });
+  const wxss = [globalWxss, scopedWxss].filter(Boolean).join("\n");
+  const pageScrollCss = tplResult.pageScrollWrapped ? "\n.proteus-page-scroll { height: 100vh; }\n" : "";
+  const finalWxss = `${wxss}${pageScrollCss}`;
+  const result = {
+    wxml: tplResult.wxml,
+    js: scriptResult.js,
+    wxss: finalWxss,
+    warnings: [...tplResult.warnings, ...scriptResult.warnings],
+    trace: [...tplTrace.events, ...scriptTrace.events, ...styleTrace.events],
+    sourcemap: scriptResult.sourcemap
+  };
+  assertValidResult(result, options.filename ?? "anonymous.vue");
+  return result;
+}
+export {
+  CompilerError,
+  compileVueSfc,
+  createTrace,
+  explainTransform,
+  formatTransformCatalog,
+  formatTransformRule,
+  formatTransformTrace,
+  getTransformRule,
+  lineAt,
+  listTransformRules,
+  scopedIdFrom,
+  transformScriptToPage,
+  transformStyleToWxss,
+  transformTemplateToWxml,
+  validateJs,
+  validateWxml
+};