@weapp-vite/web 1.6.0 → 2.0.0

package/dist/plugin/vueSfc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vueSfc.mjs","names":[],"sources":["../../src/plugin/vueSfc.ts"],"sourcesContent":["import type { NodePath } from '@babel/traverse'\nimport type { CallExpression } from '@babel/types'\nimport type { VueTransformResult } from 'wevu/compiler'\nimport type { ModuleMeta, ResolveWebAutoImportTag, ResolveWebModuleId, ScanState, WebStylePreprocessOptions } from './types'\nimport { parse } from '@babel/parser'\nimport _babelTraverse from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { fs } from '@weapp-core/shared/fs'\nimport { transform } from 'esbuild'\nimport MagicString from 'magic-string'\nimport path from 'pathe'\nimport { compileVueFile, isUniAppCompatibilityFile, transformUniAppSource } from 'wevu/compiler'\nimport { compileWxml } from '../compiler/wxml'\nimport { resolveScriptFile } from './files'\nimport { appendInlineQuery, resolveTemplatePathSync, resolveWxsPathSync, toRelativeImport } from './path'\n\nconst traverse = _babelTraverse\n\nasync function resolveSfcSrc(\n  request: string,\n  importer: string,\n  srcRoot: string,\n  resolveId?: ResolveWebModuleId,\n) {\n  if (request.startsWith('@/')) {\n    return path.resolve(srcRoot, request.slice(2))\n  }\n  if (request.startsWith('.')) {\n    return path.resolve(path.dirname(importer), request)\n  }\n  if (request.startsWith('/')) {\n    return path.resolve(srcRoot, request.slice(1))\n  }\n  return await resolveId?.(request, importer)\n}\n\nexport async function compileWebVueSfc(options: {\n  source: string\n  filename: string\n  meta: ModuleMeta\n  srcRoot: string\n  state: ScanState\n  resolveId?: ResolveWebModuleId\n  resolveAutoImportTag?: ResolveWebAutoImportTag\n  uniApp?: { include: string[] }\n  stylePreprocessOptions?: WebStylePreprocessOptions\n}) {\n  const { filename, meta, srcRoot, state, resolveId, resolveAutoImportTag, uniApp, stylePreprocessOptions } = options\n  const source = uniApp && isUniAppCompatibilityFile(filename, srcRoot, uniApp.include)\n    ? transformUniAppSource(options.source, { filename, target: 'h5' }).code\n    : options.source\n  const result = await compileVueFile(source, filename, {\n    isApp: meta.kind === 'app',\n    isPage: meta.kind === 'page',\n    sourceMap: false,\n    style: {\n      preprocessOptions: stylePreprocessOptions,\n      preserveDeepSelectors: true,\n      transformScoped: false,\n    },\n    json: { kind: meta.kind },\n    autoUsingComponents: {\n      enabled: true,\n      resolveUsingComponentPath: async (request, importer) => {\n        const base = request.startsWith('@/')\n          ? path.resolve(srcRoot, request.slice(2))\n          : request.startsWith('.')\n            ? path.resolve(path.dirname(importer), request)\n            : request.startsWith('/')\n              ? path.resolve(srcRoot, request.slice(1))\n              : undefined\n        if (!base) {\n          return undefined\n        }\n        const resolvedId = await resolveScriptFile(base)\n        if (!resolvedId) {\n          return undefined\n        }\n        return {\n          from: request,\n          resolvedId,\n          sourceType: resolvedId.endsWith('.vue') ? 'wevu-sfc' : 'native',\n        }\n      },\n    },\n    autoImportTags: {\n      enabled: Boolean(resolveAutoImportTag),\n      resolveUsingComponent: async (tag, importer) => resolveAutoImportTag?.(tag, importer),\n    },\n    sfcSrc: {\n      resolveId: async (request, importer) => {\n        return resolveSfcSrc(request, importer!, srcRoot, resolveId)\n      },\n    },\n  })\n  state.sfcResults.set(filename, result)\n  for (const dependency of result.meta?.sfcSrcDeps ?? []) {\n    state.templatePathSet.add(dependency)\n  }\n  return result\n}\n\nexport async function ensureWebVueSfcResult(options: {\n  filename: string\n  meta: ModuleMeta\n  srcRoot: string\n  state: ScanState\n  source?: string\n  resolveId?: ResolveWebModuleId\n  resolveAutoImportTag?: ResolveWebAutoImportTag\n  uniApp?: { include: string[] }\n  stylePreprocessOptions?: WebStylePreprocessOptions\n}) {\n  const cached = options.state.sfcResults.get(options.filename)\n  if (cached) {\n    return cached\n  }\n  const source = options.source ?? await fs.readFile(options.filename, 'utf8')\n  return await compileWebVueSfc({ ...options, source })\n}\n\nfunction getSfcRegisterName(kind: ModuleMeta['kind']) {\n  return kind === 'app' ? 'registerWebWevuApp' : 'registerWebWevuComponent'\n}\n\nfunction getSfcFactoryName(kind: ModuleMeta['kind']) {\n  return kind === 'app' ? 'createApp' : 'createWevuComponent'\n}\n\nfunction createRegisterMetaCode(meta: ModuleMeta, templateIdent?: string, styleIdent?: string) {\n  const parts = [`id: ${JSON.stringify(meta.id)}`, `kind: ${JSON.stringify(meta.kind)}`]\n  if (templateIdent) {\n    parts.push(`template: ${templateIdent}`)\n  }\n  if (styleIdent) {\n    parts.push(`style: ${styleIdent}`)\n  }\n  if (meta.navigationBar) {\n    parts.push(`navigationBar: ${JSON.stringify(meta.navigationBar)}`)\n  }\n  return `{ ${parts.join(', ')} }`\n}\n\nexport async function transformWebVueSfcScript(options: {\n  code: string\n  filename: string\n  meta: ModuleMeta\n  runtimeModuleId: string\n  styleLanguage: string\n  enableHmr: boolean\n  hmrAcceptCode?: string\n}) {\n  const { code, filename, meta, runtimeModuleId, styleLanguage, enableHmr, hmrAcceptCode } = options\n  const ast = parse(code, {\n    sourceType: 'module',\n    plugins: ['typescript', 'jsx'],\n    ranges: true,\n  })\n  const s = new MagicString(code)\n  const templateIdent = meta.kind === 'app' ? undefined : '__weapp_sfc_template__'\n  const styleIdent = meta.kind === 'app' ? undefined : '__weapp_sfc_style__'\n  const registerName = getSfcRegisterName(meta.kind)\n  const factoryName = getSfcFactoryName(meta.kind)\n  const registerMetaCode = createRegisterMetaCode(meta, templateIdent, styleIdent)\n  let transformed = false\n\n  traverse(ast, {\n    CallExpression(nodePath: NodePath<CallExpression>) {\n      const callee = nodePath.node.callee\n      if (!t.isIdentifier(callee, { name: factoryName })) {\n        return\n      }\n      s.overwrite(callee.start!, callee.end!, registerName)\n      s.appendLeft(nodePath.node.end! - 1, `, ${registerMetaCode}`)\n      transformed = true\n    },\n  })\n\n  if (!transformed) {\n    throw new Error(`[@weapp-vite/web] Vue SFC 未生成 ${factoryName} 注册调用: ${filename}`)\n  }\n\n  const imports = [`import { ${registerName} } from '${runtimeModuleId}'`]\n  if (templateIdent) {\n    imports.push(`import ${templateIdent} from '${toRelativeImport(filename, filename)}?weapp-web-sfc-template'`)\n  }\n  if (styleIdent) {\n    const styleFilename = `${filename}.${styleLanguage}`\n    imports.push(`import ${styleIdent} from '${appendInlineQuery(`${toRelativeImport(filename, styleFilename)}?weapp-web-sfc-style`)}'`)\n  }\n  s.prepend(`${imports.join('\\n')}\\n`)\n  if (enableHmr && hmrAcceptCode) {\n    s.append(`\\n${hmrAcceptCode}\\n`)\n  }\n  const transpiled = await transform(s.toString(), {\n    format: 'esm',\n    legalComments: 'inline',\n    loader: 'ts',\n    sourcefile: filename,\n    sourcemap: 'external',\n    target: 'es2022',\n  })\n  return {\n    code: transpiled.code,\n    map: JSON.parse(transpiled.map),\n  }\n}\n\nexport function generateWebVueSfcTemplate(\n  result: VueTransformResult,\n  meta: ModuleMeta,\n  filename: string,\n  srcRoot: string,\n) {\n  const compiled = compileWxml({\n    id: filename,\n    source: result.template ?? '',\n    navigationBar: meta.navigationBar ? { config: meta.navigationBar } : undefined,\n    componentTags: meta.componentTags,\n    resolveTemplatePath: (request, importer) => resolveTemplatePathSync(request, importer, srcRoot),\n    resolveWxsPath: (request, importer) => resolveWxsPathSync(request, importer, srcRoot),\n  })\n  return compiled\n}\n\nexport function resolveWebVueSfcStyleLanguage(result: VueTransformResult, filename: string) {\n  const languages = new Set(\n    (result.meta?.styleBlocks ?? []).map(style => style.lang?.trim() || 'css'),\n  )\n  for (const language of languages) {\n    if (!/^[a-z][a-z0-9-]*$/i.test(language)) {\n      throw new Error(`[@weapp-vite/web] Vue SFC 样式语言无效: ${filename} -> ${language}`)\n    }\n  }\n  const preprocessLanguages = [...languages].filter(language => language !== 'css')\n  if (preprocessLanguages.length > 1) {\n    throw new Error(`[@weapp-vite/web] Vue SFC 暂不支持混合样式语言: ${filename}`)\n  }\n  return preprocessLanguages[0] ?? 'css'\n}\n\nexport function generateWebVueSfcStyle(result: VueTransformResult) {\n  return result.style ?? ''\n}\n"],"mappings":"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"}
+{"version":3,"file":"vueSfc.mjs","names":[],"sources":["../../src/plugin/vueSfc.ts"],"sourcesContent":["import type { NodePath } from '@babel/traverse'\nimport type { CallExpression } from '@babel/types'\nimport type { VueTransformResult } from 'wevu/compiler'\nimport type { ModuleMeta, ResolveWebAutoImportTag, ResolveWebModuleId, ScanState, WebStylePreprocessOptions } from './types'\nimport { parse } from '@babel/parser'\nimport _babelTraverse from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { fs } from '@weapp-core/shared/fs'\nimport { transform } from 'esbuild'\nimport MagicString from 'magic-string'\nimport path from 'pathe'\nimport { compileVueFile, getMiniProgramTemplatePlatform, isUniAppCompatibilityFile, transformUniAppSource } from 'wevu/compiler'\nimport { compileWxml } from '../compiler/wxml'\nimport { resolveScriptFile } from './files'\nimport { appendInlineQuery, normalizePath, resolveTemplatePathSync, resolveWxsPathSync, toRelativeImport } from './path'\n\nconst traverse = _babelTraverse\nconst webTemplatePlatform = { ...getMiniProgramTemplatePlatform('weapp'), nativeSlotContext: false }\n\nasync function resolveSfcSrc(\n  request: string,\n  importer: string,\n  srcRoot: string,\n  resolveId?: ResolveWebModuleId,\n) {\n  if (request.startsWith('@/')) {\n    return path.resolve(srcRoot, request.slice(2))\n  }\n  if (request.startsWith('.')) {\n    return path.resolve(path.dirname(importer), request)\n  }\n  if (request.startsWith('/')) {\n    return path.resolve(srcRoot, request.slice(1))\n  }\n  return await resolveId?.(request, importer)\n}\n\nexport async function compileWebVueSfc(options: {\n  source: string\n  filename: string\n  meta: ModuleMeta\n  srcRoot: string\n  state: ScanState\n  resolveId?: ResolveWebModuleId\n  resolveAutoImportTag?: ResolveWebAutoImportTag\n  uniApp?: { include: string[] }\n  stylePreprocessOptions?: WebStylePreprocessOptions\n}) {\n  const { filename, meta, srcRoot, state, resolveId, resolveAutoImportTag, uniApp, stylePreprocessOptions } = options\n  const source = uniApp && isUniAppCompatibilityFile(filename, srcRoot, uniApp.include)\n    ? transformUniAppSource(options.source, { filename, target: 'h5' }).code\n    : options.source\n  const result = await compileVueFile(source, filename, {\n    isApp: meta.kind === 'app',\n    isPage: meta.kind === 'page',\n    sourceMap: false,\n    template: { platform: webTemplatePlatform },\n    style: {\n      preprocessOptions: stylePreprocessOptions,\n      preserveDeepSelectors: true,\n      transformScoped: false,\n    },\n    json: { kind: meta.kind },\n    autoUsingComponents: {\n      enabled: true,\n      resolveUsingComponentPath: async (request, importer) => {\n        const base = request.startsWith('@/')\n          ? path.resolve(srcRoot, request.slice(2))\n          : request.startsWith('.')\n            ? path.resolve(path.dirname(importer), request)\n            : request.startsWith('/')\n              ? path.resolve(srcRoot, request.slice(1))\n              : undefined\n        if (!base) {\n          return undefined\n        }\n        const resolvedId = await resolveScriptFile(base)\n        if (!resolvedId) {\n          return undefined\n        }\n        return {\n          from: request,\n          resolvedId,\n          sourceType: resolvedId.endsWith('.vue') ? 'wevu-sfc' : 'native',\n        }\n      },\n    },\n    autoImportTags: {\n      enabled: Boolean(resolveAutoImportTag),\n      resolveUsingComponent: async (tag, importer) => resolveAutoImportTag?.(tag, importer),\n    },\n    sfcSrc: {\n      resolveId: async (request, importer) => {\n        return resolveSfcSrc(request, importer!, srcRoot, resolveId)\n      },\n    },\n  })\n  state.sfcResults.set(normalizePath(filename), result)\n  for (const dependency of result.meta?.sfcSrcDeps ?? []) {\n    state.templatePathSet.add(dependency)\n  }\n  return result\n}\n\nexport async function ensureWebVueSfcResult(options: {\n  filename: string\n  meta: ModuleMeta\n  srcRoot: string\n  state: ScanState\n  source?: string\n  resolveId?: ResolveWebModuleId\n  resolveAutoImportTag?: ResolveWebAutoImportTag\n  uniApp?: { include: string[] }\n  stylePreprocessOptions?: WebStylePreprocessOptions\n}) {\n  const cached = options.state.sfcResults.get(normalizePath(options.filename))\n  if (cached) {\n    return cached\n  }\n  const source = options.source ?? await fs.readFile(options.filename, 'utf8')\n  return await compileWebVueSfc({ ...options, source })\n}\n\nfunction getSfcRegisterName(kind: ModuleMeta['kind']) {\n  return kind === 'app' ? 'registerWebWevuApp' : 'registerWebWevuComponent'\n}\n\nfunction getSfcFactoryName(kind: ModuleMeta['kind']) {\n  return kind === 'app' ? 'createApp' : 'createWevuComponent'\n}\n\nfunction createRegisterMetaCode(meta: ModuleMeta, templateIdent?: string, styleIdent?: string) {\n  const parts = [`id: ${JSON.stringify(meta.id)}`, `kind: ${JSON.stringify(meta.kind)}`]\n  if (templateIdent) {\n    parts.push(`template: ${templateIdent}`)\n  }\n  if (styleIdent) {\n    parts.push(`style: ${styleIdent}`)\n  }\n  if (meta.navigationBar) {\n    parts.push(`navigationBar: ${JSON.stringify(meta.navigationBar)}`)\n  }\n  return `{ ${parts.join(', ')} }`\n}\n\nexport async function transformWebVueSfcScript(options: {\n  code: string\n  filename: string\n  meta: ModuleMeta\n  runtimeModuleId: string\n  styleLanguage: string\n  enableHmr: boolean\n  hmrAcceptCode?: string\n}) {\n  const { code, filename, meta, runtimeModuleId, styleLanguage, enableHmr, hmrAcceptCode } = options\n  const ast = parse(code, {\n    sourceType: 'module',\n    plugins: ['typescript', 'jsx'],\n    ranges: true,\n  })\n  const s = new MagicString(code)\n  const templateIdent = meta.kind === 'app' ? undefined : '__weapp_sfc_template__'\n  const styleIdent = '__weapp_sfc_style__'\n  const registerName = getSfcRegisterName(meta.kind)\n  const factoryName = getSfcFactoryName(meta.kind)\n  const registerMetaCode = createRegisterMetaCode(meta, templateIdent, styleIdent)\n  let transformed = false\n\n  traverse(ast, {\n    CallExpression(nodePath: NodePath<CallExpression>) {\n      const callee = nodePath.node.callee\n      if (!t.isIdentifier(callee, { name: factoryName })) {\n        return\n      }\n      s.overwrite(callee.start!, callee.end!, registerName)\n      s.appendLeft(nodePath.node.end! - 1, `, ${registerMetaCode}`)\n      transformed = true\n    },\n  })\n\n  if (!transformed) {\n    throw new Error(`[@weapp-vite/web] Vue SFC 未生成 ${factoryName} 注册调用: ${filename}`)\n  }\n\n  const imports = [`import { ${registerName} } from '${runtimeModuleId}'`]\n  if (templateIdent) {\n    imports.push(`import ${templateIdent} from '${toRelativeImport(filename, filename)}?weapp-web-sfc-template'`)\n  }\n  const styleFilename = `${filename}.${styleLanguage}`\n  imports.push(`import ${styleIdent} from '${appendInlineQuery(`${toRelativeImport(filename, styleFilename)}?weapp-web-sfc-style`)}'`)\n  s.prepend(`${imports.join('\\n')}\\n`)\n  if (enableHmr && hmrAcceptCode) {\n    s.append(`\\n${hmrAcceptCode}\\n`)\n  }\n  const transpiled = await transform(s.toString(), {\n    format: 'esm',\n    legalComments: 'inline',\n    loader: 'ts',\n    sourcefile: filename,\n    sourcemap: 'external',\n    target: 'es2022',\n  })\n  return {\n    code: transpiled.code,\n    map: JSON.parse(transpiled.map),\n  }\n}\n\nexport function generateWebVueSfcTemplate(\n  result: VueTransformResult,\n  meta: ModuleMeta,\n  filename: string,\n  srcRoot: string,\n) {\n  const compiled = compileWxml({\n    id: filename,\n    source: result.template ?? '',\n    navigationBar: meta.navigationBar ? { config: meta.navigationBar } : undefined,\n    componentTags: meta.componentTags,\n    resolveTemplatePath: (request, importer) => resolveTemplatePathSync(request, importer, srcRoot),\n    resolveWxsPath: (request, importer) => resolveWxsPathSync(request, importer, srcRoot),\n  })\n  return compiled\n}\n\nexport function resolveWebVueSfcStyleLanguage(result: VueTransformResult, filename: string) {\n  const languages = new Set(\n    (result.meta?.styleBlocks ?? []).map(style => style.lang?.trim() || 'css'),\n  )\n  for (const language of languages) {\n    if (!/^[a-z][a-z0-9-]*$/i.test(language)) {\n      throw new Error(`[@weapp-vite/web] Vue SFC 样式语言无效: ${filename} -> ${language}`)\n    }\n  }\n  const preprocessLanguages = [...languages].filter(language => language !== 'css')\n  if (preprocessLanguages.length > 1) {\n    throw new Error(`[@weapp-vite/web] Vue SFC 暂不支持混合样式语言: ${filename}`)\n  }\n  return preprocessLanguages[0] ?? 'css'\n}\n\nexport function generateWebVueSfcStyle(result: VueTransformResult) {\n  return result.style ?? ''\n}\n"],"mappings":"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"}

