@cherry-markdown/cherry-markdown-dev 0.9.4-dev.202507280929.50924e5 → 0.9.4-dev.202507290844.e106755

package/dist/cherry-markdown.js

@@ -93273,7 +93273,7 @@
 	  forEach$5(nodeIgnorePlugin).call(nodeIgnorePlugin, function (key) {
 	  });
 	}
-	var VERSION = "0.9.4-dev.202507280929.50924e5-50924e5c";
+	var VERSION = "0.9.4-dev.202507290844.e106755-e1067554";
 	var CherryStatic = /*#__PURE__*/function () {
 	  // for type check only
 	  // TODO: fix this error

package/dist/cherry-markdown.markdown.css

@@ -275,21 +275,46 @@
 .cherry-markdown .toc {
   margin-bottom: var(--spacing-lg);
   padding-left: 0;
+  background-color: var(--md-toc-bg);
+  border: var(--border-width-1) solid var(--md-toc-border-color);
+  border-radius: var(--md-toc-radius);
+  padding: var(--md-toc-padding);
 }
 .cherry-markdown .toc .toc-title {
   font-size: var(--font-size-2xl);
-  margin-bottom: 5px;
+  margin-bottom: var(--spacing-sm);
+  font-weight: var(--font-weight-bold);
+  color: var(--md-toc-title-color);
 }
 .cherry-markdown .toc .toc-li {
-  border: none;
   list-style: none;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  border-left: var(--md-toc-indicator-width) solid var(--md-toc-indicator-color);
+  padding-left: var(--md-toc-indicator-gap);
+  transition: border-color 50ms ease-out;
 }
 .cherry-markdown .toc .toc-li a {
   text-decoration: none;
-  color: var(--md-paragraph-color);
+  color: var(--md-toc-link-color);
+  flex-grow: 1;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--md-toc-link-radius);
+  transition: color 50ms ease-out, background-color 50ms ease-out;
 }
 .cherry-markdown .toc .toc-li a:hover {
-  color: var(--md-link-hover-color);
+  color: var(--md-toc-link-hover-color);
+  background-color: var(--md-toc-link-hover-bg);
+}
+.cherry-markdown .toc .toc-li a:active {
+  background-color: var(--md-toc-link-active-bg);
+}
+.cherry-markdown .toc .toc-li a.level-1 {
+  font-weight: var(--font-weight-semibold);
+}
+.cherry-markdown .toc .toc-li:hover, .cherry-markdown .toc .toc-li:has(a:active) {
+  border-left-color: var(--md-toc-indicator-hover-color);
 }
 .cherry-markdown .auto-num-toc {
   counter-reset: headtoclevel1;
@@ -2710,7 +2735,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   /* ========== 基础色彩变量覆盖 ========== */
   --primary-color: var(--oc-blue-6);
   --secondary-color: var(--oc-blue-0);
-  --base-font-color: var(--oc-gray-7);
+  --base-font-color: var(--oc-gray-4);
   --base-editor-bg: var(--oc-white);
   --base-previewer-bg: var(--oc-white);
   --base-border-color: var(--oc-gray-3);
@@ -2719,6 +2744,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--oc-gray-4);
   --toolbar-btn-hover-bg: var(--oc-gray-2);
   --toolbar-btn-hover-color: var(--oc-blue-4);
+  --toolbar-btn-active-bg:var(--oc-gray-5);
   --toolbar-split-color: var(--oc-blue-5);
   /* ========== 编辑器相关变量 ========== */
   --editor-header-color: var(--primary-color);
@@ -2796,6 +2822,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--oc-gray-4);
   --toolbar-btn-hover-bg: var(--oc-gray-6);
   --toolbar-btn-hover-color: var(--oc-white);
+  --toolbar-btn-active-bg:var(--oc-gray-8);
   --toolbar-split-color: var(--oc-gray-5);
   /* ========== 编辑器相关变量 ========== */
   --editor-header-color: var(--primary-color);
@@ -2822,6 +2849,11 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --md-blockquote-bg: rgba(102, 128, 153, 0.05);
   --md-hr-border: var(--oc-gray-5);
   --md-table-border: var(--oc-gray-5);
+  --md-toc-bg: var(--oc-gray-9);
+  --md-toc-border-color: var(--oc-gray-7);
+  --md-toc-indicator-color: var(--oc-gray-7);
+  --md-toc-link-hover-bg: var(--oc-gray-8);
+  --md-toc-link-active-bg: var(--oc-gray-7);
   /* ========== 手风琴组件变量覆盖 ========== */
   --accordion-bg: var(--oc-gray-8);
   --accordion-border: var(--oc-gray-6);
@@ -2890,23 +2922,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 }
 
 /** 预览区域样式 */
