@templmf/temp-solf-lmf 0.0.135 → 0.0.137

package/src/data/features.js

@@ -1,177 +0,0 @@
-// src/data/features.js
-// 新增能力只需在对应模块的 items 数组里追加一条记录即可
-// date 格式: "YYYY-MM"
-// isNew: true  → 显示「新」标签
-// isBeta: true → 显示「Beta」标签
-
-export const FEATURE_MODULES = [
-  {
-    id: 'component',
-    cls: 'blue',
-    icon: 'ti-components',
-    name: '组件渲染',
-    desc: 'Vue、ElementPlus、HTML 实时渲染',
-    items: [
-      {
-        name: 'Vue SFC',
-        desc: '支持 <script setup>、<style scoped>，右侧 Artifact 面板实时预览。',
-        tags: ['Vue 3', 'Composition API'],
-        date: '2024-09',
-      },
-      {
-        name: 'React JSX',
-        desc: 'Artifact 面板渲染函数组件，支持 useState、useEffect 等 Hooks。',
-        tags: ['React 18', 'JSX'],
-        date: '2024-09',
-      },
-      {
-        name: 'Element Plus',
-        desc: 'AI 生成组件自动引入 Element Plus，无需手动配置依赖。',
-        tags: ['Element Plus'],
-        date: '2025-01',
-      },
-      {
-        name: 'Less / CSS',
-        desc: '内置 Less 编译器，支持嵌套、变量、mixin，实时编译输出。',
-        tags: ['Less', 'CSS Variables'],
-        date: '2024-11',
-      },
-      {
-        name: 'HTML 片段',
-        desc: '任意 HTML + JS 代码段，iframe 沙箱隔离运行，安全预览。',
-        tags: ['iframe 沙箱'],
-        date: '2024-09',
-      },
-    ],
-  },
-  {
-    id: 'chart',
-    cls: 'green',
-    icon: 'ti-chart-dots',
-    name: '图表 & 图库',
-    desc: 'ECharts、G6、Mermaid、D3',
-    items: [
-      {
-        name: 'ECharts',
-        desc: '折线、柱状、饼图、散点、热力图，支持大数据量渲染。',
-        tags: ['Apache ECharts 5'],
-        date: '2024-10',
-      },
-      {
-        name: 'AntV G6',
-        desc: '关系图、拓扑图、树图，适合节点连线类可视化场景。',
-        tags: ['@antv/g6'],
-        date: '2025-03',
-        isNew: true,
-      },
-      {
-        name: 'Mermaid',
-        desc: 'Markdown 消息中直接渲染流程图、时序图、甘特图，支持缩放查看。',
-        tags: ['Mermaid 10', '流程图', '时序图'],
-        date: '2024-12',
-      },
-      {
-        name: 'D3.js',
-        desc: '支持自定义数据驱动图形，适合复杂定制化可视化需求。',
-        tags: ['D3 v7'],
-        date: '2025-04',
-        isNew: true,
-      },
-      {
-        name: 'SVG / Canvas',
-        desc: 'AI 生成原生 SVG 矢量图或 Canvas 绘图代码，直接嵌入渲染。',
-        tags: ['SVG', 'Canvas 2D'],
-        date: '2024-09',
-      },
-    ],
-  },
-  {
-    id: 'tool',
-    cls: 'amber',
-    icon: 'ti-plug',
-    name: '工具集成',
-    desc: 'GitLab、文件上传、Skills 插件',
-    items: [
-      {
-        name: 'GitLab',
-        desc: '读取项目列表、MR、Issue，AI 直接基于仓库内容回答和生成代码。',
-        tags: ['GitLab API', '工具调用'],
-        date: '2025-02',
-      },
-      {
-        name: '文件上传',
-        desc: '支持图片、PDF 上传，AI 读取内容结合对话上下文分析。',
-        tags: ['图片', 'PDF'],
-        date: '2024-11',
-      },
-      {
-        name: 'Skills 插件',
-        desc: '从 Skills 市场安装能力插件，扩展 AI 在特定场景下的执行能力。',
-        tags: ['官方', '社区'],
-        date: '2025-05',
-        isBeta: true,
-      },
-    ],
-  },
-  {
-    id: 'markdown',
-    cls: 'purple',
-    icon: 'ti-markdown',
-    name: 'Markdown 增强',
-    desc: '代码高亮、LaTeX、GFM',
-    items: [
-      {
-        name: '代码高亮',
-        desc: '基于 Shiki，支持 100+ 语言语法高亮，深浅主题自动切换。',
-        tags: ['Shiki', '100+ 语言'],
-        date: '2024-09',
-      },
-      {
-        name: 'LaTeX 公式',
-        desc: '行内 $ 和块级 $$ 公式均可渲染，适合数学、算法类内容。',
-        tags: ['KaTeX', '行内 & 块级'],
-        date: '2024-10',
-      },
-      {
-        name: '表格 / 任务列表',
-        desc: '完整 GFM 支持，表格、任务列表、引用块、分割线均正确渲染。',
-        tags: ['GFM'],
-        date: '2024-09',
-      },
-    ],
-  },
-  {
-    id: 'model',
-    cls: 'coral',
-    icon: 'ti-brain',
-    name: '模型 & 对话',
-    desc: '多模型、流式输出、持久化',
-    items: [
-      {
-        name: '多模型切换',
-        desc: '对话中随时切换模型，配置即时生效，不打断上下文。',
-        tags: ['DashScope'],
-        date: '2025-01',
-      },
-      {
-        name: '流式输出',
-        desc: 'SSE 实时流式返回，逐字渲染，响应不等待完整结果。',
-        tags: ['SSE', 'Stream'],
-        date: '2024-09',
-      },
-      {
-        name: '对话历史持久化',
-        desc: 'IndexedDB 本地存储，刷新不丢记录，支持跨会话回溯。',
-        tags: ['IndexedDB'],
-        date: '2024-12',
-      },
-      {
-        name: '思考链展示',
-        desc: 'AI 推理过程可折叠展示，方便理解模型决策路径。',
-        tags: ['CoT'],
-        date: '2025-03',
-        isNew: true,
-      },
-    ],
-  },
-]