package/dist/runtime/appStyle.mjs

@@ -0,0 +1,25 @@
+import { injectStyle, removeStyle } from "./style.mjs";
+
+//#region src/runtime/appStyle.ts
+const styleId = "weapp-web-app-style";
+const consumers = /* @__PURE__ */ new Set();
+let appStyle = "";
+function getAppStyle() {
+	return appStyle;
+}
+/** 应用样式是页面及非隔离组件的共享输入；主题变量通过 document 自然继承。 */
+function setAppStyle(style) {
+	if (style === appStyle) return;
+	appStyle = style;
+	if (style) injectStyle(style, styleId);
+	else removeStyle(styleId);
+	for (const consumer of consumers) consumer.requestUpdate();
+}
+function trackAppStyle(consumer, enabled) {
+	if (enabled) consumers.add(consumer);
+	else consumers.delete(consumer);
+}
+
+//#endregion
+export { getAppStyle, setAppStyle, trackAppStyle };
+//# sourceMappingURL=appStyle.mjs.map

package/dist/runtime/appStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"appStyle.mjs","names":[],"sources":["../../src/runtime/appStyle.ts"],"sourcesContent":["import { injectStyle, removeStyle } from './style'\n\ninterface AppStyleConsumer {\n  requestUpdate: () => unknown\n}\n\nconst styleId = 'weapp-web-app-style'\nconst consumers = new Set<AppStyleConsumer>()\nlet appStyle = ''\n\nexport function getAppStyle() {\n  return appStyle\n}\n\n/** 应用样式是页面及非隔离组件的共享输入；主题变量通过 document 自然继承。 */\nexport function setAppStyle(style: string) {\n  if (style === appStyle) {\n    return\n  }\n  appStyle = style\n  if (style) {\n    injectStyle(style, styleId)\n  }\n  else {\n    removeStyle(styleId)\n  }\n  for (const consumer of consumers) {\n    consumer.requestUpdate()\n  }\n}\n\nexport function trackAppStyle(consumer: AppStyleConsumer, enabled: boolean) {\n  if (enabled) {\n    consumers.add(consumer)\n  }\n  else {\n    consumers.delete(consumer)\n  }\n}\n"],"mappings":";;;AAMA,MAAM,UAAU;AAChB,MAAM,4BAAY,IAAI,IAAsB;AAC5C,IAAI,WAAW;AAEf,SAAgB,cAAc;CAC5B,OAAO;AACT;;AAGA,SAAgB,YAAY,OAAe;CACzC,IAAI,UAAU,UACZ;CAEF,WAAW;CACX,IAAI,OACF,YAAY,OAAO,OAAO;MAG1B,YAAY,OAAO;CAErB,KAAK,MAAM,YAAY,WACrB,SAAS,cAAc;AAE3B;AAEA,SAAgB,cAAc,UAA4B,SAAkB;CAC1E,IAAI,SACF,UAAU,IAAI,QAAQ;MAGtB,UAAU,OAAO,QAAQ;AAE7B"}

