@fecp/designer 5.6.6 → 5.6.8

package/es/packages/mobile/src/components/ai/AiChat/AiChat.vue.mjs

@@ -0,0 +1,218 @@
+/* empty css                                                     */
+/* empty css                                                      */
+/* empty css                                                     */
+/* empty css                                                        */
+import { getCurrentInstance, ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, unref } from "vue";
+import { MobileChatInput } from "../ChatInput/index.mjs";
+import { MobileChatPanel } from "../ChatPanel/index.mjs";
+import { useChat } from "../../../composables/useAI/useChat.mjs";
+import { useVoice } from "../../../composables/useAI/useVoice.mjs";
+import { getAdapter } from "../../../composables/useAI/adapters/index.mjs";
+import { PlatformType } from "../../../composables/useAI/adapters/detector.mjs";
+/* empty css             */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { NavBar } from "../../../../../../node_modules/vant/es/nav-bar/index.mjs";
+const _hoisted_1 = { class: "mobile-chat-view" };
+const _sfc_main = {
+  __name: "AiChat",
+  props: {
+    /** AI 适配器实例，不传则用内置 mock */
+    adapter: { type: Object, default: null },
+    /** 初始历史消息 */
+    historyMessages: { type: Array, default: () => [] },
+    /** 空状态文案 */
+    emptyText: { type: String, default: "开始对话吧" },
+    /** 输入框占位 */
+    placeholder: { type: String, default: "输入消息..." },
+    /** 消息上限 */
+    maxMessages: { type: Number, default: 50 },
+    /** 超时 ms */
+    timeout: { type: Number, default: 3e4 },
+    /** 最长录音 ms */
+    maxVoiceDuration: { type: Number, default: 3e4 },
+    /** 弹出层模式（左上角显示"收起"，点击 emit close） */
+    popup: { type: Boolean, default: false }
+  },
+  emits: ["back", "close", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const ctx = instance.proxy;
+    const emit = __emit;
+    const sessionId = ref("mobile_session_" + Date.now());
+    function extractReplyText(data) {
+      if (typeof data === "string") return data;
+      if (data && typeof data === "object") {
+        return data.content || data.reply || data.text || data.message || data.data || JSON.stringify(data);
+      }
+      return String(data || "");
+    }
+    function initAdapter() {
+      const adapter = getAdapter();
+      const http = ctx.$http;
+      const sid = sessionId.value;
+      adapter.createStreamRequest = (options) => {
+        const { body, onMessage, onComplete, onError } = options;
+        let aborted = false;
+        http.postForm(
+          "ai-server/aiAsst/mobileQuery",
+          { sessionId: sid, message: body.prompt },
+          false
+        ).then((data) => {
+          if (aborted) return;
+          const replyText = extractReplyText(data);
+          let i = 0;
+          const timer = setInterval(() => {
+            if (aborted) {
+              clearInterval(timer);
+              return;
+            }
+            if (i < replyText.length) {
+              onMessage(replyText[i++]);
+            } else {
+              clearInterval(timer);
+              onComplete();
+            }
+          }, 30);
+        }).catch((err) => {
+          if (!aborted) onError(err || new Error("请求失败"));
+        });
+        return {
+          abort: () => {
+            aborted = true;
+          }
+        };
+      };
+      adapter.init();
+    }
+    const {
+      messages,
+      isStreaming,
+      send,
+      sendVoice,
+      stop,
+      retry,
+      clear,
+      loadHistory
+    } = useChat({
+      apiUrl: "",
+      timeout: props.timeout,
+      maxMessages: props.maxMessages,
+      onError: (err) => {
+        console.error("[ChatView] 对话错误:", err);
+        emit("error", err);
+      }
+    });
+    const {
+      status: voiceStatus,
+      duration: voiceDuration,
+      stream: voiceStream,
+      start: voiceStartFn,
+      stop: voiceStop,
+      cancel: voiceCancelFn
+    } = useVoice({
+      maxDuration: props.maxVoiceDuration,
+      onResult: async (result) => {
+        const platform = window.__fecPlatform || "";
+        if (!platform || platform === PlatformType.WEB) {
+          messages.value.push({
+            id: "voice-tip-" + Date.now(),
+            role: "assistant",
+            type: "text",
+            content: result.transcript || "抱歉，当前环境不支持语音功能",
+            status: "done",
+            timestamp: Date.now()
+          });
+          return;
+        }
+        await sendVoice({
+          audioBlob: result.audioBlob,
+          duration: result.duration,
+          transcript: result.transcript,
+          audioUrl: null,
+          serverId: null
+        });
+      },
+      onError: (err) => console.error("[ChatView] 语音错误:", err)
+    });
+    async function handleVoiceStart() {
+      if (isStreaming.value) return;
+      try {
+        await voiceStartFn();
+      } catch (e) {
+        console.warn("[ChatView] 录音失败:", e.message);
+      }
+    }
+    async function handleVoiceEnd() {
+      try {
+        await voiceStop();
+      } catch (e) {
+        console.warn("[ChatView] 结束录音失败:", e.message);
+      }
+    }
+    async function handleVoiceCancel() {
+      await voiceCancelFn();
+    }
+    function handleLeftClick() {
+      if (props.popup) {
+        emit("close");
+      } else {
+        emit("back");
+      }
+    }
+    function handleNewChat() {
+      clear();
+      sessionId.value = "mobile_session_" + Date.now();
+    }
+    onMounted(() => {
+      initAdapter();
+      if (props.historyMessages && props.historyMessages.length > 0) {
+        loadHistory(props.historyMessages);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_van_nav_bar = NavBar;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_van_nav_bar, {
+          title: "智能助手",
+          "left-text": "收起",
+          "left-arrow": "",
+          fixed: "",
+          placeholder: "",
+          onClickLeft: handleLeftClick
+        }, {
+          right: withCtx(() => [
+            createElementVNode("span", {
+              class: "nav-right-btn",
+              onClick: handleNewChat
+            }, "新对话")
+          ]),
+          _: 1
+        }),
+        createVNode(unref(MobileChatPanel), {
+          messages: unref(messages),
+          emptyText: __props.emptyText,
+          onRetry: unref(retry),
+          onNavigate: _cache[0] || (_cache[0] = ($event) => emit("navigate", $event))
+        }, null, 8, ["messages", "emptyText", "onRetry"]),
+        createVNode(unref(MobileChatInput), {
+          disabled: false,
+          isStreaming: unref(isStreaming),
+          voiceStatus: unref(voiceStatus),
+          voiceDuration: unref(voiceDuration),
+          voiceStream: unref(voiceStream),
+          placeholder: __props.placeholder,
+          onSend: unref(send),
+          onStop: unref(stop),
+          onVoiceStart: handleVoiceStart,
+          onVoiceEnd: handleVoiceEnd,
+          onVoiceCancel: handleVoiceCancel
+        }, null, 8, ["isStreaming", "voiceStatus", "voiceDuration", "voiceStream", "placeholder", "onSend", "onStop"])
+      ]);
+    };
+  }
+};
+const _AiChat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-80fc6732"]]);
+export {
+  _AiChat as default
+};

