delorex/test-repo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: comprehensive documentation and demo updates

Browse Source 
- Update READMEs and docs across multiple languages
- Enhance interactive demos for Agent, LLM, VLM, Audio, Image Gen, Terminal, and Web Basics
- Add new appendix sections for Database and IDE intros
- Update VitePress config, theme, and utility scripts
- Clean up unused assets and components
This commit is contained in:
sanbuphy
2026-01-16 19:10:21 +08:00
parent c8567ce23f
commit 73f4788d7e
150 changed files with 19530 additions and 13401 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/.vitepress/theme/components/appendix/terminal-intro/CellInspector.vue
+66 -20
View File
@@ -17,26 +17,28 @@
{{ char }}
</div>
</div>
<div class="controls-area">
<div class="control-group">
<label>CHARACTER</label>
<div class="char-buttons">
<button
v-for="c in chars"
:key="c"
<button
v-for="c in chars"
:key="c"
:class="{ active: char === c }"
@click="char = c"
>{{ c }}</button>
>
{{ c }}
</button>
</div>
</div>
<div class="control-group">
<label>FOREGROUND</label>
<div class="color-palette">
<div
v-for="color in colors"
:key="color"
<div
v-for="color in colors"
:key="color"
class="color-swatch"
:style="{ backgroundColor: color }"
:class="{ active: fgColor === color }"
@@ -48,15 +50,23 @@
<div class="control-group">
<label>BACKGROUND</label>
<div class="color-palette">
<div
<div
class="color-swatch"
:class="{ active: bgColor === 'transparent' }"
style="background: linear-gradient(45deg, #222 25%, transparent 25%), linear-gradient(-45deg, #222 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #222 75%), linear-gradient(-45deg, transparent 75%, #222 75%); background-size: 10px 10px; background-color: #111;"
style="
background:
linear-gradient(45deg, #222 25%, transparent 25%),
linear-gradient(-45deg, #222 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #222 75%),
linear-gradient(-45deg, transparent 75%, #222 75%);
background-size: 10px 10px;
background-color: #111;
"
@click="bgColor = 'transparent'"
></div>
<div
v-for="color in bgColors"
:key="color"
<div
v-for="color in bgColors"
:key="color"
class="color-swatch"
:style="{ backgroundColor: color }"
:class="{ active: bgColor === color }"
@@ -69,11 +79,11 @@
<label>ATTRIBUTES</label>
<div class="toggles">
<label class="toggle">
<input type="checkbox" v-model="isBold">
<input type="checkbox" v-model="isBold" />
<span>Bold</span>
</label>
<label class="toggle">
<input type="checkbox" v-model="isUnderline">
<input type="checkbox" v-model="isUnderline" />
<span>Underline</span>
</label>
</div>
@@ -85,13 +95,49 @@
<script setup>
import { ref, computed } from 'vue'
const chars = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P']
const chars = [
'A',
'B',
'C',
'D',
'E',
'F',
'G',
'H',
'I',
'J',
'K',
'L',
'M',
'N',
'O',
'P'
]
const colors = [
'#ef4444', '#22c55e', '#eab308', '#3b82f6', '#a855f7', '#06b6d4', '#f3f4f6', '#6b7280',
'#f87171', '#4ade80', '#facc15', '#60a5fa', '#c084fc', '#22d3ee', '#ffffff'
'#ef4444',
'#22c55e',
'#eab308',
'#3b82f6',
'#a855f7',
'#06b6d4',
'#f3f4f6',
'#6b7280',
'#f87171',
'#4ade80',
'#facc15',
'#60a5fa',
'#c084fc',
'#22d3ee',
'#ffffff'
]
const bgColors = [
'#000000', '#1f2937', '#111827', '#374151', '#1e3a8a', '#3f2c08', '#310b0b'
'#000000',
'#1f2937',
'#111827',
'#374151',
'#1e3a8a',
'#3f2c08',
'#310b0b'
]
const char = ref('A')
@@ -208,7 +254,7 @@ const cellStyle = computed(() => ({
.color-swatch.active {
border-color: #fff;
transform: scale(1.1);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.toggles {