@weapp-vite/web 2.0.0 → 2.1.0

package/dist/css/wxss.d.mts

@@ -1,25 +1,8 @@
+import { WxssTransformOptions } from "../shared/styleUnits/options.mjs";
 import postcss from "postcss";
-//#region src/css/wxss.d.ts
-export interface WxssTransformOptions {
-  /**
-   * 1rpx 对应的 CSS 像素数。
-   * 默认值近似于 750rpx 设计稿在 375px 屏幕上的换算。
-   */
-  pxPerRpx?: number;
-  /**
-   * rpx 换算的设计宽度。传入后会把 rpx 转为
-   * `calc(var(--rpx) * N)` 以实现响应式缩放。
-   */
-  designWidth?: number;
-  /**
-   * 用于存储运行时 rpx 大小的 CSS 变量名。
-   * @default "--rpx"
-   */
-  rpxVar?: string;
-}
 export interface WxssTransformResult {
   css: string;
 }
 export declare function transformWxssToCss(source: string, options?: WxssTransformOptions): WxssTransformResult;
-//#endregion
+export type { WxssTransformOptions };
 //# sourceMappingURL=wxss.d.mts.map

package/dist/css/wxss.mjs

@@ -1,10 +1,10 @@
 import { resolveNativeComponentWebTag } from "../shared/nativeComponents.mjs";
+import { resolveStyleUnitOptions } from "../shared/styleUnits/options.mjs";
+import { transformStyleValue } from "../shared/styleUnits/value.mjs";
 import postcss from "postcss";
 import selectorParser from "postcss-selector-parser";
 
