@weapp-vite/web 1.4.21 → 1.5.1

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

@@ -1 +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 MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX = 'data-mp-on-'\nexport const MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX = 'data-mp-on-flags-'\n\nexport const WECHAT_LEGACY_EVENT_ATTRIBUTE_PREFIX = 'data-wx-on-'\nexport const WECHAT_LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX = 'data-wx-on-flags-'\n\nexport const LEGACY_EVENT_ATTRIBUTE_PREFIX = WECHAT_LEGACY_EVENT_ATTRIBUTE_PREFIX\nexport const LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX = WECHAT_LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX\n\nexport const EVENT_ATTRIBUTE_PREFIXES = [\n  MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX,\n  WECHAT_LEGACY_EVENT_ATTRIBUTE_PREFIX,\n] as const\n\nexport const EVENT_FLAG_ATTRIBUTE_PREFIXES = [\n  MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX,\n  WECHAT_LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX,\n] as const\n"],"mappings":";AAAA,MAAa,cAAc,OAAO,aAAa,eAC1C,OAAO,SAAS,kBAAkB,cAClC,OAAO,SAAS,qBAAqB;AAE1C,MAAa,kBAAkB,MAAM,CAAC;AAEtC,MAAa,sCAAsC;AACnD,MAAa,2CAA2C;AAExD,MAAa,uCAAuC;AACpD,MAAa,4CAA4C;AAKzD,MAAa,2BAA2B,CACtC,qCACA,oCACF;AAEA,MAAa,gCAAgC,CAC3C,0CACA,yCACF"}
+{"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\n// HTML 会折叠属性名大小写，因此用小写安全后缀保存自定义事件名。\nconst EVENT_ATTRIBUTE_NAME_ESCAPE_RE = /[A-Z_]/g\nconst EVENT_ATTRIBUTE_NAME_UNESCAPE_RE = /_([a-z_])/g\n\nexport function encodeEventAttributeName(eventName: string) {\n  return eventName.replace(\n    EVENT_ATTRIBUTE_NAME_ESCAPE_RE,\n    character => character === '_' ? '__' : `_${character.toLowerCase()}`,\n  )\n}\n\nexport function decodeEventAttributeName(attributeName: string) {\n  return attributeName.replace(\n    EVENT_ATTRIBUTE_NAME_UNESCAPE_RE,\n    (_match, character: string) => character === '_' ? '_' : character.toUpperCase(),\n  )\n}\n\nexport const MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX = 'data-mp-on-'\nexport const MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX = 'data-mp-on-flags-'\n\nexport const WECHAT_LEGACY_EVENT_ATTRIBUTE_PREFIX = 'data-wx-on-'\nexport const WECHAT_LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX = 'data-wx-on-flags-'\n\nexport const LEGACY_EVENT_ATTRIBUTE_PREFIX = WECHAT_LEGACY_EVENT_ATTRIBUTE_PREFIX\nexport const LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX = WECHAT_LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX\n\nexport const EVENT_ATTRIBUTE_PREFIXES = [\n  MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX,\n  WECHAT_LEGACY_EVENT_ATTRIBUTE_PREFIX,\n] as const\n\nexport const EVENT_FLAG_ATTRIBUTE_PREFIXES = [\n  MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX,\n  WECHAT_LEGACY_EVENT_FLAG_ATTRIBUTE_PREFIX,\n] as const\n"],"mappings":";AAAA,MAAa,cAAc,OAAO,aAAa,eAC1C,OAAO,SAAS,kBAAkB,cAClC,OAAO,SAAS,qBAAqB;AAE1C,MAAa,kBAAkB,MAAM,CAAC;AAGtC,MAAM,iCAAiC;AACvC,MAAM,mCAAmC;AAEzC,SAAgB,yBAAyB,WAAmB;CAC1D,OAAO,UAAU,QACf,iCACA,cAAa,cAAc,MAAM,OAAO,IAAI,UAAU,YAAY,GACpE;AACF;AAEA,SAAgB,yBAAyB,eAAuB;CAC9D,OAAO,cAAc,QACnB,mCACC,QAAQ,cAAsB,cAAc,MAAM,MAAM,UAAU,YAAY,CACjF;AACF;AAEA,MAAa,sCAAsC;AACnD,MAAa,2CAA2C;AAExD,MAAa,uCAAuC;AACpD,MAAa,4CAA4C;AAKzD,MAAa,2BAA2B,CACtC,qCACA,oCACF;AAEA,MAAa,gCAAgC,CAC3C,0CACA,yCACF"}

package/dist/runtime/component/element.mjs

@@ -11,6 +11,7 @@ import { createWebSlotsProxy } from "./slots.mjs";
 import { assignDataPath, cloneValue, coerceValue, parseDataPath, resolveDataPath, toCamelCase } from "./utils.mjs";
 import { clearVirtualHostClasses, clearVirtualHostParts, syncVirtualHostClasses, syncVirtualHostParts } from "./virtualHost.mjs";
 import { html } from "lit";
+import { WEVU_HOST_COMMIT_PROMISE_KEY } from "@weapp-core/constants";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
 //#region src/runtime/component/element.ts
@@ -45,6 +46,9 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		#virtualHostClassTokens = /* @__PURE__ */ new Set();
 		#virtualHostPartTokens = /* @__PURE__ */ new Set();
 		#virtualHostRootElement;
