sillyspec 3.20.3 → 3.20.4

package/packages/dashboard/src/components/detail/DocsDetail.vue

@@ -1,48 +1,48 @@
-<template>
-  <div v-if="data?.length" class="px-4 py-3">
-    <div v-for="group in data" :key="group.key" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">
-        {{ group.icon }} {{ group.label }} ({{ group.files.length }})
-      </h4>
-      <div class="space-y-1">
-        <div
-          v-for="f in group.files"
-          :key="f.path"
-          class="flex items-center gap-2 px-2 py-1.5 rounded text-[11px] cursor-pointer hover:bg-[#FEF3C7] transition-colors"
-          @click="$emit('open-file', f)"
-        >
-          <svg class="w-3 h-3 flex-shrink-0" fill="none" stroke="#9CA3AF" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
-          </svg>
-          <span class="truncate" style="color: #1C1C1E;">{{ f.name }}</span>
-          <span class="ml-auto flex-shrink-0 font-mono text-[10px]" style="color: #9CA3AF;">{{ formatSize(f.size) }}</span>
-          <span class="flex-shrink-0 text-[10px]" style="color: #9CA3AF;">{{ relativeTime(f.mtime) }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <n-empty v-else description="无文档" style="padding: 48px 0;" />
-</template>
-
-<script setup>
-defineProps({ data: { type: Array, default: () => [] } })
-defineEmits(['open-file'])
-
-function formatSize(bytes) {
-  if (!bytes) return '—'
-  if (bytes < 1024) return bytes + ' B'
-  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB'
-  return (bytes / 1048576).toFixed(1) + ' MB'
-}
-
-function relativeTime(iso) {
-  if (!iso) return ''
-  const d = new Date(iso)
-  const diff = Date.now() - d.getTime()
-  if (diff < 60000) return '刚刚'
-  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
-  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
-  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
-  return `${d.getMonth() + 1}/${d.getDate()}`
-}
-</script>
+<template>
+  <div v-if="data?.length" class="px-4 py-3">
+    <div v-for="group in data" :key="group.key" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">
+        {{ group.icon }} {{ group.label }} ({{ group.files.length }})
+      </h4>
+      <div class="space-y-1">
+        <div
+          v-for="f in group.files"
+          :key="f.path"
+          class="flex items-center gap-2 px-2 py-1.5 rounded text-[11px] cursor-pointer hover:bg-[#FEF3C7] transition-colors"
+          @click="$emit('open-file', f)"
+        >
+          <svg class="w-3 h-3 flex-shrink-0" fill="none" stroke="#9CA3AF" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+          </svg>
+          <span class="truncate" style="color: #1C1C1E;">{{ f.name }}</span>
+          <span class="ml-auto flex-shrink-0 font-mono text-[10px]" style="color: #9CA3AF;">{{ formatSize(f.size) }}</span>
+          <span class="flex-shrink-0 text-[10px]" style="color: #9CA3AF;">{{ relativeTime(f.mtime) }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <n-empty v-else description="无文档" style="padding: 48px 0;" />
+</template>
+
+<script setup>
+defineProps({ data: { type: Array, default: () => [] } })
+defineEmits(['open-file'])
+
+function formatSize(bytes) {
+  if (!bytes) return '—'
+  if (bytes < 1024) return bytes + ' B'
+  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB'
+  return (bytes / 1048576).toFixed(1) + ' MB'
+}
+
+function relativeTime(iso) {
+  if (!iso) return ''
+  const d = new Date(iso)
+  const diff = Date.now() - d.getTime()
+  if (diff < 60000) return '刚刚'
+  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
+  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
+  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
+  return `${d.getMonth() + 1}/${d.getDate()}`
+}
+</script>

package/packages/dashboard/src/components/detail/GitDetail.vue

@@ -1,61 +1,61 @@
-<template>
-  <div v-if="data" class="px-4 py-3">
-    <!-- Branch -->
-    <div class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">当前分支</h4>
-      <div class="text-[18px] font-bold font-[JetBrains_Mono,monospace]" style="color: #D97706;">{{ data.branch || '—' }}</div>
-    </div>
-
-    <!-- Commits -->
-    <div v-if="data.commits?.length" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">最近提交</h4>
-      <div class="space-y-2">
-        <div v-for="c in data.commits" :key="c.hash" class="px-3 py-2 rounded-md" style="background: #F5F5F7;">
-          <div class="flex items-center gap-2">
-            <span class="text-[11px] font-mono font-semibold" style="color: #D97706;">{{ c.hash }}</span>
-            <span class="text-[11px] flex-1 truncate" style="color: #1C1C1E;">{{ c.message }}</span>
-          </div>
-          <div class="flex items-center gap-2 mt-1 text-[10px]" style="color: #6B7280;">
-            <span>{{ c.author }}</span>
-            <span>·</span>
-            <span>{{ relativeTime(c.date) }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Untracked -->
-    <div v-if="data.untracked?.length">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">未提交文件</h4>
-      <div class="space-y-1">
-        <div v-for="f in data.untracked" :key="f.file" class="flex items-center gap-2 px-2 py-1 rounded text-[11px] font-[JetBrains_Mono,monospace]">
-          <span class="font-semibold w-5 text-center" :style="{ color: statusColor(f.status) }">{{ f.status }}</span>
-          <span class="truncate" style="color: #1C1C1E;">{{ f.file }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <n-empty v-else description="无 Git 信息" style="padding: 48px 0;" />
-</template>
-
-<script setup>
-defineProps({ data: { type: Object, default: null } })
-
-function statusColor(s) {
-  if (s.includes('M')) return '#F59E0B'
-  if (s.includes('A') || s === '?') return '#10B981'
-  if (s.includes('D')) return '#EF4444'
-  return '#9CA3AF'
-}
-
-function relativeTime(iso) {
-  if (!iso) return ''
-  const d = new Date(iso)
-  const diff = Date.now() - d.getTime()
-  if (diff < 60000) return '刚刚'
-  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
-  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
-  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
-  return `${d.getMonth() + 1}/${d.getDate()}`
-}
-</script>
+<template>
+  <div v-if="data" class="px-4 py-3">
+    <!-- Branch -->
+    <div class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-1.5 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">当前分支</h4>
+      <div class="text-[18px] font-bold font-[JetBrains_Mono,monospace]" style="color: #D97706;">{{ data.branch || '—' }}</div>
+    </div>
+
+    <!-- Commits -->
+    <div v-if="data.commits?.length" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">最近提交</h4>
+      <div class="space-y-2">
+        <div v-for="c in data.commits" :key="c.hash" class="px-3 py-2 rounded-md" style="background: #F5F5F7;">
+          <div class="flex items-center gap-2">
+            <span class="text-[11px] font-mono font-semibold" style="color: #D97706;">{{ c.hash }}</span>
+            <span class="text-[11px] flex-1 truncate" style="color: #1C1C1E;">{{ c.message }}</span>
+          </div>
+          <div class="flex items-center gap-2 mt-1 text-[10px]" style="color: #6B7280;">
+            <span>{{ c.author }}</span>
+            <span>·</span>
+            <span>{{ relativeTime(c.date) }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Untracked -->
+    <div v-if="data.untracked?.length">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">未提交文件</h4>
+      <div class="space-y-1">
+        <div v-for="f in data.untracked" :key="f.file" class="flex items-center gap-2 px-2 py-1 rounded text-[11px] font-[JetBrains_Mono,monospace]">
+          <span class="font-semibold w-5 text-center" :style="{ color: statusColor(f.status) }">{{ f.status }}</span>
+          <span class="truncate" style="color: #1C1C1E;">{{ f.file }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <n-empty v-else description="无 Git 信息" style="padding: 48px 0;" />
+</template>
+
+<script setup>
+defineProps({ data: { type: Object, default: null } })
+
+function statusColor(s) {
+  if (s.includes('M')) return '#F59E0B'
+  if (s.includes('A') || s === '?') return '#10B981'
+  if (s.includes('D')) return '#EF4444'
+  return '#9CA3AF'
+}
+
+function relativeTime(iso) {
+  if (!iso) return ''
+  const d = new Date(iso)
+  const diff = Date.now() - d.getTime()
+  if (diff < 60000) return '刚刚'
+  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
+  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
+  if (diff < 604800000) return `${Math.floor(diff / 86400000)} 天前`
+  return `${d.getMonth() + 1}/${d.getDate()}`
+}
+</script>

package/packages/dashboard/src/components/detail/TechDetail.vue

@@ -1,43 +1,43 @@
-<template>
-  <div v-if="data" class="px-4 py-3">
-    <!-- Frameworks -->
-    <div v-if="data.frameworks?.length" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">识别框架</h4>
-      <div class="flex flex-wrap gap-2">
-        <n-tag v-for="f in data.frameworks" :key="f" type="warning" size="small" round>{{ f }}</n-tag>
-      </div>
-    </div>
-
-    <!-- Dependencies -->
-    <div v-if="depEntries.length" class="mb-4">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">dependencies ({{ depEntries.length }})</h4>
-      <div class="space-y-1">
-        <div v-for="[name, ver] in depEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
-          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
-          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- Dev Dependencies -->
-    <div v-if="devDepEntries.length">
-      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">devDependencies ({{ devDepEntries.length }})</h4>
-      <div class="space-y-1">
-        <div v-for="[name, ver] in devDepEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
-          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
-          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <n-empty v-else description="无依赖信息" style="padding: 48px 0;" />
-</template>
-
-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps({ data: { type: Object, default: null } })
-
-const depEntries = computed(() => props.data ? Object.entries(props.data.dependencies || {}) : [])
-const devDepEntries = computed(() => props.data ? Object.entries(props.data.devDependencies || {}) : [])
-</script>
+<template>
+  <div v-if="data" class="px-4 py-3">
+    <!-- Frameworks -->
+    <div v-if="data.frameworks?.length" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">识别框架</h4>
+      <div class="flex flex-wrap gap-2">
+        <n-tag v-for="f in data.frameworks" :key="f" type="warning" size="small" round>{{ f }}</n-tag>
+      </div>
+    </div>
+
+    <!-- Dependencies -->
+    <div v-if="depEntries.length" class="mb-4">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">dependencies ({{ depEntries.length }})</h4>
+      <div class="space-y-1">
+        <div v-for="[name, ver] in depEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
+          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
+          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- Dev Dependencies -->
+    <div v-if="devDepEntries.length">
+      <h4 class="text-[9px] font-semibold uppercase tracking-[0.2em] mb-2 font-[JetBrains_Mono,monospace]" style="color: #6B7280;">devDependencies ({{ devDepEntries.length }})</h4>
+      <div class="space-y-1">
+        <div v-for="[name, ver] in devDepEntries" :key="name" class="flex items-center gap-2 px-2 py-1 rounded text-[11px]" style="background: #F5F5F7;">
+          <span class="font-mono font-medium truncate" style="color: #1C1C1E;">{{ name }}</span>
+          <span class="font-mono ml-auto flex-shrink-0" style="color: #9CA3AF;">{{ ver }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <n-empty v-else description="无依赖信息" style="padding: 48px 0;" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({ data: { type: Object, default: null } })
+
+const depEntries = computed(() => props.data ? Object.entries(props.data.dependencies || {}) : [])
+const devDepEntries = computed(() => props.data ? Object.entries(props.data.devDependencies || {}) : [])
+</script>