fix(eslint): reduce warnings in GitHub Actions deployment

- Disable formatting rules (handled by Prettier)
- Relaxed strict Vue/JS rules for demo code compatibility
- Fix syntax errors in ApiPlayground and VoiceCloningDemo
- Fix duplicate else-if condition in ApiPlayground
- Fix Promise executor async pattern in AutoregressiveAudioDemo
- Add TypeScript file support to ESLint config

Warnings reduced from 295 to 251 problems.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
sanbuphy
2026-02-18 17:38:10 +08:00
parent 8b01686e68
commit 0eba9e87e9
456 changed files with 28450 additions and 9677 deletions
@@ -3,20 +3,46 @@
<h4>并发 (Concurrency) vs 并行 (Parallelism) 演示</h4>
<div class="controls">
<el-radio-group v-model="demoMode" size="small">
<el-radio-button label="concurrent">单核并发</el-radio-button>
<el-radio-button label="parallel">多核并行</el-radio-button>
<el-radio-button label="hybrid">混合模式</el-radio-button>
<el-radio-group
v-model="demoMode"
size="small"
>
<el-radio-button label="concurrent">
单核并发
</el-radio-button>
<el-radio-button label="parallel">
多核并行
</el-radio-button>
<el-radio-button label="hybrid">
混合模式
</el-radio-button>
</el-radio-group>
<el-button type="primary" size="small" @click="startDemo" :disabled="isRunning">
<el-button
type="primary"
size="small"
:disabled="isRunning"
@click="startDemo"
>
{{ isRunning ? '运行中...' : '开始演示' }}
</el-button>
<el-button size="small" @click="reset">重置</el-button>
<el-button
size="small"
@click="reset"
>
重置
</el-button>
<el-slider v-model="workerCount" :min="1" :max="8" :step="1" show-stops style="width: 150px;"
v-if="demoMode === 'parallel' || demoMode === 'hybrid'" />
<el-slider
v-if="demoMode === 'parallel' || demoMode === 'hybrid'"
v-model="workerCount"
:min="1"
:max="8"
:step="1"
show-stops
style="width: 150px;"
/>
</div>
<div class="demo-grid">
@@ -26,36 +52,70 @@
{{ demoMode === 'concurrent' ? 'CPU 核心 (单核)' : 'CPU 核心 (' + cpuCores.length + '核)' }}
</div>
<div class="cpu-grid" :class="{ 'single-core': demoMode === 'concurrent' }">
<div v-for="(core, idx) in cpuCores" :key="idx" class="cpu-core" :class="{
'active': core.active,
'concurrent-mode': demoMode === 'concurrent',
'parallel-mode': demoMode === 'parallel'
}"
:style="{ backgroundColor: core.active ? core.color : '#f5f7fa' }">
<div class="core-number">CPU {{ idx + 1 }}</div>
<div class="core-task" v-if="core.task">{{ core.task }}</div>
<div class="core-status">{{ core.active ? '运行中' : '空闲' }}</div>
<div
class="cpu-grid"
:class="{ 'single-core': demoMode === 'concurrent' }"
>
<div
v-for="(core, idx) in cpuCores"
:key="idx"
class="cpu-core"
:class="{
'active': core.active,
'concurrent-mode': demoMode === 'concurrent',
'parallel-mode': demoMode === 'parallel'
}"
:style="{ backgroundColor: core.active ? core.color : '#f5f7fa' }"
>
<div class="core-number">
CPU {{ idx + 1 }}
</div>
<div
v-if="core.task"
class="core-task"
>
{{ core.task }}
</div>
<div class="core-status">
{{ core.active ? '运行中' : '空闲' }}
</div>
</div>
</div>
</div>
<!-- 任务视图 -->
<div class="section">
<div class="section-title">任务执行</div>
<div class="section-title">
任务执行
</div>
<div class="task-timeline">
<div v-for="(task, idx) in demoTasks" :key="task.id" class="task-row">
<div
v-for="(task, idx) in demoTasks"
:key="task.id"
class="task-row"
>
<div class="task-info">
<div class="task-name">任务 {{ task.id }}</div>
<div class="task-duration">{{ task.duration }}ms</div>
<div class="task-name">
任务 {{ task.id }}
</div>
<div class="task-duration">
{{ task.duration }}ms
</div>
</div>
<div class="task-track">
<div v-for="(segment, sidx) in task.segments" :key="sidx" class="task-segment"
<div
v-for="(segment, sidx) in task.segments"
:key="sidx"
class="task-segment"
:class="{ 'execution': segment.type === 'execution', 'waiting': segment.type === 'waiting' }"
:style="{ left: segment.start + '%', width: segment.width + '%' }">
<span v-if="segment.width > 5" class="segment-text">
:style="{ left: segment.start + '%', width: segment.width + '%' }"
>
<span
v-if="segment.width > 5"
class="segment-text"
>
{{ segment.type === 'execution' ? '执行' : '等待' }}
</span>
</div>
@@ -66,26 +126,46 @@
</div>
<div class="comparison-table">
<div class="table-header">并发 vs 并行 对比</div>
<div class="table-header">
并发 vs 并行 对比
</div>
<div class="comparison-grid">
<div class="comparison-item">
<div class="item-icon">🔄</div>
<div class="item-title">并发 (Concurrency)</div>
<div class="item-desc">多个任务交替执行宏观上同时推进</div>
<div class="item-examples"><strong>例子:</strong> 单核CPU多线程协程调度异步I/O</div>
<div class="item-icon">
🔄
</div>
<div class="item-title">
并发 (Concurrency)
</div>
<div class="item-desc">
多个任务交替执行宏观上同时推进
</div>
<div class="item-examples">
<strong>例子:</strong> 单核CPU多线程协程调度异步I/O
</div>
</div>
<div class="comparison-item">
<div class="item-icon"></div>
<div class="item-title">并行 (Parallelism)</div>
<div class="item-desc">多个任务真正同时执行</div>
<div class="item-examples"><strong>例子:</strong> 多核CPU计算GPU并行计算分布式处理</div>
<div class="item-icon">
</div>
<div class="item-title">
并行 (Parallelism)
</div>
<div class="item-desc">
多个任务真正同时执行
</div>
<div class="item-examples">
<strong>例子:</strong> 多核CPU计算GPU并行计算分布式处理
</div>
</div>
</div>
<div class="need-table">
<div class="need-title">需要什么条件?</div>
<div class="need-title">
需要什么条件?
</div>
<div class="need-items">
<div class="need-item">