@weapp-vite/web 1.3.36 → 1.4.0

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

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

package/dist/runtime/viewport/index.mjs

@@ -0,0 +1,44 @@
+import { WEB_VIEWPORT_STYLE_ID, createWebViewportStyle } from "./style.mjs";
+
+//#region src/runtime/viewport/index.ts
+const DEFAULT_VIEWPORT_CONFIG = {
+	mode: "mini-program",
+	maxWidth: 375,
+	desktopBreakpoint: 600
+};
+let resolvedConfig = { ...DEFAULT_VIEWPORT_CONFIG };
+function resolvePositiveNumber(value, fallback) {
+	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function resolveWebViewportConfig(config) {
+	return {
+		mode: config?.mode === "responsive" ? "responsive" : "mini-program",
+		maxWidth: resolvePositiveNumber(config?.maxWidth, DEFAULT_VIEWPORT_CONFIG.maxWidth),
+		desktopBreakpoint: resolvePositiveNumber(config?.desktopBreakpoint, DEFAULT_VIEWPORT_CONFIG.desktopBreakpoint)
+	};
+}
+function setupWebViewport(config) {
+	resolvedConfig = resolveWebViewportConfig(config);
+	if (typeof document === "undefined") return resolvedConfig;
+	document.documentElement?.setAttribute("data-weapp-viewport-mode", resolvedConfig.mode);
+	let style = document.querySelector(`#${WEB_VIEWPORT_STYLE_ID}`);
+	if (!style) {
+		style = document.createElement("style");
+		style.id = WEB_VIEWPORT_STYLE_ID;
+		document.head?.append(style);
+	}
+	style.textContent = createWebViewportStyle(resolvedConfig);
+	return resolvedConfig;
+}
+function getWebViewportWidth() {
+	if (typeof document === "undefined") return 0;
+	const containerWidth = document.querySelector("#app")?.clientWidth ?? 0;
+	if (containerWidth > 0) return containerWidth;
+	const documentWidth = document.documentElement?.clientWidth ?? 0;
+	if (resolvedConfig.mode === "mini-program" && documentWidth >= resolvedConfig.desktopBreakpoint) return Math.min(documentWidth, resolvedConfig.maxWidth);
+	return documentWidth || (typeof window !== "undefined" ? window.innerWidth : 0);
+}
+
+//#endregion
+export { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/runtime/viewport/index.ts"],"sourcesContent":["import type { ResolvedWebViewportConfig, WebViewportConfig } from './types'\nimport { createWebViewportStyle, WEB_VIEWPORT_STYLE_ID } from './style'\n\nconst DEFAULT_VIEWPORT_CONFIG: ResolvedWebViewportConfig = {\n  mode: 'mini-program',\n  maxWidth: 375,\n  desktopBreakpoint: 600,\n}\n\nlet resolvedConfig = { ...DEFAULT_VIEWPORT_CONFIG }\n\nfunction resolvePositiveNumber(value: number | undefined, fallback: number) {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : fallback\n}\n\nexport function resolveWebViewportConfig(config?: WebViewportConfig): ResolvedWebViewportConfig {\n  return {\n    mode: config?.mode === 'responsive' ? 'responsive' : 'mini-program',\n    maxWidth: resolvePositiveNumber(config?.maxWidth, DEFAULT_VIEWPORT_CONFIG.maxWidth),\n    desktopBreakpoint: resolvePositiveNumber(config?.desktopBreakpoint, DEFAULT_VIEWPORT_CONFIG.desktopBreakpoint),\n  }\n}\n\nexport function setupWebViewport(config?: WebViewportConfig) {\n  resolvedConfig = resolveWebViewportConfig(config)\n  if (typeof document === 'undefined') {\n    return resolvedConfig\n  }\n  document.documentElement?.setAttribute('data-weapp-viewport-mode', resolvedConfig.mode)\n  let style = document.querySelector(`#${WEB_VIEWPORT_STYLE_ID}`) as HTMLStyleElement | null\n  if (!style) {\n    style = document.createElement('style')\n    style.id = WEB_VIEWPORT_STYLE_ID\n    document.head?.append(style)\n  }\n  style.textContent = createWebViewportStyle(resolvedConfig)\n  return resolvedConfig\n}\n\nexport function getWebViewportWidth() {\n  if (typeof document === 'undefined') {\n    return 0\n  }\n  const container = document.querySelector('#app') as HTMLElement | null\n  const containerWidth = container?.clientWidth ?? 0\n  if (containerWidth > 0) {\n    return containerWidth\n  }\n  const documentWidth = document.documentElement?.clientWidth ?? 0\n  if (resolvedConfig.mode === 'mini-program' && documentWidth >= resolvedConfig.desktopBreakpoint) {\n    return Math.min(documentWidth, resolvedConfig.maxWidth)\n  }\n  return documentWidth || (typeof window !== 'undefined' ? window.innerWidth : 0)\n}\n\nexport type { ResolvedWebViewportConfig, WebViewportConfig } from './types'\n"],"mappings":";;;AAGA,MAAM,0BAAqD;CACzD,MAAM;CACN,UAAU;CACV,mBAAmB;AACrB;AAEA,IAAI,iBAAiB,EAAE,GAAG,wBAAwB;AAElD,SAAS,sBAAsB,OAA2B,UAAkB;CAC1E,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ;AACpF;AAEA,SAAgB,yBAAyB,QAAuD;CAC9F,OAAO;EACL,MAAM,QAAQ,SAAS,eAAe,eAAe;EACrD,UAAU,sBAAsB,QAAQ,UAAU,wBAAwB,QAAQ;EAClF,mBAAmB,sBAAsB,QAAQ,mBAAmB,wBAAwB,iBAAiB;CAC/G;AACF;AAEA,SAAgB,iBAAiB,QAA4B;CAC3D,iBAAiB,yBAAyB,MAAM;CAChD,IAAI,OAAO,aAAa,aACtB,OAAO;CAET,SAAS,iBAAiB,aAAa,4BAA4B,eAAe,IAAI;CACtF,IAAI,QAAQ,SAAS,cAAc,IAAI,uBAAuB;CAC9D,IAAI,CAAC,OAAO;EACV,QAAQ,SAAS,cAAc,OAAO;EACtC,MAAM,KAAK;EACX,SAAS,MAAM,OAAO,KAAK;CAC7B;CACA,MAAM,cAAc,uBAAuB,cAAc;CACzD,OAAO;AACT;AAEA,SAAgB,sBAAsB;CACpC,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,MAAM,iBADY,SAAS,cAAc,MACV,CAAC,EAAE,eAAe;CACjD,IAAI,iBAAiB,GACnB,OAAO;CAET,MAAM,gBAAgB,SAAS,iBAAiB,eAAe;CAC/D,IAAI,eAAe,SAAS,kBAAkB,iBAAiB,eAAe,mBAC5E,OAAO,KAAK,IAAI,eAAe,eAAe,QAAQ;CAExD,OAAO,kBAAkB,OAAO,WAAW,cAAc,OAAO,aAAa;AAC/E"}

package/dist/runtime/viewport/style.mjs

@@ -0,0 +1,62 @@
+//#region 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-max-width: ${maxWidth};
+  --weapp-viewport-left: 0px;
+  --weapp-viewport-right: 0px;
+  --weapp-safe-area-inset-top: env(safe-area-inset-top, 0px);
+  --weapp-safe-area-inset-right: env(safe-area-inset-right, 0px);
+  --weapp-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+  --weapp-safe-area-inset-left: env(safe-area-inset-left, 0px);
+}
+
+html,
+body {
+  min-width: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+body {
+  background: #f2f2f2;
+  font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+}
+
+#app {
+  --weapp-tab-bar-inset: 0px;
+  --weapp-tab-bar-top-inset: 0px;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100dvh;
+  min-height: 0;
+  margin: 0 auto;
+  overflow: auto;
+  overscroll-behavior: contain;
+  background: #ffffff;
+  contain: layout paint;
+  transform: translateZ(0);
+}
+
+@media (min-width: ${`${config.desktopBreakpoint}px`}) {
+  html[data-weapp-viewport-mode="mini-program"] {
+    --weapp-viewport-width: ${maxWidth};
+    --weapp-viewport-left: calc((100vw - ${maxWidth}) / 2);
+    --weapp-viewport-right: calc((100vw - ${maxWidth}) / 2);
+  }
+
+  html[data-weapp-viewport-mode="mini-program"] #app {
+    width: ${maxWidth};
+  }
+}
+`;
+}
+
+//#endregion
+export { WEB_VIEWPORT_STYLE_ID, createWebViewportStyle };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +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"}

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

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

package/dist/runtime/wevu.d.mts

@@ -0,0 +1,20 @@
+import { RegisterMeta } from "./polyfill/routeRuntime/options.mjs";
+//#region src/runtime/wevu.d.ts
+interface WevuRegisterMeta extends RegisterMeta {
+  kind: 'app' | 'page' | 'component';
+}
+/**
+ * 将 Wevu App 注册过程接入 Web 页面栈。
+ */
+declare function registerWebWevuApp(options: Record<string, any>, meta: WevuRegisterMeta): void;
+/**
+ * 将 Wevu 页面或组件注册过程接入 Web 自定义元素。
+ */
+declare function registerWebWevuComponent(options: Record<string, any>, meta: WevuRegisterMeta): void;
+/**
+ * 在原生模块同步求值期间安装带页面元数据的宿主注册函数。
+ */
+declare function installWebModuleRegistration(meta: WevuRegisterMeta, target?: Record<string, any>): () => void;
+//#endregion
+export { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent };
+//# sourceMappingURL=wevu.d.mts.map

package/dist/runtime/wevu.mjs

@@ -0,0 +1,73 @@
+import { registerApp, registerComponent, registerPage } from "./polyfill/routeRuntime.mjs";
+import { createApp, createWevuComponent, takePendingRuntimeAppRegistration } from "wevu/internal-runtime";
+
+//#region src/runtime/wevu.ts
+function createRuntimeConstructor(meta, name) {
+	return (definition) => {
+		if (name === "App") registerApp(definition, meta);
+		else if (name === "Page" || meta.kind === "page") registerPage(definition, meta);
+		else registerComponent(definition, meta);
+		return definition;
+	};
+}
+function withRuntimeConstructor(name, constructor, run) {
+	const target = globalThis;
+	const hadOwn = Object.prototype.hasOwnProperty.call(target, name);
+	const previous = target[name];
+	target[name] = constructor;
+	try {
+		return run();
+	} finally {
+		if (hadOwn) target[name] = previous;
+		else delete target[name];
+	}
+}
+/**
+* 将 Wevu App 注册过程接入 Web 页面栈。
+*/
+function registerWebWevuApp(options, meta) {
+	const pendingRegistration = takePendingRuntimeAppRegistration();
+	withRuntimeConstructor("App", (definition) => registerApp(definition, meta), () => {
+		if (pendingRegistration) {
+			pendingRegistration.register();
+			return pendingRegistration.app;
+		}
+		return createApp(options);
+	});
+}
+/**
+* 将 Wevu 页面或组件注册过程接入 Web 自定义元素。
+*/
+function registerWebWevuComponent(options, meta) {
+	withRuntimeConstructor("Component", (definition) => {
+		return meta.kind === "page" ? registerPage(definition, meta) : registerComponent(definition, meta);
+	}, () => createWevuComponent(options));
+}
+/**
+* 在原生模块同步求值期间安装带页面元数据的宿主注册函数。
+*/
+function installWebModuleRegistration(meta, target = globalThis) {
+	const names = meta.kind === "app" ? ["App"] : meta.kind === "page" ? ["Page", "Component"] : ["Component"];
+	const previous = names.map((name) => ({
+		hadOwn: Object.prototype.hasOwnProperty.call(target, name),
+		name,
+		value: target[name]
+	}));
+	const installed = /* @__PURE__ */ new Map();
+	for (const name of names) {
+		const constructor = createRuntimeConstructor(meta, name);
+		installed.set(name, constructor);
+		target[name] = constructor;
+	}
+	return () => {
+		for (const entry of previous) {
+			if (target[entry.name] !== installed.get(entry.name)) continue;
+			if (entry.hadOwn) target[entry.name] = entry.value;
+			else delete target[entry.name];
+		}
+	};
+}
+
+//#endregion
+export { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent };
+//# sourceMappingURL=wevu.mjs.map

package/dist/runtime/wevu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wevu.mjs","names":[],"sources":["../../src/runtime/wevu.ts"],"sourcesContent":["import type { RegisterMeta } from './polyfill/routeRuntime/options'\nimport { createApp, createWevuComponent, takePendingRuntimeAppRegistration } from 'wevu/internal-runtime'\nimport { registerApp, registerComponent, registerPage } from './polyfill/routeRuntime'\n\ninterface WevuRegisterMeta extends RegisterMeta {\n  kind: 'app' | 'page' | 'component'\n}\n\ntype RuntimeConstructorName = 'App' | 'Page' | 'Component'\n\nfunction createRuntimeConstructor(meta: WevuRegisterMeta, name: RuntimeConstructorName) {\n  return (definition: Record<string, any>) => {\n    if (name === 'App') {\n      registerApp(definition, meta)\n    }\n    else if (name === 'Page' || meta.kind === 'page') {\n      registerPage(definition, meta)\n    }\n    else {\n      registerComponent(definition, meta)\n    }\n    return definition\n  }\n}\n\nfunction withRuntimeConstructor<T>(\n  name: 'App' | 'Component',\n  constructor: (options: Record<string, any>) => unknown,\n  run: () => T,\n) {\n  const target = globalThis as Record<string, any>\n  const hadOwn = Object.prototype.hasOwnProperty.call(target, name)\n  const previous = target[name]\n  target[name] = constructor\n  try {\n    return run()\n  }\n  finally {\n    if (hadOwn) {\n      target[name] = previous\n    }\n    else {\n      delete target[name]\n    }\n  }\n}\n\n/**\n * 将 Wevu App 注册过程接入 Web 页面栈。\n */\nexport function registerWebWevuApp(options: Record<string, any>, meta: WevuRegisterMeta): void {\n  const pendingRegistration = takePendingRuntimeAppRegistration()\n  withRuntimeConstructor('App', definition => registerApp(definition, meta), () => {\n    if (pendingRegistration) {\n      pendingRegistration.register()\n      return pendingRegistration.app\n    }\n    return createApp(options)\n  })\n}\n\n/**\n * 将 Wevu 页面或组件注册过程接入 Web 自定义元素。\n */\nexport function registerWebWevuComponent(options: Record<string, any>, meta: WevuRegisterMeta): void {\n  withRuntimeConstructor('Component', (definition) => {\n    return meta.kind === 'page'\n      ? registerPage(definition, meta)\n      : registerComponent(definition, meta)\n  }, () => createWevuComponent(options))\n}\n\n/**\n * 在原生模块同步求值期间安装带页面元数据的宿主注册函数。\n */\nexport function installWebModuleRegistration(\n  meta: WevuRegisterMeta,\n  target: Record<string, any> = globalThis,\n): () => void {\n  const names: RuntimeConstructorName[] = meta.kind === 'app'\n    ? ['App']\n    : meta.kind === 'page'\n      ? ['Page', 'Component']\n      : ['Component']\n  const previous = names.map(name => ({\n    hadOwn: Object.prototype.hasOwnProperty.call(target, name),\n    name,\n    value: target[name],\n  }))\n  const installed = new Map<RuntimeConstructorName, (definition: Record<string, any>) => Record<string, any>>()\n\n  for (const name of names) {\n    const constructor = createRuntimeConstructor(meta, name)\n    installed.set(name, constructor)\n    target[name] = constructor\n  }\n\n  return () => {\n    for (const entry of previous) {\n      if (target[entry.name] !== installed.get(entry.name)) {\n        continue\n      }\n      if (entry.hadOwn) {\n        target[entry.name] = entry.value\n      }\n      else {\n        delete target[entry.name]\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAUA,SAAS,yBAAyB,MAAwB,MAA8B;CACtF,QAAQ,eAAoC;EAC1C,IAAI,SAAS,OACX,YAAY,YAAY,IAAI;OAEzB,IAAI,SAAS,UAAU,KAAK,SAAS,QACxC,aAAa,YAAY,IAAI;OAG7B,kBAAkB,YAAY,IAAI;EAEpC,OAAO;CACT;AACF;AAEA,SAAS,uBACP,MACA,aACA,KACA;CACA,MAAM,SAAS;CACf,MAAM,SAAS,OAAO,UAAU,eAAe,KAAK,QAAQ,IAAI;CAChE,MAAM,WAAW,OAAO;CACxB,OAAO,QAAQ;CACf,IAAI;EACF,OAAO,IAAI;CACb,UACQ;EACN,IAAI,QACF,OAAO,QAAQ;OAGf,OAAO,OAAO;CAElB;AACF;;;;AAKA,SAAgB,mBAAmB,SAA8B,MAA8B;CAC7F,MAAM,sBAAsB,kCAAkC;CAC9D,uBAAuB,QAAO,eAAc,YAAY,YAAY,IAAI,SAAS;EAC/E,IAAI,qBAAqB;GACvB,oBAAoB,SAAS;GAC7B,OAAO,oBAAoB;EAC7B;EACA,OAAO,UAAU,OAAO;CAC1B,CAAC;AACH;;;;AAKA,SAAgB,yBAAyB,SAA8B,MAA8B;CACnG,uBAAuB,cAAc,eAAe;EAClD,OAAO,KAAK,SAAS,SACjB,aAAa,YAAY,IAAI,IAC7B,kBAAkB,YAAY,IAAI;CACxC,SAAS,oBAAoB,OAAO,CAAC;AACvC;;;;AAKA,SAAgB,6BACd,MACA,SAA8B,YAClB;CACZ,MAAM,QAAkC,KAAK,SAAS,QAClD,CAAC,KAAK,IACN,KAAK,SAAS,SACZ,CAAC,QAAQ,WAAW,IACpB,CAAC,WAAW;CAClB,MAAM,WAAW,MAAM,KAAI,UAAS;EAClC,QAAQ,OAAO,UAAU,eAAe,KAAK,QAAQ,IAAI;EACzD;EACA,OAAO,OAAO;CAChB,EAAE;CACF,MAAM,4BAAY,IAAI,IAAsF;CAE5G,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,cAAc,yBAAyB,MAAM,IAAI;EACvD,UAAU,IAAI,MAAM,WAAW;EAC/B,OAAO,QAAQ;CACjB;CAEA,aAAa;EACX,KAAK,MAAM,SAAS,UAAU;GAC5B,IAAI,OAAO,MAAM,UAAU,UAAU,IAAI,MAAM,IAAI,GACjD;GAEF,IAAI,MAAM,QACR,OAAO,MAAM,QAAQ,MAAM;QAG3B,OAAO,OAAO,MAAM;EAExB;CACF;AACF"}

package/dist/shared/nativeComponents.mjs

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