@weapp-vite/web 1.3.15 → 1.3.16

package/dist/runtime/button/style.mjs

@@ -0,0 +1,168 @@
+import { injectStyle } from "../style.mjs";
+
+//#region src/runtime/button/style.ts
+const BUTTON_STYLE_ID = "weapp-web-button-style";
+const styleTargets = /* @__PURE__ */ new WeakSet();
+let sharedSheet;
+const BUTTON_STYLE = `
+weapp-button {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+weapp-button.weapp-btn--mini {
+  display: inline-block;
+  width: auto;
+}
+
+weapp-button .weapp-btn {
+  appearance: none;
+  -webkit-appearance: none;
+  box-sizing: border-box;
+  width: 100%;
+  border-radius: 5px;
+  border: 1px solid #d9d9d9;
+  padding: 0 16px;
+  height: 44px;
+  line-height: 44px;
+  font-size: 17px;
+  font-weight: 400;
+  background-color: #f8f8f8;
+  color: #000000;
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+weapp-button.weapp-btn--primary .weapp-btn {
+  background-color: #07c160;
+  border-color: #07c160;
+  color: #ffffff;
+}
+
+weapp-button.weapp-btn--warn .weapp-btn {
+  background-color: #e64340;
+  border-color: #e64340;
+  color: #ffffff;
+}
+
+weapp-button.weapp-btn--plain .weapp-btn {
+  background-color: transparent;
+}
+
+weapp-button.weapp-btn--plain.weapp-btn--default .weapp-btn {
+  border-color: #b2b2b2;
+  color: #353535;
+}
+
+weapp-button.weapp-btn--plain.weapp-btn--primary .weapp-btn {
+  border-color: #07c160;
+  color: #07c160;
+}
+
+weapp-button.weapp-btn--plain.weapp-btn--warn .weapp-btn {
+  border-color: #e64340;
+  color: #e64340;
+}
+
+weapp-button.weapp-btn--loading .weapp-btn,
+weapp-button.weapp-btn--disabled .weapp-btn {
+  background-color: #f7f7f7;
+  border-color: #d9d9d9;
+  color: #9b9b9b;
+  cursor: not-allowed;
+}
+
+weapp-button.button-hover .weapp-btn {
+  background-color: #ededed;
+  border-color: #d2d2d2;
+}
+
+weapp-button.button-hover.weapp-btn--primary .weapp-btn {
+  background-color: #06ad56;
+  border-color: #06ad56;
+}
+
+weapp-button.button-hover.weapp-btn--warn .weapp-btn {
+  background-color: #d93c37;
+  border-color: #d93c37;
+}
+
+weapp-button.button-hover.weapp-btn--plain .weapp-btn {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+weapp-button.weapp-btn--mini .weapp-btn {
+  height: 32px;
+  line-height: 32px;
+  font-size: 13px;
+  padding: 0 12px;
+  border-radius: 4px;
+}
+
+weapp-button .weapp-btn__content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  width: 100%;
+}
+
+weapp-button .weapp-btn__loading {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  animation: weapp-btn-spin 0.8s linear infinite;
+}
+
+weapp-button .weapp-btn__loading[hidden] {
+  display: none;
+}
+
+@keyframes weapp-btn-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+`;
+function resolveAdoptedStyleSheets(root) {
+	const doc = root.ownerDocument ?? document;
+	if (!doc || typeof doc.createElement !== "function") return;
+	if (!("adoptedStyleSheets" in doc)) return;
+	if (!sharedSheet && "replaceSync" in CSSStyleSheet.prototype) {
+		const sheet = new CSSStyleSheet();
+		sheet.replaceSync(BUTTON_STYLE);
+		sharedSheet = sheet;
+	}
+	return sharedSheet;
+}
+function ensureButtonStyle(root) {
+	if (typeof document === "undefined") return;
+	if (root && styleTargets.has(root)) return;
+	if (!root) {
+		const target = document.head;
+		if (!target || styleTargets.has(target)) return;
+		injectStyle(BUTTON_STYLE, BUTTON_STYLE_ID);
+		styleTargets.add(target);
+		return;
+	}
+	const sheet = resolveAdoptedStyleSheets(root);
+	if (sheet) {
+		const existing = root.adoptedStyleSheets ?? [];
+		if (!existing.includes(sheet)) root.adoptedStyleSheets = [...existing, sheet];
+		styleTargets.add(root);
+		return;
+	}
+	const style = document.createElement("style");
+	style.id = BUTTON_STYLE_ID;
+	style.textContent = BUTTON_STYLE;
+	root.appendChild(style);
+	styleTargets.add(root);
+}
+
+//#endregion
+export { ensureButtonStyle };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/button/style.ts"],"sourcesContent":["import { injectStyle } from '../style'\n\nconst BUTTON_STYLE_ID = 'weapp-web-button-style'\nconst styleTargets = new WeakSet<ParentNode>()\nlet sharedSheet: CSSStyleSheet | undefined\n\nconst BUTTON_STYLE = `\nweapp-button {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}\n\nweapp-button.weapp-btn--mini {\n  display: inline-block;\n  width: auto;\n}\n\nweapp-button .weapp-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  padding: 0 16px;\n  height: 44px;\n  line-height: 44px;\n  font-size: 17px;\n  font-weight: 400;\n  background-color: #f8f8f8;\n  color: #000000;\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--primary .weapp-btn {\n  background-color: #07c160;\n  border-color: #07c160;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--warn .weapp-btn {\n  background-color: #e64340;\n  border-color: #e64340;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--plain .weapp-btn {\n  background-color: transparent;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--default .weapp-btn {\n  border-color: #b2b2b2;\n  color: #353535;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--primary .weapp-btn {\n  border-color: #07c160;\n  color: #07c160;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--warn .weapp-btn {\n  border-color: #e64340;\n  color: #e64340;\n}\n\nweapp-button.weapp-btn--loading .weapp-btn,\nweapp-button.weapp-btn--disabled .weapp-btn {\n  background-color: #f7f7f7;\n  border-color: #d9d9d9;\n  color: #9b9b9b;\n  cursor: not-allowed;\n}\n\nweapp-button.button-hover .weapp-btn {\n  background-color: #ededed;\n  border-color: #d2d2d2;\n}\n\nweapp-button.button-hover.weapp-btn--primary .weapp-btn {\n  background-color: #06ad56;\n  border-color: #06ad56;\n}\n\nweapp-button.button-hover.weapp-btn--warn .weapp-btn {\n  background-color: #d93c37;\n  border-color: #d93c37;\n}\n\nweapp-button.button-hover.weapp-btn--plain .weapp-btn {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\nweapp-button.weapp-btn--mini .weapp-btn {\n  height: 32px;\n  line-height: 32px;\n  font-size: 13px;\n  padding: 0 12px;\n  border-radius: 4px;\n}\n\nweapp-button .weapp-btn__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 100%;\n}\n\nweapp-button .weapp-btn__loading {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  animation: weapp-btn-spin 0.8s linear infinite;\n}\n\nweapp-button .weapp-btn__loading[hidden] {\n  display: none;\n}\n\n@keyframes weapp-btn-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n`\n\nfunction resolveAdoptedStyleSheets(root: ShadowRoot) {\n  const doc = root.ownerDocument ?? document\n  if (!doc || typeof doc.createElement !== 'function') {\n    return undefined\n  }\n  if (!('adoptedStyleSheets' in doc)) {\n    return undefined\n  }\n  if (!sharedSheet && 'replaceSync' in CSSStyleSheet.prototype) {\n    const sheet = new CSSStyleSheet()\n    sheet.replaceSync(BUTTON_STYLE)\n    sharedSheet = sheet\n  }\n  return sharedSheet\n}\n\nexport function ensureButtonStyle(root?: ShadowRoot) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  if (root && styleTargets.has(root)) {\n    return\n  }\n  if (!root) {\n    const target = document.head\n    if (!target || styleTargets.has(target)) {\n      return\n    }\n    injectStyle(BUTTON_STYLE, BUTTON_STYLE_ID)\n    styleTargets.add(target)\n    return\n  }\n  const sheet = resolveAdoptedStyleSheets(root)\n  if (sheet) {\n    const existing = root.adoptedStyleSheets ?? []\n    if (!existing.includes(sheet)) {\n      root.adoptedStyleSheets = [...existing, sheet]\n    }\n    styleTargets.add(root)\n    return\n  }\n  const style = document.createElement('style')\n  style.id = BUTTON_STYLE_ID\n  style.textContent = BUTTON_STYLE\n  root.appendChild(style)\n  styleTargets.add(root)\n}\n"],"mappings":";;;AAEA,MAAM,kBAAkB;AACxB,MAAM,+BAAe,IAAI,SAAqB;AAC9C,IAAI;AAEJ,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HrB,SAAS,0BAA0B,MAAkB;CACnD,MAAM,MAAM,KAAK,iBAAiB;AAClC,KAAI,CAAC,OAAO,OAAO,IAAI,kBAAkB,WACvC;AAEF,KAAI,EAAE,wBAAwB,KAC5B;AAEF,KAAI,CAAC,eAAe,iBAAiB,cAAc,WAAW;EAC5D,MAAM,QAAQ,IAAI,eAAe;AACjC,QAAM,YAAY,aAAa;AAC/B,gBAAc;;AAEhB,QAAO;;AAGT,SAAgB,kBAAkB,MAAmB;AACnD,KAAI,OAAO,aAAa,YACtB;AAEF,KAAI,QAAQ,aAAa,IAAI,KAAK,CAChC;AAEF,KAAI,CAAC,MAAM;EACT,MAAM,SAAS,SAAS;AACxB,MAAI,CAAC,UAAU,aAAa,IAAI,OAAO,CACrC;AAEF,cAAY,cAAc,gBAAgB;AAC1C,eAAa,IAAI,OAAO;AACxB;;CAEF,MAAM,QAAQ,0BAA0B,KAAK;AAC7C,KAAI,OAAO;EACT,MAAM,WAAW,KAAK,sBAAsB,EAAE;AAC9C,MAAI,CAAC,SAAS,SAAS,MAAM,CAC3B,MAAK,qBAAqB,CAAC,GAAG,UAAU,MAAM;AAEhD,eAAa,IAAI,KAAK;AACtB;;CAEF,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,OAAM,KAAK;AACX,OAAM,cAAc;AACpB,MAAK,YAAY,MAAM;AACvB,cAAa,IAAI,KAAK"}

