agilebuilder-ui 1.1.65-tmp8 → 1.1.65-tmp9

package/packages/chat-embed/src/chat-ai-answer-tip.vue

@@ -1,81 +0,0 @@
-<!-- ai回复内容自定义提示标签处理 -->
-<template>
-  <el-popover placement="right" trigger="click" width="100vh">
-    <template #reference>
-      <el-icon @click="showDocAgg"><Opportunity /></el-icon>
-    </template>
-    <div v-if="showDocAggVisible" style="max-height: 80vh; overflow: auto">
-      <XMarkdown :allowHtml="true" :markdown="getAmbTipMarkdown(item, itemProps['tip-index'])" />
-    </div>
-    <div
-      v-if="showDocAggVisible"
-      style="margin: 5px 10px"
-      v-for="(docAgg, index) in getAmbTipSourceDoc(item, itemProps['tip-index'])"
-      :key="index"
-      @click="clickDocAgg(docAgg)"
-      class="doc-agg-item"
-    >
-      {{ docAgg.doc_name }}
-    </div>
-  </el-popover>
-</template>
-
-<script lang="ts" setup>
-import { defineProps, defineEmits, ref } from 'vue'
-import { XMarkdown } from 'vue-element-plus-x'
-const props = defineProps({
-  item: {
-    type: Object,
-    required: true
-  },
-  itemProps: {
-    type: Object,
-    required: true
-  }
-})
-const emit = defineEmits(['click-doc-agg'])
-const showDocAggVisible = ref(false)
-
-function showDocAgg() {
-  // 占位函数，点击图标时触发popover显示
-  showDocAggVisible.value = true
-}
-
-function clickDocAgg(docAgg: any) {
-  emit('click-doc-agg', docAgg)
-}
-
-function getAmbTipMarkdown(item: any, tipindex: any) {
-  debugger
-  if (!item.referenceChunks || item.referenceChunks.length === 0) {
-    return '无相关提示信息'
-  }
-  const index = parseInt(tipindex)
-  if (isNaN(index) || index < 0 || index >= item.referenceChunks.length) {
-    return '提示信息索引无效'
-  }
-  return item.referenceChunks[index].content || '无相关提示信息'
-}
-function getAmbTipSourceDoc(item: any, tipindex: any): any {
-  if (!item.referenceChunks || item.referenceChunks.length === 0) {
-    return '无相关提示信息'
-  }
-  const index = parseInt(tipindex)
-  if (isNaN(index) || index < 0 || index >= item.referenceChunks.length) {
-    return '提示信息索引无效'
-  }
-  if (item.referenceChunks[index]) {
-    return [
-      {
-        doc_name: item.referenceChunks[index].document_name,
-        doc_id: item.referenceChunks[index].document_id
-      }
-    ]
-  } else {
-    return []
-  }
-}
-</script>
-<style lang="css" scoped>
-@import url('./chat-embed.css');
-</style>

package/packages/chat-embed/src/chat-bubble-footer.vue

@@ -1,81 +0,0 @@
-<template>
-  <div class="footer-wrapper" v-if="item.role === 'ai' && !item.isRecommend && item.thinkingStatus !== 'thinking'">
-    <div class="footer-container">
-      <el-tooltip class="box-item" effect="dark" :content="$t('chatEmbed.regenerate')">
-        <el-button type="info" :icon="Refresh" size="small" circle @click="regenerateQuestion(item)" />
-      </el-tooltip>
-      <el-tooltip class="box-item" effect="dark" :content="$t('chatEmbed.copy')">
-        <el-button type="info" color="#626aef" :icon="DocumentCopy" size="small" circle @click="cpoyContent(item)" />
-      </el-tooltip>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { defineEmits, defineProps } from 'vue'
-import { Refresh, DocumentCopy } from '@element-plus/icons-vue'
-import { BubbleProps } from 'vue-element-plus-x/types/Bubble'
-import { ElMessage } from 'element-plus'
-import { useI18n } from 'vue-i18n'
-const { t } = useI18n()
-const props = defineProps({
-  item: {
-    type: Object,
-    required: true
-  }
-})
-const emits = defineEmits(['regenerate'])
-
-function regenerateQuestion(item: any) {
-  emits('regenerate', item)
-}
-function cpoyContent(item: BubbleProps) {
-  // 复制内容到剪贴板
-  if (!item.content) {
-    return
-  }
-  // 兼容处理：优先用 Clipboard API，其次用 execCommand
-  if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
-    navigator.clipboard.writeText(item.content).then(() => {
-      ElMessage({ message: t('chatEmbed.copySuccess'), type: 'success' })
-    })
-  } else {
-    // 已弃用，但目前 HTTP 下只能用这个
-    const textarea = document.createElement('textarea')
-    textarea.value = item.content
-    document.body.appendChild(textarea)
-    textarea.select()
-    try {
-      document.execCommand('copy')
-      ElMessage({ message: t('chatEmbed.copySuccess'), type: 'success' })
-    } catch (err) {
-      ElMessage({ message: '复制失败', type: 'error' })
-    }
-    document.body.removeChild(textarea)
-  }
-}
-</script>
-<style lang="css" scoped>
-.footer-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  width: 100%;
-
-  .footer-time {
-    font-size: 10px;
-    color: #999;
-    margin-top: 3px;
-    flex-shrink: 0;
-  }
-}
-
-.footer-container {
-  display: flex;
-  gap: 8px;
-
-  :deep(.el-button + .el-button) {
-    margin-left: 0;
-  }
-}
-</style>