-//#region src/css/wxss.ts
-const RPX_RE = /(-?(?:\d+(?:\.\d+)?|\.\d+))rpx/gi;
-const SAFE_AREA_ENV_RE = /env\(\s*safe-area-inset-(top|right|bottom|left)(?:\s*,[^)]*)?\)/gi;
+// src/css/wxss.ts
 const PAGE_HOST_SELECTOR = selectorParser().astSync(":host(:where([data-weapp-page-active]))").nodes[0].nodes[0];
 function isDeepPseudo(pseudo) {
 	return pseudo.value === ":deep" || pseudo.value === "::v-deep";
@@ -86,18 +86,12 @@ function transformWxssSelector(selector) {
 	return output.join(",\n");
 }
 function transformWxssRoot(root, options) {
-	const rpxVar = options?.rpxVar ?? "--rpx";
-	const useVariable = options?.pxPerRpx === void 0 || typeof options.designWidth === "number" && Number.isFinite(options.designWidth);
-	const ratio = options?.pxPerRpx ?? .5;
+	const unitOptions = resolveStyleUnitOptions(options);
 	root.walkRules((rule) => {
 		if (rule.selector) rule.selector = transformWxssSelector(rule.selector);
 	});
 	root.walkDecls((declaration) => {
-		declaration.value = declaration.value.replace(SAFE_AREA_ENV_RE, (_, side) => `var(--weapp-safe-area-inset-${side})`).replace(RPX_RE, (_, value) => {
-			const numeric = Number.parseFloat(value);
-			if (useVariable) return `calc(var(${rpxVar}) * ${numeric})`;
-			return `${Math.round(numeric * ratio * 1e3) / 1e3}px`;
-		});
+		declaration.value = transformStyleValue(declaration.value, unitOptions);
 	});
 }
 function createWxssPostcssPlugin(options) {
@@ -114,6 +108,5 @@ function transformWxssToCss(source, options) {
 	return { css: root.toString() };
 }
 
-//#endregion
 export { createWxssPostcssPlugin, transformWxssToCss };
 //# sourceMappingURL=wxss.mjs.map

package/dist/css/wxss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wxss.mjs","names":[],"sources":["../../src/css/wxss.ts"],"sourcesContent":["import postcss from 'postcss'\nimport selectorParser from 'postcss-selector-parser'\nimport { resolveNativeComponentWebTag } from '../shared/nativeComponents'\n\nexport interface WxssTransformOptions {\n  /**\n   * 1rpx 对应的 CSS 像素数。\n   * 默认值近似于 750rpx 设计稿在 375px 屏幕上的换算。\n   */\n  pxPerRpx?: number\n  /**\n   * rpx 换算的设计宽度。传入后会把 rpx 转为\n   * `calc(var(--rpx) * N)` 以实现响应式缩放。\n   */\n  designWidth?: number\n  /**\n   * 用于存储运行时 rpx 大小的 CSS 变量名。\n   * @default \"--rpx\"\n   */\n  rpxVar?: string\n}\n\nexport interface WxssTransformResult {\n  css: string\n}\n\nconst RPX_RE = /(-?(?:\\d+(?:\\.\\d+)?|\\.\\d+))rpx/gi\nconst SAFE_AREA_ENV_RE = /env\\(\\s*safe-area-inset-(top|right|bottom|left)(?:\\s*,[^)]*)?\\)/gi\nconst PAGE_HOST_SELECTOR = selectorParser().astSync(':host(:where([data-weapp-page-active]))').nodes[0]!.nodes[0]!\n\nfunction isDeepPseudo(pseudo: selectorParser.Pseudo) {\n  return pseudo.value === ':deep' || pseudo.value === '::v-deep'\n}\n\nfunction flattenDeepPseudos(selector: selectorParser.Selector) {\n  selector.walkPseudos((pseudo) => {\n    if (!isDeepPseudo(pseudo)) {\n      return\n    }\n    const nestedSelector = pseudo.nodes?.[0]\n    if (nestedSelector && nestedSelector.nodes.length > 0) {\n      pseudo.replaceWith(...nestedSelector.nodes.map(node => node.clone()))\n      return\n    }\n    pseudo.remove()\n  })\n}\n\nfunction transformNativeTags(selector: selectorParser.Selector) {\n  selector.walkTags((tag) => {\n    if (tag.parent?.type === 'selector' && tag.parent.parent?.type === 'pseudo' && tag.parent.parent.value === '::part') {\n      return\n    }\n    if (tag.value === 'page') {\n      tag.replaceWith(PAGE_HOST_SELECTOR.clone())\n      return\n    }\n    const webTag = resolveNativeComponentWebTag(tag.value)\n    if (webTag) {\n      tag.value = webTag\n    }\n  })\n}\n\nfunction createPartPseudo(className: string) {\n  return selectorParser.pseudo({\n    value: '::part',\n    nodes: [selectorParser.selector({\n      value: '',\n      nodes: [selectorParser.tag({ value: className })],\n    })],\n  })\n}\n\nfunction createVirtualHostPartSelector(source: selectorParser.Selector) {\n  const selector = source.clone()\n  let deepPseudo: selectorParser.Pseudo | undefined\n  selector.walkPseudos((pseudo) => {\n    if (!deepPseudo && isDeepPseudo(pseudo)) {\n      deepPseudo = pseudo\n    }\n  })\n  if (!deepPseudo || deepPseudo.parent?.type !== 'selector') {\n    return undefined\n  }\n\n  const parent = deepPseudo.parent\n  const pseudoIndex = parent.nodes.indexOf(deepPseudo)\n  const nestedNodes = deepPseudo.nodes?.[0]?.nodes ?? []\n  const nestedTargetClass = nestedNodes.find(node => node.type === 'class')?.value\n  let targetStart = pseudoIndex\n  if (nestedNodes.length > 0) {\n    deepPseudo.replaceWith(...nestedNodes.map(node => node.clone()))\n  }\n  else {\n    deepPseudo.remove()\n    while (parent.nodes[targetStart]?.type === 'combinator') {\n      targetStart += 1\n    }\n  }\n\n  let targetEnd = targetStart\n  while (targetEnd + 1 < parent.nodes.length && parent.nodes[targetEnd + 1]?.type !== 'combinator') {\n    targetEnd += 1\n  }\n  if (targetStart >= parent.nodes.length || targetEnd < parent.nodes.length - 1) {\n    return undefined\n  }\n\n  const targetNodes = parent.nodes.slice(targetStart, targetEnd + 1)\n  const targetClass = nestedTargetClass\n    ?? targetNodes.find(node => node.type === 'class')?.value\n  const targetNode = parent.nodes[targetEnd]!\n  if (!targetClass) {\n    return undefined\n  }\n\n  const firstTargetPseudo = targetNodes.find(node => node.type === 'pseudo')\n  if (firstTargetPseudo?.value.startsWith(':') && !firstTargetPseudo.value.startsWith('::')) {\n    return undefined\n  }\n  if (firstTargetPseudo) {\n    parent.insertBefore(firstTargetPseudo, createPartPseudo(targetClass))\n  }\n  else {\n    parent.insertAfter(targetNode, createPartPseudo(targetClass))\n  }\n  flattenDeepPseudos(selector)\n  transformNativeTags(selector)\n  return selector\n}\n\nfunction transformWxssSelector(selector: string) {\n  const root = selectorParser().astSync(selector)\n  const output: string[] = []\n  for (const sourceSelector of root.nodes) {\n    const partSelector = createVirtualHostPartSelector(sourceSelector)\n    const flatSelector = sourceSelector.clone()\n    flattenDeepPseudos(flatSelector)\n    transformNativeTags(flatSelector)\n    output.push(flatSelector.toString())\n    if (partSelector) {\n      output.push(partSelector.toString())\n    }\n  }\n  return output.join(',\\n')\n}\n\nfunction transformWxssRoot(root: postcss.Root, options?: WxssTransformOptions) {\n  const rpxVar = options?.rpxVar ?? '--rpx'\n  const useVariable = options?.pxPerRpx === undefined\n    || (typeof options.designWidth === 'number' && Number.isFinite(options.designWidth))\n  const ratio = options?.pxPerRpx ?? 0.5\n  root.walkRules((rule) => {\n    if (rule.selector) {\n      rule.selector = transformWxssSelector(rule.selector)\n    }\n  })\n  root.walkDecls((declaration) => {\n    declaration.value = declaration.value\n      .replace(\n        SAFE_AREA_ENV_RE,\n        (_, side: string) => `var(--weapp-safe-area-inset-${side})`,\n      )\n      .replace(RPX_RE, (_, value: string) => {\n        const numeric = Number.parseFloat(value)\n        if (useVariable) {\n          return `calc(var(${rpxVar}) * ${numeric})`\n        }\n        const converted = Math.round(numeric * ratio * 1000) / 1000\n        return `${converted}px`\n      })\n  })\n}\n\nexport function createWxssPostcssPlugin(options?: WxssTransformOptions) {\n  return {\n    postcssPlugin: 'weapp-vite-web-wxss',\n    Once(root: postcss.Root) {\n      transformWxssRoot(root, options)\n    },\n  }\n}\n\nexport function transformWxssToCss(source: string, options?: WxssTransformOptions): WxssTransformResult {\n  const root = postcss.parse(source)\n  transformWxssRoot(root, options)\n  return {\n    css: root.toString(),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"wxss.mjs","names":[],"sources":["../../src/css/wxss.ts"],"sourcesContent":["import type { WxssTransformOptions } from '../shared/styleUnits/options'\nimport postcss from 'postcss'\nimport selectorParser from 'postcss-selector-parser'\nimport { resolveNativeComponentWebTag } from '../shared/nativeComponents'\nimport { resolveStyleUnitOptions } from '../shared/styleUnits/options'\nimport { transformStyleValue } from '../shared/styleUnits/value'\n\nexport type { WxssTransformOptions } from '../shared/styleUnits/options'\n\nexport interface WxssTransformResult {\n  css: string\n}\n\nconst PAGE_HOST_SELECTOR = selectorParser().astSync(':host(:where([data-weapp-page-active]))').nodes[0]!.nodes[0]!\n\nfunction isDeepPseudo(pseudo: selectorParser.Pseudo) {\n  return pseudo.value === ':deep' || pseudo.value === '::v-deep'\n}\n\nfunction flattenDeepPseudos(selector: selectorParser.Selector) {\n  selector.walkPseudos((pseudo) => {\n    if (!isDeepPseudo(pseudo)) {\n      return\n    }\n    const nestedSelector = pseudo.nodes?.[0]\n    if (nestedSelector && nestedSelector.nodes.length > 0) {\n      pseudo.replaceWith(...nestedSelector.nodes.map(node => node.clone()))\n      return\n    }\n    pseudo.remove()\n  })\n}\n\nfunction transformNativeTags(selector: selectorParser.Selector) {\n  selector.walkTags((tag) => {\n    if (tag.parent?.type === 'selector' && tag.parent.parent?.type === 'pseudo' && tag.parent.parent.value === '::part') {\n      return\n    }\n    if (tag.value === 'page') {\n      tag.replaceWith(PAGE_HOST_SELECTOR.clone())\n      return\n    }\n    const webTag = resolveNativeComponentWebTag(tag.value)\n    if (webTag) {\n      tag.value = webTag\n    }\n  })\n}\n\nfunction createPartPseudo(className: string) {\n  return selectorParser.pseudo({\n    value: '::part',\n    nodes: [selectorParser.selector({\n      value: '',\n      nodes: [selectorParser.tag({ value: className })],\n    })],\n  })\n}\n\nfunction createVirtualHostPartSelector(source: selectorParser.Selector) {\n  const selector = source.clone()\n  let deepPseudo: selectorParser.Pseudo | undefined\n  selector.walkPseudos((pseudo) => {\n    if (!deepPseudo && isDeepPseudo(pseudo)) {\n      deepPseudo = pseudo\n    }\n  })\n  if (!deepPseudo || deepPseudo.parent?.type !== 'selector') {\n    return undefined\n  }\n\n  const parent = deepPseudo.parent\n  const pseudoIndex = parent.nodes.indexOf(deepPseudo)\n  const nestedNodes = deepPseudo.nodes?.[0]?.nodes ?? []\n  const nestedTargetClass = nestedNodes.find(node => node.type === 'class')?.value\n  let targetStart = pseudoIndex\n  if (nestedNodes.length > 0) {\n    deepPseudo.replaceWith(...nestedNodes.map(node => node.clone()))\n  }\n  else {\n    deepPseudo.remove()\n    while (parent.nodes[targetStart]?.type === 'combinator') {\n      targetStart += 1\n    }\n  }\n\n  let targetEnd = targetStart\n  while (targetEnd + 1 < parent.nodes.length && parent.nodes[targetEnd + 1]?.type !== 'combinator') {\n    targetEnd += 1\n  }\n  if (targetStart >= parent.nodes.length || targetEnd < parent.nodes.length - 1) {\n    return undefined\n  }\n\n  const targetNodes = parent.nodes.slice(targetStart, targetEnd + 1)\n  const targetClass = nestedTargetClass\n    ?? targetNodes.find(node => node.type === 'class')?.value\n  const targetNode = parent.nodes[targetEnd]!\n  if (!targetClass) {\n    return undefined\n  }\n\n  const firstTargetPseudo = targetNodes.find(node => node.type === 'pseudo')\n  if (firstTargetPseudo?.value.startsWith(':') && !firstTargetPseudo.value.startsWith('::')) {\n    return undefined\n  }\n  if (firstTargetPseudo) {\n    parent.insertBefore(firstTargetPseudo, createPartPseudo(targetClass))\n  }\n  else {\n    parent.insertAfter(targetNode, createPartPseudo(targetClass))\n  }\n  flattenDeepPseudos(selector)\n  transformNativeTags(selector)\n  return selector\n}\n\nfunction transformWxssSelector(selector: string) {\n  const root = selectorParser().astSync(selector)\n  const output: string[] = []\n  for (const sourceSelector of root.nodes) {\n    const partSelector = createVirtualHostPartSelector(sourceSelector)\n    const flatSelector = sourceSelector.clone()\n    flattenDeepPseudos(flatSelector)\n    transformNativeTags(flatSelector)\n    output.push(flatSelector.toString())\n    if (partSelector) {\n      output.push(partSelector.toString())\n    }\n  }\n  return output.join(',\\n')\n}\n\nfunction transformWxssRoot(root: postcss.Root, options?: WxssTransformOptions) {\n  const unitOptions = resolveStyleUnitOptions(options)\n  root.walkRules((rule) => {\n    if (rule.selector) {\n      rule.selector = transformWxssSelector(rule.selector)\n    }\n  })\n  root.walkDecls((declaration) => {\n    declaration.value = transformStyleValue(declaration.value, unitOptions)\n  })\n}\n\nexport function createWxssPostcssPlugin(options?: WxssTransformOptions) {\n  return {\n    postcssPlugin: 'weapp-vite-web-wxss',\n    Once(root: postcss.Root) {\n      transformWxssRoot(root, options)\n    },\n  }\n}\n\nexport function transformWxssToCss(source: string, options?: WxssTransformOptions): WxssTransformResult {\n  const root = postcss.parse(source)\n  transformWxssRoot(root, options)\n  return {\n    css: root.toString(),\n  }\n}\n"],"mappings":";;;;;;;AAaA,MAAM,qBAAqB,eAAe,CAAC,CAAC,QAAQ,yCAAyC,CAAC,CAAC,MAAM,EAAE,CAAE,MAAM;AAE/G,SAAS,aAAa,QAA+B;CACnD,OAAO,OAAO,UAAU,WAAW,OAAO,UAAU;AACtD;AAEA,SAAS,mBAAmB,UAAmC;CAC7D,SAAS,aAAa,WAAW;EAC/B,IAAI,CAAC,aAAa,MAAM,GACtB;EAEF,MAAM,iBAAiB,OAAO,QAAQ;EACtC,IAAI,kBAAkB,eAAe,MAAM,SAAS,GAAG;GACrD,OAAO,YAAY,GAAG,eAAe,MAAM,KAAI,SAAQ,KAAK,MAAM,CAAC,CAAC;GACpE;EACF;EACA,OAAO,OAAO;CAChB,CAAC;AACH;AAEA,SAAS,oBAAoB,UAAmC;CAC9D,SAAS,UAAU,QAAQ;EACzB,IAAI,IAAI,QAAQ,SAAS,cAAc,IAAI,OAAO,QAAQ,SAAS,YAAY,IAAI,OAAO,OAAO,UAAU,UACzG;EAEF,IAAI,IAAI,UAAU,QAAQ;GACxB,IAAI,YAAY,mBAAmB,MAAM,CAAC;GAC1C;EACF;EACA,MAAM,SAAS,6BAA6B,IAAI,KAAK;EACrD,IAAI,QACF,IAAI,QAAQ;CAEhB,CAAC;AACH;AAEA,SAAS,iBAAiB,WAAmB;CAC3C,OAAO,eAAe,OAAO;EAC3B,OAAO;EACP,OAAO,CAAC,eAAe,SAAS;GAC9B,OAAO;GACP,OAAO,CAAC,eAAe,IAAI,EAAE,OAAO,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;CACJ,CAAC;AACH;AAEA,SAAS,8BAA8B,QAAiC;CACtE,MAAM,WAAW,OAAO,MAAM;CAC9B,IAAI;CACJ,SAAS,aAAa,WAAW;EAC/B,IAAI,CAAC,cAAc,aAAa,MAAM,GACpC,aAAa;CAEjB,CAAC;CACD,IAAI,CAAC,cAAc,WAAW,QAAQ,SAAS,YAC7C;CAGF,MAAM,SAAS,WAAW;CAC1B,MAAM,cAAc,OAAO,MAAM,QAAQ,UAAU;CACnD,MAAM,cAAc,WAAW,QAAQ,EAAE,EAAE,SAAS,CAAC;CACrD,MAAM,oBAAoB,YAAY,MAAK,SAAQ,KAAK,SAAS,OAAO,CAAC,EAAE;CAC3E,IAAI,cAAc;CAClB,IAAI,YAAY,SAAS,GACvB,WAAW,YAAY,GAAG,YAAY,KAAI,SAAQ,KAAK,MAAM,CAAC,CAAC;MAE5D;EACH,WAAW,OAAO;EAClB,OAAO,OAAO,MAAM,YAAY,EAAE,SAAS,cACzC,eAAe;CAEnB;CAEA,IAAI,YAAY;CAChB,OAAO,YAAY,IAAI,OAAO,MAAM,UAAU,OAAO,MAAM,YAAY,EAAE,EAAE,SAAS,cAClF,aAAa;CAEf,IAAI,eAAe,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,SAAS,GAC1E;CAGF,MAAM,cAAc,OAAO,MAAM,MAAM,aAAa,YAAY,CAAC;CACjE,MAAM,cAAc,qBACf,YAAY,MAAK,SAAQ,KAAK,SAAS,OAAO,CAAC,EAAE;CACtD,MAAM,aAAa,OAAO,MAAM;CAChC,IAAI,CAAC,aACH;CAGF,MAAM,oBAAoB,YAAY,MAAK,SAAQ,KAAK,SAAS,QAAQ;CACzE,IAAI,mBAAmB,MAAM,WAAW,GAAG,KAAK,CAAC,kBAAkB,MAAM,WAAW,IAAI,GACtF;CAEF,IAAI,mBACF,OAAO,aAAa,mBAAmB,iBAAiB,WAAW,CAAC;MAGpE,OAAO,YAAY,YAAY,iBAAiB,WAAW,CAAC;CAE9D,mBAAmB,QAAQ;CAC3B,oBAAoB,QAAQ;CAC5B,OAAO;AACT;AAEA,SAAS,sBAAsB,UAAkB;CAC/C,MAAM,OAAO,eAAe,CAAC,CAAC,QAAQ,QAAQ;CAC9C,MAAM,SAAmB,CAAC;CAC1B,KAAK,MAAM,kBAAkB,KAAK,OAAO;EACvC,MAAM,eAAe,8BAA8B,cAAc;EACjE,MAAM,eAAe,eAAe,MAAM;EAC1C,mBAAmB,YAAY;EAC/B,oBAAoB,YAAY;EAChC,OAAO,KAAK,aAAa,SAAS,CAAC;EACnC,IAAI,cACF,OAAO,KAAK,aAAa,SAAS,CAAC;CAEvC;CACA,OAAO,OAAO,KAAK,KAAK;AAC1B;AAEA,SAAS,kBAAkB,MAAoB,SAAgC;CAC7E,MAAM,cAAc,wBAAwB,OAAO;CACnD,KAAK,WAAW,SAAS;EACvB,IAAI,KAAK,UACP,KAAK,WAAW,sBAAsB,KAAK,QAAQ;CAEvD,CAAC;CACD,KAAK,WAAW,gBAAgB;EAC9B,YAAY,QAAQ,oBAAoB,YAAY,OAAO,WAAW;CACxE,CAAC;AACH;AAEA,SAAgB,wBAAwB,SAAgC;CACtE,OAAO;EACL,eAAe;EACf,KAAK,MAAoB;GACvB,kBAAkB,MAAM,OAAO;EACjC;CACF;AACF;AAEA,SAAgB,mBAAmB,QAAgB,SAAqD;CACtG,MAAM,OAAO,QAAQ,MAAM,MAAM;CACjC,kBAAkB,MAAM,OAAO;CAC/B,OAAO,EACL,KAAK,KAAK,SAAS,EACrB;AACF"}

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import { ResolvedStyleUnitOptions } from "./shared/styleUnits/options.mjs";
 import { transformWxssToCss } from "./css/wxss.mjs";
 import { RenderContext, createRenderContext } from "./runtime/renderContext.mjs";
 import { createTemplate, renderTemplate } from "./runtime/legacyTemplate/index.mjs";
@@ -11,14 +12,16 @@ import { WeappWebPluginOptions } from "./plugin/types.mjs";
 import { weappWebPlugin } from "./plugin/index.mjs";
 import "./plugin.mjs";
 import { ButtonFormConfig, ensureButtonDefined, setButtonFormConfig } from "./runtime/button/index.mjs";
+import { bindRuntimeDataset } from "./runtime/datasetBinding.mjs";
 import { bindRuntimeEvent } from "./runtime/eventBinding.mjs";
 import { getRuntimeExecutionMode, setRuntimeExecutionMode } from "./runtime/execution.mjs";
 import { WebRuntimeClipboard, WebRuntimeDialogs, WebRuntimeHost, WebRuntimeStorage } from "./runtime/host/types.mjs";
 import { getRuntimeClipboard, getRuntimeDialogs, getRuntimeFetch, getRuntimeStorage, getWebRuntimeHost, openRuntimeUrl, resetWebRuntimeHost, setWebRuntimeHost } from "./runtime/host/index.mjs";
 import { installWebHostGlobals } from "./runtime/hostGlobals.mjs";
+import { transformInlineStyleValue } from "./runtime/inlineStyle.mjs";
 import { resolveImageModeStyle } from "./runtime/nativeComponents/image.mjs";
 import { createInputEventDetail } from "./runtime/nativeComponents/input.mjs";
-import { createScrollEventDetail } from "./runtime/nativeComponents/scrollView.mjs";
+import { createScrollEventDetail } from "./runtime/nativeComponents/scrollView/helpers.mjs";
 import { createSwitchEventDetail } from "./runtime/nativeComponents/switch.mjs";
 import { createTextareaLineChangeDetail } from "./runtime/nativeComponents/textarea.mjs";
 import { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoObjectFit } from "./runtime/nativeComponents/video/helpers.mjs";
@@ -26,12 +29,14 @@ import { ensureNativeComponentsDefined } from "./runtime/nativeComponents/index.
 import { NavigationBarMetrics, setNavigationBarMetrics } from "./runtime/navigationBar/index.mjs";
 import { setPageLayout } from "./runtime/pageLayout.mjs";
 import { authorize, checkSession, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getDeviceInfo, getFuzzyLocation, getLocation, getMenuButtonBoundingClientRect, getNetworkType, getSetting, getSystemInfo, getSystemInfoSync, getSystemSetting, getUserInfo, getUserProfile, getWindowInfo, login, offNetworkStatusChange, offWindowResize, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openSetting, vibrateShort } from "./runtime/polyfill/deviceAuthSystemApi.mjs";
+import { MiniProgramErrorCallback, ThemeChangeCallback, ThemeChangeEvent, UnhandledRejectionCallback, UnhandledRejectionEvent } from "./runtime/polyfill/types/lifecycle.mjs";
+import { offError, offThemeChange, offUnhandledRejection, onError, onThemeChange, onUnhandledRejection, reportEvent } from "./runtime/polyfill/lifecycleEvents.mjs";
 import { ResolvedWebViewportConfig, WebViewportConfig } from "./runtime/viewport/types.mjs";
 import { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from "./runtime/viewport/index.mjs";
 import { getEnterOptionsSync, getLaunchOptionsSync, initializePageRoutes, navigateBack, navigateTo, offAppHide, offAppShow, onAppHide, onAppShow, reLaunch, redirectTo, registerApp, registerComponent, registerPage, switchTab } from "./runtime/polyfill/routeRuntime.mjs";
 import { AppRouteCallback, AppRouteEvent, AppRouteOpenType, BeforePageUnloadCallback, BeforePageUnloadEvent, offAppRoute, offAppRouteDone, offBeforeAppRoute, offBeforePageUnload, onAppRoute, onAppRouteDone, onBeforeAppRoute, onBeforePageUnload } from "./runtime/polyfill/routeRuntime/events.mjs";
 import { clearStorage, clearStorageSync, createCanvasContext, createSelectorQuery, createVKSession, createVideoContext, createWorker, downloadFile, exitMiniProgram, getFileSystemManager, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, hideKeyboard, loadSubPackage, navigateToMiniProgram, nextTick, pageScrollTo, preloadSubpackage, removeStorage, removeStorageSync, request, setStorage, setStorageSync, startPullDownRefresh, stopPullDownRefresh, uploadFile } from "./runtime/polyfill/runtimeDataApi.mjs";
-import { chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, compressImage, compressVideo, getClipboardData, getImageInfo, getVideoInfo, hideLoading, hideTabBar, hideTabBarRedDot, makePhoneCall, openCustomerServiceChat, openDocument, openLocation, openVideoEditor, previewImage, previewMedia, removeTabBarBadge, requestPayment, requestSubscribeMessage, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setClipboardData, setTabBarBadge, setTabBarItem, setTabBarStyle, showActionSheet, showLoading, showModal, showShareMenu, showTabBar, showTabBarRedDot, showToast, updateShareMenu } from "./runtime/polyfill/uiMediaApi.mjs";
+import { chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, compressImage, compressVideo, getClipboardData, getImageInfo, getVideoInfo, hideHomeButton, hideLoading, hideShareMenu, hideTabBar, hideTabBarRedDot, hideToast, makePhoneCall, openCustomerServiceChat, openDocument, openLocation, openVideoEditor, previewImage, previewMedia, removeTabBarBadge, requestPayment, requestSubscribeMessage, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setClipboardData, setTabBarBadge, setTabBarItem, setTabBarStyle, showActionSheet, showLoading, showModal, showShareMenu, showTabBar, showTabBarRedDot, showToast, updateShareMenu } from "./runtime/polyfill/uiMediaApi.mjs";
 import { canIUse, createInterstitialAd, createRewardedVideoAd, getExtConfig, getExtConfigSync, getLogManager, getUpdateManager, hideNavigationBarLoading, reportAnalytics, setBackgroundColor, setBackgroundTextStyle, setNavigationBarColor, setNavigationBarTitle, showNavigationBarLoading } from "./runtime/polyfill/index.mjs";
 import { RpxConfig, setupRpx } from "./runtime/rpx.mjs";
 import { injectStyle, removeStyle } from "./runtime/style.mjs";
@@ -39,4 +44,4 @@ import { RuntimeWarningLevel, RuntimeWarningOptions, setRuntimeWarningOptions }
 import { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory } from "./runtime/wevu.mjs";
 import "./runtime/index.mjs";
 export * from "wevu/internal-runtime";
-export { type AppHideCallback, type AppHideOptions, type AppLaunchOptions, type AppRouteCallback, type AppRouteEvent, type AppRouteOpenType, type AppShowCallback, type BeforePageUnloadCallback, type BeforePageUnloadEvent, type ButtonFormConfig, type NavigationBarMetrics, type RenderContext, type ResolvedWebRoutingConfig, type ResolvedWebViewportConfig, type RpxConfig, type RuntimeWarningLevel, type RuntimeWarningOptions, type TemplateRenderer, type TemplateScope, type WeappWebPluginOptions, type WebPageHead, type WebResourceHint, type WebResourceHintRelation, type WebResourceHintsConfig, type WebRouteHistoryState, type WebRouteTarget, type WebRoutingConfig, type WebRoutingMode, type WebRuntimeClipboard, type WebRuntimeDialogs, type WebRuntimeHost, type WebRuntimeStorage, type WebSeoConfig, type WebTabBarConfig, type WebTabBarItem, type WebViewportConfig, authorize, bindRuntimeEvent, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideKeyboard, hideLoading, hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offAppHide, offAppRoute, offAppRouteDone, offAppShow, offBeforeAppRoute, offBeforePageUnload, offNetworkStatusChange, offWindowResize, onAppHide, onAppRoute, onAppRouteDone, onAppShow, onBeforeAppRoute, onBeforePageUnload, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, transformWxssToCss, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort, weappWebPlugin };
+export { type AppHideCallback, type AppHideOptions, type AppLaunchOptions, type AppRouteCallback, type AppRouteEvent, type AppRouteOpenType, type AppShowCallback, type BeforePageUnloadCallback, type BeforePageUnloadEvent, type ButtonFormConfig, type MiniProgramErrorCallback, type NavigationBarMetrics, type RenderContext, type ResolvedStyleUnitOptions, type ResolvedWebRoutingConfig, type ResolvedWebViewportConfig, type RpxConfig, type RuntimeWarningLevel, type RuntimeWarningOptions, type TemplateRenderer, type TemplateScope, type ThemeChangeCallback, type ThemeChangeEvent, type UnhandledRejectionCallback, type UnhandledRejectionEvent, type WeappWebPluginOptions, type WebPageHead, type WebResourceHint, type WebResourceHintRelation, type WebResourceHintsConfig, type WebRouteHistoryState, type WebRouteTarget, type WebRoutingConfig, type WebRoutingMode, type WebRuntimeClipboard, type WebRuntimeDialogs, type WebRuntimeHost, type WebRuntimeStorage, type WebSeoConfig, type WebTabBarConfig, type WebTabBarItem, type WebViewportConfig, authorize, bindRuntimeDataset, bindRuntimeEvent, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideHomeButton, hideKeyboard, hideLoading, hideNavigationBarLoading, hideShareMenu, hideTabBar, hideTabBarRedDot, hideToast, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offAppHide, offAppRoute, offAppRouteDone, offAppShow, offBeforeAppRoute, offBeforePageUnload, offError, offNetworkStatusChange, offThemeChange, offUnhandledRejection, offWindowResize, onAppHide, onAppRoute, onAppRouteDone, onAppShow, onBeforeAppRoute, onBeforePageUnload, onError, onNetworkStatusChange, onThemeChange, onUnhandledRejection, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, reportEvent, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, transformInlineStyleValue, transformWxssToCss, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort, weappWebPlugin };

package/dist/index.mjs

@@ -5,28 +5,31 @@ import { setRuntimeWarningOptions } from "./runtime/warning.mjs";
 import { installWebHostGlobals } from "./runtime/hostGlobals.mjs";
 import { getRuntimeClipboard, getRuntimeDialogs, getRuntimeFetch, getRuntimeStorage, getWebRuntimeHost, openRuntimeUrl, resetWebRuntimeHost, setWebRuntimeHost } from "./runtime/host/index.mjs";
 import { authorize, checkSession, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getDeviceInfo, getFuzzyLocation, getLocation, getMenuButtonBoundingClientRect, getNetworkType, getSetting, getSystemInfo, getSystemInfoSync, getSystemSetting, getUserInfo, getUserProfile, getWindowInfo, login, offNetworkStatusChange, offWindowResize, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openSetting, vibrateShort } from "./runtime/polyfill/deviceAuthSystemApi.mjs";
+import { offError, offThemeChange, offUnhandledRejection, onError, onThemeChange, onUnhandledRejection, reportEvent } from "./runtime/polyfill/lifecycleEvents.mjs";
 import { configureWebSeo, resetWebDocumentHead, setupWebResourceHints, syncWebDocumentHead, updateWebDocumentTitle } from "./runtime/seo/index.mjs";
 import { injectStyle, removeStyle } from "./runtime/style.mjs";
 import { ensureButtonDefined, setButtonFormConfig } from "./runtime/button/index.mjs";
 import { getRuntimeExecutionMode, setRuntimeExecutionMode } from "./runtime/execution.mjs";
 import { createRenderContext } from "./runtime/renderContext.mjs";
 import { defineComponent } from "./runtime/component/index.mjs";
+import { transformInlineStyleValue } from "./runtime/inlineStyle.mjs";
 import { resolveImageModeStyle } from "./runtime/nativeComponents/image.mjs";
 import { createInputEventDetail } from "./runtime/nativeComponents/input.mjs";
 import { clearStorage, clearStorageSync, createCanvasContext, createSelectorQuery, createVKSession, createVideoContext, createWorker, downloadFile, exitMiniProgram, getFileSystemManager, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, hideKeyboard, loadSubPackage, navigateToMiniProgram, nextTick, pageScrollTo, preloadSubpackage, removeStorage, removeStorageSync, request, setStorage, setStorageSync, startPullDownRefresh, stopPullDownRefresh, uploadFile } from "./runtime/polyfill/runtimeDataApi.mjs";
-import { createScrollEventDetail } from "./runtime/nativeComponents/scrollView.mjs";
+import { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from "./runtime/viewport/index.mjs";
+import { setupRpx } from "./runtime/rpx.mjs";
+import { createScrollEventDetail } from "./runtime/nativeComponents/scrollView/helpers.mjs";
 import { createSwitchEventDetail } from "./runtime/nativeComponents/switch.mjs";
 import { createTextareaLineChangeDetail } from "./runtime/nativeComponents/textarea.mjs";
 import { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoObjectFit } from "./runtime/nativeComponents/video/helpers.mjs";
 import { ensureNativeComponentsDefined } from "./runtime/nativeComponents/index.mjs";
 import { setNavigationBarMetrics } from "./runtime/navigationBar/index.mjs";
-import { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from "./runtime/viewport/index.mjs";
-import { setupRpx } from "./runtime/rpx.mjs";
 import { offAppRoute, offAppRouteDone, offBeforeAppRoute, offBeforePageUnload, onAppRoute, onAppRouteDone, onBeforeAppRoute, onBeforePageUnload } from "./runtime/polyfill/routeRuntime/events.mjs";
 import { disposeWebRouting, getWebRoutingConfig, resolveWebRoutingConfig } from "./runtime/polyfill/routeRuntime/history.mjs";
 import { getEnterOptionsSync, getLaunchOptionsSync, initializePageRoutes, navigateBack, navigateTo, offAppHide, offAppShow, onAppHide, onAppShow, reLaunch, redirectTo, registerApp, registerComponent, registerPage, switchTab } from "./runtime/polyfill/routeRuntime.mjs";
-import { chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, compressImage, compressVideo, getClipboardData, getImageInfo, getVideoInfo, hideLoading, hideTabBar, hideTabBarRedDot, makePhoneCall, openCustomerServiceChat, openDocument, openLocation, openVideoEditor, previewImage, previewMedia, removeTabBarBadge, requestPayment, requestSubscribeMessage, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setClipboardData, setTabBarBadge, setTabBarItem, setTabBarStyle, showActionSheet, showLoading, showModal, showShareMenu, showTabBar, showTabBarRedDot, showToast, updateShareMenu } from "./runtime/polyfill/uiMediaApi.mjs";
+import { chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, compressImage, compressVideo, getClipboardData, getImageInfo, getVideoInfo, hideHomeButton, hideLoading, hideShareMenu, hideTabBar, hideTabBarRedDot, hideToast, makePhoneCall, openCustomerServiceChat, openDocument, openLocation, openVideoEditor, previewImage, previewMedia, removeTabBarBadge, requestPayment, requestSubscribeMessage, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setClipboardData, setTabBarBadge, setTabBarItem, setTabBarStyle, showActionSheet, showLoading, showModal, showShareMenu, showTabBar, showTabBarRedDot, showToast, updateShareMenu } from "./runtime/polyfill/uiMediaApi.mjs";
 import { canIUse, createInterstitialAd, createRewardedVideoAd, getExtConfig, getExtConfigSync, getLogManager, getUpdateManager, hideNavigationBarLoading, reportAnalytics, setBackgroundColor, setBackgroundTextStyle, setNavigationBarColor, setNavigationBarTitle, showNavigationBarLoading } from "./runtime/polyfill/index.mjs";
+import { bindRuntimeDataset } from "./runtime/datasetBinding.mjs";
 import { bindRuntimeEvent } from "./runtime/eventBinding.mjs";
 import { setPageLayout } from "./runtime/pageLayout.mjs";
 import { createTemplate, renderTemplate } from "./runtime/legacyTemplate/index.mjs";
@@ -34,4 +37,4 @@ import { installWebModuleRegistration, registerWebWevuApp, registerWebWevuCompon
 
 export * from "wevu/internal-runtime"
 
-export { authorize, bindRuntimeEvent, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideKeyboard, hideLoading, hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offAppHide, offAppRoute, offAppRouteDone, offAppShow, offBeforeAppRoute, offBeforePageUnload, offNetworkStatusChange, offWindowResize, onAppHide, onAppRoute, onAppRouteDone, onAppShow, onBeforeAppRoute, onBeforePageUnload, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, transformWxssToCss, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort, weappWebPlugin };
+export { authorize, bindRuntimeDataset, bindRuntimeEvent, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideHomeButton, hideKeyboard, hideLoading, hideNavigationBarLoading, hideShareMenu, hideTabBar, hideTabBarRedDot, hideToast, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offAppHide, offAppRoute, offAppRouteDone, offAppShow, offBeforeAppRoute, offBeforePageUnload, offError, offNetworkStatusChange, offThemeChange, offUnhandledRejection, offWindowResize, onAppHide, onAppRoute, onAppRouteDone, onAppShow, onBeforeAppRoute, onBeforePageUnload, onError, onNetworkStatusChange, onThemeChange, onUnhandledRejection, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, reportEvent, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, transformInlineStyleValue, transformWxssToCss, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort, weappWebPlugin };

package/dist/plugin/assets.d.mts

@@ -1,6 +1,5 @@
 import { IncomingMessage, ServerResponse } from "node:http";
-//#region src/plugin/assets.d.ts
 type WebAssetNext = (error?: unknown) => void;
 export declare function createWebAssetMiddleware(srcRoot: string): (request: IncomingMessage, response: ServerResponse, next: WebAssetNext) => void;
-//#endregion
+export {};
 //# sourceMappingURL=assets.d.mts.map

package/dist/plugin/assets.mjs

@@ -3,7 +3,7 @@ import { readFile, readdir, stat } from "node:fs/promises";
 import { extname, relative, resolve } from "pathe";
 import { createReadStream } from "node:fs";
 
-//#region src/plugin/assets.ts
+// src/plugin/assets.ts
 const WEB_ASSET_EXTENSIONS = /* @__PURE__ */ new Set([
 	".aac",
 	".avif",
@@ -117,6 +117,5 @@ function createWebAssetMiddleware(srcRoot) {
 	};
 }
 
-//#endregion
 export { createWebAssetMiddleware, emitWebAssets, resolveWebAssetRequest };
 //# sourceMappingURL=assets.mjs.map

package/dist/plugin/constants.mjs

@@ -1,4 +1,6 @@
-//#region src/plugin/constants.ts
+import { WEAPP_VITE_WEB_AUTO_ROUTES_RESOLVED_MODULE_ID, WEAPP_VITE_WEB_ENTRY_RESOLVED_MODULE_ID } from "@weapp-core/constants";
+
+// src/plugin/constants.ts
 const SCRIPT_EXTS = [
 	".vue",
 	".ts",
@@ -37,10 +39,10 @@ const WXS_RESOLVE_EXTS = [
 	".ts",
 	".js"
 ];
-const ENTRY_ID = "\0@weapp-vite/web/entry";
+const ENTRY_ID = WEAPP_VITE_WEB_ENTRY_RESOLVED_MODULE_ID;
 const RUNTIME_ID = "/@weapp-vite/web/runtime";
 const AUTO_ROUTES_ID = "weapp-vite/auto-routes";
-const RESOLVED_AUTO_ROUTES_ID = "\0@weapp-vite/web/auto-routes";
+const RESOLVED_AUTO_ROUTES_ID = WEAPP_VITE_WEB_AUTO_ROUTES_RESOLVED_MODULE_ID;
 const TEMPLATE_QUERY = "weapp-web-template";
 const STYLE_QUERY = "weapp-web-style";
 const SFC_TEMPLATE_QUERY = "weapp-web-sfc-template";
@@ -48,6 +50,5 @@ const SFC_STYLE_QUERY = "weapp-web-sfc-style";
 const WEB_COMPONENT_PREFIX = "/@weapp-vite/web/component/";
 const WEB_COMPONENT_QUERY = "weapp-web-component";
 
-//#endregion
 export { AUTO_ROUTES_ID, ENTRY_ID, RESOLVED_AUTO_ROUTES_ID, RUNTIME_ID, SCRIPT_EXTS, SFC_STYLE_QUERY, SFC_TEMPLATE_QUERY, STYLE_EXTS, STYLE_QUERY, TEMPLATE_EXTS, TEMPLATE_QUERY, TRANSFORM_STYLE_EXTS, WEB_COMPONENT_PREFIX, WEB_COMPONENT_QUERY, WXS_EXTS, WXS_RESOLVE_EXTS };
 //# sourceMappingURL=constants.mjs.map

package/dist/plugin/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/plugin/constants.ts"],"sourcesContent":["export const SCRIPT_EXTS = ['.vue', '.ts', '.tsx', '.js', '.jsx', '.mjs', '.cjs']\nexport const STYLE_EXTS = ['.wxss', '.scss', '.less', '.css']\nexport const TRANSFORM_STYLE_EXTS = ['.wxss']\nexport const TEMPLATE_EXTS = ['.wxml', '.axml', '.swan', '.ttml', '.qml', '.ksml', '.xhsml', '.html']\nexport const WXS_EXTS = ['.wxs', '.wxs.ts', '.wxs.js']\nexport const WXS_RESOLVE_EXTS = ['.wxs', '.wxs.ts', '.wxs.js', '.ts', '.js']\n\nexport const ENTRY_ID = '\\0@weapp-vite/web/entry'\nexport const RUNTIME_ID = '/@weapp-vite/web/runtime'\nexport const AUTO_ROUTES_ID = 'weapp-vite/auto-routes'\nexport const RESOLVED_AUTO_ROUTES_ID = '\\0@weapp-vite/web/auto-routes'\nexport const TEMPLATE_QUERY = 'weapp-web-template'\nexport const STYLE_QUERY = 'weapp-web-style'\nexport const SFC_TEMPLATE_QUERY = 'weapp-web-sfc-template'\nexport const SFC_STYLE_QUERY = 'weapp-web-sfc-style'\nexport const WEB_COMPONENT_PREFIX = '/@weapp-vite/web/component/'\nexport const WEB_COMPONENT_QUERY = 'weapp-web-component'\n"],"mappings":";AAAA,MAAa,cAAc;CAAC;CAAQ;CAAO;CAAQ;CAAO;CAAQ;CAAQ;AAAM;AAChF,MAAa,aAAa;CAAC;CAAS;CAAS;CAAS;AAAM;AAC5D,MAAa,uBAAuB,CAAC,OAAO;AAC5C,MAAa,gBAAgB;CAAC;CAAS;CAAS;CAAS;CAAS;CAAQ;CAAS;CAAU;AAAO;AACpG,MAAa,WAAW;CAAC;CAAQ;CAAW;AAAS;AACrD,MAAa,mBAAmB;CAAC;CAAQ;CAAW;CAAW;CAAO;AAAK;AAE3E,MAAa,WAAW;AACxB,MAAa,aAAa;AAC1B,MAAa,iBAAiB;AAC9B,MAAa,0BAA0B;AACvC,MAAa,iBAAiB;AAC9B,MAAa,cAAc;AAC3B,MAAa,qBAAqB;AAClC,MAAa,kBAAkB;AAC/B,MAAa,uBAAuB;AACpC,MAAa,sBAAsB"}
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/plugin/constants.ts"],"sourcesContent":["import {\n  WEAPP_VITE_WEB_AUTO_ROUTES_RESOLVED_MODULE_ID,\n  WEAPP_VITE_WEB_ENTRY_RESOLVED_MODULE_ID,\n} from '@weapp-core/constants'\n\nexport const SCRIPT_EXTS = ['.vue', '.ts', '.tsx', '.js', '.jsx', '.mjs', '.cjs']\nexport const STYLE_EXTS = ['.wxss', '.scss', '.less', '.css']\nexport const TRANSFORM_STYLE_EXTS = ['.wxss']\nexport const TEMPLATE_EXTS = ['.wxml', '.axml', '.swan', '.ttml', '.qml', '.ksml', '.xhsml', '.html']\nexport const WXS_EXTS = ['.wxs', '.wxs.ts', '.wxs.js']\nexport const WXS_RESOLVE_EXTS = ['.wxs', '.wxs.ts', '.wxs.js', '.ts', '.js']\n\nexport const ENTRY_ID = WEAPP_VITE_WEB_ENTRY_RESOLVED_MODULE_ID\nexport const RUNTIME_ID = '/@weapp-vite/web/runtime'\nexport const AUTO_ROUTES_ID = 'weapp-vite/auto-routes'\nexport const RESOLVED_AUTO_ROUTES_ID = WEAPP_VITE_WEB_AUTO_ROUTES_RESOLVED_MODULE_ID\nexport const TEMPLATE_QUERY = 'weapp-web-template'\nexport const STYLE_QUERY = 'weapp-web-style'\nexport const SFC_TEMPLATE_QUERY = 'weapp-web-sfc-template'\nexport const SFC_STYLE_QUERY = 'weapp-web-sfc-style'\nexport const WEB_COMPONENT_PREFIX = '/@weapp-vite/web/component/'\nexport const WEB_COMPONENT_QUERY = 'weapp-web-component'\n"],"mappings":";;;AAKA,MAAa,cAAc;CAAC;CAAQ;CAAO;CAAQ;CAAO;CAAQ;CAAQ;AAAM;AAChF,MAAa,aAAa;CAAC;CAAS;CAAS;CAAS;AAAM;AAC5D,MAAa,uBAAuB,CAAC,OAAO;AAC5C,MAAa,gBAAgB;CAAC;CAAS;CAAS;CAAS;CAAS;CAAQ;CAAS;CAAU;AAAO;AACpG,MAAa,WAAW;CAAC;CAAQ;CAAW;AAAS;AACrD,MAAa,mBAAmB;CAAC;CAAQ;CAAW;CAAW;CAAO;AAAK;AAE3E,MAAa,WAAW;AACxB,MAAa,aAAa;AAC1B,MAAa,iBAAiB;AAC9B,MAAa,0BAA0B;AACvC,MAAa,iBAAiB;AAC9B,MAAa,cAAc;AAC3B,MAAa,qBAAqB;AAClC,MAAa,kBAAkB;AAC/B,MAAa,uBAAuB;AACpC,MAAa,sBAAsB"}

package/dist/plugin/dependencyScan.mjs

@@ -1,7 +1,7 @@
 import { extname } from "pathe";
 import { build } from "esbuild";
 
-//#region src/plugin/dependencyScan.ts
+// src/plugin/dependencyScan.ts
 const SCRIPT_EXTENSIONS = /* @__PURE__ */ new Set([
 	".cjs",
 	".js",
@@ -36,6 +36,5 @@ async function collectExternalComponentOptimizeDeps(components) {
 	return Array.from(dependencies).sort();
 }
 
-//#endregion
 export { collectExternalComponentOptimizeDeps };
 //# sourceMappingURL=dependencyScan.mjs.map

package/dist/plugin/entry.mjs

@@ -1,7 +1,8 @@
+import { resolveStyleUnitOptions } from "../shared/styleUnits/options.mjs";
 import { WEB_COMPONENT_PREFIX } from "./constants.mjs";
 import { relativeModuleId, resolveRuntimePolyfillPath, toViteFsImport } from "./path.mjs";
 
-//#region src/plugin/entry.ts
+// src/plugin/entry.ts
 function generateAutoRoutesModule(result) {
 	const pages = result.pages.map((page) => page.id);
 	const subPackageMap = /* @__PURE__ */ new Map();
@@ -52,11 +53,13 @@ function generateEntryModule(result, root, wxssOptions, pluginOptions) {
 	}
 	for (const layout of result.layouts) importLines.push(`import '${relativeModuleId(root, layout.script)}'`);
 	const pageOrder = result.pages.map((page) => page.id);
-	const rpxConfig = wxssOptions?.pxPerRpx === void 0 || typeof wxssOptions.designWidth === "number" && Number.isFinite(wxssOptions.designWidth) ? {
-		designWidth: wxssOptions?.designWidth ?? 750,
+	const unitOptions = resolveStyleUnitOptions(wxssOptions);
+	const rpxConfig = unitOptions.useVariable ? {
+		designWidth: unitOptions.designWidth,
 		varName: wxssOptions?.rpxVar
 	} : void 0;
 	const initOptions = {};
+	initOptions.styleUnits = unitOptions;
 	if (result.tabBar) initOptions.tabBar = result.tabBar;
 	if (rpxConfig) initOptions.rpx = rpxConfig;
 	if (pluginOptions?.form?.preventDefault !== void 0) initOptions.form = { preventDefault: pluginOptions.form.preventDefault };
@@ -73,6 +76,5 @@ function generateEntryModule(result, root, wxssOptions, pluginOptions) {
 	return [...importLines, ...bodyLines].join("\n");
 }
 
-//#endregion
 export { generateAutoRoutesModule, generateEntryModule };
 //# sourceMappingURL=entry.mjs.map

package/dist/plugin/entry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"entry.mjs","names":[],"sources":["../../src/plugin/entry.ts"],"sourcesContent":["import type { WxssTransformOptions } from '../css/wxss'\n\nimport type { ScanResult, WeappWebPluginOptions } from './types'\nimport { WEB_COMPONENT_PREFIX } from './constants'\nimport { relativeModuleId, resolveRuntimePolyfillPath, toViteFsImport } from './path'\n\nexport function generateAutoRoutesModule(result: ScanResult) {\n  const pages = result.pages.map(page => page.id)\n  const subPackageMap = new Map<string, string[]>()\n  for (const id of pages) {\n    const pagesSegment = id.indexOf('/pages/')\n    if (pagesSegment <= 0) {\n      continue\n    }\n    const root = id.slice(0, pagesSegment)\n    const route = id.slice(pagesSegment + 1)\n    const routes = subPackageMap.get(root) ?? []\n    routes.push(route)\n    subPackageMap.set(root, routes)\n  }\n  const mainPages = pages.filter(id => !id.includes('/pages/'))\n  const subPackages = [...subPackageMap].map(([root, routes]) => ({ root, pages: routes }))\n  const snapshot = JSON.stringify({ pages: mainPages, entries: pages, subPackages })\n  return [\n    `const routes = ${snapshot}`,\n    `const call = (name, options) => globalThis.wx?.[name]?.(options)`,\n    `export const pages = routes.pages`,\n    `export const entries = routes.entries`,\n    `export const subPackages = routes.subPackages`,\n    `export const miniProgramRouter = {`,\n    `  switchTab: options => call('switchTab', options),`,\n    `  reLaunch: options => call('reLaunch', options),`,\n    `  redirectTo: options => call('redirectTo', options),`,\n    `  navigateTo: options => call('navigateTo', options),`,\n    `  navigateBack: options => call('navigateBack', options),`,\n    `}`,\n    `export const wxRouter = miniProgramRouter`,\n    `export { routes }`,\n    `export default routes`,\n  ].join('\\n')\n}\n\nexport function generateEntryModule(\n  result: ScanResult,\n  root: string,\n  wxssOptions?: WxssTransformOptions,\n  pluginOptions?: WeappWebPluginOptions,\n) {\n  const runtimePolyfillId = pluginOptions?.__runtimeProvider?.moduleId\n    ?? toViteFsImport(resolveRuntimePolyfillPath())\n  const importLines: string[] = [`import { initializePageRoutes } from '${runtimePolyfillId}'`]\n  const bodyLines: string[] = []\n\n  if (result.app) {\n    importLines.push(`import '${relativeModuleId(root, result.app)}'`)\n  }\n  for (const page of result.pages) {\n    importLines.push(`import '${relativeModuleId(root, page.script)}'`)\n  }\n  for (const component of result.components) {\n    const componentImportId = component.importId\n      ? `${WEB_COMPONENT_PREFIX}${encodeURIComponent(component.importId)}`\n      : relativeModuleId(root, component.script)\n    importLines.push(`import '${componentImportId}'`)\n  }\n  for (const layout of result.layouts) {\n    importLines.push(`import '${relativeModuleId(root, layout.script)}'`)\n  }\n\n  const pageOrder = result.pages.map(page => page.id)\n  const useRuntimeRpx = wxssOptions?.pxPerRpx === undefined\n    || (typeof wxssOptions.designWidth === 'number' && Number.isFinite(wxssOptions.designWidth))\n  const rpxConfig = useRuntimeRpx\n    ? { designWidth: wxssOptions?.designWidth ?? 750, varName: wxssOptions?.rpxVar }\n    : undefined\n\n  const initOptions: Record<string, any> = {}\n  if (result.tabBar) {\n    initOptions.tabBar = result.tabBar\n  }\n  if (rpxConfig) {\n    initOptions.rpx = rpxConfig\n  }\n  if (pluginOptions?.form?.preventDefault !== undefined) {\n    initOptions.form = { preventDefault: pluginOptions.form.preventDefault }\n  }\n\n  const runtimeOptions: Record<string, any> = {}\n  if (pluginOptions?.runtime?.executionMode) {\n    runtimeOptions.executionMode = pluginOptions.runtime.executionMode\n  }\n  if (pluginOptions?.runtime?.warnings) {\n    runtimeOptions.warnings = pluginOptions.runtime.warnings\n  }\n  if (pluginOptions?.runtime?.viewport) {\n    runtimeOptions.viewport = pluginOptions.runtime.viewport\n  }\n  if (pluginOptions?.runtime?.routing) {\n    runtimeOptions.routing = pluginOptions.runtime.routing\n  }\n  if (pluginOptions?.runtime?.seo) {\n    runtimeOptions.seo = pluginOptions.runtime.seo\n  }\n  if (pluginOptions?.runtime?.resourceHints) {\n    runtimeOptions.resourceHints = pluginOptions.runtime.resourceHints\n  }\n  if (Object.keys(runtimeOptions).length > 0) {\n    initOptions.runtime = runtimeOptions\n  }\n\n  const initOptionsCode = Object.keys(initOptions).length > 0 ? `, ${JSON.stringify(initOptions)}` : ''\n  bodyLines.push(`initializePageRoutes(${JSON.stringify(pageOrder)}${initOptionsCode})`)\n  return [...importLines, ...bodyLines].join('\\n')\n}\n"],"mappings":"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"}
+{"version":3,"file":"entry.mjs","names":[],"sources":["../../src/plugin/entry.ts"],"sourcesContent":["import type { WxssTransformOptions } from '../css/wxss'\nimport type { ScanResult, WeappWebPluginOptions } from './types'\n\nimport { resolveStyleUnitOptions } from '../shared/styleUnits/options'\nimport { WEB_COMPONENT_PREFIX } from './constants'\nimport { relativeModuleId, resolveRuntimePolyfillPath, toViteFsImport } from './path'\n\nexport function generateAutoRoutesModule(result: ScanResult) {\n  const pages = result.pages.map(page => page.id)\n  const subPackageMap = new Map<string, string[]>()\n  for (const id of pages) {\n    const pagesSegment = id.indexOf('/pages/')\n    if (pagesSegment <= 0) {\n      continue\n    }\n    const root = id.slice(0, pagesSegment)\n    const route = id.slice(pagesSegment + 1)\n    const routes = subPackageMap.get(root) ?? []\n    routes.push(route)\n    subPackageMap.set(root, routes)\n  }\n  const mainPages = pages.filter(id => !id.includes('/pages/'))\n  const subPackages = [...subPackageMap].map(([root, routes]) => ({ root, pages: routes }))\n  const snapshot = JSON.stringify({ pages: mainPages, entries: pages, subPackages })\n  return [\n    `const routes = ${snapshot}`,\n    `const call = (name, options) => globalThis.wx?.[name]?.(options)`,\n    `export const pages = routes.pages`,\n    `export const entries = routes.entries`,\n    `export const subPackages = routes.subPackages`,\n    `export const miniProgramRouter = {`,\n    `  switchTab: options => call('switchTab', options),`,\n    `  reLaunch: options => call('reLaunch', options),`,\n    `  redirectTo: options => call('redirectTo', options),`,\n    `  navigateTo: options => call('navigateTo', options),`,\n    `  navigateBack: options => call('navigateBack', options),`,\n    `}`,\n    `export const wxRouter = miniProgramRouter`,\n    `export { routes }`,\n    `export default routes`,\n  ].join('\\n')\n}\n\nexport function generateEntryModule(\n  result: ScanResult,\n  root: string,\n  wxssOptions?: WxssTransformOptions,\n  pluginOptions?: WeappWebPluginOptions,\n) {\n  const runtimePolyfillId = pluginOptions?.__runtimeProvider?.moduleId\n    ?? toViteFsImport(resolveRuntimePolyfillPath())\n  const importLines: string[] = [`import { initializePageRoutes } from '${runtimePolyfillId}'`]\n  const bodyLines: string[] = []\n\n  if (result.app) {\n    importLines.push(`import '${relativeModuleId(root, result.app)}'`)\n  }\n  for (const page of result.pages) {\n    importLines.push(`import '${relativeModuleId(root, page.script)}'`)\n  }\n  for (const component of result.components) {\n    const componentImportId = component.importId\n      ? `${WEB_COMPONENT_PREFIX}${encodeURIComponent(component.importId)}`\n      : relativeModuleId(root, component.script)\n    importLines.push(`import '${componentImportId}'`)\n  }\n  for (const layout of result.layouts) {\n    importLines.push(`import '${relativeModuleId(root, layout.script)}'`)\n  }\n\n  const pageOrder = result.pages.map(page => page.id)\n  const unitOptions = resolveStyleUnitOptions(wxssOptions)\n  const rpxConfig = unitOptions.useVariable\n    ? { designWidth: unitOptions.designWidth, varName: wxssOptions?.rpxVar }\n    : undefined\n\n  const initOptions: Record<string, any> = {}\n  initOptions.styleUnits = unitOptions\n  if (result.tabBar) {\n    initOptions.tabBar = result.tabBar\n  }\n  if (rpxConfig) {\n    initOptions.rpx = rpxConfig\n  }\n  if (pluginOptions?.form?.preventDefault !== undefined) {\n    initOptions.form = { preventDefault: pluginOptions.form.preventDefault }\n  }\n\n  const runtimeOptions: Record<string, any> = {}\n  if (pluginOptions?.runtime?.executionMode) {\n    runtimeOptions.executionMode = pluginOptions.runtime.executionMode\n  }\n  if (pluginOptions?.runtime?.warnings) {\n    runtimeOptions.warnings = pluginOptions.runtime.warnings\n  }\n  if (pluginOptions?.runtime?.viewport) {\n    runtimeOptions.viewport = pluginOptions.runtime.viewport\n  }\n  if (pluginOptions?.runtime?.routing) {\n    runtimeOptions.routing = pluginOptions.runtime.routing\n  }\n  if (pluginOptions?.runtime?.seo) {\n    runtimeOptions.seo = pluginOptions.runtime.seo\n  }\n  if (pluginOptions?.runtime?.resourceHints) {\n    runtimeOptions.resourceHints = pluginOptions.runtime.resourceHints\n  }\n  if (Object.keys(runtimeOptions).length > 0) {\n    initOptions.runtime = runtimeOptions\n  }\n\n  const initOptionsCode = Object.keys(initOptions).length > 0 ? `, ${JSON.stringify(initOptions)}` : ''\n  bodyLines.push(`initializePageRoutes(${JSON.stringify(pageOrder)}${initOptionsCode})`)\n  return [...importLines, ...bodyLines].join('\\n')\n}\n"],"mappings":"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"}

package/dist/plugin/files.mjs

@@ -3,7 +3,7 @@ import { extname } from "pathe";
 import { fs } from "@weapp-core/shared/fs";
 import { bundleRequire } from "rolldown-require";
 
-//#region src/plugin/files.ts
+// src/plugin/files.ts
 function isRecord(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -53,6 +53,5 @@ async function resolveTemplateFile(scriptPath) {
 	}
 }
 
-//#endregion
 export { isRecord, readJsonFile, resolveJsonPath, resolveScriptFile, resolveStyleFile, resolveTemplateFile };
 //# sourceMappingURL=files.mjs.map

package/dist/plugin/hostTypes.d.mts

@@ -3,7 +3,6 @@ import { ResolveWebModuleId, WebStylePreprocessOptions } from "./types.mjs";
 import { AcceptedPlugin, ProcessOptions } from "postcss";
 import { SourceMap } from "magic-string";
 import { ViteDevServer } from "vite";
-//#region src/plugin/hostTypes.d.ts
 export interface WebPluginContext {
   warn?: (message: string) => void;
   addWatchFile?: (id: string) => void;
@@ -70,5 +69,5 @@ export interface WeappWebVitePlugin {
   handleHotUpdate?: <Module extends object>(this: WebPluginContext, ctx: WebHmrContext<Module>) => Module[] | void | Promise<Module[] | void>;
   transform?: (this: WebPluginContext, code: string, id: string) => WebTransformResult | Promise<WebTransformResult>;
 }
-//#endregion
+export {};
 //# sourceMappingURL=hostTypes.d.mts.map

package/dist/plugin/index.d.mts

@@ -1,7 +1,5 @@
 import { WeappWebPluginOptions } from "./types.mjs";
 import { WeappWebVitePlugin } from "./hostTypes.mjs";
-//#region src/plugin/index.d.ts
 export declare function weappWebPlugin(options?: WeappWebPluginOptions): WeappWebVitePlugin;
-//#endregion
 export type { WeappWebPluginOptions };
 //# sourceMappingURL=index.d.mts.map

package/dist/plugin/index.mjs

@@ -1,6 +1,6 @@
 import { createWxssPostcssPlugin, transformWxssToCss } from "../css/wxss.mjs";
 import { AUTO_ROUTES_ID, ENTRY_ID, RESOLVED_AUTO_ROUTES_ID, RUNTIME_ID, SCRIPT_EXTS, SFC_STYLE_QUERY, SFC_TEMPLATE_QUERY, STYLE_EXTS, STYLE_QUERY, TEMPLATE_EXTS, TEMPLATE_QUERY, TRANSFORM_STYLE_EXTS, WEB_COMPONENT_PREFIX, WEB_COMPONENT_QUERY, WXS_EXTS } from "./constants.mjs";
-import { compileWxml } from "../compiler/wxml/compile.mjs";
+import { compileWxml, compileWxmlDependency } from "../compiler/wxml/compile.mjs";
 import { transformWxsToEsm } from "../compiler/wxs.mjs";
 import { cleanUrl, isHtmlEntry, isInsideDir, normalizePath, resolveFileWithExtensionsSync, resolveRuntimePolyfillPath, resolveTemplatePathSync, resolveWxsPathSync, toRelativeImport, toViteFsImport } from "./path.mjs";
 import { createWebAssetMiddleware, emitWebAssets } from "./assets.mjs";
@@ -11,7 +11,7 @@ import { createMiniProgramPackageResolver, getAncestorNodeModulesPaths } from ".
 import { transformScriptModule } from "./register.mjs";
 import { ensureWebVueSfcResult, generateWebVueSfcStyle, generateWebVueSfcTemplate, resolveWebVueSfcStyleLanguage, transformWebVueSfcScript } from "./vueSfc.mjs";
 import { getStableWebComponentId, scanProject } from "./scan.mjs";
-import { collectSfcHmrFiles } from "./sfcHmr.mjs";
+import { collectSfcHmrModules } from "./sfcHmr.mjs";
 import { createEmptyScanState } from "./state.mjs";
 import { createInlineStyleModule } from "./styleModule.mjs";
 import { readFile } from "node:fs/promises";
@@ -19,7 +19,7 @@ import process from "node:process";
 import { dirname, extname, resolve } from "pathe";
 import { isUniAppCompatibilityFile, transformUniAppSource } from "wevu/compiler";
 
-//#region src/plugin/index.ts
+// src/plugin/index.ts
 const WEB_RUNTIME_MODULE_IDS = [
 	"lit",
 	"lit/async-directive.js",
@@ -125,7 +125,13 @@ function weappWebPlugin(options = {}) {
 		};
 	};
 	const scan = (context) => {
+		const graph = devServer?.moduleGraph;
+		for (const id of SCAN_VIRTUAL_MODULE_IDS) {
+			const module = graph?.getModuleById(id);
+			if (module) graph?.invalidateModule(module);
+		}
 		const result = scanQueue.then(async () => {
+			const previousState = state;
 			const nextState = createEmptyScanState();
 			await scanProject({
 				srcRoot,
@@ -139,7 +145,6 @@ function weappWebPlugin(options = {}) {
 			});
 			const nextComponentImportIdMap = /* @__PURE__ */ new Map();
 			for (const component of nextState.scanResult.components) if (component.importId) nextComponentImportIdMap.set(component.importId, component.script);
-			const graph = devServer?.moduleGraph;
 			const files = graph ? /* @__PURE__ */ new Set() : void 0;
 			if (files) for (const snapshot of [state, nextState]) {
 				for (const file of snapshot.moduleMeta.keys()) files.add(file);
@@ -148,25 +153,20 @@ function weappWebPlugin(options = {}) {
 			}
 			state = nextState;
 			componentImportIdMap = nextComponentImportIdMap;
-			if (graph && files) {
-				for (const id of SCAN_VIRTUAL_MODULE_IDS) {
-					const module = graph.getModuleById(id);
-					if (module) graph.invalidateModule(module);
-				}
-				for (const file of files) {
-					const modules = graph.getModulesByFile(file);
-					if (modules) for (const module of modules) graph.invalidateModule(module);
-				}
+			if (graph && files) for (const file of files) {
+				const modules = graph.getModulesByFile(file);
+				if (modules) for (const module of modules) graph.invalidateModule(module);
 			}
+			return [previousState, nextState];
 		});
-		scanQueue = result.catch(() => {});
+		scanQueue = result.then(() => {}, () => {});
 		return result;
 	};
 	const scanChangedFile = async (context, file) => {
 		const clean = cleanUrl(file);
 		const normalized = normalizePath(clean);
 		if (!isInsideDir(clean, srcRoot) && !state.moduleMeta.has(normalized) && !state.templatePathSet.has(normalized)) return;
-		if (state.templatePathSet.has(normalized) || clean.endsWith(".json") || isTemplateFile(clean) || isWxsFile(clean) || clean.endsWith(".wxss") || SCRIPT_EXTS.includes(extname(clean))) await scan(context);
+		if (state.templatePathSet.has(normalized) || clean.endsWith(".json") || isTemplateFile(clean) || isWxsFile(clean) || clean.endsWith(".wxss") || SCRIPT_EXTS.includes(extname(clean))) return scan(context);
 	};
 	return {
 		name: "@weapp-vite/web",
@@ -236,15 +236,22 @@ function weappWebPlugin(options = {}) {
 			return resolveMiniProgramModuleId?.(id, importer).then((resolved) => resolved ?? null) ?? null;
 		},
 		async load(id) {
-			if (id === "\0@weapp-vite/web/entry") return generateEntryModule(state.scanResult, root, wxssOptions, options);
-			if (id === "\0@weapp-vite/web/auto-routes") return generateAutoRoutesModule(state.scanResult);
+			if (id === ENTRY_ID) {
+				await scanQueue;
+				return generateEntryModule(state.scanResult, root, wxssOptions, options);
+			}
+			if (id === RESOLVED_AUTO_ROUTES_ID) {
+				await scanQueue;
+				return generateAutoRoutesModule(state.scanResult);
+			}
 			if (hasQuery(id, "weapp-web-template")) {
 				const filename = cleanUrl(id);
 				let source = await readFile(filename, "utf8");
-				if (resolveMetaByTemplate(filename)?.kind === "page" && state.scanResult.layouts.length) source = wrapPageTemplate(source, state.scanResult.layouts);
+				const pageMeta = resolveMetaByTemplate(filename);
+				if (pageMeta?.kind === "page" && state.scanResult.layouts.length) source = wrapPageTemplate(source, state.scanResult.layouts);
 				const navigationConfig = state.pageNavigationMap.get(normalizePath(filename));
 				const componentTags = state.templateComponentMap.get(normalizePath(filename));
-				const compiled = compileWxml({
+				const compiled = (pageMeta ? compileWxml : compileWxmlDependency)({
 					id: filename,
 					source,
 					resolveTemplatePath,
@@ -320,10 +327,9 @@ function weappWebPlugin(options = {}) {
 		},
 		async handleHotUpdate(ctx) {
 			const graph = devServer?.moduleGraph;
-			const affected = new Set(ctx.modules);
-			if (graph) for (const file of collectSfcHmrFiles(state, cleanUrl(ctx.file))) for (const module of graph.getModulesByFile(file) ?? []) affected.add(module);
-			await scanChangedFile(this, ctx.file);
-			return ctx.modules || affected.size ? [...affected] : void 0;
+			const snapshots = await scanChangedFile(this, ctx.file);
+			const affected = graph ? collectSfcHmrModules(snapshots ?? [state], cleanUrl(ctx.file), graph, ctx.modules) : ctx.modules;
+			return ctx.modules || affected?.length ? affected : void 0;
 		},
 		async transform(code, id) {
 			const clean = cleanUrl(id);
@@ -447,6 +453,5 @@ function weappWebPlugin(options = {}) {
 	};
 }
 
-//#endregion
 export { weappWebPlugin };
 //# sourceMappingURL=index.mjs.map