publish: 发布2.7.4版本Beta (#1880)

* 媒体库增加批量导入URL

* fix 描述错误

* feature: 自动化代码方法支持增加方法描述

* update: 更新依赖，升级为最新版本

* feature: 自动化代码预览部分支持黑夜模式

* fixed: 修复keepalive上线后失效的bug

* feature: 增加自动化基础模板功能

* feature: 增加自动化基础模板功能

* 将用户配置保存到数据库，刷新或者异地登录配置不丢失

* update: 清除无用的userinfo配置信息

* fixed: 清理开发阶段页面无端进入404的bug

* feature: 前端主题配置跟随用户，不再单独设置json编译生效。

* feature: 增加个人中心配置兼容性

* fix(package): 包名设置为中文会导致无法自动生成代码，禁止包名设置为中文

* feature: 格式化代码

* feature: 对严格模式新建根角色进行调整。

* feature: 版本变更为2.7.4

---------

Co-authored-by: sliboy <34034053+sliboy@users.noreply.github.com>
Co-authored-by: ba0ch3ng <ba0ch3ng@foxmail.com>
Co-authored-by: task <121913992@qq.com>
Co-authored-by: task <ms.yangdan@gmail.com>
Co-authored-by: 爱丽-黑子 <62006632+ailiheizi@users.noreply.github.com>
Co-authored-by: sliboy <sliboy@hotmail.com>

web/src/view/systemTools/autoCode/component/previewCodeDialg.vue

@@ -8,18 +8,30 @@
     >
       <div
         :id="key"
-        class="h-[calc(100vh-110px)] bg-white px-5 overflow-y-scroll"
+        class="h-[calc(100vh-110px)] px-5 overflow-y-scroll"
       />
     </el-tab-pane>
   </el-tabs>
 </template>
 
 <script setup>
-import { marked } from 'marked'
+import { Marked } from "marked";
+import { markedHighlight } from "marked-highlight";
 import hljs from 'highlight.js'
-import 'highlight.js/styles/atom-one-dark.css'
 import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
+import {useAppStore} from "@/pinia";
+
+const appStore = useAppStore()
+
+onMounted(() => {
+  const isDarkMode = appStore.config.darkMode === 'dark';
+  if (isDarkMode) {
+    import('highlight.js/styles/atom-one-dark.css');
+  } else {
+    import('highlight.js/styles/atom-one-light.css');
+  }
+});
 
 const props = defineProps({
   previewCode: {
@@ -32,26 +44,24 @@ const props = defineProps({
 
 const activeName = ref('')
 onMounted(() => {
-  marked.setOptions({
-    renderer: new marked.Renderer(),
-    highlight: function(code) {
-      return hljs.highlightAuto(code).value
-    },
-    pedantic: false,
-    gfm: true,
-    tables: true,
-    breaks: false,
-    sanitize: false,
-    smartLists: true,
-    smartypants: false,
-    xhtml: false,
-    langPrefix: 'hljs language-'
-  })
+  const marked = new Marked(
+      markedHighlight({
+        langPrefix: 'hljs language-',
+        highlight(code, lang, info) {
+          console.log(code,lang,info)
+          const language = hljs.getLanguage(lang) ? lang : 'plaintext';
+          if (lang === 'vue') {
+            return hljs.highlight(code, { language: 'html' }).value;
+          }
+          return hljs.highlight(code, { language }).value;
+        }
+      })
+  );
   for (const key in props.previewCode) {
     if (activeName.value === '') {
       activeName.value = key
     }
-    document.getElementById(key).innerHTML = marked(props.previewCode[key])
+    document.getElementById(key).innerHTML = marked.parse(props.previewCode[key])
   }
 })