feat: improve code

Author: pubuzhixing8

packages/core/src/utils/to-image.ts

@@ -90,9 +90,8 @@ function cloneCSSStyle<T extends HTMLElement>(nativeNode: T, clonedNode: T, styl
         return;
     }
     const sourceStyle = window.getComputedStyle(nativeNode);
-    // Only clone a subset of styles related to font color and size
-    const ALLOWLIST = [...(styleNames || [])];
-    ALLOWLIST.forEach((prop) => {
+    // Only clone a subset of styles
+    (styleNames || []).forEach((prop) => {
         const value = sourceStyle.getPropertyValue(prop);
         const priority = sourceStyle.getPropertyPriority(prop);
         if (value) {
@@ -108,10 +107,11 @@ function cloneCSSStyle<T extends HTMLElement>(nativeNode: T, clonedNode: T, styl
  * @param inlineStyleClassNames
  */
 function batchCloneCSSStyle(sourceNode: SVGGElement, cloneNode: SVGGElement, inlineStyleClassNames?: string, styleNames?: string[]) {
-    // text
+    // handle text style, Hardcoded to slate editor framework
+    const textSelector = '[data-slate-node="text"]';
     const textStyle = ['font-size', 'font-family', 'line-height', 'text-decoration', 'font-weight', 'font-style', 'word-break'];
-    const sourceTextNodes = Array.from(sourceNode.querySelectorAll('[data-slate-node="text"]'));
-    const cloneTextNodes = Array.from(cloneNode.querySelectorAll('[data-slate-node="text"]'));
+    const sourceTextNodes = Array.from(sourceNode.querySelectorAll(textSelector));
+    const cloneTextNodes = Array.from(cloneNode.querySelectorAll(textSelector));
     sourceTextNodes.map((node, index) => {
         cloneCSSStyle(node as HTMLElement, cloneTextNodes[index] as HTMLElement, textStyle);
     });

src/app/components/menu/menu.component.ts

@@ -79,7 +79,6 @@ export const base64ToBlob = (base64: string) => {
 export const boardToImage = (board: PlaitBoard, options: ToImageOptions = {}) => {
     return toImage(board, {
         fillStyle: 'transparent',
-        inlineStyleClassNames: '.extend,.emojis,.text',
         padding: 20,
         ratio: 4,
         ...options