新增：模型说明中 code 标签点击自动复制功能

Author: modstart

changelog.md

@@ -1,6 +1,7 @@
-## v0.13.0
+## v0.13.0 Mac模型导入自动修复，模型说明自动复制，视频预览优化
 
 - 新增：Mac模型导入时支持自动修复模型文件签名
+- 新增：模型说明中 code 标签点击自动复制功能
 - 优化：视频播放组件概率性不能动态刷新问题
 - 优化：Logo打包脚本和Logo样式
 - 优化：CosyVoice模型调用方式

package.json

@@ -1,6 +1,6 @@
 {
     "name": "aigcpanel",
-    "version": "0.12.0",
+    "version": "0.13.0",
     "main": "dist-electron/main/index.js",
     "description": "一站式AI数字人系统",
     "author": "ModStartLib",

src/components/Server/ServerContentInfoAction.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import {computed, ref} from "vue";
+import {computed, ref, watch} from "vue";
 import ServerCloudDemoDialog from "./ServerCloudDemoDialog.vue";
+import {doCopy} from "../common/util";
 
 const demoDialog = ref<InstanceType<typeof ServerCloudDemoDialog> | null>(null)
 
@@ -30,6 +31,21 @@ const content = computed(() => {
     }
     return lines.join('\n')
 })
+watch(() => visible.value, (v) => {
+    if (v) {
+        const codeElements = document.querySelectorAll('.pb-content-info code');
+        codeElements.forEach((codeElement) => {
+            if (codeElement.getAttribute('data-click-bind')) {
+                return
+            }
+            codeElement.addEventListener('click', () => {
+                const text = codeElement.textContent || ''
+                doCopy(text);
+            })
+            codeElement.setAttribute('data-click-bind', 'true')
+        });
+    }
+})
 </script>
 
 <template>
@@ -45,7 +61,7 @@ const content = computed(() => {
         <template #title>
             {{ $t('使用说明') }}
         </template>
-        <div class="overflow-y-auto overflow-x-hidden leading-6" style="max-height:60vh;">
+        <div class="overflow-y-auto overflow-x-hidden leading-6 pb-content-info" style="max-height:60vh;">
             <div v-html="content"></div>
         </div>
     </a-modal>
@@ -57,3 +73,16 @@ const content = computed(() => {
     </a-button>
     <ServerCloudDemoDialog ref="demoDialog"/>
 </template>
+
+<style lang="less" scoped>
+.pb-content-info {
+    :deep(code) {
+        background: rgba(0, 0, 0, 0.05);
+        border-radius: 0.2rem;
+        display: inline-block;
+        padding: 0.1rem 0.2rem;
+        cursor: pointer;
+        margin-bottom: 0.2rem;
+    }
+}
+</style>