package/dist/runtime/component/element.mjs

@@ -1,16 +1,18 @@
+import { getAppStyle, trackAppStyle } from "../appStyle.mjs";
 import { supportsLit } from "./constants.mjs";
+import { markComponentEvent, registerComponentEventTarget } from "../componentEvents.mjs";
+import { hasOwn } from "../utils/object.mjs";
 import { createComponentPublicInstance } from "./publicInstance.mjs";
 import { createIntersectionObserverBridge } from "../polyfill/intersectionObserver.mjs";
 import { createRenderContext } from "../renderContext.mjs";
-import { hasOwn } from "../utils/object.mjs";
 import { createScopedSelectorQuery, resolveRenderRoot, selectRuntimeComponent, selectRuntimeComponents } from "./dom.mjs";
 import { bindRuntimeEvents } from "./events.mjs";
 import { runComponentObservers } from "./observers.mjs";
 import { resolveRelationNodes } from "./relations.mjs";
 import { createWebSlotsProxy } from "./slots.mjs";
-import { assignDataPath, cloneValue, coerceValue, parseDataPath, resolveDataPath, toCamelCase } from "./utils.mjs";
+import { assignDataPath, cloneCommittedValue, cloneValue, coerceValue, parseDataPath, resolveDataPath, toCamelCase } from "./utils.mjs";
 import { clearVirtualHostClasses, clearVirtualHostParts, syncVirtualHostClasses, syncVirtualHostParts } from "./virtualHost.mjs";
-import { WEVU_HOST_COMMIT_PROMISE_KEY } from "@weapp-core/constants";
+import { WEVU_HOST_COMMIT_PROMISE_KEY, WEVU_HOST_INSTALL_METHOD_KEY } from "@weapp-core/constants";
 import { html } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
@@ -35,6 +37,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		#state;
 		#properties;
 		#methods = {};
+		#setupMethods = {};
 		#publicInstance;
 		#exposedMethodNames = /* @__PURE__ */ new Set();
 		#isMounted = false;
@@ -53,6 +56,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		properties;
 		constructor() {
 			super();
+			registerComponentEventTarget(this);
 			const dataOption = runtimeState.componentRef.data ?? {};
 			this.#properties = { ...runtimeState.defaultPropertyValues };
 			this.#state = {
@@ -76,7 +80,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 					get: () => this.#properties
 				}
 			});
