From 2c26d59d7ca0534dd344bec3056dc94352af8fe0 Mon Sep 17 00:00:00 2001
From: dribble-njr <wzw15292257101@163.com>
Date: Fri, 22 Nov 2024 13:15:08 +0800
Subject: [PATCH] feat: GFM alerts support custom css

---
 src/utils/MDAlert.ts |  5 -----
 src/utils/index.ts   | 12 ++++++++++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/utils/MDAlert.ts b/src/utils/MDAlert.ts
index 0d6f751..03108c4 100644
--- a/src/utils/MDAlert.ts
+++ b/src/utils/MDAlert.ts
@@ -51,11 +51,6 @@ export default function markedAlert(options: AlertOptions = {}): MarkedExtension
           },
         })
 
-        console.log({
-          ...options.theme?.block[className],
-          ...options.theme?.block[`${className}-${variantType}`],
-        }, `style`)
-
         const firstLine = token.tokens?.[0] as Tokens.Paragraph
         const firstLineText = firstLine.raw?.replace(typeRegexp, ``).trim()
 
diff --git a/src/utils/index.ts b/src/utils/index.ts
index a18c86c..c072d38 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -34,7 +34,7 @@ export function customizeTheme(theme: Theme, options: {
 export function customCssWithTemplate(jsonString: Partial<Record<Block | Inline, PropertiesHyphen>>, color: string, theme: Theme) {
   const newTheme = customizeTheme(theme, { color })
 
-  const mergeProperties = <T extends Block | Inline = Block>(target: Record<T, PropertiesHyphen>, source: Partial<Record<Block | Inline, PropertiesHyphen>>, keys: T[]) => {
+  const mergeProperties = <T extends Block | Inline | string = Block>(target: Record<T, PropertiesHyphen>, source: Partial<Record<Block | Inline | string, PropertiesHyphen>>, keys: T[]) => {
     keys.forEach((key) => {
       if (source[key]) {
         target[key] = Object.assign(target[key] || {}, source[key])
@@ -42,7 +42,7 @@ export function customCssWithTemplate(jsonString: Partial<Record<Block | Inline,
     })
   }
 
-  const blockKeys: Block[] = [
+  const blockKeys: (Block | string)[] = [
     `h1`,
     `h2`,
     `h3`,
@@ -55,6 +55,14 @@ export function customCssWithTemplate(jsonString: Partial<Record<Block | Inline,
     `hr`,
     `blockquote`,
     `blockquote_p`,
+    `markdown-alert`,
+    `markdown-alert-title`,
+    `markdown-alert-content-wrapper`,
+    `markdown-alert-title-note`,
+    `markdown-alert-title-tip`,
+    `markdown-alert-title-important`,
+    `markdown-alert-title-warning`,
+    `markdown-alert-title-caution`,
     `image`,
     `ul`,
     `ol`,