+		#needsSetDataRecovery = false;
+		#hostCommitPromise;
+		#hostCommitUpdate;
 		data;
 		properties;
 		constructor() {
@@ -88,11 +92,27 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			instances.add(this);
 			runtimeState.lifetimes.created?.call(this.#publicInstance);
 		}
+		get [WEVU_HOST_COMMIT_PROMISE_KEY]() {
+			if (!supportsLit) return;
+			const update = this.updateComplete;
+			return this.#hostCommitUpdate === update ? this.#hostCommitPromise : update;
+		}
 		setData(patch, callback) {
 			const changed = this.#applyDataPatch(patch);
-			if (supportsLit && changed) return this.updateComplete.then(() => {
-				callback?.();
-			});
+			if (supportsLit && (changed || this.#needsSetDataRecovery)) {
+				if (!changed) this.requestUpdate();
+				const update = this.updateComplete;
+				const commitPromise = update.then(() => {
+					this.#needsSetDataRecovery = false;
+					callback?.();
+				}, (cause) => {
+					this.#needsSetDataRecovery = true;
+					throw cause;
+				});
+				this.#hostCommitPromise = commitPromise;
+				this.#hostCommitUpdate = update;
+				return commitPromise;
+			}
 			callback?.();
 		}
 		triggerEvent(name, detail, options = {}) {
@@ -185,7 +205,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			for (const [path, value] of Object.entries(patch)) {
 				const segments = parseDataPath(path);
 				const topKey = segments[0];
-				if (!topKey || Object.is(resolveDataPath(this.#state, segments), value)) continue;
+				if (!topKey || topKey === "$slots" || Object.is(resolveDataPath(this.#state, segments), value)) continue;
 				if (hasOwn(this.#properties, topKey) && !hasOwn(previousProperties, topKey)) previousProperties[topKey] = this.#properties[topKey];
 				assignDataPath(this.#state, segments, value);
 				if (hasOwn(this.#properties, topKey)) this.#properties[topKey] = this.#state[topKey];

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

@@ -1 +1 @@
-{"version":3,"file":"element.mjs","names":[],"sources":["../../../src/runtime/component/element.ts"],"sourcesContent":["import type {\n  CreateComponentElementClassOptions,\n  WeappComponentInstance,\n} from './elementTypes'\nimport type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  PageLifeTimeHooks,\n  TriggerEventOptions,\n} from './types'\nimport type { ClassAttributeElement } from './virtualHost'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { createIntersectionObserverBridge } from '../polyfill/intersectionObserver'\nimport { createRenderContext } from '../renderContext'\nimport { hasOwn } from '../utils/object'\nimport { supportsLit } from './constants'\nimport {\n  createScopedSelectorQuery,\n  resolveRenderRoot,\n  selectRuntimeComponent,\n  selectRuntimeComponents,\n} from './dom'\nimport { bindRuntimeEvents } from './events'\nimport { runComponentObservers } from './observers'\nimport { createComponentPublicInstance } from './publicInstance'\nimport { resolveRelationNodes } from './relations'\nimport { createWebSlotsProxy } from './slots'\nimport { assignDataPath, cloneValue, coerceValue, parseDataPath, resolveDataPath, toCamelCase } from './utils'\nimport {\n  clearVirtualHostClasses,\n  clearVirtualHostParts,\n  syncVirtualHostClasses,\n  syncVirtualHostParts,\n} from './virtualHost'\n\nexport type { WeappComponentInstance } from './elementTypes'\nexport type WeappComponentElementClass = typeof HTMLElement & {\n  new (): WeappComponentInstance\n}\n\nfunction resolveComposedParent(node: Node): Node | undefined {\n  const assignedSlot = (node as Element).assignedSlot\n  if (assignedSlot) {\n    return assignedSlot\n  }\n  if (node.parentNode) {\n    return node.parentNode\n  }\n  const root = node.getRootNode?.()\n  return root instanceof ShadowRoot ? root.host : undefined\n}\n\nfunction isWeappComponentInstance(value: unknown): value is WeappComponentInstance {\n  return Boolean(\n    value\n    && typeof value === 'object'\n    && typeof (value as WeappComponentInstance).__weappSync === 'function',\n  )\n}\n\nexport function createComponentElementClass({\n  BaseElement,\n  runtimeState,\n  instances,\n}: CreateComponentElementClassOptions): WeappComponentElementClass {\n  const RuntimeBaseElement = BaseElement as typeof HTMLElement & {\n    readonly observedAttributes?: string[]\n  }\n  class WeappWebComponent extends RuntimeBaseElement implements WeappComponentInstance {\n    static get observedAttributes() {\n      const inherited = super.observedAttributes ?? []\n      return Array.from(new Set([...inherited, ...runtimeState.observedAttributes]))\n    }\n\n    #state: DataRecord\n    #properties: DataRecord\n    #methods: Record<string, (event: any) => any> = {}\n    #publicInstance: ComponentPublicInstance\n    #exposedMethodNames = new Set<string>()\n    #isMounted = false\n    #renderContext = createRenderContext(this, {})\n    #usesLegacyTemplate = false\n    #readyFired = false\n    #observerInitDone = false\n    #observedKeys = new Set<string>()\n    #virtualHostClassTokens = new Set<string>()\n    #virtualHostPartTokens = new Set<string>()\n    #virtualHostRootElement: ClassAttributeElement | undefined\n    readonly data!: DataRecord\n    readonly properties!: DataRecord\n\n    constructor() {\n      super()\n      const dataOption = runtimeState.componentRef.data ?? {}\n      this.#properties = { ...runtimeState.defaultPropertyValues }\n      this.#state = { ...cloneValue(this.#properties), ...cloneValue(dataOption) }\n      Object.defineProperty(this.#state, '$slots', {\n        configurable: true,\n        enumerable: true,\n        value: createWebSlotsProxy(() => this.#state.vueSlots),\n      })\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      this.#publicInstance = createComponentPublicInstance(\n        this,\n        WeappWebComponent.prototype,\n        key => typeof key === 'string' ? this.#methods[key] : undefined,\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      this.#syncMethods(runtimeState.componentRef.methods ?? {})\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.#publicInstance)\n    }\n\n    setData(patch: DataRecord, callback?: () => void) {\n      const changed = this.#applyDataPatch(patch)\n      if (supportsLit && changed) {\n        const updateComplete = (this as unknown as { updateComplete: Promise<boolean> }).updateComplete\n        return updateComplete.then(() => {\n          callback?.()\n        })\n      }\n      callback?.()\n    }\n\n    triggerEvent(name: string, detail?: any, options: TriggerEventOptions = {}) {\n      this.dispatchEvent(new CustomEvent(name, {\n        detail,\n        bubbles: options.bubbles ?? false,\n        composed: options.composed ?? false,\n      }))\n    }\n\n    createSelectorQuery() {\n      return createScopedSelectorQuery(this)\n    }\n\n    createIntersectionObserver(options?: {\n      initialRatio?: number\n      observeAll?: boolean\n      thresholds?: number[]\n    }) {\n      return createIntersectionObserverBridge(this, options)\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    getRelationNodes(relationPath: string) {\n      const relation = runtimeState.componentRef.relations?.[relationPath]\n      return relation\n        ? resolveRelationNodes(this, runtimeState.id, relationPath, relation.type)\n        : []\n    }\n\n    selectOwnerComponent() {\n      let current = resolveComposedParent(this)\n      while (current) {\n        if (isWeappComponentInstance(current)) {\n          return current\n        }\n        current = resolveComposedParent(current)\n      }\n      return undefined\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.#publicInstance)\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.#publicInstance)\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 (!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.#publicInstance)\n      this.#readyFired = true\n    }\n\n    updated() {\n      this.#syncVirtualHostClasses()\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 false\n      }\n      let changed = false\n      const changedKeys: string[] = []\n      const previousProperties: DataRecord = {}\n      for (const [path, value] of Object.entries(patch)) {\n        const segments = parseDataPath(path)\n        const topKey = segments[0]\n        if (!topKey || Object.is(resolveDataPath(this.#state, segments), value)) {\n          continue\n        }\n        if (hasOwn(this.#properties, topKey) && !hasOwn(previousProperties, topKey)) {\n          previousProperties[topKey] = this.#properties[topKey]\n        }\n        assignDataPath(this.#state, segments, value)\n        if (hasOwn(this.#properties, topKey)) {\n          this.#properties[topKey] = this.#state[topKey]\n        }\n        changedKeys.push(path)\n        changed = true\n      }\n      if (changed) {\n        this.requestUpdate()\n        runComponentObservers(runtimeState.componentRef, this.#publicInstance, changedKeys, previousProperties)\n        for (const key of changedKeys) {\n          if (runtimeState.componentRef.properties?.[key]?.observer) {\n            this.#observedKeys.add(key)\n          }\n        }\n      }\n      return changed\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      runComponentObservers(runtimeState.componentRef, this.#publicInstance, [name], { [name]: oldValue })\n      if (propOption?.observer) {\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.#publicInstance, 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.#publicInstance)\n        }\n      }\n      for (const name of this.#exposedMethodNames) {\n        if (name in bound) {\n          continue\n        }\n        const descriptor = Object.getOwnPropertyDescriptor(this, name)\n        if (descriptor?.configurable && descriptor.value === this.#methods[name]) {\n          delete (this as unknown as Record<string, unknown>)[name]\n        }\n        this.#exposedMethodNames.delete(name)\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        if (!this.#exposedMethodNames.has(key) && key in this) {\n          continue\n        }\n        Object.defineProperty(this, key, {\n          configurable: true,\n          enumerable: false,\n          writable: true,\n          value: fn,\n        })\n        this.#exposedMethodNames.add(key)\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.#publicInstance)\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      this.#syncVirtualHostClasses()\n      if (!this.#readyFired) {\n        runtimeState.lifetimes.ready?.call(this.#publicInstance)\n        this.#readyFired = true\n      }\n    }\n\n    #syncVirtualHostClasses() {\n      const host = this as unknown as ClassAttributeElement\n      if (!runtimeState.componentRef.options?.virtualHost) {\n        clearVirtualHostClasses(host, this.#virtualHostClassTokens)\n        clearVirtualHostParts(this.#virtualHostRootElement, this.#virtualHostPartTokens)\n        this.#virtualHostRootElement = undefined\n        return\n      }\n      const root = resolveRenderRoot(this)\n      syncVirtualHostClasses(host, root, this.#virtualHostClassTokens)\n      this.#virtualHostRootElement = syncVirtualHostParts(\n        root,\n        this.#virtualHostRootElement,\n        this.#virtualHostPartTokens,\n      )\n    }\n  }\n\n  return WeappWebComponent as WeappComponentElementClass\n}\n"],"mappings":"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"}
+{"version":3,"file":"element.mjs","names":[],"sources":["../../../src/runtime/component/element.ts"],"sourcesContent":["import type {\n  CreateComponentElementClassOptions,\n  WeappComponentInstance,\n} from './elementTypes'\nimport type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  PageLifeTimeHooks,\n  TriggerEventOptions,\n} from './types'\nimport type { ClassAttributeElement } from './virtualHost'\nimport { WEVU_HOST_COMMIT_PROMISE_KEY } from '@weapp-core/constants'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { createIntersectionObserverBridge } from '../polyfill/intersectionObserver'\nimport { createRenderContext } from '../renderContext'\nimport { hasOwn } from '../utils/object'\nimport { supportsLit } from './constants'\nimport {\n  createScopedSelectorQuery,\n  resolveRenderRoot,\n  selectRuntimeComponent,\n  selectRuntimeComponents,\n} from './dom'\nimport { bindRuntimeEvents } from './events'\nimport { runComponentObservers } from './observers'\nimport { createComponentPublicInstance } from './publicInstance'\nimport { resolveRelationNodes } from './relations'\nimport { createWebSlotsProxy } from './slots'\nimport { assignDataPath, cloneValue, coerceValue, parseDataPath, resolveDataPath, toCamelCase } from './utils'\nimport {\n  clearVirtualHostClasses,\n  clearVirtualHostParts,\n  syncVirtualHostClasses,\n  syncVirtualHostParts,\n} from './virtualHost'\n\nexport type { WeappComponentInstance } from './elementTypes'\nexport type WeappComponentElementClass = typeof HTMLElement & {\n  new (): WeappComponentInstance\n}\n\nfunction resolveComposedParent(node: Node): Node | undefined {\n  const assignedSlot = (node as Element).assignedSlot\n  if (assignedSlot) {\n    return assignedSlot\n  }\n  if (node.parentNode) {\n    return node.parentNode\n  }\n  const root = node.getRootNode?.()\n  return root instanceof ShadowRoot ? root.host : undefined\n}\n\nfunction isWeappComponentInstance(value: unknown): value is WeappComponentInstance {\n  return Boolean(\n    value\n    && typeof value === 'object'\n    && typeof (value as WeappComponentInstance).__weappSync === 'function',\n  )\n}\n\nexport function createComponentElementClass({\n  BaseElement,\n  runtimeState,\n  instances,\n}: CreateComponentElementClassOptions): WeappComponentElementClass {\n  const RuntimeBaseElement = BaseElement as typeof HTMLElement & {\n    readonly observedAttributes?: string[]\n  }\n  class WeappWebComponent extends RuntimeBaseElement implements WeappComponentInstance {\n    static get observedAttributes() {\n      const inherited = super.observedAttributes ?? []\n      return Array.from(new Set([...inherited, ...runtimeState.observedAttributes]))\n    }\n\n    #state: DataRecord\n    #properties: DataRecord\n    #methods: Record<string, (event: any) => any> = {}\n    #publicInstance: ComponentPublicInstance\n    #exposedMethodNames = new Set<string>()\n    #isMounted = false\n    #renderContext = createRenderContext(this, {})\n    #usesLegacyTemplate = false\n    #readyFired = false\n    #observerInitDone = false\n    #observedKeys = new Set<string>()\n    #virtualHostClassTokens = new Set<string>()\n    #virtualHostPartTokens = new Set<string>()\n    #virtualHostRootElement: ClassAttributeElement | undefined\n    #needsSetDataRecovery = false\n    #hostCommitPromise: Promise<void> | undefined\n    #hostCommitUpdate: Promise<boolean> | undefined\n    readonly data!: DataRecord\n    readonly properties!: DataRecord\n\n    constructor() {\n      super()\n      const dataOption = runtimeState.componentRef.data ?? {}\n      this.#properties = { ...runtimeState.defaultPropertyValues }\n      this.#state = { ...cloneValue(this.#properties), ...cloneValue(dataOption) }\n      Object.defineProperty(this.#state, '$slots', {\n        configurable: true,\n        enumerable: true,\n        value: createWebSlotsProxy(() => this.#state.vueSlots),\n      })\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      this.#publicInstance = createComponentPublicInstance(\n        this,\n        WeappWebComponent.prototype,\n        key => typeof key === 'string' ? this.#methods[key] : undefined,\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      this.#syncMethods(runtimeState.componentRef.methods ?? {})\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.#publicInstance)\n    }\n\n    get [WEVU_HOST_COMMIT_PROMISE_KEY]() {\n      // 回调异常属于当前提交；后续属性更新或 HMR 必须等待自己的 Lit 提交。\n      if (!supportsLit) {\n        return undefined\n      }\n      // 动态 Lit 基类不会在静态声明中暴露 updateComplete。\n      const litElement = this as unknown as { updateComplete: Promise<boolean> }\n      const update = litElement.updateComplete\n      return this.#hostCommitUpdate === update ? this.#hostCommitPromise : update\n    }\n\n    setData(patch: DataRecord, callback?: () => void) {\n      const changed = this.#applyDataPatch(patch)\n      if (supportsLit && (changed || this.#needsSetDataRecovery)) {\n        if (!changed) {\n          this.requestUpdate()\n        }\n        // 动态 Lit 基类不会在静态声明中暴露 updateComplete。\n        const litElement = this as unknown as { updateComplete: Promise<boolean> }\n        const update = litElement.updateComplete\n        const commitPromise = update.then(\n          () => {\n            this.#needsSetDataRecovery = false\n            callback?.()\n          },\n          (cause) => {\n            this.#needsSetDataRecovery = true\n            throw cause\n          },\n        )\n        this.#hostCommitPromise = commitPromise\n        this.#hostCommitUpdate = update\n        return commitPromise\n      }\n      callback?.()\n    }\n\n    triggerEvent(name: string, detail?: any, options: TriggerEventOptions = {}) {\n      this.dispatchEvent(new CustomEvent(name, {\n        detail,\n        bubbles: options.bubbles ?? false,\n        composed: options.composed ?? false,\n      }))\n    }\n\n    createSelectorQuery() {\n      return createScopedSelectorQuery(this)\n    }\n\n    createIntersectionObserver(options?: {\n      initialRatio?: number\n      observeAll?: boolean\n      thresholds?: number[]\n    }) {\n      return createIntersectionObserverBridge(this, options)\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    getRelationNodes(relationPath: string) {\n      const relation = runtimeState.componentRef.relations?.[relationPath]\n      return relation\n        ? resolveRelationNodes(this, runtimeState.id, relationPath, relation.type)\n        : []\n    }\n\n    selectOwnerComponent() {\n      let current = resolveComposedParent(this)\n      while (current) {\n        if (isWeappComponentInstance(current)) {\n          return current\n        }\n        current = resolveComposedParent(current)\n      }\n      return undefined\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.#publicInstance)\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.#publicInstance)\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 (!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.#publicInstance)\n      this.#readyFired = true\n    }\n\n    updated() {\n      this.#syncVirtualHostClasses()\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 false\n      }\n      let changed = false\n      const changedKeys: string[] = []\n      const previousProperties: DataRecord = {}\n      for (const [path, value] of Object.entries(patch)) {\n        const segments = parseDataPath(path)\n        const topKey = segments[0]\n        if (!topKey || topKey === '$slots' || Object.is(resolveDataPath(this.#state, segments), value)) {\n          continue\n        }\n        if (hasOwn(this.#properties, topKey) && !hasOwn(previousProperties, topKey)) {\n          previousProperties[topKey] = this.#properties[topKey]\n        }\n        assignDataPath(this.#state, segments, value)\n        if (hasOwn(this.#properties, topKey)) {\n          this.#properties[topKey] = this.#state[topKey]\n        }\n        changedKeys.push(path)\n        changed = true\n      }\n      if (changed) {\n        this.requestUpdate()\n        runComponentObservers(runtimeState.componentRef, this.#publicInstance, changedKeys, previousProperties)\n        for (const key of changedKeys) {\n          if (runtimeState.componentRef.properties?.[key]?.observer) {\n            this.#observedKeys.add(key)\n          }\n        }\n      }\n      return changed\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      runComponentObservers(runtimeState.componentRef, this.#publicInstance, [name], { [name]: oldValue })\n      if (propOption?.observer) {\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.#publicInstance, 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.#publicInstance)\n        }\n      }\n      for (const name of this.#exposedMethodNames) {\n        if (name in bound) {\n          continue\n        }\n        const descriptor = Object.getOwnPropertyDescriptor(this, name)\n        if (descriptor?.configurable && descriptor.value === this.#methods[name]) {\n          delete (this as unknown as Record<string, unknown>)[name]\n        }\n        this.#exposedMethodNames.delete(name)\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        if (!this.#exposedMethodNames.has(key) && key in this) {\n          continue\n        }\n        Object.defineProperty(this, key, {\n          configurable: true,\n          enumerable: false,\n          writable: true,\n          value: fn,\n        })\n        this.#exposedMethodNames.add(key)\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.#publicInstance)\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      this.#syncVirtualHostClasses()\n      if (!this.#readyFired) {\n        runtimeState.lifetimes.ready?.call(this.#publicInstance)\n        this.#readyFired = true\n      }\n    }\n\n    #syncVirtualHostClasses() {\n      const host = this as unknown as ClassAttributeElement\n      if (!runtimeState.componentRef.options?.virtualHost) {\n        clearVirtualHostClasses(host, this.#virtualHostClassTokens)\n        clearVirtualHostParts(this.#virtualHostRootElement, this.#virtualHostPartTokens)\n        this.#virtualHostRootElement = undefined\n        return\n      }\n      const root = resolveRenderRoot(this)\n      syncVirtualHostClasses(host, root, this.#virtualHostClassTokens)\n      this.#virtualHostRootElement = syncVirtualHostParts(\n        root,\n        this.#virtualHostRootElement,\n        this.#virtualHostPartTokens,\n      )\n    }\n  }\n\n  return WeappWebComponent as WeappComponentElementClass\n}\n"],"mappings":"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"}

package/dist/runtime/component/events.mjs

@@ -1,4 +1,5 @@
-import { EVENT_ATTRIBUTE_PREFIXES, EVENT_FLAG_ATTRIBUTE_PREFIXES } from "./constants.mjs";
+import { EVENT_ATTRIBUTE_PREFIXES, EVENT_FLAG_ATTRIBUTE_PREFIXES, decodeEventAttributeName } from "./constants.mjs";
+import { invokeMiniProgramEventHandler } from "../inputHandlerResult.mjs";
 
 //#region src/runtime/component/events.ts
 function parseEventFlags(value) {
@@ -25,8 +26,9 @@ function bindRuntimeEvents(root, methods, instance) {
 			if (!handlerName) continue;
 			const handler = methods[handlerName];
 			if (!handler) continue;
-			const eventName = attribute.slice(matchedPrefix.length);
-			const flags = parseEventFlags(EVENT_FLAG_ATTRIBUTE_PREFIXES.map((prefix) => element.getAttribute(`${prefix}${eventName}`)).find((value) => value !== null) ?? null);
+			const encodedEventName = attribute.slice(matchedPrefix.length);
+			const eventName = decodeEventAttributeName(encodedEventName);
+			const flags = parseEventFlags(EVENT_FLAG_ATTRIBUTE_PREFIXES.map((prefix) => element.getAttribute(`${prefix}${encodedEventName}`)).find((value) => value !== null) ?? null);
 			element.addEventListener(eventName, (nativeEvent) => {
 				if (flags.catch) nativeEvent.stopPropagation();
 				const dataset = { ...element.dataset };
@@ -38,7 +40,7 @@ function bindRuntimeEvents(root, methods, instance) {
 					currentTarget: { dataset },
 					originalEvent: nativeEvent
 				};
-				handler.call(instance, syntheticEvent);
+				invokeMiniProgramEventHandler(handler, instance, syntheticEvent, nativeEvent);
 			}, flags.capture);
 		}
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"events.mjs","names":[],"sources":["../../../src/runtime/component/events.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\nimport {\n  EVENT_ATTRIBUTE_PREFIXES,\n  EVENT_FLAG_ATTRIBUTE_PREFIXES,\n} 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      const matchedPrefix = EVENT_ATTRIBUTE_PREFIXES.find(prefix => attribute.startsWith(prefix))\n      if (!matchedPrefix || EVENT_FLAG_ATTRIBUTE_PREFIXES.some(prefix => attribute.startsWith(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(matchedPrefix.length)\n      const flagAttributeValue = EVENT_FLAG_ATTRIBUTE_PREFIXES\n        .map(prefix => element.getAttribute(`${prefix}${eventName}`))\n        .find(value => value !== null) ?? null\n      const flags = parseEventFlags(flagAttributeValue)\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":";;;AAMA,SAAS,gBAAgB,OAAsB;CAC7C,IAAI,CAAC,OACH,OAAO;EAAE,OAAO;EAAO,SAAS;CAAM;CAExC,MAAM,SAAS,MAAM,MAAM,GAAG,CAAC,CAAC,KAAI,UAAS,MAAM,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;CACzE,MAAM,WAAW,IAAI,IAAI,MAAM;CAC/B,OAAO;EACL,OAAO,SAAS,IAAI,OAAO;EAC3B,SAAS,SAAS,IAAI,SAAS;CACjC;AACF;AAEA,SAAgB,kBACd,MACA,SACA,UACA;CACA,IAAI,OAAO,aAAa,aACtB;CAEF,MAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,YAAY;CACtE,OAAO,OAAO,SAAS,GAAG;EACxB,MAAM,UAAU,OAAO;EACvB,KAAK,MAAM,aAAa,QAAQ,kBAAkB,GAAG;GACnD,MAAM,gBAAgB,yBAAyB,MAAK,WAAU,UAAU,WAAW,MAAM,CAAC;GAC1F,IAAI,CAAC,iBAAiB,8BAA8B,MAAK,WAAU,UAAU,WAAW,MAAM,CAAC,GAC7F;GAEF,MAAM,cAAc,QAAQ,aAAa,SAAS;GAClD,IAAI,CAAC,aACH;GAEF,MAAM,UAAU,QAAQ;GACxB,IAAI,CAAC,SACH;GAEF,MAAM,YAAY,UAAU,MAAM,cAAc,MAAM;GAItD,MAAM,QAAQ,gBAHa,8BACxB,KAAI,WAAU,QAAQ,aAAa,GAAG,SAAS,WAAW,CAAC,CAAC,CAC5D,MAAK,UAAS,UAAU,IAAI,KAAK,IACY;GAChD,QAAQ,iBAAiB,YAAY,gBAAgB;IACnD,IAAI,MAAM,OACR,YAAY,gBAAgB;IAE9B,MAAM,UAAU,EAAE,GAAG,QAAQ,QAAQ;IACrC,MAAM,iBAAiB;KACrB,MAAM;KACN,WAAW,YAAY;KACvB,QAAS,YAA4B,UAAW,YAA2B,QAAQ;KACnF,QAAQ,EACN,QACF;KACA,eAAe,EACb,QACF;KACA,eAAe;IACjB;IACA,QAAQ,KAAK,UAAU,cAAc;GACvC,GAAG,MAAM,OAAO;EAClB;CACF;AACF"}
+{"version":3,"file":"events.mjs","names":[],"sources":["../../../src/runtime/component/events.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\nimport { invokeMiniProgramEventHandler } from '../inputHandlerResult'\nimport {\n  decodeEventAttributeName,\n  EVENT_ATTRIBUTE_PREFIXES,\n  EVENT_FLAG_ATTRIBUTE_PREFIXES,\n} 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      const matchedPrefix = EVENT_ATTRIBUTE_PREFIXES.find(prefix => attribute.startsWith(prefix))\n      if (!matchedPrefix || EVENT_FLAG_ATTRIBUTE_PREFIXES.some(prefix => attribute.startsWith(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 encodedEventName = attribute.slice(matchedPrefix.length)\n      const eventName = decodeEventAttributeName(encodedEventName)\n      const flagAttributeValue = EVENT_FLAG_ATTRIBUTE_PREFIXES\n        .map(prefix => element.getAttribute(`${prefix}${encodedEventName}`))\n        .find(value => value !== null) ?? null\n      const flags = parseEventFlags(flagAttributeValue)\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        invokeMiniProgramEventHandler(handler, instance, syntheticEvent, nativeEvent)\n      }, flags.capture)\n    }\n  }\n}\n"],"mappings":";;;;AAQA,SAAS,gBAAgB,OAAsB;CAC7C,IAAI,CAAC,OACH,OAAO;EAAE,OAAO;EAAO,SAAS;CAAM;CAExC,MAAM,SAAS,MAAM,MAAM,GAAG,CAAC,CAAC,KAAI,UAAS,MAAM,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;CACzE,MAAM,WAAW,IAAI,IAAI,MAAM;CAC/B,OAAO;EACL,OAAO,SAAS,IAAI,OAAO;EAC3B,SAAS,SAAS,IAAI,SAAS;CACjC;AACF;AAEA,SAAgB,kBACd,MACA,SACA,UACA;CACA,IAAI,OAAO,aAAa,aACtB;CAEF,MAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,YAAY;CACtE,OAAO,OAAO,SAAS,GAAG;EACxB,MAAM,UAAU,OAAO;EACvB,KAAK,MAAM,aAAa,QAAQ,kBAAkB,GAAG;GACnD,MAAM,gBAAgB,yBAAyB,MAAK,WAAU,UAAU,WAAW,MAAM,CAAC;GAC1F,IAAI,CAAC,iBAAiB,8BAA8B,MAAK,WAAU,UAAU,WAAW,MAAM,CAAC,GAC7F;GAEF,MAAM,cAAc,QAAQ,aAAa,SAAS;GAClD,IAAI,CAAC,aACH;GAEF,MAAM,UAAU,QAAQ;GACxB,IAAI,CAAC,SACH;GAEF,MAAM,mBAAmB,UAAU,MAAM,cAAc,MAAM;GAC7D,MAAM,YAAY,yBAAyB,gBAAgB;GAI3D,MAAM,QAAQ,gBAHa,8BACxB,KAAI,WAAU,QAAQ,aAAa,GAAG,SAAS,kBAAkB,CAAC,CAAC,CACnE,MAAK,UAAS,UAAU,IAAI,KAAK,IACY;GAChD,QAAQ,iBAAiB,YAAY,gBAAgB;IACnD,IAAI,MAAM,OACR,YAAY,gBAAgB;IAE9B,MAAM,UAAU,EAAE,GAAG,QAAQ,QAAQ;IACrC,MAAM,iBAAiB;KACrB,MAAM;KACN,WAAW,YAAY;KACvB,QAAS,YAA4B,UAAW,YAA2B,QAAQ;KACnF,QAAQ,EACN,QACF;KACA,eAAe,EACb,QACF;KACA,eAAe;IACjB;IACA,8BAA8B,SAAS,UAAU,gBAAgB,WAAW;GAC9E,GAAG,MAAM,OAAO;EAClB;CACF;AACF"}

package/dist/runtime/eventBinding.d.mts

@@ -0,0 +1,16 @@
+import { AsyncDirective, ElementPart, PartInfo } from "lit/async-directive.js";
+//#region src/runtime/eventBinding.d.ts
+interface RuntimeEventFlags {
+  capture?: boolean;
+}
+declare class RuntimeEventBindingDirective extends AsyncDirective {
+  #private;
+  constructor(partInfo: PartInfo);
+  render(_eventName: string, _listener: EventListener, _flags?: RuntimeEventFlags): symbol;
+  update(part: ElementPart, [eventName, listener, flags]: Parameters<this['render']>): symbol;
+  protected disconnected(): void;
+  protected reconnected(): void;
+}
+export declare const bindRuntimeEvent: (_eventName: string, _listener: EventListener, _flags?: RuntimeEventFlags | undefined) => import("lit/async-directive.js").DirectiveResult<typeof RuntimeEventBindingDirective>;
+//#endregion
+//# sourceMappingURL=eventBinding.d.mts.map

package/dist/runtime/eventBinding.mjs

@@ -0,0 +1,51 @@
+import { nothing } from "lit";
+import { AsyncDirective, PartType, directive } from "lit/async-directive.js";
+
+//#region src/runtime/eventBinding.ts
+var RuntimeEventBindingDirective = class extends AsyncDirective {
+	#capture = false;
+	#element;
+	#eventName;
+	#listener;
+	#listening = false;
+	constructor(partInfo) {
+		super(partInfo);
+		if (partInfo.type !== PartType.ELEMENT) throw new TypeError("Runtime event bindings must be used in an element expression.");
+	}
+	render(_eventName, _listener, _flags) {
+		return nothing;
+	}
+	update(part, [eventName, listener, flags]) {
+		const capture = Boolean(flags?.capture);
+		if (part.element !== this.#element || eventName !== this.#eventName || listener !== this.#listener || capture !== this.#capture) {
+			this.#removeListener();
+			this.#element = part.element;
+			this.#eventName = eventName;
+			this.#listener = listener;
+			this.#capture = capture;
+			this.#addListener();
+		}
+		return nothing;
+	}
+	disconnected() {
+		this.#removeListener();
+	}
+	reconnected() {
+		this.#addListener();
+	}
+	#addListener() {
+		if (!this.isConnected || this.#listening || !this.#element || !this.#eventName || !this.#listener) return;
+		this.#element.addEventListener(this.#eventName, this.#listener, this.#capture);
+		this.#listening = true;
+	}
+	#removeListener() {
+		if (!this.#listening || !this.#element || !this.#eventName || !this.#listener) return;
+		this.#element.removeEventListener(this.#eventName, this.#listener, this.#capture);
+		this.#listening = false;
+	}
+};
+const bindRuntimeEvent = directive(RuntimeEventBindingDirective);
+
+//#endregion
+export { bindRuntimeEvent };
+//# sourceMappingURL=eventBinding.mjs.map

package/dist/runtime/eventBinding.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventBinding.mjs","names":[],"sources":["../../src/runtime/eventBinding.ts"],"sourcesContent":["import type { ElementPart, PartInfo } from 'lit/async-directive.js'\nimport { nothing } from 'lit'\nimport { AsyncDirective, directive, PartType } from 'lit/async-directive.js'\n\ninterface RuntimeEventFlags {\n  capture?: boolean\n}\n\nclass RuntimeEventBindingDirective extends AsyncDirective {\n  #capture = false\n  #element?: Element\n  #eventName?: string\n  #listener?: EventListener\n  #listening = false\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo)\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new TypeError('Runtime event bindings must be used in an element expression.')\n    }\n  }\n\n  render(_eventName: string, _listener: EventListener, _flags?: RuntimeEventFlags) {\n    return nothing\n  }\n\n  update(\n    part: ElementPart,\n    [eventName, listener, flags]: Parameters<this['render']>,\n  ) {\n    const capture = Boolean(flags?.capture)\n    if (\n      part.element !== this.#element\n      || eventName !== this.#eventName\n      || listener !== this.#listener\n      || capture !== this.#capture\n    ) {\n      this.#removeListener()\n      this.#element = part.element\n      this.#eventName = eventName\n      this.#listener = listener\n      this.#capture = capture\n      this.#addListener()\n    }\n    return nothing\n  }\n\n  protected disconnected() {\n    this.#removeListener()\n  }\n\n  protected reconnected() {\n    this.#addListener()\n  }\n\n  #addListener() {\n    if (!this.isConnected || this.#listening || !this.#element || !this.#eventName || !this.#listener) {\n      return\n    }\n    this.#element.addEventListener(this.#eventName, this.#listener, this.#capture)\n    this.#listening = true\n  }\n\n  #removeListener() {\n    if (!this.#listening || !this.#element || !this.#eventName || !this.#listener) {\n      return\n    }\n    this.#element.removeEventListener(this.#eventName, this.#listener, this.#capture)\n    this.#listening = false\n  }\n}\n\nexport const bindRuntimeEvent = directive(RuntimeEventBindingDirective)\n"],"mappings":";;;;AAQA,IAAM,+BAAN,cAA2C,eAAe;CACxD,WAAW;CACX;CACA;CACA;CACA,aAAa;CAEb,YAAY,UAAoB;EAC9B,MAAM,QAAQ;EACd,IAAI,SAAS,SAAS,SAAS,SAC7B,MAAM,IAAI,UAAU,+DAA+D;CAEvF;CAEA,OAAO,YAAoB,WAA0B,QAA4B;EAC/E,OAAO;CACT;CAEA,OACE,MACA,CAAC,WAAW,UAAU,QACtB;EACA,MAAM,UAAU,QAAQ,OAAO,OAAO;EACtC,IACE,KAAK,YAAY,KAAK,YACnB,cAAc,KAAK,cACnB,aAAa,KAAK,aAClB,YAAY,KAAK,UACpB;GACA,KAAK,gBAAgB;GACrB,KAAK,WAAW,KAAK;GACrB,KAAK,aAAa;GAClB,KAAK,YAAY;GACjB,KAAK,WAAW;GAChB,KAAK,aAAa;EACpB;EACA,OAAO;CACT;CAEA,AAAU,eAAe;EACvB,KAAK,gBAAgB;CACvB;CAEA,AAAU,cAAc;EACtB,KAAK,aAAa;CACpB;CAEA,eAAe;EACb,IAAI,CAAC,KAAK,eAAe,KAAK,cAAc,CAAC,KAAK,YAAY,CAAC,KAAK,cAAc,CAAC,KAAK,WACtF;EAEF,KAAK,SAAS,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,QAAQ;EAC7E,KAAK,aAAa;CACpB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAK,cAAc,CAAC,KAAK,YAAY,CAAC,KAAK,cAAc,CAAC,KAAK,WAClE;EAEF,KAAK,SAAS,oBAAoB,KAAK,YAAY,KAAK,WAAW,KAAK,QAAQ;EAChF,KAAK,aAAa;CACpB;AACF;AAEA,MAAa,mBAAmB,UAAU,4BAA4B"}

package/dist/runtime/index.d.mts

@@ -2,10 +2,12 @@ import { RenderContext, createRenderContext } from "./renderContext.mjs";
 import { createTemplate, renderTemplate } from "./legacyTemplate/index.mjs";
 import { TemplateRenderer, TemplateScope } from "./template.mjs";
 import { defineComponent } from "./component/index.mjs";
+import { AppHideCallback, AppHideOptions, AppLaunchOptions, AppShowCallback } from "./polyfill/routeRuntime/options.mjs";
 import { ResolvedWebRoutingConfig, WebRouteHistoryState, WebRouteTarget, WebRoutingConfig, WebRoutingMode, disposeWebRouting, getWebRoutingConfig, resolveWebRoutingConfig } from "./polyfill/routeRuntime/history.mjs";
 import { WebPageHead, WebResourceHint, WebResourceHintRelation, WebResourceHintsConfig, WebRuntimeSeoConfig as WebSeoConfig, configureWebSeo, resetWebDocumentHead, setupWebResourceHints, syncWebDocumentHead, updateWebDocumentTitle } from "./seo/index.mjs";
 import { WebTabBarConfig, WebTabBarItem } from "../shared/tabBar.mjs";
 import { ButtonFormConfig, ensureButtonDefined, setButtonFormConfig } from "./button/index.mjs";
+import { bindRuntimeEvent } from "./eventBinding.mjs";
 import { getRuntimeExecutionMode, setRuntimeExecutionMode } from "./execution.mjs";
 import { WebRuntimeClipboard, WebRuntimeDialogs, WebRuntimeHost, WebRuntimeStorage } from "./host/types.mjs";
 import { getRuntimeClipboard, getRuntimeDialogs, getRuntimeFetch, getRuntimeStorage, getWebRuntimeHost, openRuntimeUrl, resetWebRuntimeHost, setWebRuntimeHost } from "./host/index.mjs";
@@ -22,7 +24,7 @@ import { setPageLayout } from "./pageLayout.mjs";
 import { authorize, checkSession, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getDeviceInfo, getFuzzyLocation, getLocation, getMenuButtonBoundingClientRect, getNetworkType, getSetting, getSystemInfo, getSystemInfoSync, getSystemSetting, getUserInfo, getUserProfile, getWindowInfo, login, offNetworkStatusChange, offWindowResize, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openSetting, vibrateShort } from "./polyfill/deviceAuthSystemApi.mjs";
 import { ResolvedWebViewportConfig, WebViewportConfig } from "./viewport/types.mjs";
 import { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from "./viewport/index.mjs";
-import { getEnterOptionsSync, getLaunchOptionsSync, initializePageRoutes, navigateBack, navigateTo, reLaunch, redirectTo, registerApp, registerComponent, registerPage, switchTab } from "./polyfill/routeRuntime.mjs";
+import { getEnterOptionsSync, getLaunchOptionsSync, initializePageRoutes, navigateBack, navigateTo, offAppHide, offAppShow, onAppHide, onAppShow, reLaunch, redirectTo, registerApp, registerComponent, registerPage, switchTab } from "./polyfill/routeRuntime.mjs";
 import { clearStorage, clearStorageSync, createCanvasContext, createSelectorQuery, createVKSession, createVideoContext, createWorker, downloadFile, exitMiniProgram, getFileSystemManager, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, hideKeyboard, loadSubPackage, navigateToMiniProgram, nextTick, pageScrollTo, preloadSubpackage, removeStorage, removeStorageSync, request, setStorage, setStorageSync, startPullDownRefresh, stopPullDownRefresh, uploadFile } from "./polyfill/runtimeDataApi.mjs";
 import { chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, compressImage, compressVideo, getClipboardData, getImageInfo, getVideoInfo, hideLoading, hideTabBar, hideTabBarRedDot, makePhoneCall, openCustomerServiceChat, openDocument, openLocation, openVideoEditor, previewImage, previewMedia, removeTabBarBadge, requestPayment, requestSubscribeMessage, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setClipboardData, setTabBarBadge, setTabBarItem, setTabBarStyle, showActionSheet, showLoading, showModal, showShareMenu, showTabBar, showTabBarRedDot, showToast, updateShareMenu } from "./polyfill/uiMediaApi.mjs";
 import { canIUse, createInterstitialAd, createRewardedVideoAd, getExtConfig, getExtConfigSync, getLogManager, getUpdateManager, hideNavigationBarLoading, reportAnalytics, setBackgroundColor, setBackgroundTextStyle, setNavigationBarColor, setNavigationBarTitle, showNavigationBarLoading } from "./polyfill/index.mjs";
@@ -30,6 +32,6 @@ import "./polyfill.mjs";
 import { RpxConfig, setupRpx } from "./rpx.mjs";
 import { injectStyle, removeStyle } from "./style.mjs";
 import { RuntimeWarningLevel, RuntimeWarningOptions, setRuntimeWarningOptions } from "./warning.mjs";
-import { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent } from "./wevu.mjs";
+import { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory } from "./wevu.mjs";
 export * from "wevu/internal-runtime";
-export { type ButtonFormConfig, type NavigationBarMetrics, type RenderContext, type ResolvedWebRoutingConfig, type ResolvedWebViewportConfig, type RpxConfig, type RuntimeWarningLevel, type RuntimeWarningOptions, type TemplateRenderer, type TemplateScope, type WebPageHead, type WebResourceHint, type WebResourceHintRelation, type WebResourceHintsConfig, type WebRouteHistoryState, type WebRouteTarget, type WebRoutingConfig, type WebRoutingMode, type WebRuntimeClipboard, type WebRuntimeDialogs, type WebRuntimeHost, type WebRuntimeStorage, type WebSeoConfig, type WebTabBarConfig, type WebTabBarItem, type WebViewportConfig, authorize, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideKeyboard, hideLoading, hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offNetworkStatusChange, offWindowResize, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort };
+export { type AppHideCallback, type AppHideOptions, type AppLaunchOptions, type AppShowCallback, type ButtonFormConfig, type NavigationBarMetrics, type RenderContext, type ResolvedWebRoutingConfig, type ResolvedWebViewportConfig, type RpxConfig, type RuntimeWarningLevel, type RuntimeWarningOptions, type TemplateRenderer, type TemplateScope, type WebPageHead, type WebResourceHint, type WebResourceHintRelation, type WebResourceHintsConfig, type WebRouteHistoryState, type WebRouteTarget, type WebRoutingConfig, type WebRoutingMode, type WebRuntimeClipboard, type WebRuntimeDialogs, type WebRuntimeHost, type WebRuntimeStorage, type WebSeoConfig, type WebTabBarConfig, type WebTabBarItem, type WebViewportConfig, authorize, bindRuntimeEvent, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideKeyboard, hideLoading, hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offAppHide, offAppShow, offNetworkStatusChange, offWindowResize, onAppHide, onAppShow, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort };

package/dist/runtime/index.mjs

@@ -6,6 +6,7 @@ import { ensureButtonDefined, setButtonFormConfig } from "./button/index.mjs";
 import { getRuntimeExecutionMode, setRuntimeExecutionMode } from "./execution.mjs";
 import { createRenderContext } from "./renderContext.mjs";
 import { defineComponent } from "./component/index.mjs";
+import { bindRuntimeEvent } from "./eventBinding.mjs";
 import { getRuntimeClipboard, getRuntimeDialogs, getRuntimeFetch, getRuntimeStorage, getWebRuntimeHost, openRuntimeUrl, resetWebRuntimeHost, setWebRuntimeHost } from "./host/index.mjs";
 import { resolveImageModeStyle } from "./nativeComponents/image.mjs";
 import { createInputEventDetail } from "./nativeComponents/input.mjs";
@@ -14,7 +15,7 @@ import { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from
 import { setupRpx } from "./rpx.mjs";
 import { configureWebSeo, resetWebDocumentHead, setupWebResourceHints, syncWebDocumentHead, updateWebDocumentTitle } from "./seo/index.mjs";
 import { disposeWebRouting, getWebRoutingConfig, resolveWebRoutingConfig } from "./polyfill/routeRuntime/history.mjs";
-import { getEnterOptionsSync, getLaunchOptionsSync, initializePageRoutes, navigateBack, navigateTo, reLaunch, redirectTo, registerApp, registerComponent, registerPage, switchTab } from "./polyfill/routeRuntime.mjs";
+import { getEnterOptionsSync, getLaunchOptionsSync, initializePageRoutes, navigateBack, navigateTo, offAppHide, offAppShow, onAppHide, onAppShow, reLaunch, redirectTo, registerApp, registerComponent, registerPage, switchTab } from "./polyfill/routeRuntime.mjs";
 import { clearStorage, clearStorageSync, createCanvasContext, createSelectorQuery, createVKSession, createVideoContext, createWorker, downloadFile, exitMiniProgram, getFileSystemManager, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, hideKeyboard, loadSubPackage, navigateToMiniProgram, nextTick, pageScrollTo, preloadSubpackage, removeStorage, removeStorageSync, request, setStorage, setStorageSync, startPullDownRefresh, stopPullDownRefresh, uploadFile } from "./polyfill/runtimeDataApi.mjs";
 import { createScrollEventDetail } from "./nativeComponents/scrollView.mjs";
 import { createSwitchEventDetail } from "./nativeComponents/switch.mjs";
@@ -26,7 +27,7 @@ import { authorize, checkSession, getAccountInfoSync, getAppAuthorizeSetting, ge
 import { chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, compressImage, compressVideo, getClipboardData, getImageInfo, getVideoInfo, hideLoading, hideTabBar, hideTabBarRedDot, makePhoneCall, openCustomerServiceChat, openDocument, openLocation, openVideoEditor, previewImage, previewMedia, removeTabBarBadge, requestPayment, requestSubscribeMessage, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setClipboardData, setTabBarBadge, setTabBarItem, setTabBarStyle, showActionSheet, showLoading, showModal, showShareMenu, showTabBar, showTabBarRedDot, showToast, updateShareMenu } from "./polyfill/uiMediaApi.mjs";
 import { canIUse, createInterstitialAd, createRewardedVideoAd, getExtConfig, getExtConfigSync, getLogManager, getUpdateManager, hideNavigationBarLoading, reportAnalytics, setBackgroundColor, setBackgroundTextStyle, setNavigationBarColor, setNavigationBarTitle, showNavigationBarLoading } from "./polyfill/index.mjs";
 import { createTemplate, renderTemplate } from "./legacyTemplate/index.mjs";
-import { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent } from "./wevu.mjs";
+import { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory } from "./wevu.mjs";
 
 export * from "wevu/internal-runtime"
 
@@ -34,5 +35,5 @@ export * from "wevu/internal-runtime"
 installWebHostGlobals();
 
 //#endregion
-export { authorize, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideKeyboard, hideLoading, hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offNetworkStatusChange, offWindowResize, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort };
+export { authorize, bindRuntimeEvent, canIUse, checkSession, chooseAddress, chooseFile, chooseImage, chooseLocation, chooseMedia, chooseMessageFile, chooseVideo, clearStorage, clearStorageSync, compressImage, compressVideo, configureWebSeo, createCanvasContext, createInputEventDetail, createInterstitialAd, createRenderContext, createRewardedVideoAd, createScrollEventDetail, createSelectorQuery, createSwitchEventDetail, createTemplate, createTextareaLineChangeDetail, createVKSession, createVideoContext, createVideoProgressDetail, createVideoTimeUpdateDetail, createWorker, defineComponent, disposeWebRouting, downloadFile, ensureButtonDefined, ensureNativeComponentsDefined, exitMiniProgram, getAccountInfoSync, getAppAuthorizeSetting, getAppBaseInfo, getBatteryInfo, getBatteryInfoSync, getClipboardData, getDeviceInfo, getEnterOptionsSync, getExtConfig, getExtConfigSync, getFileSystemManager, getFuzzyLocation, getImageInfo, getLaunchOptionsSync, getLocation, getLogManager, getMenuButtonBoundingClientRect, getNetworkType, getRuntimeClipboard, getRuntimeDialogs, getRuntimeExecutionMode, getRuntimeFetch, getRuntimeStorage, getSetting, getStorage, getStorageInfo, getStorageInfoSync, getStorageSync, getSystemInfo, getSystemInfoSync, getSystemSetting, getUpdateManager, getUserInfo, getUserProfile, getVideoInfo, getWebRoutingConfig, getWebRuntimeHost, getWebViewportWidth, getWindowInfo, hideKeyboard, hideLoading, hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, initializePageRoutes, injectStyle, installWebHostGlobals, installWebModuleRegistration, loadSubPackage, login, makePhoneCall, navigateBack, navigateTo, navigateToMiniProgram, nextTick, offAppHide, offAppShow, offNetworkStatusChange, offWindowResize, onAppHide, onAppShow, onNetworkStatusChange, onWindowResize, openAppAuthorizeSetting, openCustomerServiceChat, openDocument, openLocation, openRuntimeUrl, openSetting, openVideoEditor, pageScrollTo, preloadSubpackage, previewImage, previewMedia, reLaunch, redirectTo, registerApp, registerComponent, registerPage, registerWebWevuApp, registerWebWevuComponent, registerWebWevuComponentFactory, removeStorage, removeStorageSync, removeStyle, removeTabBarBadge, renderTemplate, reportAnalytics, request, requestPayment, requestSubscribeMessage, resetWebDocumentHead, resetWebRuntimeHost, resolveImageModeStyle, resolveVideoObjectFit, resolveWebRoutingConfig, resolveWebViewportConfig, saveFile, saveFileToDisk, saveImageToPhotosAlbum, saveVideoToPhotosAlbum, scanCode, setBackgroundColor, setBackgroundTextStyle, setButtonFormConfig, setClipboardData, setNavigationBarColor, setNavigationBarMetrics, setNavigationBarTitle, setPageLayout, setRuntimeExecutionMode, setRuntimeWarningOptions, setStorage, setStorageSync, setTabBarBadge, setTabBarItem, setTabBarStyle, setWebRuntimeHost, setupRpx, setupWebResourceHints, setupWebViewport, showActionSheet, showLoading, showModal, showNavigationBarLoading, showShareMenu, showTabBar, showTabBarRedDot, showToast, startPullDownRefresh, stopPullDownRefresh, switchTab, syncWebDocumentHead, updateShareMenu, updateWebDocumentTitle, uploadFile, vibrateShort };
 //# sourceMappingURL=index.mjs.map

package/dist/runtime/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/runtime/index.ts"],"sourcesContent":["import { installWebHostGlobals } from './hostGlobals'\n\ninstallWebHostGlobals()\n\nexport type { WebTabBarConfig, WebTabBarItem } from './appShell/tabBar'\nexport { ensureButtonDefined, setButtonFormConfig } from './button'\nexport type { ButtonFormConfig } from './button'\nexport { defineComponent } from './component'\nexport { getRuntimeExecutionMode, setRuntimeExecutionMode } from './execution'\nexport {\n  getRuntimeClipboard,\n  getRuntimeDialogs,\n  getRuntimeFetch,\n  getRuntimeStorage,\n  getWebRuntimeHost,\n  openRuntimeUrl,\n  resetWebRuntimeHost,\n  setWebRuntimeHost,\n} from './host'\nexport type { WebRuntimeClipboard, WebRuntimeDialogs, WebRuntimeHost, WebRuntimeStorage } from './host'\nexport { installWebHostGlobals } from './hostGlobals'\nexport {\n  createInputEventDetail,\n  createScrollEventDetail,\n  createSwitchEventDetail,\n  createTextareaLineChangeDetail,\n  createVideoProgressDetail,\n  createVideoTimeUpdateDetail,\n  ensureNativeComponentsDefined,\n  resolveImageModeStyle,\n  resolveVideoObjectFit,\n} from './nativeComponents'\nexport { setNavigationBarMetrics } from './navigationBar'\nexport type { NavigationBarMetrics } from './navigationBar'\nexport { setPageLayout } from './pageLayout'\nexport {\n  authorize,\n  canIUse,\n  checkSession,\n  chooseAddress,\n  chooseFile,\n  chooseImage,\n  chooseLocation,\n  chooseMedia,\n  chooseMessageFile,\n  chooseVideo,\n  clearStorage,\n  clearStorageSync,\n  compressImage,\n  compressVideo,\n  createCanvasContext,\n  createInterstitialAd,\n  createRewardedVideoAd,\n  createSelectorQuery,\n  createVideoContext,\n  createVKSession,\n  createWorker,\n  downloadFile,\n  exitMiniProgram,\n  getAccountInfoSync,\n  getAppAuthorizeSetting,\n  getAppBaseInfo,\n  getBatteryInfo,\n  getBatteryInfoSync,\n  getClipboardData,\n  getDeviceInfo,\n  getEnterOptionsSync,\n  getExtConfig,\n  getExtConfigSync,\n  getFileSystemManager,\n  getFuzzyLocation,\n  getImageInfo,\n  getLaunchOptionsSync,\n  getLocation,\n  getLogManager,\n  getMenuButtonBoundingClientRect,\n  getNetworkType,\n  getSetting,\n  getStorage,\n  getStorageInfo,\n  getStorageInfoSync,\n  getStorageSync,\n  getSystemInfo,\n  getSystemInfoSync,\n  getSystemSetting,\n  getUpdateManager,\n  getUserInfo,\n  getUserProfile,\n  getVideoInfo,\n  getWindowInfo,\n  hideKeyboard,\n  hideLoading,\n  hideNavigationBarLoading,\n  hideTabBar,\n  hideTabBarRedDot,\n  initializePageRoutes,\n  loadSubPackage,\n  login,\n  makePhoneCall,\n  navigateBack,\n  navigateTo,\n  navigateToMiniProgram,\n  nextTick,\n  offNetworkStatusChange,\n  offWindowResize,\n  onNetworkStatusChange,\n  onWindowResize,\n  openAppAuthorizeSetting,\n  openCustomerServiceChat,\n  openDocument,\n  openLocation,\n  openSetting,\n  openVideoEditor,\n  pageScrollTo,\n  preloadSubpackage,\n  previewImage,\n  previewMedia,\n  redirectTo,\n  registerApp,\n  registerComponent,\n  registerPage,\n  reLaunch,\n  removeStorage,\n  removeStorageSync,\n  removeTabBarBadge,\n  reportAnalytics,\n  request,\n  requestPayment,\n  requestSubscribeMessage,\n  saveFile,\n  saveFileToDisk,\n  saveImageToPhotosAlbum,\n  saveVideoToPhotosAlbum,\n  scanCode,\n  setBackgroundColor,\n  setBackgroundTextStyle,\n  setClipboardData,\n  setNavigationBarColor,\n  setNavigationBarTitle,\n  setStorage,\n  setStorageSync,\n  setTabBarBadge,\n  setTabBarItem,\n  setTabBarStyle,\n  showActionSheet,\n  showLoading,\n  showModal,\n  showNavigationBarLoading,\n  showShareMenu,\n  showTabBar,\n  showTabBarRedDot,\n  showToast,\n  startPullDownRefresh,\n  stopPullDownRefresh,\n  switchTab,\n  updateShareMenu,\n  uploadFile,\n  vibrateShort,\n} from './polyfill'\nexport {\n  disposeWebRouting,\n  getWebRoutingConfig,\n  resolveWebRoutingConfig,\n} from './polyfill/routeRuntime/history'\nexport type {\n  ResolvedWebRoutingConfig,\n  WebRouteHistoryState,\n  WebRouteTarget,\n  WebRoutingConfig,\n  WebRoutingMode,\n} from './polyfill/routeRuntime/history'\nexport { createRenderContext } from './renderContext'\nexport type { RenderContext } from './renderContext'\nexport { setupRpx } from './rpx'\nexport type { RpxConfig } from './rpx'\nexport {\n  configureWebSeo,\n  resetWebDocumentHead,\n  setupWebResourceHints,\n  syncWebDocumentHead,\n  updateWebDocumentTitle,\n} from './seo'\nexport type { WebPageHead, WebResourceHint, WebResourceHintRelation, WebResourceHintsConfig, WebSeoConfig } from './seo'\nexport { injectStyle, removeStyle } from './style'\nexport { createTemplate, renderTemplate } from './template'\nexport type { TemplateRenderer, TemplateScope } from './template'\nexport { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from './viewport'\nexport type { ResolvedWebViewportConfig, WebViewportConfig } from './viewport'\nexport { setRuntimeWarningOptions } from './warning'\nexport type { RuntimeWarningLevel, RuntimeWarningOptions } from './warning'\nexport { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent } from './wevu'\nexport * from 'wevu/internal-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,sBAAsB"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/runtime/index.ts"],"sourcesContent":["import { installWebHostGlobals } from './hostGlobals'\n\ninstallWebHostGlobals()\n\nexport type { WebTabBarConfig, WebTabBarItem } from './appShell/tabBar'\nexport { ensureButtonDefined, setButtonFormConfig } from './button'\nexport type { ButtonFormConfig } from './button'\nexport { defineComponent } from './component'\nexport { bindRuntimeEvent } from './eventBinding'\nexport { getRuntimeExecutionMode, setRuntimeExecutionMode } from './execution'\nexport {\n  getRuntimeClipboard,\n  getRuntimeDialogs,\n  getRuntimeFetch,\n  getRuntimeStorage,\n  getWebRuntimeHost,\n  openRuntimeUrl,\n  resetWebRuntimeHost,\n  setWebRuntimeHost,\n} from './host'\nexport type { WebRuntimeClipboard, WebRuntimeDialogs, WebRuntimeHost, WebRuntimeStorage } from './host'\nexport { installWebHostGlobals } from './hostGlobals'\nexport {\n  createInputEventDetail,\n  createScrollEventDetail,\n  createSwitchEventDetail,\n  createTextareaLineChangeDetail,\n  createVideoProgressDetail,\n  createVideoTimeUpdateDetail,\n  ensureNativeComponentsDefined,\n  resolveImageModeStyle,\n  resolveVideoObjectFit,\n} from './nativeComponents'\nexport { setNavigationBarMetrics } from './navigationBar'\nexport type { NavigationBarMetrics } from './navigationBar'\nexport { setPageLayout } from './pageLayout'\nexport {\n  authorize,\n  canIUse,\n  checkSession,\n  chooseAddress,\n  chooseFile,\n  chooseImage,\n  chooseLocation,\n  chooseMedia,\n  chooseMessageFile,\n  chooseVideo,\n  clearStorage,\n  clearStorageSync,\n  compressImage,\n  compressVideo,\n  createCanvasContext,\n  createInterstitialAd,\n  createRewardedVideoAd,\n  createSelectorQuery,\n  createVideoContext,\n  createVKSession,\n  createWorker,\n  downloadFile,\n  exitMiniProgram,\n  getAccountInfoSync,\n  getAppAuthorizeSetting,\n  getAppBaseInfo,\n  getBatteryInfo,\n  getBatteryInfoSync,\n  getClipboardData,\n  getDeviceInfo,\n  getEnterOptionsSync,\n  getExtConfig,\n  getExtConfigSync,\n  getFileSystemManager,\n  getFuzzyLocation,\n  getImageInfo,\n  getLaunchOptionsSync,\n  getLocation,\n  getLogManager,\n  getMenuButtonBoundingClientRect,\n  getNetworkType,\n  getSetting,\n  getStorage,\n  getStorageInfo,\n  getStorageInfoSync,\n  getStorageSync,\n  getSystemInfo,\n  getSystemInfoSync,\n  getSystemSetting,\n  getUpdateManager,\n  getUserInfo,\n  getUserProfile,\n  getVideoInfo,\n  getWindowInfo,\n  hideKeyboard,\n  hideLoading,\n  hideNavigationBarLoading,\n  hideTabBar,\n  hideTabBarRedDot,\n  initializePageRoutes,\n  loadSubPackage,\n  login,\n  makePhoneCall,\n  navigateBack,\n  navigateTo,\n  navigateToMiniProgram,\n  nextTick,\n  offAppHide,\n  offAppShow,\n  offNetworkStatusChange,\n  offWindowResize,\n  onAppHide,\n  onAppShow,\n  onNetworkStatusChange,\n  onWindowResize,\n  openAppAuthorizeSetting,\n  openCustomerServiceChat,\n  openDocument,\n  openLocation,\n  openSetting,\n  openVideoEditor,\n  pageScrollTo,\n  preloadSubpackage,\n  previewImage,\n  previewMedia,\n  redirectTo,\n  registerApp,\n  registerComponent,\n  registerPage,\n  reLaunch,\n  removeStorage,\n  removeStorageSync,\n  removeTabBarBadge,\n  reportAnalytics,\n  request,\n  requestPayment,\n  requestSubscribeMessage,\n  saveFile,\n  saveFileToDisk,\n  saveImageToPhotosAlbum,\n  saveVideoToPhotosAlbum,\n  scanCode,\n  setBackgroundColor,\n  setBackgroundTextStyle,\n  setClipboardData,\n  setNavigationBarColor,\n  setNavigationBarTitle,\n  setStorage,\n  setStorageSync,\n  setTabBarBadge,\n  setTabBarItem,\n  setTabBarStyle,\n  showActionSheet,\n  showLoading,\n  showModal,\n  showNavigationBarLoading,\n  showShareMenu,\n  showTabBar,\n  showTabBarRedDot,\n  showToast,\n  startPullDownRefresh,\n  stopPullDownRefresh,\n  switchTab,\n  updateShareMenu,\n  uploadFile,\n  vibrateShort,\n} from './polyfill'\nexport type { AppHideCallback, AppHideOptions, AppLaunchOptions, AppShowCallback } from './polyfill'\nexport {\n  disposeWebRouting,\n  getWebRoutingConfig,\n  resolveWebRoutingConfig,\n} from './polyfill/routeRuntime/history'\nexport type {\n  ResolvedWebRoutingConfig,\n  WebRouteHistoryState,\n  WebRouteTarget,\n  WebRoutingConfig,\n  WebRoutingMode,\n} from './polyfill/routeRuntime/history'\nexport { createRenderContext } from './renderContext'\nexport type { RenderContext } from './renderContext'\nexport { setupRpx } from './rpx'\nexport type { RpxConfig } from './rpx'\nexport {\n  configureWebSeo,\n  resetWebDocumentHead,\n  setupWebResourceHints,\n  syncWebDocumentHead,\n  updateWebDocumentTitle,\n} from './seo'\nexport type { WebPageHead, WebResourceHint, WebResourceHintRelation, WebResourceHintsConfig, WebSeoConfig } from './seo'\nexport { injectStyle, removeStyle } from './style'\nexport { createTemplate, renderTemplate } from './template'\nexport type { TemplateRenderer, TemplateScope } from './template'\nexport { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport } from './viewport'\nexport type { ResolvedWebViewportConfig, WebViewportConfig } from './viewport'\nexport { setRuntimeWarningOptions } from './warning'\nexport type { RuntimeWarningLevel, RuntimeWarningOptions } from './warning'\nexport {\n  installWebModuleRegistration,\n  registerWebWevuApp,\n  registerWebWevuComponent,\n  registerWebWevuComponentFactory,\n} from './wevu'\nexport * from 'wevu/internal-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,sBAAsB"}

package/dist/runtime/inputHandlerResult.mjs

@@ -0,0 +1,22 @@
+//#region src/runtime/inputHandlerResult.ts
+const nativeInputEventStates = /* @__PURE__ */ new WeakMap();
+function dispatchNativeInputEvent(target, detail) {
+	const event = new CustomEvent("input", {
+		bubbles: true,
+		composed: true,
+		detail
+	});
+	const state = { target };
+	nativeInputEventStates.set(event, state);
+	target.dispatchEvent(event);
+	return state.value;
+}
+function invokeMiniProgramEventHandler(handler, instance, syntheticEvent, nativeEvent) {
+	const result = handler.call(instance, syntheticEvent);
+	const state = nativeEvent.type === "input" ? nativeInputEventStates.get(nativeEvent) : void 0;
+	if (state?.target === nativeEvent.currentTarget && typeof result === "string") state.value = result;
+}
+
+//#endregion
+export { dispatchNativeInputEvent, invokeMiniProgramEventHandler };
+//# sourceMappingURL=inputHandlerResult.mjs.map

package/dist/runtime/inputHandlerResult.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHandlerResult.mjs","names":[],"sources":["../../src/runtime/inputHandlerResult.ts"],"sourcesContent":["interface NativeInputEventState {\n  target: Element\n  value?: string\n}\n\nconst nativeInputEventStates = new WeakMap<Event, NativeInputEventState>()\n\nexport function dispatchNativeInputEvent<T>(target: Element, detail: T) {\n  const event = new CustomEvent<T>('input', {\n    bubbles: true,\n    composed: true,\n    detail,\n  })\n  const state: NativeInputEventState = { target }\n  nativeInputEventStates.set(event, state)\n  target.dispatchEvent(event)\n  return state.value\n}\n\nexport function invokeMiniProgramEventHandler(\n  handler: (event: unknown) => unknown,\n  instance: unknown,\n  syntheticEvent: unknown,\n  nativeEvent: Event,\n) {\n  const result = handler.call(instance, syntheticEvent)\n  const state = nativeEvent.type === 'input'\n    ? nativeInputEventStates.get(nativeEvent)\n    : undefined\n  if (state?.target === nativeEvent.currentTarget && typeof result === 'string') {\n    state.value = result\n  }\n}\n"],"mappings":";AAKA,MAAM,yCAAyB,IAAI,QAAsC;AAEzE,SAAgB,yBAA4B,QAAiB,QAAW;CACtE,MAAM,QAAQ,IAAI,YAAe,SAAS;EACxC,SAAS;EACT,UAAU;EACV;CACF,CAAC;CACD,MAAM,QAA+B,EAAE,OAAO;CAC9C,uBAAuB,IAAI,OAAO,KAAK;CACvC,OAAO,cAAc,KAAK;CAC1B,OAAO,MAAM;AACf;AAEA,SAAgB,8BACd,SACA,UACA,gBACA,aACA;CACA,MAAM,SAAS,QAAQ,KAAK,UAAU,cAAc;CACpD,MAAM,QAAQ,YAAY,SAAS,UAC/B,uBAAuB,IAAI,WAAW,IACtC;CACJ,IAAI,OAAO,WAAW,YAAY,iBAAiB,OAAO,WAAW,UACnE,MAAM,QAAQ;AAElB"}

package/dist/runtime/legacyTemplate/dom.mjs

@@ -1,5 +1,5 @@
 import { CONTROL_ATTRS, hasControlAttribute, normalizeAttributeName, resolveControlAttributeValue } from "../../shared/wxml.mjs";
-import { MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX, MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX } from "../component/constants.mjs";
+import { MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX, MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX, encodeEventAttributeName } from "../component/constants.mjs";
 import { escapeAttribute, resolveAttributeValue } from "./expression.mjs";
 
 //#region src/runtime/legacyTemplate/dom.ts
@@ -19,6 +19,24 @@ const EVENT_PREFIX_FLAGS = {
 		catch: true
 	}
 };
+function parseEventAttribute(name) {
+	const separatorIndex = name.indexOf(":");
+	if (separatorIndex >= 0) {
+		const prefix = name.slice(0, separatorIndex);
+		const rawEvent = name.slice(separatorIndex + 1);
+		if (rawEvent && prefix in EVENT_PREFIX_FLAGS) return {
+			prefix,
+			rawEvent
+		};
+		return;
+	}
+	const match = EVENT_PREFIX_RE.exec(name);
+	if (!match) return;
+	return {
+		prefix: match[1],
+		rawEvent: match[2]
+	};
+}
 function extractFor(attribs) {
 	const expr = resolveControlAttributeValue(attribs, "for");
 	const restAttribs = {};
@@ -40,17 +58,17 @@ function buildAttributeString(attribs, scope) {
 	let result = "";
 	for (const [name, rawValue] of Object.entries(attribs)) {
 		if (CONTROL_ATTRS.has(name)) continue;
-		const eventMatch = EVENT_PREFIX_RE.exec(name);
-		if (eventMatch) {
-			const [, prefix, rawEvent] = eventMatch;
-			const event = rawEvent.toLowerCase();
+		const eventInfo = parseEventAttribute(name);
+		if (eventInfo) {
+			const normalizedEvent = eventInfo.rawEvent.toLowerCase();
+			const runtimeEvent = EVENT_KIND_ALIAS[normalizedEvent] ?? eventInfo.rawEvent;
+			const encodedEvent = encodeEventAttributeName(runtimeEvent);
 			const handlerName = resolveAttributeValue(rawValue, scope).trim();
 			if (!handlerName) continue;
-			const runtimeEvent = EVENT_KIND_ALIAS[event] || event;
-			const flags = EVENT_PREFIX_FLAGS[prefix];
-			result += ` ${MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX}${runtimeEvent}="${escapeAttribute(handlerName)}"`;
+			const flags = EVENT_PREFIX_FLAGS[eventInfo.prefix];
+			result += ` ${MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX}${encodedEvent}="${escapeAttribute(handlerName)}"`;
 			const flagTokens = [flags.capture ? "capture" : "", flags.catch ? "catch" : ""].filter(Boolean);
-			if (flagTokens.length) result += ` ${MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX}${runtimeEvent}="${flagTokens.join(",")}"`;
+			if (flagTokens.length) result += ` ${MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX}${encodedEvent}="${flagTokens.join(",")}"`;
 			continue;
 		}
 		const value = resolveAttributeValue(rawValue, scope);

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

@@ -1 +1 @@
-{"version":3,"file":"dom.mjs","names":[],"sources":["../../../src/runtime/legacyTemplate/dom.ts"],"sourcesContent":["import type { Element, Node } from 'domhandler'\nimport type { ExtractForResult, LegacyTemplateScope } from './types'\nimport {\n  CONTROL_ATTRS,\n  hasControlAttribute,\n  normalizeAttributeName,\n  resolveControlAttributeValue,\n} from '../../shared/wxml'\nimport {\n  MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX,\n  MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX,\n} from '../component/constants'\nimport { escapeAttribute, resolveAttributeValue } from './expression'\n\nconst EVENT_PREFIX_RE = /^(bind|catch|mut-bind|capture-bind|capture-catch)([\\w-]+)$/\nconst EVENT_KIND_ALIAS: Record<string, string> = {\n  tap: 'click',\n  longtap: 'contextmenu',\n  longpress: 'contextmenu',\n}\n\nconst EVENT_PREFIX_FLAGS: Record<string, { catch?: boolean, capture?: boolean }> = {\n  'bind': {},\n  'catch': { catch: true },\n  'mut-bind': {},\n  'capture-bind': { capture: true },\n  'capture-catch': { capture: true, catch: true },\n}\n\nexport function extractFor(attribs: Record<string, string>): ExtractForResult {\n  const expr = resolveControlAttributeValue(attribs, 'for')\n  const restAttribs: Record<string, string> = {}\n  const itemName = resolveControlAttributeValue(attribs, 'for-item')?.trim() || 'item'\n  let indexName = resolveControlAttributeValue(attribs, 'for-index')?.trim() || 'index'\n\n  for (const [key, val] of Object.entries(attribs)) {\n    if (CONTROL_ATTRS.has(key)) {\n      continue\n    }\n    restAttribs[key] = val\n  }\n\n  if (itemName === indexName) {\n    indexName = `${indexName}Index`\n  }\n\n  return {\n    expr,\n    itemName,\n    indexName,\n    restAttribs,\n  }\n}\n\nexport function buildAttributeString(\n  attribs: Record<string, string>,\n  scope: LegacyTemplateScope,\n) {\n  let result = ''\n  for (const [name, rawValue] of Object.entries(attribs)) {\n    if (CONTROL_ATTRS.has(name)) {\n      continue\n    }\n\n    const eventMatch = EVENT_PREFIX_RE.exec(name)\n    if (eventMatch) {\n      const [, prefix, rawEvent] = eventMatch\n      const event = rawEvent.toLowerCase()\n      const handlerName = resolveAttributeValue(rawValue, scope).trim()\n      if (!handlerName) {\n        continue\n      }\n      const runtimeEvent = EVENT_KIND_ALIAS[event] || event\n      const flags = EVENT_PREFIX_FLAGS[prefix]!\n      result += ` ${MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX}${runtimeEvent}=\"${escapeAttribute(handlerName)}\"`\n      const flagTokens = [\n        flags.capture ? 'capture' : '',\n        flags.catch ? 'catch' : '',\n      ].filter(Boolean)\n      if (flagTokens.length) {\n        result += ` ${MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX}${runtimeEvent}=\"${flagTokens.join(',')}\"`\n      }\n      continue\n    }\n\n    const value = resolveAttributeValue(rawValue, scope)\n    if (value === '') {\n      continue\n    }\n    const normalizedName = normalizeAttributeName(name)\n    result += ` ${normalizedName}=\"${escapeAttribute(value)}\"`\n  }\n  return result\n}\n\nexport function stripControlAttributes(attribs: Record<string, string>) {\n  const result: Record<string, string> = {}\n  for (const [name, value] of Object.entries(attribs)) {\n    if (!CONTROL_ATTRS.has(name)) {\n      result[name] = value\n    }\n  }\n  return result\n}\n\nexport function isConditionalElement(node: Node): node is Element {\n  if (node.type !== 'tag') {\n    return false\n  }\n  const attribs = (node as Element).attribs\n  return hasControlAttribute(attribs, 'if')\n    || hasControlAttribute(attribs, 'elif')\n    || hasControlAttribute(attribs, 'else')\n}\n"],"mappings":";;;;;AAcA,MAAM,kBAAkB;AACxB,MAAM,mBAA2C;CAC/C,KAAK;CACL,SAAS;CACT,WAAW;AACb;AAEA,MAAM,qBAA6E;CACjF,QAAQ,CAAC;CACT,SAAS,EAAE,OAAO,KAAK;CACvB,YAAY,CAAC;CACb,gBAAgB,EAAE,SAAS,KAAK;CAChC,iBAAiB;EAAE,SAAS;EAAM,OAAO;CAAK;AAChD;AAEA,SAAgB,WAAW,SAAmD;CAC5E,MAAM,OAAO,6BAA6B,SAAS,KAAK;CACxD,MAAM,cAAsC,CAAC;CAC7C,MAAM,WAAW,6BAA6B,SAAS,UAAU,CAAC,EAAE,KAAK,KAAK;CAC9E,IAAI,YAAY,6BAA6B,SAAS,WAAW,CAAC,EAAE,KAAK,KAAK;CAE9E,KAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,OAAO,GAAG;EAChD,IAAI,cAAc,IAAI,GAAG,GACvB;EAEF,YAAY,OAAO;CACrB;CAEA,IAAI,aAAa,WACf,YAAY,GAAG,UAAU;CAG3B,OAAO;EACL;EACA;EACA;EACA;CACF;AACF;AAEA,SAAgB,qBACd,SACA,OACA;CACA,IAAI,SAAS;CACb,KAAK,MAAM,CAAC,MAAM,aAAa,OAAO,QAAQ,OAAO,GAAG;EACtD,IAAI,cAAc,IAAI,IAAI,GACxB;EAGF,MAAM,aAAa,gBAAgB,KAAK,IAAI;EAC5C,IAAI,YAAY;GACd,MAAM,GAAG,QAAQ,YAAY;GAC7B,MAAM,QAAQ,SAAS,YAAY;GACnC,MAAM,cAAc,sBAAsB,UAAU,KAAK,CAAC,CAAC,KAAK;GAChE,IAAI,CAAC,aACH;GAEF,MAAM,eAAe,iBAAiB,UAAU;GAChD,MAAM,QAAQ,mBAAmB;GACjC,UAAU,IAAI,sCAAsC,aAAa,IAAI,gBAAgB,WAAW,EAAE;GAClG,MAAM,aAAa,CACjB,MAAM,UAAU,YAAY,IAC5B,MAAM,QAAQ,UAAU,EAC1B,CAAC,CAAC,OAAO,OAAO;GAChB,IAAI,WAAW,QACb,UAAU,IAAI,2CAA2C,aAAa,IAAI,WAAW,KAAK,GAAG,EAAE;GAEjG;EACF;EAEA,MAAM,QAAQ,sBAAsB,UAAU,KAAK;EACnD,IAAI,UAAU,IACZ;EAEF,MAAM,iBAAiB,uBAAuB,IAAI;EAClD,UAAU,IAAI,eAAe,IAAI,gBAAgB,KAAK,EAAE;CAC1D;CACA,OAAO;AACT;AAEA,SAAgB,uBAAuB,SAAiC;CACtE,MAAM,SAAiC,CAAC;CACxC,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,OAAO,GAChD,IAAI,CAAC,cAAc,IAAI,IAAI,GACzB,OAAO,QAAQ;CAGnB,OAAO;AACT;AAEA,SAAgB,qBAAqB,MAA6B;CAChE,IAAI,KAAK,SAAS,OAChB,OAAO;CAET,MAAM,UAAW,KAAiB;CAClC,OAAO,oBAAoB,SAAS,IAAI,KACnC,oBAAoB,SAAS,MAAM,KACnC,oBAAoB,SAAS,MAAM;AAC1C"}
+{"version":3,"file":"dom.mjs","names":[],"sources":["../../../src/runtime/legacyTemplate/dom.ts"],"sourcesContent":["import type { Element, Node } from 'domhandler'\nimport type { ExtractForResult, LegacyTemplateScope } from './types'\nimport {\n  CONTROL_ATTRS,\n  hasControlAttribute,\n  normalizeAttributeName,\n  resolveControlAttributeValue,\n} from '../../shared/wxml'\nimport {\n  encodeEventAttributeName,\n  MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX,\n  MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX,\n} from '../component/constants'\nimport { escapeAttribute, resolveAttributeValue } from './expression'\n\nconst EVENT_PREFIX_RE = /^(bind|catch|mut-bind|capture-bind|capture-catch)([\\w-]+)$/\nconst EVENT_KIND_ALIAS: Record<string, string> = {\n  tap: 'click',\n  longtap: 'contextmenu',\n  longpress: 'contextmenu',\n}\n\nconst EVENT_PREFIX_FLAGS: Record<string, { catch?: boolean, capture?: boolean }> = {\n  'bind': {},\n  'catch': { catch: true },\n  'mut-bind': {},\n  'capture-bind': { capture: true },\n  'capture-catch': { capture: true, catch: true },\n}\n\nfunction parseEventAttribute(name: string) {\n  const separatorIndex = name.indexOf(':')\n  if (separatorIndex >= 0) {\n    const prefix = name.slice(0, separatorIndex)\n    const rawEvent = name.slice(separatorIndex + 1)\n    if (rawEvent && prefix in EVENT_PREFIX_FLAGS) {\n      return { prefix, rawEvent }\n    }\n    return undefined\n  }\n  const match = EVENT_PREFIX_RE.exec(name)\n  if (!match) {\n    return undefined\n  }\n  return { prefix: match[1]!, rawEvent: match[2]! }\n}\n\nexport function extractFor(attribs: Record<string, string>): ExtractForResult {\n  const expr = resolveControlAttributeValue(attribs, 'for')\n  const restAttribs: Record<string, string> = {}\n  const itemName = resolveControlAttributeValue(attribs, 'for-item')?.trim() || 'item'\n  let indexName = resolveControlAttributeValue(attribs, 'for-index')?.trim() || 'index'\n\n  for (const [key, val] of Object.entries(attribs)) {\n    if (CONTROL_ATTRS.has(key)) {\n      continue\n    }\n    restAttribs[key] = val\n  }\n\n  if (itemName === indexName) {\n    indexName = `${indexName}Index`\n  }\n\n  return {\n    expr,\n    itemName,\n    indexName,\n    restAttribs,\n  }\n}\n\nexport function buildAttributeString(\n  attribs: Record<string, string>,\n  scope: LegacyTemplateScope,\n) {\n  let result = ''\n  for (const [name, rawValue] of Object.entries(attribs)) {\n    if (CONTROL_ATTRS.has(name)) {\n      continue\n    }\n\n    const eventInfo = parseEventAttribute(name)\n    if (eventInfo) {\n      const normalizedEvent = eventInfo.rawEvent.toLowerCase()\n      const aliasedEvent = EVENT_KIND_ALIAS[normalizedEvent]\n      const runtimeEvent = aliasedEvent ?? eventInfo.rawEvent\n      const encodedEvent = encodeEventAttributeName(runtimeEvent)\n      const handlerName = resolveAttributeValue(rawValue, scope).trim()\n      if (!handlerName) {\n        continue\n      }\n      const flags = EVENT_PREFIX_FLAGS[eventInfo.prefix]!\n      result += ` ${MINI_PROGRAM_EVENT_ATTRIBUTE_PREFIX}${encodedEvent}=\"${escapeAttribute(handlerName)}\"`\n      const flagTokens = [\n        flags.capture ? 'capture' : '',\n        flags.catch ? 'catch' : '',\n      ].filter(Boolean)\n      if (flagTokens.length) {\n        result += ` ${MINI_PROGRAM_EVENT_FLAG_ATTRIBUTE_PREFIX}${encodedEvent}=\"${flagTokens.join(',')}\"`\n      }\n      continue\n    }\n\n    const value = resolveAttributeValue(rawValue, scope)\n    if (value === '') {\n      continue\n    }\n    const normalizedName = normalizeAttributeName(name)\n    result += ` ${normalizedName}=\"${escapeAttribute(value)}\"`\n  }\n  return result\n}\n\nexport function stripControlAttributes(attribs: Record<string, string>) {\n  const result: Record<string, string> = {}\n  for (const [name, value] of Object.entries(attribs)) {\n    if (!CONTROL_ATTRS.has(name)) {\n      result[name] = value\n    }\n  }\n  return result\n}\n\nexport function isConditionalElement(node: Node): node is Element {\n  if (node.type !== 'tag') {\n    return false\n  }\n  const attribs = (node as Element).attribs\n  return hasControlAttribute(attribs, 'if')\n    || hasControlAttribute(attribs, 'elif')\n    || hasControlAttribute(attribs, 'else')\n}\n"],"mappings":";;;;;AAeA,MAAM,kBAAkB;AACxB,MAAM,mBAA2C;CAC/C,KAAK;CACL,SAAS;CACT,WAAW;AACb;AAEA,MAAM,qBAA6E;CACjF,QAAQ,CAAC;CACT,SAAS,EAAE,OAAO,KAAK;CACvB,YAAY,CAAC;CACb,gBAAgB,EAAE,SAAS,KAAK;CAChC,iBAAiB;EAAE,SAAS;EAAM,OAAO;CAAK;AAChD;AAEA,SAAS,oBAAoB,MAAc;CACzC,MAAM,iBAAiB,KAAK,QAAQ,GAAG;CACvC,IAAI,kBAAkB,GAAG;EACvB,MAAM,SAAS,KAAK,MAAM,GAAG,cAAc;EAC3C,MAAM,WAAW,KAAK,MAAM,iBAAiB,CAAC;EAC9C,IAAI,YAAY,UAAU,oBACxB,OAAO;GAAE;GAAQ;EAAS;EAE5B;CACF;CACA,MAAM,QAAQ,gBAAgB,KAAK,IAAI;CACvC,IAAI,CAAC,OACH;CAEF,OAAO;EAAE,QAAQ,MAAM;EAAK,UAAU,MAAM;CAAI;AAClD;AAEA,SAAgB,WAAW,SAAmD;CAC5E,MAAM,OAAO,6BAA6B,SAAS,KAAK;CACxD,MAAM,cAAsC,CAAC;CAC7C,MAAM,WAAW,6BAA6B,SAAS,UAAU,CAAC,EAAE,KAAK,KAAK;CAC9E,IAAI,YAAY,6BAA6B,SAAS,WAAW,CAAC,EAAE,KAAK,KAAK;CAE9E,KAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,OAAO,GAAG;EAChD,IAAI,cAAc,IAAI,GAAG,GACvB;EAEF,YAAY,OAAO;CACrB;CAEA,IAAI,aAAa,WACf,YAAY,GAAG,UAAU;CAG3B,OAAO;EACL;EACA;EACA;EACA;CACF;AACF;AAEA,SAAgB,qBACd,SACA,OACA;CACA,IAAI,SAAS;CACb,KAAK,MAAM,CAAC,MAAM,aAAa,OAAO,QAAQ,OAAO,GAAG;EACtD,IAAI,cAAc,IAAI,IAAI,GACxB;EAGF,MAAM,YAAY,oBAAoB,IAAI;EAC1C,IAAI,WAAW;GACb,MAAM,kBAAkB,UAAU,SAAS,YAAY;GAEvD,MAAM,eADe,iBAAiB,oBACD,UAAU;GAC/C,MAAM,eAAe,yBAAyB,YAAY;GAC1D,MAAM,cAAc,sBAAsB,UAAU,KAAK,CAAC,CAAC,KAAK;GAChE,IAAI,CAAC,aACH;GAEF,MAAM,QAAQ,mBAAmB,UAAU;GAC3C,UAAU,IAAI,sCAAsC,aAAa,IAAI,gBAAgB,WAAW,EAAE;GAClG,MAAM,aAAa,CACjB,MAAM,UAAU,YAAY,IAC5B,MAAM,QAAQ,UAAU,EAC1B,CAAC,CAAC,OAAO,OAAO;GAChB,IAAI,WAAW,QACb,UAAU,IAAI,2CAA2C,aAAa,IAAI,WAAW,KAAK,GAAG,EAAE;GAEjG;EACF;EAEA,MAAM,QAAQ,sBAAsB,UAAU,KAAK;EACnD,IAAI,UAAU,IACZ;EAEF,MAAM,iBAAiB,uBAAuB,IAAI;EAClD,UAAU,IAAI,eAAe,IAAI,gBAAgB,KAAK,EAAE;CAC1D;CACA,OAAO;AACT;AAEA,SAAgB,uBAAuB,SAAiC;CACtE,MAAM,SAAiC,CAAC;CACxC,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,OAAO,GAChD,IAAI,CAAC,cAAc,IAAI,IAAI,GACzB,OAAO,QAAQ;CAGnB,OAAO;AACT;AAEA,SAAgB,qBAAqB,MAA6B;CAChE,IAAI,KAAK,SAAS,OAChB,OAAO;CAET,MAAM,UAAW,KAAiB;CAClC,OAAO,oBAAoB,SAAS,IAAI,KACnC,oBAAoB,SAAS,MAAM,KACnC,oBAAoB,SAAS,MAAM;AAC1C"}

package/dist/runtime/nativeComponents/input.mjs

@@ -2,6 +2,7 @@ import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs"
 import { connectFormControl, disconnectFormControl } from "./formControl.mjs";
 import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot, resolveMaxLength } from "./helpers.mjs";
 import { ensureNativeComponentStyle } from "./style.mjs";
+import { dispatchNativeInputEvent } from "../inputHandlerResult.mjs";
 
 //#region src/runtime/nativeComponents/input.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
@@ -90,7 +91,8 @@ var WeappInput = class extends BaseElement {
 		const input = document.createElement("input");
 		input.addEventListener("input", (event) => {
 			event.stopPropagation();
-			dispatchMiniProgramEvent(this, "input", createInputEventDetail(input));
+			const returnedValue = dispatchNativeInputEvent(this, createInputEventDetail(input));
+			if (returnedValue !== void 0) input.value = returnedValue;
 		});
 		input.addEventListener("focus", () => {
 			dispatchMiniProgramEvent(this, "focus", {