src/components/CodemirrorEditor/EditorHeader/index.vue

@@ -379,31 +379,6 @@ function customStyle() {
               </Button>
             </div>
           </div>
-          <div class="space-y-2">
-            <h2>段落首行缩进</h2>
-            <div class="grid grid-cols-5 justify-items-center gap-2">
-              <Button
-                class="w-full"
-                variant="outline"
-                :class="{
-                  'border-black dark:border-white': store.isUseIndent,
-                }"
-                @click="!store.isUseIndent && store.useIndentChanged()"
-              >
-                开启
-              </Button>
-              <Button
-                class="w-full"
-                variant="outline"
-                :class="{
-                  'border-black dark:border-white': !store.isUseIndent,
-                }"
-                @click="store.isUseIndent && store.useIndentChanged()"
-              >
-                关闭
-              </Button>
-            </div>
-          </div>
           <div class="space-y-2">
             <h2>自定义 CSS 面板</h2>
             <div class="grid grid-cols-5 justify-items-center gap-2">

src/stores/index.ts

@@ -28,10 +28,6 @@ export const useStore = defineStore(`store`, () => {
   const isCiteStatus = useStorage(`isCiteStatus`, false)
   const toggleCiteStatus = useToggle(isCiteStatus)
 
-  // 是否开启段落首行缩进
-  const isUseIndent = useStorage(addPrefix(`use_indent`), false)
-  const toggleUseIndent = useToggle(isUseIndent)
-
   const output = ref(``)
 
   // 文本字体
@@ -137,13 +133,12 @@ export const useStore = defineStore(`store`, () => {
     theme: customCssWithTemplate(css2json(getCurrentTab().content), primaryColor.value, customizeTheme(themeMap[theme.value], { fontSize: fontSizeNumber.value, color: primaryColor.value })),
     fonts: fontFamily.value,
     size: fontSize.value,
-    isUseIndent: isUseIndent.value,
   })
 
   // 更新编辑器
   const editorRefresh = () => {
     codeThemeChange()
-    renderer.reset({ status: isCiteStatus.value, legend: legend.value, isUseIndent: isUseIndent.value })
+    renderer.reset({ status: isCiteStatus.value, legend: legend.value })
     let outputTemp = marked.parse(editor.value!.getValue()) as string
 
     // 去除第一行的 margin-top
@@ -323,10 +318,6 @@ export const useStore = defineStore(`store`, () => {
     toggleCiteStatus()
   })
 
-  const useIndentChanged = withAfterRefresh(() => {
-    toggleUseIndent()
-  })
-
   // 导出编辑器内容为 HTML，并且下载到本地
   const exportEditorContent2HTML = () => {
     exportHTML()
@@ -398,8 +389,6 @@ export const useStore = defineStore(`store`, () => {
     isMacCodeBlock,
     isCiteStatus,
     citeStatusChanged,
-    isUseIndent,
-    useIndentChanged,
 
     output,
     editor,

src/types/index.ts

@@ -20,7 +20,6 @@ export interface IOpts {
   theme: Theme
   fonts: string
   size: string
-  isUseIndent: boolean
   legend?: string
   status?: boolean
 }

src/utils/renderer.ts

@@ -1,7 +1,7 @@
 import type { ExtendedProperties, IOpts, ThemeStyles } from '@/types'
 import type { PropertiesHyphen } from 'csstype'
 import type { Renderer, RendererObject, Tokens } from 'marked'
-import { cloneDeep, toMerged } from 'es-toolkit'
+import { toMerged } from 'es-toolkit'
 import hljs from 'highlight.js'
 
 import { marked } from 'marked'
@@ -10,20 +10,12 @@ import { MDKatex } from './MDKatex'
 
 marked.use(MDKatex({ nonStandard: true }))
 
-function buildTheme({ theme: _theme, fonts, size, isUseIndent }: IOpts): ThemeStyles {
-  const theme = cloneDeep(_theme)
+function buildTheme({ theme, fonts, size }: IOpts): ThemeStyles {
   const base = toMerged(theme.base, {
     'font-family': fonts,
     'font-size': size,
   })
 
-  if (isUseIndent) {
-    theme.block.p = {
-      'text-indent': `2em`,
-      ...theme.block.p,
-    }
-  }
-
   const mergeStyles = (styles: Record<string, PropertiesHyphen>): Record<string, ExtendedProperties> =>
     Object.fromEntries(
       Object.entries(styles).map(([ele, style]) => [ele, toMerged(base, style)]),