@dooboostore/dom-render 1.0.108 → 1.0.109

package/dist/cjs/rawsets/Render.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/rawsets/Render.ts"],
-  "sourcesContent": ["import { CreatorMetaData } from './CreatorMetaData';\nimport { Router } from '../routers/Router';\nimport { RawSet } from './RawSet';\n\nexport type Render = {\n    rawSet?: RawSet;\n    scripts?: { [n: string]: any };\n    bindScript?: string;\n    renderScript?: string;\n    element?: any;\n    getElement?: <T extends Element>()=>T;\n    attribute?: any;\n    creatorMetaData?: CreatorMetaData;\n    router?: Router;\n    range?: any;\n    value?: any;\n    currentThis?: any;\n    currentThisPath?: any;\n    nearThisPath?: string,\n    nearThis?: any;\n    parentThisPath?: string,\n    parentThis?: any,\n    rootObject?: any,\n    [n: string]: any; // component?: any; //component instance\n}\n"],
+  "sourcesContent": ["import { CreatorMetaData } from './CreatorMetaData';\nimport { Router } from '../routers/Router';\nimport { RawSet } from './RawSet';\n\nexport type Render = {\n    rawSet?: RawSet;\n    scripts?: { [n: string]: any };\n    bindScript?: string;\n    renderScript?: string;\n    element?: any;\n    getElement?: <T extends Element>()=>T;\n    attribute?: any;\n    creatorMetaData?: CreatorMetaData;\n    router?: Router;\n    range?: any;\n    value?: any;\n    innerHTML?: string;\n    currentThis?: any;\n    currentThisPath?: any;\n    nearThisPath?: string,\n    nearThis?: any;\n    parentThisPath?: string,\n    parentThis?: any,\n    rootObject?: any,\n    [n: string]: any; // component?: any; //component instance\n}\n"],
   "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/routers/Router.js