package/packages/chat-embed/src/chat-embed-message.ts

@@ -1,76 +0,0 @@
-import { BubbleProps } from 'vue-element-plus-x/types/Bubble'
-import dayjs from 'dayjs'
-import { MessageItem, SubmitData, MESSAGE_STATUS } from './type'
-
-function getMessageTemplate(type: string, content: string, isRecommend: boolean, isThinking: boolean): MessageItem {
-  const role = type === 'ai' ? 'ai' : 'user'
-  const placement = role === 'ai' ? 'start' : 'end'
-  const key = new Date().getTime()
-  const loading = false
-  const shape = 'corner'
-  const variant = role === 'ai' ? 'filled' : 'outlined'
-  const isMarkdown = false
-  const typing = role === 'ai' ? true : false
-  const avatar =
-    role === 'ai'
-      ? 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png'
-      : '../../src/assets/chat-embed/avatar.png'
-  const message: MessageItem = {
-    isRecommend: isRecommend,
-    key,
-    role,
-    placement,
-    content,
-    showThinkingContent: false,
-    loading,
-    shape,
-    variant,
-    isMarkdown,
-    typing,
-    avatar,
-    noStyle: role === 'ai' ? true : false,
-    statusValue: 'end',
-    recommendations: [],
-    avatarSize: '24px',
-    sendTime: dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
-  }
-  if (role === 'ai') {
-    message.maxWidth = 'calc(100% - 60px)'
-    if (isThinking) {
-      message.thinkingContent = ''
-      message.thinkingStatus = MESSAGE_STATUS.THINKING
-      message.showThinkingContent = true
-    } else {
-      message.thinkingContent = null
-      message.thinkingStatus = MESSAGE_STATUS.NONE
-      message.showThinkingContent = false
-    }
-  }
-  return message
-}
-
-const defaultMessage = getMessageTemplate('ai', '😊 您好，我是平台小助手，您可以向我提出关于平台使用问题', true, false)
-
-function createUserMessage(submitData: SubmitData): MessageItem {
-  const message = getMessageTemplate('user', submitData.question, true, false)
-  if (submitData.additionalData?.length) {
-    Object.assign(message, {
-      additionalData: submitData.additionalData,
-      additionalDataLabel: submitData.additionalDataLabel,
-      menuName: submitData.menuName,
-      menuCode: submitData.menuCode
-    })
-  }
-  return message
-}
-
-function createAiMessage(submitData: SubmitData, isThinking: boolean): MessageItem {
-  const message = getMessageTemplate('ai', '', false, isThinking) as MessageItem
-  return Object.assign(message, {
-    question: submitData.question,
-    menuName: submitData.menuName,
-    menuCode: submitData.menuCode,
-    askAdditionalData: submitData.additionalData
-  })
-}
-export { getMessageTemplate, defaultMessage, createUserMessage, createAiMessage }

package/packages/chat-embed/src/chat-embed.css

