refactor: generate header format

src/header.ts

@@ -1,13 +1,12 @@
 import type TypeHeader from 'quill/formats/header';
-import Quill from 'quill';
 import { randomID } from './utils';
 
-const Header = Quill.import('formats/header') as typeof TypeHeader;
-
-export class HeaderWithID extends Header {
-  static create(value: any) {
-    const node = super.create(value);
-    node.id = randomID();
-    return node;
-  }
+export function generateHeaderWithId(Header: typeof TypeHeader): typeof TypeHeader {
+  return class extends Header {
+    static create(value: any) {
+      const node = super.create(value);
+      node.id = randomID();
+      return node;
+    }
+  };
 }

src/index.ts

@@ -1,6 +1,7 @@
+import type TypeHeader from 'quill/formats/header';
 import type TypeToolbar from 'quill/modules/toolbar';
 import Quill from 'quill';
-import { HeaderWithID } from './formats';
+import { generateHeaderWithId } from './header';
 import headerListSvg from './svg/header-list.svg';
 import { createBEM, isFunction, isNumber, isString, throttleAndDebounce } from './utils';
 
@@ -31,6 +32,9 @@ export class HeaderList {
     const icons = Quill.import('ui/icons') as Record<string, string>;
     icons[HeaderList.toolName] = headerListSvg;
 
+    const Header = Quill.import('formats/header') as typeof TypeHeader;
+    const HeaderWithID = generateHeaderWithId(Header);
+
     Quill.register({
       'formats/header': HeaderWithID,
     }, true);