package/src/router/index.js

@@ -1,44 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-
-const routes = [
-  { path: '/',                   component: () => import('../views/HomeView.vue') },
-  { path: '/chat',               component: () => import('../views/ChatView.vue') },
-  { path: '/chat/share/:uuid',  component: () => import('../views/ChatView.vue') },
-  { path: '/market',            component: () => import('../views/MarketView.vue') },
-  { path: '/skills',            component: () => import('../views/SkillsView.vue') },
-  { path: '/practices',         component: () => import('../views/PracticesView.vue') },
-  // ── 新增 ──
-  {
-    path: '/features',
-    name: 'features',
-    component: () => import('../views/FeaturesView.vue')
-  },
-  { path: '/:pathMatch(.*)*',   redirect: '/' },
-]
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes,
-  scrollBehavior: () => ({ top: 0 }),
-})
-
-/**
- * 路由守卫：首页和 public 页面跳过鉴权，其他页面检查登录态
- */
-router.beforeEach(async (to) => {
-  if (to.path === '/' || to.meta.public) return true
-
-  const { useAuthStore } = await import('../composables/useAuth.js')
-  const authStore = useAuthStore()
-
-  const result = await authStore.checkAuth(to.fullPath)
-  if (result.ok) return true
-
-  if (result.redirectUrl) {
-    window.location.href = result.redirectUrl
-    return false
-  }
-  return false
-})
-
-export default router

package/src/views/FeaturesView.vue

