@weapp-vite/web 2.0.0 → 2.1.0

package/dist/runtime/style.d.mts

@@ -1,5 +1,3 @@
-//#region src/runtime/style.d.ts
 export declare function removeStyle(id: string): void;
 export declare function injectStyle(css: string, id?: string): () => void;
-//#endregion
 //# sourceMappingURL=style.d.mts.map

package/dist/runtime/style.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/style.ts
+// src/runtime/style.ts
 const injected = /* @__PURE__ */ new Map();
 function createStyleId(css) {
 	let hash = 2166136261;
@@ -32,6 +32,5 @@ function injectStyle(css, id) {
 	return () => removeStyle(styleId);
 }
 
-//#endregion
 export { injectStyle, removeStyle };
 //# sourceMappingURL=style.mjs.map

package/dist/runtime/template.d.mts

@@ -1,9 +1,7 @@
 import { RenderContext } from "./renderContext.mjs";
 import { createTemplate, renderTemplate } from "./legacyTemplate/index.mjs";
 import { TemplateResult } from "lit";
-//#region src/runtime/template.d.ts
 export type TemplateScope = Record<string, any>;
 export type TemplateRenderer = (scope: TemplateScope, ctx: RenderContext) => TemplateResult | string | unknown;
-//#endregion
 export { createTemplate, renderTemplate };
 //# sourceMappingURL=template.d.mts.map

package/dist/runtime/utils/object.mjs

@@ -1,8 +1,7 @@
-//#region src/runtime/utils/object.ts
+// src/runtime/utils/object.ts
 function hasOwn(source, key) {
 	return Object.prototype.hasOwnProperty.call(source, key);
 }
 
-//#endregion
 export { hasOwn };
 //# sourceMappingURL=object.mjs.map

package/dist/runtime/viewport/index.d.mts

@@ -1,5 +1,4 @@
 import { ResolvedWebViewportConfig, WebViewportConfig } from "./types.mjs";
-//#region src/runtime/viewport/index.d.ts
 export declare function resolveWebViewportConfig(config?: WebViewportConfig): ResolvedWebViewportConfig;
 export declare function setupWebViewport(config?: WebViewportConfig): {
   mode: "mini-program" | "responsive";
@@ -7,6 +6,5 @@ export declare function setupWebViewport(config?: WebViewportConfig): {
   desktopBreakpoint: number;
 };
 export declare function getWebViewportWidth(): number;
-//#endregion
 export type { ResolvedWebViewportConfig, WebViewportConfig };
 //# sourceMappingURL=index.d.mts.map

package/dist/runtime/viewport/index.mjs

@@ -1,6 +1,6 @@
 import { WEB_VIEWPORT_STYLE_ID, createWebViewportStyle } from "./style.mjs";
 
-//#region src/runtime/viewport/index.ts
+// src/runtime/viewport/index.ts
 const DEFAULT_VIEWPORT_CONFIG = {
 	mode: "mini-program",
 	maxWidth: 375,
@@ -39,6 +39,5 @@ function getWebViewportWidth() {
 	return documentWidth || (typeof window !== "undefined" ? window.innerWidth : 0);
 }
 
-//#endregion
 export { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport };
 //# sourceMappingURL=index.mjs.map

package/dist/runtime/viewport/style.mjs

@@ -1,10 +1,11 @@
-//#region src/runtime/viewport/style.ts
+// src/runtime/viewport/style.ts
 const WEB_VIEWPORT_STYLE_ID = "weapp-web-viewport-style";
 function createWebViewportStyle(config) {
 	const maxWidth = `${config.maxWidth}px`;
 	return `
 :root {
   --weapp-viewport-width: 100vw;
+  --weapp-viewport-height: 100dvh;
   --weapp-viewport-max-width: ${maxWidth};
   --weapp-viewport-left: 0px;
   --weapp-viewport-right: 0px;
@@ -57,6 +58,5 @@ body {
 `;
 }
 
-//#endregion
 export { WEB_VIEWPORT_STYLE_ID, createWebViewportStyle };
 //# sourceMappingURL=style.mjs.map

package/dist/runtime/viewport/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/viewport/style.ts"],"sourcesContent":["import type { ResolvedWebViewportConfig } from './types'\n\nexport const WEB_VIEWPORT_STYLE_ID = 'weapp-web-viewport-style'\n\nexport function createWebViewportStyle(config: ResolvedWebViewportConfig) {\n  const maxWidth = `${config.maxWidth}px`\n  const breakpoint = `${config.desktopBreakpoint}px`\n  return `\n:root {\n  --weapp-viewport-width: 100vw;\n  --weapp-viewport-max-width: ${maxWidth};\n  --weapp-viewport-left: 0px;\n  --weapp-viewport-right: 0px;\n  --weapp-safe-area-inset-top: env(safe-area-inset-top, 0px);\n  --weapp-safe-area-inset-right: env(safe-area-inset-right, 0px);\n  --weapp-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);\n  --weapp-safe-area-inset-left: env(safe-area-inset-left, 0px);\n}\n\nhtml,\nbody {\n  min-width: 0;\n  height: 100%;\n  margin: 0;\n  overflow: hidden;\n}\n\nbody {\n  background: #f2f2f2;\n  font-family: Helvetica, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n#app {\n  --weapp-tab-bar-inset: 0px;\n  --weapp-tab-bar-top-inset: 0px;\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100dvh;\n  min-height: 0;\n  margin: 0 auto;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: #ffffff;\n  contain: layout paint;\n  transform: translateZ(0);\n}\n\n@media (min-width: ${breakpoint}) {\n  html[data-weapp-viewport-mode=\"mini-program\"] {\n    --weapp-viewport-width: ${maxWidth};\n    --weapp-viewport-left: calc((100vw - ${maxWidth}) / 2);\n    --weapp-viewport-right: calc((100vw - ${maxWidth}) / 2);\n  }\n\n  html[data-weapp-viewport-mode=\"mini-program\"] #app {\n    width: ${maxWidth};\n  }\n}\n`\n}\n"],"mappings":";AAEA,MAAa,wBAAwB;AAErC,SAAgB,uBAAuB,QAAmC;CACxE,MAAM,WAAW,GAAG,OAAO,SAAS;CAEpC,OAAO;;;gCAGuB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsCpB,GA1CG,OAAO,kBAAkB,IA0CjB;;8BAEF,SAAS;2CACI,SAAS;4CACR,SAAS;;;;aAIxC,SAAS;;;;AAItB"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/viewport/style.ts"],"sourcesContent":["import type { ResolvedWebViewportConfig } from './types'\n\nexport const WEB_VIEWPORT_STYLE_ID = 'weapp-web-viewport-style'\n\nexport function createWebViewportStyle(config: ResolvedWebViewportConfig) {\n  const maxWidth = `${config.maxWidth}px`\n  const breakpoint = `${config.desktopBreakpoint}px`\n  return `\n:root {\n  --weapp-viewport-width: 100vw;\n  --weapp-viewport-height: 100dvh;\n  --weapp-viewport-max-width: ${maxWidth};\n  --weapp-viewport-left: 0px;\n  --weapp-viewport-right: 0px;\n  --weapp-safe-area-inset-top: env(safe-area-inset-top, 0px);\n  --weapp-safe-area-inset-right: env(safe-area-inset-right, 0px);\n  --weapp-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);\n  --weapp-safe-area-inset-left: env(safe-area-inset-left, 0px);\n}\n\nhtml,\nbody {\n  min-width: 0;\n  height: 100%;\n  margin: 0;\n  overflow: hidden;\n}\n\nbody {\n  background: #f2f2f2;\n  font-family: Helvetica, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n#app {\n  --weapp-tab-bar-inset: 0px;\n  --weapp-tab-bar-top-inset: 0px;\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100dvh;\n  min-height: 0;\n  margin: 0 auto;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: #ffffff;\n  contain: layout paint;\n  transform: translateZ(0);\n}\n\n@media (min-width: ${breakpoint}) {\n  html[data-weapp-viewport-mode=\"mini-program\"] {\n    --weapp-viewport-width: ${maxWidth};\n    --weapp-viewport-left: calc((100vw - ${maxWidth}) / 2);\n    --weapp-viewport-right: calc((100vw - ${maxWidth}) / 2);\n  }\n\n  html[data-weapp-viewport-mode=\"mini-program\"] #app {\n    width: ${maxWidth};\n  }\n}\n`\n}\n"],"mappings":";AAEA,MAAa,wBAAwB;AAErC,SAAgB,uBAAuB,QAAmC;CACxE,MAAM,WAAW,GAAG,OAAO,SAAS;CAEpC,OAAO;;;;gCAIuB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsCpB,GA3CG,OAAO,kBAAkB,IA2CjB;;8BAEF,SAAS;2CACI,SAAS;4CACR,SAAS;;;;aAIxC,SAAS;;;;AAItB"}

package/dist/runtime/viewport/types.d.mts

@@ -1,4 +1,3 @@
-//#region src/runtime/viewport/types.d.ts
 export interface WebViewportConfig {
   mode?: 'mini-program' | 'responsive';
   maxWidth?: number;
@@ -9,5 +8,4 @@ export interface ResolvedWebViewportConfig {
   maxWidth: number;
   desktopBreakpoint: number;
 }
-//#endregion
 //# sourceMappingURL=types.d.mts.map

package/dist/runtime/warning.d.mts

@@ -1,9 +1,7 @@
-//#region src/runtime/warning.d.ts
 export type RuntimeWarningLevel = 'off' | 'warn' | 'error';
 export interface RuntimeWarningOptions {
   level?: RuntimeWarningLevel;
   dedupe?: boolean;
 }
 export declare function setRuntimeWarningOptions(options?: RuntimeWarningOptions): void;
-//#endregion
 //# sourceMappingURL=warning.d.mts.map

package/dist/runtime/warning.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/warning.ts
+// src/runtime/warning.ts
 const defaultWarningOptions = {
 	level: "warn",
 	dedupe: true
@@ -38,6 +38,5 @@ function emitRuntimeWarning(message, options = {}) {
 	if (typeof logger.warn === "function") logger.warn(normalized);
 }
 
-//#endregion
 export { emitRuntimeWarning, setRuntimeWarningOptions };
 //# sourceMappingURL=warning.mjs.map

package/dist/runtime/wevu.d.mts

@@ -1,5 +1,4 @@
 import { RegisterMeta } from "./polyfill/routeRuntime/options.mjs";
-//#region src/runtime/wevu.d.ts
 interface WevuRegisterMeta extends RegisterMeta {
   kind: 'app' | 'page' | 'component';
 }
@@ -19,5 +18,5 @@ export declare function registerWebWevuComponentFactory<TArgs extends unknown[],
  * 在原生模块同步求值期间安装带页面元数据的宿主注册函数。
  */
 export declare function installWebModuleRegistration(meta: WevuRegisterMeta, target?: Record<string, any>): () => void;
-//#endregion
+export {};
 //# sourceMappingURL=wevu.d.mts.map

package/dist/runtime/wevu.mjs

@@ -2,7 +2,7 @@ import { setAppStyle } from "./appStyle.mjs";
 import { registerApp, registerComponent, registerPage } from "./polyfill/routeRuntime.mjs";
 import { createApp, createWevuComponent, takePendingRuntimeAppRegistration } from "wevu/internal-runtime";
 
-//#region src/runtime/wevu.ts
+// src/runtime/wevu.ts
 function createRuntimeConstructor(meta, name) {
 	return (definition) => {
 		if (name === "App") registerApp(definition, meta);
@@ -81,6 +81,5 @@ function installWebModuleRegistration(meta, target = globalThis) {
 	};
 }
 
-//#endregion
 export { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory };
 //# sourceMappingURL=wevu.mjs.map

package/dist/shared/nativeComponents.mjs

@@ -1,4 +1,4 @@
-//#region src/shared/nativeComponents.ts
+// src/shared/nativeComponents.ts
 const NATIVE_COMPONENT_DESCRIPTORS = Object.freeze([
 	{
 		name: "view",
@@ -238,7 +238,15 @@ const NATIVE_COMPONENT_DESCRIPTORS = Object.freeze([
 			"scroll-x",
 			"scroll-y",
 			"scroll-top",
-			"scroll-left"
+			"scroll-left",
+			"upper-threshold",
+			"lower-threshold",
+			"scroll-into-view",
+			"scroll-into-view-offset",
+			"scroll-into-view-alignment",
+			"enable-flex",
+			"enhanced",
+			"show-scrollbar"
 		],
 		defaultStyle: "display: block; box-sizing: border-box;"
 	},
@@ -396,6 +404,5 @@ function isKnownUnsupportedNativeComponent(name) {
 	return KNOWN_UNSUPPORTED_NATIVE_COMPONENTS.has(name.toLowerCase());
 }
 
-//#endregion
 export { NATIVE_COMPONENT_DESCRIPTORS, getNativeComponentDescriptor, isKnownUnsupportedNativeComponent, resolveNativeComponentPropertyAttributes, resolveNativeComponentWebTag };
 //# sourceMappingURL=nativeComponents.mjs.map

package/dist/shared/nativeComponents.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nativeComponents.mjs","names":[],"sources":["../../src/shared/nativeComponents.ts"],"sourcesContent":["export interface NativeComponentDescriptor {\n  name: string\n  webTag: string\n  attributes: readonly string[]\n  propertyAttributes?: readonly string[]\n  defaultStyle: string\n}\n\nexport const NATIVE_COMPONENT_DESCRIPTORS = Object.freeze([\n  {\n    name: 'view',\n    webTag: 'weapp-view',\n    attributes: [],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'text',\n    webTag: 'weapp-text',\n    attributes: ['selectable', 'user-select', 'space', 'decode'],\n    defaultStyle: 'display: inline; box-sizing: border-box; white-space: pre-wrap;',\n  },\n  {\n    name: 'image',\n    webTag: 'weapp-image',\n    attributes: ['src', 'mode', 'lazy-load', 'alt'],\n    defaultStyle: 'display: inline-block; box-sizing: border-box; width: 320px; height: 240px; overflow: hidden; vertical-align: middle;',\n  },\n  {\n    name: 'button',\n    webTag: 'weapp-button',\n    attributes: ['type', 'size', 'plain', 'disabled', 'loading', 'form-type', 'open-type'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'input',\n    webTag: 'weapp-input',\n    attributes: ['name', 'value', 'type', 'password', 'placeholder', 'disabled', 'maxlength', 'confirm-type', 'focus'],\n    defaultStyle: 'display: block; box-sizing: border-box; min-height: 1.4em;',\n  },\n  {\n    name: 'textarea',\n    webTag: 'weapp-textarea',\n    attributes: ['name', 'value', 'placeholder', 'disabled', 'maxlength', 'confirm-type', 'auto-focus', 'focus', 'auto-height'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 300px; height: 150px;',\n  },\n  {\n    name: 'form',\n    webTag: 'weapp-form',\n    attributes: [],\n    defaultStyle: 'display: inline; box-sizing: border-box;',\n  },\n  {\n    name: 'label',\n    webTag: 'weapp-label',\n    attributes: ['for'],\n    defaultStyle: 'display: inline; box-sizing: border-box; cursor: pointer;',\n  },\n  {\n    name: 'checkbox-group',\n    webTag: 'weapp-checkbox-group',\n    attributes: ['name'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'checkbox',\n    webTag: 'weapp-checkbox',\n    attributes: ['value', 'checked', 'disabled', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; vertical-align: middle;',\n  },\n  {\n    name: 'radio-group',\n    webTag: 'weapp-radio-group',\n    attributes: ['name'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'radio',\n    webTag: 'weapp-radio',\n    attributes: ['value', 'checked', 'disabled', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; vertical-align: middle;',\n  },\n  {\n    name: 'switch',\n    webTag: 'weapp-switch',\n    attributes: ['name', 'checked', 'disabled', 'type', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; vertical-align: middle;',\n  },\n  {\n    name: 'picker',\n    webTag: 'weapp-picker',\n    attributes: ['name', 'header-text', 'mode', 'range', 'range-key', 'value', 'start', 'end', 'fields', 'custom-item', 'level', 'disabled'],\n    propertyAttributes: ['range', 'value'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'picker-view',\n    webTag: 'weapp-picker-view',\n    attributes: ['value', 'mask-class', 'indicator-style', 'indicator-class', 'mask-style', 'immediate-change'],\n    propertyAttributes: ['value'],\n    defaultStyle: 'position: relative; display: flex; box-sizing: border-box; height: 225px; overflow: hidden;',\n  },\n  {\n    name: 'picker-view-column',\n    webTag: 'weapp-picker-view-column',\n    attributes: ['indicator-style'],\n    defaultStyle: 'display: block; box-sizing: border-box; min-width: 0; height: 100%; flex: 1;',\n  },\n  {\n    name: 'slider',\n    webTag: 'weapp-slider',\n    attributes: ['name', 'min', 'max', 'step', 'disabled', 'value', 'color', 'selected-color', 'active-color', 'background-color', 'block-size', 'block-color', 'show-value'],\n    defaultStyle: 'display: block; box-sizing: border-box; margin: 10px 18px;',\n  },\n  {\n    name: 'icon',\n    webTag: 'weapp-icon',\n    attributes: ['type', 'size', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; vertical-align: middle;',\n  },\n  {\n    name: 'progress',\n    webTag: 'weapp-progress',\n    attributes: ['percent', 'show-info', 'stroke-width', 'color', 'active-color', 'background-color', 'active', 'active-mode', 'duration', 'border-radius', 'font-size'],\n    defaultStyle: 'display: flex; box-sizing: border-box; align-items: center;',\n  },\n  {\n    name: 'rich-text',\n    webTag: 'weapp-rich-text',\n    attributes: ['nodes', 'space', 'user-select'],\n    propertyAttributes: ['nodes'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'scroll-view',\n    webTag: 'weapp-scroll-view',\n    attributes: ['scroll-x', 'scroll-y', 'scroll-top', 'scroll-left'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'navigator',\n    webTag: 'weapp-navigator',\n    attributes: [\n      'url',\n      'open-type',\n      'delta',\n      'target',\n      'app-id',\n      'path',\n      'extra-data',\n      'version',\n      'short-link',\n      'aria-label',\n      'hover-class',\n      'hover-start-time',\n      'hover-stay-time',\n      'hover-stop-propagation',\n    ],\n    propertyAttributes: ['extra-data'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'swiper',\n    webTag: 'weapp-swiper',\n    attributes: [\n      'current',\n      'current-item-id',\n      'autoplay',\n      'interval',\n      'duration',\n      'circular',\n      'vertical',\n      'indicator-dots',\n      'indicator-color',\n      'indicator-active-color',\n      'display-multiple-items',\n      'previous-margin',\n      'next-margin',\n      'disable-touch',\n      'easing-function',\n    ],\n    defaultStyle: 'display: block; box-sizing: border-box; height: 150px; overflow: hidden;',\n  },\n  {\n    name: 'swiper-item',\n    webTag: 'weapp-swiper-item',\n    attributes: ['item-id'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden;',\n  },\n  {\n    name: 'canvas',\n    webTag: 'weapp-canvas',\n    attributes: ['id', 'canvas-id', 'type', 'disable-scroll', 'width', 'height'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 300px; height: 150px; overflow: hidden;',\n  },\n  {\n    name: 'video',\n    webTag: 'weapp-video',\n    attributes: ['id', 'src', 'poster', 'autoplay', 'loop', 'muted', 'controls', 'initial-time', 'object-fit'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 300px; height: 225px; overflow: hidden;',\n  },\n  {\n    name: 'cover-view',\n    webTag: 'weapp-cover-view',\n    attributes: [],\n    defaultStyle: 'position: absolute; z-index: 2; display: block; box-sizing: border-box; pointer-events: auto;',\n  },\n  {\n    name: 'cover-image',\n    webTag: 'weapp-cover-image',\n    attributes: ['src', 'mode', 'lazy-load', 'alt'],\n    defaultStyle: 'position: absolute; z-index: 2; display: block; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; pointer-events: auto;',\n  },\n  {\n    name: 'movable-area',\n    webTag: 'weapp-movable-area',\n    attributes: [],\n    defaultStyle: 'position: relative; display: block; box-sizing: border-box; overflow: hidden;',\n  },\n  {\n    name: 'movable-view',\n    webTag: 'weapp-movable-view',\n    attributes: ['direction', 'inertia', 'out-of-bounds', 'x', 'y', 'damping', 'friction', 'disabled', 'scale', 'scale-min', 'scale-max', 'scale-value', 'animation'],\n    defaultStyle: 'position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; width: 10px; height: 10px; touch-action: none; user-select: none;',\n  },\n] as const satisfies readonly NativeComponentDescriptor[])\n\nexport type SupportedNativeComponentName = typeof NATIVE_COMPONENT_DESCRIPTORS[number]['name']\nexport type NativeComponentWebTag = typeof NATIVE_COMPONENT_DESCRIPTORS[number]['webTag']\n\nconst descriptorMap = new Map<string, NativeComponentDescriptor>(\n  NATIVE_COMPONENT_DESCRIPTORS.map(descriptor => [descriptor.name, descriptor]),\n)\n\nconst KNOWN_UNSUPPORTED_NATIVE_COMPONENTS = new Set([\n  'editor',\n  'keyboard-accessory',\n  'match-media',\n  'root-portal',\n  'page-container',\n  'share-element',\n  'audio',\n  'camera',\n  'live-player',\n  'live-pusher',\n  'map',\n  'web-view',\n  'ad',\n  'official-account',\n  'open-data',\n])\n\nexport function getNativeComponentDescriptor(name: string) {\n  return descriptorMap.get(name.toLowerCase())\n}\n\nexport function resolveNativeComponentWebTag(name: string) {\n  return getNativeComponentDescriptor(name)?.webTag\n}\n\nexport function resolveNativeComponentPropertyAttributes(name: string) {\n  return getNativeComponentDescriptor(name)?.propertyAttributes ?? []\n}\n\nexport function isKnownUnsupportedNativeComponent(name: string) {\n  return KNOWN_UNSUPPORTED_NATIVE_COMPONENTS.has(name.toLowerCase())\n}\n"],"mappings":"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"}
+{"version":3,"file":"nativeComponents.mjs","names":[],"sources":["../../src/shared/nativeComponents.ts"],"sourcesContent":["export interface NativeComponentDescriptor {\n  name: string\n  webTag: string\n  attributes: readonly string[]\n  propertyAttributes?: readonly string[]\n  defaultStyle: string\n}\n\nexport const NATIVE_COMPONENT_DESCRIPTORS = Object.freeze([\n  {\n    name: 'view',\n    webTag: 'weapp-view',\n    attributes: [],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'text',\n    webTag: 'weapp-text',\n    attributes: ['selectable', 'user-select', 'space', 'decode'],\n    defaultStyle: 'display: inline; box-sizing: border-box; white-space: pre-wrap;',\n  },\n  {\n    name: 'image',\n    webTag: 'weapp-image',\n    attributes: ['src', 'mode', 'lazy-load', 'alt'],\n    defaultStyle: 'display: inline-block; box-sizing: border-box; width: 320px; height: 240px; overflow: hidden; vertical-align: middle;',\n  },\n  {\n    name: 'button',\n    webTag: 'weapp-button',\n    attributes: ['type', 'size', 'plain', 'disabled', 'loading', 'form-type', 'open-type'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'input',\n    webTag: 'weapp-input',\n    attributes: ['name', 'value', 'type', 'password', 'placeholder', 'disabled', 'maxlength', 'confirm-type', 'focus'],\n    defaultStyle: 'display: block; box-sizing: border-box; min-height: 1.4em;',\n  },\n  {\n    name: 'textarea',\n    webTag: 'weapp-textarea',\n    attributes: ['name', 'value', 'placeholder', 'disabled', 'maxlength', 'confirm-type', 'auto-focus', 'focus', 'auto-height'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 300px; height: 150px;',\n  },\n  {\n    name: 'form',\n    webTag: 'weapp-form',\n    attributes: [],\n    defaultStyle: 'display: inline; box-sizing: border-box;',\n  },\n  {\n    name: 'label',\n    webTag: 'weapp-label',\n    attributes: ['for'],\n    defaultStyle: 'display: inline; box-sizing: border-box; cursor: pointer;',\n  },\n  {\n    name: 'checkbox-group',\n    webTag: 'weapp-checkbox-group',\n    attributes: ['name'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'checkbox',\n    webTag: 'weapp-checkbox',\n    attributes: ['value', 'checked', 'disabled', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; vertical-align: middle;',\n  },\n  {\n    name: 'radio-group',\n    webTag: 'weapp-radio-group',\n    attributes: ['name'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'radio',\n    webTag: 'weapp-radio',\n    attributes: ['value', 'checked', 'disabled', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; vertical-align: middle;',\n  },\n  {\n    name: 'switch',\n    webTag: 'weapp-switch',\n    attributes: ['name', 'checked', 'disabled', 'type', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; vertical-align: middle;',\n  },\n  {\n    name: 'picker',\n    webTag: 'weapp-picker',\n    attributes: ['name', 'header-text', 'mode', 'range', 'range-key', 'value', 'start', 'end', 'fields', 'custom-item', 'level', 'disabled'],\n    propertyAttributes: ['range', 'value'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'picker-view',\n    webTag: 'weapp-picker-view',\n    attributes: ['value', 'mask-class', 'indicator-style', 'indicator-class', 'mask-style', 'immediate-change'],\n    propertyAttributes: ['value'],\n    defaultStyle: 'position: relative; display: flex; box-sizing: border-box; height: 225px; overflow: hidden;',\n  },\n  {\n    name: 'picker-view-column',\n    webTag: 'weapp-picker-view-column',\n    attributes: ['indicator-style'],\n    defaultStyle: 'display: block; box-sizing: border-box; min-width: 0; height: 100%; flex: 1;',\n  },\n  {\n    name: 'slider',\n    webTag: 'weapp-slider',\n    attributes: ['name', 'min', 'max', 'step', 'disabled', 'value', 'color', 'selected-color', 'active-color', 'background-color', 'block-size', 'block-color', 'show-value'],\n    defaultStyle: 'display: block; box-sizing: border-box; margin: 10px 18px;',\n  },\n  {\n    name: 'icon',\n    webTag: 'weapp-icon',\n    attributes: ['type', 'size', 'color'],\n    defaultStyle: 'display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; vertical-align: middle;',\n  },\n  {\n    name: 'progress',\n    webTag: 'weapp-progress',\n    attributes: ['percent', 'show-info', 'stroke-width', 'color', 'active-color', 'background-color', 'active', 'active-mode', 'duration', 'border-radius', 'font-size'],\n    defaultStyle: 'display: flex; box-sizing: border-box; align-items: center;',\n  },\n  {\n    name: 'rich-text',\n    webTag: 'weapp-rich-text',\n    attributes: ['nodes', 'space', 'user-select'],\n    propertyAttributes: ['nodes'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'scroll-view',\n    webTag: 'weapp-scroll-view',\n    attributes: [\n      'scroll-x',\n      'scroll-y',\n      'scroll-top',\n      'scroll-left',\n      'upper-threshold',\n      'lower-threshold',\n      'scroll-into-view',\n      'scroll-into-view-offset',\n      'scroll-into-view-alignment',\n      'enable-flex',\n      'enhanced',\n      'show-scrollbar',\n    ],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'navigator',\n    webTag: 'weapp-navigator',\n    attributes: [\n      'url',\n      'open-type',\n      'delta',\n      'target',\n      'app-id',\n      'path',\n      'extra-data',\n      'version',\n      'short-link',\n      'aria-label',\n      'hover-class',\n      'hover-start-time',\n      'hover-stay-time',\n      'hover-stop-propagation',\n    ],\n    propertyAttributes: ['extra-data'],\n    defaultStyle: 'display: block; box-sizing: border-box;',\n  },\n  {\n    name: 'swiper',\n    webTag: 'weapp-swiper',\n    attributes: [\n      'current',\n      'current-item-id',\n      'autoplay',\n      'interval',\n      'duration',\n      'circular',\n      'vertical',\n      'indicator-dots',\n      'indicator-color',\n      'indicator-active-color',\n      'display-multiple-items',\n      'previous-margin',\n      'next-margin',\n      'disable-touch',\n      'easing-function',\n    ],\n    defaultStyle: 'display: block; box-sizing: border-box; height: 150px; overflow: hidden;',\n  },\n  {\n    name: 'swiper-item',\n    webTag: 'weapp-swiper-item',\n    attributes: ['item-id'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden;',\n  },\n  {\n    name: 'canvas',\n    webTag: 'weapp-canvas',\n    attributes: ['id', 'canvas-id', 'type', 'disable-scroll', 'width', 'height'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 300px; height: 150px; overflow: hidden;',\n  },\n  {\n    name: 'video',\n    webTag: 'weapp-video',\n    attributes: ['id', 'src', 'poster', 'autoplay', 'loop', 'muted', 'controls', 'initial-time', 'object-fit'],\n    defaultStyle: 'display: block; box-sizing: border-box; width: 300px; height: 225px; overflow: hidden;',\n  },\n  {\n    name: 'cover-view',\n    webTag: 'weapp-cover-view',\n    attributes: [],\n    defaultStyle: 'position: absolute; z-index: 2; display: block; box-sizing: border-box; pointer-events: auto;',\n  },\n  {\n    name: 'cover-image',\n    webTag: 'weapp-cover-image',\n    attributes: ['src', 'mode', 'lazy-load', 'alt'],\n    defaultStyle: 'position: absolute; z-index: 2; display: block; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; pointer-events: auto;',\n  },\n  {\n    name: 'movable-area',\n    webTag: 'weapp-movable-area',\n    attributes: [],\n    defaultStyle: 'position: relative; display: block; box-sizing: border-box; overflow: hidden;',\n  },\n  {\n    name: 'movable-view',\n    webTag: 'weapp-movable-view',\n    attributes: ['direction', 'inertia', 'out-of-bounds', 'x', 'y', 'damping', 'friction', 'disabled', 'scale', 'scale-min', 'scale-max', 'scale-value', 'animation'],\n    defaultStyle: 'position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; width: 10px; height: 10px; touch-action: none; user-select: none;',\n  },\n] as const satisfies readonly NativeComponentDescriptor[])\n\nexport type SupportedNativeComponentName = typeof NATIVE_COMPONENT_DESCRIPTORS[number]['name']\nexport type NativeComponentWebTag = typeof NATIVE_COMPONENT_DESCRIPTORS[number]['webTag']\n\nconst descriptorMap = new Map<string, NativeComponentDescriptor>(\n  NATIVE_COMPONENT_DESCRIPTORS.map(descriptor => [descriptor.name, descriptor]),\n)\n\nconst KNOWN_UNSUPPORTED_NATIVE_COMPONENTS = new Set([\n  'editor',\n  'keyboard-accessory',\n  'match-media',\n  'root-portal',\n  'page-container',\n  'share-element',\n  'audio',\n  'camera',\n  'live-player',\n  'live-pusher',\n  'map',\n  'web-view',\n  'ad',\n  'official-account',\n  'open-data',\n])\n\nexport function getNativeComponentDescriptor(name: string) {\n  return descriptorMap.get(name.toLowerCase())\n}\n\nexport function resolveNativeComponentWebTag(name: string) {\n  return getNativeComponentDescriptor(name)?.webTag\n}\n\nexport function resolveNativeComponentPropertyAttributes(name: string) {\n  return getNativeComponentDescriptor(name)?.propertyAttributes ?? []\n}\n\nexport function isKnownUnsupportedNativeComponent(name: string) {\n  return KNOWN_UNSUPPORTED_NATIVE_COMPONENTS.has(name.toLowerCase())\n}\n"],"mappings":"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"}

package/dist/shared/slugify.mjs

@@ -1,8 +1,7 @@
-//#region src/shared/slugify.ts
+// src/shared/slugify.ts
 function slugify(id, prefix) {
 	return `${prefix}-${id.replace(/[^a-z0-9]+/gi, "-").replace(/^-+|-+$/g, "").toLowerCase() || "index"}`;
 }
 
-//#endregion
 export { slugify };
 //# sourceMappingURL=slugify.mjs.map

package/dist/shared/styleUnits/options.d.mts

@@ -0,0 +1,24 @@
+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 ResolvedStyleUnitOptions {
+  useVariable: boolean;
+  rpxVar: string;
+  ratio: number;
+  designWidth: number;
+}
+//# sourceMappingURL=options.d.mts.map

package/dist/shared/styleUnits/options.mjs

@@ -0,0 +1,13 @@
+// src/shared/styleUnits/options.ts
+/** 编译端与运行时共用显式配置；有限设计宽度优先启用变量模式。 */
+function resolveStyleUnitOptions(options) {
+	return {
+		useVariable: options?.pxPerRpx === void 0 || typeof options.designWidth === "number" && Number.isFinite(options.designWidth),
+		rpxVar: options?.rpxVar ?? "--rpx",
+		ratio: options?.pxPerRpx ?? .5,
+		designWidth: options?.designWidth ?? 750
+	};
+}
+
+export { resolveStyleUnitOptions };
+//# sourceMappingURL=options.mjs.map

package/dist/shared/styleUnits/options.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.mjs","names":[],"sources":["../../../src/shared/styleUnits/options.ts"],"sourcesContent":["export 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 ResolvedStyleUnitOptions {\n  useVariable: boolean\n  rpxVar: string\n  ratio: number\n  designWidth: number\n}\n\n/** 编译端与运行时共用显式配置；有限设计宽度优先启用变量模式。 */\nexport function resolveStyleUnitOptions(options?: WxssTransformOptions): ResolvedStyleUnitOptions {\n  return {\n    useVariable: options?.pxPerRpx === undefined\n      || (typeof options.designWidth === 'number' && Number.isFinite(options.designWidth)),\n    rpxVar: options?.rpxVar ?? '--rpx',\n    ratio: options?.pxPerRpx ?? 0.5,\n    designWidth: options?.designWidth ?? 750,\n  }\n}\n"],"mappings":";;AA0BA,SAAgB,wBAAwB,SAA0D;CAChG,OAAO;EACL,aAAa,SAAS,aAAa,UAC7B,OAAO,QAAQ,gBAAgB,YAAY,OAAO,SAAS,QAAQ,WAAW;EACpF,QAAQ,SAAS,UAAU;EAC3B,OAAO,SAAS,YAAY;EAC5B,aAAa,SAAS,eAAe;CACvC;AACF"}

package/dist/shared/styleUnits/value.mjs

@@ -0,0 +1,63 @@
+import { TokenType, tokenize } from "@csstools/css-tokenizer";
+
+// src/shared/styleUnits/value.ts
+function resolveViewportUnitBase(unit) {
+	if (unit === "vw") return "var(--weapp-viewport-width)";
+	if (unit === "vh") return "var(--weapp-viewport-height)";
+	if (unit === "vmin") return "min(var(--weapp-viewport-width), var(--weapp-viewport-height))";
+	return "max(var(--weapp-viewport-width), var(--weapp-viewport-height))";
+}
+function nextSignificantToken(tokens, from) {
+	let index = from;
+	while (tokens[index]?.[0] === TokenType.Whitespace || tokens[index]?.[0] === TokenType.Comment) index += 1;
+	return index;
+}
+function functionArgument(tokens, from) {
+	const index = nextSignificantToken(tokens, from + 1);
+	const token = tokens[index];
+	const following = tokens[nextSignificantToken(tokens, index + 1)];
+	if (token?.[0] === TokenType.Ident && (following?.[0] === TokenType.Comma || following?.[0] === TokenType.CloseParen)) return {
+		index,
+		value: token[4].value
+	};
+}
+/** 仅转换完整单位 token；字面量及运行时视口变量的浏览器 fallback 保持原样。 */
+function transformStyleValue(value, options) {
+	const tokens = tokenize({ css: value });
+	const replacements = /* @__PURE__ */ new Map();
+	let protectedDepth = 0;
+	return tokens.map((token, index) => {
+		if (protectedDepth > 0) {
+			if (token[0] === TokenType.Function || token[0] === TokenType.OpenParen) protectedDepth += 1;
+			else if (token[0] === TokenType.CloseParen) protectedDepth -= 1;
+			return token[1];
+		}
+		if (token[0] === TokenType.Function) {
+			const name = token[4].value.toLowerCase();
+			const argument = functionArgument(tokens, index);
+			if (name === "url" || name === "var" && (argument?.value === "--weapp-viewport-width" || argument?.value === "--weapp-viewport-height")) {
+				protectedDepth = 1;
+				return token[1];
+			}
+			if (name === "env" && argument && /^safe-area-inset-(?:top|right|bottom|left)$/i.test(argument.value)) {
+				replacements.set(argument.index, `--weapp-${argument.value.toLowerCase()}`);
+				return "var(";
+			}
+		}
+		const replacement = replacements.get(index);
+		if (replacement !== void 0) return replacement;
+		if (token[0] !== TokenType.Dimension || !Number.isFinite(token[4].value)) return token[1];
+		const numeric = token[4].value;
+		const unit = token[4].unit.toLowerCase();
+		if (unit === "rpx") {
+			if (options.useVariable) return `calc(var(${options.rpxVar}) * ${numeric})`;
+			return `${Math.round(numeric * options.ratio * 1e3) / 1e3}px`;
+		}
+		if (!options.useVariable || !/^(?:vw|vh|vmin|vmax)$/.test(unit)) return token[1];
+		const base = resolveViewportUnitBase(unit);
+		return numeric === 0 ? "0px" : numeric === 100 ? base : `calc(${base} * ${numeric} / 100)`;
+	}).join("");
+}
+
+export { transformStyleValue };
+//# sourceMappingURL=value.mjs.map

package/dist/shared/styleUnits/value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value.mjs","names":[],"sources":["../../../src/shared/styleUnits/value.ts"],"sourcesContent":["import type { CSSToken } from '@csstools/css-tokenizer'\nimport type { ResolvedStyleUnitOptions } from './options'\nimport { tokenize, TokenType } from '@csstools/css-tokenizer'\n\nfunction resolveViewportUnitBase(unit: string) {\n  if (unit === 'vw') {\n    return 'var(--weapp-viewport-width)'\n  }\n  if (unit === 'vh') {\n    return 'var(--weapp-viewport-height)'\n  }\n  if (unit === 'vmin') {\n    return 'min(var(--weapp-viewport-width), var(--weapp-viewport-height))'\n  }\n  return 'max(var(--weapp-viewport-width), var(--weapp-viewport-height))'\n}\n\nfunction nextSignificantToken(tokens: CSSToken[], from: number) {\n  let index = from\n  while (tokens[index]?.[0] === TokenType.Whitespace || tokens[index]?.[0] === TokenType.Comment) {\n    index += 1\n  }\n  return index\n}\n\nfunction functionArgument(tokens: CSSToken[], from: number) {\n  const index = nextSignificantToken(tokens, from + 1)\n  const token = tokens[index]\n  const following = tokens[nextSignificantToken(tokens, index + 1)]\n  if (token?.[0] === TokenType.Ident && (following?.[0] === TokenType.Comma || following?.[0] === TokenType.CloseParen)) {\n    return { index, value: token[4].value }\n  }\n}\n\n/** 仅转换完整单位 token；字面量及运行时视口变量的浏览器 fallback 保持原样。 */\nexport function transformStyleValue(value: string, options: ResolvedStyleUnitOptions) {\n  const tokens = tokenize({ css: value })\n  const replacements = new Map<number, string>()\n  let protectedDepth = 0\n  return tokens.map((token, index) => {\n    if (protectedDepth > 0) {\n      if (token[0] === TokenType.Function || token[0] === TokenType.OpenParen) {\n        protectedDepth += 1\n      }\n      else if (token[0] === TokenType.CloseParen) {\n        protectedDepth -= 1\n      }\n      return token[1]\n    }\n    if (token[0] === TokenType.Function) {\n      const name = token[4].value.toLowerCase()\n      const argument = functionArgument(tokens, index)\n      if (name === 'url' || (name === 'var' && (argument?.value === '--weapp-viewport-width' || argument?.value === '--weapp-viewport-height'))) {\n        protectedDepth = 1\n        return token[1]\n      }\n      if (name === 'env' && argument && /^safe-area-inset-(?:top|right|bottom|left)$/i.test(argument.value)) {\n        replacements.set(argument.index, `--weapp-${argument.value.toLowerCase()}`)\n        return 'var('\n      }\n    }\n    const replacement = replacements.get(index)\n    if (replacement !== undefined) {\n      return replacement\n    }\n    if (token[0] !== TokenType.Dimension || !Number.isFinite(token[4].value)) {\n      return token[1]\n    }\n    const numeric = token[4].value\n    const unit = token[4].unit.toLowerCase()\n    if (unit === 'rpx') {\n      if (options.useVariable) {\n        return `calc(var(${options.rpxVar}) * ${numeric})`\n      }\n      return `${Math.round(numeric * options.ratio * 1000) / 1000}px`\n    }\n    if (!options.useVariable || !/^(?:vw|vh|vmin|vmax)$/.test(unit)) {\n      return token[1]\n    }\n    const base = resolveViewportUnitBase(unit)\n    return numeric === 0 ? '0px' : numeric === 100 ? base : `calc(${base} * ${numeric} / 100)`\n  }).join('')\n}\n"],"mappings":";;;AAIA,SAAS,wBAAwB,MAAc;CAC7C,IAAI,SAAS,MACX,OAAO;CAET,IAAI,SAAS,MACX,OAAO;CAET,IAAI,SAAS,QACX,OAAO;CAET,OAAO;AACT;AAEA,SAAS,qBAAqB,QAAoB,MAAc;CAC9D,IAAI,QAAQ;CACZ,OAAO,OAAO,MAAM,GAAG,OAAO,UAAU,cAAc,OAAO,MAAM,GAAG,OAAO,UAAU,SACrF,SAAS;CAEX,OAAO;AACT;AAEA,SAAS,iBAAiB,QAAoB,MAAc;CAC1D,MAAM,QAAQ,qBAAqB,QAAQ,OAAO,CAAC;CACnD,MAAM,QAAQ,OAAO;CACrB,MAAM,YAAY,OAAO,qBAAqB,QAAQ,QAAQ,CAAC;CAC/D,IAAI,QAAQ,OAAO,UAAU,UAAU,YAAY,OAAO,UAAU,SAAS,YAAY,OAAO,UAAU,aACxG,OAAO;EAAE;EAAO,OAAO,MAAM,EAAE,CAAC;CAAM;AAE1C;;AAGA,SAAgB,oBAAoB,OAAe,SAAmC;CACpF,MAAM,SAAS,SAAS,EAAE,KAAK,MAAM,CAAC;CACtC,MAAM,+BAAe,IAAI,IAAoB;CAC7C,IAAI,iBAAiB;CACrB,OAAO,OAAO,KAAK,OAAO,UAAU;EAClC,IAAI,iBAAiB,GAAG;GACtB,IAAI,MAAM,OAAO,UAAU,YAAY,MAAM,OAAO,UAAU,WAC5D,kBAAkB;QAEf,IAAI,MAAM,OAAO,UAAU,YAC9B,kBAAkB;GAEpB,OAAO,MAAM;EACf;EACA,IAAI,MAAM,OAAO,UAAU,UAAU;GACnC,MAAM,OAAO,MAAM,EAAE,CAAC,MAAM,YAAY;GACxC,MAAM,WAAW,iBAAiB,QAAQ,KAAK;GAC/C,IAAI,SAAS,SAAU,SAAS,UAAU,UAAU,UAAU,4BAA4B,UAAU,UAAU,4BAA6B;IACzI,iBAAiB;IACjB,OAAO,MAAM;GACf;GACA,IAAI,SAAS,SAAS,YAAY,+CAA+C,KAAK,SAAS,KAAK,GAAG;IACrG,aAAa,IAAI,SAAS,OAAO,WAAW,SAAS,MAAM,YAAY,GAAG;IAC1E,OAAO;GACT;EACF;EACA,MAAM,cAAc,aAAa,IAAI,KAAK;EAC1C,IAAI,gBAAgB,QAClB,OAAO;EAET,IAAI,MAAM,OAAO,UAAU,aAAa,CAAC,OAAO,SAAS,MAAM,EAAE,CAAC,KAAK,GACrE,OAAO,MAAM;EAEf,MAAM,UAAU,MAAM,EAAE,CAAC;EACzB,MAAM,OAAO,MAAM,EAAE,CAAC,KAAK,YAAY;EACvC,IAAI,SAAS,OAAO;GAClB,IAAI,QAAQ,aACV,OAAO,YAAY,QAAQ,OAAO,MAAM,QAAQ;GAElD,OAAO,GAAG,KAAK,MAAM,UAAU,QAAQ,QAAQ,GAAI,IAAI,IAAK;EAC9D;EACA,IAAI,CAAC,QAAQ,eAAe,CAAC,wBAAwB,KAAK,IAAI,GAC5D,OAAO,MAAM;EAEf,MAAM,OAAO,wBAAwB,IAAI;EACzC,OAAO,YAAY,IAAI,QAAQ,YAAY,MAAM,OAAO,QAAQ,KAAK,KAAK,QAAQ;CACpF,CAAC,CAAC,CAAC,KAAK,EAAE;AACZ"}

package/dist/shared/tabBar.d.mts

@@ -1,4 +1,3 @@
-//#region src/shared/tabBar.d.ts
 export interface WebTabBarItem {
   pagePath: string;
   text: string;
@@ -14,5 +13,4 @@ export interface WebTabBarConfig {
   custom: boolean;
   list: WebTabBarItem[];
 }
-//#endregion
 //# sourceMappingURL=tabBar.d.mts.map

package/dist/shared/tabBar.mjs

@@ -1,4 +1,4 @@
-//#region src/shared/tabBar.ts
+// src/shared/tabBar.ts
 function normalizeOptionalString(value) {
 	return typeof value === "string" && value.trim() ? value : void 0;
 }
@@ -32,6 +32,5 @@ function normalizeWebTabBarConfig(value) {
 	};
 }
 
-//#endregion
 export { normalizeWebTabBarConfig };
 //# sourceMappingURL=tabBar.mjs.map

package/dist/shared/wxml.mjs

@@ -1,7 +1,7 @@
 import { resolveNativeComponentWebTag } from "./nativeComponents.mjs";
 import { getSupportedMiniProgramDirectivePrefixes } from "@weapp-core/shared/platforms/runtime";
 
-//#region src/shared/wxml.ts
+// src/shared/wxml.ts
 const CONTROL_ATTR_SUFFIXES = [
 	"if",
 	"elif",
@@ -65,6 +65,5 @@ function normalizeAttributeName(name) {
 	return name.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 
-//#endregion
 export { CONTROL_ATTRS, CONTROL_ATTR_PREFIXES, EVENT_KIND_ALIAS, EVENT_PREFIX_RE, SELF_CLOSING_TAGS, TEMPLATE_IMPORT_TAG_NAMES, TEMPLATE_INCLUDE_TAG_NAMES, hasControlAttribute, normalizeAttributeName, normalizeTagName, resolveControlAttributeName, resolveControlAttributeValue };
 //# sourceMappingURL=wxml.mjs.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weapp-vite/web",
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Experimental web runtime for weapp-vite templates",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -52,7 +52,7 @@
     "dist"
   ],
   "engines": {
-    "node": "^22.18.0 || ^24.11.0 || >=26.0.0"
+    "node": "^22.23.4 || ^24.22.1 || >=26.12.1"
   },
   "tsd": {
     "compilerOptions": {
@@ -62,26 +62,28 @@
     }
   },
   "dependencies": {
-    "@babel/parser": "^8.0.7",
+    "@babel/parser": "^8.0.8",
     "@babel/traverse": "^8.0.7",
-    "@babel/types": "^8.0.6",
-    "@weapp-core/constants": "0.3.1",
-    "@weapp-core/shared": "3.2.8",
+    "@babel/types": "^8.0.8",
+    "@csstools/css-tokenizer": "4.0.2",
+    "@vue/shared": "^3.5.44",
+    "@weapp-core/constants": "0.5.0",
+    "@weapp-core/shared": "3.4.0",
     "domhandler": "^6.0.1",
     "esbuild": "^0.28.2",
     "htmlparser2": "^12.0.0",
     "lit": "^3.3.3",
     "magic-string": "^1.4.3",
     "pathe": "^2.0.3",
-    "postcss": "^8.5.29",
-    "postcss-selector-parser": "^7.1.6",
-    "rolldown": "1.2.13",
-    "rolldown-require": "2.0.35",
-    "vite": "8.3.4",
-    "wevu": "7.5.0"
+    "postcss": "^8.5.31",
+    "postcss-selector-parser": "^7.1.7",
+    "rolldown": "1.2.15",
+    "rolldown-require": "2.1.0",
+    "vite": "8.3.5",
+    "wevu": "7.7.0"
   },
   "devDependencies": {
-    "happy-dom": "^20.14.5"
+    "happy-dom": "^21.0.4"
   },
   "publishConfig": {
     "access": "public",