feat: Added support maskInputFn with HTMLElement (#1188)

packages/rrweb-snapshot/src/snapshot.ts

@@ -685,6 +685,7 @@ function serializeElementNode(
     ) {
       const type = getInputType(n);
       attributes.value = maskInputValue({
+        element: n,
         type,
         tagName,
         value,

packages/rrweb-snapshot/src/types.ts

@@ -154,7 +154,7 @@ export type DataURLOptions = Partial<{
 }>;
 
 export type MaskTextFn = (text: string) => string;
-export type MaskInputFn = (text: string) => string;
+export type MaskInputFn = (text: string, element: HTMLElement) => string;
 
 export type KeepIframeSrcFn = (src: string) => boolean;
 

packages/rrweb-snapshot/src/utils.ts

@@ -154,12 +154,14 @@ export function createMirror(): Mirror {
 }
 
 export function maskInputValue({
+  element,
   maskInputOptions,
   tagName,
   type,
   value,
   maskInputFn,
 }: {
+  element: HTMLElement;
   maskInputOptions: MaskInputOptions;
   tagName: string;
   type: string | null;
@@ -174,7 +176,7 @@ export function maskInputValue({
     (actualType && maskInputOptions[actualType as keyof MaskInputOptions])
   ) {
     if (maskInputFn) {
-      text = maskInputFn(text);
+      text = maskInputFn(text, element);
     } else {
       text = '*'.repeat(text.length);
     }