agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp31

package/packages/chat-embed/src/components/history-detail.vue

@@ -1,150 +0,0 @@
-<template>
-  <el-dialog
-    v-model="dialogVisible"
-    destroy-on-close
-    title="历史记录"
-    width="80%"
-    top="3vh"
-    :close-on-click-modal="false"
-    @close="closeDialog"
-  >
-    <div style="overflow: hidden">
-      <div class="operation-area" style="display: flex">
-        <el-button type="danger" @click="batchDelete">删除</el-button>
-      </div>
-      <super-grid
-        ref="gridRef"
-        :custom-formatter="{ operation: showOperation, preview: showPreview }"
-        :options="{
-          resizeHeight: resizeHeight,
-          lineEditOptions: {},
-          statementDto: {},
-          renderRow: {},
-          search: {
-            labelWidth: '100px',
-            fieldNum: 2
-          }
-        }"
-        :url="baseAPI + '/mc/ai-history/list-all'"
-        code="MC_AI_HISTORY"
-        @select="select"
-        @select-all="select"
-      />
-    </div>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button type="primary" @click="dialogVisible = false"> 关闭 </el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-<script setup lang="ts">
-import { ref, defineExpose, emit } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { useI18n } from 'vue-i18n'
-import { deleteByIds } from '../util/history-message-util.ts'
-const emit = defineEmits(['new-chat-session'])
-const { t } = useI18n()
-const dialogVisible = ref(false)
-const baseAPI = window.$vueApp.config.globalProperties.baseAPI
-
-const multipleSelection = ref([])
-const gridRef = ref()
-
-function showHistoryDetail() {
-  dialogVisible.value = true
-}
-
-function closeDialog() {
-  dialogVisible.value = false
-  emit('new-chat-session')
-}
-
-function select(selection: any, row: any) {
-  multipleSelection.value = selection
-}
-
-function resizeHeight() {
-  return window.innerHeight * 0.55
-}
-
-function batchDelete() {
-  if (!multipleSelection.value || multipleSelection.value.length === 0) {
-    ElMessage({
-      showClose: true,
-      type: 'warning',
-      message: '请选择记录'
-    })
-    return
-  }
-  ElMessageBox.confirm(t('imatrixUIMessage.whetherToConfirmDeletion'), t('imatrixUIMessage.tips'), {
-    confirmButtonText: t('publicModel.sure'),
-    cancelButtonText: t('publicModel.cancel'),
-    type: 'warning'
-  }).then(() => {
-    const deleteIds = multipleSelection.value.map((item: any) => item.id || item.ID)
-    deleteByIds(deleteIds)?.then((res: any) => {
-      ElMessage({
-        showClose: true,
-        type: 'success',
-        message: t('superGrid.deleteSuccessful')
-      })
-      gridRef.value.refresh()
-      multipleSelection.value = []
-    })
-  })
-}
-
-function showPreview(originalValue, formatValue, row, column, rowIndex) {
-  let template = '<div style="text-align:center;"><span>' + row.iconFileName + '</span></div>'
-  return {
-    template,
-    data: function () {
-      return { val: 'test' }
-    },
-    methods: {}
-  }
-}
-
-function showOperation(originalValue, formatValue, row, column, rowIndex) {
-  return {
-    template:
-      '<el-button v-if="' +
-      !row.$editing +
-      '"  v-permission="\'bs.aiVoiceCommand.delete\'" text  @click.stop="deleteHistory">' +
-      t('publicModel.delete') +
-      '</el-button>',
-    data: function () {
-      return {}
-    },
-    methods: {
-      selectIconFile() {},
-      saveRow: function () {},
-      restoreRow: function () {
-        gridRef.value.restoreRow(rowIndex)
-      },
-      editCommand: function () {},
-      deleteHistory: function () {
-        ElMessageBox.confirm(t('message.whetherToConfirmDeletion'), t('message.tips'), {
-          confirmButtonText: t('publicModel.sure'),
-          cancelButtonText: t('publicModel.cancel'),
-          type: 'warning'
-        }).then(() => {
-          deleteByIds([row.id || row.ID]).then(() => {
-            ElMessage.success('已删除该会话')
-            gridRef.value.refresh()
-          })
-        })
-      }
-    }
-  }
-}
-defineExpose({
-  showHistoryDetail
-})
-</script>
-<style scoped>
-.el-dialog__header {
-  padding-bottom: 0px;
-}
-</style>

package/packages/chat-embed/src/header.vue