@@ -1,207 +0,0 @@
-:deep(.chat-content-font),
-:deep(.chat-content-font) *,
-:deep(.el-bubble-content-wrapper .el-bubble-content),
-:deep(.chat-embed__main_content) {
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-}
-
-.slide-up-enter-active,
-.slide-up-leave-active {
-  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.slide-up-enter-from,
-.slide-up-leave-to {
-  transform: translateY(100%);
-}
-
-/**
- * 聊天窗口的样式设置
- */
-.chat-container {
-  --header-height: 56px;
-  --chat-padding: 12px;
-  --bubble-content-max-width: 0px;
-  position: fixed;
-  background-image: linear-gradient(to bottom, #f0f8ff, #ffffff);
-
-  overflow: hidden;
-  z-index: 100;
-  flex-direction: row; /* 横向排列 */
-  height: 100%; /* 父容器高度 */
-}
-
-.small-window {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  right: var(--chat-padding); /* 距离浏览器右边框12px */
-  bottom: var(--chat-padding); /* 距离浏览器下边框12px */
-  border-radius: 8px;
-  --main-content-height: calc(100vh - var(--chat-padding) * 2 - var(--header-height));
-}
-
-.full-screen {
-  right: 0;
-  bottom: 0;
-  --main-content-height: calc(100vh - var(--header-height));
-}
-
-.chat-container > * {
-  box-sizing: border-box; /* 确保 padding 和 border 不会影响宽度 */
-}
-
-/* 聊天窗口的头部样式设置
- */
-.chat-embed__header_container {
-  /* border-bottom: 1px solid #ddd; */
-  display: flex;
-  align-items: center;
-  /* background: linear-gradient(90deg, #ebf1ff 24.34%, #e5fbf8 56.18%, #f2ebfe 90.18%); */
-  height: var(--header-height);
-  line-height: var(--header-height);
-  overflow: hidden;
-  position: relative;
-}
-
-.session-subject {
-  display: block;
-  margin: 0 auto;
-  text-align: center;
-  font-family: PingFang SC, PingFang SC;
-  font-weight: 500;
-  font-size: 16px;
-  color: #181818;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-
-/* 聊天窗口的头部图标样式设置
- */
-.chat-embed__header_avatar {
-  margin-left: calc(var(--chat-padding) * 2);
-  margin-right: var(--chat-padding);
-}
-
-.chat-embed__header_tool_icon {
-  right: 20px;
-  position: absolute;
-  gap: 28px;
-  display: flex;
-}
-
-.chat-embed__sidebar {
-  background: #f6f7fa;
-  display: flex;
-  flex-direction: column; /* 设置为上下排列 */
-  border-right: 1px solid #ddd;
-  padding: 20px 12px;
-  width: 260px;
-  height: 100%;
-}
-.chat-embed__main {
-  padding: var(--chat-padding) var(--chat-padding) 0 var(--chat-padding);
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  height: var(--main-content-height);
-  flex: 1; /* 聊天内容区域占据剩余空间 */
-  overflow: hidden; /* 防止内容溢出 */
-}
-
-.chat-embed__main_content {
-  flex: 1;
-  box-sizing: border-box;
-  min-height: 0;
-  padding-bottom: var(--chat-padding); /* 与输入框保持10px间距 */
-  /* overflow-y: auto;
-  margin-bottom: 12px; */
-}
-
-.chat-embed__input_container {
-  flex-shrink: 0; /* 不允许收缩 */
-  /* margin-bottom: 50px; 距离底部 */
-}
-
-.header-icon {
-  cursor: pointer;
-  font-size: 20px;
-}
-
-/* 聊天默认推荐内容样式
- */
-.chat-embed__recommendation + .chat-embed__recommendation {
-  margin-top: 5px;
-}
-
-.content-container {
-  padding: 16px;
-  border-radius: 4px;
-  background: #ffffff;
-  box-shadow: 0px 0px 8px 0px rgba(153, 153, 153, 0.15);
-  border-radius: 0px 30px 30px 30px;
-  /* opacity: 0.6; */
-}
-
-.chat-content-font {
-  font-family: PingFang SC, PingFang SC;
-  font-weight: 500;
-  font-size: 16px;
-  color: #181818;
-  line-height: 32px;
-  text-align: justified;
-  font-style: normal;
-  text-transform: none;
-}
-
-:deep(.el-bubble-content-wrapper .el-bubble-content-outlined) {
-  border: none !important;
-}
-
-.content-container-header {
-  font-size: 12px;
-  color: #909399;
-}
-/**
-// 用户消息
- */
-.content-borderless-container {
-  background: #e1ecfd;
-  border-radius: 20px 0px 20px 20px;
-  user-select: none;
-  padding: 12px;
-  cursor: pointer;
-  transition: background-color 0.3s;
-  &:hover {
-    background-color: #ebeef5;
-  }
-}
-
-.footer-container {
-  :deep(.el-button + .el-button) {
-    margin-left: 8px;
-  }
-}
-
-.el-bubble-content-wrapper .el-bubble-content {
-  padding: 0;
-}
-/* 引用文件样式 */
-.doc-agg-item {
-  width: 100%;
-  padding: 10px;
-  margin-bottom: 5px;
-  border: 1px solid #eee;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 12px;
-  color: var(--el-color-primary);
-}
-
-.elx-xmarkdown-container {
-  padding: 0;
-}