feat: 支持简单检测文件编码进行自动加载

Author: Flex-7746

frontend/package.json

@@ -14,7 +14,6 @@
     "axios": "^1.13.2",
     "buffer": "^6.0.3",
     "element-plus": "^2.11.9",
-    "iconv-lite": "^0.7.0",
     "lodash": "^4.17.21",
     "marked": "^17.0.1",
     "monaco-editor": "^0.54.0",

frontend/pnpm-lock.yaml

@@ -57,7 +57,6 @@
 import { computed, onMounted, ref, watch } from 'vue'
 import MonacoEditor from 'monaco-editor-vue3'
 import { Camera } from '@element-plus/icons-vue'
-import * as iconv from 'iconv-lite'
 
 import MdView from '@/components/MdView.vue'
 
@@ -94,7 +93,7 @@ const { editorDidMount, changeLang, changeTheme, changeOption } = useEditor({ on
 
 const changeEncode = async (v: string) => {
   const buffer = await code.blob.arrayBuffer()
-  code.org = code.value = iconv.decode(new Uint8Array(buffer), v)
+  code.org = code.value = new TextDecoder(v).decode(buffer)
 }
 
 watch(

frontend/src/components/MonacoEditor.vue

@@ -1,5 +1,3 @@
-import * as iconv from 'iconv-lite'
-
 import { HOST } from '@/utils/env'
 import { ENCODING_OPTIONS } from '@/utils/option'
 
@@ -46,44 +44,25 @@ export const getKey = (path: string) =>
     .replace(/\./g, '_')
 
 export const getEncodeValue = async (blob: Blob) => {
-  const result = { encode: '', value: '' }
-
-  const buffer = new Uint8Array(await blob.arrayBuffer())
+  const encode: string[] = []
+  const buffer = await blob.arrayBuffer()
 
-  if (buffer.length >= 3 && buffer[0] === 0xef && buffer[1] === 0xbb && buffer[2] === 0xbf) {
-    result.encode = 'utf8'
-  } else if (buffer[0] === 0xfe && buffer[1] === 0xff) {
-    result.encode = 'utf16be'
-  } else if (buffer[0] === 0xff && buffer[1] === 0xfe) {
-    result.encode = 'utf16le'
-  }
+  for (const item of ENCODING_OPTIONS) {
+    try {
+      const decoder = new TextDecoder(item.value)
+      const text = decoder.decode(buffer)
 
-  if (!result.encode) {
-    for (const item of ENCODING_OPTIONS) {
-      try {
-        const text = iconv.decode(buffer, item.value)
-        const sum = text.length
-        const err = text.split('').filter((i) => i === '�').length
-
-        if (err / sum > 0.3) {
-          result.encode = item.value
-          result.value = text
-        }
-      } catch {
+      if (text.includes('�')) {
         continue
       }
-    }
-  }
-
-  if (!result.encode) {
-    result.encode = 'utf8'
-  }
 
-  if (!result.value) {
-    result.value = iconv.decode(buffer, result.encode)
+      encode.push(item.value)
+    } catch {
+      continue
+    }
   }
 
-  return result
+  return { encode: encode[0] || 'utf8', value: new TextDecoder(encode[0] || 'utf8').decode(buffer) }
 }
 
 export const isBinaryContent = async (blob: Blob) => {

frontend/src/utils/file.ts

@@ -86,16 +86,16 @@ export const THEME_OPTIONS: { label: string; value: string; dark: boolean }[] =
 
 export const ENCODING_OPTIONS = [
   // 推荐优先显示（常用编码）
-  { value: 'utf8', label: 'UTF-8' },
+  { value: 'utf-8', label: 'UTF-8' },
   { value: 'gbk', label: 'GBK' },
   { value: 'gb2312', label: 'GB2312' },
   { value: 'gb18030', label: 'GB18030' },
   { value: 'big5', label: 'Big5' },
 
   // 国际通用编码
-  { value: 'utf16le', label: 'UTF-16 LE' },
-  { value: 'utf16be', label: 'UTF-16 BE' },
-  { value: 'utf16', label: 'UTF-16' },
+  { value: 'utf-16le', label: 'UTF-16 LE' },
+  { value: 'utf-16be', label: 'UTF-16 BE' },
+  { value: 'utf-16', label: 'UTF-16' },
   { value: 'ascii', label: 'ASCII' },
   { value: 'latin1', label: 'ISO-8859-1' },
   { value: 'windows-1252', label: 'Windows-1252' },