@@ -1,147 +0,0 @@
-<template>
-  <div ref="chatHeaderRef" class="chat-embed__header_container">
-    <!-- <el-avatar class="chat-embed__header_avatar" :size="30" :fit="'cover'">
-      <img :src="avatarUrl" alt="AI Avatar" />
-    </el-avatar>
-    <h4>{{ t('chatEmbed.name') }}</h4> -->
-    <span v-if="dialogFullScreen" class="session-subject">{{ aiHistory?.subject }}</span>
-    <div class="chat-embed__header_tool_icon">
-      <!-- <el-tooltip class="box-item" effect="dark" :content="t('chatEmbed.newChat')">
-        <span class="header-icon">
-          <SuperIcon @click="newChatSession" iconValue="amb-icon-xinjianhuihua" />
-        </span>
-      </el-tooltip>
-      <el-tooltip class="box-item" effect="dark" :content="$t('chatEmbed.history')">
-        <span class="header-icon"><SuperIcon iconValue="amb-icon-lishihuihua" @click="viewHistory" /></span>
-      </el-tooltip> -->
-      <el-tooltip class="box-item" effect="dark" :content="'查看所有历史会话'">
-        <span class="header-icon" @click="showHistoryDetail">
-          <SuperIcon iconValue="amb-icon-yulan" />
-        </span>
-      </el-tooltip>
-      <el-tooltip
-        v-if="chatSessionId[aiModel]"
-        class="box-item"
-        effect="dark"
-        :content="aiHistory?.useful ? '取消标记为有用' : '标记为有用'"
-      >
-        <span class="header-icon" @click="usefulHistory">
-          <el-icon v-if="aiHistory?.useful"><FolderRemove /></el-icon>
-          <SuperIcon v-else iconValue="amb-icon-youyong" />
-        </span>
-      </el-tooltip>
-      <el-tooltip
-        v-if="chatSessionId[aiModel]"
-        class="box-item"
-        effect="dark"
-        :content="aiHistory?.collected ? '取消收藏' : '收藏会话'"
-      >
-        <span class="header-icon" @click="collectHistory">
-          <el-icon v-if="aiHistory?.collected"><StarFilled /></el-icon>
-          <SuperIcon v-else iconValue="amb-icon-shoucang" />
-        </span>
-      </el-tooltip>
-      <el-tooltip
-        class="box-item"
-        effect="dark"
-        :content="dialogFullScreen ? t('chatEmbed.minimize') : t('chatEmbed.fullscreen')"
-      >
-        <span class="header-icon">
-          <SuperIcon :iconValue="dialogFullScreen ? 'amb-icon-fangda' : 'amb-icon-suoxiao'" @click="expandDialog" />
-        </span>
-      </el-tooltip>
-      <el-tooltip class="box-item" effect="dark" :content="t('chatEmbed.close')">
-        <span class="header-icon">
-          <SuperIcon @click="showChatDialog" iconValue="amb-icon-guanbi" />
-        </span>
-      </el-tooltip>
-    </div>
-    <HistoryDetail ref="historyDetailRef" @new-chat-session="newChatSession" />
-  </div>
-</template>
-<script setup lang="ts">
-import { defineProps, defineEmits, ref } from 'vue'
-import { useI18n } from 'vue-i18n'
-import avatarUrl from '../../../src/assets/chat-embed/robot.svg?url'
-import HistoryDetail from './components/history-detail.vue'
-import { collectBySessionId, usefuleBySessionId } from './util/history-message-util.ts'
-import { ElMessage } from 'element-plus'
-import { Star, MoreFilled, StarFilled, FolderChecked, Pointer, FolderRemove } from '@element-plus/icons-vue'
-const { t } = useI18n()
-const props = defineProps({
-  dialogFullScreen: {
-    type: Boolean,
-    default: false
-  },
-  aiModel: {
-    type: String,
-    default: null
-  },
-  chatSessionId: {
-    type: Object,
-    default: null
-  },
-  aiHistory: {
-    type: Object,
-    default: null
-  }
-})
-const emit = defineEmits(['showChatDialog', 'expandDialog', 'new-chat-session', 'collected-session'])
-const historyDetailRef = ref<InstanceType<typeof HistoryDetail> | null>(null)
-
-function expandDialog() {
-  emit('expandDialog')
-}
-
-function showChatDialog() {
-  emit('showChatDialog')
-}
-
-function newChatSession() {
-  emit('new-chat-session')
-}
-
-function viewHistory() {
-  alert('暂未开放！')
-}
-function collectHistory() {
-  debugger
-  if (!props.chatSessionId) {
-    return
-  }
-  if (props.aiModel && props.chatSessionId[props.aiModel]) {
-    collectBySessionId(props.chatSessionId[props.aiModel]).then(() => {
-      props.aiHistory.collected = !props.aiHistory.collected
-      if (props.aiHistory.collected) {
-        ElMessage.success('已收藏该会话')
-      } else {
-        ElMessage.success('已取消收藏该会话')
-      }
-      emit('collected-session')
-    })
-  }
-}
-
-function usefulHistory() {
-  if (!props.chatSessionId) {
-    return
-  }
-  if (props.aiModel && props.chatSessionId[props.aiModel]) {
-    usefuleBySessionId(props.chatSessionId[props.aiModel]).then(() => {
-      props.aiHistory.useful = !props.aiHistory.useful
-      if (props.aiHistory.useful) {
-        ElMessage.success('已标记该会话有用')
-      } else {
-        ElMessage.success('已取消标记该会话有用')
-      }
-    })
-  }
-}
-
-function showHistoryDetail() {
-  historyDetailRef.value?.showHistoryDetail()
-}
-</script>
-<style scoped>
-@import url('./chat-embed.css');
-</style>