@weapp-vite/web 1.3.36 → 1.4.0

package/dist/runtime/button/style.mjs

@@ -6,9 +6,28 @@ const styleTargets = /* @__PURE__ */ new WeakSet();
 let sharedSheet;
 const BUTTON_STYLE = `
 weapp-button {
+  appearance: none;
+  -webkit-appearance: none;
+  position: relative;
   display: block;
-  width: 100%;
+  width: 184px;
+  max-width: 100%;
+  min-width: 0;
+  margin-right: auto;
+  margin-left: auto;
   box-sizing: border-box;
+  border: 1px solid #d9d9d9;
+  border-radius: 5px;
+  padding: 0 16px;
+  line-height: calc(2.55555556em - 1px);
+  font-size: 18px;
+  font-weight: 400;
+  background-color: #f8f8f8;
+  color: #000000;
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
 }
 
 weapp-button.weapp-btn--mini {
@@ -20,84 +39,89 @@ weapp-button .weapp-btn {
   appearance: none;
   -webkit-appearance: none;
   box-sizing: border-box;
+  display: block;
   width: 100%;
-  border-radius: 5px;
-  border: 1px solid #d9d9d9;
-  padding: 0 16px;
-  height: 44px;
-  line-height: 44px;
-  font-size: 17px;
-  font-weight: 400;
-  background-color: #f8f8f8;
-  color: #000000;
-  cursor: pointer;
+  height: 100%;
+  min-height: inherit;
+  margin: 0;
+  border: 0;
+  border-radius: inherit;
+  padding: 0;
+  line-height: inherit;
+  font: inherit;
+  background: transparent;
+  color: inherit;
+  cursor: inherit;
   outline: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 
-weapp-button.weapp-btn--primary .weapp-btn {
+weapp-button.weapp-btn--primary {
   background-color: #07c160;
   border-color: #07c160;
   color: #ffffff;
 }
 
-weapp-button.weapp-btn--warn .weapp-btn {
+weapp-button.weapp-btn--warn {
   background-color: #e64340;
   border-color: #e64340;
   color: #ffffff;
 }
 
-weapp-button.weapp-btn--plain .weapp-btn {
+weapp-button.weapp-btn--plain {
   background-color: transparent;
 }
 
-weapp-button.weapp-btn--plain.weapp-btn--default .weapp-btn {
-  border-color: #b2b2b2;
+weapp-button.weapp-btn--plain.weapp-btn--default {
+  border-color: #a1a1a1;
   color: #353535;
 }
 
-weapp-button.weapp-btn--plain.weapp-btn--primary .weapp-btn {
+weapp-button.weapp-btn--plain.weapp-btn--primary {
   border-color: #07c160;
   color: #07c160;
 }
 
-weapp-button.weapp-btn--plain.weapp-btn--warn .weapp-btn {
+weapp-button.weapp-btn--plain.weapp-btn--warn {
   border-color: #e64340;
   color: #e64340;
 }
 
-weapp-button.weapp-btn--loading .weapp-btn,
-weapp-button.weapp-btn--disabled .weapp-btn {
+weapp-button.weapp-btn--loading,
+weapp-button.weapp-btn--disabled {
   background-color: #f7f7f7;
   border-color: #d9d9d9;
-  color: #9b9b9b;
+  color: #bbbbbb;
   cursor: not-allowed;
 }
 
-weapp-button.button-hover .weapp-btn {
+weapp-button.button-hover {
   background-color: #ededed;
   border-color: #d2d2d2;
 }
 
-weapp-button.button-hover.weapp-btn--primary .weapp-btn {
+weapp-button.button-hover.weapp-btn--primary {
   background-color: #06ad56;
   border-color: #06ad56;
 }
 
-weapp-button.button-hover.weapp-btn--warn .weapp-btn {
+weapp-button.button-hover.weapp-btn--warn {
   background-color: #d93c37;
   border-color: #d93c37;
 }
 
-weapp-button.button-hover.weapp-btn--plain .weapp-btn {
+weapp-button.button-hover.weapp-btn--plain {
   background-color: rgba(0, 0, 0, 0.06);
 }
 
-weapp-button.weapp-btn--mini .weapp-btn {
+weapp-button.weapp-btn--mini {
+  font-size: 13px;
+}
+
+weapp-button.weapp-btn--mini {
   height: 32px;
   line-height: 32px;
-  font-size: 13px;
   padding: 0 12px;
   border-radius: 4px;
 }
@@ -108,6 +132,7 @@ weapp-button .weapp-btn__content {
   justify-content: center;
   gap: 6px;
   width: 100%;
+  height: 100%;
 }
 
 weapp-button .weapp-btn__loading {
@@ -164,5 +189,5 @@ function ensureButtonStyle(root) {
 }
 
 //#endregion
-export { ensureButtonStyle };
+export { BUTTON_STYLE, ensureButtonStyle };
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/button/style.ts"],"sourcesContent":["import { injectStyle } from '../style'\n\nconst BUTTON_STYLE_ID = 'weapp-web-button-style'\nconst styleTargets = new WeakSet<ParentNode>()\nlet sharedSheet: CSSStyleSheet | undefined\n\nconst BUTTON_STYLE = `\nweapp-button {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}\n\nweapp-button.weapp-btn--mini {\n  display: inline-block;\n  width: auto;\n}\n\nweapp-button .weapp-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  padding: 0 16px;\n  height: 44px;\n  line-height: 44px;\n  font-size: 17px;\n  font-weight: 400;\n  background-color: #f8f8f8;\n  color: #000000;\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--primary .weapp-btn {\n  background-color: #07c160;\n  border-color: #07c160;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--warn .weapp-btn {\n  background-color: #e64340;\n  border-color: #e64340;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--plain .weapp-btn {\n  background-color: transparent;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--default .weapp-btn {\n  border-color: #b2b2b2;\n  color: #353535;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--primary .weapp-btn {\n  border-color: #07c160;\n  color: #07c160;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--warn .weapp-btn {\n  border-color: #e64340;\n  color: #e64340;\n}\n\nweapp-button.weapp-btn--loading .weapp-btn,\nweapp-button.weapp-btn--disabled .weapp-btn {\n  background-color: #f7f7f7;\n  border-color: #d9d9d9;\n  color: #9b9b9b;\n  cursor: not-allowed;\n}\n\nweapp-button.button-hover .weapp-btn {\n  background-color: #ededed;\n  border-color: #d2d2d2;\n}\n\nweapp-button.button-hover.weapp-btn--primary .weapp-btn {\n  background-color: #06ad56;\n  border-color: #06ad56;\n}\n\nweapp-button.button-hover.weapp-btn--warn .weapp-btn {\n  background-color: #d93c37;\n  border-color: #d93c37;\n}\n\nweapp-button.button-hover.weapp-btn--plain .weapp-btn {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\nweapp-button.weapp-btn--mini .weapp-btn {\n  height: 32px;\n  line-height: 32px;\n  font-size: 13px;\n  padding: 0 12px;\n  border-radius: 4px;\n}\n\nweapp-button .weapp-btn__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 100%;\n}\n\nweapp-button .weapp-btn__loading {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  animation: weapp-btn-spin 0.8s linear infinite;\n}\n\nweapp-button .weapp-btn__loading[hidden] {\n  display: none;\n}\n\n@keyframes weapp-btn-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n`\n\nfunction resolveAdoptedStyleSheets(root: ShadowRoot) {\n  const doc = root.ownerDocument ?? document\n  if (!doc || typeof doc.createElement !== 'function') {\n    return undefined\n  }\n  if (!('adoptedStyleSheets' in doc)) {\n    return undefined\n  }\n  if (!sharedSheet && 'replaceSync' in CSSStyleSheet.prototype) {\n    const sheet = new CSSStyleSheet()\n    sheet.replaceSync(BUTTON_STYLE)\n    sharedSheet = sheet\n  }\n  return sharedSheet\n}\n\nexport function ensureButtonStyle(root?: ShadowRoot) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  if (root && styleTargets.has(root)) {\n    return\n  }\n  if (!root) {\n    const target = document.head\n    if (!target || styleTargets.has(target)) {\n      return\n    }\n    injectStyle(BUTTON_STYLE, BUTTON_STYLE_ID)\n    styleTargets.add(target)\n    return\n  }\n  const sheet = resolveAdoptedStyleSheets(root)\n  if (sheet) {\n    const existing = root.adoptedStyleSheets ?? []\n    if (!existing.includes(sheet)) {\n      root.adoptedStyleSheets = [...existing, sheet]\n    }\n    styleTargets.add(root)\n    return\n  }\n  const style = document.createElement('style')\n  style.id = BUTTON_STYLE_ID\n  style.textContent = BUTTON_STYLE\n  root.appendChild(style)\n  styleTargets.add(root)\n}\n"],"mappings":";;;AAEA,MAAM,kBAAkB;AACxB,MAAM,+BAAe,IAAI,QAAoB;AAC7C,IAAI;AAEJ,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HrB,SAAS,0BAA0B,MAAkB;CACnD,MAAM,MAAM,KAAK,iBAAiB;CAClC,IAAI,CAAC,OAAO,OAAO,IAAI,kBAAkB,YACvC;CAEF,IAAI,EAAE,wBAAwB,MAC5B;CAEF,IAAI,CAAC,eAAe,iBAAiB,cAAc,WAAW;EAC5D,MAAM,QAAQ,IAAI,cAAc;EAChC,MAAM,YAAY,YAAY;EAC9B,cAAc;CAChB;CACA,OAAO;AACT;AAEA,SAAgB,kBAAkB,MAAmB;CACnD,IAAI,OAAO,aAAa,aACtB;CAEF,IAAI,QAAQ,aAAa,IAAI,IAAI,GAC/B;CAEF,IAAI,CAAC,MAAM;EACT,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAU,aAAa,IAAI,MAAM,GACpC;EAEF,YAAY,cAAc,eAAe;EACzC,aAAa,IAAI,MAAM;EACvB;CACF;CACA,MAAM,QAAQ,0BAA0B,IAAI;CAC5C,IAAI,OAAO;EACT,MAAM,WAAW,KAAK,sBAAsB,CAAC;EAC7C,IAAI,CAAC,SAAS,SAAS,KAAK,GAC1B,KAAK,qBAAqB,CAAC,GAAG,UAAU,KAAK;EAE/C,aAAa,IAAI,IAAI;EACrB;CACF;CACA,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,KAAK;CACX,MAAM,cAAc;CACpB,KAAK,YAAY,KAAK;CACtB,aAAa,IAAI,IAAI;AACvB"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/button/style.ts"],"sourcesContent":["import { injectStyle } from '../style'\n\nconst BUTTON_STYLE_ID = 'weapp-web-button-style'\nconst styleTargets = new WeakSet<ParentNode>()\nlet sharedSheet: CSSStyleSheet | undefined\n\nexport const BUTTON_STYLE = `\nweapp-button {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: block;\n  width: 184px;\n  max-width: 100%;\n  min-width: 0;\n  margin-right: auto;\n  margin-left: auto;\n  box-sizing: border-box;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n  padding: 0 16px;\n  line-height: calc(2.55555556em - 1px);\n  font-size: 18px;\n  font-weight: 400;\n  background-color: #f8f8f8;\n  color: #000000;\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--mini {\n  display: inline-block;\n  width: auto;\n}\n\nweapp-button .weapp-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n  margin: 0;\n  border: 0;\n  border-radius: inherit;\n  padding: 0;\n  line-height: inherit;\n  font: inherit;\n  background: transparent;\n  color: inherit;\n  cursor: inherit;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--primary {\n  background-color: #07c160;\n  border-color: #07c160;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--warn {\n  background-color: #e64340;\n  border-color: #e64340;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--plain {\n  background-color: transparent;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--default {\n  border-color: #a1a1a1;\n  color: #353535;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--primary {\n  border-color: #07c160;\n  color: #07c160;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--warn {\n  border-color: #e64340;\n  color: #e64340;\n}\n\nweapp-button.weapp-btn--loading,\nweapp-button.weapp-btn--disabled {\n  background-color: #f7f7f7;\n  border-color: #d9d9d9;\n  color: #bbbbbb;\n  cursor: not-allowed;\n}\n\nweapp-button.button-hover {\n  background-color: #ededed;\n  border-color: #d2d2d2;\n}\n\nweapp-button.button-hover.weapp-btn--primary {\n  background-color: #06ad56;\n  border-color: #06ad56;\n}\n\nweapp-button.button-hover.weapp-btn--warn {\n  background-color: #d93c37;\n  border-color: #d93c37;\n}\n\nweapp-button.button-hover.weapp-btn--plain {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\nweapp-button.weapp-btn--mini {\n  font-size: 13px;\n}\n\nweapp-button.weapp-btn--mini {\n  height: 32px;\n  line-height: 32px;\n  padding: 0 12px;\n  border-radius: 4px;\n}\n\nweapp-button .weapp-btn__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 100%;\n  height: 100%;\n}\n\nweapp-button .weapp-btn__loading {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  animation: weapp-btn-spin 0.8s linear infinite;\n}\n\nweapp-button .weapp-btn__loading[hidden] {\n  display: none;\n}\n\n@keyframes weapp-btn-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n`\n\nfunction resolveAdoptedStyleSheets(root: ShadowRoot) {\n  const doc = root.ownerDocument ?? document\n  if (!doc || typeof doc.createElement !== 'function') {\n    return undefined\n  }\n  if (!('adoptedStyleSheets' in doc)) {\n    return undefined\n  }\n  if (!sharedSheet && 'replaceSync' in CSSStyleSheet.prototype) {\n    const sheet = new CSSStyleSheet()\n    sheet.replaceSync(BUTTON_STYLE)\n    sharedSheet = sheet\n  }\n  return sharedSheet\n}\n\nexport function ensureButtonStyle(root?: ShadowRoot) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  if (root && styleTargets.has(root)) {\n    return\n  }\n  if (!root) {\n    const target = document.head\n    if (!target || styleTargets.has(target)) {\n      return\n    }\n    injectStyle(BUTTON_STYLE, BUTTON_STYLE_ID)\n    styleTargets.add(target)\n    return\n  }\n  const sheet = resolveAdoptedStyleSheets(root)\n  if (sheet) {\n    const existing = root.adoptedStyleSheets ?? []\n    if (!existing.includes(sheet)) {\n      root.adoptedStyleSheets = [...existing, sheet]\n    }\n    styleTargets.add(root)\n    return\n  }\n  const style = document.createElement('style')\n  style.id = BUTTON_STYLE_ID\n  style.textContent = BUTTON_STYLE\n  root.appendChild(style)\n  styleTargets.add(root)\n}\n"],"mappings":";;;AAEA,MAAM,kBAAkB;AACxB,MAAM,+BAAe,IAAI,QAAoB;AAC7C,IAAI;AAEJ,MAAa,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJ5B,SAAS,0BAA0B,MAAkB;CACnD,MAAM,MAAM,KAAK,iBAAiB;CAClC,IAAI,CAAC,OAAO,OAAO,IAAI,kBAAkB,YACvC;CAEF,IAAI,EAAE,wBAAwB,MAC5B;CAEF,IAAI,CAAC,eAAe,iBAAiB,cAAc,WAAW;EAC5D,MAAM,QAAQ,IAAI,cAAc;EAChC,MAAM,YAAY,YAAY;EAC9B,cAAc;CAChB;CACA,OAAO;AACT;AAEA,SAAgB,kBAAkB,MAAmB;CACnD,IAAI,OAAO,aAAa,aACtB;CAEF,IAAI,QAAQ,aAAa,IAAI,IAAI,GAC/B;CAEF,IAAI,CAAC,MAAM;EACT,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAU,aAAa,IAAI,MAAM,GACpC;EAEF,YAAY,cAAc,eAAe;EACzC,aAAa,IAAI,MAAM;EACvB;CACF;CACA,MAAM,QAAQ,0BAA0B,IAAI;CAC5C,IAAI,OAAO;EACT,MAAM,WAAW,KAAK,sBAAsB,CAAC;EAC7C,IAAI,CAAC,SAAS,SAAS,KAAK,GAC1B,KAAK,qBAAqB,CAAC,GAAG,UAAU,KAAK;EAE/C,aAAa,IAAI,IAAI;EACrB;CACF;CACA,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,KAAK;CACX,MAAM,cAAc;CACpB,KAAK,YAAY,KAAK;CACtB,aAAa,IAAI,IAAI;AACvB"}