-.cherry-markdown.theme__dark {
-  /** 目录 */
-}
-.cherry-markdown.theme__dark .toc {
-  border: 1px solid var(--md-hr-border);
-  margin-top: 15px;
-  margin-bottom: 15px;
-  margin-right: 15px;
-}
-.cherry-markdown.theme__dark .toc .toc-title {
-  padding: 15px;
-  margin-bottom: 15px;
-  border-bottom: 1px solid var(--md-hr-border);
-}
-.cherry-markdown.theme__dark .toc .toc-li {
-  padding: 0 20px;
-}
 .cherry-markdown.theme__dark figure svg path,
 .cherry-markdown.theme__dark figure svg rect,
 .cherry-markdown.theme__dark figure svg line {
@@ -2956,6 +2971,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--oc-gray-8);
   --toolbar-btn-hover-bg: var(--primary-color);
   --toolbar-btn-hover-color: var(--oc-white);
+  --toolbar-btn-active-bg: var(--primary-color);
   --toolbar-split-color: var(--oc-blue-5);
   /* ========== 编辑器相关变量 ========== */
   --editor-header-color: var(--primary-color);
@@ -2978,6 +2994,10 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --md-blockquote-bg: var(--oc-blue-0);
   --md-hr-border: var(--oc-blue-5);
   --md-table-border: var(--oc-blue-5);
+  --md-toc-bg: var(--oc-blue-0);
+  --md-toc-indicator-color: var(--oc-blue-1);
+  --md-toc-link-hover-bg: var(--oc-blue-1);
+  --md-toc-link-active-bg: var(--oc-blue-2);
   /* ========== 手风琴组件变量覆盖 ========== */
   --accordion-bg: var(--oc-blue-0);
   --accordion-border: var(--oc-blue-2);
@@ -3005,6 +3025,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--primary-color);
   --toolbar-btn-hover-bg: var(--oc-green-5);
   --toolbar-btn-hover-color: var(--secondary-color);
+  --toolbar-btn-active-bg:var(--oc-green-7);
   --toolbar-split-color: var(--oc-green-8);
   /* ========== 编辑器相关变量 ========== */
   --editor-header-color: var(--oc-green-7);
@@ -3029,6 +3050,10 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --md-blockquote-bg: var(--oc-green-1);
   --md-hr-border: var(--oc-green-8);
   --md-table-border: var(--oc-green-8);
+  --md-toc-bg: var(--oc-white);
+  --md-toc-indicator-color: var(--oc-green-1);
+  --md-toc-link-hover-bg: var(--oc-green-0);
+  --md-toc-link-active-bg: var(--oc-green-1);
   /* ========== 手风琴组件变量覆盖 ========== */
   --accordion-bg: var(--oc-green-0);
   --accordion-border: var(--oc-green-2);
@@ -3041,9 +3066,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 }
 
 /** 预览区域样式 */
-.cherry-markdown.theme__green {
-  /** 目录 */
-}
 .cherry-markdown.theme__green h1,
 .cherry-markdown.theme__green h2,
 .cherry-markdown.theme__green h3,
@@ -3052,18 +3074,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   text-align: center;
   margin-bottom: 35px;
 }
-.cherry-markdown.theme__green .toc {
-  border-bottom: 1px solid var(--md-hr-border);
-  padding-bottom: 15px;
-  margin-bottom: 30px;
-}
-.cherry-markdown.theme__green .toc .toc-title {
-  text-align: center;
-  padding-bottom: 15px;
-  margin-top: 30px;
-  margin-bottom: 15px;
-  border-bottom: 1px solid var(--md-hr-border);
-}
 
 /*
  * 热情主题
@@ -3092,6 +3102,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--oc-pink-8);
   --toolbar-btn-hover-bg: var(--oc-pink-5);
   --toolbar-btn-hover-color: var(--oc-pink-0);
+  --toolbar-btn-active-bg: var(--oc-pink-7);
   --toolbar-split-color: var(--oc-pink-8);
   --dropdown-bg: var(--oc-white);
   /* ========== 编辑器相关变量 ========== */
@@ -3115,12 +3126,14 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --md-blockquote-bg: var(--oc-pink-1);
   --md-hr-border: var(--oc-pink-8);
   --md-table-border: var(--oc-pink-8);
+  --md-toc-bg: var(--oc-white);
+  --md-toc-border-color: var(--base-border-color);
+  --md-toc-indicator-color: var(--oc-pink-1);
+  --md-toc-link-hover-bg: var(--oc-pink-0);
+  --md-toc-link-active-bg: var(--oc-pink-1);
 }
 
 /** 预览区域样式 */
