feat: remove variable resolver

Author: zeevenn

packages/core/src/theme/cssVariableResolver.ts

@@ -17,22 +17,12 @@ export interface CSSVariableConfig {
  * @returns CSS 变量字符串
  */
 export function generateCSSVariables(config: CSSVariableConfig): string {
-  const fontSizeNum = Number.parseFloat(config.fontSize)
-
   return `
 :root {
   /* 动态配置变量 */
   --md-primary-color: ${config.primaryColor};
   --md-font-family: ${config.fontFamily};
   --md-font-size: ${config.fontSize};
-
-  /* 标题大小（绝对值，与旧系统行为一致） */
-  --md-h1-size: ${fontSizeNum * 1.2}px;
-  --md-h2-size: ${fontSizeNum * 1.2}px;
-  --md-h3-size: ${fontSizeNum * 1.1}px;
-  --md-h4-size: ${fontSizeNum}px;
-  --md-h5-size: ${fontSizeNum}px;
-  --md-h6-size: ${fontSizeNum}px;
 }
 
 /* 段落缩进和对齐 */

packages/core/src/theme/cssVariables.ts

@@ -1,6 +1,5 @@
 export * from './cssProcessor'
 export * from './cssScopeWrapper'
-export * from './cssVariableResolver'
 export * from './cssVariables'
 export * from './selectorMapping'
 export * from './themeApplicator'

packages/core/src/theme/index.ts

@@ -5,7 +5,6 @@
 
 import type { CSSVariableConfig } from './cssVariables'
 import { downloadFile } from '@md/shared/utils'
-import { extractCSSVariables, resolveCSSVariables } from './cssVariableResolver'
 import { generateCSSVariables } from './cssVariables'
 
 /**
@@ -39,49 +38,7 @@ export function exportMergedTheme(
     customCSS,
   ].filter(Boolean).join(`\n`)
 
-  // 3. 提取变量映射
-  const variablesMap = extractCSSVariables(variablesCSS)
-
-  // 4. 解析变量（将 CSS 变量替换为实际值）
-  const resolvedCSS = resolveCSSVariables(mergedCSS, variablesMap)
-
-  // 5. 下载文件
-  downloadFile(resolvedCSS, `text/css`, `${fileName}.css`)
-
-  return resolvedCSS
-}
-
-/**
- * 导出带变量的主题（推荐）
- * @param customCSS - 用户自定义的CSS内容
- * @param baseThemeCSS - 基础主题CSS
- * @param config - 配置项
- * @param fileName - 导出文件名
- */
-export function exportThemeWithVariables(
-  customCSS: string,
-  baseThemeCSS: string,
-  config: CSSVariableConfig,
-  fileName: string,
-) {
-  const variablesCSS = generateCSSVariables(config)
-
-  const mergedCSS = [
-    `/**`,
-    ` * MD 主题导出（包含 CSS 变量）`,
-    ` * 导出时间: ${new Date().toLocaleString()}`,
-    ` * 说明: 该文件使用 CSS 变量，可通过修改 :root 中的变量值来调整主题`,
-    ` */`,
-    ``,
-    variablesCSS,
-    ``,
-    baseThemeCSS,
-    ``,
-    `/* 自定义样式 */`,
-    customCSS,
-  ].filter(Boolean).join(`\n`)
-
-  downloadFile(mergedCSS, `text/css`, `${fileName}.css`)
+  downloadFile(mergedCSS, `${fileName}.css`, `text/css`)
 
   return mergedCSS
 }

packages/core/src/theme/themeExporter.ts

@@ -11,7 +11,7 @@ h1 {
   border-bottom: 2px solid var(--md-primary-color);
   margin: 2em auto 1em;
   color: hsl(var(--foreground));
-  font-size: var(--md-h1-size);
+  font-size: calc(var(--md-font-size) * 1.2);
   font-weight: bold;
   text-align: center;
 }
@@ -23,7 +23,7 @@ h2 {
   margin: 4em auto 2em;
   color: #fff;
   background: var(--md-primary-color);
-  font-size: var(--md-h2-size);
+  font-size: calc(var(--md-font-size) * 1.2);
   font-weight: bold;
   text-align: center;
 }
@@ -34,7 +34,7 @@ h3 {
   border-left: 3px solid var(--md-primary-color);
   margin: 2em 8px 0.75em 0;
   color: hsl(var(--foreground));
-  font-size: var(--md-h3-size);
+  font-size: calc(var(--md-font-size) * 1.1);
   font-weight: bold;
   line-height: 1.2;
 }
@@ -43,22 +43,22 @@ h3 {
 h4 {
   margin: 2em 8px 0.5em;
   color: var(--md-primary-color);
-  font-size: var(--md-h4-size);
+  font-size: calc(var(--md-font-size) * 1);
   font-weight: bold;
 }
 
 /* ==================== 五级标题 ==================== */
 h5 {
   margin: 1.5em 8px 0.5em;
   color: var(--md-primary-color);
-  font-size: var(--md-h5-size);
+  font-size: calc(var(--md-font-size) * 1);
   font-weight: bold;
 }
 
 /* ==================== 六级标题 ==================== */
 h6 {
   margin: 1.5em 8px 0.5em;
-  font-size: var(--md-h6-size);
+  font-size: calc(var(--md-font-size) * 1);
   color: var(--md-primary-color);
 }