feat: focus and blur

Author: wuzhuoheng

src/transfer/TransferrableMutation.ts

@@ -14,6 +14,8 @@ export const enum TransferrableMutationType {
   STORAGE = 12,
   FUNCTION_CALL = 13,
   SCROLL_INTO_VIEW = 14,
+  FOCUS = 15,
+  BLUR = 16,
 }
 
 /**

src/worker-thread/dom/HTMLElement.ts

@@ -1,8 +1,14 @@
 import { Element } from './Element';
 import { reflectProperties } from './enhanceElement';
 import { matchNearestParent, tagNameConditionPredicate } from './matchElements';
-import { TransferrableObjectType } from '../../transfer/TransferrableMutation';
+import { TransferrableMutationType, TransferrableObjectType } from '../../transfer/TransferrableMutation';
 import { TransferrableKeys } from '../../transfer/TransferrableKeys';
+import { transfer } from '../MutationTransfer';
+import { Document } from './Document';
+
+interface FocusOptions {
+  preventScroll?: boolean;
+}
 
 export const appendGlobalEventProperties = (keys: Array<string>): void => {
   const keysToAppend = keys.filter((key) => !HTMLElement.prototype.hasOwnProperty(key));
@@ -48,6 +54,18 @@ export class HTMLElement extends Element {
   [TransferrableKeys.serializeAsTransferrableObject](): number[] {
     return [TransferrableObjectType.HTMLElement, this[TransferrableKeys.index]];
   }
+
+  focus(options?: FocusOptions) {
+    if (this.isConnected) {
+      transfer(this.ownerDocument as Document, [TransferrableMutationType.FOCUS, this[TransferrableKeys.index]]);
+    }
+  }
+
+  blur() {
+    if (this.isConnected) {
+      transfer(this.ownerDocument as Document, [TransferrableMutationType.BLUR, this[TransferrableKeys.index]]);
+    }
+  }
 }
 
 // Reflected properties