+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ CodeForge
+CodeForge 是一款轻量级、高性能的桌面代码执行器，专为开发者、学生和编程爱好者设计。
+
+
+
+
+
+
+
+ 版本
+ {{ version }}
+
+
+ 构建时间
+ {{ buildTime }}
+
+
+ 平台
+ {{ platform }}
+
+
+
+
+
+ 核心功能
+
+
+
+
+ {{ feature }}
+
+
+
+
+ 技术栈
++
+
+ {{ tech.name }}
+
+
+
+
+
+ + © 2025 Devlive Community. 专为开发者打造的代码执行工具 +
+
-
+
-
+
+
-
+
+
+
+
@@ -45,6 +47,8 @@
\ No newline at end of file
+
+// 自动滚动到底部（实时输出时）
+watch(() => props.output, async (newOutput, oldOutput) => {
+ // 只有在输出增加时才滚动（避免清空时滚动）
+ if (newOutput.length > (oldOutput?.length || 0)) {
+ await nextTick()
+ if (outputContainer.value) {
+ outputContainer.value.scrollTop = outputContainer.value.scrollHeight
+ }
+ }
+}, { flush: 'post' })
+
+// 监听运行状态变化，运行开始时也滚动到底部
+watch(() => props.isRunning, async (isRunning) => {
+ if (isRunning) {
+ await nextTick()
+ if (outputContainer.value) {
+ outputContainer.value.scrollTop = outputContainer.value.scrollHeight
+ }
+ }
+})
+
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
new file mode 100644
index 0000000..c6cf322
--- /dev/null
+++ b/src/components/Settings.vue
@@ -0,0 +1,55 @@
+
+
-
-
-
- ([])
+ private toastId = 0
+
+ show(options: ToastOptions | string)
+ {
+ const config: ToastOptions = typeof options === 'string'
+ ? { message: options }
+ : options
+
+ // 清除现有的 toast
+ if (this.toasts.length > 0) {
+ this.toasts.splice(0, this.toasts.length)
+ }
+
+ const toast: ToastItem = {
+ id: ++this.toastId,
+ show: true,
+ type: 'success',
+ duration: 3000,
+ showProgress: true,
+ ...config
+ }
+
+ this.toasts.push(toast)
+
+ // 自动移除
+ if (toast.duration as number > 0) {
+ setTimeout(() => {
+ this.remove(toast.id)
+ }, toast.duration)
+ }
+
+ return toast.id
+ }
+
+ success(message: string, options?: Partial)
+ {
+ return this.show({ message, type: 'success', ...options })
+ }
+
+ error(message: string, options?: Partial)
+ {
+ return this.show({ message, type: 'error', ...options })
+ }
+
+ warning(message: string, options?: Partial)
+ {
+ return this.show({ message, type: 'warning', ...options })
+ }
+
+ info(message: string, options?: Partial)
+ {
+ return this.show({ message, type: 'info', ...options })
+ }
+
+ remove(id: number)
+ {
+ const index = this.toasts.findIndex(toast => toast.id === id)
+ if (index > -1) {
+ this.toasts[index].show = false
+ // 等待动画完成后移除
+ setTimeout(() => {
+ const currentIndex = this.toasts.findIndex(toast => toast.id === id)
+ if (currentIndex > -1) {
+ this.toasts.splice(currentIndex, 1)
+ }
+ }, 300)
+ }
+ }
+
+ clear()
+ {
+ this.toasts.forEach(toast => {
+ toast.show = false
+ })
+ setTimeout(() => {
+ this.toasts.length = 0
+ }, 300)
+ }
+
+ getToasts()
+ {
+ return this.toasts
+ }
+}
+
+const toastManager = new ToastManager()
+
+export const ToastPlugin = {
+ install(app: App)
+ {
+ // 全局属性
+ app.config.globalProperties.$toast = toastManager
+ app.config.globalProperties.$Toast = toastManager
+
+ // 提供/注入
+ app.provide('toast', toastManager)
+ app.provide('$toast', toastManager)
+ }
+}
+
+export const useToast = () => toastManager
+export const $toast = toastManager
+
+// 默认导出
+export default ToastPlugin
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
new file mode 100644
index 0000000..9cb1be2
--- /dev/null
+++ b/src/types/global.d.ts
@@ -0,0 +1,10 @@
+import { ToastManager } from '../plugins/toast.ts'
+
+declare module '@vue/runtime-core'
+{
+ interface ComponentCustomProperties
+ {
+ $toast: ToastManager
+ $Toast: ToastManager
+ }
+}
diff --git a/src/types/plugin.ts b/src/types/plugin.ts
new file mode 100644
index 0000000..10ef1ff
--- /dev/null
+++ b/src/types/plugin.ts
@@ -0,0 +1,12 @@
+export default interface PluginConfig
+{
+ enabled: boolean // 插件是否启用
+ execute_home?: string // 插件的执行路径
+ extension: string // 插件支持的文件扩展名
+ language: string // 插件所属语言
+ before_compile?: string // 插件在编译前执行的命令
+ after_compile?: string // 插件在编译完成后执行的命令
+ run_command?: string // 插件执行的命令，例如 "python2 $filename"
+ template?: string // 插件的模板
+ timeout?: number // 插件的超时时间
+}
diff --git a/src/ui/Button.vue b/src/ui/Button.vue
new file mode 100644
index 0000000..31727a1
--- /dev/null
+++ b/src/ui/Button.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
diff --git a/src/ui/Modal.vue b/src/ui/Modal.vue
new file mode 100644
index 0000000..5cf726d
--- /dev/null
+++ b/src/ui/Modal.vue
@@ -0,0 +1,264 @@
+
+
+
+
+
+
+
+
diff --git a/src/ui/Select.vue b/src/ui/Select.vue
new file mode 100644
index 0000000..d1d7236
--- /dev/null
+++ b/src/ui/Select.vue
@@ -0,0 +1,372 @@
+
+
-
-
-
-
-
-
-
- - {{ message }} -
-
-
+
diff --git a/src/components/setting/General.vue b/src/components/setting/General.vue
new file mode 100644
index 0000000..b064011
--- /dev/null
+++ b/src/components/setting/General.vue
@@ -0,0 +1,253 @@
+
+
+
+
-
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+ + {{ toast.message }} +
+
+
+
-
-
-
+
+
+
+
+
diff --git a/src/components/setting/Language.vue b/src/components/setting/Language.vue
new file mode 100644
index 0000000..a90ddc1
--- /dev/null
+++ b/src/components/setting/Language.vue
@@ -0,0 +1,275 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentLogDir || '加载中...' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ file }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
index fe5bae3..7229308 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,8 @@
import { createApp } from 'vue'
import App from './App.vue'
import './style.css'
+import ToastPlugin from './plugins/toast'
-createApp(App).mount('#app')
+createApp(App)
+ .use(ToastPlugin)
+ .mount('#app')
diff --git a/src/plugins/toast.ts b/src/plugins/toast.ts
new file mode 100644
index 0000000..0fff4f6
--- /dev/null
+++ b/src/plugins/toast.ts
@@ -0,0 +1,125 @@
+import { App, reactive } from 'vue'
+
+export interface ToastOptions
+{
+ message: string
+ type?: 'success' | 'error' | 'warning' | 'info'
+ duration?: number
+ showProgress?: boolean
+}
+
+interface ToastItem
+ extends ToastOptions
+{
+ id: number
+ show: boolean
+}
+
+export class ToastManager
+{
+ private toasts = reactive
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $filename
+ 执行的源文件或临时生成的文件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ title }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/ui/Tabs.vue b/src/ui/Tabs.vue
new file mode 100644
index 0000000..a428c96
--- /dev/null
+++ b/src/ui/Tabs.vue
@@ -0,0 +1,584 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getOptionLabel(option) }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ noOptionsText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ tab.text || '暂无内容' }}
+