-.cherry-markdown.theme__red {
-  /** 目录 */
-}
 .cherry-markdown.theme__red h1,
 .cherry-markdown.theme__red h2,
 .cherry-markdown.theme__red h3,
@@ -3131,18 +3144,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   padding-bottom: 15px;
   margin-bottom: 25px;
 }
-.cherry-markdown.theme__red .toc {
-  border-bottom: 1px solid var(--md-hr-border);
-  padding-bottom: 15px;
-  margin-bottom: 30px;
-}
-.cherry-markdown.theme__red .toc .toc-title {
-  text-align: center;
-  padding-bottom: 15px;
-  margin-top: 30px;
-  margin-bottom: 15px;
-  border-bottom: 1px solid var(--md-hr-border);
-}
 
 /*
  * 淡雅主题
@@ -3160,6 +3161,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--primary-color);
   --toolbar-btn-hover-bg: var(--oc-violet-5);
   --toolbar-btn-hover-color: var(--oc-violet-0);
+  --toolbar-btn-active-bg: var(--oc-violet-7);
   --toolbar-split-color: var(--oc-violet-8);
   /* ========== 编辑器相关变量 ========== */
   --editor-header-color: var(--oc-violet-7);
@@ -3182,6 +3184,10 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --md-blockquote-bg: var(--oc-violet-1);
   --md-hr-border: var(--oc-violet-8);
   --md-table-border: var(--oc-violet-8);
+  --md-toc-bg: var(--oc-violet-0);
+  --md-toc-indicator-color: var(--oc-violet-1);
+  --md-toc-link-hover-bg: var(--oc-violet-1);
+  --md-toc-link-active-bg: var(--oc-violet-2);
   /* ========== 手风琴组件变量覆盖 ========== */
   --accordion-bg: var(--oc-violet-0);
   --accordion-border: var(--oc-violet-2);
@@ -3194,9 +3200,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 }
 
 /** 预览区域样式 */
-.cherry-markdown.theme__violet {
-  /** 目录 */
-}
 .cherry-markdown.theme__violet h1,
 .cherry-markdown.theme__violet h2,
 .cherry-markdown.theme__violet h3,
@@ -3205,18 +3208,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   text-align: center;
   margin-bottom: 35px;
 }
-.cherry-markdown.theme__violet .toc {
-  border-bottom: 1px solid var(--md-hr-border);
-  padding-bottom: 15px;
-  margin-bottom: 30px;
-}
-.cherry-markdown.theme__violet .toc .toc-title {
-  text-align: center;
-  padding-bottom: 15px;
-  margin-top: 30px;
-  margin-bottom: 15px;
-  border-bottom: 1px solid var(--md-hr-border);
-}
 
 /*
  * 清幽主题
@@ -3234,6 +3225,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --toolbar-btn-color: var(--oc-indigo-7);
   --toolbar-btn-hover-bg: var(--oc-violet-3);
   --toolbar-btn-hover-color: var(--oc-white);
+  --toolbar-btn-active-bg:var(--oc-blue-5);
   --toolbar-split-color: var(--oc-indigo-4);
   --dropdown-bg: var(--oc-white);
   /* ========== 编辑器相关变量 ========== */
@@ -3257,6 +3249,11 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   --md-blockquote-bg: var(--oc-violet-1);
   --md-hr-border: var(--oc-indigo-4);
   --md-table-border: var(--oc-indigo-4);
+  --md-toc-bg: var(--oc-white);
+  --md-toc-border-color: var(--base-border-color);
+  --md-toc-indicator-color: var(--oc-indigo-1);
+  --md-toc-link-hover-bg: var(--oc-violet-0);
+  --md-toc-link-active-bg: var(--oc-violet-1);
   /* ========== 手风琴组件变量覆盖 ========== */
   --accordion-bg: var(--oc-violet-0);
   --accordion-border: var(--oc-indigo-2);
@@ -3269,9 +3266,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 }
 
 /** 预览区域样式 */
-.cherry-markdown.theme__blue {
-  /** 目录 */
-}
 .cherry-markdown.theme__blue h1,
 .cherry-markdown.theme__blue h2,
 .cherry-markdown.theme__blue h3,
@@ -3281,16 +3275,4 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   border-bottom: 1px dashed var(--md-hr-border);
   padding-bottom: 15px;
   margin-bottom: 25px;
-}
-.cherry-markdown.theme__blue .toc {
-  border-bottom: 1px solid var(--md-hr-border);
-  padding-bottom: 15px;
-  margin-bottom: 30px;
-}
-.cherry-markdown.theme__blue .toc .toc-title {
-  text-align: center;
-  padding-bottom: 15px;
-  margin-top: 30px;
-  margin-bottom: 15px;
-  border-bottom: 1px solid var(--md-hr-border);
 }