@weapp-vite/web 2.0.0 → 2.1.0

package/dist/runtime/component/element.mjs

@@ -1,6 +1,7 @@
 import { getAppStyle, trackAppStyle } from "../appStyle.mjs";
 import { supportsLit } from "./constants.mjs";
 import { markComponentEvent, registerComponentEventTarget } from "../componentEvents.mjs";
+import { commitLegacyDatasetBindings, releaseLegacyDatasetBindings, resetLegacyDatasetRender } from "../legacyTemplate/dataset.mjs";
 import { hasOwn } from "../utils/object.mjs";
 import { createComponentPublicInstance } from "./publicInstance.mjs";
 import { createIntersectionObserverBridge } from "../polyfill/intersectionObserver.mjs";
@@ -16,7 +17,7 @@ import { WEVU_HOST_COMMIT_PROMISE_KEY, WEVU_HOST_INSTALL_METHOD_KEY } from "@wea
 import { html } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
-//#region src/runtime/component/element.ts
+// src/runtime/component/element.ts
 function resolveComposedParent(node) {
 	const assignedSlot = node.assignedSlot;
 	if (assignedSlot) return assignedSlot;
@@ -164,6 +165,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			if (runtimeState.observerInitEnabled) this.#runInitialObservers();
 			runtimeState.lifetimes.attached?.call(this.#publicInstance);
 			this.#isMounted = true;
+			commitLegacyDatasetBindings(resolveRenderRoot(this), this.#renderContext);
 			trackAppStyle(this, runtimeState.inheritAppStyle);
 			this.requestUpdate();
 		}
@@ -171,6 +173,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			const superDisconnected = BaseElement.prototype.disconnectedCallback;
 			if (supportsLit && typeof superDisconnected === "function") superDisconnected.call(this);
 			this.#isMounted = false;
+			releaseLegacyDatasetBindings(this.#renderContext);
 			trackAppStyle(this, false);
 			instances.delete(this);
 			runtimeState.lifetimes.detached?.call(this.#publicInstance);
@@ -189,9 +192,11 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		}
 		updated() {
 			this.#syncVirtualHostClasses();
+			commitLegacyDatasetBindings(resolveRenderRoot(this), this.#renderContext);
 			if (this.#usesLegacyTemplate) bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this);
 		}
 		render() {
+			resetLegacyDatasetRender(this.#renderContext);
 			const result = runtimeState.templateRef(this.#state, this.#renderContext);
 			const appStyle = runtimeState.inheritAppStyle ? getAppStyle() : "";
 			this.#usesLegacyTemplate = typeof result === "string";
@@ -281,6 +286,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 				});
 				this.#exposedMethodNames.add(key);
 			}
+			releaseLegacyDatasetBindings(this.#renderContext);
 			this.#renderContext = createRenderContext(this, this.#methods);
 		}
 		__weappSync(nextMethods) {
@@ -293,6 +299,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			if (typeof hook === "function") hook.call(this.#publicInstance);
 		}
 		#renderLegacy() {
+			resetLegacyDatasetRender(this.#renderContext);
 			const result = runtimeState.templateRef(this.#state, this.#renderContext);
 			const root = resolveRenderRoot(this);
 			const styleMarkup = `<style>${runtimeState.inheritAppStyle ? getAppStyle() : ""}</style><style>${runtimeState.styleRef}</style>`;
@@ -301,6 +308,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 				bindRuntimeEvents(root, this.#methods, this);
 			} else if (result == null) root.innerHTML = styleMarkup;
 			else root.innerHTML = `${styleMarkup}${String(result)}`;
+			commitLegacyDatasetBindings(root, this.#renderContext);
 			this.#syncVirtualHostClasses();
 			if (!this.#readyFired) {
 				runtimeState.lifetimes.ready?.call(this.#publicInstance);
@@ -323,6 +331,5 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 	return WeappWebComponent;
 }
 
-//#endregion
 export { createComponentElementClass };
 //# sourceMappingURL=element.mjs.map

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 { WEVU_HOST_COMMIT_PROMISE_KEY, WEVU_HOST_INSTALL_METHOD_KEY } from '@weapp-core/constants'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { getAppStyle, trackAppStyle } from '../appStyle'\nimport { markComponentEvent, registerComponentEventTarget } from '../componentEvents'\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, cloneCommittedValue, 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    #setupMethods: Record<string, (...args: 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      registerComponentEventTarget(this)\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        this.#properties,\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(markComponentEvent(new CustomEvent(name, {\n        detail,\n        bubbles: options.bubbles ?? false,\n        composed: options.composed ?? false,\n      })))\n    }\n\n    [WEVU_HOST_INSTALL_METHOD_KEY](methods: Readonly<Record<string, (...args: any[]) => any>>) {\n      const bound: Record<string, (...args: any[]) => any> = {}\n      for (const [name, method] of Object.entries(methods)) {\n        bound[name] = method.bind(this.#publicInstance)\n      }\n      this.#setupMethods = bound\n      this.#syncMethods(runtimeState.componentRef.methods)\n      this.requestUpdate()\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      instances.add(this)\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      trackAppStyle(this, runtimeState.inheritAppStyle)\n      this.requestUpdate()\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      trackAppStyle(this, 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 appStyle = runtimeState.inheritAppStyle ? getAppStyle() : ''\n      this.#usesLegacyTemplate = typeof result === 'string'\n      return html`<style>${appStyle}</style><style>${runtimeState.styleRef}</style>${typeof result === 'string' ? unsafeHTML(result) : 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      let copiedContainers: WeakSet<object> | undefined\n      for (const [path, value] of Object.entries(patch)) {\n        const segments = parseDataPath(path)\n        const topKey = segments[0]\n        if (!topKey || topKey === '$slots') {\n          continue\n        }\n        let nextValue = value\n        if (value !== null && typeof value === 'object') {\n          // 整体提交需刷新整个子树，新的外层对象也可能复用已原地修改的后代。\n          // 快照可保留内部别名，路径更新仍需按分支取得写入所有权。\n          nextValue = cloneCommittedValue(value)\n        }\n        else if (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        if (segments.length > 1) {\n          copiedContainers ??= new WeakSet<object>()\n        }\n        assignDataPath(this.#state, segments, nextValue, copiedContainers)\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      Object.assign(bound, this.#setupMethods)\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        const previous = this.#methods[key]\n        this.#methods[key] = fn\n        if (this.#exposedMethodNames.has(key)) {\n          const descriptor = Object.getOwnPropertyDescriptor(this, key)\n          if (!descriptor?.configurable || descriptor.value !== previous) {\n            continue\n          }\n        }\n        else if (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      trackAppStyle(this, this.#isMounted && runtimeState.inheritAppStyle)\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 appStyle = runtimeState.inheritAppStyle ? getAppStyle() : ''\n      const styleMarkup = `<style>${appStyle}</style><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, WEVU_HOST_INSTALL_METHOD_KEY } from '@weapp-core/constants'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { getAppStyle, trackAppStyle } from '../appStyle'\nimport { markComponentEvent, registerComponentEventTarget } from '../componentEvents'\nimport { commitLegacyDatasetBindings, releaseLegacyDatasetBindings, resetLegacyDatasetRender } from '../legacyTemplate/dataset'\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, cloneCommittedValue, 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    #setupMethods: Record<string, (...args: 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      registerComponentEventTarget(this)\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        this.#properties,\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(markComponentEvent(new CustomEvent(name, {\n        detail,\n        bubbles: options.bubbles ?? false,\n        composed: options.composed ?? false,\n      })))\n    }\n\n    [WEVU_HOST_INSTALL_METHOD_KEY](methods: Readonly<Record<string, (...args: any[]) => any>>) {\n      const bound: Record<string, (...args: any[]) => any> = {}\n      for (const [name, method] of Object.entries(methods)) {\n        bound[name] = method.bind(this.#publicInstance)\n      }\n      this.#setupMethods = bound\n      this.#syncMethods(runtimeState.componentRef.methods)\n      this.requestUpdate()\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      instances.add(this)\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      commitLegacyDatasetBindings(resolveRenderRoot(this), this.#renderContext)\n      trackAppStyle(this, runtimeState.inheritAppStyle)\n      this.requestUpdate()\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      releaseLegacyDatasetBindings(this.#renderContext)\n      trackAppStyle(this, 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      commitLegacyDatasetBindings(resolveRenderRoot(this), this.#renderContext)\n      if (this.#usesLegacyTemplate) {\n        bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this)\n      }\n    }\n\n    render() {\n      resetLegacyDatasetRender(this.#renderContext)\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const appStyle = runtimeState.inheritAppStyle ? getAppStyle() : ''\n      this.#usesLegacyTemplate = typeof result === 'string'\n      return html`<style>${appStyle}</style><style>${runtimeState.styleRef}</style>${typeof result === 'string' ? unsafeHTML(result) : 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      let copiedContainers: WeakSet<object> | undefined\n      for (const [path, value] of Object.entries(patch)) {\n        const segments = parseDataPath(path)\n        const topKey = segments[0]\n        if (!topKey || topKey === '$slots') {\n          continue\n        }\n        let nextValue = value\n        if (value !== null && typeof value === 'object') {\n          // 整体提交需刷新整个子树，新的外层对象也可能复用已原地修改的后代。\n          // 快照可保留内部别名，路径更新仍需按分支取得写入所有权。\n          nextValue = cloneCommittedValue(value)\n        }\n        else if (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        if (segments.length > 1) {\n          copiedContainers ??= new WeakSet<object>()\n        }\n        assignDataPath(this.#state, segments, nextValue, copiedContainers)\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      Object.assign(bound, this.#setupMethods)\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        const previous = this.#methods[key]\n        this.#methods[key] = fn\n        if (this.#exposedMethodNames.has(key)) {\n          const descriptor = Object.getOwnPropertyDescriptor(this, key)\n          if (!descriptor?.configurable || descriptor.value !== previous) {\n            continue\n          }\n        }\n        else if (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      releaseLegacyDatasetBindings(this.#renderContext)\n      this.#renderContext = createRenderContext(this, this.#methods)\n    }\n\n    __weappSync(nextMethods: ComponentOptions['methods']) {\n      this.#syncMethods(nextMethods)\n      trackAppStyle(this, this.#isMounted && runtimeState.inheritAppStyle)\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      resetLegacyDatasetRender(this.#renderContext)\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const root = resolveRenderRoot(this)\n      const appStyle = runtimeState.inheritAppStyle ? getAppStyle() : ''\n      const styleMarkup = `<style>${appStyle}</style><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      commitLegacyDatasetBindings(root, this.#renderContext)\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,8 +1,9 @@
 import { EVENT_ATTRIBUTE_PREFIXES, EVENT_FLAG_ATTRIBUTE_PREFIXES, decodeEventAttributeName } from "./constants.mjs";
 import { listenRuntimeEvent, nameRuntimeEventHandler } from "../componentEvents.mjs";
+import { readRuntimeDataset } from "../dataset.mjs";
 import { invokeMiniProgramEventHandler } from "../inputHandlerResult.mjs";
 
-//#region src/runtime/component/events.ts
+// src/runtime/component/events.ts
 function parseEventFlags(value) {
 	if (!value) return {
 		catch: false,
@@ -49,12 +50,12 @@ function bindRuntimeEvents(root, methods, instance) {
 			const flags = parseEventFlags(flagAttributeValue);
 			const listener = nameRuntimeEventHandler((nativeEvent) => {
 				if (flags.catch) nativeEvent.stopPropagation();
-				const dataset = { ...element.dataset };
+				const dataset = { ...readRuntimeDataset(element) };
 				const syntheticEvent = {
 					type: eventName,
 					timeStamp: nativeEvent.timeStamp,
 					detail: nativeEvent.detail ?? nativeEvent.data ?? void 0,
-					target: { dataset },
+					target: { dataset: readRuntimeDataset(nativeEvent.target) },
 					currentTarget: { dataset },
 					originalEvent: nativeEvent
 				};
@@ -77,6 +78,5 @@ function bindRuntimeEvents(root, methods, instance) {
 	}
 }
 
-//#endregion
 export { bindRuntimeEvents };
 //# sourceMappingURL=events.mjs.map

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 { listenRuntimeEvent, nameRuntimeEventHandler } from '../componentEvents'\nimport { invokeMiniProgramEventHandler } from '../inputHandlerResult'\nimport {\n  decodeEventAttributeName,\n  EVENT_ATTRIBUTE_PREFIXES,\n  EVENT_FLAG_ATTRIBUTE_PREFIXES,\n} from './constants'\n\ninterface RuntimeEventFlags {\n  catch: boolean\n  capture: boolean\n}\n\nfunction parseEventFlags(value: string | null): RuntimeEventFlags {\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\ninterface RuntimeEventBinding {\n  encodedEventName: string\n  flagAttributeValue: string | null\n  handler: (event: unknown) => unknown\n  instance: ComponentPublicInstance\n  dispose: () => void\n}\n\nconst runtimeEventBindings = new WeakMap<HTMLElement, Map<string, RuntimeEventBinding>>()\n\nfunction getEventFlagAttributeValue(element: HTMLElement, encodedEventName: string) {\n  for (const prefix of EVENT_FLAG_ATTRIBUTE_PREFIXES) {\n    const value = element.getAttribute(`${prefix}${encodedEventName}`)\n    if (value !== null) {\n      return value\n    }\n  }\n  return null\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    let bindings = runtimeEventBindings.get(element)\n    if (bindings) {\n      for (const [attribute, binding] of bindings) {\n        const handlerName = element.getAttribute(attribute)\n        if (\n          handlerName\n          && methods[handlerName] === binding.handler\n          && instance === binding.instance\n          && getEventFlagAttributeValue(element, binding.encodedEventName) === binding.flagAttributeValue\n        ) {\n          continue\n        }\n        binding.dispose()\n        bindings.delete(attribute)\n      }\n    }\n    for (const attribute of element.getAttributeNames()) {\n      if (bindings?.has(attribute)) {\n        continue\n      }\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 = getEventFlagAttributeValue(element, encodedEventName)\n      const flags = parseEventFlags(flagAttributeValue)\n      const listener = nameRuntimeEventHandler((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      }, eventName)\n      const dispose = listenRuntimeEvent(element, eventName, listener, flags.capture)\n      if (!bindings) {\n        bindings = new Map()\n        runtimeEventBindings.set(element, bindings)\n      }\n      bindings.set(attribute, { encodedEventName, flagAttributeValue, handler, instance, dispose })\n    }\n    if (bindings?.size === 0) {\n      runtimeEventBindings.delete(element)\n    }\n  }\n}\n"],"mappings":";;;;;AAcA,SAAS,gBAAgB,OAAyC;CAChE,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;AAUA,MAAM,uCAAuB,IAAI,QAAuD;AAExF,SAAS,2BAA2B,SAAsB,kBAA0B;CAClF,KAAK,MAAM,UAAU,+BAA+B;EAClD,MAAM,QAAQ,QAAQ,aAAa,GAAG,SAAS,kBAAkB;EACjE,IAAI,UAAU,MACZ,OAAO;CAEX;CACA,OAAO;AACT;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,IAAI,WAAW,qBAAqB,IAAI,OAAO;EAC/C,IAAI,UACF,KAAK,MAAM,CAAC,WAAW,YAAY,UAAU;GAC3C,MAAM,cAAc,QAAQ,aAAa,SAAS;GAClD,IACE,eACG,QAAQ,iBAAiB,QAAQ,WACjC,aAAa,QAAQ,YACrB,2BAA2B,SAAS,QAAQ,gBAAgB,MAAM,QAAQ,oBAE7E;GAEF,QAAQ,QAAQ;GAChB,SAAS,OAAO,SAAS;EAC3B;EAEF,KAAK,MAAM,aAAa,QAAQ,kBAAkB,GAAG;GACnD,IAAI,UAAU,IAAI,SAAS,GACzB;GAEF,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;GAC3D,MAAM,qBAAqB,2BAA2B,SAAS,gBAAgB;GAC/E,MAAM,QAAQ,gBAAgB,kBAAkB;GAChD,MAAM,WAAW,yBAAyB,gBAAgB;IACxD,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,SAAS;GACZ,MAAM,UAAU,mBAAmB,SAAS,WAAW,UAAU,MAAM,OAAO;GAC9E,IAAI,CAAC,UAAU;IACb,2BAAW,IAAI,IAAI;IACnB,qBAAqB,IAAI,SAAS,QAAQ;GAC5C;GACA,SAAS,IAAI,WAAW;IAAE;IAAkB;IAAoB;IAAS;IAAU;GAAQ,CAAC;EAC9F;EACA,IAAI,UAAU,SAAS,GACrB,qBAAqB,OAAO,OAAO;CAEvC;AACF"}
+{"version":3,"file":"events.mjs","names":[],"sources":["../../../src/runtime/component/events.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\nimport { listenRuntimeEvent, nameRuntimeEventHandler } from '../componentEvents'\nimport { readRuntimeDataset } from '../dataset'\nimport { invokeMiniProgramEventHandler } from '../inputHandlerResult'\nimport {\n  decodeEventAttributeName,\n  EVENT_ATTRIBUTE_PREFIXES,\n  EVENT_FLAG_ATTRIBUTE_PREFIXES,\n} from './constants'\n\ninterface RuntimeEventFlags {\n  catch: boolean\n  capture: boolean\n}\n\nfunction parseEventFlags(value: string | null): RuntimeEventFlags {\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\ninterface RuntimeEventBinding {\n  encodedEventName: string\n  flagAttributeValue: string | null\n  handler: (event: unknown) => unknown\n  instance: ComponentPublicInstance\n  dispose: () => void\n}\n\nconst runtimeEventBindings = new WeakMap<HTMLElement, Map<string, RuntimeEventBinding>>()\n\nfunction getEventFlagAttributeValue(element: HTMLElement, encodedEventName: string) {\n  for (const prefix of EVENT_FLAG_ATTRIBUTE_PREFIXES) {\n    const value = element.getAttribute(`${prefix}${encodedEventName}`)\n    if (value !== null) {\n      return value\n    }\n  }\n  return null\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    let bindings = runtimeEventBindings.get(element)\n    if (bindings) {\n      for (const [attribute, binding] of bindings) {\n        const handlerName = element.getAttribute(attribute)\n        if (\n          handlerName\n          && methods[handlerName] === binding.handler\n          && instance === binding.instance\n          && getEventFlagAttributeValue(element, binding.encodedEventName) === binding.flagAttributeValue\n        ) {\n          continue\n        }\n        binding.dispose()\n        bindings.delete(attribute)\n      }\n    }\n    for (const attribute of element.getAttributeNames()) {\n      if (bindings?.has(attribute)) {\n        continue\n      }\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 = getEventFlagAttributeValue(element, encodedEventName)\n      const flags = parseEventFlags(flagAttributeValue)\n      const listener = nameRuntimeEventHandler((nativeEvent) => {\n        if (flags.catch) {\n          nativeEvent.stopPropagation()\n        }\n        const dataset = { ...readRuntimeDataset(element) }\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: readRuntimeDataset(nativeEvent.target as Element | null),\n          },\n          currentTarget: {\n            dataset,\n          },\n          originalEvent: nativeEvent,\n        }\n        invokeMiniProgramEventHandler(handler, instance, syntheticEvent, nativeEvent)\n      }, eventName)\n      const dispose = listenRuntimeEvent(element, eventName, listener, flags.capture)\n      if (!bindings) {\n        bindings = new Map()\n        runtimeEventBindings.set(element, bindings)\n      }\n      bindings.set(attribute, { encodedEventName, flagAttributeValue, handler, instance, dispose })\n    }\n    if (bindings?.size === 0) {\n      runtimeEventBindings.delete(element)\n    }\n  }\n}\n"],"mappings":";;;;;;AAeA,SAAS,gBAAgB,OAAyC;CAChE,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;AAUA,MAAM,uCAAuB,IAAI,QAAuD;AAExF,SAAS,2BAA2B,SAAsB,kBAA0B;CAClF,KAAK,MAAM,UAAU,+BAA+B;EAClD,MAAM,QAAQ,QAAQ,aAAa,GAAG,SAAS,kBAAkB;EACjE,IAAI,UAAU,MACZ,OAAO;CAEX;CACA,OAAO;AACT;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,IAAI,WAAW,qBAAqB,IAAI,OAAO;EAC/C,IAAI,UACF,KAAK,MAAM,CAAC,WAAW,YAAY,UAAU;GAC3C,MAAM,cAAc,QAAQ,aAAa,SAAS;GAClD,IACE,eACG,QAAQ,iBAAiB,QAAQ,WACjC,aAAa,QAAQ,YACrB,2BAA2B,SAAS,QAAQ,gBAAgB,MAAM,QAAQ,oBAE7E;GAEF,QAAQ,QAAQ;GAChB,SAAS,OAAO,SAAS;EAC3B;EAEF,KAAK,MAAM,aAAa,QAAQ,kBAAkB,GAAG;GACnD,IAAI,UAAU,IAAI,SAAS,GACzB;GAEF,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;GAC3D,MAAM,qBAAqB,2BAA2B,SAAS,gBAAgB;GAC/E,MAAM,QAAQ,gBAAgB,kBAAkB;GAChD,MAAM,WAAW,yBAAyB,gBAAgB;IACxD,IAAI,MAAM,OACR,YAAY,gBAAgB;IAE9B,MAAM,UAAU,EAAE,GAAG,mBAAmB,OAAO,EAAE;IACjD,MAAM,iBAAiB;KACrB,MAAM;KACN,WAAW,YAAY;KACvB,QAAS,YAA4B,UAAW,YAA2B,QAAQ;KACnF,QAAQ,EACN,SAAS,mBAAmB,YAAY,MAAwB,EAClE;KACA,eAAe,EACb,QACF;KACA,eAAe;IACjB;IACA,8BAA8B,SAAS,UAAU,gBAAgB,WAAW;GAC9E,GAAG,SAAS;GACZ,MAAM,UAAU,mBAAmB,SAAS,WAAW,UAAU,MAAM,OAAO;GAC9E,IAAI,CAAC,UAAU;IACb,2BAAW,IAAI,IAAI;IACnB,qBAAqB,IAAI,SAAS,QAAQ;GAC5C;GACA,SAAS,IAAI,WAAW;IAAE;IAAkB;IAAoB;IAAS;IAAU;GAAQ,CAAC;EAC9F;EACA,IAAI,UAAU,SAAS,GACrB,qBAAqB,OAAO,OAAO;CAEvC;AACF"}

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

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

package/dist/runtime/component/index.mjs

@@ -4,7 +4,7 @@ import { createComponentElementClass } from "./element.mjs";
 import { createComponentRuntimeState, updateComponentRuntimeState } from "./state.mjs";
 import { LitElement } from "lit";
 
-//#region src/runtime/component/index.ts
+// src/runtime/component/index.ts
 function emitBehaviorWarnings(warnings) {
 	for (const warning of warnings) emitRuntimeWarning(warning, {
 		key: `component-behaviors:${warning}`,
@@ -39,6 +39,5 @@ function defineComponent(tagName, options) {
 	return WeappWebComponent;
 }
 
-//#endregion
 export { defineComponent };
 //# sourceMappingURL=index.mjs.map

package/dist/runtime/component/observers.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/component/observers.ts
+// src/runtime/component/observers.ts
 function normalizeObserverPattern(pattern) {
 	return pattern.split(",").map((item) => item.trim()).filter(Boolean);
 }
@@ -31,6 +31,5 @@ function runComponentObservers(component, instance, changedKeys, previousPropert
 	}
 }
 
-//#endregion
 export { runComponentObservers };
 //# sourceMappingURL=observers.mjs.map

package/dist/runtime/component/publicInstance.mjs

@@ -1,6 +1,6 @@
 import { hasOwn } from "../utils/object.mjs";
 
-//#region src/runtime/component/publicInstance.ts
+// src/runtime/component/publicInstance.ts
 const componentPublicInstanceTargets = /* @__PURE__ */ new WeakMap();
 function resolveComponentPublicInstanceTarget(value) {
 	if (!value || typeof value !== "object") return;
@@ -47,6 +47,5 @@ function createComponentPublicInstance(target, runtimePrototype, resolveComponen
 	return publicInstance;
 }
 
-//#endregion
 export { createComponentPublicInstance, resolveComponentPublicInstanceTarget };
 //# sourceMappingURL=publicInstance.mjs.map

package/dist/runtime/component/relations.mjs

@@ -1,7 +1,7 @@
 import { slugify } from "../../shared/slugify.mjs";
 import { posix } from "pathe";
 
-//#region src/runtime/component/relations.ts
+// src/runtime/component/relations.ts
 function resolveComposedParent(node) {
 	const assignedSlot = node.assignedSlot;
 	if (assignedSlot) return assignedSlot;
@@ -31,6 +31,5 @@ function resolveRelationNodes(instance, componentId, relationPath, type) {
 	return [];
 }
 
-//#endregion
 export { resolveRelationNodes };
 //# sourceMappingURL=relations.mjs.map

package/dist/runtime/component/slots.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/component/slots.ts
+// src/runtime/component/slots.ts
 function resolveSlotNames(value) {
 	if (Array.isArray(value)) return new Set(value.filter((name) => typeof name === "string" && name.length > 0));
 	if (!value || typeof value !== "object") return /* @__PURE__ */ new Set();
@@ -19,6 +19,5 @@ function createWebSlotsProxy(resolveValue) {
 	});
 }
 
-//#endregion
 export { createWebSlotsProxy };
 //# sourceMappingURL=slots.mjs.map

package/dist/runtime/component/state.mjs

@@ -2,7 +2,7 @@ import { hasOwn } from "../utils/object.mjs";
 import { cloneValue, hyphenate } from "./utils.mjs";
 import { normalizeBehaviors } from "./behavior.mjs";
 
-//#region src/runtime/component/state.ts
+// src/runtime/component/state.ts
 function normalizePropertyDeclaration(declaration) {
 	if (declaration === null || typeof declaration === "function") return { type: declaration };
 	return declaration;
@@ -76,6 +76,5 @@ function updateComponentRuntimeState(state, options) {
 	};
 }
 
-//#endregion
 export { createComponentRuntimeState, updateComponentRuntimeState };
 //# sourceMappingURL=state.mjs.map

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

@@ -1,5 +1,4 @@
 import { TemplateRenderer } from "../template.mjs";
-//#region src/runtime/component/types.d.ts
 export type DataRecord = Record<string, any>;
 export interface PropertyOption {
   type?: StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | null;
@@ -75,5 +74,4 @@ export interface ComponentPublicInstance extends HTMLElement {
 export type ComponentConstructor = CustomElementConstructor & {
   __weappUpdate?: (options: DefineComponentOptions) => void;
 };
-//#endregion
 //# sourceMappingURL=types.d.mts.map

package/dist/runtime/component/utils.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/component/utils.ts
+// src/runtime/component/utils.ts
 const ARRAY_INDEX_PATH_RE = /\[(\d+)\]/g;
 const ARRAY_INDEX_SEGMENT_RE = /^\d+$/;
 const UNSAFE_PATH_SEGMENTS = /* @__PURE__ */ new Set([
@@ -89,6 +89,5 @@ function coerceValue(value, type) {
 	return value;
 }
 
-//#endregion
 export { assignDataPath, cloneCommittedValue, cloneValue, coerceValue, hyphenate, parseDataPath, resolveDataPath, toCamelCase };
 //# sourceMappingURL=utils.mjs.map

package/dist/runtime/component/virtualHost.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/component/virtualHost.ts
+// src/runtime/component/virtualHost.ts
 function parseClassTokens(value) {
 	return new Set((value ?? "").split(/\s+/).filter(Boolean));
 }
@@ -78,6 +78,5 @@ function syncVirtualHostParts(root, previousRootElement, ownedPartTokens) {
 	return rootElement;
 }
 
-//#endregion
 export { clearVirtualHostClasses, clearVirtualHostParts, syncVirtualHostClasses, syncVirtualHostParts };
 //# sourceMappingURL=virtualHost.mjs.map

package/dist/runtime/componentEvents.mjs

@@ -1,6 +1,6 @@
 import { EVENT_KIND_ALIAS } from "../shared/wxml.mjs";
 
-//#region src/runtime/componentEvents.ts
+// src/runtime/componentEvents.ts
 const componentElements = /* @__PURE__ */ new WeakSet();
 const componentEvents = /* @__PURE__ */ new WeakSet();
 const handlerNames = /* @__PURE__ */ new WeakMap();
@@ -32,6 +32,5 @@ function listenRuntimeEvent(element, name, listener, capture = false) {
 	};
 }
 
-//#endregion
 export { listenRuntimeEvent, markComponentEvent, nameRuntimeEventHandler, registerComponentEventTarget };
 //# sourceMappingURL=componentEvents.mjs.map

package/dist/runtime/dataset.mjs

@@ -0,0 +1,49 @@
+// src/runtime/dataset.ts
+/** DOM 属性用于字符串查询，运行时 dataset 保留完整绑定表达式的值类型。 */
+const runtimeDatasetValues = /* @__PURE__ */ new WeakMap();
+const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
+const ASCII_UPPERCASE_RE = /[A-Z]/g;
+const DATASET_ATTRIBUTE_RE = /^data-[^A-Z]*$/;
+/** 与 setAttribute 保持一致，仅折叠 HTML 文档中 HTML 元素的 ASCII 大写。 */
+function normalizeDatasetAttributeName(element, attributeName) {
+	return element.namespaceURI === HTML_NAMESPACE && element.ownerDocument.contentType === "text/html" ? attributeName.replace(ASCII_UPPERCASE_RE, (character) => character.toLowerCase()) : attributeName;
+}
+/** 只转换连字符后的 ASCII 小写字母，与 DOMStringMap 和小程序命名规则一致。 */
+function toDatasetKey(attributeName) {
+	return attributeName.slice(5).replace(/-([a-z])/g, (_, char) => char.toUpperCase());
+}
+/** 保存本次绑定值，包括数字、布尔值及 null / undefined。 */
+function storeRuntimeDataset(element, attributeName, value) {
+	const name = normalizeDatasetAttributeName(element, attributeName);
+	if (!DATASET_ATTRIBUTE_RE.test(name)) return;
+	const values = runtimeDatasetValues.get(element) ?? /* @__PURE__ */ new Map();
+	values.set(name, value);
+	runtimeDatasetValues.set(element, values);
+}
+/** 释放指定绑定，不影响同一元素上其他拥有者的值。 */
+function clearRuntimeDataset(element, attributeName) {
+	const values = runtimeDatasetValues.get(element);
+	values?.delete(normalizeDatasetAttributeName(element, attributeName));
+	if (values?.size === 0) runtimeDatasetValues.delete(element);
+}
+/** 返回独立的 dataset 容器，对象和数组仍使用当前 Web 绑定值。 */
+function readRuntimeDataset(element) {
+	const result = { ...element?.dataset };
+	const values = element ? runtimeDatasetValues.get(element) : void 0;
+	if (element && values) for (const [attributeName, value] of values) {
+		if (element.getAttribute(attributeName) !== String(value ?? "")) {
+			clearRuntimeDataset(element, attributeName);
+			continue;
+		}
+		Object.defineProperty(result, toDatasetKey(attributeName), {
+			configurable: true,
+			enumerable: true,
+			value,
+			writable: true
+		});
+	}
+	return result;
+}
+
+export { clearRuntimeDataset, readRuntimeDataset, storeRuntimeDataset, toDatasetKey };
+//# sourceMappingURL=dataset.mjs.map

package/dist/runtime/dataset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataset.mjs","names":[],"sources":["../../src/runtime/dataset.ts"],"sourcesContent":["/** DOM 属性用于字符串查询，运行时 dataset 保留完整绑定表达式的值类型。 */\nconst runtimeDatasetValues = new WeakMap<Element, Map<string, unknown>>()\nconst HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml'\nconst ASCII_UPPERCASE_RE = /[A-Z]/g\nconst DATASET_ATTRIBUTE_RE = /^data-[^A-Z]*$/\n\n/** 与 setAttribute 保持一致，仅折叠 HTML 文档中 HTML 元素的 ASCII 大写。 */\nfunction normalizeDatasetAttributeName(element: Element, attributeName: string) {\n  return element.namespaceURI === HTML_NAMESPACE && element.ownerDocument.contentType === 'text/html'\n    ? attributeName.replace(ASCII_UPPERCASE_RE, character => character.toLowerCase())\n    : attributeName\n}\n\n/** 只转换连字符后的 ASCII 小写字母，与 DOMStringMap 和小程序命名规则一致。 */\nexport function toDatasetKey(attributeName: string) {\n  return attributeName.slice(5).replace(/-([a-z])/g, (_, char: string) => char.toUpperCase())\n}\n\n/** 保存本次绑定值，包括数字、布尔值及 null / undefined。 */\nexport function storeRuntimeDataset(element: Element, attributeName: string, value: unknown) {\n  const name = normalizeDatasetAttributeName(element, attributeName)\n  // SVG/XML 保留属性大小写；含 ASCII 大写的 data-* 不属于 DOMStringMap。\n  if (!DATASET_ATTRIBUTE_RE.test(name)) {\n    return\n  }\n  const values = runtimeDatasetValues.get(element) ?? new Map<string, unknown>()\n  values.set(name, value)\n  runtimeDatasetValues.set(element, values)\n}\n\n/** 释放指定绑定，不影响同一元素上其他拥有者的值。 */\nexport function clearRuntimeDataset(element: Element, attributeName: string) {\n  const values = runtimeDatasetValues.get(element)\n  values?.delete(normalizeDatasetAttributeName(element, attributeName))\n  if (values?.size === 0) {\n    runtimeDatasetValues.delete(element)\n  }\n}\n\n/** 返回独立的 dataset 容器，对象和数组仍使用当前 Web 绑定值。 */\nexport function readRuntimeDataset(element: Element | null | undefined): Record<string, unknown> {\n  const result: Record<string, unknown> = { ...(element as HTMLElement | null | undefined)?.dataset }\n  const values = element ? runtimeDatasetValues.get(element) : undefined\n  if (element && values) {\n    for (const [attributeName, value] of values) {\n      // 显式 DOM 修改优先，避免旁路值遮蔽业务直接更新或移除的属性。\n      if (element.getAttribute(attributeName) !== String(value ?? '')) {\n        clearRuntimeDataset(element, attributeName)\n        continue\n      }\n      Object.defineProperty(result, toDatasetKey(attributeName), {\n        configurable: true,\n        enumerable: true,\n        value,\n        writable: true,\n      })\n    }\n  }\n  return result\n}\n"],"mappings":";;AACA,MAAM,uCAAuB,IAAI,QAAuC;AACxE,MAAM,iBAAiB;AACvB,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;;AAG7B,SAAS,8BAA8B,SAAkB,eAAuB;CAC9E,OAAO,QAAQ,iBAAiB,kBAAkB,QAAQ,cAAc,gBAAgB,cACpF,cAAc,QAAQ,qBAAoB,cAAa,UAAU,YAAY,CAAC,IAC9E;AACN;;AAGA,SAAgB,aAAa,eAAuB;CAClD,OAAO,cAAc,MAAM,CAAC,CAAC,CAAC,QAAQ,cAAc,GAAG,SAAiB,KAAK,YAAY,CAAC;AAC5F;;AAGA,SAAgB,oBAAoB,SAAkB,eAAuB,OAAgB;CAC3F,MAAM,OAAO,8BAA8B,SAAS,aAAa;CAEjE,IAAI,CAAC,qBAAqB,KAAK,IAAI,GACjC;CAEF,MAAM,SAAS,qBAAqB,IAAI,OAAO,qBAAK,IAAI,IAAqB;CAC7E,OAAO,IAAI,MAAM,KAAK;CACtB,qBAAqB,IAAI,SAAS,MAAM;AAC1C;;AAGA,SAAgB,oBAAoB,SAAkB,eAAuB;CAC3E,MAAM,SAAS,qBAAqB,IAAI,OAAO;CAC/C,QAAQ,OAAO,8BAA8B,SAAS,aAAa,CAAC;CACpE,IAAI,QAAQ,SAAS,GACnB,qBAAqB,OAAO,OAAO;AAEvC;;AAGA,SAAgB,mBAAmB,SAA8D;CAC/F,MAAM,SAAkC,EAAE,GAAI,SAA4C,QAAQ;CAClG,MAAM,SAAS,UAAU,qBAAqB,IAAI,OAAO,IAAI;CAC7D,IAAI,WAAW,QACb,KAAK,MAAM,CAAC,eAAe,UAAU,QAAQ;EAE3C,IAAI,QAAQ,aAAa,aAAa,MAAM,OAAO,SAAS,EAAE,GAAG;GAC/D,oBAAoB,SAAS,aAAa;GAC1C;EACF;EACA,OAAO,eAAe,QAAQ,aAAa,aAAa,GAAG;GACzD,cAAc;GACd,YAAY;GACZ;GACA,UAAU;EACZ,CAAC;CACH;CAEF,OAAO;AACT"}

package/dist/runtime/datasetBinding.d.mts

@@ -0,0 +1,13 @@
+import { AsyncDirective, ElementPart, PartInfo } from "lit/async-directive.js";
+/** ElementPart 不提交返回值，绑定指令显式维护属性与对应的运行时值。 */
+declare class RuntimeDatasetBindingDirective extends AsyncDirective {
+  #private;
+  constructor(partInfo: PartInfo);
+  render(_attributeName: string, _value: unknown): symbol;
+  update(part: ElementPart, [attributeName, value]: Parameters<this['render']>): symbol;
+  protected disconnected(): void;
+  protected reconnected(): void;
+}
+export declare const bindRuntimeDataset: (_attributeName: string, _value: unknown) => import("lit/async-directive.js").DirectiveResult<typeof RuntimeDatasetBindingDirective>;
+export {};
+//# sourceMappingURL=datasetBinding.d.mts.map

package/dist/runtime/datasetBinding.mjs

@@ -0,0 +1,40 @@
+import { clearRuntimeDataset, storeRuntimeDataset } from "./dataset.mjs";
+import { noChange } from "lit";
+import { AsyncDirective, PartType, directive } from "lit/async-directive.js";
+
+// src/runtime/datasetBinding.ts
+/** ElementPart 不提交返回值，绑定指令显式维护属性与对应的运行时值。 */
+var RuntimeDatasetBindingDirective = class extends AsyncDirective {
+	#element;
+	#attributeName;
+	#value;
+	constructor(partInfo) {
+		super(partInfo);
+		if (partInfo.type !== PartType.ELEMENT) throw new TypeError("Runtime dataset bindings must be used in an element expression.");
+	}
+	render(_attributeName, _value) {
+		return noChange;
+	}
+	update(part, [attributeName, value]) {
+		if (this.#element && this.#attributeName && (part.element !== this.#element || attributeName !== this.#attributeName)) {
+			clearRuntimeDataset(this.#element, this.#attributeName);
+			this.#element.removeAttribute(this.#attributeName);
+		}
+		this.#element = part.element;
+		this.#attributeName = attributeName;
+		this.#value = value;
+		part.element.setAttribute(attributeName, String(value ?? ""));
+		if (this.isConnected) storeRuntimeDataset(part.element, attributeName, value);
+		return noChange;
+	}
+	disconnected() {
+		if (this.#element && this.#attributeName) clearRuntimeDataset(this.#element, this.#attributeName);
+	}
+	reconnected() {
+		if (this.#element && this.#attributeName) storeRuntimeDataset(this.#element, this.#attributeName, this.#value);
+	}
+};
+const bindRuntimeDataset = directive(RuntimeDatasetBindingDirective);
+
+export { bindRuntimeDataset };
+//# sourceMappingURL=datasetBinding.mjs.map

package/dist/runtime/datasetBinding.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasetBinding.mjs","names":[],"sources":["../../src/runtime/datasetBinding.ts"],"sourcesContent":["import type { ElementPart, PartInfo } from 'lit/async-directive.js'\nimport { noChange } from 'lit'\nimport { AsyncDirective, directive, PartType } from 'lit/async-directive.js'\nimport { clearRuntimeDataset, storeRuntimeDataset } from './dataset'\n\n/** ElementPart 不提交返回值，绑定指令显式维护属性与对应的运行时值。 */\nclass RuntimeDatasetBindingDirective extends AsyncDirective {\n  #element?: Element\n  #attributeName?: string\n  #value: unknown\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo)\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new TypeError('Runtime dataset bindings must be used in an element expression.')\n    }\n  }\n\n  render(_attributeName: string, _value: unknown) {\n    return noChange\n  }\n\n  update(part: ElementPart, [attributeName, value]: Parameters<this['render']>) {\n    if (this.#element && this.#attributeName && (part.element !== this.#element || attributeName !== this.#attributeName)) {\n      clearRuntimeDataset(this.#element, this.#attributeName)\n      this.#element.removeAttribute(this.#attributeName)\n    }\n    this.#element = part.element\n    this.#attributeName = attributeName\n    this.#value = value\n    part.element.setAttribute(attributeName, String(value ?? ''))\n    if (this.isConnected) {\n      storeRuntimeDataset(part.element, attributeName, value)\n    }\n    return noChange\n  }\n\n  protected disconnected() {\n    if (this.#element && this.#attributeName) {\n      clearRuntimeDataset(this.#element, this.#attributeName)\n    }\n  }\n\n  protected reconnected() {\n    if (this.#element && this.#attributeName) {\n      storeRuntimeDataset(this.#element, this.#attributeName, this.#value)\n    }\n  }\n}\n\nexport const bindRuntimeDataset = directive(RuntimeDatasetBindingDirective)\n"],"mappings":";;;;;;AAMA,IAAM,iCAAN,cAA6C,eAAe;CAC1D;CACA;CACA;CAEA,YAAY,UAAoB;EAC9B,MAAM,QAAQ;EACd,IAAI,SAAS,SAAS,SAAS,SAC7B,MAAM,IAAI,UAAU,iEAAiE;CAEzF;CAEA,OAAO,gBAAwB,QAAiB;EAC9C,OAAO;CACT;CAEA,OAAO,MAAmB,CAAC,eAAe,QAAoC;EAC5E,IAAI,KAAK,YAAY,KAAK,mBAAmB,KAAK,YAAY,KAAK,YAAY,kBAAkB,KAAK,iBAAiB;GACrH,oBAAoB,KAAK,UAAU,KAAK,cAAc;GACtD,KAAK,SAAS,gBAAgB,KAAK,cAAc;EACnD;EACA,KAAK,WAAW,KAAK;EACrB,KAAK,iBAAiB;EACtB,KAAK,SAAS;EACd,KAAK,QAAQ,aAAa,eAAe,OAAO,SAAS,EAAE,CAAC;EAC5D,IAAI,KAAK,aACP,oBAAoB,KAAK,SAAS,eAAe,KAAK;EAExD,OAAO;CACT;CAEA,AAAU,eAAe;EACvB,IAAI,KAAK,YAAY,KAAK,gBACxB,oBAAoB,KAAK,UAAU,KAAK,cAAc;CAE1D;CAEA,AAAU,cAAc;EACtB,IAAI,KAAK,YAAY,KAAK,gBACxB,oBAAoB,KAAK,UAAU,KAAK,gBAAgB,KAAK,MAAM;CAEvE;AACF;AAEA,MAAa,qBAAqB,UAAU,8BAA8B"}

package/dist/runtime/eventBinding.d.mts

@@ -1,5 +1,4 @@
 import { AsyncDirective, ElementPart, PartInfo } from "lit/async-directive.js";
-//#region src/runtime/eventBinding.d.ts
 interface RuntimeEventFlags {
   capture?: boolean;
 }
@@ -12,5 +11,5 @@ declare class RuntimeEventBindingDirective extends AsyncDirective {
   protected reconnected(): void;
 }
 export declare const bindRuntimeEvent: (_eventName: string, _listener: EventListener, _flags?: RuntimeEventFlags | undefined) => import("lit/async-directive.js").DirectiveResult<typeof RuntimeEventBindingDirective>;
-//#endregion
+export {};
 //# sourceMappingURL=eventBinding.d.mts.map

package/dist/runtime/eventBinding.mjs

@@ -2,7 +2,7 @@ import { listenRuntimeEvent } from "./componentEvents.mjs";
 import { nothing } from "lit";
 import { AsyncDirective, PartType, directive } from "lit/async-directive.js";
 
-//#region src/runtime/eventBinding.ts
+// src/runtime/eventBinding.ts
 var RuntimeEventBindingDirective = class extends AsyncDirective {
 	#capture = false;
 	#element;
@@ -49,6 +49,5 @@ var RuntimeEventBindingDirective = class extends AsyncDirective {
 };
 const bindRuntimeEvent = directive(RuntimeEventBindingDirective);
 
-//#endregion
 export { bindRuntimeEvent };
 //# sourceMappingURL=eventBinding.mjs.map

package/dist/runtime/execution.d.mts

@@ -1,6 +1,4 @@
-//#region src/runtime/execution.d.ts
 export type RuntimeExecutionMode = 'compat' | 'safe' | 'strict';
 export declare function getRuntimeExecutionMode(): RuntimeExecutionMode;
 export declare function setRuntimeExecutionMode(mode?: RuntimeExecutionMode | string): void;
-//#endregion
 //# sourceMappingURL=execution.d.mts.map

package/dist/runtime/execution.mjs

@@ -1,6 +1,6 @@
 import { emitRuntimeWarning } from "./warning.mjs";
 
-//#region src/runtime/execution.ts
+// src/runtime/execution.ts
 let currentRuntimeExecutionMode = "compat";
 const warnedMessages = /* @__PURE__ */ new Set();
 function isRuntimeExecutionMode(value) {
@@ -32,6 +32,5 @@ function setRuntimeExecutionMode(mode) {
 	currentRuntimeExecutionMode = "compat";
 }
 
-//#endregion
 export { getRuntimeExecutionMode, setRuntimeExecutionMode, warnRuntimeExecutionOnce };
 //# sourceMappingURL=execution.mjs.map

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

@@ -1,5 +1,4 @@
 import { WebRuntimeClipboard, WebRuntimeDialogs, WebRuntimeHost, WebRuntimeStorage } from "./types.mjs";
-//#region src/runtime/host/index.d.ts
 export declare function getWebRuntimeHost(): Readonly<WebRuntimeHost>;
 export declare function setWebRuntimeHost(host?: WebRuntimeHost): void;
 export declare function resetWebRuntimeHost(): void;
@@ -8,6 +7,5 @@ export declare function getRuntimeStorage(): WebRuntimeStorage | undefined;
 export declare function getRuntimeClipboard(): WebRuntimeClipboard | undefined;
 export declare function getRuntimeDialogs(): WebRuntimeDialogs;
 export declare function openRuntimeUrl(url?: string, target?: string, features?: string): unknown;
-//#endregion
 export type { WebRuntimeClipboard, WebRuntimeDialogs, WebRuntimeHost, WebRuntimeStorage };
 //# sourceMappingURL=index.d.mts.map