@@ -26,6 +26,30 @@ var import_BehaviorSubject = require("@dooboostore/core/message/BehaviorSubject"
 var import_Expression = require("@dooboostore/core/expression/Expression");
 const isPopStateCurrentTargetDomrenderRouter = (obj) => obj?.currentTargetName === "domRenderRouter";
 class Router {
+  constructor(config) {
+    this._config = config;
+    let routeData;
+    if (config?.firstUrl) {
+      const path = config.firstUrl.split("?");
+      routeData = {
+        url: config.firstUrl,
+        path: path[0],
+        searchParams: new URLSearchParams(path[1] ?? ""),
+        router: this
+      };
+      this.behaviorSubject = new import_BehaviorSubject.BehaviorSubject(routeData);
+      this.go(config.firstUrl);
+    } else {
+      routeData = this.getRouteData();
+      this.behaviorSubject = new import_BehaviorSubject.BehaviorSubject(routeData);
+    }
+    this.config.window.addEventListener("popstate", (event) => {
+      if (!isPopStateCurrentTargetDomrenderRouter(event.state)) {
+        const routeData2 = this.getRouteData();
+        this.behaviorSubject.next(routeData2);
+      }
+    });
+  }
   get observable() {
     return this.behaviorSubject.asObservable();
   }
@@ -35,16 +59,6 @@ class Router {
   get config() {
     return this._config;
   }
-  constructor(config) {
-    this._config = config;
-    this.behaviorSubject = new import_BehaviorSubject.BehaviorSubject(this.getRouteData());
-    this.config.window.addEventListener("popstate", (event) => {
-      if (!isPopStateCurrentTargetDomrenderRouter(event.state)) {
-        const routeData = this.getRouteData();
-        this.behaviorSubject.next(routeData);
-      }
-    });
-  }
   getSearchFirstParamsObject(defaultValue) {
     const a = import_ConvertUtils.ConvertUtils.toObject(this.getSearchParams(), { firstValue: true });
     return Object.assign({}, defaultValue, a);
@@ -52,8 +66,13 @@ class Router {
   getHashSearchFirstParamsObject() {
     return import_ConvertUtils.ConvertUtils.toObject(this.getHashSearchParams(), { firstValue: true });
   }
-  async attach() {
-  }
+  // async attach(): Promise<void> {
+  //   // const proxy = getDomRenderProxy(this.config.rootObject)
+  //   // if (proxy) {
+  //   //   const key = `___${EventManager.ROUTER_VARNAME}`;
+  //   //   await proxy.render(key);
+  //   // }
+  // }
   testRegexp(regexp) {
     if (regexp) {
       const b = RegExp(regexp).test(this.getPathName());
@@ -120,9 +139,6 @@ class Router {
     } else {
       this.push(config.path, config.data, config.title);
     }
-    if (!this.config.disableAttach) {
-      await this.attach();
-    }
     if (config.scrollToTop !== false) {
       try {
         this._config.window?.scrollTo?.(0, 0);

package/dist/cjs/routers/Router.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/routers/Router.ts"],
-  "sourcesContent": ["import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';\nimport { Observable } from '@dooboostore/core/message/Observable';\nimport { BehaviorSubject } from '@dooboostore/core/message/BehaviorSubject';\nimport { Expression } from '@dooboostore/core/expression/Expression';\nimport ToURLSearchParamsParams = ConvertUtils.ToURLSearchParamsParams;\n\nexport type RouteData = {\n  path: string;\n  url: string;\n  data?: any;\n  searchParams: URLSearchParams;\n  pathData?: any;\n  router: Router;\n  currentTarget?:PopCurrentState;\n}\nexport type PopStateCurrentTargetDomrenderRouter = { currentTargetName: 'domRenderRouter' };\nexport type PopCurrentState = PopStateCurrentTargetDomrenderRouter;\nexport const isPopStateCurrentTargetDomrenderRouter = (obj: any): obj is PopStateCurrentTargetDomrenderRouter =>\n  obj?.currentTargetName === 'domRenderRouter';\n\nexport type RouterConfig<T = any> = { rootObject?: T, window: Window, disableAttach?: boolean,\n  // changeStateConvertDate?:(data: any)=>any\n};\nexport type ChangeStateResult = {data?: any}\nexport type RouteAction = string | { path?: string, searchParams?: ToURLSearchParamsParams };\n\n/*\n    this.option.window.addEventListener('popstate', (event) => { // history.back, forward\uC5D0\uB9CC popstate \uBC1C\uC0DD\uB418\uACE0 \uAC12\uC774 \uB3C4\uCD9C\uB41C\uB2E4\n   console.log('popstate-------!!', event.state, this.domRenderConfig.window.history.state)\n   })\n */\nexport abstract class Router<T = any> {\n  private behaviorSubject: BehaviorSubject<RouteData>;\n  private _config: RouterConfig<T>;\n\n  get observable(): Observable<RouteData> {\n    return this.behaviorSubject.asObservable();\n  }\n\n  get searchParamObject() {\n    return ConvertUtils.toObject(this.getSearchParams());\n  }\n\n  get config() {\n    return this._config;\n  }\n\n  constructor(config: RouterConfig<any>) {\n    this._config = config;\n    this.behaviorSubject = new BehaviorSubject<RouteData>(this.getRouteData());\n    this.config.window.addEventListener('popstate', (event: PopStateEvent) => {\n      if(!isPopStateCurrentTargetDomrenderRouter(event.state)) {\n        // console.log('-------');\n        const routeData = this.getRouteData();\n        this.behaviorSubject.next(routeData);\n      }\n    })\n  }\n\n  public getSearchFirstParamsObject<T = any>(defaultValue?: T) {\n    const a = ConvertUtils.toObject<T>(this.getSearchParams(), {firstValue: true});\n    return Object.assign({}, defaultValue, a);\n  }\n\n  public getHashSearchFirstParamsObject<T = any>() {\n    return ConvertUtils.toObject<T>(this.getHashSearchParams(), {firstValue: true});\n  }\n\n  async attach(): Promise<void> {\n    // const proxy = getDomRenderProxy(this.config.rootObject)\n    // if (proxy) {\n    //   const key = `___${EventManager.ROUTER_VARNAME}`;\n    //   await proxy.render(key);\n    // }\n  }\n\n  testRegexp(regexp?: string): boolean {\n    if (regexp) {\n      const b = RegExp(regexp).test(this.getPathName());\n      return b;\n    }else {\n      return false;\n    }\n  }\n\n  test(urlExpression?: string): boolean {\n    if (urlExpression && this.getPathData(urlExpression)) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  getRouteData(config?: {urlExpression?: string, currentTarget?: PopCurrentState}): RouteData {\n    const newVar = {\n      path: this.getPathName(),\n      url: this.getUrl(),\n      searchParams: this.getSearchParams()\n    } as RouteData;\n\n    const data = this.getData();\n    if (data) {\n      newVar.data = data;\n    }\n    if (config?.urlExpression) {\n      const data = this.getPathData(config.urlExpression);\n      if (data) {\n        newVar.pathData = data;\n      }\n    }\n    newVar.router = this;\n    newVar.currentTarget = config?.currentTarget;\n    return Object.freeze(newVar);\n  }\n\n  pushState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->pushState', data);\n    this.config.window.history.pushState(data, title??'', path);\n    this.behaviorSubject.next(this.getRouteData({currentTarget: {currentTargetName: 'domRenderRouter'}}));\n    return {data};\n  }\n\n  replaceState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->replaceState', data);\n    this.config.window.history.replaceState(data, title??'', path);\n    this.behaviorSubject.next(this.getRouteData({currentTarget: {currentTargetName: 'domRenderRouter'}}));\n    return {data};\n  }\n\n  private dispatchPopStateEvent(data?: any) {\n    this.config.window.dispatchEvent(new PopStateEvent('popstate', {state: {...data, currentTargetName: 'domRenderRouter'}}));\n  }\n\n  reload(data?: any) {\n    this.config.window.dispatchEvent(new PopStateEvent('popstate', {state: data}));\n  }\n\n  getData(): any {\n    return this.config.window.history.state;\n  }\n\n  getPathData(urlExpression: string, currentUrl = this.getPathName()): any {\n    return Expression.Path.pathNameData(currentUrl, urlExpression);\n  }\n\n  async go(config:  string | { path: RouteAction, data?: any, replace?: boolean, title?: string, disabledPopEvent?: boolean, scrollToTop?: boolean } | string): Promise<void> {\n    if (typeof config === 'string') {\n      config = { path: config };\n    }\n\n    // let data: ChangeStateResult | undefined = undefined;\n    if (config?.replace) {\n      this.replace(config.path, config.data, config.title);\n    } else {\n      this.push(config.path, config.data, config.title);\n    }\n    if (!this.config.disableAttach) {\n      await this.attach();\n    }\n    \n    // \uC2A4\uD06C\uB864 \uC81C\uC5B4 (\uAE30\uBCF8\uAC12: true - \uB9E8 \uC704\uB85C \uC2A4\uD06C\uB864)\n    if (config.scrollToTop !== false) {\n      try {\n      this._config.window?.scrollTo?.(0, 0);\n      }catch (e){}\n    }\n    \n    // console.log('----------', data, config)\n    if (!config.disabledPopEvent) {\n      this.dispatchPopStateEvent(config?.data);\n    }\n  }\n\n  toUrl(data: RouteAction) {\n    let targetPath: string;\n    if (typeof data === 'string') {\n      targetPath = data;\n    } else {\n      const tpath = data.path ?? this.getPathName();\n      const s = data.searchParams ? ConvertUtils.toURLSearchParams(data.searchParams).toString() : '';\n      // data.searchParams\n      targetPath = `${tpath}${s.length > 0 ? '?' : ''}${s}`;\n    }\n    return targetPath;\n  }\n\n\n  abstract push(path: RouteAction, data?: any, title?: string): void;\n\n  abstract replace(path: RouteAction, data?: any, title?: string): void;\n\n  abstract pushDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getUrl(): string;\n\n  abstract getHref(): string;\n\n  abstract getPathName(): string;\n}\n"],
-  "mappings": "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",
-  "names": ["data"]
+  "sourcesContent": ["import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';\nimport { Observable } from '@dooboostore/core/message/Observable';\nimport { BehaviorSubject } from '@dooboostore/core/message/BehaviorSubject';\nimport { Expression } from '@dooboostore/core/expression/Expression';\nimport ToURLSearchParamsParams = ConvertUtils.ToURLSearchParamsParams;\n\nexport type RouteData = {\n  path: string;\n  url: string;\n  data?: any;\n  searchParams: URLSearchParams;\n  pathData?: any;\n  router: Router;\n  currentTarget?:PopCurrentState;\n}\nexport type PopStateCurrentTargetDomrenderRouter = { currentTargetName: 'domRenderRouter' };\nexport type PopCurrentState = PopStateCurrentTargetDomrenderRouter;\nexport const isPopStateCurrentTargetDomrenderRouter = (obj: any): obj is PopStateCurrentTargetDomrenderRouter =>\n  obj?.currentTargetName === 'domRenderRouter';\n\nexport type RouterConfig<T = any> = { rootObject?: T, window: Window, firstUrl?: string,\n  // changeStateConvertDate?:(data: any)=>any\n};\nexport type ChangeStateResult = {data?: any}\nexport type RouteAction = string | { path?: string, searchParams?: ToURLSearchParamsParams };\n\n/*\n    this.option.window.addEventListener('popstate', (event) => { // history.back, forward\uC5D0\uB9CC popstate \uBC1C\uC0DD\uB418\uACE0 \uAC12\uC774 \uB3C4\uCD9C\uB41C\uB2E4\n   console.log('popstate-------!!', event.state, this.domRenderConfig.window.history.state)\n   })\n */\nexport abstract class Router<T = any> {\n  private behaviorSubject: BehaviorSubject<RouteData>;\n  private _config: RouterConfig<T>;\n\n  constructor(config: RouterConfig<any>) {\n    this._config = config;\n\n    let routeData: RouteData;\n    if (config?.firstUrl) {\n      const path = config.firstUrl.split('?');\n      routeData = {\n        url: config.firstUrl,\n        path: path[0],\n        searchParams: new URLSearchParams(path[1]??''),\n        router: this,\n      }\n      this.behaviorSubject = new BehaviorSubject<RouteData>(routeData);\n      this.go(config.firstUrl);\n    } else {\n      routeData = this.getRouteData();\n      this.behaviorSubject = new BehaviorSubject<RouteData>(routeData);\n    }\n    this.config.window.addEventListener('popstate', (event: PopStateEvent) => {\n      // domrender\uC5D0\uC11C \uBC1C\uC0DD\uD558\uC9C0 \uC54A\uC740 \uC989 back, previous \uC77C\uB584\uC5D0\uB3C4 \uC774\uBCA4\uD2B8\uAC00\uB3C4\uB85D \uCC98\uB9AC\n      if(!isPopStateCurrentTargetDomrenderRouter(event.state)) {\n        // console.log('-------');\n        const routeData = this.getRouteData();\n        this.behaviorSubject.next(routeData);\n      }\n    })\n  }\n\n\n  get observable(): Observable<RouteData> {\n    return this.behaviorSubject.asObservable();\n  }\n\n  get searchParamObject() {\n    return ConvertUtils.toObject(this.getSearchParams());\n  }\n\n  get config() {\n    return this._config;\n  }\n\n  public getSearchFirstParamsObject<T = any>(defaultValue?: T) {\n    const a = ConvertUtils.toObject<T>(this.getSearchParams(), {firstValue: true});\n    return Object.assign({}, defaultValue, a);\n  }\n\n  public getHashSearchFirstParamsObject<T = any>() {\n    return ConvertUtils.toObject<T>(this.getHashSearchParams(), {firstValue: true});\n  }\n\n  // async attach(): Promise<void> {\n  //   // const proxy = getDomRenderProxy(this.config.rootObject)\n  //   // if (proxy) {\n  //   //   const key = `___${EventManager.ROUTER_VARNAME}`;\n  //   //   await proxy.render(key);\n  //   // }\n  // }\n\n  testRegexp(regexp?: string): boolean {\n    if (regexp) {\n      const b = RegExp(regexp).test(this.getPathName());\n      return b;\n    }else {\n      return false;\n    }\n  }\n\n  test(urlExpression?: string): boolean {\n    if (urlExpression && this.getPathData(urlExpression)) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  getRouteData(config?: {urlExpression?: string, currentTarget?: PopCurrentState}): RouteData {\n    const newVar = {\n      path: this.getPathName(),\n      url: this.getUrl(),\n      searchParams: this.getSearchParams()\n    } as RouteData;\n\n    const data = this.getData();\n    if (data) {\n      newVar.data = data;\n    }\n    if (config?.urlExpression) {\n      const data = this.getPathData(config.urlExpression);\n      if (data) {\n        newVar.pathData = data;\n      }\n    }\n    newVar.router = this;\n    newVar.currentTarget = config?.currentTarget;\n    return Object.freeze(newVar);\n  }\n\n  pushState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->pushState', data);\n    this.config.window.history.pushState(data, title??'', path);\n    this.behaviorSubject.next(this.getRouteData({currentTarget: {currentTargetName: 'domRenderRouter'}}));\n    return {data};\n  }\n\n  replaceState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->replaceState', data);\n    this.config.window.history.replaceState(data, title??'', path);\n    this.behaviorSubject.next(this.getRouteData({currentTarget: {currentTargetName: 'domRenderRouter'}}));\n    return {data};\n  }\n\n  private dispatchPopStateEvent(data?: any) {\n    this.config.window.dispatchEvent(new PopStateEvent('popstate', {state: {...data, currentTargetName: 'domRenderRouter'}}));\n  }\n\n  reload(data?: any) {\n    this.config.window.dispatchEvent(new PopStateEvent('popstate', {state: data}));\n  }\n\n  getData(): any {\n    return this.config.window.history.state;\n  }\n\n  getPathData(urlExpression: string, currentUrl = this.getPathName()): any {\n    return Expression.Path.pathNameData(currentUrl, urlExpression);\n  }\n\n  async go(config:  string | { path: RouteAction, data?: any, replace?: boolean, title?: string, disabledPopEvent?: boolean, scrollToTop?: boolean } | string): Promise<void> {\n    if (typeof config === 'string') {\n      config = { path: config };\n    }\n\n    // let data: ChangeStateResult | undefined = undefined;\n    if (config?.replace) {\n      this.replace(config.path, config.data, config.title);\n    } else {\n      this.push(config.path, config.data, config.title);\n    }\n    // if (!this.config.disableAttach) {\n    //   await this.attach();\n    // }\n    \n    // \uC2A4\uD06C\uB864 \uC81C\uC5B4 (\uAE30\uBCF8\uAC12: true - \uB9E8 \uC704\uB85C \uC2A4\uD06C\uB864)\n    if (config.scrollToTop !== false) {\n      try {\n      this._config.window?.scrollTo?.(0, 0);\n      }catch (e){}\n    }\n    \n    // console.log('----------', data, config)\n    if (!config.disabledPopEvent) {\n      this.dispatchPopStateEvent(config?.data);\n    }\n  }\n\n  toUrl(data: RouteAction) {\n    let targetPath: string;\n    if (typeof data === 'string') {\n      targetPath = data;\n    } else {\n      const tpath = data.path ?? this.getPathName();\n      const s = data.searchParams ? ConvertUtils.toURLSearchParams(data.searchParams).toString() : '';\n      // data.searchParams\n      targetPath = `${tpath}${s.length > 0 ? '?' : ''}${s}`;\n    }\n    return targetPath;\n  }\n\n\n  abstract push(path: RouteAction, data?: any, title?: string): void;\n\n  abstract replace(path: RouteAction, data?: any, title?: string): void;\n\n  abstract pushDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getUrl(): string;\n\n  abstract getHref(): string;\n\n  abstract getPathName(): string;\n}\n"],
+  "mappings": "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",
+  "names": ["routeData", "data"]
 }

package/dist/esm/DomRender.js

@@ -10,13 +10,12 @@ import { RandomUtils } from "@dooboostore/core/random/RandomUtils";
 let eventManager = null;
 class DomRender {
   constructor(parameter, executeConfig) {
-    const s = DomRender.runSet(parameter);
+    const s = DomRender.runSet(parameter, executeConfig);
     this._config = s.config;
     this._target = s.target;
     this._rootObject = s.rootObject;
-    if (executeConfig && executeConfig?.autoGo) {
-      this._config.router?.go(executeConfig.autoGo);
-    }
+    this._router = s.config.router;
+    this._eventManager = s.config.eventManager;
   }
   get rootObject() {
     return this._rootObject;
@@ -24,13 +23,23 @@ class DomRender {
   get config() {
     return this._config;
   }
+  get router() {
+    return this._router;
+  }
+  get eventManager() {
+    return this._eventManager;
+  }
   get target() {
     return this._target;
   }
   static run(data) {
     return DomRender.runSet(data).rootObject;
   }
-  static runSet({ rootObject, target, config }) {
+  static runSet({
+    rootObject,
+    target,
+    config
+  }, executeConfig) {
     rootObject = typeof rootObject === "function" ? rootObject() : rootObject;
     let targetObject = rootObject;
     if ("_DomRender_isProxy" in rootObject) {
@@ -67,8 +76,20 @@ class DomRender {
     if (typeof CanvasRenderingContext2D !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === CanvasRenderingContext2D)) {
       targetConfig.proxyExcludeTyps.push(CanvasRenderingContext2D);
     }
-    if (typeof HTMLCanvasElement !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === HTMLCanvasElement)) {
-      targetConfig.proxyExcludeTyps.push(HTMLCanvasElement);
+    if (typeof CSSStyleDeclaration !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === CSSStyleDeclaration)) {
+      targetConfig.proxyExcludeTyps.push(CSSStyleDeclaration);
+    }
+    if (typeof Date !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === Date)) {
+      targetConfig.proxyExcludeTyps.push(Date);
+    }
+    if (typeof MutationObserver !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === IntersectionObserver)) {
+      targetConfig.proxyExcludeTyps.push(IntersectionObserver);
+    }
+    if (typeof IntersectionObserver !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === IntersectionObserver)) {
+      targetConfig.proxyExcludeTyps.push(IntersectionObserver);
+    }
+    if (typeof HTMLElement !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === HTMLElement)) {
+      targetConfig.proxyExcludeTyps.push(HTMLElement);
     }
     if (!targetConfig.proxyExcludeTyps.some((it) => it === RawSet)) {
       targetConfig.proxyExcludeTyps.push(RawSet);
@@ -85,11 +106,11 @@ class DomRender {
     if (!targetConfig.router) {
       let targetRouter;
       if ("routerType" in config && config?.routerType === "hash") {
-        targetRouter = new HashRouter({ rootObject: targetObject, window: targetConfig.window });
+        targetRouter = new HashRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });
       } else if ("routerType" in config && config?.routerType === "path") {
-        targetRouter = new PathRouter({ rootObject: targetObject, window: targetConfig.window });
+        targetRouter = new PathRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });
       } else if ("routerType" in config && typeof config?.routerType === "function") {
-        targetRouter = config.routerType(targetObject, targetConfig.window);
+        targetRouter = config.routerType(targetObject, targetConfig);
       } else if ("routerType" in config && typeof config?.routerType === "object") {
         targetRouter = config.routerType;
       }
@@ -105,26 +126,20 @@ class DomRender {
     return { rootObject: targetObject, config: targetConfig, target };
   }
   static createComponent(param) {
-    const component = RawSet.createComponentTargetElement(
-      {
-        name: param.tagName ?? (typeof param.type === "function" ? param.type.name : param.type.constructor.name),
-        objFactory: (e, o, r2, counstructorParam) => {
-          return typeof param.type === "function" ? new param.type(...counstructorParam) : param.type;
-        },
-        noStrip: param.noStrip,
-        template: param.template ?? "",
-        styles: Array.isArray(param.styles) ? param.styles : param.styles ? [param.styles] : void 0
-      }
-    );
+    const component = RawSet.createComponentTargetElement({
+      name: param.tagName ?? (typeof param.type === "function" ? param.type.name : param.type.constructor.name),
+      objFactory: (e, o, r2, counstructorParam) => {
+        return typeof param.type === "function" ? new param.type(...counstructorParam) : param.type;
+      },
+      noStrip: param.noStrip,
+      template: param.template ?? "",
+      styles: Array.isArray(param.styles) ? param.styles : param.styles ? [param.styles] : void 0
+    });
     return component;
   }
   // ?? 언제 쓰는거지?? 훔..
   static createAttribute(attrName, getThisObj, factory) {
-    const targetAttribute = RawSet.createComponentTargetAttribute(
-      attrName,
-      getThisObj,
-      factory
-    );
+    const targetAttribute = RawSet.createComponentTargetAttribute(attrName, getThisObj, factory);
     return targetAttribute;
   }
 }

package/dist/esm/DomRender.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DomRender.ts"],
-  "sourcesContent": ["import { DomRenderProxy } from './DomRenderProxy';\nimport { DomRenderConfig } from './configs/DomRenderConfig';\nimport { PathRouter } from './routers/PathRouter';\nimport { HashRouter } from './routers/HashRouter';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { DomRenderFinalProxy } from './types/Types';\nimport { RawSet } from './rawsets/RawSet';\nimport { DefaultMessenger } from './messenger/DefaultMessenger';\nimport { Router } from './routers/Router';\nimport { drComponent } from './components';\nimport { EventManager } from './events/EventManager';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\n\nexport type DomRenderRunConfig<T = any> = Omit<DomRenderConfig<T>, 'router' | 'uuid' | 'eventManager' | 'messenger' | 'root' | 'rootElement'> & { routerType?: 'path' | 'hash' | ((obj: T, window: Window) => Router) | Router };\nexport type CreateComponentParam = { type: ConstructorType<any> | any, tagName?: string, noStrip?: boolean, template?: string, styles?: string[] | string };\nlet eventManager: EventManager | null = null;\nexport type DomRenderRunParameter<T extends object> = { rootObject: T | (() => T), target?: Element | null, config?: DomRenderRunConfig | DomRenderConfig };\n\nexport class DomRender<T extends object = any> {\n  private _config: DomRenderConfig;\n  private _target: Element | null | undefined;\n  private _rootObject: T;\n\n  constructor(parameter: DomRenderRunParameter<T>, executeConfig?: { autoGo?: string }) {\n    const s = DomRender.runSet(parameter);\n    this._config = s.config;\n    this._target = s.target;\n    this._rootObject = s.rootObject;\n    if (executeConfig && executeConfig?.autoGo) {\n      this._config.router?.go(executeConfig.autoGo);\n    }\n  }\n\n  public get rootObject(): T {\n    return this._rootObject;\n  }\n\n  public get config(): DomRenderConfig {\n    return this._config;\n  }\n\n  public get target(): Element | null |undefined {\n    return this._target;\n  }\n\n  public static run<T extends object>(data: DomRenderRunParameter<T>): T {\n    return DomRender.runSet(data).rootObject;\n  }\n\n  public static runSet<T extends object>({rootObject, target, config}: DomRenderRunParameter<T>): { rootObject: T, target?: Element | null, config: DomRenderConfig } {\n    // public static run<T extends object>({rootObject, target, config}: DomRenderRunParameter<T>): T {\n    //   console.log('runSet')\n    rootObject = typeof rootObject === 'function' ? rootObject() : rootObject;\n    let targetObject = rootObject;\n    if ('_DomRender_isProxy' in rootObject) {\n      if (target) {\n        ((rootObject as any)._DomRender_proxy as DomRenderProxy<T>).initRender(target);\n      }\n      targetObject = rootObject;\n      // return targetObject;\n      return {rootObject: targetObject, target, config: (rootObject as any)._domRender_config};\n    }\n    const targetConfig = Object.assign({}, config) as DomRenderConfig;\n    eventManager ??= new EventManager(targetConfig.window);\n\n    targetConfig.uuid = RandomUtils.uuid4();\n    targetConfig.messenger = DomRenderFinalProxy.final(targetConfig.messenger ?? new DefaultMessenger(targetConfig));\n    targetConfig.proxyExcludeTyps = targetConfig.proxyExcludeTyps ?? [];\n    targetConfig.targetElements ??= [];\n\n\n    if (typeof Window !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Window)) {\n      targetConfig.proxyExcludeTyps.push(Window);\n    }\n    if (typeof Map !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Map)) {\n      targetConfig.proxyExcludeTyps.push(Map);\n    }\n    if (typeof Set !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Set)) {\n      targetConfig.proxyExcludeTyps.push(Set);\n    }\n    if (typeof Promise !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Promise)) {\n      targetConfig.proxyExcludeTyps.push(Promise);\n    }\n    if (typeof ResizeObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ResizeObserver)) {\n      targetConfig.proxyExcludeTyps.push(ResizeObserver);\n    }\n    if (typeof ImageBitmap !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ImageBitmap)) {\n      targetConfig.proxyExcludeTyps.push(ImageBitmap);\n    }\n    if (typeof CanvasRenderingContext2D !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === CanvasRenderingContext2D)) {\n      targetConfig.proxyExcludeTyps.push(CanvasRenderingContext2D);\n    }\n    if (typeof HTMLCanvasElement !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === HTMLCanvasElement)) {\n      targetConfig.proxyExcludeTyps.push(HTMLCanvasElement);\n    }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === RawSet)) {\n      targetConfig.proxyExcludeTyps.push(RawSet);\n    }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === DomRender)) {\n      targetConfig.proxyExcludeTyps.push(DomRender);\n    }\n    targetConfig.rootElement = target;\n    targetConfig.eventManager = eventManager;\n    // (targetConfig.window as any).domRender ??= {configs: []};\n    // (targetConfig.window as any).domRender.configs.push(targetConfig);\n    const domRender = new DomRenderProxy(rootObject, target, targetConfig);\n    const dest = new Proxy(rootObject, domRender);\n    targetObject = dest;\n    targetConfig.root = targetObject;\n\n    // proxy \uB41C targetObject\uB97C \uB123\uC5B4\uC918\uC57C\uB418\uC11C \uB4A4\uCABD\uC5D0\uC11C router\uB97C \uC0DD\uC131\uD574\uC57C\uD568\n    if (!targetConfig.router) {\n      let targetRouter: Router<any> | undefined;\n      if ('routerType' in config && config?.routerType === 'hash') {\n        targetRouter = new HashRouter({rootObject: targetObject, window: targetConfig.window});\n      } else if ('routerType' in config && config?.routerType === 'path') {\n        targetRouter = new PathRouter({rootObject: targetObject, window: targetConfig.window});\n      } else if ('routerType' in config && typeof config?.routerType === 'function') {\n        targetRouter = config.routerType(targetObject, targetConfig.window);\n      } else if ('routerType' in config && typeof config?.routerType === 'object') {\n        targetRouter = config.routerType;\n      }\n      targetConfig.router = targetRouter;\n    }\n\n    for (const value of Object.values(drComponent)) {\n      const a = value(targetConfig, DomRender);\n      if (!targetConfig.targetElements.some(it => it.name === a.name)) {\n        targetConfig.targetElements.push(a);\n      }\n    }\n    // console.log('cccccccccccccccccc', targetRouter)\n    // targetRouter.go({path: targetRouter.getUrl()})\n    // if (!config.router) {\n    //   if (config.routerType === 'path') {\n    //     config.router = new PathRouter(targetObject, config.window);\n    //   } else if (config.routerType === 'hash') {\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   } else { // none\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   }\n    // }\n    domRender.run(targetObject);\n    return {rootObject: targetObject, config: targetConfig, target};\n    // return targetObject;\n  }\n\n  public static createComponent(param: CreateComponentParam) {\n    // console.log('===>', typeof param.type, param.type.name, param.type.constructor.name)\n    const component = RawSet.createComponentTargetElement(\n      {\n        name: param.tagName ?? (typeof param.type === 'function' ? param.type.name : param.type.constructor.name),\n        objFactory: (e, o, r2, counstructorParam) => {\n          return typeof param.type === 'function' ? new param.type(...counstructorParam) : param.type;\n        },\n        noStrip: param.noStrip,\n        template: param.template ?? '',\n        styles: Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined)\n      }\n    );\n    return component;\n  }\n\n  // ?? \uC5B8\uC81C \uC4F0\uB294\uAC70\uC9C0?? \uD6D4..\n  public static createAttribute(attrName: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment) {\n    const targetAttribute = RawSet.createComponentTargetAttribute(\n      attrName,\n      getThisObj,\n      factory\n    );\n    return targetAttribute;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { DomRenderProxy } from './DomRenderProxy';\nimport { DomRenderConfig } from './configs/DomRenderConfig';\nimport { PathRouter } from './routers/PathRouter';\nimport { HashRouter } from './routers/HashRouter';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { DomRenderFinalProxy } from './types/Types';\nimport { RawSet } from './rawsets/RawSet';\nimport { DefaultMessenger } from './messenger/DefaultMessenger';\nimport { Router } from './routers/Router';\nimport { drComponent } from './components';\nimport { EventManager } from './events/EventManager';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\n\nexport type DomRenderRunConfig<T = any> = Omit<DomRenderConfig<T>, 'router' | 'uuid' | 'eventManager' | 'messenger' | 'root' | 'rootElement'> & { routerType?: 'path' | 'hash' | ((obj: T, targetConfig: DomRenderConfig) => Router) | Router };\nexport type CreateComponentParam = { type: ConstructorType<any> | any, tagName?: string, noStrip?: boolean, template?: string, styles?: string[] | string };\nlet eventManager: EventManager | null = null;\nexport type DomRenderRunParameter<T extends object> = { rootObject: T | (() => T), target?: Element | null, config?: DomRenderRunConfig | DomRenderConfig };\n\nexport type ExecuteConfig = { firstUrl?: string };\n\nexport class DomRender<T extends object = any> {\n  private _config: DomRenderConfig;\n  private _target: Element | null | undefined;\n  private _rootObject: T;\n  private _router: Router;\n  private _eventManager: EventManager;\n\n  constructor(parameter: DomRenderRunParameter<T>, executeConfig?: ExecuteConfig) {\n    const s = DomRender.runSet(parameter,executeConfig);\n    this._config = s.config;\n    this._target = s.target;\n    this._rootObject = s.rootObject;\n    this._router = s.config.router;\n    this._eventManager = s.config.eventManager;\n    // if (executeConfig && executeConfig?.autoGo) {\n    //   this._config.router?.go(executeConfig.autoGo);\n    // }\n  }\n\n  public get rootObject(): T {\n    return this._rootObject;\n  }\n\n  public get config(): DomRenderConfig {\n    return this._config;\n  }\n  public get router(): Router {\n    return this._router;\n  }\n\n  public get eventManager(): EventManager {\n    return this._eventManager;\n  }\n  public get target(): Element | null | undefined {\n    return this._target;\n  }\n\n  public static run<T extends object>(data: DomRenderRunParameter<T>): T {\n    return DomRender.runSet(data).rootObject;\n  }\n\n  public static runSet<T extends object>({\n    rootObject,\n    target,\n    config\n  }: DomRenderRunParameter<T>, executeConfig?: ExecuteConfig): { rootObject: T; target?: Element | null; config: DomRenderConfig } {\n    // public static run<T extends object>({rootObject, target, config}: DomRenderRunParameter<T>): T {\n    //   console.log('runSet')\n    rootObject = typeof rootObject === 'function' ? rootObject() : rootObject;\n    let targetObject = rootObject;\n    if ('_DomRender_isProxy' in rootObject) {\n      if (target) {\n        ((rootObject as any)._DomRender_proxy as DomRenderProxy<T>).initRender(target);\n      }\n      targetObject = rootObject;\n      // return targetObject;\n      return { rootObject: targetObject, target, config: (rootObject as any)._domRender_config };\n    }\n    const targetConfig = Object.assign({}, config) as DomRenderConfig;\n    eventManager ??= new EventManager(targetConfig.window);\n\n    targetConfig.uuid = RandomUtils.uuid4();\n    targetConfig.messenger = DomRenderFinalProxy.final(targetConfig.messenger ?? new DefaultMessenger(targetConfig));\n    targetConfig.proxyExcludeTyps = targetConfig.proxyExcludeTyps ?? [];\n    targetConfig.targetElements ??= [];\n\n    if (typeof Window !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Window)) {\n      targetConfig.proxyExcludeTyps.push(Window);\n    }\n    if (typeof Map !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Map)) {\n      targetConfig.proxyExcludeTyps.push(Map);\n    }\n    if (typeof Set !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Set)) {\n      targetConfig.proxyExcludeTyps.push(Set);\n    }\n    if (typeof Promise !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Promise)) {\n      targetConfig.proxyExcludeTyps.push(Promise);\n    }\n    if (typeof ResizeObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ResizeObserver)) {\n      targetConfig.proxyExcludeTyps.push(ResizeObserver);\n    }\n    if (typeof ImageBitmap !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ImageBitmap)) {\n      targetConfig.proxyExcludeTyps.push(ImageBitmap);\n    }\n    if ( typeof CanvasRenderingContext2D !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === CanvasRenderingContext2D) ) {\n      targetConfig.proxyExcludeTyps.push(CanvasRenderingContext2D);\n    }\n    if ( typeof CSSStyleDeclaration !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === CSSStyleDeclaration) ) {\n      targetConfig.proxyExcludeTyps.push(CSSStyleDeclaration);\n    }\n    if ( typeof Date !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Date) ) {\n      targetConfig.proxyExcludeTyps.push(Date);\n    }\n    if ( typeof MutationObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === IntersectionObserver) ) {\n      targetConfig.proxyExcludeTyps.push(IntersectionObserver);\n    }\n    if ( typeof IntersectionObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === IntersectionObserver) ) {\n      targetConfig.proxyExcludeTyps.push(IntersectionObserver);\n    }\n    if (typeof HTMLElement !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === HTMLElement)) {\n      targetConfig.proxyExcludeTyps.push(HTMLElement);\n    }\n    // if (typeof HTMLCanvasElement !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === HTMLCanvasElement)) {\n    //   targetConfig.proxyExcludeTyps.push(HTMLCanvasElement);\n    // }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === RawSet)) {\n      targetConfig.proxyExcludeTyps.push(RawSet);\n    }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === DomRender)) {\n      targetConfig.proxyExcludeTyps.push(DomRender);\n    }\n    targetConfig.rootElement = target;\n    targetConfig.eventManager = eventManager;\n    // (targetConfig.window as any).domRender ??= {configs: []};\n    // (targetConfig.window as any).domRender.configs.push(targetConfig);\n    const domRender = new DomRenderProxy(rootObject, target, targetConfig);\n    const dest = new Proxy(rootObject, domRender);\n    targetObject = dest;\n    targetConfig.root = targetObject;\n\n    // proxy \uB41C targetObject\uB97C \uB123\uC5B4\uC918\uC57C\uB418\uC11C \uB4A4\uCABD\uC5D0\uC11C router\uB97C \uC0DD\uC131\uD574\uC57C\uD568\n    if (!targetConfig.router) {\n      let targetRouter: Router<any> | undefined;\n      if ('routerType' in config && config?.routerType === 'hash') {\n        targetRouter = new HashRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });\n      } else if ('routerType' in config && config?.routerType === 'path') {\n        targetRouter = new PathRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });\n      } else if ('routerType' in config && typeof config?.routerType === 'function') {\n        targetRouter = config.routerType(targetObject, targetConfig);\n      } else if ('routerType' in config && typeof config?.routerType === 'object') {\n        targetRouter = config.routerType;\n      }\n      targetConfig.router = targetRouter;\n    }\n\n    for (const value of Object.values(drComponent)) {\n      const a = value(targetConfig, DomRender);\n      if (!targetConfig.targetElements.some(it => it.name === a.name)) {\n        targetConfig.targetElements.push(a);\n      }\n    }\n    // console.log('cccccccccccccccccc', targetRouter)\n    // targetRouter.go({path: targetRouter.getUrl()})\n    // if (!config.router) {\n    //   if (config.routerType === 'path') {\n    //     config.router = new PathRouter(targetObject, config.window);\n    //   } else if (config.routerType === 'hash') {\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   } else { // none\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   }\n    // }\n    domRender.run(targetObject);\n    return { rootObject: targetObject, config: targetConfig, target };\n    // return targetObject;\n  }\n\n  public static createComponent(param: CreateComponentParam) {\n    // console.log('===>', typeof param.type, param.type.name, param.type.constructor.name)\n    const component = RawSet.createComponentTargetElement({\n      name: param.tagName ?? (typeof param.type === 'function' ? param.type.name : param.type.constructor.name),\n      objFactory: (e, o, r2, counstructorParam) => {\n        return typeof param.type === 'function' ? new param.type(...counstructorParam) : param.type;\n      },\n      noStrip: param.noStrip,\n      template: param.template ?? '',\n      styles: Array.isArray(param.styles) ? param.styles : param.styles ? [param.styles] : undefined\n    });\n    return component;\n  }\n\n  // ?? \uC5B8\uC81C \uC4F0\uB294\uAC70\uC9C0?? \uD6D4..\n  public static createAttribute(\n    attrName: string,\n    getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any,\n    factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment\n  ) {\n    const targetAttribute = RawSet.createComponentTargetAttribute(attrName, getThisObj, factory);\n    return targetAttribute;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/DomRenderProxy.js

@@ -18,6 +18,7 @@ import { isOnChildRenderedByProperty } from "./lifecycle/OnChildRenderedByProper
 import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
 import { ValidUtils } from "@dooboostore/core/valid/ValidUtils";
 import { isOnProxyDomRender } from "./lifecycle/OnProxyDomRender.js";
+import { isOnRawSetRendered } from "./lifecycle/OnRawSetRendered.js";
 const excludeGetSetPropertys = ["onBeforeReturnGet", "onBeforeReturnSet", "__domrender_components", "__render", "_DomRender_isFinal", "_domRender_ref", "_rawSets", "_domRender_proxy", "_targets", "_DomRender_origin", "_DomRender_ref", "_DomRender_proxy"];
 const isWrapProxyDomRenderProxy = (obj) => {
   return obj && typeof obj === "object" && "_DomRender_isProxy" in obj;
@@ -59,7 +60,7 @@ class DomRenderProxy {
     return DomRenderFinalProxy.final(obj);
   }
   static isFinal(obj) {
-    return DomRenderFinalProxy.isFinal(obj);
+    return ValidUtils.isNull(obj) || DomRenderFinalProxy.isFinal(obj);
   }
   run(objProxy) {
     this._domRender_proxy = objProxy;
@@ -155,6 +156,7 @@ class DomRenderProxy {
       it.getUsingTriggerVariables(this._domRender_config).forEach((path) => {
         this.addRawSet(path, it);
       });
+      let renderResult;
       if (it.isConnected) {
         const targetAttrMap = it.point.node?.getAttribute?.(EventManager.normalAttrMapAttrName);
         if (it.detect?.action) {
@@ -174,13 +176,18 @@ class DomRenderProxy {
           });
         } else {
           const rawSets2 = await it.render(this._domRender_proxy, this._domRender_config);
-          if (rawSets2 && rawSets2.length > 0) {
-            await this.render(rawSets2);
+          renderResult = rawSets2;
+          if (rawSets2 && rawSets2.raws.length > 0) {
+            await this.render(rawSets2.raws);
           }
         }
       } else {
         removeRawSets.push(it);
       }
+      const t = it.findNearThis(this._domRender_proxy);
+      if (isOnRawSetRendered(t)) {
+        await t.onRawSetRendered(it, { path: fullPathStr, renderResult });
+      }
     }
     if (removeRawSets.length > 0) {
       this.removeRawSet(...removeRawSets);
@@ -225,7 +232,7 @@ class DomRenderProxy {
           const firstTargets = this._rawSets.get(firstPathStr);
           const firstTargetDictionary = [];
           firstTargets?.forEach((it) => {
-            const type = it.point.start.getAttribute?.("type");
+            const type = it.point.start?.getAttribute?.("type");
             if (type === RawSetOperatorType.DR_THIS_PROPERTY) {
               firstTargetDictionary.push(it);
             }
@@ -382,7 +389,7 @@ class DomRenderProxy {
       const isFinal = isObject && DomRenderProxy.isFinal(obj);
       const isFrozen = Object.isFrozen(obj);
       const isShield = obj instanceof Shield;
-      if (isNoProxy || isExclude || ValidUtils.isNullOrUndefined(obj) || !isObject || isFinal || isFrozen || isShield) {
+      if (obj === void 0 || obj === null || isNoProxy || isExclude || ValidUtils.isNullOrUndefined(obj) || !isObject || isFinal || isFrozen || isShield) {
         return obj;
       }
     } catch (e) {