package/dist/runtime/component/behavior.mjs

@@ -0,0 +1,98 @@
+//#region src/runtime/component/behavior.ts
+function isPlainObject(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function mergeLifetimes(target, source) {
+	if (!source) return;
+	for (const key of [
+		"created",
+		"attached",
+		"ready",
+		"detached"
+	]) {
+		const next = source[key];
+		if (!next) continue;
+		const current = target[key];
+		target[key] = current ? function merged() {
+			current.call(this);
+			next.call(this);
+		} : next;
+	}
+}
+function mergePageLifetimes(target, source) {
+	if (!source) return;
+	for (const key of [
+		"show",
+		"hide",
+		"resize"
+	]) {
+		const next = source[key];
+		if (!next) continue;
+		const current = target[key];
+		target[key] = current ? function merged() {
+			current.call(this);
+			next.call(this);
+		} : next;
+	}
+}
+function normalizeBehaviors(component) {
+	if (!component) return {
+		component: void 0,
+		warnings: []
+	};
+	const warnings = [];
+	const visited = /* @__PURE__ */ new Set();
+	const merged = {};
+	const mergeComponent = (source) => {
+		if (source.properties) merged.properties = {
+			...merged.properties ?? {},
+			...source.properties
+		};
+		if (source.data) {
+			const nextData = typeof source.data === "function" ? source.data() : source.data;
+			if (isPlainObject(nextData)) merged.data = {
+				...merged.data ?? {},
+				...nextData
+			};
+		}
+		if (source.methods) merged.methods = {
+			...merged.methods ?? {},
+			...source.methods
+		};
+		if (source.lifetimes) {
+			merged.lifetimes = merged.lifetimes ?? {};
+			mergeLifetimes(merged.lifetimes, source.lifetimes);
+		}
+		if (source.pageLifetimes) {
+			merged.pageLifetimes = merged.pageLifetimes ?? {};
+			mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes);
+		}
+	};
+	const walk = (source) => {
+		if (visited.has(source)) {
+			warnings.push("[@weapp-vite/web] behaviors 存在循环引用，已跳过。");
+			return;
+		}
+		visited.add(source);
+		const behaviors = source.behaviors ?? [];
+		if (Array.isArray(behaviors)) for (const behavior of behaviors) {
+			if (!behavior || !isPlainObject(behavior)) {
+				warnings.push("[@weapp-vite/web] behaviors 仅支持对象，已忽略非对象条目。");
+				continue;
+			}
+			walk(behavior);
+			mergeComponent(behavior);
+		}
+		else if (behaviors) warnings.push("[@weapp-vite/web] behaviors 仅支持数组，已忽略。");
+	};
+	walk(component);
+	mergeComponent(component);
+	return {
+		component: merged,
+		warnings
+	};
+}
+
+//#endregion
+export { normalizeBehaviors };
+//# sourceMappingURL=behavior.mjs.map

