af-mobile-client-vue3 1.4.80 → 1.4.82

package/.serena/project.yml

@@ -0,0 +1,84 @@
+# list of languages for which language servers are started; choose from:
+#   al               bash             clojure          cpp              csharp           csharp_omnisharp
+#   dart             elixir           elm              erlang           fortran          go
+#   haskell          java             julia            kotlin           lua              markdown
+#   nix              perl             php              python           python_jedi      r
+#   rego             ruby             ruby_solargraph  rust             scala            swift
+#   terraform        typescript       typescript_vts   yaml             zig
+# Note:
+#   - For C, use cpp
+#   - For JavaScript, use typescript
+# Special requirements:
+#   - csharp: Requires the presence of a .sln file in the project folder.
+# When using multiple languages, the first language server that supports a given file will be used for that file.
+# The first language is the default language and the respective language server will be used as a fallback.
+# Note that when using the JetBrains backend, language servers are not used and this list is correspondingly ignored.
+languages:
+  - vue
+
+# the encoding used by text files in the project
+# For a list of possible encodings, see https://docs.python.org/3.11/library/codecs.html#standard-encodings
+encoding: utf-8
+
+# whether to use the project's gitignore file to ignore files
+# Added on 2025-04-07
+ignore_all_files_in_gitignore: true
+
+# list of additional paths to ignore
+# same syntax as gitignore, so you can use * and **
+# Was previously called `ignored_dirs`, please update your config if you are using that.
+# Added (renamed) on 2025-04-07
+ignored_paths: []
+
+# whether the project is in read-only mode
+# If set to true, all editing tools will be disabled and attempts to use them will result in an error
+# Added on 2025-04-18
+read_only: false
+
+# list of tool names to exclude. We recommend not excluding any tools, see the readme for more details.
+# Below is the complete list of tools for convenience.
+# To make sure you have the latest list of tools, and to view their descriptions,
+# execute `uv run scripts/print_tool_overview.py`.
+#
+#  * `activate_project`: Activates a project by name.
+#  * `check_onboarding_performed`: Checks whether project onboarding was already performed.
+#  * `create_text_file`: Creates/overwrites a file in the project directory.
+#  * `delete_lines`: Deletes a range of lines within a file.
+#  * `delete_memory`: Deletes a memory from Serena's project-specific memory store.
+#  * `execute_shell_command`: Executes a shell command.
+#  * `find_referencing_code_snippets`: Finds code snippets in which the symbol at the given location is referenced.
+#  * `find_referencing_symbols`: Finds symbols that reference the symbol at the given location (optionally filtered by type).
+#  * `find_symbol`: Performs a global (or local) search for symbols with/containing a given name/substring (optionally filtered by type).
+#  * `get_current_config`: Prints the current configuration of the agent, including the active and available projects, tools, contexts, and modes.
+#  * `get_symbols_overview`: Gets an overview of the top-level symbols defined in a given file.
+#  * `initial_instructions`: Gets the initial instructions for the current project.
+#     Should only be used in settings where the system prompt cannot be set,
+#     e.g. in clients you have no control over, like Claude Desktop.
+#  * `insert_after_symbol`: Inserts content after the end of the definition of a given symbol.
+#  * `insert_at_line`: Inserts content at a given line in a file.
+#  * `insert_before_symbol`: Inserts content before the beginning of the definition of a given symbol.
+#  * `list_dir`: Lists files and directories in the given directory (optionally with recursion).
+#  * `list_memories`: Lists memories in Serena's project-specific memory store.
+#  * `onboarding`: Performs onboarding (identifying the project structure and essential tasks, e.g. for testing or building).
+#  * `prepare_for_new_conversation`: Provides instructions for preparing for a new conversation (in order to continue with the necessary context).
+#  * `read_file`: Reads a file within the project directory.
+#  * `read_memory`: Reads the memory with the given name from Serena's project-specific memory store.
+#  * `remove_project`: Removes a project from the Serena configuration.
+#  * `replace_lines`: Replaces a range of lines within a file with new content.
+#  * `replace_symbol_body`: Replaces the full definition of a symbol.
+#  * `restart_language_server`: Restarts the language server, may be necessary when edits not through Serena happen.
+#  * `search_for_pattern`: Performs a search for a pattern in the project.
+#  * `summarize_changes`: Provides instructions for summarizing the changes made to the codebase.
+#  * `switch_modes`: Activates modes by providing a list of their names
+#  * `think_about_collected_information`: Thinking tool for pondering the completeness of collected information.
+#  * `think_about_task_adherence`: Thinking tool for determining whether the agent is still on track with the current task.
+#  * `think_about_whether_you_are_done`: Thinking tool for determining whether the task is truly completed.
+#  * `write_memory`: Writes a named memory (for future reference) to Serena's project-specific memory store.
+excluded_tools: []
+
+# initial prompt for the project. It will always be given to the LLM upon activating the project
+# (contrary to the memories, which are loaded on demand).
+initial_prompt: ''
+
+project_name: af-mobile-client-vue3
+included_optional_tools: []

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.4.80",
+  "version": "1.4.82",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {
@@ -29,6 +29,7 @@
     "@vant/touch-emulator": "^1.4.0",
     "@vant/use": "^1.6.0",
     "@vueuse/core": "^13.5.0",
+    "mermaid": "11.12.2",
     "axios": "^1.10.0",
     "bcryptjs": "^2.4.3",
     "crypto-js": "^4.2.0",

package/src/App.vue

@@ -55,7 +55,7 @@ const mode = computed(() => {
 </script>
 
 <template>
-  <VanConfigProvider :theme="mode" theme-vars-scope="global">
+  <VanConfigProvider :theme="mode" theme-vars-scope="global" class="app-container">
     <NavBar />
     <router-view v-slot="{ Component }">
       <section class="app-wrapper">
@@ -70,6 +70,14 @@ const mode = computed(() => {
 
 <style>
 @import './font-style/font.css';
+html,
+body,
+#system-app {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
 body {
   font-family:
     Inter,
@@ -97,15 +105,27 @@ input[type='password']::-ms-clear {
 </style>
 
 <style scoped>
-.app-wrapper {
+.app-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh; /* 使用 vh 确保在移动端浏览器中也能撑满 */
+  height: 100dvh; /* 使用动态视口高度，处理移动端工具栏遮挡 */
   width: 100%;
-  position: relative;
 }
-/*
-// 此处注释的原因是 height: 100vh 会触发vue的滚动条问题
+
 .app-wrapper {
   width: 100%;
-  height: 100vh;
   position: relative;
-}*/
+  flex: 1;
+  min-height: 0; /* 关键：允许 flex 项目收缩，防止溢出 */
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-wrapper > :deep(*) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
 </style>

package/src/components/common/MateChat/components/MateChatContent.vue

@@ -7,6 +7,7 @@ import { PromptList } from '@af-mobile-client-vue3/components/common/MateChat/co
 import { useMateChat } from '@af-mobile-client-vue3/components/common/MateChat/composables/useMateChat'
 import { useDebounceFn } from '@vueuse/core'
 import { computed, nextTick, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import 'vant/es/image-preview/style'
 
 interface MateChatContentProps {
@@ -27,6 +28,7 @@ const useStream = computed(() => props.config.useStream || false)
 
 // 初始化 useMateChat
 const mateChatInstance = useMateChat(props.config)
+const router = useRouter()
 
 const startPage = computed(() => mateChatInstance.startPage.value)
 const inputValue = computed({
@@ -38,6 +40,21 @@ const inputValue = computed({
 const messages = computed(() => mateChatInstance.messages.value)
 const newConversation = () => mateChatInstance.newConversation()
 const onSubmit = (evt: string) => mateChatInstance.onSubmit(evt)
+function onCardClick(msg: any) {
+  if (msg?.action?.type === 'route' && msg?.action?.path) {
+    router.push(msg.action.path)
+  }
+}
+function parseCard(content: string) {
+  try {
+    const data = JSON.parse(content)
+    if (data && data.msgType === 'card') {
+      return data
+    }
+  }
+  catch {}
+  return null
+}
 
 // 消息容器的 ref
 const messageContainerRef = ref<HTMLElement | null>(null)
@@ -144,9 +161,19 @@ function handleSelectSession(session: { chatId: string, title: string, lastTime:
         />
         <McBubble v-else :content="msg.content" :avatar-config="{ imgSrc: liuliLogo }" :loading="msg.loading">
           <McMarkdownCard
-            :content="msg.content"
+            :content="parseCard(msg.content) ? (parseCard(msg.content).msg || '') : msg.content"
             :typing="msg.typing === true"
           />
+          <template v-if="parseCard(msg.content)">
+            <div class="mc-card" @click="onCardClick(parseCard(msg.content))">
+              <div class="mc-card-title">
+                {{ parseCard(msg.content)?.title }}
+              </div>
+              <div class="mc-card-desc">
+                {{ parseCard(msg.content)?.desc }}
+              </div>
+            </div>
+          </template>
         </McBubble>
       </template>
       <!-- 滚动锚点 -->
@@ -217,6 +244,29 @@ function handleSelectSession(session: { chatId: string, title: string, lastTime:
   flex-shrink: 0;
 }
 
+.mc-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 12px;
+  border: 1px solid #e5e6eb;
+  border-radius: 8px;
+  background-color: #fff;
+  cursor: pointer;
+}
+.mc-card:hover {
+  background-color: #f7f8fa;
+}
+.mc-card-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #1d2129;
+}
+.mc-card-desc {
+  font-size: 12px;
+  color: #86909c;
+}
+
 .input-foot-wrapper {
   display: flex;
   justify-content: space-between;

package/src/components/common/MateChat/composables/useMateChat.ts

@@ -143,12 +143,12 @@ export function useMateChat(config: MateChatConfig) {
     // 流式：使用 FastGPT SSE，增量更新最后一条模型消息内容
     // 规则：
     // 1）每次收到 chunk 都立即累加到 msg.content，保证实时流式效果
-    // 2）在累加后的内容上做一次“是否为转人工 JSON 消息”的前缀粗判：以 {"msgType 开头
-    // 3）如果判断为转人工，则保持 loading 状态，等待 onComplete 再统一处理整条消息
-    // 4）如果判断不是转人工，则当作普通文本流式展示，onComplete 时仅结束 loading
-    const transferPrefix = '{"msgType'
-    let checkedTransfer = false // 是否已经做过类型判定
-    let isTransferMessage = false // 是否判定为转人工消息
+    // 2）在累加后的内容上做一次“是否为 JSON 消息”的前缀粗判：以 {"msgType 开头
+    // 3）如果是判断为 JSON（可能是转人工或卡片），则保持 loading 状态，等待 onComplete 再统一处理整条消息
+    // 4）如果判断不是 JSON，则当作普通文本流式展示，onComplete 时仅结束 loading
+    const jsonPrefix = '{"msgType'
+    let checkedType = false // 是否已经做过类型判定
+    let isJsonMessage = false // 是否判定为 JSON 消息
 
     const callbacks: ChatStreamCallbacks = {
       onMessage(chunk) {
@@ -160,23 +160,23 @@ export function useMateChat(config: MateChatConfig) {
         msg.content += chunk
 
         // 2. 如果还没有做过类型判定，基于当前累积内容做一次前缀粗判
-        if (!checkedTransfer) {
+        if (!checkedType) {
           const trimmed = msg.content.trimStart()
           // 内容太短，无法判断，继续等待更多 chunk
-          if (!trimmed || trimmed.length < transferPrefix.length) {
+          if (!trimmed || trimmed.length < jsonPrefix.length) {
             return
           }
 
-          if (trimmed.startsWith(transferPrefix)) {
-            // 以 {"msgType 开头，标记为“可能是转人工消息”
-            isTransferMessage = true
+          if (trimmed.startsWith(jsonPrefix)) {
+            // 以 {"msgType 开头，标记为“可能是 JSON 消息”
+            isJsonMessage = true
           }
           else {
             // 不以 {"msgType 开头，当作普通文本处理
-            isTransferMessage = false
+            isJsonMessage = false
             msg.loading = false
           }
-          checkedTransfer = true
+          checkedType = true
         }
       },
       onComplete() {
@@ -185,10 +185,11 @@ export function useMateChat(config: MateChatConfig) {
           return
         }
         // 根据前面判定结果决定如何处理整条消息
-        if (isTransferMessage) {
-          // 尝试按 JSON 解析，判断是否真的是转人工指令
+        if (isJsonMessage) {
+          // 尝试按 JSON 解析
           try {
-            const parsed = JSON.parse(msg.content.trim())
+            const contentText = msg.content.trim()
+            const parsed = JSON.parse(contentText)
             if (parsed && parsed.msgType === 'transfer') {
               // 确认为转人工：移除模型气泡，插入客服气泡
               messages.value.splice(loadingMessageIndex, 1)
@@ -203,15 +204,23 @@ export function useMateChat(config: MateChatConfig) {
               ])
               return
             }
+            // 如果是 card，不进入转人工逻辑，保持为普通模型回复气泡，UI 层会解析 content 展示卡片
+            msg.loading = false
+            msg.typing = false // JSON 卡片不需要打字机效果
           }
           catch {
             // 解析失败则回退为普通文本处理
+            msg.loading = false
+            msg.typing = true
           }
         }
+        else {
+          // 普通消息：结束 loading
+          msg.loading = false
+          msg.typing = true
+        }
 
-        // 普通消息：结束 loading，按完整文本渲染并写入缓存
-        msg.loading = false
-        msg.typing = true
+        // 统一更新缓存
         appendMessages(chatId.value, [
           { from: 'user', content: evt },
           { from: 'model', content: msg.content, loading: false, typing: false },

package/src/components/common/otherCharge/ChargePrintSelectorAndRemarks.vue

@@ -1,137 +1,137 @@
-<script setup lang="ts">
-import CardContainer from '@af-mobile-client-vue3/components/data/CardContainer/CardContainer.vue'
-import CardHeader from '@af-mobile-client-vue3/components/data/CardContainer/CardHeader.vue'
-import {
-  Field as VanField,
-  Picker as VanPicker,
-  Popup as VanPopup,
-} from 'vant'
-import { ref, watch } from 'vue'
-
-const props = defineProps<{
-  modelValue: string
-  remarks: string
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void
-  (e: 'update:remarks', value: string): void
-}>()
-
-const printOptions = [
-  { text: '电子发票', value: '电子发票' },
-  { text: '普通收据', value: '普通收据' },
-  { text: '两者都需要', value: 'both' },
-]
-
-const selectedOption = ref(getOptionText(props.modelValue))
-const remarks = ref(props.remarks)
-const showPicker = ref(false)
-
-function getOptionText(value: string): string {
-  const option = printOptions.find(opt => opt.value === value)
-  return option ? option.text : ''
-}
-
-function onConfirm({ selectedValues }: { selectedValues: string[] }) {
-  selectedOption.value = selectedValues[0]
-  emit('update:modelValue', selectedValues[0])
-  showPicker.value = false
-}
-
-watch(() => remarks.value, (newValue) => {
-  emit('update:remarks', newValue)
-})
-
-// 当从外部更新值时更新内部状态
-watch(() => props.modelValue, (newValue) => {
-  selectedOption.value = getOptionText(newValue)
-})
-
-watch(() => props.remarks, (newValue) => {
-  remarks.value = newValue
-})
-</script>
-
-<template>
-  <CardContainer class="charge-print-and-remarks">
-    <CardHeader title="打印及备注" />
-    <div class="charge-print-options">
-      <div class="charge-print-options__section">
-        <label class="charge-print-options__label">收据打印选项</label>
-        <div class="charge-print-options__selector">
-          <VanField
-            v-model="selectedOption"
-            is-link
-            readonly
-            placeholder="请选择打印方式"
-            @click="showPicker = true"
-          />
-        </div>
-      </div>
-
-      <div class="charge-print-options__section">
-        <label class="charge-print-options__label">备注</label>
-        <div class="charge-print-options__selector">
-          <VanField
-            v-model="remarks"
-            type="textarea"
-            placeholder="可选填写备注信息"
-            rows="2"
-            autosize
-            maxlength="200"
-            show-word-limit
-          />
-        </div>
-      </div>
-
-      <VanPopup v-model:show="showPicker" position="bottom" round teleport="body">
-        <VanPicker
-          :columns="printOptions"
-          show-toolbar
-          title="选择打印方式"
-          @confirm="onConfirm"
-          @cancel="showPicker = false"
-        />
-      </VanPopup>
-    </div>
-  </CardContainer>
-</template>
-
-<style scoped lang="less">
-.charge-print-and-remarks {
-  margin-bottom: 16px;
-}
-
-.charge-print-options {
-  &__section {
-    margin-bottom: 16px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  &__label {
-    display: block;
-    font-size: 12px;
-    font-weight: 500;
-    color: #6b7280;
-    margin-bottom: 4px;
-  }
-
-  &__selector {
-    position: relative;
-
-    :deep(.van-field) {
-      background-color: #f9fafb;
-      border-radius: 6px;
-    }
-  }
-
-  :deep(.van-field__control) {
-    background-color: #f9fafb;
-    border-radius: 6px;
-  }
-}
-</style>
+<script setup lang="ts">
+import CardContainer from '@af-mobile-client-vue3/components/data/CardContainer/CardContainer.vue'
+import CardHeader from '@af-mobile-client-vue3/components/data/CardContainer/CardHeader.vue'
+import {
+  Field as VanField,
+  Picker as VanPicker,
+  Popup as VanPopup,
+} from 'vant'
+import { ref, watch } from 'vue'
+
+const props = defineProps<{
+  modelValue: string
+  remarks: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void
+  (e: 'update:remarks', value: string): void
+}>()
+
+const printOptions = [
+  { text: '电子发票', value: '电子发票' },
+  { text: '普通收据', value: '普通收据' },
+  { text: '两者都需要', value: 'both' },
+]
+
+const selectedOption = ref(getOptionText(props.modelValue))
+const remarks = ref(props.remarks)
+const showPicker = ref(false)
+
+function getOptionText(value: string): string {
+  const option = printOptions.find(opt => opt.value === value)
+  return option ? option.text : ''
+}
+
+function onConfirm({ selectedValues }: { selectedValues: string[] }) {
+  selectedOption.value = selectedValues[0]
+  emit('update:modelValue', selectedValues[0])
+  showPicker.value = false
+}
+
+watch(() => remarks.value, (newValue) => {
+  emit('update:remarks', newValue)
+})
+
+// 当从外部更新值时更新内部状态
+watch(() => props.modelValue, (newValue) => {
+  selectedOption.value = getOptionText(newValue)
+})
+
+watch(() => props.remarks, (newValue) => {
+  remarks.value = newValue
+})
+</script>
+
+<template>
+  <CardContainer class="charge-print-and-remarks">
+    <CardHeader title="打印及备注" />
+    <div class="charge-print-options">
+      <div class="charge-print-options__section">
+        <label class="charge-print-options__label">收据打印选项</label>
+        <div class="charge-print-options__selector">
+          <VanField
+            v-model="selectedOption"
+            is-link
+            readonly
+            placeholder="请选择打印方式"
+            @click="showPicker = true"
+          />
+        </div>
+      </div>
+
+      <div class="charge-print-options__section">
+        <label class="charge-print-options__label">备注</label>
+        <div class="charge-print-options__selector">
+          <VanField
+            v-model="remarks"
+            type="textarea"
+            placeholder="可选填写备注信息"
+            rows="2"
+            autosize
+            maxlength="200"
+            show-word-limit
+          />
+        </div>
+      </div>
+
+      <VanPopup v-model:show="showPicker" position="bottom" round teleport="body">
+        <VanPicker
+          :columns="printOptions"
+          show-toolbar
+          title="选择打印方式"
+          @confirm="onConfirm"
+          @cancel="showPicker = false"
+        />
+      </VanPopup>
+    </div>
+  </CardContainer>
+</template>
+
+<style scoped lang="less">
+.charge-print-and-remarks {
+  margin-bottom: 16px;
+}
+
+.charge-print-options {
+  &__section {
+    margin-bottom: 16px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  &__label {
+    display: block;
+    font-size: 12px;
+    font-weight: 500;
+    color: #6b7280;
+    margin-bottom: 4px;
+  }
+
+  &__selector {
+    position: relative;
+
+    :deep(.van-field) {
+      background-color: #f9fafb;
+      border-radius: 6px;
+    }
+  }
+
+  :deep(.van-field__control) {
+    background-color: #f9fafb;
+    border-radius: 6px;
+  }
+}
+</style>