@yimou6/common-ui 1.10.1 → 1.10.2

package/es/components/wisdom-chat/src/wisdom-chat.vue.mjs

@@ -1,6 +0,0 @@
-import _sfc_main from './wisdom-chat.vue2.mjs';
-
-
-
-export { _sfc_main as default };
-//# sourceMappingURL=wisdom-chat.vue.mjs.map

package/es/components/wisdom-chat/src/wisdom-chat.vue.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"wisdom-chat.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/wisdom-chat/src/wisdom-chat.vue2.mjs

@@ -1,393 +0,0 @@
-import { defineComponent, ref, onMounted, computed, nextTick, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createSlots, createBlock, resolveDynamicComponent, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
-import { Chat, ChatSender, ChatItem, ChatContent } from '@tdesign-vue-next/chat';
-import { ElAvatar } from 'element-plus';
-import INotify from '../../../utils/message.mjs';
-import { WisdomChatProps, fetchSSE } from './wisdom-chat.mjs';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const _hoisted_1 = { class: "wisdom-chat" };
-const _hoisted_2 = { class: "wisdom-chat__content" };
-const _hoisted_3 = { class: "chat-sender-inner-header" };
-const _hoisted_4 = {
-  key: 0,
-  class: "chat-sender-image"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "chat-sender-file"
-};
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "IWisdomChat"
-  },
-  __name: "wisdom-chat",
-  props: WisdomChatProps,
-  setup(__props) {
-    var _a, _b;
-    const props = __props;
-    const chatRef = ref();
-    const chatList = ref([
-      {
-        datetime: (/* @__PURE__ */ new Date()).toLocaleString(),
-        content: `\u7531${((_a = props.robot) == null ? void 0 : _a.name) || "\u667A\u80FD\u52A9\u624B"}\u63D0\u4F9B\u6570\u636E\u652F\u6301`,
-        avatar: (_b = props.robot) == null ? void 0 : _b.avatar,
-        role: "model-change"
-      }
-    ]);
-    const isStreamLoad = ref(false);
-    const loading = ref(false);
-    const inputValue = ref("");
-    const selectValue = ref("");
-    const inputImage = ref("");
-    const inputFileName = ref("");
-    const fetchCancel = ref();
-    onMounted(() => {
-      if (props.models && props.models.length > 0) {
-        selectValue.value = props.models[0].value;
-      }
-    });
-    const modelISImage = computed(() => {
-      var _a2;
-      const model = (_a2 = props.models) == null ? void 0 : _a2.find((item) => item.value === selectValue.value);
-      return (model == null ? void 0 : model.type.indexOf("image")) !== -1;
-    });
-    const showClearHistory = computed(() => {
-      return props.showClearButton && chatList.value.length > 0 && !isStreamLoad.value;
-    });
-    const showModelSelect = computed(() => {
-      return props.showModelSelector && props.models && props.models.length > 0;
-    });
-    const handleClear = /* @__PURE__ */ __name(() => {
-      chatList.value = [];
-    }, "handleClear");
-    const handleSenderStop = /* @__PURE__ */ __name(() => {
-      if (fetchCancel.value) {
-        fetchCancel.value.abort();
-        loading.value = false;
-        isStreamLoad.value = false;
-      }
-    }, "handleSenderStop");
-    const handleSenderSend = /* @__PURE__ */ __name((value) => {
-      var _a2, _b2, _c, _d;
-      if (isStreamLoad.value || !value.trim()) return;
-      const userMessage = {
-        avatar: (_a2 = props.self) == null ? void 0 : _a2.avatar,
-        name: (_b2 = props.self) == null ? void 0 : _b2.name,
-        datetime: (/* @__PURE__ */ new Date()).toLocaleString(),
-        content: value,
-        image: inputImage.value,
-        role: "user"
-      };
-      chatList.value.unshift(userMessage);
-      const botMessage = {
-        avatar: (_c = props.robot) == null ? void 0 : _c.avatar,
-        name: (_d = props.robot) == null ? void 0 : _d.name,
-        datetime: (/* @__PURE__ */ new Date()).toLocaleString(),
-        content: "",
-        role: "assistant"
-      };
-      chatList.value.unshift(botMessage);
-      sendMsg();
-      inputValue.value = "";
-      inputImage.value = "";
-      inputFileName.value = "";
-    }, "handleSenderSend");
-    const handleSenderFileSelect = /* @__PURE__ */ __name((params) => {
-      const { files } = params;
-      if (files.length === 0) {
-        return INotify.error("\u8BF7\u9009\u62E9\u6587\u4EF6");
-      }
-      if (files.length > 1) {
-        return INotify.error("\u5355\u6B21\u53EA\u80FD\u4E0A\u4F201\u4E2A\u6587\u4EF6");
-      }
-      const file = files[0];
-      if (!isImage(file)) {
-        return INotify.error("\u53EA\u652F\u6301\u4E0A\u4F20\u56FE\u7247\u6587\u4EF6");
-      }
-      if (file.size > props.maxImageSize * 1024 * 1024) {
-        return INotify.error(`\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7${props.maxImageSize}MB`);
-      }
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = (e) => {
-        var _a2;
-        if ((_a2 = e.target) == null ? void 0 : _a2.result) {
-          inputImage.value = e.target.result;
-        }
-      };
-      reader.onerror = () => {
-        INotify.error("\u56FE\u7247\u8BFB\u53D6\u5931\u8D25");
-      };
-    }, "handleSenderFileSelect");
-    const handleDelInputImage = /* @__PURE__ */ __name(() => {
-      inputImage.value = "";
-    }, "handleDelInputImage");
-    const handleDelInputFile = /* @__PURE__ */ __name(() => {
-      inputFileName.value = "";
-    }, "handleDelInputFile");
-    function isImage(file) {
-      return file.type.startsWith("image/");
-    }
-    __name(isImage, "isImage");
-    const chatSenderRef = ref();
-    function sendMsg() {
-      loading.value = true;
-      isStreamLoad.value = true;
-      const lastItem = chatList.value[0];
-      let imageBase64 = "";
-      if (inputImage.value) {
-        const parts = inputImage.value.split(",");
-        if (parts.length > 1) {
-          imageBase64 = parts[1];
-        }
-      }
-      const messages = [
-        {
-          role: "user",
-          content: inputValue.value,
-          images: imageBase64 ? [imageBase64] : []
-        }
-      ];
-      fetchSSE(
-        messages,
-        selectValue.value,
-        {
-          // 处理增量内容
-          success(event) {
-            if (event.type === "delta" && event.data) {
-              lastItem.content += event.data;
-            }
-          },
-          // 处理完成状态
-          complete(isOk, msg) {
-            if (!isOk || !lastItem.content) {
-              lastItem.role = "error";
-              lastItem.content = msg || "\u751F\u6210\u56DE\u590D\u5931\u8D25";
-            }
-            isStreamLoad.value = false;
-            loading.value = false;
-            nextTick(() => {
-              var _a2, _b2, _c;
-              (_a2 = chatRef.value) == null ? void 0 : _a2.scrollToBottom({ behavior: "smooth" });
-              const el = (_b2 = chatSenderRef.value) == null ? void 0 : _b2.$el;
-              (_c = el.querySelector("textarea")) == null ? void 0 : _c.focus();
-            });
-          },
-          // 处理失败
-          fail() {
-            isStreamLoad.value = false;
-            loading.value = false;
-          },
-          // 保存取消控制器
-          cancel(controller) {
-            fetchCancel.value = controller;
-          }
-        },
-        props.apiUrl
-      );
-    }
-    __name(sendMsg, "sendMsg");
-    return (_ctx, _cache) => {
-      const _component_el_image = resolveComponent("el-image");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_tag = resolveComponent("el-tag");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Chat), {
-          ref_key: "chatRef",
-          ref: chatRef,
-          class: "wisdom-chat__tchat",
-          layout: "both",
-          "clear-history": showClearHistory.value,
-          onClear: handleClear
-        }, {
-          footer: withCtx(() => [
-            createVNode(unref(ChatSender), {
-              ref_key: "chatSenderRef",
-              ref: chatSenderRef,
-              modelValue: inputValue.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
-              loading: isStreamLoad.value,
-              "textarea-props": { placeholder: "\u8BF7\u8F93\u5165\u6D88\u606F..." },
-              onStop: handleSenderStop,
-              onSend: handleSenderSend,
-              onFileSelect: handleSenderFileSelect
-            }, createSlots({
-              suffix: withCtx(({ renderPresets }) => [
-                modelISImage.value ? (openBlock(), createBlock(resolveDynamicComponent(renderPresets([{ name: "uploadImage" }])), { key: 0 })) : (openBlock(), createBlock(resolveDynamicComponent(renderPresets([])), { key: 1 }))
-              ]),
-              "inner-header": withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
-                  createCommentVNode(" \u56FE\u7247\u9884\u89C8 "),
-                  inputImage.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                    createVNode(_component_el_image, {
-                      src: inputImage.value,
-                      fit: "cover",
-                      "preview-src-list": [inputImage.value]
-                    }, null, 8, ["src", "preview-src-list"]),
-                    createElementVNode("div", {
-                      class: "chat-sender-image__del",
-                      onClick: handleDelInputImage
-                    }, _cache[3] || (_cache[3] = [
-                      createElementVNode(
-                        "i",
-                        { class: "icon-shanchu iconfont" },
-                        null,
-                        -1
-                        /* HOISTED */
-                      )
-                    ]))
-                  ])) : createCommentVNode("v-if", true),
-                  createCommentVNode(" \u6587\u4EF6\u6807\u7B7E "),
-                  inputFileName.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    createVNode(_component_el_tag, {
-                      closable: "",
-                      size: "default",
-                      type: "info",
-                      hit: "",
-                      onClose: handleDelInputFile
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(
-                          toDisplayString(inputFileName.value),
-                          1
-                          /* TEXT */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ])) : createCommentVNode("v-if", true)
-                ])
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              showModelSelect.value ? {
-                name: "prefix",
-                fn: withCtx(() => [
-                  createVNode(_component_el_select, {
-                    modelValue: selectValue.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
-                    placement: "top",
-                    style: { "width": "160px" }
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(props.models, (model) => {
-                          return openBlock(), createBlock(_component_el_option, {
-                            key: model.value,
-                            label: model.label,
-                            value: model.value,
-                            title: model.description
-                          }, null, 8, ["label", "value", "title"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["modelValue"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "loading"])
-          ]),
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(chatList.value, (chat, index) => {
-                return openBlock(), createBlock(unref(ChatItem), {
-                  key: index,
-                  role: chat.role,
-                  "text-loading": index === 0 && loading.value,
-                  variant: "base"
-                }, createSlots({
-                  avatar: withCtx(() => [
-                    createVNode(unref(ElAvatar), {
-                      size: "large",
-                      shape: "circle",
-                      src: chat.avatar
-                    }, {
-                      default: withCtx(() => _cache[2] || (_cache[2] = [
-                        createElementVNode(
-                          "i",
-                          {
-                            class: "iconfont icon-yonghu1",
-                            style: { "font-size": "20px" }
-                          },
-                          null,
-                          -1
-                          /* HOISTED */
-                        )
-                      ])),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1032, ["src"])
-                  ]),
-                  content: withCtx(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      chat.content ? (openBlock(), createBlock(unref(ChatContent), {
-                        key: 0,
-                        content: chat.content,
-                        variant: "base"
-                      }, null, 8, ["content"])) : createCommentVNode("v-if", true),
-                      chat.image ? (openBlock(), createBlock(_component_el_image, {
-                        key: 1,
-                        class: "chat-content-images",
-                        src: chat.image,
-                        fit: "cover",
-                        "preview-src-list": [chat.image]
-                      }, null, 8, ["src", "preview-src-list"])) : createCommentVNode("v-if", true)
-                    ])
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, [
-                  chat.name ? {
-                    name: "name",
-                    fn: withCtx(() => [
-                      createElementVNode(
-                        "div",
-                        null,
-                        toDisplayString(chat.name),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    key: "0"
-                  } : void 0,
-                  chat.datetime ? {
-                    name: "datetime",
-                    fn: withCtx(() => [
-                      createElementVNode(
-                        "div",
-                        null,
-                        toDisplayString(chat.datetime),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    key: "1"
-                  } : void 0
-                ]), 1032, ["role", "text-loading"]);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["clear-history"])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
-//# sourceMappingURL=wisdom-chat.vue2.mjs.map

package/es/components/wisdom-chat/src/wisdom-chat.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"wisdom-chat.vue2.mjs","sources":["../../../../../../../packages/components/wisdom-chat/src/wisdom-chat.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import {\n    Chat as TChat,\n    ChatContent as TChatContent,\n    ChatItem as TChatItem,\n    ChatSender as TChatSender,\n  } from '@tdesign-vue-next/chat';\n  import { ElAvatar } from 'element-plus';\n  import { computed, nextTick, onMounted, ref } from 'vue';\n  import type { UploadActionType } from '@tdesign-vue-next/chat';\n  import INotify from '../../../utils/message';\n  import {\n    type ChatMessageItemType,\n    type ChatMessageType,\n    fetchSSE,\n    type SSEEvent,\n    WisdomChatProps,\n  } from './wisdom-chat';\n\n  defineOptions({\n    name: 'IWisdomChat',\n  });\n  const props = defineProps(WisdomChatProps);\n\n  // 组件引用\n  const chatRef = ref();\n\n  // 聊天消息列表\n  const chatList = ref<ChatMessageItemType[]>([\n    {\n      datetime: new Date().toLocaleString(),\n      content: `由${props.robot?.name || '智能助手'}提供数据支持`,\n      avatar: props.robot?.avatar,\n      role: 'model-change',\n    },\n  ]);\n\n  // 状态管理\n  const isStreamLoad = ref(false); // 是否正在流式加载\n  const loading = ref(false); // 是否正在加载\n  const inputValue = ref(''); // 输入框值\n  const selectValue = ref(''); // 当前选择的模型\n  const inputImage = ref(''); // 输入框中的图片(base64)\n  const inputFileName = ref(''); // 输入框中的文件名称\n  const fetchCancel = ref<AbortController>(); // 取消请求控制器\n\n  // 组件挂载时初始化\n  onMounted(() => {\n    // 初始化模型选择\n    if (props.models && props.models.length > 0) {\n      selectValue.value = props.models[0].value;\n    }\n  });\n  /**\n   * 当前选择的模型是否支持图片上传\n   */\n  const modelISImage = computed(() => {\n    const model = props.models?.find(item => item.value === selectValue.value);\n    return model?.type.indexOf('image') !== -1;\n  });\n\n  /**\n   * 是否显示清除历史按钮\n   */\n  const showClearHistory = computed(() => {\n    return props.showClearButton && chatList.value.length > 0 && !isStreamLoad.value;\n  });\n\n  /**\n   * 是否显示模型选择器\n   */\n  const showModelSelect = computed(() => {\n    return props.showModelSelector && props.models && props.models.length > 0;\n  });\n\n  /**\n   * 清空聊天历史\n   */\n  const handleClear = () => {\n    chatList.value = [];\n  };\n\n  /**\n   * 终止当前消息生成\n   */\n  const handleSenderStop = () => {\n    if (fetchCancel.value) {\n      fetchCancel.value.abort();\n      loading.value = false;\n      isStreamLoad.value = false;\n    }\n  };\n\n  /**\n   * 发送消息\n   * @param value 消息内容\n   */\n  const handleSenderSend = (value: string) => {\n    // 如果正在加载或消息为空，不处理\n    if (isStreamLoad.value || !value.trim()) return;\n\n    // 添加用户消息\n    const userMessage: ChatMessageItemType = {\n      avatar: props.self?.avatar,\n      name: props.self?.name,\n      datetime: new Date().toLocaleString(),\n      content: value,\n      image: inputImage.value,\n      role: 'user',\n    };\n    chatList.value.unshift(userMessage);\n\n    // 添加机器人空消息占位\n    const botMessage: ChatMessageItemType = {\n      avatar: props.robot?.avatar,\n      name: props.robot?.name,\n      datetime: new Date().toLocaleString(),\n      content: '',\n      role: 'assistant',\n    };\n    chatList.value.unshift(botMessage);\n\n    // 发送消息并获取回复\n    sendMsg();\n\n    // 清空输入\n    inputValue.value = '';\n    inputImage.value = '';\n    inputFileName.value = '';\n  };\n\n  /**\n   * 处理文件选择\n   * @param params 文件参数\n   */\n  const handleSenderFileSelect = (params: { files: File[]; name: UploadActionType }) => {\n    const { files } = params;\n\n    // 验证文件\n    if (files.length === 0) {\n      return INotify.error('请选择文件');\n    }\n\n    if (files.length > 1) {\n      return INotify.error('单次只能上传1个文件');\n    }\n\n    const file = files[0];\n\n    // 验证文件类型\n    if (!isImage(file)) {\n      return INotify.error('只支持上传图片文件');\n    }\n\n    // 验证文件大小\n    if (file.size > props.maxImageSize * 1024 * 1024) {\n      return INotify.error(`图片大小不能超过${props.maxImageSize}MB`);\n    }\n\n    // 图片转base64\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = e => {\n      if (e.target?.result) {\n        inputImage.value = e.target.result as string;\n      }\n    };\n    reader.onerror = () => {\n      INotify.error('图片读取失败');\n    };\n  };\n\n  /**\n   * 删除输入框中的图片\n   */\n  const handleDelInputImage = () => {\n    inputImage.value = '';\n  };\n\n  /**\n   * 删除输入框中的文件\n   */\n  const handleDelInputFile = () => {\n    inputFileName.value = '';\n  };\n\n  /**\n   * 判断文件是否为图片\n   * @param file 文件对象\n   * @returns 是否为图片\n   */\n  function isImage(file: File): boolean {\n    return file.type.startsWith('image/');\n  }\n  const chatSenderRef = ref();\n  /**\n   * 发送消息到API并处理响应\n   */\n  function sendMsg() {\n    // 设置加载状态\n    loading.value = true;\n    isStreamLoad.value = true;\n\n    // 获取最新的消息（机器人回复占位）\n    const lastItem = chatList.value[0];\n\n    // 处理图片数据\n    let imageBase64 = '';\n    if (inputImage.value) {\n      // 从data:image/jpeg;base64,/9j/4AAQ... 格式中提取base64部分\n      const parts = inputImage.value.split(',');\n      if (parts.length > 1) {\n        imageBase64 = parts[1];\n      }\n    }\n\n    // 构建消息对象\n    const messages: ChatMessageType[] = [\n      {\n        role: 'user',\n        content: inputValue.value,\n        images: imageBase64 ? [imageBase64] : [],\n      },\n    ];\n\n    // 调用API\n    fetchSSE(\n      messages,\n      selectValue.value,\n      {\n        // 处理增量内容\n        success(event: SSEEvent) {\n          if (event.type === 'delta' && event.data) {\n            lastItem.content += event.data;\n          }\n        },\n\n        // 处理完成状态\n        complete(isOk: boolean, msg?: string) {\n          // 如果失败或内容为空，显示错误\n          if (!isOk || !lastItem.content) {\n            lastItem.role = 'error';\n            lastItem.content = msg || '生成回复失败';\n          }\n\n          // 重置状态\n          isStreamLoad.value = false;\n          loading.value = false;\n\n          nextTick(() => {\n            // 滚动到底部\n            chatRef.value?.scrollToBottom({ behavior: 'smooth' });\n            // 输入框重新获取焦点\n            const el = chatSenderRef.value?.$el;\n            el.querySelector('textarea')?.focus();\n          });\n        },\n\n        // 处理失败\n        fail() {\n          isStreamLoad.value = false;\n          loading.value = false;\n        },\n\n        // 保存取消控制器\n        cancel(controller: AbortController) {\n          fetchCancel.value = controller;\n        },\n      },\n      props.apiUrl,\n    );\n  }\n</script>\n\n<template>\n  <div class=\"wisdom-chat\">\n    <TChat\n      ref=\"chatRef\"\n      class=\"wisdom-chat__tchat\"\n      layout=\"both\"\n      :clear-history=\"showClearHistory\"\n      @clear=\"handleClear\"\n    >\n      <!-- 聊天消息列表 -->\n      <template v-for=\"(chat, index) in chatList\" :key=\"index\">\n        <TChatItem :role=\"chat.role\" :text-loading=\"index === 0 && loading\" variant=\"base\">\n          <!-- 昵称 -->\n          <template v-if=\"chat.name\" #name>\n            <div>{{ chat.name }}</div>\n          </template>\n\n          <!-- 时间 -->\n          <template v-if=\"chat.datetime\" #datetime>\n            <div>{{ chat.datetime }}</div>\n          </template>\n\n          <!-- 头像 -->\n          <template #avatar>\n            <ElAvatar size=\"large\" shape=\"circle\" :src=\"chat.avatar\">\n              <i class=\"iconfont icon-yonghu1\" style=\"font-size: 20px\" />\n            </ElAvatar>\n          </template>\n\n          <!-- 内容 -->\n          <template #content>\n            <div class=\"wisdom-chat__content\">\n              <TChatContent v-if=\"chat.content\" :content=\"chat.content\" variant=\"base\" />\n              <el-image\n                v-if=\"chat.image\"\n                class=\"chat-content-images\"\n                :src=\"chat.image\"\n                fit=\"cover\"\n                :preview-src-list=\"[chat.image]\"\n              />\n            </div>\n          </template>\n        </TChatItem>\n      </template>\n\n      <!-- 底部输入区域 -->\n      <template #footer>\n        <TChatSender\n          ref=\"chatSenderRef\"\n          v-model=\"inputValue\"\n          :loading=\"isStreamLoad\"\n          :textarea-props=\"{ placeholder: '请输入消息...' }\"\n          @stop=\"handleSenderStop\"\n          @send=\"handleSenderSend\"\n          @file-select=\"handleSenderFileSelect\"\n        >\n          <!-- 右下角区域 - 图片上传 -->\n          <template #suffix=\"{ renderPresets }\">\n            <component :is=\"renderPresets([{ name: 'uploadImage' }])\" v-if=\"modelISImage\" />\n            <component :is=\"renderPresets([])\" v-else />\n          </template>\n\n          <!-- 左下角区域 - 模型选择 -->\n          <template v-if=\"showModelSelect\" #prefix>\n            <el-select v-model=\"selectValue\" placement=\"top\" style=\"width: 160px\">\n              <el-option\n                v-for=\"model of props.models\"\n                :key=\"model.value\"\n                :label=\"model.label\"\n                :value=\"model.value\"\n                :title=\"model.description\"\n              />\n            </el-select>\n          </template>\n\n          <!-- 输入框内标题区域 - 已上传图片/文件 -->\n          <template #inner-header>\n            <div class=\"chat-sender-inner-header\">\n              <!-- 图片预览 -->\n              <div v-if=\"inputImage\" class=\"chat-sender-image\">\n                <el-image :src=\"inputImage\" fit=\"cover\" :preview-src-list=\"[inputImage]\" />\n                <div class=\"chat-sender-image__del\" @click=\"handleDelInputImage\">\n                  <i class=\"icon-shanchu iconfont\" />\n                </div>\n              </div>\n\n              <!-- 文件标签 -->\n              <div v-if=\"inputFileName\" class=\"chat-sender-file\">\n                <el-tag closable size=\"default\" type=\"info\" hit @close=\"handleDelInputFile\">\n                  {{ inputFileName }}\n                </el-tag>\n              </div>\n            </div>\n          </template>\n        </TChatSender>\n      </template>\n    </TChat>\n  </div>\n</template>\n"],"names":["_a","_b"],"mappings":"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"}