package/es/packages/mobile/src/components/ai/AiChat/index.mjs

@@ -0,0 +1,7 @@
+import _AiChat from "./AiChat.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileAiChat = install.withInstall("MobileAiChat", _AiChat);
+export {
+  MobileAiChat,
+  MobileAiChat as default
+};

package/es/packages/mobile/src/components/ai/ChatInput/ChatInput.vue.mjs

@@ -0,0 +1,211 @@
+/* empty css                                                     */
+/* empty css                                                      */
+/* empty css                                                     */
+/* empty css                                                        */
+import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, withDirectives, vModelText, withModifiers, unref, normalizeClass, normalizeStyle, toDisplayString, nextTick } from "vue";
+import { useVoiceTouch } from "../../../composables/useVoiceTouch.mjs";
+import { RecordOverlay } from "../RecordOverlay/index.mjs";
+/* empty css                */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Loading } from "../../../../../../node_modules/vant/es/loading/index.mjs";
+import { Icon } from "../../../../../../node_modules/vant/es/icon/index.mjs";
+const _hoisted_1 = { class: "chat-input van-safe-area-bottom" };
+const _hoisted_2 = { class: "chat-input__inner" };
+const _hoisted_3 = {
+  key: 0,
+  class: "iconfont icon-mobilejianpan",
+  style: { "font-size": "26px" }
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "iconfont icon-mobileyuyin",
+  style: { "font-size": "26px" }
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "chat-input__text-wrap"
+};
+const _hoisted_6 = ["placeholder", "disabled"];
+const _hoisted_7 = {
+  key: 4,
+  class: "chat-input__add-btn"
+};
+const _sfc_main = {
+  __name: "ChatInput",
+  props: {
+    placeholder: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    isStreaming: { type: Boolean, default: false },
+    showVoice: { type: Boolean, default: true },
+    voiceStatus: { type: String, default: "idle" },
+    voiceDuration: { type: Number, default: 0 },
+    /** 当前录音流（供波形可视化） */
+    voiceStream: { type: Object, default: null }
+  },
+  emits: [
+    "send",
+    "stop",
+    "voice-start",
+    "voice-end",
+    "voice-cancel",
+    "focus",
+    "blur"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputRef = ref(null);
+    const inputText = ref("");
+    const isVoiceMode = ref(false);
+    const { isCancelling, onVoiceStart } = useVoiceTouch({
+      emit,
+      voiceStatus: computed(() => props.voiceStatus),
+      disabled: computed(() => props.disabled || props.isStreaming)
+    });
+    const transcribingHint = computed(() => {
+      const map = {
+        requesting: "请求权限中...",
+        transcribing: "识别中...",
+        uploading: "上传中..."
+      };
+      return map[props.voiceStatus] || "处理中...";
+    });
+    function toggleMode() {
+      if (props.isStreaming) return;
+      isVoiceMode.value = !isVoiceMode.value;
+      if (!isVoiceMode.value) {
+        nextTick(() => {
+          var _a;
+          return (_a = inputRef.value) == null ? void 0 : _a.focus();
+        });
+      }
+    }
+    function onKeydown(e) {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        onSend();
+      }
+    }
+    function onSend() {
+      const text = inputText.value.trim();
+      if (!text || props.disabled || props.isStreaming) return;
+      emit("send", text);
+      inputText.value = "";
+      nextTick(() => {
+        var _a;
+        return (_a = inputRef.value) == null ? void 0 : _a.focus();
+      });
+    }
+    function onStopStream() {
+      emit("stop");
+    }
+    function focus() {
+      nextTick(() => {
+        var _a;
+        return (_a = inputRef.value) == null ? void 0 : _a.focus();
+      });
+    }
+    __expose({ focus });
+    return (_ctx, _cache) => {
+      const _component_van_loading = Loading;
+      const _component_van_icon = Icon;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: "chat-input__mode-btn",
+            onClick: toggleMode
+          }, [
+            isVoiceMode.value ? (openBlock(), createElementBlock("i", _hoisted_3)) : (openBlock(), createElementBlock("i", _hoisted_4))
+          ]),
+          !isVoiceMode.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            withDirectives(createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
+              class: "chat-input__text",
+              placeholder: __props.placeholder,
+              disabled: __props.disabled,
+              onKeydown,
+              onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("focus")),
+              onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("blur"))
+            }, null, 40, _hoisted_6), [
+              [vModelText, inputText.value]
+            ])
+          ])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["chat-input__voice-btn", {
+              "chat-input__voice-btn--active": __props.voiceStatus === "recording" || __props.voiceStatus === "requesting",
+              "chat-input__voice-btn--cancel": unref(isCancelling)
+            }]),
+            onTouchstart: _cache[3] || (_cache[3] = (...args) => unref(onVoiceStart) && unref(onVoiceStart)(...args)),
+            onMousedown: _cache[4] || (_cache[4] = (...args) => unref(onVoiceStart) && unref(onVoiceStart)(...args)),
+            onContextmenu: _cache[5] || (_cache[5] = withModifiers(() => {
+            }, ["prevent"]))
+          }, [
+            createElementVNode("span", {
+              class: "chat-input__voice-label",
+              style: normalizeStyle({
+                display: __props.voiceStatus === "idle" || __props.voiceStatus === "done" ? "" : "none"
+              })
+            }, _cache[6] || (_cache[6] = [
+              createElementVNode("span", null, "按住 说话", -1)
+            ]), 4),
+            createElementVNode("span", {
+              class: "chat-input__voice-label",
+              style: normalizeStyle({
+                display: __props.voiceStatus === "recording" || __props.voiceStatus === "requesting" ? "" : "none"
+              })
+            }, [
+              createElementVNode("span", null, toDisplayString(unref(isCancelling) ? "松开 取消" : "松开 发送"), 1)
+            ], 4),
+            createElementVNode("span", {
+              class: "chat-input__voice-label",
+              style: normalizeStyle({
+                display: __props.voiceStatus !== "idle" && __props.voiceStatus !== "done" && __props.voiceStatus !== "recording" && __props.voiceStatus !== "requesting" ? "" : "none"
+              })
+            }, [
+              createVNode(_component_van_loading, { size: "16" }),
+              createElementVNode("span", null, toDisplayString(transcribingHint.value), 1)
+            ], 4)
+          ], 34)),
+          __props.isStreaming ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "chat-input__stop-btn",
+            onClick: onStopStream
+          }, [
+            createVNode(_component_van_icon, {
+              name: "pause",
+              size: "16",
+              color: "#fff"
+            })
+          ])) : !isVoiceMode.value && inputText.value.trim() ? (openBlock(), createElementBlock("div", {
+            key: 3,
+            class: "chat-input__send-btn",
+            onClick: onSend
+          }, _cache[7] || (_cache[7] = [
+            createElementVNode("i", {
+              class: "iconfont icon-mobilefasong",
+              style: { "font-size": "22px", "color": "#fff" }
+            }, null, -1)
+          ]))) : !isVoiceMode.value && !inputText.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            createVNode(_component_van_icon, {
+              name: "add-o",
+              size: "22"
+            })
+          ])) : createCommentVNode("", true)
+        ]),
+        createVNode(unref(RecordOverlay), {
+          show: __props.voiceStatus === "recording" || __props.voiceStatus === "requesting",
+          "is-cancelling": unref(isCancelling),
+          "voice-duration": __props.voiceDuration,
+          "voice-status": __props.voiceStatus,
+          stream: __props.voiceStream
+        }, null, 8, ["show", "is-cancelling", "voice-duration", "voice-status", "stream"])
+      ]);
+    };
+  }
+};
+const _ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc3d78f6"]]);
+export {
+  _ChatInput as default
+};

