@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/dist/cjs/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || typeof subResult !== 'object' || !(part in subResult)) return SWC_NOT_FOUND;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || typeof result !== 'object' || !(part in result)) {\n        return SWC_NOT_FOUND;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return SWC_NOT_FOUND;\n  }\n\n  static evalExpression(expr: string, context: Record<string, any>): any {\n    try {\n      const keys = Object.keys(context);\n      const values = Object.values(context);\n      // eslint-disable-next-line no-new-func\n      return new Function(...keys, `return (${expr})`).apply(null, values);\n    } catch {\n      return SWC_NOT_FOUND;\n    }\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n      hostContext?: Record<string, any>;\n    }\n  ) {\n    const { asKey, asIndexKey, index, hostContext } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index;\n    }\n    if (data !== null && data !== undefined) {\n      context[asKey] = data;\n      context['value'] = data; // Always provide 'value' as well\n    }\n    const fullContext: Record<string, any> = { ...(hostContext || {}), ...context };\n\n    const resolveExpr = (expr: string, match: string): string => {\n      expr = expr.trim();\n      // 1. Local path resolve\n      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);\n      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== 'symbol') {\n        return simpleVal === null || simpleVal === undefined ? '' : String(simpleVal);\n      }\n      // 2. Full context eval (alias, host states, etc.)\n      const exprVal = SwcUtils.evalExpression(expr, fullContext);\n      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== 'symbol') {\n        return exprVal === null || exprVal === undefined ? '' : String(exprVal);\n      }\n      return match;\n    };\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          return resolveExpr(path, match);\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as HTMLElement;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            return resolveExpr(path, match);\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n      if ((obj as any).__swc_is_proxy) return obj;\n\n      const IS_PROXY_KEY = '__swc_is_proxy';\n\n      const proxy = new Proxy(obj, {\n        get: (t, prop) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') return t[prop];\n          return t[prop];\n        },\n        set: (t, prop, val) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') {\n            t[prop] = val;\n            return true;\n          }\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n      return proxy;\n    };\n\n    return makeRecursiveProxy(target);\n  }\n\n  static findNearestSwcHost(el: HTMLElement | Node): any {\n    const hosts = this.findAllSwcHosts(el);\n    return hosts.length > 0 ? hosts[hosts.length - 1] : null;\n  }\n\n  static findAllSwcHosts(el: HTMLElement | Node): any[] {\n    const hosts: any[] = [];\n    let curr: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;\n    curr = curr?.parentElement || (curr?.getRootNode() as any)?.host;\n\n    while (curr) {\n      if (curr._swcId) hosts.push(curr);\n      curr = curr.parentElement || (curr?.getRootNode() as any)?.host;\n    }\n    return hosts.reverse();\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../elements/SwcInterfaces';\n\nexport const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || typeof subResult !== 'object' || !(part in subResult)) return SWC_NOT_FOUND;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || typeof result !== 'object' || !(part in result)) {\n        return SWC_NOT_FOUND;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return SWC_NOT_FOUND;\n  }\n\n  static evalExpression(expr: string, context: Record<string, any>): any {\n    try {\n      const keys = Object.keys(context);\n      const values = Object.values(context);\n      // eslint-disable-next-line no-new-func\n      return new Function(...keys, `return (${expr})`).apply(null, values);\n    } catch {\n      return SWC_NOT_FOUND;\n    }\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n      hostContext?: Record<string, any>;\n    }\n  ) {\n    const { asKey, asIndexKey, index, hostContext } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index;\n    }\n    if (data !== null && data !== undefined) {\n      context[asKey] = data;\n      context['value'] = data; // Always provide 'value' as well\n    }\n    const fullContext: Record<string, any> = { ...(hostContext || {}), ...context };\n\n    const resolveExpr = (expr: string, match: string): string => {\n      expr = expr.trim();\n      // 1. Local path resolve\n      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);\n      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== 'symbol') {\n        return simpleVal === null || simpleVal === undefined ? '' : String(simpleVal);\n      }\n      // 2. Full context eval (alias, host states, etc.)\n      const exprVal = SwcUtils.evalExpression(expr, fullContext);\n      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== 'symbol') {\n        return exprVal === null || exprVal === undefined ? '' : String(exprVal);\n      }\n      return match;\n    };\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          return resolveExpr(path, match);\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as HTMLElement;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            return resolveExpr(path, match);\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n      if ((obj as any).__swc_is_proxy) return obj;\n\n      const IS_PROXY_KEY = '__swc_is_proxy';\n\n      const proxy = new Proxy(obj, {\n        get: (t, prop) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') return t[prop];\n          return t[prop];\n        },\n        set: (t, prop, val) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') {\n            t[prop] = val;\n            return true;\n          }\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n      return proxy;\n    };\n\n    return makeRecursiveProxy(target);\n  }\n\n  static findNearestSwcHost(el: HTMLElement | Node): any {\n    const hosts = this.findAllSwcHosts(el);\n    return hosts.length > 0 ? hosts[hosts.length - 1] : null;\n  }\n\n  static findAllSwcHosts(el: HTMLElement | Node): any[] {\n    const hosts: any[] = [];\n    let curr: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;\n    curr = curr?.parentElement || (curr?.getRootNode() as any)?.host;\n\n    while (curr) {\n      if (curr._swcId) hosts.push(curr);\n      curr = curr.parentElement || (curr?.getRootNode() as any)?.host;\n    }\n    return hosts.reverse();\n  }\n\n  static getHosts(el: HTMLElement): SwcHTMLElementInterface[] {\n    return this.findAllSwcHosts(el);\n  }\n\n  static getHost(el: HTMLElement): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts(el);\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  static getFirstHost(el: HTMLElement): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts(el);\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  static getAppHosts(el: HTMLElement): SwcAppInterface[] {\n    const hosts = this.getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  }\n\n  static getAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    const appHosts = this.getAppHosts(el);\n    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : undefined;\n  }\n\n  static getFirstAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    const appHosts = this.getAppHosts(el);\n    return appHosts.length > 0 ? appHosts[0] : undefined;\n  }\n\n  static getLastAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    return this.getAppHost(el);\n  }\n\n  static getHostSet(el: HTMLElement): HostSet {\n    const $hosts = this.getHosts(el);\n    const $appHosts = this.getAppHosts(el);\n\n    const $firstHost = $hosts[0] || null;\n    const $lastHost = $hosts[$hosts.length - 1] || null;\n\n    const $firstAppHost = $appHosts[0] || null;\n    const $lastAppHost = $appHosts[$appHosts.length - 1] || null;\n\n    return {\n      $host: $lastHost,\n      $hosts,\n      $firstHost,\n      $lastHost,\n      $appHost: $lastAppHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost\n    };\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/elementDefine.js

@@ -9,6 +9,8 @@ import { getStateMetadataList } from "./state.js";
 import { getEmitCustomEventMetadataList } from "./emitCustomEvent.js";
 import { SwcUtils, SWC_NOT_FOUND } from "../utils/Utils.js";
 import { HTML_TAG_ENTRIES } from "../config/config.js";
+import { SituationTypeContainer, SituationTypeContainers } from "@dooboostore/simple-boot/decorators/inject/Inject";
+import { InjectSituationType } from "../elements/SwcInterfaces.js";
 const ELEMENT_CONFIG_KEY = Symbol("simple-web-component:element-config");
 const STATE_CHANGE_EVENT = "swc:state-change";
 function buildEnv(configWindow) {
@@ -64,7 +66,8 @@ const elementDefine = (inConfig) => (constructor) => {
       this._externalSources = /* @__PURE__ */ new Map();
       this._isSyncing = false;
       this._isUpdatingState = false;
-      this._executeSwcScript("swc-on-constructor");
+      const hostSet = SwcUtils.getHostSet(this);
+      this._executeSwcScript("swc-on-constructor", hostSet);
       if (stateList) {
         stateList.forEach((meta) => {
           const key = meta.propertyKey;
@@ -128,7 +131,6 @@ const elementDefine = (inConfig) => (constructor) => {
         this.attachShadow({ mode: "open" });
       }
     }
-    // name→value 컨텍스트 반환 (applyData의 hostContext용)
     _getHostContext() {
       const ctx = {};
       if (stateList) {
@@ -145,26 +147,20 @@ const elementDefine = (inConfig) => (constructor) => {
           ctx[name] = val;
         });
       }
-      const alias = this.getAttribute("as");
       const hostVal = this.value !== void 0 ? this.value : this;
       ctx["value"] = hostVal;
-      if (alias && alias !== "value") {
-        ctx[alias] = hostVal;
-      }
+      const alias = this.getAttribute("as");
+      if (alias && alias !== "value") ctx[alias] = hostVal;
       return ctx;
     }
     static get observedAttributes() {
       return mergedObservedAttributes;
     }
-    _executeSwcScript(attrName, extraArgs = {}) {
+    _executeSwcScript(attrName, hostSet, extraArgs = {}) {
       const script = this.getAttribute(attrName);
       if (script) {
         try {
-          const $hosts = SwcUtils.findAllSwcHosts(this);
-          const $firstHost = $hosts[0] || null;
-          const $lastHost = $hosts[$hosts.length - 1] || null;
-          const $host = $lastHost;
-          const args = { $host, $hosts, $firstHost, $lastHost, ...SWC_DOM_HELPERS, ...extraArgs };
+          const args = { ...hostSet, ...SWC_DOM_HELPERS, ...extraArgs };
           const argNames = Object.keys(args);
           const argValues = Object.values(args);
           new Function(...argNames, script).apply(this, argValues);
@@ -173,6 +169,25 @@ const elementDefine = (inConfig) => (constructor) => {
         }
       }
     }
+    async _invokeLifecycleMethod(methodName, hostSet, extraArgs = []) {
+      if (typeof this[methodName] !== "function") return;
+      const app = hostSet.$appHost?.simpleApplication;
+      if (app) {
+        const otherStorage = /* @__PURE__ */ new Map();
+        const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: InjectSituationType.HOST_SET, data: hostSet }), new SituationTypeContainer({ situationType: InjectSituationType.APP_HOST, data: hostSet.$appHost }), new SituationTypeContainer({ situationType: InjectSituationType.APP_HOSTS, data: hostSet.$appHosts }), new SituationTypeContainer({ situationType: InjectSituationType.HOST, data: hostSet.$host }), new SituationTypeContainer({ situationType: InjectSituationType.HOSTS, data: hostSet.$hosts }), new SituationTypeContainer({ situationType: InjectSituationType.FIRST_HOST, data: hostSet.$firstHost }), new SituationTypeContainer({ situationType: InjectSituationType.LAST_HOST, data: hostSet.$lastHost }), new SituationTypeContainer({ situationType: InjectSituationType.FIRST_APP_HOST, data: hostSet.$firstAppHost }), new SituationTypeContainer({ situationType: InjectSituationType.LAST_APP_HOST, data: hostSet.$lastAppHost })]);
+        otherStorage.set(SituationTypeContainers, situations);
+        return app.simstanceManager.executeBindParameterSimPromise(
+          {
+            target: this,
+            targetKey: methodName,
+            inputParameters: extraArgs
+          },
+          otherStorage
+        );
+      } else {
+        return this[methodName](hostSet, ...extraArgs);
+      }
+    }
     _syncDecorators() {
       if (this._isSyncing) return;
       this._isSyncing = true;
@@ -301,9 +316,7 @@ const elementDefine = (inConfig) => (constructor) => {
                   this._boundElements.set(host, hBound);
                 }
                 if (!hBound.has(hostBindKey)) {
-                  host.addEventListener(STATE_CHANGE_EVENT, () => {
-                    this._updateState(hAlias);
-                  });
+                  host.addEventListener(STATE_CHANGE_EVENT, () => this._updateState(hAlias));
                   hBound.add(hostBindKey);
                 }
               }
@@ -311,6 +324,8 @@ const elementDefine = (inConfig) => (constructor) => {
             Array.from(el.attributes).forEach((attr) => {
               if (attr.name.startsWith("swc-on-") && !swcLifecycleAttributes.includes(attr.name)) {
                 const eventName = attr.name.substring(7);
+                const script = attr.value;
+                const hostSet = SwcUtils.getHostSet(el);
                 if (eventName === "connected") {
                   const eventKey2 = `attr-once:${attr.name}`;
                   let bound2 = this._boundElements.get(el);
@@ -319,14 +334,11 @@ const elementDefine = (inConfig) => (constructor) => {
                     this._boundElements.set(el, bound2);
                   }
                   if (!bound2.has(eventKey2)) {
-                    const script = el.getAttribute(attr.name);
                     if (script) {
                       try {
-                        const $hosts2 = SwcUtils.findAllSwcHosts(el);
-                        const $firstHost = $hosts2[0] || null;
-                        const $lastHost = $hosts2[$hosts2.length - 1] || null;
-                        const $host = $lastHost;
-                        new Function("event", "$data", "$host", "$hosts", "$firstHost", "$lastHost", ...SWC_DOM_HELPER_KEYS, script).call(el, null, null, $host, $hosts2, $firstHost, $lastHost, ...SWC_DOM_HELPER_VALS());
+                        const argNames = Object.keys(hostSet);
+                        const argValues = Object.values(hostSet);
+                        new Function("event", "$data", ...argNames, ...SWC_DOM_HELPER_KEYS, script).call(el, null, null, ...argValues, ...SWC_DOM_HELPER_VALS());
                       } catch (e) {
                         console.error(`[SWC] Failed to execute ${attr.name} script:`, e);
                       }
@@ -343,14 +355,11 @@ const elementDefine = (inConfig) => (constructor) => {
                 }
                 if (!bound.has(eventKey)) {
                   const handler = (event) => {
-                    const rawScript = el.getAttribute(attr.name);
-                    if (rawScript) {
+                    if (script) {
                       try {
-                        const $hosts2 = SwcUtils.findAllSwcHosts(el);
-                        const $firstHost = $hosts2[0] || null;
-                        const $lastHost = $hosts2[$hosts2.length - 1] || null;
-                        const $host = $lastHost;
-                        new Function("event", "$data", "$host", "$hosts", "$firstHost", "$lastHost", ...SWC_DOM_HELPER_KEYS, rawScript).call(el, event, event.detail, $host, $hosts2, $firstHost, $lastHost, ...SWC_DOM_HELPER_VALS());
+                        const argNames = Object.keys(hostSet);
+                        const argValues = Object.values(hostSet);
+                        new Function("event", "$data", ...argNames, ...SWC_DOM_HELPER_KEYS, script).call(el, event, event.detail, ...argValues, ...SWC_DOM_HELPER_VALS());
                       } catch (e) {
                         console.error(`[SWC] Failed to execute ${attr.name} script:`, e);
                       }
@@ -387,7 +396,7 @@ const elementDefine = (inConfig) => (constructor) => {
         const rootName = fullPath.split(".")[0];
         const isState = stateList?.some((s) => s.options.name === rootName);
         const isAttr = attributePropsList?.some((a) => a.options.name === rootName);
-        const isLogicKey = this._asKey === rootName || this._asIndexKey === rootName;
+        const isLogicKey = this._asKey === rootName || this._asItemKey === rootName || this._asIndexKey === rootName;
         const isExternal = this._externalSources.has(rootName);
         const isSelfAlias = this.getAttribute("as") === rootName;
         const isInstanceProp = rootName in this;
@@ -417,13 +426,7 @@ const elementDefine = (inConfig) => (constructor) => {
         this._executeBindingUpdate(stateName);
         const selfAlias = this.getAttribute("as");
         if (selfAlias && selfAlias !== stateName) this._executeBindingUpdate(selfAlias);
-        this.dispatchEvent(
-          new CustomEvent(STATE_CHANGE_EVENT, {
-            bubbles: true,
-            composed: true,
-            detail: { source: stateName, host: this }
-          })
-        );
+        this.dispatchEvent(new CustomEvent(STATE_CHANGE_EVENT, { bubbles: true, composed: true, detail: { source: stateName, host: this } }));
       } finally {
         this._isUpdatingState = false;
       }
@@ -511,11 +514,10 @@ const elementDefine = (inConfig) => (constructor) => {
       });
     }
     disconnectedCallback() {
-      this._executeSwcScript("swc-on-before-disconnected");
+      const hostSet = SwcUtils.getHostSet(this);
+      this._executeSwcScript("swc-on-before-disconnected", hostSet);
       const bMethods = getLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);
-      bMethods?.forEach((m) => {
-        if (typeof this[m] === "function") this[m]();
-      });
+      bMethods?.forEach((m) => this._invokeLifecycleMethod(m, hostSet));
       if (this._observer) this._observer.disconnect();
       if (this._shadowObserver) this._shadowObserver.disconnect();
       if (config.autoRemoveEventListeners) {
@@ -524,30 +526,28 @@ const elementDefine = (inConfig) => (constructor) => {
       }
       if (super.disconnectedCallback) super.disconnectedCallback();
       const aMethods = getLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);
-      aMethods?.forEach((m) => {
-        if (typeof this[m] === "function") this[m]();
-      });
-      this._executeSwcScript("swc-on-after-disconnected");
+      aMethods?.forEach((m) => this._invokeLifecycleMethod(m, hostSet));
+      this._executeSwcScript("swc-on-after-disconnected", hostSet);
     }
     adoptedCallback() {
-      this._executeSwcScript("swc-on-before-adopted");
+      const hostSet = SwcUtils.getHostSet(this);
+      this._executeSwcScript("swc-on-before-adopted", hostSet);
       const bMethods = getLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);
-      bMethods?.forEach((m) => {
-        if (typeof this[m] === "function") this[m]();
-      });
+      bMethods?.forEach((m) => this._invokeLifecycleMethod(m, hostSet));
       if (super.adoptedCallback) super.adoptedCallback();
       const aMethods = getLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);
-      aMethods?.forEach((m) => {
-        if (typeof this[m] === "function") this[m]();
-      });
-      this._executeSwcScript("swc-on-after-adopted");
+      aMethods?.forEach((m) => this._invokeLifecycleMethod(m, hostSet));
+      this._executeSwcScript("swc-on-after-adopted", hostSet);
     }
     async connectedCallback() {
-      this._executeSwcScript("swc-on-before-connected");
+      const hostSet = SwcUtils.getHostSet(this);
+      this._executeSwcScript("swc-on-before-connected", hostSet);
       const bMethods = getLifecycleMetadata(this, ON_BEFORE_CONNECTED_METADATA_KEY);
-      bMethods?.forEach((m) => {
-        if (typeof this[m] === "function") this[m]();
-      });
+      if (bMethods) {
+        for (const m of bMethods) {
+          await this._invokeLifecycleMethod(m, hostSet);
+        }
+      }
       if (typeof this.initCore === "function") this.initCore();
       const iHtmlList = getInnerHtmlMetadataList(this);
       let sContent = "";
@@ -567,8 +567,9 @@ const elementDefine = (inConfig) => (constructor) => {
       const isManagedByParent = !!SwcUtils.findNearestSwcHost(this);
       if (!isManagedByParent) {
         Array.from(this.attributes).forEach((attr) => {
-          if (attr.name.startsWith("swc-on-") && swcLifecycleAttributes.indexOf(attr.name) === -1) {
+          if (attr.name.startsWith("swc-on-") && !swcLifecycleAttributes.includes(attr.name)) {
             const eventName = attr.name.substring(7);
+            const script = attr.value;
             if (eventName === "connected") {
               const eventKey2 = `host-attr-once:${attr.name}`;
               let bound2 = this._boundElements.get(this);
@@ -577,14 +578,11 @@ const elementDefine = (inConfig) => (constructor) => {
                 this._boundElements.set(this, bound2);
               }
               if (!bound2.has(eventKey2)) {
-                const script = this.getAttribute(attr.name);
                 if (script) {
                   try {
-                    const $hosts = SwcUtils.findAllSwcHosts(this);
-                    const $firstHost = $hosts[0] || null;
-                    const $lastHost = $hosts[$hosts.length - 1] || null;
-                    const $host = $lastHost;
-                    new Function("event", "$data", "$host", "$hosts", "$firstHost", "$lastHost", ...SWC_DOM_HELPER_KEYS, script).call(this, null, null, $host, $hosts, $firstHost, $lastHost, ...SWC_DOM_HELPER_VALS());
+                    const argNames = Object.keys(hostSet);
+                    const argValues = Object.values(hostSet);
+                    new Function("event", "$data", ...argNames, ...SWC_DOM_HELPER_KEYS, script).call(this, null, null, ...argValues, ...SWC_DOM_HELPER_VALS());
                   } catch (e) {
                     console.error(`[SWC] Failed to execute ${attr.name} script:`, e);
                   }
@@ -601,14 +599,11 @@ const elementDefine = (inConfig) => (constructor) => {
             }
             if (!bound.has(eventKey)) {
               const handler = (event) => {
-                const script = this.getAttribute(attr.name);
                 if (script) {
                   try {
-                    const $hosts = SwcUtils.findAllSwcHosts(this);
-                    const $firstHost = $hosts[0] || null;
-                    const $lastHost = $hosts[$hosts.length - 1] || null;
-                    const $host = $lastHost;
-                    new Function("event", "$data", "$host", "$hosts", "$firstHost", "$lastHost", ...SWC_DOM_HELPER_KEYS, script).call(this, event, event.detail, $host, $hosts, $firstHost, $lastHost, ...SWC_DOM_HELPER_VALS());
+                    const argNames = Object.keys(hostSet);
+                    const argValues = Object.values(hostSet);
+                    new Function("event", "$data", ...argNames, ...SWC_DOM_HELPER_KEYS, script).call(this, event, event.detail, ...argValues, ...SWC_DOM_HELPER_VALS());
                   } catch (e) {
                     console.error(`[SWC] Failed to execute ${attr.name} script:`, e);
                   }
@@ -645,10 +640,12 @@ const elementDefine = (inConfig) => (constructor) => {
       }
       if (super.connectedCallback) await super.connectedCallback();
       const aMethods = getLifecycleMetadata(this, ON_AFTER_CONNECTED_METADATA_KEY);
-      aMethods?.forEach((m) => {
-        if (typeof this[m] === "function") this[m]();
-      });
-      this._executeSwcScript("swc-on-after-connected");
+      if (aMethods) {
+        for (const m of aMethods) {
+          await this._invokeLifecycleMethod(m, hostSet);
+        }
+      }
+      this._executeSwcScript("swc-on-after-connected", hostSet);
     }
     attributeChangedCallback(name, oldValue, newValue) {
       if (super.attributeChangedCallback) super.attributeChangedCallback(name, oldValue, newValue);
@@ -664,10 +661,10 @@ const elementDefine = (inConfig) => (constructor) => {
       if (typeof this._updateState === "function") this._updateState(name);
       const aMethodsMap = getLifecycleMetadata(constructor, ON_ATTRIBUTE_CHANGED_METADATA_KEY);
       const mKeys = aMethodsMap?.get(name);
-      if (mKeys && Array.isArray(mKeys))
-        mKeys.forEach((key) => {
-          if (typeof this[key] === "function") this[key](newValue, oldValue, name);
-        });
+      const hostSet = SwcUtils.getHostSet(this);
+      if (mKeys && Array.isArray(mKeys)) {
+        mKeys.forEach((key) => this._invokeLifecycleMethod(key, hostSet, [newValue, oldValue, name]));
+      }
       if (emitCustomEventList) {
         const eMeta = emitCustomEventList.find((it) => it.options.attributeName === name);
         if (eMeta) {
@@ -684,13 +681,22 @@ const elementDefine = (inConfig) => (constructor) => {
         }
       }
       const wMethodsKeys = aMethodsMap?.get(ATTRIBUTE_CHANGED_WILDCARD);
-      if (wMethodsKeys && Array.isArray(wMethodsKeys))
-        wMethodsKeys.forEach((key) => {
-          if (typeof this[key] === "function") this[key](newValue, oldValue, name);
-        });
-      this._executeSwcScript("swc-on-attribute-changed", { $new: newValue, $old: oldValue, $name: name });
+      if (wMethodsKeys && Array.isArray(wMethodsKeys)) {
+        wMethodsKeys.forEach((key) => this._invokeLifecycleMethod(key, hostSet, [newValue, oldValue, name]));
+      }
+      this._executeSwcScript("swc-on-attribute-changed", hostSet, { $new: newValue, $old: oldValue, $name: name });
     }
   };
+  const originalProto = constructor.prototype;
+  const newProto = NewClass.prototype;
+  Object.getOwnPropertyNames(originalProto).forEach((name) => {
+    if (name === "constructor") return;
+    const keys = Reflect.getMetadataKeys(originalProto, name);
+    keys.forEach((key) => {
+      const metadata = Reflect.getMetadata(key, originalProto, name);
+      Reflect.defineMetadata(key, metadata, newProto, name);
+    });
+  });
   ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);
   ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, constructor);
   const registry = config.customElementRegistry || (typeof win !== "undefined" ? win.customElements : void 0);