package/dist/runtime/component/behavior.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"behavior.mjs","names":[],"sources":["../../../src/runtime/component/behavior.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  LifeTimeHooks,\n  PageLifeTimeHooks,\n} from './types'\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction mergeLifetimes(target: LifeTimeHooks, source?: LifeTimeHooks) {\n  if (!source) {\n    return\n  }\n  const keys: Array<keyof LifeTimeHooks> = ['created', 'attached', 'ready', 'detached']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction mergePageLifetimes(target: PageLifeTimeHooks, source?: PageLifeTimeHooks) {\n  if (!source) {\n    return\n  }\n  const keys: Array<keyof PageLifeTimeHooks> = ['show', 'hide', 'resize']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nexport function normalizeBehaviors(component: ComponentOptions | undefined) {\n  if (!component) {\n    return { component: undefined, warnings: [] as string[] }\n  }\n  const warnings: string[] = []\n  const visited = new Set<ComponentOptions>()\n  const merged: ComponentOptions = {}\n\n  const mergeComponent = (source: ComponentOptions) => {\n    if (source.properties) {\n      merged.properties = { ...(merged.properties ?? {}), ...source.properties }\n    }\n    if (source.data) {\n      const nextData = typeof source.data === 'function'\n        ? source.data()\n        : source.data\n      if (isPlainObject(nextData)) {\n        merged.data = { ...((merged.data as DataRecord) ?? {}), ...nextData }\n      }\n    }\n    if (source.methods) {\n      merged.methods = { ...(merged.methods ?? {}), ...source.methods }\n    }\n    if (source.lifetimes) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, source.lifetimes)\n    }\n    if (source.pageLifetimes) {\n      merged.pageLifetimes = merged.pageLifetimes ?? {}\n      mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes)\n    }\n  }\n\n  const walk = (source: ComponentOptions) => {\n    if (visited.has(source)) {\n      warnings.push('[@weapp-vite/web] behaviors 存在循环引用，已跳过。')\n      return\n    }\n    visited.add(source)\n    const behaviors = source.behaviors ?? []\n    if (Array.isArray(behaviors)) {\n      for (const behavior of behaviors) {\n        if (!behavior || !isPlainObject(behavior)) {\n          warnings.push('[@weapp-vite/web] behaviors 仅支持对象，已忽略非对象条目。')\n          continue\n        }\n        walk(behavior as ComponentOptions)\n        mergeComponent(behavior as ComponentOptions)\n      }\n    }\n    else if (behaviors) {\n      warnings.push('[@weapp-vite/web] behaviors 仅支持数组，已忽略。')\n    }\n  }\n\n  walk(component)\n  mergeComponent(component)\n\n  return {\n    component: merged,\n    warnings,\n  }\n}\n"],"mappings":";AAQA,SAAS,cAAc,OAA8C;AACnE,QAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,MAAM;;AAG7E,SAAS,eAAe,QAAuB,QAAwB;AACrE,KAAI,CAAC,OACH;AAGF,MAAK,MAAM,OAD8B;EAAC;EAAW;EAAY;EAAS;EAAW,EAC7D;EACtB,MAAM,OAAO,OAAO;AACpB,MAAI,CAAC,KACH;EAEF,MAAM,UAAU,OAAO;AACvB,SAAO,OAAO,UACV,SAAS,SAAsC;AAC/C,WAAQ,KAAK,KAAK;AAClB,QAAK,KAAK,KAAK;MAEf;;;AAIR,SAAS,mBAAmB,QAA2B,QAA4B;AACjF,KAAI,CAAC,OACH;AAGF,MAAK,MAAM,OADkC;EAAC;EAAQ;EAAQ;EAAS,EAC/C;EACtB,MAAM,OAAO,OAAO;AACpB,MAAI,CAAC,KACH;EAEF,MAAM,UAAU,OAAO;AACvB,SAAO,OAAO,UACV,SAAS,SAAsC;AAC/C,WAAQ,KAAK,KAAK;AAClB,QAAK,KAAK,KAAK;MAEf;;;AAIR,SAAgB,mBAAmB,WAAyC;AAC1E,KAAI,CAAC,UACH,QAAO;EAAE,WAAW;EAAW,UAAU,EAAE;EAAc;CAE3D,MAAM,WAAqB,EAAE;CAC7B,MAAM,0BAAU,IAAI,KAAuB;CAC3C,MAAM,SAA2B,EAAE;CAEnC,MAAM,kBAAkB,WAA6B;AACnD,MAAI,OAAO,WACT,QAAO,aAAa;GAAE,GAAI,OAAO,cAAc,EAAE;GAAG,GAAG,OAAO;GAAY;AAE5E,MAAI,OAAO,MAAM;GACf,MAAM,WAAW,OAAO,OAAO,SAAS,aACpC,OAAO,MAAM,GACb,OAAO;AACX,OAAI,cAAc,SAAS,CACzB,QAAO,OAAO;IAAE,GAAK,OAAO,QAAuB,EAAE;IAAG,GAAG;IAAU;;AAGzE,MAAI,OAAO,QACT,QAAO,UAAU;GAAE,GAAI,OAAO,WAAW,EAAE;GAAG,GAAG,OAAO;GAAS;AAEnE,MAAI,OAAO,WAAW;AACpB,UAAO,YAAY,OAAO,aAAa,EAAE;AACzC,kBAAe,OAAO,WAAW,OAAO,UAAU;;AAEpD,MAAI,OAAO,eAAe;AACxB,UAAO,gBAAgB,OAAO,iBAAiB,EAAE;AACjD,sBAAmB,OAAO,eAAe,OAAO,cAAc;;;CAIlE,MAAM,QAAQ,WAA6B;AACzC,MAAI,QAAQ,IAAI,OAAO,EAAE;AACvB,YAAS,KAAK,0CAA0C;AACxD;;AAEF,UAAQ,IAAI,OAAO;EACnB,MAAM,YAAY,OAAO,aAAa,EAAE;AACxC,MAAI,MAAM,QAAQ,UAAU,CAC1B,MAAK,MAAM,YAAY,WAAW;AAChC,OAAI,CAAC,YAAY,CAAC,cAAc,SAAS,EAAE;AACzC,aAAS,KAAK,8CAA8C;AAC5D;;AAEF,QAAK,SAA6B;AAClC,kBAAe,SAA6B;;WAGvC,UACP,UAAS,KAAK,yCAAyC;;AAI3D,MAAK,UAAU;AACf,gBAAe,UAAU;AAEzB,QAAO;EACL,WAAW;EACX;EACD"}

