- 发送
+
+ 发送
+ {{ isMac ? '⌘' : 'Ctrl' }} ⏎
+
发送中...
@@ -21,6 +24,8 @@ import {
getEditorTheme as getEditorThemeUtil,
getPreviewTheme as getPreviewThemeUtil,
} from '~/utils/vditor'
+import { useIsMobile } from '~/utils/screen'
+import { isMac } from '~/utils/device'
import '~/assets/global.css'
export default {
@@ -44,6 +49,7 @@ export default {
const vditorInstance = ref(null)
const text = ref('')
const editorId = ref(props.editorId)
+ const isMobile = useIsMobile()
if (!editorId.value) {
editorId.value = 'editor-' + useId()
}
@@ -84,6 +90,28 @@ export default {
applyTheme()
},
})
+
+ // 不是手机的情况下不添加快捷键
+ if (!isMobile.value) {
+ // 添加快捷键监听 (Ctrl+Enter 或 Cmd+Enter)
+ const handleKeydown = (e) => {
+ if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+ e.preventDefault()
+ submit()
+ }
+ }
+
+ const el = document.getElementById(editorId.value)
+ if (el) {
+ el.addEventListener('keydown', handleKeydown)
+ }
+
+ onUnmounted(() => {
+ if (el) {
+ el.removeEventListener('keydown', handleKeydown)
+ }
+ })
+ }
})
onUnmounted(() => {
@@ -121,7 +149,7 @@ export default {
},
)
- return { submit, isDisabled, editorId }
+ return { submit, isDisabled, editorId, isMac, isMobile }
},
}
@@ -168,4 +196,17 @@ export default {
.message-submit:not(.disabled):hover {
background-color: var(--primary-color-hover);
}
+
+/** 评论按钮快捷键样式 */
+.shortcut-icon {
+ padding: 2px 6px;
+ border-radius: 6px;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 1.2;
+ background-color: rgba(0, 0, 0, 0.25);
+}
+.comment-submit.disabled .shortcut-icon {
+ background-color: rgba(0, 0, 0, 0);
+}
diff --git a/frontend_nuxt/config/uploadConfig.js b/frontend_nuxt/config/uploadConfig.js
index e98f13d70..3c252ecc0 100644
--- a/frontend_nuxt/config/uploadConfig.js
+++ b/frontend_nuxt/config/uploadConfig.js
@@ -1,62 +1,15 @@
/**
- * 文件上传配置 - 简化版
- * 专注于 FFmpeg.wasm 视频压缩，支持 Chrome/Safari
+ * 文件上传配置
*/
-// 声明全局变量以避免 TypeScript 错误
-/* global useRuntimeConfig */
-
-// 简化的环境变量读取功能
-function getEnvNumber(key, defaultValue) {
- if (typeof window !== 'undefined') {
- // 客户端：尝试从 Nuxt 环境获取
- try {
- // 使用 globalThis 避免直接引用未定义的变量
- const nuxtApp = globalThis.$nuxt || globalThis.nuxtApp
- if (nuxtApp && nuxtApp.$config) {
- const value = nuxtApp.$config.public?.[key.replace('NUXT_PUBLIC_', '').toLowerCase()]
- return value ? Number(value) : defaultValue
- }
- return defaultValue
- } catch {
- return defaultValue
- }
- }
- // 服务端：从 process.env 获取
- return process.env[key] ? Number(process.env[key]) : defaultValue
-}
-
-function getEnvBoolean(key, defaultValue) {
- if (typeof window !== 'undefined') {
- try {
- // 使用 globalThis 避免直接引用未定义的变量
- const nuxtApp = globalThis.$nuxt || globalThis.nuxtApp
- if (nuxtApp && nuxtApp.$config) {
- const value = nuxtApp.$config.public?.[key.replace('NUXT_PUBLIC_', '').toLowerCase()]
- return value === 'true' || value === true
- }
- return defaultValue
- } catch {
- return defaultValue
- }
- }
- const envValue = process.env[key]
- return envValue ? envValue === 'true' : defaultValue
-}
-
export const UPLOAD_CONFIG = {
- // 视频文件配置 - 专为 FFmpeg.wasm 优化
+ // 视频文件配置
VIDEO: {
// 文件大小限制 (字节)
- MAX_SIZE: getEnvNumber('NUXT_PUBLIC_VIDEO_MAX_SIZE', 20 * 1024 * 1024), // 5MB
- TARGET_SIZE: getEnvNumber('NUXT_PUBLIC_VIDEO_TARGET_SIZE', 5 * 1024 * 1024), // 5MB
+ MAX_SIZE: 20 * 1024 * 1024,
- // 支持的输入格式 (FFmpeg.wasm 支持更多格式)
+ // 支持的输入格式
SUPPORTED_FORMATS: ['mp4', 'webm', 'avi', 'mov', 'wmv', 'flv', 'mkv', 'm4v', 'ogv'],
-
- // 输出格式 - MP4 (兼容性最好)
- OUTPUT_FORMAT: 'mp4',
- OUTPUT_CODEC: 'h264',
},
// 图片文件配置
diff --git a/frontend_nuxt/nuxt.config.ts b/frontend_nuxt/nuxt.config.ts
index dad43963c..0c5bea8ac 100644
--- a/frontend_nuxt/nuxt.config.ts
+++ b/frontend_nuxt/nuxt.config.ts
@@ -1,17 +1,5 @@
import { defineNuxtConfig } from 'nuxt/config'
-import { createRequire } from 'node:module'
-const require = createRequire(import.meta.url)
-const appPkg = require('./package.json') as {
- dependencies?: Record