-			this.#publicInstance = createComponentPublicInstance(this, WeappWebComponent.prototype, (key) => typeof key === "string" ? this.#methods[key] : void 0);
+			this.#publicInstance = createComponentPublicInstance(this, WeappWebComponent.prototype, (key) => typeof key === "string" ? this.#methods[key] : void 0, this.#properties);
 			for (const [propName] of runtimeState.propertyEntries) Object.defineProperty(this, propName, {
 				configurable: true,
 				enumerable: true,
@@ -116,11 +120,18 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			callback?.();
 		}
 		triggerEvent(name, detail, options = {}) {
-			this.dispatchEvent(new CustomEvent(name, {
+			this.dispatchEvent(markComponentEvent(new CustomEvent(name, {
 				detail,
 				bubbles: options.bubbles ?? false,
 				composed: options.composed ?? false
-			}));
+			})));
+		}
+		[WEVU_HOST_INSTALL_METHOD_KEY](methods) {
+			const bound = {};
+			for (const [name, method] of Object.entries(methods)) bound[name] = method.bind(this.#publicInstance);
+			this.#setupMethods = bound;
+			this.#syncMethods(runtimeState.componentRef.methods);
+			this.requestUpdate();
 		}
 		createSelectorQuery() {
 			return createScopedSelectorQuery(this);
@@ -146,18 +157,21 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			}
 		}
 		connectedCallback() {
+			instances.add(this);
 			const superConnected = BaseElement.prototype.connectedCallback;
 			if (supportsLit && typeof superConnected === "function") superConnected.call(this);
 			this.#applyAttributes();
 			if (runtimeState.observerInitEnabled) this.#runInitialObservers();
 			runtimeState.lifetimes.attached?.call(this.#publicInstance);
 			this.#isMounted = true;
-			if (!supportsLit) this.#renderLegacy();
+			trackAppStyle(this, runtimeState.inheritAppStyle);
+			this.requestUpdate();
 		}
 		disconnectedCallback() {
 			const superDisconnected = BaseElement.prototype.disconnectedCallback;
 			if (supportsLit && typeof superDisconnected === "function") superDisconnected.call(this);
 			this.#isMounted = false;
+			trackAppStyle(this, false);
 			instances.delete(this);
 			runtimeState.lifetimes.detached?.call(this.#publicInstance);
 		}
@@ -179,14 +193,9 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		}
 		render() {
 			const result = runtimeState.templateRef(this.#state, this.#renderContext);
-			const styleMarkup = runtimeState.styleRef ? html`<style>${runtimeState.styleRef}</style>` : null;
-			if (typeof result === "string") {
-				this.#usesLegacyTemplate = true;
-				return html`${styleMarkup}${unsafeHTML(result)}`;
-			}
-			this.#usesLegacyTemplate = false;
-			if (styleMarkup) return html`${styleMarkup}${result}`;
-			return result;
+			const appStyle = runtimeState.inheritAppStyle ? getAppStyle() : "";
+			this.#usesLegacyTemplate = typeof result === "string";
+			return html`<style>${appStyle}</style><style>${runtimeState.styleRef}</style>${typeof result === "string" ? unsafeHTML(result) : result}`;
 		}
 		requestUpdate(name, oldValue, options) {
 			const superRequestUpdate = BaseElement.prototype.requestUpdate;
@@ -202,12 +211,17 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			let changed = false;
 			const changedKeys = [];
 			const previousProperties = {};
+			let copiedContainers;
 			for (const [path, value] of Object.entries(patch)) {
 				const segments = parseDataPath(path);
 				const topKey = segments[0];
-				if (!topKey || topKey === "$slots" || Object.is(resolveDataPath(this.#state, segments), value)) continue;
+				if (!topKey || topKey === "$slots") continue;
+				let nextValue = value;
+				if (value !== null && typeof value === "object") nextValue = cloneCommittedValue(value);
+				else if (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 (segments.length > 1) copiedContainers ??= /* @__PURE__ */ new WeakSet();
+				assignDataPath(this.#state, segments, nextValue, copiedContainers);
 				if (hasOwn(this.#properties, topKey)) this.#properties[topKey] = this.#state[topKey];
 				changedKeys.push(path);
 				changed = true;
@@ -244,6 +258,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			const resolved = nextMethods ?? {};
 			const bound = {};
 			for (const [name, fn] of Object.entries(resolved)) if (typeof fn === "function") bound[name] = fn.bind(this.#publicInstance);
+			Object.assign(bound, this.#setupMethods);
 			for (const name of this.#exposedMethodNames) {
 				if (name in bound) continue;
 				const descriptor = Object.getOwnPropertyDescriptor(this, name);
@@ -252,8 +267,12 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			}
 			for (const key of Object.keys(this.#methods)) if (!(key in bound)) delete this.#methods[key];
 			for (const [key, fn] of Object.entries(bound)) {
+				const previous = this.#methods[key];
 				this.#methods[key] = fn;
-				if (!this.#exposedMethodNames.has(key) && key in this) continue;
+				if (this.#exposedMethodNames.has(key)) {
+					const descriptor = Object.getOwnPropertyDescriptor(this, key);
+					if (!descriptor?.configurable || descriptor.value !== previous) continue;
+				} else if (key in this) continue;
 				Object.defineProperty(this, key, {
 					configurable: true,
 					enumerable: false,
@@ -266,6 +285,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		}
 		__weappSync(nextMethods) {
 			this.#syncMethods(nextMethods);
+			trackAppStyle(this, this.#isMounted && runtimeState.inheritAppStyle);
 			this.requestUpdate();
 		}
 		__weappInvokePageLifetime(type) {
@@ -275,7 +295,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		#renderLegacy() {
 			const result = runtimeState.templateRef(this.#state, this.#renderContext);
 			const root = resolveRenderRoot(this);
-			const styleMarkup = runtimeState.styleRef ? `<style>${runtimeState.styleRef}</style>` : "";
+			const styleMarkup = `<style>${runtimeState.inheritAppStyle ? getAppStyle() : ""}</style><style>${runtimeState.styleRef}</style>`;
 			if (typeof result === "string") {
 				root.innerHTML = `${styleMarkup}${result}`;
 				bindRuntimeEvents(root, this.#methods, this);

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 } 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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"}
+{"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":";;;;;;;;;;;;;;;;;;;AA6CA,SAAS,sBAAsB,MAA8B;CAC3D,MAAM,eAAgB,KAAiB;CACvC,IAAI,cACF,OAAO;CAET,IAAI,KAAK,YACP,OAAO,KAAK;CAEd,MAAM,OAAO,KAAK,cAAc;CAChC,OAAO,gBAAgB,aAAa,KAAK,OAAO;AAClD;AAEA,SAAS,yBAAyB,OAAiD;CACjF,OAAO,QACL,SACG,OAAO,UAAU,YACjB,OAAQ,MAAiC,gBAAgB,UAC9D;AACF;AAEA,SAAgB,4BAA4B,EAC1C,aACA,cACA,aACiE;CACjE,MAAM,qBAAqB;CAG3B,MAAM,0BAA0B,mBAAqD;EACnF,WAAW,qBAAqB;GAC9B,MAAM,YAAY,MAAM,sBAAsB,CAAC;GAC/C,OAAO,MAAM,qBAAK,IAAI,IAAI,CAAC,GAAG,WAAW,GAAG,aAAa,kBAAkB,CAAC,CAAC;EAC/E;EAEA;EACA;EACA,WAAgD,CAAC;EACjD,gBAAyD,CAAC;EAC1D;EACA,sCAAsB,IAAI,IAAY;EACtC,aAAa;EACb,iBAAiB,oBAAoB,MAAM,CAAC,CAAC;EAC7C,sBAAsB;EACtB,cAAc;EACd,oBAAoB;EACpB,gCAAgB,IAAI,IAAY;EAChC,0CAA0B,IAAI,IAAY;EAC1C,yCAAyB,IAAI,IAAY;EACzC;EACA,wBAAwB;EACxB;EACA;EACA,AAAS;EACT,AAAS;EAET,cAAc;GACZ,MAAM;GACN,6BAA6B,IAAI;GACjC,MAAM,aAAa,aAAa,aAAa,QAAQ,CAAC;GACtD,KAAK,cAAc,EAAE,GAAG,aAAa,sBAAsB;GAC3D,KAAK,SAAS;IAAE,GAAG,WAAW,KAAK,WAAW;IAAG,GAAG,WAAW,UAAU;GAAE;GAC3E,OAAO,eAAe,KAAK,QAAQ,UAAU;IAC3C,cAAc;IACd,YAAY;IACZ,OAAO,0BAA0B,KAAK,OAAO,QAAQ;GACvD,CAAC;GACD,OAAO,iBAAiB,MAAM;IAC5B,MAAM;KACJ,cAAc;KACd,YAAY;KACZ,WAAW,KAAK;IAClB;IACA,YAAY;KACV,cAAc;KACd,YAAY;KACZ,WAAW,KAAK;IAClB;GACF,CAAC;GACD,KAAK,kBAAkB,8BACrB,MACA,kBAAkB,YAClB,QAAO,OAAO,QAAQ,WAAW,KAAK,SAAS,OAAO,QACtD,KAAK,WACP;GACA,KAAK,MAAM,CAAC,aAAa,aAAa,iBACpC,OAAO,eAAe,MAAM,UAAU;IACpC,cAAc;IACd,YAAY;IACZ,WAAW,KAAK,OAAO;IACvB,MAAK,UAAS,KAAK,aAAa,UAAU,KAAK;GACjD,CAAC;GAEH,KAAK,aAAa,aAAa,aAAa,WAAW,CAAC,CAAC;GACzD,IAAI,CAAC,aAAa;IAChB,MAAM,OAAO;IACb,IAAI,CAAC,KAAK,cAAc,OAAO,KAAK,iBAAiB,YACnD,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;IAEnC,AAAC,KAAa,aAAa,KAAK,cAAc;GACjD;GACA,UAAU,IAAI,IAAI;GAClB,aAAa,UAAU,SAAS,KAAK,KAAK,eAAe;EAC3D;EAEA,KAAK,gCAAgC;GAEnC,IAAI,CAAC,aACH;GAIF,MAAM,SAAS,KAAW;GAC1B,OAAO,KAAK,sBAAsB,SAAS,KAAK,qBAAqB;EACvE;EAEA,QAAQ,OAAmB,UAAuB;GAChD,MAAM,UAAU,KAAK,gBAAgB,KAAK;GAC1C,IAAI,gBAAgB,WAAW,KAAK,wBAAwB;IAC1D,IAAI,CAAC,SACH,KAAK,cAAc;IAIrB,MAAM,SAAS,KAAW;IAC1B,MAAM,gBAAgB,OAAO,WACrB;KACJ,KAAK,wBAAwB;KAC7B,WAAW;IACb,IACC,UAAU;KACT,KAAK,wBAAwB;KAC7B,MAAM;IACR,CACF;IACA,KAAK,qBAAqB;IAC1B,KAAK,oBAAoB;IACzB,OAAO;GACT;GACA,WAAW;EACb;EAEA,aAAa,MAAc,QAAc,UAA+B,CAAC,GAAG;GAC1E,KAAK,cAAc,mBAAmB,IAAI,YAAY,MAAM;IAC1D;IACA,SAAS,QAAQ,WAAW;IAC5B,UAAU,QAAQ,YAAY;GAChC,CAAC,CAAC,CAAC;EACL;EAEA,CAAC,8BAA8B,SAA4D;GACzF,MAAM,QAAiD,CAAC;GACxD,KAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,OAAO,GACjD,MAAM,QAAQ,OAAO,KAAK,KAAK,eAAe;GAEhD,KAAK,gBAAgB;GACrB,KAAK,aAAa,aAAa,aAAa,OAAO;GACnD,KAAK,cAAc;EACrB;EAEA,sBAAsB;GACpB,OAAO,0BAA0B,IAAI;EACvC;EAEA,2BAA2B,SAIxB;GACD,OAAO,iCAAiC,MAAM,OAAO;EACvD;EAEA,gBAAgB,UAAkB;GAChC,OAAO,uBAAuB,MAAM,QAAQ;EAC9C;EAEA,oBAAoB,UAAkB;GACpC,OAAO,wBAAwB,MAAM,QAAQ;EAC/C;EAEA,iBAAiB,cAAsB;GACrC,MAAM,WAAW,aAAa,aAAa,YAAY;GACvD,OAAO,WACH,qBAAqB,MAAM,aAAa,IAAI,cAAc,SAAS,IAAI,IACvE,CAAC;EACP;EAEA,uBAAuB;GACrB,IAAI,UAAU,sBAAsB,IAAI;GACxC,OAAO,SAAS;IACd,IAAI,yBAAyB,OAAO,GAClC,OAAO;IAET,UAAU,sBAAsB,OAAO;GACzC;EAEF;EAEA,oBAAoB;GAClB,UAAU,IAAI,IAAI;GAClB,MAAM,iBAAkB,YAAY,UAAiD;GACrF,IAAI,eAAe,OAAO,mBAAmB,YAC3C,eAAe,KAAK,IAAI;GAE1B,KAAK,iBAAiB;GACtB,IAAI,aAAa,qBACf,KAAK,qBAAqB;GAE5B,aAAa,UAAU,UAAU,KAAK,KAAK,eAAe;GAC1D,KAAK,aAAa;GAClB,cAAc,MAAM,aAAa,eAAe;GAChD,KAAK,cAAc;EACrB;EAEA,uBAAuB;GACrB,MAAM,oBAAqB,YAAY,UAAoD;GAC3F,IAAI,eAAe,OAAO,sBAAsB,YAC9C,kBAAkB,KAAK,IAAI;GAE7B,KAAK,aAAa;GAClB,cAAc,MAAM,KAAK;GACzB,UAAU,OAAO,IAAI;GACrB,aAAa,UAAU,UAAU,KAAK,KAAK,eAAe;EAC5D;EAEA,yBAAyB,UAAkB,UAAyB,UAAyB;GAC3F,MAAM,wBAAyB,YAAY,UAExC;GACH,IAAI,eAAe,OAAO,0BAA0B,YAClD,sBAAsB,KAAK,MAAM,UAAU,UAAU,QAAQ;GAE/D,MAAM,WAAW,YAAY,QAAQ;GACrC,IAAI,CAAC,OAAO,KAAK,aAAa,QAAQ,GACpC;GAEF,MAAM,aAAa,aAAa,aAAa,aAAa;GAC1D,KAAK,aAAa,UAAU,YAAY,UAAU,YAAY,IAAI,CAAC;EACrE;EAEA,eAAe;GACb,aAAa,UAAU,OAAO,KAAK,KAAK,eAAe;GACvD,KAAK,cAAc;EACrB;EAEA,UAAU;GACR,KAAK,wBAAwB;GAC7B,IAAI,KAAK,qBACP,kBAAkB,kBAAkB,IAAI,GAAG,KAAK,UAAU,IAAI;EAElE;EAEA,SAAS;GACP,MAAM,SAAS,aAAa,YAAY,KAAK,QAAQ,KAAK,cAAc;GACxE,MAAM,WAAW,aAAa,kBAAkB,YAAY,IAAI;GAChE,KAAK,sBAAsB,OAAO,WAAW;GAC7C,OAAO,IAAI,UAAU,SAAS,iBAAiB,aAAa,SAAS,UAAU,OAAO,WAAW,WAAW,WAAW,MAAM,IAAI;EACnI;EAEA,cAAc,MAAoB,UAAoB,SAAmB;GACvE,MAAM,qBAAsB,YAAY,UAAkB;GAC1D,IAAI,eAAe,OAAO,uBAAuB,YAC/C,OAAO,mBAAmB,KAAK,MAAM,MAAM,UAAU,OAAO;GAE9D,IAAI,KAAK,YACP,KAAK,cAAc;EAGvB;EAEA,mBAAmB;GACjB,IAAI,CAAC,KAAK,cAAc,OAAO,KAAK,WAAW,OAAO,cAAc,YAClE;GAEF,KAAK,MAAM,QAAQ,KAAK,YACtB,KAAK,yBAAyB,KAAK,MAAM,MAAM,KAAK,KAAK;EAE7D;EAEA,gBAAgB,OAAmB;GACjC,IAAI,CAAC,SAAS,OAAO,UAAU,UAC7B,OAAO;GAET,IAAI,UAAU;GACd,MAAM,cAAwB,CAAC;GAC/B,MAAM,qBAAiC,CAAC;GACxC,IAAI;GACJ,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,KAAK,GAAG;IACjD,MAAM,WAAW,cAAc,IAAI;IACnC,MAAM,SAAS,SAAS;IACxB,IAAI,CAAC,UAAU,WAAW,UACxB;IAEF,IAAI,YAAY;IAChB,IAAI,UAAU,QAAQ,OAAO,UAAU,UAGrC,YAAY,oBAAoB,KAAK;SAElC,IAAI,OAAO,GAAG,gBAAgB,KAAK,QAAQ,QAAQ,GAAG,KAAK,GAC9D;IAEF,IAAI,OAAO,KAAK,aAAa,MAAM,KAAK,CAAC,OAAO,oBAAoB,MAAM,GACxE,mBAAmB,UAAU,KAAK,YAAY;IAEhD,IAAI,SAAS,SAAS,GACpB,qCAAqB,IAAI,QAAgB;IAE3C,eAAe,KAAK,QAAQ,UAAU,WAAW,gBAAgB;IACjE,IAAI,OAAO,KAAK,aAAa,MAAM,GACjC,KAAK,YAAY,UAAU,KAAK,OAAO;IAEzC,YAAY,KAAK,IAAI;IACrB,UAAU;GACZ;GACA,IAAI,SAAS;IACX,KAAK,cAAc;IACnB,sBAAsB,aAAa,cAAc,KAAK,iBAAiB,aAAa,kBAAkB;IACtG,KAAK,MAAM,OAAO,aAChB,IAAI,aAAa,aAAa,aAAa,IAAI,EAAE,UAC/C,KAAK,cAAc,IAAI,GAAG;GAGhC;GACA,OAAO;EACT;EAEA,aAAa,MAAc,OAAY;GACrC,MAAM,aAAa,aAAa,aAAa,aAAa;GAC1D,MAAM,UAAU,YAAY,OAAO,YAAY,IAAI;GACnD,MAAM,WAAW,KAAK,YAAY;GAClC,IAAI,aAAa,SACf;GAEF,KAAK,YAAY,QAAQ;GACzB,KAAK,OAAO,QAAQ;GACpB,IAAI,KAAK,YACP,KAAK,cAAc;GAErB,sBAAsB,aAAa,cAAc,KAAK,iBAAiB,CAAC,IAAI,GAAG,GAAG,OAAO,SAAS,CAAC;GACnG,IAAI,YAAY,UACd,KAAK,cAAc,IAAI,IAAI;EAE/B;EAEA,uBAAuB;GACrB,IAAI,KAAK,mBACP;GAEF,KAAK,oBAAoB;GACzB,KAAK,MAAM,CAAC,UAAU,eAAe,aAAa,iBAAiB;IACjE,IAAI,CAAC,WAAW,YAAY,KAAK,cAAc,IAAI,QAAQ,GACzD;IAEF,MAAM,QAAQ,KAAK,OAAO;IAC1B,WAAW,SAAS,KAAK,KAAK,iBAAiB,OAAO,MAAS;IAC/D,KAAK,cAAc,IAAI,QAAQ;GACjC;EACF;EAEA,aAAa,aAA0C;GACrD,MAAM,WAAW,eAAe,CAAC;GACjC,MAAM,QAA6C,CAAC;GACpD,KAAK,MAAM,CAAC,MAAM,OAAO,OAAO,QAAQ,QAAQ,GAC9C,IAAI,OAAO,OAAO,YAChB,MAAM,QAAQ,GAAG,KAAK,KAAK,eAAe;GAG9C,OAAO,OAAO,OAAO,KAAK,aAAa;GACvC,KAAK,MAAM,QAAQ,KAAK,qBAAqB;IAC3C,IAAI,QAAQ,OACV;IAEF,MAAM,aAAa,OAAO,yBAAyB,MAAM,IAAI;IAC7D,IAAI,YAAY,gBAAgB,WAAW,UAAU,KAAK,SAAS,OACjE,OAAQ,KAA4C;IAEtD,KAAK,oBAAoB,OAAO,IAAI;GACtC;GACA,KAAK,MAAM,OAAO,OAAO,KAAK,KAAK,QAAQ,GACzC,IAAI,EAAE,OAAO,QACX,OAAO,KAAK,SAAS;GAGzB,KAAK,MAAM,CAAC,KAAK,OAAO,OAAO,QAAQ,KAAK,GAAG;IAC7C,MAAM,WAAW,KAAK,SAAS;IAC/B,KAAK,SAAS,OAAO;IACrB,IAAI,KAAK,oBAAoB,IAAI,GAAG,GAAG;KACrC,MAAM,aAAa,OAAO,yBAAyB,MAAM,GAAG;KAC5D,IAAI,CAAC,YAAY,gBAAgB,WAAW,UAAU,UACpD;IAEJ,OACK,IAAI,OAAO,MACd;IAEF,OAAO,eAAe,MAAM,KAAK;KAC/B,cAAc;KACd,YAAY;KACZ,UAAU;KACV,OAAO;IACT,CAAC;IACD,KAAK,oBAAoB,IAAI,GAAG;GAClC;GACA,KAAK,iBAAiB,oBAAoB,MAAM,KAAK,QAAQ;EAC/D;EAEA,YAAY,aAA0C;GACpD,KAAK,aAAa,WAAW;GAC7B,cAAc,MAAM,KAAK,cAAc,aAAa,eAAe;GACnE,KAAK,cAAc;EACrB;EAEA,0BAA0B,MAA+B;GACvD,MAAM,OAAO,aAAa,cAAc;GACxC,IAAI,OAAO,SAAS,YAClB,KAAK,KAAK,KAAK,eAAe;EAElC;EAEA,gBAAgB;GACd,MAAM,SAAS,aAAa,YAAY,KAAK,QAAQ,KAAK,cAAc;GACxE,MAAM,OAAO,kBAAkB,IAAI;GAEnC,MAAM,cAAc,UADH,aAAa,kBAAkB,YAAY,IAAI,GACzB,iBAAiB,aAAa,SAAS;GAC9E,IAAI,OAAO,WAAW,UAAU;IAC9B,KAAK,YAAY,GAAG,cAAc;IAClC,kBAAkB,MAAoB,KAAK,UAAU,IAAI;GAC3D,OACK,IAAI,UAAU,MACjB,KAAK,YAAY;QAGjB,KAAK,YAAY,GAAG,cAAc,OAAO,MAAM;GAEjD,KAAK,wBAAwB;GAC7B,IAAI,CAAC,KAAK,aAAa;IACrB,aAAa,UAAU,OAAO,KAAK,KAAK,eAAe;IACvD,KAAK,cAAc;GACrB;EACF;EAEA,0BAA0B;GACxB,MAAM,OAAO;GACb,IAAI,CAAC,aAAa,aAAa,SAAS,aAAa;IACnD,wBAAwB,MAAM,KAAK,uBAAuB;IAC1D,sBAAsB,KAAK,yBAAyB,KAAK,sBAAsB;IAC/E,KAAK,0BAA0B;IAC/B;GACF;GACA,MAAM,OAAO,kBAAkB,IAAI;GACnC,uBAAuB,MAAM,MAAM,KAAK,uBAAuB;GAC/D,KAAK,0BAA0B,qBAC7B,MACA,KAAK,yBACL,KAAK,sBACP;EACF;CACF;CAEA,OAAO;AACT"}

package/dist/runtime/component/events.mjs

@@ -1,4 +1,5 @@
 import { EVENT_ATTRIBUTE_PREFIXES, EVENT_FLAG_ATTRIBUTE_PREFIXES, decodeEventAttributeName } from "./constants.mjs";
+import { listenRuntimeEvent, nameRuntimeEventHandler } from "../componentEvents.mjs";
 import { invokeMiniProgramEventHandler } from "../inputHandlerResult.mjs";
 
 //#region src/runtime/component/events.ts
@@ -14,12 +15,28 @@ function parseEventFlags(value) {
 		capture: tokenSet.has("capture")
 	};
 }
+const runtimeEventBindings = /* @__PURE__ */ new WeakMap();
+function getEventFlagAttributeValue(element, encodedEventName) {
+	for (const prefix of EVENT_FLAG_ATTRIBUTE_PREFIXES) {
+		const value = element.getAttribute(`${prefix}${encodedEventName}`);
+		if (value !== null) return value;
+	}
+	return null;
+}
 function bindRuntimeEvents(root, methods, instance) {
 	if (typeof document === "undefined") return;
 	const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);
 	while (walker.nextNode()) {
 		const element = walker.currentNode;
+		let bindings = runtimeEventBindings.get(element);
+		if (bindings) for (const [attribute, binding] of bindings) {
+			const handlerName = element.getAttribute(attribute);
+			if (handlerName && methods[handlerName] === binding.handler && instance === binding.instance && getEventFlagAttributeValue(element, binding.encodedEventName) === binding.flagAttributeValue) continue;
+			binding.dispose();
+			bindings.delete(attribute);
+		}
 		for (const attribute of element.getAttributeNames()) {
+			if (bindings?.has(attribute)) continue;
 			const matchedPrefix = EVENT_ATTRIBUTE_PREFIXES.find((prefix) => attribute.startsWith(prefix));
 			if (!matchedPrefix || EVENT_FLAG_ATTRIBUTE_PREFIXES.some((prefix) => attribute.startsWith(prefix))) continue;
 			const handlerName = element.getAttribute(attribute);
@@ -28,8 +45,9 @@ function bindRuntimeEvents(root, methods, instance) {
 			if (!handler) continue;
 			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) => {
+			const flagAttributeValue = getEventFlagAttributeValue(element, encodedEventName);
+			const flags = parseEventFlags(flagAttributeValue);
+			const listener = nameRuntimeEventHandler((nativeEvent) => {
 				if (flags.catch) nativeEvent.stopPropagation();
 				const dataset = { ...element.dataset };
 				const syntheticEvent = {
@@ -41,8 +59,21 @@ function bindRuntimeEvents(root, methods, instance) {
 					originalEvent: nativeEvent
 				};
 				invokeMiniProgramEventHandler(handler, instance, syntheticEvent, nativeEvent);
-			}, flags.capture);
+			}, eventName);
+			const dispose = listenRuntimeEvent(element, eventName, listener, flags.capture);
+			if (!bindings) {
+				bindings = /* @__PURE__ */ new Map();
+				runtimeEventBindings.set(element, bindings);
+			}
+			bindings.set(attribute, {
+				encodedEventName,
+				flagAttributeValue,
+				handler,
+				instance,
+				dispose
+			});
 		}
+		if (bindings?.size === 0) runtimeEventBindings.delete(element);
 	}
 }
 

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 { 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"}
+{"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"}

package/dist/runtime/component/publicInstance.mjs

@@ -1,15 +1,18 @@
+import { hasOwn } from "../utils/object.mjs";
+
 //#region src/runtime/component/publicInstance.ts
 const componentPublicInstanceTargets = /* @__PURE__ */ new WeakMap();
 function resolveComponentPublicInstanceTarget(value) {
 	if (!value || typeof value !== "object") return;
 	return componentPublicInstanceTargets.get(value);
 }
-function createComponentPublicInstance(target, runtimePrototype, resolveComponentMethod) {
+function createComponentPublicInstance(target, runtimePrototype, resolveComponentMethod, componentProperties) {
 	const runtimeMethods = /* @__PURE__ */ new Map();
 	const publicInstance = new Proxy(target, {
 		get(instance, key) {
-			if (Reflect.getOwnPropertyDescriptor(instance, key)) return Reflect.get(instance, key, instance);
-			if (Reflect.getOwnPropertyDescriptor(runtimePrototype, key)) {
+			const ownDescriptor = Reflect.getOwnPropertyDescriptor(instance, key);
+			if (ownDescriptor && (!ownDescriptor.configurable || !componentProperties || !hasOwn(componentProperties, key))) return Reflect.get(instance, key, instance);
+			if (Reflect.getOwnPropertyDescriptor(runtimePrototype, key) && !ownDescriptor) {
 				const value = Reflect.get(instance, key, instance);
 				if (typeof value !== "function") return value;
 				const cached = runtimeMethods.get(key);
@@ -23,6 +26,7 @@ function createComponentPublicInstance(target, runtimePrototype, resolveComponen
 			}
 			const componentMethod = resolveComponentMethod?.(key);
 			if (typeof componentMethod === "function") return componentMethod;
+			if (ownDescriptor) return Reflect.get(instance, key, instance);
 			return typeof key === "symbol" ? Reflect.get(instance, key, instance) : void 0;
 		},
 		set(instance, key, value) {

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

@@ -1 +1 @@
-{"version":3,"file":"publicInstance.mjs","names":[],"sources":["../../../src/runtime/component/publicInstance.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\n\nconst componentPublicInstanceTargets = new WeakMap<object, ComponentPublicInstance>()\n\nexport function resolveComponentPublicInstanceTarget(value: unknown) {\n  if (!value || typeof value !== 'object') {\n    return undefined\n  }\n  return componentPublicInstanceTargets.get(value)\n}\n\nexport function createComponentPublicInstance(\n  target: ComponentPublicInstance,\n  runtimePrototype: object,\n  resolveComponentMethod?: (key: PropertyKey) => unknown,\n): ComponentPublicInstance {\n  type RuntimeMethod = (...args: any[]) => unknown\n  const runtimeMethods = new Map<PropertyKey, { source: RuntimeMethod, bound: RuntimeMethod }>()\n\n  const publicInstance = new Proxy(target, {\n    get(instance, key) {\n      const ownDescriptor = Reflect.getOwnPropertyDescriptor(instance, key)\n      if (ownDescriptor) {\n        return Reflect.get(instance, key, instance)\n      }\n      const runtimeDescriptor = Reflect.getOwnPropertyDescriptor(runtimePrototype, key)\n      if (runtimeDescriptor) {\n        const value = Reflect.get(instance, key, instance)\n        if (typeof value !== 'function') {\n          return value\n        }\n        const cached = runtimeMethods.get(key)\n        if (cached && cached.source === value) {\n          return cached.bound\n        }\n        const bound = value.bind(instance)\n        runtimeMethods.set(key, { source: value, bound })\n        return bound\n      }\n      const componentMethod = resolveComponentMethod?.(key)\n      if (typeof componentMethod === 'function') {\n        return componentMethod\n      }\n      return typeof key === 'symbol' ? Reflect.get(instance, key, instance) : undefined\n    },\n    set(instance, key, value) {\n      if (Reflect.getOwnPropertyDescriptor(instance, key) || typeof key === 'symbol') {\n        return Reflect.set(instance, key, value, instance)\n      }\n      Reflect.defineProperty(instance, key, {\n        configurable: true,\n        enumerable: true,\n        writable: true,\n        value,\n      })\n      return true\n    },\n    has(instance, key) {\n      return Reflect.getOwnPropertyDescriptor(instance, key) !== undefined\n        || Reflect.getOwnPropertyDescriptor(runtimePrototype, key) !== undefined\n        || typeof resolveComponentMethod?.(key) === 'function'\n        || (typeof key === 'symbol' && Reflect.has(instance, key))\n    },\n  })\n  componentPublicInstanceTargets.set(publicInstance, target)\n  return publicInstance\n}\n"],"mappings":";AAEA,MAAM,iDAAiC,IAAI,QAAyC;AAEpF,SAAgB,qCAAqC,OAAgB;CACnE,IAAI,CAAC,SAAS,OAAO,UAAU,UAC7B;CAEF,OAAO,+BAA+B,IAAI,KAAK;AACjD;AAEA,SAAgB,8BACd,QACA,kBACA,wBACyB;CAEzB,MAAM,iCAAiB,IAAI,IAAkE;CAE7F,MAAM,iBAAiB,IAAI,MAAM,QAAQ;EACvC,IAAI,UAAU,KAAK;GAEjB,IADsB,QAAQ,yBAAyB,UAAU,GACjD,GACd,OAAO,QAAQ,IAAI,UAAU,KAAK,QAAQ;GAG5C,IAD0B,QAAQ,yBAAyB,kBAAkB,GACzD,GAAG;IACrB,MAAM,QAAQ,QAAQ,IAAI,UAAU,KAAK,QAAQ;IACjD,IAAI,OAAO,UAAU,YACnB,OAAO;IAET,MAAM,SAAS,eAAe,IAAI,GAAG;IACrC,IAAI,UAAU,OAAO,WAAW,OAC9B,OAAO,OAAO;IAEhB,MAAM,QAAQ,MAAM,KAAK,QAAQ;IACjC,eAAe,IAAI,KAAK;KAAE,QAAQ;KAAO;IAAM,CAAC;IAChD,OAAO;GACT;GACA,MAAM,kBAAkB,yBAAyB,GAAG;GACpD,IAAI,OAAO,oBAAoB,YAC7B,OAAO;GAET,OAAO,OAAO,QAAQ,WAAW,QAAQ,IAAI,UAAU,KAAK,QAAQ,IAAI;EAC1E;EACA,IAAI,UAAU,KAAK,OAAO;GACxB,IAAI,QAAQ,yBAAyB,UAAU,GAAG,KAAK,OAAO,QAAQ,UACpE,OAAO,QAAQ,IAAI,UAAU,KAAK,OAAO,QAAQ;GAEnD,QAAQ,eAAe,UAAU,KAAK;IACpC,cAAc;IACd,YAAY;IACZ,UAAU;IACV;GACF,CAAC;GACD,OAAO;EACT;EACA,IAAI,UAAU,KAAK;GACjB,OAAO,QAAQ,yBAAyB,UAAU,GAAG,MAAM,UACtD,QAAQ,yBAAyB,kBAAkB,GAAG,MAAM,UAC5D,OAAO,yBAAyB,GAAG,MAAM,cACxC,OAAO,QAAQ,YAAY,QAAQ,IAAI,UAAU,GAAG;EAC5D;CACF,CAAC;CACD,+BAA+B,IAAI,gBAAgB,MAAM;CACzD,OAAO;AACT"}
+{"version":3,"file":"publicInstance.mjs","names":[],"sources":["../../../src/runtime/component/publicInstance.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\nimport { hasOwn } from '../utils/object'\n\nconst componentPublicInstanceTargets = new WeakMap<object, ComponentPublicInstance>()\n\nexport function resolveComponentPublicInstanceTarget(value: unknown) {\n  if (!value || typeof value !== 'object') {\n    return undefined\n  }\n  return componentPublicInstanceTargets.get(value)\n}\n\nexport function createComponentPublicInstance(\n  target: ComponentPublicInstance,\n  runtimePrototype: object,\n  resolveComponentMethod?: (key: PropertyKey) => unknown,\n  componentProperties?: Readonly<Record<string, unknown>>,\n): ComponentPublicInstance {\n  type RuntimeMethod = (...args: any[]) => unknown\n  const runtimeMethods = new Map<PropertyKey, { source: RuntimeMethod, bound: RuntimeMethod }>()\n\n  const publicInstance = new Proxy(target, {\n    get(instance, key) {\n      const ownDescriptor = Reflect.getOwnPropertyDescriptor(instance, key)\n      // 只有声明的 prop 冲突才优先方法表；普通自有字段与不可配置属性保持宿主语义。\n      if (ownDescriptor && (!ownDescriptor.configurable || !componentProperties || !hasOwn(componentProperties, key))) {\n        return Reflect.get(instance, key, instance)\n      }\n      const runtimeDescriptor = Reflect.getOwnPropertyDescriptor(runtimePrototype, key)\n      if (runtimeDescriptor && !ownDescriptor) {\n        const value = Reflect.get(instance, key, instance)\n        if (typeof value !== 'function') {\n          return value\n        }\n        const cached = runtimeMethods.get(key)\n        if (cached && cached.source === value) {\n          return cached.bound\n        }\n        const bound = value.bind(instance)\n        runtimeMethods.set(key, { source: value, bound })\n        return bound\n      }\n      // 公共实例解析方法；DOM 同名属性仍由父级输入驱动。\n      const componentMethod = resolveComponentMethod?.(key)\n      if (typeof componentMethod === 'function') {\n        return componentMethod\n      }\n      if (ownDescriptor) {\n        return Reflect.get(instance, key, instance)\n      }\n      return typeof key === 'symbol' ? Reflect.get(instance, key, instance) : undefined\n    },\n    set(instance, key, value) {\n      if (Reflect.getOwnPropertyDescriptor(instance, key) || typeof key === 'symbol') {\n        return Reflect.set(instance, key, value, instance)\n      }\n      Reflect.defineProperty(instance, key, {\n        configurable: true,\n        enumerable: true,\n        writable: true,\n        value,\n      })\n      return true\n    },\n    has(instance, key) {\n      return Reflect.getOwnPropertyDescriptor(instance, key) !== undefined\n        || Reflect.getOwnPropertyDescriptor(runtimePrototype, key) !== undefined\n        || typeof resolveComponentMethod?.(key) === 'function'\n        || (typeof key === 'symbol' && Reflect.has(instance, key))\n    },\n  })\n  componentPublicInstanceTargets.set(publicInstance, target)\n  return publicInstance\n}\n"],"mappings":";;;AAGA,MAAM,iDAAiC,IAAI,QAAyC;AAEpF,SAAgB,qCAAqC,OAAgB;CACnE,IAAI,CAAC,SAAS,OAAO,UAAU,UAC7B;CAEF,OAAO,+BAA+B,IAAI,KAAK;AACjD;AAEA,SAAgB,8BACd,QACA,kBACA,wBACA,qBACyB;CAEzB,MAAM,iCAAiB,IAAI,IAAkE;CAE7F,MAAM,iBAAiB,IAAI,MAAM,QAAQ;EACvC,IAAI,UAAU,KAAK;GACjB,MAAM,gBAAgB,QAAQ,yBAAyB,UAAU,GAAG;GAEpE,IAAI,kBAAkB,CAAC,cAAc,gBAAgB,CAAC,uBAAuB,CAAC,OAAO,qBAAqB,GAAG,IAC3G,OAAO,QAAQ,IAAI,UAAU,KAAK,QAAQ;GAG5C,IAD0B,QAAQ,yBAAyB,kBAAkB,GACzD,KAAK,CAAC,eAAe;IACvC,MAAM,QAAQ,QAAQ,IAAI,UAAU,KAAK,QAAQ;IACjD,IAAI,OAAO,UAAU,YACnB,OAAO;IAET,MAAM,SAAS,eAAe,IAAI,GAAG;IACrC,IAAI,UAAU,OAAO,WAAW,OAC9B,OAAO,OAAO;IAEhB,MAAM,QAAQ,MAAM,KAAK,QAAQ;IACjC,eAAe,IAAI,KAAK;KAAE,QAAQ;KAAO;IAAM,CAAC;IAChD,OAAO;GACT;GAEA,MAAM,kBAAkB,yBAAyB,GAAG;GACpD,IAAI,OAAO,oBAAoB,YAC7B,OAAO;GAET,IAAI,eACF,OAAO,QAAQ,IAAI,UAAU,KAAK,QAAQ;GAE5C,OAAO,OAAO,QAAQ,WAAW,QAAQ,IAAI,UAAU,KAAK,QAAQ,IAAI;EAC1E;EACA,IAAI,UAAU,KAAK,OAAO;GACxB,IAAI,QAAQ,yBAAyB,UAAU,GAAG,KAAK,OAAO,QAAQ,UACpE,OAAO,QAAQ,IAAI,UAAU,KAAK,OAAO,QAAQ;GAEnD,QAAQ,eAAe,UAAU,KAAK;IACpC,cAAc;IACd,YAAY;IACZ,UAAU;IACV;GACF,CAAC;GACD,OAAO;EACT;EACA,IAAI,UAAU,KAAK;GACjB,OAAO,QAAQ,yBAAyB,UAAU,GAAG,MAAM,UACtD,QAAQ,yBAAyB,kBAAkB,GAAG,MAAM,UAC5D,OAAO,yBAAyB,GAAG,MAAM,cACxC,OAAO,QAAQ,YAAY,QAAQ,IAAI,UAAU,GAAG;EAC5D;CACF,CAAC;CACD,+BAA+B,IAAI,gBAAgB,MAAM;CACzD,OAAO;AACT"}

package/dist/runtime/component/state.mjs

@@ -31,6 +31,11 @@ function createPropertyEntries(component) {
 function createObservedAttributes(propertyEntries) {
 	return propertyEntries.map(([name]) => hyphenate(name));
 }
+function inheritsAppStyle(kind, component) {
+	if (kind === "page") return true;
+	const { styleIsolation, addGlobalClass } = component.options ?? {};
+	return styleIsolation === void 0 ? Boolean(addGlobalClass) : styleIsolation !== "isolated";
+}
 function createComponentRuntimeState(options) {
 	const { component, warnings } = resolveNormalizedComponent(options.component ?? {});
 	const propertyEntries = createPropertyEntries(component);
@@ -39,6 +44,7 @@ function createComponentRuntimeState(options) {
 			id: options.id,
 			templateRef: options.template,
 			styleRef: options.style ?? "",
+			inheritAppStyle: inheritsAppStyle(options.kind, component),
 			componentRef: component,
 			observerInitEnabled: Boolean(options.observerInit),
 			propertyEntries,
@@ -56,6 +62,7 @@ function updateComponentRuntimeState(state, options) {
 	state.templateRef = options.template;
 	state.id = options.id;
 	state.styleRef = options.style ?? "";
+	state.inheritAppStyle = inheritsAppStyle(options.kind, component);
 	state.componentRef = component;
 	state.observerInitEnabled = Boolean(options.observerInit);
 	state.lifetimes = component.lifetimes ?? {};

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

@@ -1 +1 @@
-{"version":3,"file":"state.mjs","names":[],"sources":["../../../src/runtime/component/state.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  DataRecord,\n  DefineComponentOptions,\n  LifeTimeHooks,\n  NormalizedComponentOptions,\n  PageLifeTimeHooks,\n  PropertyDeclaration,\n  PropertyOption,\n} from './types'\nimport { hasOwn } from '../utils/object'\nimport { normalizeBehaviors } from './behavior'\nimport { cloneValue, hyphenate } from './utils'\n\ntype PropertyEntry = [string, PropertyOption]\n\nexport interface ComponentRuntimeState {\n  id?: string\n  templateRef: DefineComponentOptions['template']\n  styleRef: string\n  componentRef: NormalizedComponentOptions\n  observerInitEnabled: boolean\n  propertyEntries: PropertyEntry[]\n  observedAttributes: string[]\n  defaultPropertyValues: DataRecord\n  lifetimes: LifeTimeHooks\n  pageLifetimes: PageLifeTimeHooks\n}\n\nfunction normalizePropertyDeclaration(declaration: PropertyDeclaration): PropertyOption {\n  if (declaration === null || typeof declaration === 'function') {\n    return { type: declaration }\n  }\n  return declaration\n}\n\nfunction resolveNormalizedComponent(component: ComponentOptions) {\n  const normalized = normalizeBehaviors(component)\n  const resolved = normalized.component!\n  return {\n    warnings: normalized.warnings,\n    component: {\n      ...resolved,\n      properties: Object.fromEntries(\n        Object.entries(resolved.properties ?? {}).map(([name, declaration]) => [\n          name,\n          normalizePropertyDeclaration(declaration),\n        ]),\n      ),\n    } satisfies NormalizedComponentOptions,\n  }\n}\n\nfunction createDefaultPropertyValues(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.reduce<DataRecord>((acc, [name, prop]) => {\n    if (prop !== null && typeof prop === 'object' && hasOwn(prop, 'value')) {\n      acc[name] = cloneValue(prop.value)\n    }\n    else {\n      acc[name] = undefined\n    }\n    return acc\n  }, {})\n}\n\nfunction createPropertyEntries(component: NormalizedComponentOptions): PropertyEntry[] {\n  return Object.entries(component.properties)\n}\n\nfunction createObservedAttributes(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.map(([name]) => hyphenate(name))\n}\n\nexport function createComponentRuntimeState(options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  const state: ComponentRuntimeState = {\n    id: options.id,\n    templateRef: options.template,\n    styleRef: options.style ?? '',\n    componentRef: component,\n    observerInitEnabled: Boolean(options.observerInit),\n    propertyEntries,\n    observedAttributes: createObservedAttributes(propertyEntries),\n    defaultPropertyValues: createDefaultPropertyValues(propertyEntries),\n    lifetimes: component.lifetimes ?? {},\n    pageLifetimes: component.pageLifetimes ?? {},\n  }\n  return {\n    state,\n    warnings,\n  }\n}\n\nexport function updateComponentRuntimeState(state: ComponentRuntimeState, options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  state.templateRef = options.template\n  state.id = options.id\n  state.styleRef = options.style ?? ''\n  state.componentRef = component\n  state.observerInitEnabled = Boolean(options.observerInit)\n  state.lifetimes = component.lifetimes ?? {}\n  state.pageLifetimes = component.pageLifetimes ?? {}\n  state.propertyEntries = propertyEntries\n  state.observedAttributes = createObservedAttributes(propertyEntries)\n  state.defaultPropertyValues = createDefaultPropertyValues(propertyEntries)\n  return {\n    warnings,\n    nextMethods: component.methods ?? {},\n  }\n}\n"],"mappings":";;;;;AA6BA,SAAS,6BAA6B,aAAkD;CACtF,IAAI,gBAAgB,QAAQ,OAAO,gBAAgB,YACjD,OAAO,EAAE,MAAM,YAAY;CAE7B,OAAO;AACT;AAEA,SAAS,2BAA2B,WAA6B;CAC/D,MAAM,aAAa,mBAAmB,SAAS;CAC/C,MAAM,WAAW,WAAW;CAC5B,OAAO;EACL,UAAU,WAAW;EACrB,WAAW;GACT,GAAG;GACH,YAAY,OAAO,YACjB,OAAO,QAAQ,SAAS,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,iBAAiB,CACrE,MACA,6BAA6B,WAAW,CAC1C,CAAC,CACH;EACF;CACF;AACF;AAEA,SAAS,4BAA4B,iBAAkC;CACrE,OAAO,gBAAgB,QAAoB,KAAK,CAAC,MAAM,UAAU;EAC/D,IAAI,SAAS,QAAQ,OAAO,SAAS,YAAY,OAAO,MAAM,OAAO,GACnE,IAAI,QAAQ,WAAW,KAAK,KAAK;OAGjC,IAAI,QAAQ;EAEd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAS,sBAAsB,WAAwD;CACrF,OAAO,OAAO,QAAQ,UAAU,UAAU;AAC5C;AAEA,SAAS,yBAAyB,iBAAkC;CAClE,OAAO,gBAAgB,KAAK,CAAC,UAAU,UAAU,IAAI,CAAC;AACxD;AAEA,SAAgB,4BAA4B,SAAiC;CAC3E,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CAavD,OAAO;EACL;GAZA,IAAI,QAAQ;GACZ,aAAa,QAAQ;GACrB,UAAU,QAAQ,SAAS;GAC3B,cAAc;GACd,qBAAqB,QAAQ,QAAQ,YAAY;GACjD;GACA,oBAAoB,yBAAyB,eAAe;GAC5D,uBAAuB,4BAA4B,eAAe;GAClE,WAAW,UAAU,aAAa,CAAC;GACnC,eAAe,UAAU,iBAAiB,CAAC;EAGvC;EACJ;CACF;AACF;AAEA,SAAgB,4BAA4B,OAA8B,SAAiC;CACzG,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CACvD,MAAM,cAAc,QAAQ;CAC5B,MAAM,KAAK,QAAQ;CACnB,MAAM,WAAW,QAAQ,SAAS;CAClC,MAAM,eAAe;CACrB,MAAM,sBAAsB,QAAQ,QAAQ,YAAY;CACxD,MAAM,YAAY,UAAU,aAAa,CAAC;CAC1C,MAAM,gBAAgB,UAAU,iBAAiB,CAAC;CAClD,MAAM,kBAAkB;CACxB,MAAM,qBAAqB,yBAAyB,eAAe;CACnE,MAAM,wBAAwB,4BAA4B,eAAe;CACzE,OAAO;EACL;EACA,aAAa,UAAU,WAAW,CAAC;CACrC;AACF"}
+{"version":3,"file":"state.mjs","names":[],"sources":["../../../src/runtime/component/state.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  DataRecord,\n  DefineComponentOptions,\n  LifeTimeHooks,\n  NormalizedComponentOptions,\n  PageLifeTimeHooks,\n  PropertyDeclaration,\n  PropertyOption,\n} from './types'\nimport { hasOwn } from '../utils/object'\nimport { normalizeBehaviors } from './behavior'\nimport { cloneValue, hyphenate } from './utils'\n\ntype PropertyEntry = [string, PropertyOption]\n\nexport interface ComponentRuntimeState {\n  id?: string\n  templateRef: DefineComponentOptions['template']\n  styleRef: string\n  inheritAppStyle: boolean\n  componentRef: NormalizedComponentOptions\n  observerInitEnabled: boolean\n  propertyEntries: PropertyEntry[]\n  observedAttributes: string[]\n  defaultPropertyValues: DataRecord\n  lifetimes: LifeTimeHooks\n  pageLifetimes: PageLifeTimeHooks\n}\n\nfunction normalizePropertyDeclaration(declaration: PropertyDeclaration): PropertyOption {\n  if (declaration === null || typeof declaration === 'function') {\n    return { type: declaration }\n  }\n  return declaration\n}\n\nfunction resolveNormalizedComponent(component: ComponentOptions) {\n  const normalized = normalizeBehaviors(component)\n  const resolved = normalized.component!\n  return {\n    warnings: normalized.warnings,\n    component: {\n      ...resolved,\n      properties: Object.fromEntries(\n        Object.entries(resolved.properties ?? {}).map(([name, declaration]) => [\n          name,\n          normalizePropertyDeclaration(declaration),\n        ]),\n      ),\n    } satisfies NormalizedComponentOptions,\n  }\n}\n\nfunction createDefaultPropertyValues(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.reduce<DataRecord>((acc, [name, prop]) => {\n    if (prop !== null && typeof prop === 'object' && hasOwn(prop, 'value')) {\n      acc[name] = cloneValue(prop.value)\n    }\n    else {\n      acc[name] = undefined\n    }\n    return acc\n  }, {})\n}\n\nfunction createPropertyEntries(component: NormalizedComponentOptions): PropertyEntry[] {\n  return Object.entries(component.properties)\n}\n\nfunction createObservedAttributes(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.map(([name]) => hyphenate(name))\n}\n\nfunction inheritsAppStyle(kind: DefineComponentOptions['kind'], component: NormalizedComponentOptions) {\n  if (kind === 'page') {\n    return true\n  }\n  const { styleIsolation, addGlobalClass } = component.options ?? {}\n  return styleIsolation === undefined ? Boolean(addGlobalClass) : styleIsolation !== 'isolated'\n}\n\nexport function createComponentRuntimeState(options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  const state: ComponentRuntimeState = {\n    id: options.id,\n    templateRef: options.template,\n    styleRef: options.style ?? '',\n    inheritAppStyle: inheritsAppStyle(options.kind, component),\n    componentRef: component,\n    observerInitEnabled: Boolean(options.observerInit),\n    propertyEntries,\n    observedAttributes: createObservedAttributes(propertyEntries),\n    defaultPropertyValues: createDefaultPropertyValues(propertyEntries),\n    lifetimes: component.lifetimes ?? {},\n    pageLifetimes: component.pageLifetimes ?? {},\n  }\n  return {\n    state,\n    warnings,\n  }\n}\n\nexport function updateComponentRuntimeState(state: ComponentRuntimeState, options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  state.templateRef = options.template\n  state.id = options.id\n  state.styleRef = options.style ?? ''\n  state.inheritAppStyle = inheritsAppStyle(options.kind, component)\n  state.componentRef = component\n  state.observerInitEnabled = Boolean(options.observerInit)\n  state.lifetimes = component.lifetimes ?? {}\n  state.pageLifetimes = component.pageLifetimes ?? {}\n  state.propertyEntries = propertyEntries\n  state.observedAttributes = createObservedAttributes(propertyEntries)\n  state.defaultPropertyValues = createDefaultPropertyValues(propertyEntries)\n  return {\n    warnings,\n    nextMethods: component.methods ?? {},\n  }\n}\n"],"mappings":";;;;;AA8BA,SAAS,6BAA6B,aAAkD;CACtF,IAAI,gBAAgB,QAAQ,OAAO,gBAAgB,YACjD,OAAO,EAAE,MAAM,YAAY;CAE7B,OAAO;AACT;AAEA,SAAS,2BAA2B,WAA6B;CAC/D,MAAM,aAAa,mBAAmB,SAAS;CAC/C,MAAM,WAAW,WAAW;CAC5B,OAAO;EACL,UAAU,WAAW;EACrB,WAAW;GACT,GAAG;GACH,YAAY,OAAO,YACjB,OAAO,QAAQ,SAAS,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,iBAAiB,CACrE,MACA,6BAA6B,WAAW,CAC1C,CAAC,CACH;EACF;CACF;AACF;AAEA,SAAS,4BAA4B,iBAAkC;CACrE,OAAO,gBAAgB,QAAoB,KAAK,CAAC,MAAM,UAAU;EAC/D,IAAI,SAAS,QAAQ,OAAO,SAAS,YAAY,OAAO,MAAM,OAAO,GACnE,IAAI,QAAQ,WAAW,KAAK,KAAK;OAGjC,IAAI,QAAQ;EAEd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAS,sBAAsB,WAAwD;CACrF,OAAO,OAAO,QAAQ,UAAU,UAAU;AAC5C;AAEA,SAAS,yBAAyB,iBAAkC;CAClE,OAAO,gBAAgB,KAAK,CAAC,UAAU,UAAU,IAAI,CAAC;AACxD;AAEA,SAAS,iBAAiB,MAAsC,WAAuC;CACrG,IAAI,SAAS,QACX,OAAO;CAET,MAAM,EAAE,gBAAgB,mBAAmB,UAAU,WAAW,CAAC;CACjE,OAAO,mBAAmB,SAAY,QAAQ,cAAc,IAAI,mBAAmB;AACrF;AAEA,SAAgB,4BAA4B,SAAiC;CAC3E,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CAcvD,OAAO;EACL;GAbA,IAAI,QAAQ;GACZ,aAAa,QAAQ;GACrB,UAAU,QAAQ,SAAS;GAC3B,iBAAiB,iBAAiB,QAAQ,MAAM,SAAS;GACzD,cAAc;GACd,qBAAqB,QAAQ,QAAQ,YAAY;GACjD;GACA,oBAAoB,yBAAyB,eAAe;GAC5D,uBAAuB,4BAA4B,eAAe;GAClE,WAAW,UAAU,aAAa,CAAC;GACnC,eAAe,UAAU,iBAAiB,CAAC;EAGvC;EACJ;CACF;AACF;AAEA,SAAgB,4BAA4B,OAA8B,SAAiC;CACzG,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CACvD,MAAM,cAAc,QAAQ;CAC5B,MAAM,KAAK,QAAQ;CACnB,MAAM,WAAW,QAAQ,SAAS;CAClC,MAAM,kBAAkB,iBAAiB,QAAQ,MAAM,SAAS;CAChE,MAAM,eAAe;CACrB,MAAM,sBAAsB,QAAQ,QAAQ,YAAY;CACxD,MAAM,YAAY,UAAU,aAAa,CAAC;CAC1C,MAAM,gBAAgB,UAAU,iBAAiB,CAAC;CAClD,MAAM,kBAAkB;CACxB,MAAM,qBAAqB,yBAAyB,eAAe;CACnE,MAAM,wBAAwB,4BAA4B,eAAe;CACzE,OAAO;EACL;EACA,aAAa,UAAU,WAAW,CAAC;CACrC;AACF"}

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

@@ -45,6 +45,8 @@ export interface ComponentOptions {
 }
 export interface DefineComponentOptions {
   id?: string;
+  /** 注册层提供的样式域；组件仍按 styleIsolation 决定是否接收应用样式。 */
+  kind?: 'page' | 'component';
   template: TemplateRenderer;
   style?: string;
   component?: ComponentOptions;