feat: add evaluate :parent attribute

Author: jorenrui

lib/entity.js

@@ -17,7 +17,7 @@ export default class Entity {
 
     if (MiniJS.debug) this.element.dataset.entityId = this.id
 
-    if (this.element.hasAttribute(':parent')) this.setAsParent()
+    this.attributes.evaluateParent()
   }
 
   setAsParent() {

lib/entity/attributes.js

@@ -2,7 +2,14 @@ import { Events } from './events'
 import { escapeHTML } from '../helpers/sanitize'
 
 export class Attributes {
-  static CUSTOM_ATTRIBUTES = [':class', ':text', ':value', ':checked', ':each']
+  static CUSTOM_ATTRIBUTES = [
+    ':class',
+    ':text',
+    ':value',
+    ':checked',
+    ':each',
+    ':parent',
+  ]
   static FORBIDDEN_ATTRIBUTES = [':innerHTML', ':innerText']
 
   static isValidAttribute(attribute, element) {
@@ -52,7 +59,8 @@ export class Attributes {
 
   async evaluateAttribute(attr) {
     if (!Attributes.isValidAttribute(attr, this.base.element)) return
-    if (attr === ':class') await this.evaluateClass()
+    if (attr === ':parent') this.evaluateParent()
+    else if (attr === ':class') await this.evaluateClass()
     else if (attr === ':text') await this.evaluateText()
     else if ([':value', ':checked'].includes(attr)) await this.evaluateValue()
     else if (attr === ':each') await this.evaluateEach()
@@ -63,6 +71,12 @@ export class Attributes {
     }
   }
 
+  evaluateParent() {
+    if (!this.base.element.hasAttribute(':parent')) return
+    if (this.base.isParent()) return
+    this.base.setAsParent()
+  }
+
   async evaluateClass() {
     const expr = this.base.element.getAttribute(':class')
     if (!expr) return