package/es/packages/mobile/src/components/ai/ChatInput/index.mjs

@@ -0,0 +1,7 @@
+import _ChatInput from "./ChatInput.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileChatInput = install.withInstall("MobileChatInput", _ChatInput);
+export {
+  MobileChatInput,
+  MobileChatInput as default
+};

package/es/packages/mobile/src/components/ai/ChatPanel/ChatPanel.vue.mjs

@@ -0,0 +1,232 @@
+/* empty css                                                     */
+/* empty css                                                      */
+/* empty css                                                     */
+/* empty css                                                        */
+/* empty css                                                      */
+import { ref, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, createVNode, Fragment, renderList, normalizeClass, toDisplayString, createElementVNode, unref, createBlock, createTextVNode, Transition, withCtx } from "vue";
+import { MarkdownRenderer } from "../MarkdownRenderer/index.mjs";
+/* empty css                */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Empty } from "../../../../../../node_modules/vant/es/empty/index.mjs";
+import { Loading } from "../../../../../../node_modules/vant/es/loading/index.mjs";
+import { Icon } from "../../../../../../node_modules/vant/es/icon/index.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "chat-panel__empty"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "chat-panel__time"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "chat-panel__system"
+};
+const _hoisted_4 = { class: "chat-panel__voice" };
+const _hoisted_5 = {
+  key: 0,
+  class: "chat-panel__voice-text"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "chat-panel__text chat-panel__text--md"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "chat-panel__text"
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "chat-panel__status"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "chat-panel__streaming-dot"
+};
+const _hoisted_10 = ["onClick"];
+const _sfc_main = {
+  __name: "ChatPanel",
+  props: {
+    /** 消息列表 */
+    messages: { type: Array, default: () => [] },
+    /** 空状态提示文字 */
+    emptyText: { type: String, default: "" },
+    /** 是否自动滚动到底部 */
+    autoScroll: { type: Boolean, default: true },
+    /** 两条消息间隔多久显示时间戳(ms)，默认 5 分钟 */
+    timeGap: { type: Number, default: 5 * 60 * 1e3 }
+  },
+  emits: ["retry", "scroll-to-bottom", "navigate"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const panelRef = ref(null);
+    const showScrollBtn = ref(false);
+    function showTime(msg) {
+      const idx = props.messages.indexOf(msg);
+      if (idx === 0) return true;
+      const prev = props.messages[idx - 1];
+      return msg.timestamp - prev.timestamp > props.timeGap;
+    }
+    function formatTime(ts) {
+      const d = new Date(ts);
+      const now = /* @__PURE__ */ new Date();
+      const isToday = d.toDateString() === now.toDateString();
+      const hh = String(d.getHours()).padStart(2, "0");
+      const mm = String(d.getMinutes()).padStart(2, "0");
+      if (isToday) return `${hh}:${mm}`;
+      const M = d.getMonth() + 1;
+      const D = d.getDate();
+      return `${M}/${D} ${hh}:${mm}`;
+    }
+    function scrollToBottom() {
+      if (!panelRef.value) return;
+      const el = panelRef.value;
+      el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+      showScrollBtn.value = false;
+      emit("scroll-to-bottom");
+    }
+    function checkScrollPosition() {
+      if (!panelRef.value) return;
+      const el = panelRef.value;
+      const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
+      showScrollBtn.value = distance > 100;
+    }
+    watch(
+      () => props.messages.length,
+      () => {
+        if (props.autoScroll) {
+          nextTick(scrollToBottom);
+        }
+      }
+    );
+    watch(
+      () => {
+        if (props.messages.length === 0) return "";
+        const last = props.messages[props.messages.length - 1];
+        return last.content;
+      },
+      () => {
+        if (props.autoScroll) {
+          nextTick(() => {
+            if (panelRef.value) {
+              const el = panelRef.value;
+              const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
+              if (distance < 150) {
+                el.scrollTop = el.scrollHeight;
+              }
+            }
+          });
+        }
+      }
+    );
+    let scrollHandler = null;
+    onMounted(() => {
+      if (panelRef.value) {
+        scrollHandler = checkScrollPosition;
+        panelRef.value.addEventListener("scroll", scrollHandler, { passive: true });
+      }
+    });
+    onUnmounted(() => {
+      if (panelRef.value && scrollHandler) {
+        panelRef.value.removeEventListener("scroll", scrollHandler);
+      }
+    });
+    __expose({ scrollToBottom });
+    return (_ctx, _cache) => {
+      const _component_van_empty = Empty;
+      const _component_van_loading = Loading;
+      const _component_van_icon = Icon;
+      return openBlock(), createElementBlock("div", {
+        class: "chat-panel",
+        ref_key: "panelRef",
+        ref: panelRef
+      }, [
+        __props.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(_component_van_empty, { description: __props.emptyText }, null, 8, ["description"])
+        ])) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.messages, (msg) => {
+          return openBlock(), createElementBlock("div", {
+            key: msg.id,
+            class: normalizeClass(["chat-panel__msg-wrapper", {
+              "chat-panel__msg-wrapper--right": msg.role === "user",
+              "chat-panel__msg-wrapper--left": msg.role === "assistant" || msg.role === "system"
+            }])
+          }, [
+            showTime(msg) ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(formatTime(msg.timestamp)), 1)) : createCommentVNode("", true),
+            msg.role === "system" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("span", null, toDisplayString(msg.content), 1)
+            ])) : msg.type === "voice" && msg.voiceData ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass(["chat-panel__bubble", {
+                "chat-panel__bubble--right": msg.role === "user",
+                "chat-panel__bubble--left": msg.role === "assistant"
+              }])
+            }, [
+              createElementVNode("div", _hoisted_4, [
+                _cache[2] || (_cache[2] = createElementVNode("i", { class: "iconfont icon-mobileyuyin1" }, null, -1)),
+                createElementVNode("span", null, toDisplayString((msg.voiceData.duration / 1e3).toFixed(0)) + "s", 1)
+              ]),
+              msg.content ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(msg.content), 1)) : createCommentVNode("", true)
+            ], 2)) : (openBlock(), createElementBlock("div", {
+              key: 3,
+              class: normalizeClass(["chat-panel__bubble", {
+                "chat-panel__bubble--right": msg.role === "user",
+                "chat-panel__bubble--left": msg.role === "assistant",
+                "chat-panel__bubble--streaming": msg.status === "streaming"
+              }])
+            }, [
+              msg.role === "assistant" || msg.role === "system" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                createVNode(unref(MarkdownRenderer), {
+                  content: msg.content,
+                  "is-streaming": msg.status === "streaming",
+                  onNavigate: _cache[0] || (_cache[0] = ($event) => emit("navigate", $event))
+                }, null, 8, ["content", "is-streaming"])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(msg.content), 1)),
+              ["sending", "streaming", "error"].includes(msg.status) ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                msg.status === "sending" ? (openBlock(), createBlock(_component_van_loading, {
+                  key: 0,
+                  size: "14"
+                })) : msg.status === "streaming" ? (openBlock(), createElementBlock("span", _hoisted_9, _cache[3] || (_cache[3] = [
+                  createElementVNode("i", null, null, -1),
+                  createElementVNode("i", null, null, -1),
+                  createElementVNode("i", null, null, -1)
+                ]))) : msg.status === "error" ? (openBlock(), createElementBlock("span", {
+                  key: 2,
+                  class: "chat-panel__error-icon",
+                  onClick: ($event) => _ctx.$emit("retry", msg)
+                }, [
+                  createVNode(_component_van_icon, {
+                    name: "warning-o",
+                    color: "#ee0a24",
+                    size: "14"
+                  }),
+                  createTextVNode(" " + toDisplayString(msg.error || "发送失败"), 1)
+                ], 8, _hoisted_10)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ], 2))
+          ], 2);
+        }), 128)),
+        createVNode(Transition, { name: "van-fade" }, {
+          default: withCtx(() => [
+            showScrollBtn.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "chat-panel__scroll-btn",
+              onClick: _cache[1] || (_cache[1] = ($event) => scrollToBottom())
+            }, [
+              createVNode(_component_van_icon, {
+                name: "arrow-down",
+                size: "16"
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 512);
+    };
+  }
+};
+const _ChatPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e842ef15"]]);
+export {
+  _ChatPanel as default
+};

package/es/packages/mobile/src/components/ai/ChatPanel/index.mjs

@@ -0,0 +1,7 @@
+import _ChatPanel from "./ChatPanel.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileChatPanel = install.withInstall("MobileChatPanel", _ChatPanel);
+export {
+  MobileChatPanel,
+  MobileChatPanel as default
+};