package/dist/runtime/component/constants.mjs

@@ -0,0 +1,8 @@
+//#region src/runtime/component/constants.ts
+const supportsLit = typeof document !== "undefined" && typeof document.createComment === "function" && typeof document.createTreeWalker === "function";
+const FallbackElement = class {};
+const EVENT_FLAG_ATTRIBUTE_PREFIX = "data-wx-on-flags-";
+
+//#endregion
+export { EVENT_FLAG_ATTRIBUTE_PREFIX, FallbackElement, supportsLit };
+//# sourceMappingURL=constants.mjs.map

package/dist/runtime/component/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../../src/runtime/component/constants.ts"],"sourcesContent":["export const supportsLit = typeof document !== 'undefined'\n  && typeof document.createComment === 'function'\n  && typeof document.createTreeWalker === 'function'\n\nexport const FallbackElement = class {}\n\nexport const EVENT_FLAG_ATTRIBUTE_PREFIX = 'data-wx-on-flags-'\n"],"mappings":";AAAA,MAAa,cAAc,OAAO,aAAa,eAC1C,OAAO,SAAS,kBAAkB,cAClC,OAAO,SAAS,qBAAqB;AAE1C,MAAa,kBAAkB,MAAM;AAErC,MAAa,8BAA8B"}

package/dist/runtime/component/dom.mjs

@@ -0,0 +1,26 @@
+//#region src/runtime/component/dom.ts
+function resolveQueryRoot(instance) {
+	return instance.renderRoot ?? instance.shadowRoot ?? instance;
+}
+function resolveRenderRoot(instance) {
+	return instance.renderRoot ?? instance.shadowRoot ?? instance;
+}
+function createScopedSelectorQuery(instance) {
+	const query = globalThis.wx?.createSelectorQuery?.();
+	if (query && typeof query.in === "function") return query.in(instance);
+	return query;
+}
+function selectRuntimeComponent(instance, selector) {
+	const root = resolveQueryRoot(instance);
+	if (!selector || typeof root.querySelector !== "function") return null;
+	return root.querySelector(selector);
+}
+function selectRuntimeComponents(instance, selector) {
+	const root = resolveQueryRoot(instance);
+	if (!selector || typeof root.querySelectorAll !== "function") return [];
+	return Array.from(root.querySelectorAll(selector));
+}
+
+//#endregion
+export { createScopedSelectorQuery, resolveRenderRoot, selectRuntimeComponent, selectRuntimeComponents };
+//# sourceMappingURL=dom.mjs.map

package/dist/runtime/component/dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.mjs","names":[],"sources":["../../../src/runtime/component/dom.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\n\ntype QueryRoot = ParentNode & {\n  querySelector?: ParentNode['querySelector']\n  querySelectorAll?: ParentNode['querySelectorAll']\n}\n\nexport function resolveQueryRoot(instance: ComponentPublicInstance & { renderRoot?: ParentNode }): QueryRoot {\n  return (instance.renderRoot ?? instance.shadowRoot ?? instance) as QueryRoot\n}\n\nexport function resolveRenderRoot(instance: ComponentPublicInstance & { renderRoot?: HTMLElement | ShadowRoot }) {\n  return (instance.renderRoot ?? instance.shadowRoot ?? instance) as HTMLElement | ShadowRoot\n}\n\nexport function createScopedSelectorQuery(instance: ComponentPublicInstance) {\n  const runtime = globalThis as {\n    wx?: {\n      createSelectorQuery?: () => {\n        in?: (context: unknown) => unknown\n      }\n    }\n  }\n  const query = runtime.wx?.createSelectorQuery?.()\n  if (query && typeof query.in === 'function') {\n    return query.in(instance)\n  }\n  return query\n}\n\nexport function selectRuntimeComponent(instance: ComponentPublicInstance & { renderRoot?: ParentNode }, selector: string) {\n  const root = resolveQueryRoot(instance)\n  if (!selector || typeof root.querySelector !== 'function') {\n    return null\n  }\n  return root.querySelector(selector) as ComponentPublicInstance | null\n}\n\nexport function selectRuntimeComponents(instance: ComponentPublicInstance & { renderRoot?: ParentNode }, selector: string) {\n  const root = resolveQueryRoot(instance)\n  if (!selector || typeof root.querySelectorAll !== 'function') {\n    return []\n  }\n  return Array.from(root.querySelectorAll(selector)) as ComponentPublicInstance[]\n}\n"],"mappings":";AAOA,SAAgB,iBAAiB,UAA4E;AAC3G,QAAQ,SAAS,cAAc,SAAS,cAAc;;AAGxD,SAAgB,kBAAkB,UAA+E;AAC/G,QAAQ,SAAS,cAAc,SAAS,cAAc;;AAGxD,SAAgB,0BAA0B,UAAmC;CAQ3E,MAAM,QAPU,WAOM,IAAI,uBAAuB;AACjD,KAAI,SAAS,OAAO,MAAM,OAAO,WAC/B,QAAO,MAAM,GAAG,SAAS;AAE3B,QAAO;;AAGT,SAAgB,uBAAuB,UAAiE,UAAkB;CACxH,MAAM,OAAO,iBAAiB,SAAS;AACvC,KAAI,CAAC,YAAY,OAAO,KAAK,kBAAkB,WAC7C,QAAO;AAET,QAAO,KAAK,cAAc,SAAS;;AAGrC,SAAgB,wBAAwB,UAAiE,UAAkB;CACzH,MAAM,OAAO,iBAAiB,SAAS;AACvC,KAAI,CAAC,YAAY,OAAO,KAAK,qBAAqB,WAChD,QAAO,EAAE;AAEX,QAAO,MAAM,KAAK,KAAK,iBAAiB,SAAS,CAAC"}