package/dist/runtime/component/behavior.mjs

@@ -3,7 +3,6 @@ function isPlainObject(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function mergeLifetimes(target, source) {
-	if (!source) return;
 	for (const key of [
 		"created",
 		"attached",
@@ -20,7 +19,6 @@ function mergeLifetimes(target, source) {
 	}
 }
 function mergePageLifetimes(target, source) {
-	if (!source) return;
 	for (const key of [
 		"show",
 		"hide",
@@ -35,6 +33,15 @@ function mergePageLifetimes(target, source) {
 		} : next;
 	}
 }
+function resolveNativeLifetimes(source) {
+	const native = source;
+	return {
+		created: native.created,
+		attached: native.attached,
+		ready: native.ready,
+		detached: native.detached
+	};
+}
 function normalizeBehaviors(component) {
 	if (!component) return {
 		component: void 0,
@@ -59,6 +66,14 @@ function normalizeBehaviors(component) {
 			...merged.methods ?? {},
 			...source.methods
 		};
+		if (source.observers) merged.observers = {
+			...merged.observers ?? {},
+			...source.observers
+		};
+		if (source.options) merged.options = {
+			...merged.options ?? {},
+			...source.options
+		};
 		if (source.lifetimes) {
 			merged.lifetimes = merged.lifetimes ?? {};
 			mergeLifetimes(merged.lifetimes, source.lifetimes);
@@ -67,6 +82,15 @@ function normalizeBehaviors(component) {
 			merged.pageLifetimes = merged.pageLifetimes ?? {};
 			mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes);
 		}
+		const nativeLifetimes = resolveNativeLifetimes(source);
+		if (Object.values(nativeLifetimes).some(Boolean)) {
+			merged.lifetimes = merged.lifetimes ?? {};
+			mergeLifetimes(merged.lifetimes, nativeLifetimes);
+		}
+		if (source.relations) merged.relations = {
+			...merged.relations ?? {},
+			...source.relations
+		};
 	};
 	const walk = (source) => {
 		if (visited.has(source)) {

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

@@ -1 +1 @@
-{"version":3,"file":"behavior.mjs","names":[],"sources":["../../../src/runtime/component/behavior.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  LifeTimeHooks,\n  PageLifeTimeHooks,\n} from './types'\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction mergeLifetimes(target: LifeTimeHooks, source?: LifeTimeHooks) {\n  if (!source) {\n    return\n  }\n  const keys: Array<keyof LifeTimeHooks> = ['created', 'attached', 'ready', 'detached']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction mergePageLifetimes(target: PageLifeTimeHooks, source?: PageLifeTimeHooks) {\n  if (!source) {\n    return\n  }\n  const keys: Array<keyof PageLifeTimeHooks> = ['show', 'hide', 'resize']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nexport function normalizeBehaviors(component: ComponentOptions | undefined) {\n  if (!component) {\n    return { component: undefined, warnings: [] as string[] }\n  }\n  const warnings: string[] = []\n  const visited = new Set<ComponentOptions>()\n  const merged: ComponentOptions = {}\n\n  const mergeComponent = (source: ComponentOptions) => {\n    if (source.properties) {\n      merged.properties = { ...(merged.properties ?? {}), ...source.properties }\n    }\n    if (source.data) {\n      const nextData = typeof source.data === 'function'\n        ? source.data()\n        : source.data\n      if (isPlainObject(nextData)) {\n        merged.data = { ...((merged.data as DataRecord) ?? {}), ...nextData }\n      }\n    }\n    if (source.methods) {\n      merged.methods = { ...(merged.methods ?? {}), ...source.methods }\n    }\n    if (source.lifetimes) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, source.lifetimes)\n    }\n    if (source.pageLifetimes) {\n      merged.pageLifetimes = merged.pageLifetimes ?? {}\n      mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes)\n    }\n  }\n\n  const walk = (source: ComponentOptions) => {\n    if (visited.has(source)) {\n      warnings.push('[@weapp-vite/web] behaviors 存在循环引用，已跳过。')\n      return\n    }\n    visited.add(source)\n    const behaviors = source.behaviors ?? []\n    if (Array.isArray(behaviors)) {\n      for (const behavior of behaviors) {\n        if (!behavior || !isPlainObject(behavior)) {\n          warnings.push('[@weapp-vite/web] behaviors 仅支持对象，已忽略非对象条目。')\n          continue\n        }\n        walk(behavior as ComponentOptions)\n        mergeComponent(behavior as ComponentOptions)\n      }\n    }\n    else if (behaviors) {\n      warnings.push('[@weapp-vite/web] behaviors 仅支持数组，已忽略。')\n    }\n  }\n\n  walk(component)\n  mergeComponent(component)\n\n  return {\n    component: merged,\n    warnings,\n  }\n}\n"],"mappings":";AAQA,SAAS,cAAc,OAA8C;CACnE,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,eAAe,QAAuB,QAAwB;CACrE,IAAI,CAAC,QACH;CAGF,KAAK,MAAM,OAAO;EADwB;EAAW;EAAY;EAAS;CACrD,GAAG;EACtB,MAAM,OAAO,OAAO;EACpB,IAAI,CAAC,MACH;EAEF,MAAM,UAAU,OAAO;EACvB,OAAO,OAAO,UACV,SAAS,SAAsC;GAC/C,QAAQ,KAAK,IAAI;GACjB,KAAK,KAAK,IAAI;EAChB,IACE;CACN;AACF;AAEA,SAAS,mBAAmB,QAA2B,QAA4B;CACjF,IAAI,CAAC,QACH;CAGF,KAAK,MAAM,OAAO;EAD4B;EAAQ;EAAQ;CACzC,GAAG;EACtB,MAAM,OAAO,OAAO;EACpB,IAAI,CAAC,MACH;EAEF,MAAM,UAAU,OAAO;EACvB,OAAO,OAAO,UACV,SAAS,SAAsC;GAC/C,QAAQ,KAAK,IAAI;GACjB,KAAK,KAAK,IAAI;EAChB,IACE;CACN;AACF;AAEA,SAAgB,mBAAmB,WAAyC;CAC1E,IAAI,CAAC,WACH,OAAO;EAAE,WAAW;EAAW,UAAU,CAAC;CAAc;CAE1D,MAAM,WAAqB,CAAC;CAC5B,MAAM,0BAAU,IAAI,IAAsB;CAC1C,MAAM,SAA2B,CAAC;CAElC,MAAM,kBAAkB,WAA6B;EACnD,IAAI,OAAO,YACT,OAAO,aAAa;GAAE,GAAI,OAAO,cAAc,CAAC;GAAI,GAAG,OAAO;EAAW;EAE3E,IAAI,OAAO,MAAM;GACf,MAAM,WAAW,OAAO,OAAO,SAAS,aACpC,OAAO,KAAK,IACZ,OAAO;GACX,IAAI,cAAc,QAAQ,GACxB,OAAO,OAAO;IAAE,GAAK,OAAO,QAAuB,CAAC;IAAI,GAAG;GAAS;EAExE;EACA,IAAI,OAAO,SACT,OAAO,UAAU;GAAE,GAAI,OAAO,WAAW,CAAC;GAAI,GAAG,OAAO;EAAQ;EAElE,IAAI,OAAO,WAAW;GACpB,OAAO,YAAY,OAAO,aAAa,CAAC;GACxC,eAAe,OAAO,WAAW,OAAO,SAAS;EACnD;EACA,IAAI,OAAO,eAAe;GACxB,OAAO,gBAAgB,OAAO,iBAAiB,CAAC;GAChD,mBAAmB,OAAO,eAAe,OAAO,aAAa;EAC/D;CACF;CAEA,MAAM,QAAQ,WAA6B;EACzC,IAAI,QAAQ,IAAI,MAAM,GAAG;GACvB,SAAS,KAAK,yCAAyC;GACvD;EACF;EACA,QAAQ,IAAI,MAAM;EAClB,MAAM,YAAY,OAAO,aAAa,CAAC;EACvC,IAAI,MAAM,QAAQ,SAAS,GACzB,KAAK,MAAM,YAAY,WAAW;GAChC,IAAI,CAAC,YAAY,CAAC,cAAc,QAAQ,GAAG;IACzC,SAAS,KAAK,6CAA6C;IAC3D;GACF;GACA,KAAK,QAA4B;GACjC,eAAe,QAA4B;EAC7C;OAEG,IAAI,WACP,SAAS,KAAK,wCAAwC;CAE1D;CAEA,KAAK,SAAS;CACd,eAAe,SAAS;CAExB,OAAO;EACL,WAAW;EACX;CACF;AACF"}
+{"version":3,"file":"behavior.mjs","names":[],"sources":["../../../src/runtime/component/behavior.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  LifeTimeHooks,\n  PageLifeTimeHooks,\n} from './types'\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction mergeLifetimes(target: LifeTimeHooks, source: LifeTimeHooks) {\n  const keys: Array<keyof LifeTimeHooks> = ['created', 'attached', 'ready', 'detached']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction mergePageLifetimes(target: PageLifeTimeHooks, source: PageLifeTimeHooks) {\n  const keys: Array<keyof PageLifeTimeHooks> = ['show', 'hide', 'resize']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction resolveNativeLifetimes(source: ComponentOptions) {\n  const native = source as ComponentOptions & LifeTimeHooks\n  return {\n    created: native.created,\n    attached: native.attached,\n    ready: native.ready,\n    detached: native.detached,\n  }\n}\n\nexport function normalizeBehaviors(component: ComponentOptions | undefined) {\n  if (!component) {\n    return { component: undefined, warnings: [] as string[] }\n  }\n  const warnings: string[] = []\n  const visited = new Set<ComponentOptions>()\n  const merged: ComponentOptions = {}\n\n  const mergeComponent = (source: ComponentOptions) => {\n    if (source.properties) {\n      merged.properties = { ...(merged.properties ?? {}), ...source.properties }\n    }\n    if (source.data) {\n      const nextData = typeof source.data === 'function'\n        ? source.data()\n        : source.data\n      if (isPlainObject(nextData)) {\n        merged.data = { ...((merged.data as DataRecord) ?? {}), ...nextData }\n      }\n    }\n    if (source.methods) {\n      merged.methods = { ...(merged.methods ?? {}), ...source.methods }\n    }\n    if (source.observers) {\n      merged.observers = { ...(merged.observers ?? {}), ...source.observers }\n    }\n    if (source.options) {\n      merged.options = { ...(merged.options ?? {}), ...source.options }\n    }\n    if (source.lifetimes) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, source.lifetimes)\n    }\n    if (source.pageLifetimes) {\n      merged.pageLifetimes = merged.pageLifetimes ?? {}\n      mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes)\n    }\n    const nativeLifetimes = resolveNativeLifetimes(source)\n    if (Object.values(nativeLifetimes).some(Boolean)) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, nativeLifetimes)\n    }\n    if (source.relations) {\n      merged.relations = { ...(merged.relations ?? {}), ...source.relations }\n    }\n  }\n\n  const walk = (source: ComponentOptions) => {\n    if (visited.has(source)) {\n      warnings.push('[@weapp-vite/web] behaviors 存在循环引用，已跳过。')\n      return\n    }\n    visited.add(source)\n    const behaviors = source.behaviors ?? []\n    if (Array.isArray(behaviors)) {\n      for (const behavior of behaviors) {\n        if (!behavior || !isPlainObject(behavior)) {\n          warnings.push('[@weapp-vite/web] behaviors 仅支持对象，已忽略非对象条目。')\n          continue\n        }\n        walk(behavior as ComponentOptions)\n        mergeComponent(behavior as ComponentOptions)\n      }\n    }\n    else if (behaviors) {\n      warnings.push('[@weapp-vite/web] behaviors 仅支持数组，已忽略。')\n    }\n  }\n\n  walk(component)\n  mergeComponent(component)\n\n  return {\n    component: merged,\n    warnings,\n  }\n}\n"],"mappings":"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"}

package/dist/runtime/component/element.mjs

@@ -3,35 +3,62 @@ 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 { createComponentPublicInstance } from "./publicInstance.mjs";
+import { resolveRelationNodes } from "./relations.mjs";
+import { createWebSlotsProxy } from "./slots.mjs";
 import { cloneValue, coerceValue, toCamelCase } from "./utils.mjs";
+import { clearVirtualHostClasses, clearVirtualHostParts, syncVirtualHostClasses, syncVirtualHostParts } from "./virtualHost.mjs";
 import { html } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
 //#region src/runtime/component/element.ts
+function resolveComposedParent(node) {
+	const assignedSlot = node.assignedSlot;
+	if (assignedSlot) return assignedSlot;
+	if (node.parentNode) return node.parentNode;
+	const root = node.getRootNode?.();
+	return root instanceof ShadowRoot ? root.host : void 0;
+}
+function isWeappComponentInstance(value) {
+	return Boolean(value && typeof value === "object" && typeof value.__weappSync === "function");
+}
 function createComponentElementClass({ BaseElement, runtimeState, instances }) {
-	class WeappWebComponent extends BaseElement {
-		static observedAttributes = runtimeState.observedAttributes;
+	const RuntimeBaseElement = BaseElement;
+	class WeappWebComponent extends RuntimeBaseElement {
+		static get observedAttributes() {
+			const inherited = super.observedAttributes ?? [];
+			return Array.from(/* @__PURE__ */ new Set([...inherited, ...runtimeState.observedAttributes]));
+		}
 		#state;
 		#properties;
-		#methods;
+		#methods = {};
+		#publicInstance;
+		#exposedMethodNames = /* @__PURE__ */ new Set();
 		#isMounted = false;
 		#renderContext = createRenderContext(this, {});
 		#usesLegacyTemplate = false;
 		#readyFired = false;
 		#observerInitDone = false;
 		#observedKeys = /* @__PURE__ */ new Set();
+		#virtualHostClassTokens = /* @__PURE__ */ new Set();
+		#virtualHostPartTokens = /* @__PURE__ */ new Set();
+		#virtualHostRootElement;
 		data;
 		properties;
 		constructor() {
 			super();
-			const dataOption = typeof runtimeState.componentRef.data === "function" ? runtimeState.componentRef.data() : runtimeState.componentRef.data ?? {};
+			const dataOption = runtimeState.componentRef.data ?? {};
 			this.#properties = { ...runtimeState.defaultPropertyValues };
 			this.#state = {
 				...cloneValue(this.#properties),
 				...cloneValue(dataOption)
 			};
-			this.#methods = {};
-			this.#syncMethods(runtimeState.componentRef.methods ?? {});
+			Object.defineProperty(this.#state, "$slots", {
+				configurable: true,
+				enumerable: true,
+				value: createWebSlotsProxy(() => this.#state.vueSlots)
+			});
 			Object.defineProperties(this, {
 				data: {
 					configurable: true,
@@ -44,28 +71,34 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 					get: () => this.#properties
 				}
 			});
+			this.#publicInstance = createComponentPublicInstance(this, WeappWebComponent.prototype, (key) => typeof key === "string" ? this.#methods[key] : void 0);
 			for (const [propName] of runtimeState.propertyEntries) Object.defineProperty(this, propName, {
 				configurable: true,
 				enumerable: true,
 				get: () => this.#state[propName],
 				set: (value) => this.#setProperty(propName, value)
 			});
+			this.#syncMethods(runtimeState.componentRef.methods ?? {});
 			if (!supportsLit) {
 				const host = this;
 				if (!host.shadowRoot && typeof host.attachShadow === "function") host.attachShadow({ mode: "open" });
 				this.renderRoot = host.shadowRoot ?? host;
 			}
 			instances.add(this);
-			runtimeState.lifetimes.created?.call(this);
+			runtimeState.lifetimes.created?.call(this.#publicInstance);
 		}
-		setData(patch) {
-			this.#applyDataPatch(patch);
+		setData(patch, callback) {
+			const changed = this.#applyDataPatch(patch);
+			if (supportsLit && changed) return this.updateComplete.then(() => {
+				callback?.();
+			});
+			callback?.();
 		}
-		triggerEvent(name, detail) {
+		triggerEvent(name, detail, options = {}) {
 			this.dispatchEvent(new CustomEvent(name, {
 				detail,
-				bubbles: true,
-				composed: true
+				bubbles: options.bubbles ?? false,
+				composed: options.composed ?? false
 			}));
 		}
 		createSelectorQuery() {
@@ -77,12 +110,23 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		selectAllComponents(selector) {
 			return selectRuntimeComponents(this, selector);
 		}
+		getRelationNodes(relationPath) {
+			const relation = runtimeState.componentRef.relations?.[relationPath];
+			return relation ? resolveRelationNodes(this, runtimeState.id, relationPath, relation.type) : [];
+		}
+		selectOwnerComponent() {
+			let current = resolveComposedParent(this);
+			while (current) {
+				if (isWeappComponentInstance(current)) return current;
+				current = resolveComposedParent(current);
+			}
+		}
 		connectedCallback() {
 			const superConnected = BaseElement.prototype.connectedCallback;
 			if (supportsLit && typeof superConnected === "function") superConnected.call(this);
 			this.#applyAttributes();
 			if (runtimeState.observerInitEnabled) this.#runInitialObservers();
-			runtimeState.lifetimes.attached?.call(this);
+			runtimeState.lifetimes.attached?.call(this.#publicInstance);
 			this.#isMounted = true;
 			if (!supportsLit) this.#renderLegacy();
 		}
@@ -91,7 +135,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			if (supportsLit && typeof superDisconnected === "function") superDisconnected.call(this);
 			this.#isMounted = false;
 			instances.delete(this);
-			runtimeState.lifetimes.detached?.call(this);
+			runtimeState.lifetimes.detached?.call(this.#publicInstance);
 		}
 		attributeChangedCallback(attrName, oldValue, newValue) {
 			const superAttributeChanged = BaseElement.prototype.attributeChangedCallback;
@@ -102,10 +146,11 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			this.#setProperty(propName, coerceValue(newValue, propOption?.type));
 		}
 		firstUpdated() {
-			runtimeState.lifetimes.ready?.call(this);
+			runtimeState.lifetimes.ready?.call(this.#publicInstance);
 			this.#readyFired = true;
 		}
 		updated() {
+			this.#syncVirtualHostClasses();
 			if (this.#usesLegacyTemplate) bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this);
 		}
 		render() {
@@ -129,23 +174,27 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			for (const attr of this.attributes) this.attributeChangedCallback(attr.name, null, attr.value);
 		}
 		#applyDataPatch(patch) {
-			if (!patch || typeof patch !== "object") return;
+			if (!patch || typeof patch !== "object") return false;
 			let changed = false;
+			const changedKeys = [];
+			const previousProperties = {};
 			for (const [key, value] of Object.entries(patch)) {
 				if (this.#state[key] === value) continue;
 				const oldValue = this.#state[key];
 				this.#state[key] = value;
 				if (hasOwn(this.#properties, key)) {
+					previousProperties[key] = oldValue;
 					this.#properties[key] = value;
-					const propOption = runtimeState.componentRef.properties?.[key];
-					if (propOption?.observer) {
-						propOption.observer.call(this, value, oldValue);
-						this.#observedKeys.add(key);
-					}
 				}
+				changedKeys.push(key);
 				changed = true;
 			}
-			if (changed) this.requestUpdate();
+			if (changed) {
+				this.requestUpdate();
+				runComponentObservers(runtimeState.componentRef, this.#publicInstance, changedKeys, previousProperties);
+				for (const key of changedKeys) if (runtimeState.componentRef.properties?.[key]?.observer) this.#observedKeys.add(key);
+			}
+			return changed;
 		}
 		#setProperty(name, value) {
 			const propOption = runtimeState.componentRef.properties?.[name];
@@ -155,10 +204,8 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			this.#properties[name] = coerced;
 			this.#state[name] = coerced;
 			if (this.#isMounted) this.requestUpdate();
-			if (propOption?.observer) {
-				propOption.observer.call(this, coerced, oldValue);
-				this.#observedKeys.add(name);
-			}
+			runComponentObservers(runtimeState.componentRef, this.#publicInstance, [name], { [name]: oldValue });
+			if (propOption?.observer) this.#observedKeys.add(name);
 		}
 		#runInitialObservers() {
 			if (this.#observerInitDone) return;
@@ -166,16 +213,32 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			for (const [propName, propOption] of runtimeState.propertyEntries) {
 				if (!propOption.observer || this.#observedKeys.has(propName)) continue;
 				const value = this.#state[propName];
-				propOption.observer.call(this, value, void 0);
+				propOption.observer.call(this.#publicInstance, value, void 0);
 				this.#observedKeys.add(propName);
 			}
 		}
 		#syncMethods(nextMethods) {
 			const resolved = nextMethods ?? {};
 			const bound = {};
-			for (const [name, fn] of Object.entries(resolved)) if (typeof fn === "function") bound[name] = fn.bind(this);
+			for (const [name, fn] of Object.entries(resolved)) if (typeof fn === "function") bound[name] = fn.bind(this.#publicInstance);
+			for (const name of this.#exposedMethodNames) {
+				if (name in bound) continue;
+				const descriptor = Object.getOwnPropertyDescriptor(this, name);
+				if (descriptor?.configurable && descriptor.value === this.#methods[name]) delete this[name];
+				this.#exposedMethodNames.delete(name);
+			}
 			for (const key of Object.keys(this.#methods)) if (!(key in bound)) delete this.#methods[key];
-			for (const [key, fn] of Object.entries(bound)) this.#methods[key] = fn;
+			for (const [key, fn] of Object.entries(bound)) {
+				this.#methods[key] = fn;
+				if (!this.#exposedMethodNames.has(key) && key in this) continue;
+				Object.defineProperty(this, key, {
+					configurable: true,
+					enumerable: false,
+					writable: true,
+					value: fn
+				});
+				this.#exposedMethodNames.add(key);
+			}
 			this.#renderContext = createRenderContext(this, this.#methods);
 		}
 		__weappSync(nextMethods) {
@@ -184,7 +247,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		}
 		__weappInvokePageLifetime(type) {
 			const hook = runtimeState.pageLifetimes[type];
-			if (typeof hook === "function") hook.call(this);
+			if (typeof hook === "function") hook.call(this.#publicInstance);
 		}
 		#renderLegacy() {
 			const result = runtimeState.templateRef(this.#state, this.#renderContext);
@@ -195,11 +258,24 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 				bindRuntimeEvents(root, this.#methods, this);
 			} else if (result == null) root.innerHTML = styleMarkup;
 			else root.innerHTML = `${styleMarkup}${String(result)}`;
+			this.#syncVirtualHostClasses();
 			if (!this.#readyFired) {
-				runtimeState.lifetimes.ready?.call(this);
+				runtimeState.lifetimes.ready?.call(this.#publicInstance);
 				this.#readyFired = true;
 			}
 		}
+		#syncVirtualHostClasses() {
+			const host = this;
+			if (!runtimeState.componentRef.options?.virtualHost) {
+				clearVirtualHostClasses(host, this.#virtualHostClassTokens);
+				clearVirtualHostParts(this.#virtualHostRootElement, this.#virtualHostPartTokens);
+				this.#virtualHostRootElement = void 0;
+				return;
+			}
+			const root = resolveRenderRoot(this);
+			syncVirtualHostClasses(host, root, this.#virtualHostClassTokens);
+			this.#virtualHostRootElement = syncVirtualHostParts(root, this.#virtualHostRootElement, this.#virtualHostPartTokens);
+		}
 	}
 	return WeappWebComponent;
 }

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

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