@@ -1,475 +0,0 @@
-<template>
-  <div class="features-page">
-    <!-- Hero -->
-    <section class="hero" :class="{ visible: mounted }">
-      <p class="eyebrow">AI对话能力地图</p>
-      <h1 class="hero-title">
-        我们支持<br />
-        <em>哪些能力</em>
-      </h1>
-      <div class="hero-stats">
-        <div class="stat">
-          <span class="stat-n">{{ visibleStats.total }}</span>
-          <span class="stat-l">支持项</span>
-        </div>
-        <div class="stat">
-          <span class="stat-n">{{ visibleStats.newCount }}</span>
-          <span class="stat-l">近期新增</span>
-        </div>
-        <div class="stat">
-          <span class="stat-n">{{ visibleStats.modCount }}</span>
-          <span class="stat-l">功能模块</span>
-        </div>
-      </div>
-    </section>
-
-    <!-- 筛选栏 -->
-    <div class="filter-bar" :class="{ visible: mounted }" style="animation-delay: 0.08s">
-      <button
-        v-for="f in filters"
-        :key="f.id"
-        class="fbtn"
-        :class="{ on: activeFilter === f.id }"
-        @click="setFilter(f.id)"
-      >
-        {{ f.label }}
-      </button>
-    </div>
-
-    <!-- 模块列表 -->
-    <div class="modules" :class="{ visible: mounted }" style="animation-delay: 0.14s">
-      <div
-        v-for="mod in visibleModules"
-        :key="mod.id"
-        class="module"
-        :class="mod.cls"
-      >
-        <!-- 模块标题行 -->
-        <div class="mhead" @click="handleModuleClick(mod.id)">
-          <div class="micon">
-            <el-icon :size="18"><component :is="iconMap[mod.icon] || 'Grid'" /></el-icon>
-          </div>
-          <div class="minfo">
-            <span class="mname">{{ mod.name }}</span>
-            <span class="mdesc">{{ mod.desc }}</span>
-          </div>
-          <div class="mright">
-            <span class="mcount">{{ mod.items.length }} 项</span>
-            <i
-              class="ti ti-chevron-down mchevron"
-              :class="{ open: openState[mod.id] }"
-            />
-          </div>
-        </div>
-
-        <!-- 模块内容 -->
-        <Transition name="slide">
-          <div v-if="openState[mod.id]" class="mbody">
-            <div
-              v-for="(item, idx) in getVisibleItems(mod)"
-              :key="idx"
-              class="row"
-            >
-              <div class="row-main">
-                <div class="rname">{{ item.name }}</div>
-                <div class="rdesc" v-html="item.desc" />
-                <div class="rtags">
-                  <span v-for="t in item.tags" :key="t" class="tag">{{ t }}</span>
-                  <span v-if="item.isNew" class="tag new">新</span>
-                  <span v-if="item.isBeta" class="tag beta">Beta</span>
-                </div>
-              </div>
-              <div class="rdate">
-                <span class="rdate-mon">{{ formatDate(item.date).mon }}</span>
-                <span class="rdate-yr">{{ formatDate(item.date).yr }}</span>
-              </div>
-            </div>
-
-            <!-- 展开/收起更多 -->
-            <div
-              v-if="mod.items.length > COLLAPSE_AT"
-              class="more-row"
-              @click="toggleExpand(mod.id)"
-            >
-              <i
-                class="ti"
-                :class="expandState[mod.id] ? 'ti-chevron-up' : 'ti-chevron-down'"
-              />
-              <span v-if="expandState[mod.id]">收起</span>
-              <span v-else>还有 {{ mod.items.length - COLLAPSE_AT }} 项，点击展开</span>
-            </div>
-          </div>
-        </Transition>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted } from 'vue'
-import { FEATURE_MODULES } from '../data/features.js'
-
-const COLLAPSE_AT = 5
-
-const MONTHS = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
-
-function formatDate(d) {
-  const [y, mo] = d.split('-')
-  return { mon: MONTHS[parseInt(mo, 10) - 1], yr: y }
-}
-
-// 入场动画
-const mounted = ref(false)
-onMounted(() => {
-  requestAnimationFrame(() => {
-    mounted.value = true
-  })
-})
-
-// 筛选
-const activeFilter = ref('all')
-const filters = computed(() => [
-  { id: 'all', label: '全部模块' },
-  ...FEATURE_MODULES.map(m => ({ id: m.id, label: m.name })),
-])
-
-function setFilter(id) {
-  activeFilter.value = id
-  if (id === 'all') {
-    FEATURE_MODULES.forEach(m => { openState.value[m.id] = false })
-  } else {
-    openState.value[id] = true
-  }
-}
-
-const visibleModules = computed(() =>
-  activeFilter.value === 'all'
-    ? FEATURE_MODULES
-    : FEATURE_MODULES.filter(m => m.id === activeFilter.value)
-)
-
-// 顶部统计数字
-const visibleStats = computed(() => {
-  const mods = visibleModules.value
-  return {
-    total: mods.reduce((a, m) => a + m.items.length, 0),
-    newCount: mods.reduce((a, m) => a + m.items.filter(i => i.isNew || i.isBeta).length, 0),
-    modCount: mods.length,
-  }
-})
-
-// 模块折叠状态
-const openState = ref(
-  Object.fromEntries(FEATURE_MODULES.map(m => [m.id, false]))
-)
-const expandState = ref(
-  Object.fromEntries(FEATURE_MODULES.map(m => [m.id, false]))
-)
-
-function handleModuleClick(id) {
-  if (activeFilter.value !== id) {
-    setFilter(id)
-  } else {
-    toggleOpen(id)
-  }
-}
-function toggleOpen(id) {
-  openState.value[id] = !openState.value[id]
-}
-function toggleExpand(id) {
-  expandState.value[id] = !expandState.value[id]
-}
-
-function getVisibleItems(mod) {
-  if (mod.items.length <= COLLAPSE_AT || expandState.value[mod.id]) {
-    return mod.items
-  }
-  return mod.items.slice(0, COLLAPSE_AT)
-}
-
-// Element Plus 图标映射（按需替换为项目中实际已注册的图标）
-const iconMap = {
-  'ti-components': 'Grid',
-  'ti-chart-dots': 'TrendCharts',
-  'ti-plug': 'Connection',
-  'ti-markdown': 'Document',
-  'ti-brain': 'Cpu',
-}
-</script>
-
-<style scoped>
-/* ── 入场动画 ── */
-@keyframes fadeUp {
-  from { opacity: 0; transform: translateY(18px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-.hero,
-.filter-bar,
-.modules {
-  opacity: 0;
-  transition: none;
-}
-.hero.visible,
-.filter-bar.visible,
-.modules.visible {
-  animation: fadeUp 0.45s ease both;
-}
-.filter-bar.visible { animation-delay: 0.08s; }
-.modules.visible    { animation-delay: 0.14s; }
-
-/* ── 页面容器 ── */
-.features-page {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 2.5rem 1.5rem 4rem;
-}
-
-/* ── Hero ── */
-.hero {
-  padding-bottom: 2rem;
-  margin-bottom: 2rem;
-  border-bottom: 0.5px solid var(--el-border-color-light);
-}
-.eyebrow {
-  font-size: 11px;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  color: var(--el-text-color-placeholder);
-  margin-bottom: 1rem;
-}
-.hero-title {
-  font-size: 48px;
-  font-weight: 500;
-  line-height: 1.05;
-  letter-spacing: -1.5px;
-  color: var(--el-text-color-primary);
-  margin-bottom: 1.5rem;
-}
-.hero-title em {
-  font-style: normal;
-  color: var(--el-color-primary);
-}
-.hero-stats {
-  display: flex;
-  gap: 2.5rem;
-}
-.stat {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-.stat-n {
-  font-size: 28px;
-  font-weight: 500;
-  color: var(--el-text-color-primary);
-  letter-spacing: -0.5px;
-  line-height: 1;
-}
-.stat-l {
-  font-size: 12px;
-  color: var(--el-text-color-placeholder);
-}
-
-/* ── 筛选栏 ── */
-.filter-bar {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-  margin-bottom: 1.75rem;
-}
-.fbtn {
-  font-size: 12px;
-  padding: 5px 14px;
-  border-radius: 999px;
-  border: 0.5px solid var(--el-border-color);
-  background: transparent;
-  color: var(--el-text-color-secondary);
-  cursor: pointer;
-  transition: all 0.12s;
-  font-family: inherit;
-}
-.fbtn:hover {
-  border-color: var(--el-border-color-darker);
-  color: var(--el-text-color-primary);
-}
-.fbtn.on {
-  background: var(--el-text-color-primary);
-  color: var(--el-bg-color);
-  border-color: transparent;
-}
-
-/* ── 模块卡片 ── */
-.module {
-  margin-bottom: 1rem;
-  border: 0.5px solid var(--el-border-color-light);
-  border-radius: 12px;
-  overflow: hidden;
-}
-.mhead {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 1rem 1.25rem;
-  cursor: pointer;
-  user-select: none;
-  transition: background 0.1s;
-}
-.mhead:hover {
-  background: var(--el-fill-color-light);
-}
-.micon {
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  border: 0.5px solid transparent;
-}
-.minfo {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.mname {
-  font-size: 15px;
-  font-weight: 500;
-  color: var(--el-text-color-primary);
-}
-.mdesc {
-  font-size: 12px;
-  color: var(--el-text-color-secondary);
-}
-.mright {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.mcount {
-  font-size: 12px;
-  color: var(--el-text-color-placeholder);
-}
-.mchevron {
-  font-size: 14px;
-  color: var(--el-text-color-placeholder);
-  transition: transform 0.2s;
-}
-.mchevron.open {
-  transform: rotate(180deg);
-}
-
-/* 模块主题色 */
-.blue  .micon { background: #E6F1FB; color: #185FA5; border-color: #B5D4F4; }
-.green .micon { background: #EAF3DE; color: #3B6D11; border-color: #C0DD97; }
-.amber .micon { background: #FAEEDA; color: #854F0B; border-color: #FAC775; }
-.purple .micon{ background: #EEEDFE; color: #534AB7; border-color: #CECBF6; }
-.coral .micon { background: #FAECE7; color: #993C1D; border-color: #F5C4B3; }
-
-/* ── 模块内容体 ── */
-.mbody {
-  border-top: 0.5px solid var(--el-border-color-light);
-}
-
-/* 展开动画 */
-.slide-enter-active,
-.slide-leave-active {
-  transition: max-height 0.25s ease, opacity 0.2s ease;
-  overflow: hidden;
-  max-height: 2000px;
-}
-.slide-enter-from,
-.slide-leave-to {
-  max-height: 0;
-  opacity: 0;
-}
-
-/* ── 每行能力 ── */
-.row {
-  display: grid;
-  grid-template-columns: 1fr 80px;
-  gap: 1rem;
-  padding: 0.75rem 1.25rem;
-  border-bottom: 0.5px solid var(--el-border-color-lighter);
-  align-items: start;
-  transition: background 0.1s;
-}
-.row:last-of-type {
-  border-bottom: none;
-}
-.row:hover {
-  background: var(--el-fill-color-light);
-}
-.rname {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--el-text-color-primary);
-  margin-bottom: 3px;
-}
-.rdesc {
-  font-size: 13px;
-  color: var(--el-text-color-secondary);
-  line-height: 1.55;
-}
-.rtags {
-  display: flex;
-  gap: 5px;
-  flex-wrap: wrap;
-  margin-top: 6px;
-}
-.tag {
-  font-size: 11px;
-  padding: 2px 8px;
-  border-radius: 999px;
-  border: 0.5px solid var(--el-border-color);
-  color: var(--el-text-color-secondary);
-}
-.tag.new  { background: #E6F1FB; border-color: #B5D4F4; color: #0C447C; }
-.tag.beta { background: #FAEEDA; border-color: #FAC775; color: #633806; }
-
-.rdate {
-  text-align: right;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding-top: 2px;
-}
-.rdate-mon {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--el-text-color-secondary);
-}
-.rdate-yr {
-  font-size: 11px;
-  color: var(--el-text-color-placeholder);
-}
-
-/* ── 展开更多行 ── */
-.more-row {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 0.6rem 1.25rem;
-  font-size: 12px;
-  color: var(--el-text-color-placeholder);
-  background: var(--el-fill-color-light);
-  cursor: pointer;
-  border-top: 0.5px solid var(--el-border-color-lighter);
-  transition: color 0.1s;
-}
-.more-row:hover {
-  color: var(--el-text-color-secondary);
-}
-.more-row .ti {
-  font-size: 13px;
-}
-
-/* ── 响应式 ── */
-@media (max-width: 600px) {
-  .hero-title { font-size: 32px; }
-  .hero-stats { gap: 1.5rem; }
-  .stat-n { font-size: 22px; }
-}
-</style>