package/dist/runtime/component/element.mjs

@@ -0,0 +1,208 @@
+import { supportsLit } from "./constants.mjs";
+import { createRenderContext } from "../renderContext.mjs";
+import { createScopedSelectorQuery, resolveRenderRoot, selectRuntimeComponent, selectRuntimeComponents } from "./dom.mjs";
+import { bindRuntimeEvents } from "./events.mjs";
+import { cloneValue, coerceValue, toCamelCase } from "./utils.mjs";
+import { html } from "lit";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+
+//#region src/runtime/component/element.ts
+function createComponentElementClass({ BaseElement, runtimeState, instances }) {
+	class WeappWebComponent extends BaseElement {
+		static observedAttributes = runtimeState.observedAttributes;
+		#state;
+		#properties;
+		#methods;
+		#isMounted = false;
+		#renderContext = createRenderContext(this, {});
+		#usesLegacyTemplate = false;
+		#readyFired = false;
+		#observerInitDone = false;
+		#observedKeys = /* @__PURE__ */ new Set();
+		data;
+		properties;
+		constructor() {
+			super();
+			const dataOption = typeof runtimeState.componentRef.data === "function" ? runtimeState.componentRef.data() : runtimeState.componentRef.data ?? {};
+			this.#properties = { ...runtimeState.defaultPropertyValues };
+			this.#state = {
+				...cloneValue(this.#properties),
+				...cloneValue(dataOption)
+			};
+			this.#methods = {};
+			this.#syncMethods(runtimeState.componentRef.methods ?? {});
+			Object.defineProperties(this, {
+				data: {
+					configurable: true,
+					enumerable: true,
+					get: () => this.#state
+				},
+				properties: {
+					configurable: true,
+					enumerable: true,
+					get: () => this.#properties
+				}
+			});
+			for (const [propName] of runtimeState.propertyEntries) Object.defineProperty(this, propName, {
+				configurable: true,
+				enumerable: true,
+				get: () => this.#state[propName],
+				set: (value) => this.#setProperty(propName, value)
+			});
+			if (!supportsLit) {
+				const host = this;
+				if (!host.shadowRoot && typeof host.attachShadow === "function") host.attachShadow({ mode: "open" });
+				this.renderRoot = host.shadowRoot ?? host;
+			}
+			instances.add(this);
+			runtimeState.lifetimes.created?.call(this);
+		}
+		setData(patch) {
+			this.#applyDataPatch(patch);
+		}
+		triggerEvent(name, detail) {
+			this.dispatchEvent(new CustomEvent(name, {
+				detail,
+				bubbles: true,
+				composed: true
+			}));
+		}
+		createSelectorQuery() {
+			return createScopedSelectorQuery(this);
+		}
+		selectComponent(selector) {
+			return selectRuntimeComponent(this, selector);
+		}
+		selectAllComponents(selector) {
+			return selectRuntimeComponents(this, selector);
+		}
+		connectedCallback() {
+			const superConnected = BaseElement.prototype.connectedCallback;
+			if (supportsLit && typeof superConnected === "function") superConnected.call(this);
+			this.#applyAttributes();
+			if (runtimeState.observerInitEnabled) this.#runInitialObservers();
+			runtimeState.lifetimes.attached?.call(this);
+			this.#isMounted = true;
+			if (!supportsLit) this.#renderLegacy();
+		}
+		disconnectedCallback() {
+			const superDisconnected = BaseElement.prototype.disconnectedCallback;
+			if (supportsLit && typeof superDisconnected === "function") superDisconnected.call(this);
+			this.#isMounted = false;
+			instances.delete(this);
+			runtimeState.lifetimes.detached?.call(this);
+		}
+		attributeChangedCallback(attrName, oldValue, newValue) {
+			const superAttributeChanged = BaseElement.prototype.attributeChangedCallback;
+			if (supportsLit && typeof superAttributeChanged === "function") superAttributeChanged.call(this, attrName, oldValue, newValue);
+			const propName = toCamelCase(attrName);
+			if (!Object.hasOwn(this.#properties, propName)) return;
+			const propOption = runtimeState.componentRef.properties?.[propName];
+			this.#setProperty(propName, coerceValue(newValue, propOption?.type));
+		}
+		firstUpdated() {
+			runtimeState.lifetimes.ready?.call(this);
+			this.#readyFired = true;
+		}
+		updated() {
+			if (this.#usesLegacyTemplate) bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this);
+		}
+		render() {
+			const result = runtimeState.templateRef(this.#state, this.#renderContext);
+			const styleMarkup = runtimeState.styleRef ? html`<style>${runtimeState.styleRef}</style>` : null;
+			if (typeof result === "string") {
+				this.#usesLegacyTemplate = true;
+				return html`${styleMarkup}${unsafeHTML(result)}`;
+			}
+			this.#usesLegacyTemplate = false;
+			if (styleMarkup) return html`${styleMarkup}${result}`;
+			return result;
+		}
+		requestUpdate(name, oldValue, options) {
+			const superRequestUpdate = BaseElement.prototype.requestUpdate;
+			if (supportsLit && typeof superRequestUpdate === "function") return superRequestUpdate.call(this, name, oldValue, options);
+			if (this.#isMounted) this.#renderLegacy();
+		}
+		#applyAttributes() {
+			if (!this.attributes || typeof this.attributes[Symbol.iterator] !== "function") return;
+			for (const attr of this.attributes) this.attributeChangedCallback(attr.name, null, attr.value);
+		}
+		#applyDataPatch(patch) {
+			if (!patch || typeof patch !== "object") return;
+			let changed = false;
+			for (const [key, value] of Object.entries(patch)) {
+				if (this.#state[key] === value) continue;
+				const oldValue = this.#state[key];
+				this.#state[key] = value;
+				if (Object.hasOwn(this.#properties, key)) {
+					this.#properties[key] = value;
+					const propOption = runtimeState.componentRef.properties?.[key];
+					if (propOption?.observer) {
+						propOption.observer.call(this, value, oldValue);
+						this.#observedKeys.add(key);
+					}
+				}
+				changed = true;
+			}
+			if (changed) this.requestUpdate();
+		}
+		#setProperty(name, value) {
+			const propOption = runtimeState.componentRef.properties?.[name];
+			const coerced = coerceValue(value, propOption?.type);
+			const oldValue = this.#properties[name];
+			if (oldValue === coerced) return;
+			this.#properties[name] = coerced;
+			this.#state[name] = coerced;
+			if (this.#isMounted) this.requestUpdate();
+			if (propOption?.observer) {
+				propOption.observer.call(this, coerced, oldValue);
+				this.#observedKeys.add(name);
+			}
+		}
+		#runInitialObservers() {
+			if (this.#observerInitDone) return;
+			this.#observerInitDone = true;
+			for (const [propName, propOption] of runtimeState.propertyEntries) {
+				if (!propOption.observer || this.#observedKeys.has(propName)) continue;
+				const value = this.#state[propName];
+				propOption.observer.call(this, value, void 0);
+				this.#observedKeys.add(propName);
+			}
+		}
+		#syncMethods(nextMethods) {
+			const resolved = nextMethods ?? {};
+			const bound = {};
+			for (const [name, fn] of Object.entries(resolved)) if (typeof fn === "function") bound[name] = fn.bind(this);
+			for (const key of Object.keys(this.#methods)) if (!(key in bound)) delete this.#methods[key];
+			for (const [key, fn] of Object.entries(bound)) this.#methods[key] = fn;
+			this.#renderContext = createRenderContext(this, this.#methods);
+		}
+		__weappSync(nextMethods) {
+			this.#syncMethods(nextMethods);
+			this.requestUpdate();
+		}
+		__weappInvokePageLifetime(type) {
+			const hook = runtimeState.pageLifetimes[type];
+			if (typeof hook === "function") hook.call(this);
+		}
+		#renderLegacy() {
+			const result = runtimeState.templateRef(this.#state, this.#renderContext);
+			const root = resolveRenderRoot(this);
+			const styleMarkup = runtimeState.styleRef ? `<style>${runtimeState.styleRef}</style>` : "";
+			if (typeof result === "string") {
+				root.innerHTML = `${styleMarkup}${result}`;
+				bindRuntimeEvents(root, this.#methods, this);
+			} else if (result == null) root.innerHTML = styleMarkup;
+			else root.innerHTML = `${styleMarkup}${String(result)}`;
+			if (!this.#readyFired) {
+				runtimeState.lifetimes.ready?.call(this);
+				this.#readyFired = true;
+			}
+		}
+	}
+	return WeappWebComponent;
+}
+
+//#endregion
+export { createComponentElementClass };
+//# sourceMappingURL=element.mjs.map

package/dist/runtime/component/element.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.mjs","names":["#properties","#state","#methods","#syncMethods","#setProperty","#applyDataPatch","#applyAttributes","#runInitialObservers","#isMounted","#renderLegacy","#readyFired","#usesLegacyTemplate","#renderContext","#observedKeys","#observerInitDone"],"sources":["../../../src/runtime/component/element.ts"],"sourcesContent":["import type {\n  CreateComponentElementClassOptions,\n  WeappComponentInstance,\n} from './elementTypes'\nimport type {\n  ComponentOptions,\n  DataRecord,\n  PageLifeTimeHooks,\n} from './types'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { createRenderContext } from '../renderContext'\nimport { supportsLit } from './constants'\nimport {\n  createScopedSelectorQuery,\n  resolveRenderRoot,\n  selectRuntimeComponent,\n  selectRuntimeComponents,\n} from './dom'\nimport { bindRuntimeEvents } from './events'\nimport { cloneValue, coerceValue, toCamelCase } from './utils'\n\nexport type { WeappComponentInstance } from './elementTypes'\nexport type WeappComponentElementClass = typeof HTMLElement & {\n  new (): WeappComponentInstance\n}\n\nexport function createComponentElementClass({\n  BaseElement,\n  runtimeState,\n  instances,\n}: CreateComponentElementClassOptions): WeappComponentElementClass {\n  class WeappWebComponent extends BaseElement implements WeappComponentInstance {\n    static observedAttributes = runtimeState.observedAttributes\n\n    #state: DataRecord\n    #properties: DataRecord\n    #methods: Record<string, (event: any) => any>\n    #isMounted = false\n    #renderContext = createRenderContext(this, {})\n    #usesLegacyTemplate = false\n    #readyFired = false\n    #observerInitDone = false\n    #observedKeys = new Set<string>()\n    readonly data!: DataRecord\n    readonly properties!: DataRecord\n\n    constructor() {\n      super()\n      const dataOption = typeof runtimeState.componentRef.data === 'function'\n        ? (runtimeState.componentRef.data as () => DataRecord)()\n        : (runtimeState.componentRef.data ?? {})\n      this.#properties = { ...runtimeState.defaultPropertyValues }\n      this.#state = { ...cloneValue(this.#properties), ...cloneValue(dataOption) }\n      this.#methods = {}\n      this.#syncMethods(runtimeState.componentRef.methods ?? {})\n      Object.defineProperties(this, {\n        data: {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#state,\n        },\n        properties: {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#properties,\n        },\n      })\n      for (const [propName] of runtimeState.propertyEntries) {\n        Object.defineProperty(this, propName, {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#state[propName],\n          set: value => this.#setProperty(propName, value),\n        })\n      }\n      if (!supportsLit) {\n        const host = this as unknown as HTMLElement\n        if (!host.shadowRoot && typeof host.attachShadow === 'function') {\n          host.attachShadow({ mode: 'open' })\n        }\n        ;(this as any).renderRoot = host.shadowRoot ?? host\n      }\n      instances.add(this)\n      runtimeState.lifetimes.created?.call(this)\n    }\n\n    setData(patch: DataRecord) {\n      this.#applyDataPatch(patch)\n    }\n\n    triggerEvent(name: string, detail?: any) {\n      this.dispatchEvent(new CustomEvent(name, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }))\n    }\n\n    createSelectorQuery() {\n      return createScopedSelectorQuery(this)\n    }\n\n    selectComponent(selector: string) {\n      return selectRuntimeComponent(this, selector)\n    }\n\n    selectAllComponents(selector: string) {\n      return selectRuntimeComponents(this, selector)\n    }\n\n    connectedCallback() {\n      const superConnected = (BaseElement.prototype as { connectedCallback?: () => void }).connectedCallback\n      if (supportsLit && typeof superConnected === 'function') {\n        superConnected.call(this)\n      }\n      this.#applyAttributes()\n      if (runtimeState.observerInitEnabled) {\n        this.#runInitialObservers()\n      }\n      runtimeState.lifetimes.attached?.call(this)\n      this.#isMounted = true\n      if (!supportsLit) {\n        this.#renderLegacy()\n      }\n    }\n\n    disconnectedCallback() {\n      const superDisconnected = (BaseElement.prototype as { disconnectedCallback?: () => void }).disconnectedCallback\n      if (supportsLit && typeof superDisconnected === 'function') {\n        superDisconnected.call(this)\n      }\n      this.#isMounted = false\n      instances.delete(this)\n      runtimeState.lifetimes.detached?.call(this)\n    }\n\n    attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null) {\n      const superAttributeChanged = (BaseElement.prototype as {\n        attributeChangedCallback?: (name: string, oldValue: string | null, newValue: string | null) => void\n      }).attributeChangedCallback\n      if (supportsLit && typeof superAttributeChanged === 'function') {\n        superAttributeChanged.call(this, attrName, oldValue, newValue)\n      }\n      const propName = toCamelCase(attrName)\n      if (!Object.hasOwn(this.#properties, propName)) {\n        return\n      }\n      const propOption = runtimeState.componentRef.properties?.[propName]\n      this.#setProperty(propName, coerceValue(newValue, propOption?.type))\n    }\n\n    firstUpdated() {\n      runtimeState.lifetimes.ready?.call(this)\n      this.#readyFired = true\n    }\n\n    updated() {\n      if (this.#usesLegacyTemplate) {\n        bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this)\n      }\n    }\n\n    render() {\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const styleMarkup = runtimeState.styleRef\n        ? html`<style>${runtimeState.styleRef}</style>`\n        : null\n      if (typeof result === 'string') {\n        this.#usesLegacyTemplate = true\n        return html`${styleMarkup}${unsafeHTML(result)}`\n      }\n      this.#usesLegacyTemplate = false\n      if (styleMarkup) {\n        return html`${styleMarkup}${result as any}`\n      }\n      return result\n    }\n\n    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: unknown) {\n      const superRequestUpdate = (BaseElement.prototype as any).requestUpdate\n      if (supportsLit && typeof superRequestUpdate === 'function') {\n        return superRequestUpdate.call(this, name, oldValue, options)\n      }\n      if (this.#isMounted) {\n        this.#renderLegacy()\n      }\n      return undefined\n    }\n\n    #applyAttributes() {\n      if (!this.attributes || typeof this.attributes[Symbol.iterator] !== 'function') {\n        return\n      }\n      for (const attr of this.attributes) {\n        this.attributeChangedCallback(attr.name, null, attr.value)\n      }\n    }\n\n    #applyDataPatch(patch: DataRecord) {\n      if (!patch || typeof patch !== 'object') {\n        return\n      }\n      let changed = false\n      for (const [key, value] of Object.entries(patch)) {\n        if (this.#state[key] === value) {\n          continue\n        }\n        const oldValue = this.#state[key]\n        this.#state[key] = value\n        if (Object.hasOwn(this.#properties, key)) {\n          this.#properties[key] = value\n          const propOption = runtimeState.componentRef.properties?.[key]\n          if (propOption?.observer) {\n            propOption.observer.call(this, value, oldValue)\n            this.#observedKeys.add(key)\n          }\n        }\n        changed = true\n      }\n      if (changed) {\n        this.requestUpdate()\n      }\n    }\n\n    #setProperty(name: string, value: any) {\n      const propOption = runtimeState.componentRef.properties?.[name]\n      const coerced = coerceValue(value, propOption?.type)\n      const oldValue = this.#properties[name]\n      if (oldValue === coerced) {\n        return\n      }\n      this.#properties[name] = coerced\n      this.#state[name] = coerced\n      if (this.#isMounted) {\n        this.requestUpdate()\n      }\n      if (propOption?.observer) {\n        propOption.observer.call(this, coerced, oldValue)\n        this.#observedKeys.add(name)\n      }\n    }\n\n    #runInitialObservers() {\n      if (this.#observerInitDone) {\n        return\n      }\n      this.#observerInitDone = true\n      for (const [propName, propOption] of runtimeState.propertyEntries) {\n        if (!propOption.observer || this.#observedKeys.has(propName)) {\n          continue\n        }\n        const value = this.#state[propName]\n        propOption.observer.call(this, value, undefined)\n        this.#observedKeys.add(propName)\n      }\n    }\n\n    #syncMethods(nextMethods: ComponentOptions['methods']) {\n      const resolved = nextMethods ?? {}\n      const bound: Record<string, (event: any) => any> = {}\n      for (const [name, fn] of Object.entries(resolved)) {\n        if (typeof fn === 'function') {\n          bound[name] = fn.bind(this)\n        }\n      }\n      for (const key of Object.keys(this.#methods)) {\n        if (!(key in bound)) {\n          delete this.#methods[key]\n        }\n      }\n      for (const [key, fn] of Object.entries(bound)) {\n        this.#methods[key] = fn\n      }\n      this.#renderContext = createRenderContext(this, this.#methods)\n    }\n\n    __weappSync(nextMethods: ComponentOptions['methods']) {\n      this.#syncMethods(nextMethods)\n      this.requestUpdate()\n    }\n\n    __weappInvokePageLifetime(type: keyof PageLifeTimeHooks) {\n      const hook = runtimeState.pageLifetimes[type]\n      if (typeof hook === 'function') {\n        hook.call(this)\n      }\n    }\n\n    #renderLegacy() {\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const root = resolveRenderRoot(this)\n      const styleMarkup = runtimeState.styleRef ? `<style>${runtimeState.styleRef}</style>` : ''\n      if (typeof result === 'string') {\n        root.innerHTML = `${styleMarkup}${result}`\n        bindRuntimeEvents(root as ShadowRoot, this.#methods, this)\n      }\n      else if (result == null) {\n        root.innerHTML = styleMarkup\n      }\n      else {\n        root.innerHTML = `${styleMarkup}${String(result)}`\n      }\n      if (!this.#readyFired) {\n        runtimeState.lifetimes.ready?.call(this)\n        this.#readyFired = true\n      }\n    }\n  }\n\n  return WeappWebComponent as WeappComponentElementClass\n}\n"],"mappings":"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"}

package/dist/runtime/component/events.mjs

@@ -0,0 +1,48 @@
+import { EVENT_FLAG_ATTRIBUTE_PREFIX } from "./constants.mjs";
+
+//#region src/runtime/component/events.ts
+function parseEventFlags(value) {
+	if (!value) return {
+		catch: false,
+		capture: false
+	};
+	const tokens = value.split(",").map((token) => token.trim()).filter(Boolean);
+	const tokenSet = new Set(tokens);
+	return {
+		catch: tokenSet.has("catch"),
+		capture: tokenSet.has("capture")
+	};
+}
+function bindRuntimeEvents(root, methods, instance) {
+	if (typeof document === "undefined") return;
+	const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);
+	while (walker.nextNode()) {
+		const element = walker.currentNode;
+		for (const attribute of element.getAttributeNames()) {
+			if (!attribute.startsWith("data-wx-on-") || attribute.startsWith("data-wx-on-flags-")) continue;
+			const handlerName = element.getAttribute(attribute);
+			if (!handlerName) continue;
+			const handler = methods[handlerName];
+			if (!handler) continue;
+			const eventName = attribute.slice(11);
+			const flags = parseEventFlags(element.getAttribute(`${EVENT_FLAG_ATTRIBUTE_PREFIX}${eventName}`));
+			element.addEventListener(eventName, (nativeEvent) => {
+				if (flags.catch) nativeEvent.stopPropagation();
+				const dataset = { ...element.dataset };
+				const syntheticEvent = {
+					type: eventName,
+					timeStamp: nativeEvent.timeStamp,
+					detail: nativeEvent.detail ?? nativeEvent.data ?? void 0,
+					target: { dataset },
+					currentTarget: { dataset },
+					originalEvent: nativeEvent
+				};
+				handler.call(instance, syntheticEvent);
+			}, flags.capture);
+		}
+	}
+}
+
+//#endregion
+export { bindRuntimeEvents };
+//# sourceMappingURL=events.mjs.map

package/dist/runtime/component/events.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.mjs","names":[],"sources":["../../../src/runtime/component/events.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\nimport { EVENT_FLAG_ATTRIBUTE_PREFIX } from './constants'\n\nfunction parseEventFlags(value: string | null) {\n  if (!value) {\n    return { catch: false, capture: false }\n  }\n  const tokens = value.split(',').map(token => token.trim()).filter(Boolean)\n  const tokenSet = new Set(tokens)\n  return {\n    catch: tokenSet.has('catch'),\n    capture: tokenSet.has('capture'),\n  }\n}\n\nexport function bindRuntimeEvents(\n  root: HTMLElement | ShadowRoot,\n  methods: Record<string, (event: any) => any>,\n  instance: ComponentPublicInstance,\n) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT)\n  while (walker.nextNode()) {\n    const element = walker.currentNode as HTMLElement\n    for (const attribute of element.getAttributeNames()) {\n      if (!attribute.startsWith('data-wx-on-') || attribute.startsWith(EVENT_FLAG_ATTRIBUTE_PREFIX)) {\n        continue\n      }\n      const handlerName = element.getAttribute(attribute)\n      if (!handlerName) {\n        continue\n      }\n      const handler = methods[handlerName]\n      if (!handler) {\n        continue\n      }\n      const eventName = attribute.slice('data-wx-on-'.length)\n      const flags = parseEventFlags(element.getAttribute(`${EVENT_FLAG_ATTRIBUTE_PREFIX}${eventName}`))\n      element.addEventListener(eventName, (nativeEvent) => {\n        if (flags.catch) {\n          nativeEvent.stopPropagation()\n        }\n        const dataset = { ...element.dataset }\n        const syntheticEvent = {\n          type: eventName,\n          timeStamp: nativeEvent.timeStamp,\n          detail: (nativeEvent as CustomEvent).detail ?? (nativeEvent as InputEvent).data ?? undefined,\n          target: {\n            dataset,\n          },\n          currentTarget: {\n            dataset,\n          },\n          originalEvent: nativeEvent,\n        }\n        handler.call(instance, syntheticEvent)\n      }, flags.capture)\n    }\n  }\n}\n"],"mappings":";;;AAGA,SAAS,gBAAgB,OAAsB;AAC7C,KAAI,CAAC,MACH,QAAO;EAAE,OAAO;EAAO,SAAS;EAAO;CAEzC,MAAM,SAAS,MAAM,MAAM,IAAI,CAAC,KAAI,UAAS,MAAM,MAAM,CAAC,CAAC,OAAO,QAAQ;CAC1E,MAAM,WAAW,IAAI,IAAI,OAAO;AAChC,QAAO;EACL,OAAO,SAAS,IAAI,QAAQ;EAC5B,SAAS,SAAS,IAAI,UAAU;EACjC;;AAGH,SAAgB,kBACd,MACA,SACA,UACA;AACA,KAAI,OAAO,aAAa,YACtB;CAEF,MAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,aAAa;AACvE,QAAO,OAAO,UAAU,EAAE;EACxB,MAAM,UAAU,OAAO;AACvB,OAAK,MAAM,aAAa,QAAQ,mBAAmB,EAAE;AACnD,OAAI,CAAC,UAAU,WAAW,cAAc,IAAI,UAAU,+BAAuC,CAC3F;GAEF,MAAM,cAAc,QAAQ,aAAa,UAAU;AACnD,OAAI,CAAC,YACH;GAEF,MAAM,UAAU,QAAQ;AACxB,OAAI,CAAC,QACH;GAEF,MAAM,YAAY,UAAU,MAAM,GAAqB;GACvD,MAAM,QAAQ,gBAAgB,QAAQ,aAAa,GAAG,8BAA8B,YAAY,CAAC;AACjG,WAAQ,iBAAiB,YAAY,gBAAgB;AACnD,QAAI,MAAM,MACR,aAAY,iBAAiB;IAE/B,MAAM,UAAU,EAAE,GAAG,QAAQ,SAAS;IACtC,MAAM,iBAAiB;KACrB,MAAM;KACN,WAAW,YAAY;KACvB,QAAS,YAA4B,UAAW,YAA2B,QAAQ;KACnF,QAAQ,EACN,SACD;KACD,eAAe,EACb,SACD;KACD,eAAe;KAChB;AACD,YAAQ,KAAK,UAAU,eAAe;MACrC,MAAM,QAAQ"}

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

@@ -0,0 +1,7 @@
+import { ComponentConstructor, ComponentOptions, ComponentPublicInstance, DefineComponentOptions, PropertyOption } from "./types.mjs";
+
+//#region src/runtime/component/index.d.ts
+declare function defineComponent(tagName: string, options: DefineComponentOptions): ComponentConstructor;
+//#endregion
+export { defineComponent };
+//# sourceMappingURL=index.d.mts.map