packages/omi/omi.d.ts

@@ -66,9 +66,9 @@ declare namespace Omi {
     installed?(): void;
     uninstall?(): void;
     beforeUpdate?(): void;
-    afterUpdate?(): void;
     updated?(): void;
     beforeRender?(): void;
+    rendered?(vnode: VNode | VNode[]): void;
     receiveProps?(props: OmiProps<P> | P, oldProps: OmiProps<P> | P): any;
     attrsToProps(): void;
     setAttribute(name: string, value: any): void;
@@ -80,9 +80,9 @@ declare namespace Omi {
     installed?(): void;
     uninstall?(): void;
     beforeUpdate?(): void;
-    afterUpdate?(): void;
     updated?(): void;
     beforeRender?(): void;
+    rendered?(vnode: VNode | VNode[]): void;
     receiveProps?(props: OmiProps<P> | P, oldProps: OmiProps<P> | P): any;
     attrsToProps(): void;
     setAttribute(name: string, value: any): void;

packages/omi/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omi",
-  "version": "7.1.5",
+  "version": "7.1.6",
   "scripts": {
     "start": "vite",
     "dev-vite": "vite",

packages/omi/src/component.ts

@@ -140,20 +140,17 @@ export class Component extends HTMLElement {
   connectedCallback(): void {
     this.injectObject()
     this.attrsToProps()
-    this.beforeInstall()
     this.install()
-    this.afterInstall()
     this.renderRoot = this.createRenderRoot()
     this.applyAdoptedStyleSheets()
-    this.beforeRender()
     setActiveComponent(this)
+    this.beforeRender()
     // @ts-ignore
     const rendered = this.render(this.props, this.store)
     this.appendStyleVNode(rendered)
+    this.rendered(rendered)
     setActiveComponent(null)
     this.rootElement = diff(null, rendered as VNode, null, this, false)
-    this.rendered()
-
 
     if (isArray(this.rootElement)) {
       (this.rootElement as Element[]).forEach((item) => {
@@ -169,14 +166,14 @@ export class Component extends HTMLElement {
 
   update(updateSelf?: boolean): void {
     this.beforeUpdate()
-    this.beforeRender()
     this.attrsToProps()
     setActiveComponent(this)
+    this.beforeRender()
     // @ts-ignore
     const rendered = this.render(this.props, this.store)
     this.appendStyleVNode(rendered)
+    this.rendered(rendered)
     setActiveComponent(null)
-    this.rendered()
 
     this.rootElement = diff(
       this.rootElement,
@@ -292,12 +289,8 @@ export class Component extends HTMLElement {
     }
   }
 
-  beforeInstall() { }
-
   install() { }
 
-  afterInstall() { }
-
   installed() { }
 
   uninstall() { }
@@ -308,7 +301,7 @@ export class Component extends HTMLElement {
 
   beforeRender() { }
 
-  rendered() { }
+  rendered(vnode: VNode | VNode[]) { }
 
   receiveProps() { }
 }

packages/omi/src/index.ts

@@ -7,6 +7,6 @@ export { createRef, bind } from './utils'
 export { signal, computed, effect, batch, setActiveComponent, getActiveComponent } from './reactivity'
 export { Signal } from './signal'
 export { css } from './css-tag'
-export const version = '7.1.5'
+export const version = '7.1.6'