adspecs 0.1.12

package/references/web-ui/src/views/layout/components/TagsView.vue

@@ -0,0 +1,683 @@
+<template>
+  <div :class="['tags-view-container', { compact: isCompactLayout }]">
+    <div v-show="isCompactLayout" class="scroll-arrow left" :class="{ disabled: arrowHidden?.left }" @click="handleScrollTagViews('left')">
+      <el-icon>
+        <el-icon-d-arrow-left />
+      </el-icon>
+    </div>
+    <el-scrollbar ref="scrollPane" class="tags-view-wrapper scroll-container" :vertical="false" @scroll="handleScroll">
+      <span
+        v-for="tag in visitedViews"
+        :ref="getRefSetter('tag')"
+        class="tags-view-item"
+        :key="tag.fullPath"
+        tag="span"
+        custom
+        @click.middle="closeSelectedTag(tag)"
+        @contextmenu.stop="handleOpenContextmenu($event, tag)"
+      >
+        <span class="tags-view-item-content" @click="generatorPath(tag)" :class="{ active: isActive(tag), compact: isCompactLayout }">
+          {{ langTitle(tag) }}
+          <el-icon class="icon-more" @click.prevent.stop="handleOpenContextmenu($event, tag)" v-if="isCompactLayout">
+            <Close />
+          </el-icon>
+          <el-icon class="icon-close" @click.prevent.stop="closeSelectedTag(tag)" v-else>
+            <Close />
+          </el-icon>
+        </span>
+      </span>
+    </el-scrollbar>
+    <div
+      v-show="isCompactLayout"
+      class="scroll-arrow right"
+      :class="{ disabled: arrowHidden?.right }"
+      @click="handleScrollTagViews('right')"
+    >
+      <el-icon>
+        <el-icon-d-arrow-right />
+      </el-icon>
+    </div>
+
+    <v-contextmenu ref="contextmenu">
+      <v-contextmenu-item @click="closeSelectedTag(selectedTag)">
+        {{ $t('otherLang.close') }}
+      </v-contextmenu-item>
+      <v-contextmenu-item @click="closeOthersTags">
+        {{ $t('otherLang.closeOther') }}
+      </v-contextmenu-item>
+      <v-contextmenu-item @click="closeAllTags">
+        {{ $t('otherLang.closeAll') }}
+      </v-contextmenu-item>
+      <div v-if="selectedTag.meta.menuId">
+        <v-contextmenu-item v-if="canSetDefault" @click="setDefaultPage('set')">
+          {{ $t('otherLang.defaultSet') }}
+        </v-contextmenu-item>
+        <v-contextmenu-item v-else @click="setDefaultPage('cancel')">
+          {{ $t('otherLang.cancelDefaultSet') }}
+        </v-contextmenu-item>
+      </div>
+    </v-contextmenu>
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '@/utils/events.ts'
+import _config from '@/config'
+import { defaultMenuSave } from '@/api/app'
+import { handleScrollFromClick } from '@/views/layout/utils/scroll'
+import { formatDynamicFormPath } from '@/views/layout/utils/dynamicFormHelper'
+import { findActiveRoute } from '@/utils/routeHelper'
+import { directive, Contextmenu, ContextmenuItem } from 'v-contextmenu'
+import { getVisitedViews, setVisitedViews } from '@/utils/auth'
+import 'v-contextmenu/dist/themes/default.css'
+
+// tagAndTagSpacing
+const tagAndTagSpacing = 4
+// 主页路由信息
+const HOME_PAGE_ROUTE = {
+  title: '主页',
+  enTitle: 'home',
+  path: '/home',
+  fullPath: '/home',
+  query: {},
+  meta: {
+    title: '主页',
+    enTitle: 'Home',
+    icon: 'menu',
+    noCache: true,
+    isMainRouteMenu: true,
+    isBootstrap: true
+  }
+}
+
+export default {
+  // directives: {
+  // contextmenu: directive,
+  // },
+  components: {
+    [Contextmenu.name]: Contextmenu,
+    [ContextmenuItem.name]: ContextmenuItem
+  },
+  data() {
+    return {
+      top: 0,
+      left: 0,
+      selectedTag: {},
+      // 页签容器
+      // 外部容器
+      scrollPane: null,
+      // 滚动容器
+      scrollWrapper: null,
+      // 页签项
+      $tagItems: null,
+      // 左右箭头显示
+      arrowHidden: { left: true, right: true },
+      // tag标签在关闭之间的钩子集合
+      TAG_CLOSE_BEFORE: {}
+    }
+  },
+  computed: {
+    visitedViews() {
+      return this.$store.state.tagsView.visitedViews
+    },
+    canSetDefault() {
+      const defaultMenu = JSON.parse(window.sessionStorage.getItem('defaultMenu'))
+      return defaultMenu?.menuId === '' || defaultMenu?.menuId !== this.selectedTag?.meta?.menuId
+    },
+    isCompactLayout() {
+      return this.$store.getters.layoutConfig === 'compact'
+    },
+    enableCloseInterception() {
+      return this.$store.state.tagsView.enableCloseInterception
+    }
+  },
+  watch: {
+    $route: {
+      deep: true,
+      handler(route) {
+        this.handleAddTagFromRouteChange(route)
+      },
+
+      immediate: true
+    },
+    '$i18n.locale'() {
+      this.handleAddTagFromRouteChange(this.$route)
+    }
+  },
+  created() {
+    $on(this.$bus, 'close-tag', (view, toLatest) => {
+      this.closeSelectedTag(view, toLatest)
+    })
+    // fix：修复使用this.$bus.$emit('close-tag', this.$route)关闭当前页签不生效的问题
+    this.$bus.$on('close-tag', (view, toLatest) => {
+      this.closeSelectedTag(view, toLatest)
+    })
+  },
+  mounted() {
+    this.scrollPane = this.$refs.scrollPane.wrapRef
+    this.scrollWrapper = this.$refs.scrollPane.wrapRef
+    $on(this.$bus, 'close-tag-from-micro', this.closeSelectedTag)
+    $on(this.$bus, 'close-tag-before-micro', (path, callback) => {
+      this.TAG_CLOSE_BEFORE[path] = callback
+    })
+  },
+  beforeUnmount() {
+    $off(this.$bus, 'close-tag-from-micro')
+    $off(this.$bus, 'close-tag-before-micro')
+  },
+  methods: {
+    handleScroll(e) {
+      // const eventDelta = e.wheelDelta || -e.deltaY * 40
+      // this.scrollWrapper.scrollLeft = this.scrollWrapper?.scrollLeft - eventDelta / 4
+      this.calcScrollArrowHidden()
+    },
+    moveToTarget(currentTag) {
+      const $containerWidth = this.scrollPane?.offsetWidth
+      const tagList = this.$arrRefs.tag
+
+      let firstTag = null
+      let lastTag = null
+
+      // find first tag and last tag
+      if (tagList.length && tagList.length > 0) {
+        firstTag = tagList[0]
+        lastTag = tagList[tagList.length - 1]
+      }
+
+      if (firstTag === currentTag) {
+        this.scrollWrapper.scrollLeft = 0
+      } else if (lastTag === currentTag) {
+        this.scrollWrapper.scrollLeft = this.scrollWrapper.scrollWidth - $containerWidth
+      } else {
+        // find preTag and nextTag
+        const currentIndex = tagList.findIndex(item => item === currentTag)
+        const prevTag = tagList[currentIndex - 1]
+        const nextTag = tagList[currentIndex + 1]
+        // the tag's offsetLeft after of nextTag
+        // const afterNextTagOffsetLeft = nextTag?.$el?.offsetLeft + nextTag.$el?.offsetWidth + tagAndTagSpacing
+        // // the tag's offsetLeft before of prevTag
+        // const beforePrevTagOffsetLeft = prevTag?.$el?.offsetLeft - tagAndTagSpacing
+        // 新版修改
+        // the tag's offsetLeft after of nextTag
+        const afterNextTagOffsetLeft = nextTag?.offsetLeft + nextTag?.offsetWidth + tagAndTagSpacing
+        // the tag's offsetLeft before of prevTag
+        const beforePrevTagOffsetLeft = prevTag?.offsetLeft - tagAndTagSpacing
+
+        if (afterNextTagOffsetLeft > this.scrollWrapper?.scrollLeft + $containerWidth) {
+          this.scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth
+        } else if (beforePrevTagOffsetLeft < this.scrollWrapper?.scrollLeft) {
+          this.scrollWrapper.scrollLeft = beforePrevTagOffsetLeft
+        }
+      }
+      this.calcScrollArrowHidden()
+    },
+    // 页签变化是，判断是否需要禁用左右两端的箭头（紧凑式布局）
+    calcScrollArrowHidden() {
+      // 滚动滑轮时，判断是否到两端
+      this.arrowHidden.left = this.scrollWrapper?.scrollLeft === 0
+      this.arrowHidden.right = this.scrollWrapper?.scrollWidth - this.scrollWrapper?.offsetWidth <= this.scrollWrapper?.scrollLeft
+    },
+    // 本地保存标签记录, 防止刷新后消失
+    localSave() {
+      const visitedViews = this.visitedViews.map(({ title, path, query, fullPath, enTitle, meta }) => ({
+        title,
+        path,
+        query,
+        fullPath,
+        enTitle,
+        meta
+      }))
+      setVisitedViews(visitedViews)
+    },
+    // 获取tagviews的sessionStorage缓存
+    getTagsLocal() {
+      let localViews = getVisitedViews()
+      try {
+        // 有缓存的tag信息，检查有没有包含主页
+        const tags = JSON.parse(localViews)
+        return tags
+      } catch (error) {
+        return []
+      }
+    },
+    isActive(route) {
+      let path = formatDynamicFormPath(route)
+      const VUE_SUBPATH = window.VUE_SUBPATH ?? '/'
+      let pattern = VUE_SUBPATH.replace(/\/$/, '')
+      if (pattern) {
+        const regex = new RegExp('^' + pattern)
+        path = path.replace(regex, '')
+      }
+      if (route.query?.isMultiTag) {
+        return route.fullPath === this.$route.fullPath
+      }
+      return path === this.$route.path || path === this.$route.fullPath
+    },
+    initTags() {
+      let localViews = getVisitedViews()
+      // 默认添加主页标签
+      if (!localViews) {
+        localViews = [_.cloneDeep(HOME_PAGE_ROUTE)]
+        this.$store.commit('SET_TAGS_VIEWS', localViews)
+      } else {
+        // 有缓存的tag信息，检查有没有包含主页
+        const localViewsObj = JSON.parse(localViews)
+        if (!localViewsObj.some(view => view.path === '/home')) {
+          localViewsObj.unshift(_.cloneDeep(HOME_PAGE_ROUTE))
+        }
+        this.$store.commit('SET_TAGS_VIEWS', localViewsObj)
+      }
+    },
+    // 监听动态路由变化，添加动态路由的页签
+    handleAddTagFromRouteChange(currentRoute) {
+      let activeMenu = findActiveRoute(currentRoute)
+      let target = undefined
+      try {
+        // 先去缓存查找是否有匹配的路由，防止刷新之后拿到的activeMenu没有相关的meta信息
+        let localeVistedViews = JSON.parse(getVisitedViews() || '[]')
+        target = localeVistedViews?.find(item => currentRoute.fullPath === item.fullPath)
+        activeMenu = { ...activeMenu, ...target }
+
+        // Tag 告诉子应用，当前路由信息
+        this.$microProps.setGlobalState({
+          tag: { ...JSON.parse(JSON.stringify(activeMenu)), timeStamp: new Date().getTime() }
+        })
+      } catch (error) {
+        console.log(error)
+      }
+      // 找到了路由信息，执行添加页签操作和缓存操作
+      // fix 路由变化修改浏览器页签标题
+      if (activeMenu) {
+        this.setCurrentRouteInfo({ ...currentRoute, ...activeMenu })
+      }
+    },
+    async setCurrentRouteInfo(route) {
+      this.setDocumentTitle(route)
+      // fix 缓存对 tag view 信息添加URL里对params
+      // TODO 23/07/04 先去掉最后的斜杆
+      let result = location.pathname
+      const VUE_SUBPATH = window.VUE_SUBPATH ?? '/'
+      let pattern = VUE_SUBPATH.replace(/\/$/, '')
+      if (pattern) {
+        const regex = new RegExp('^' + pattern + '+')
+        // 还原最初的路由
+        result = location.pathname.replace(regex, '')
+      }
+      const view = { ...route, originPath: result + location.search }
+      await this.$store.dispatch('addView', view)
+      await this.moveToCurrentTag(route)
+      this.localSave()
+      this.initTags()
+    },
+    // 设置浏览器标题
+    setDocumentTitle(route) {
+      const { systemTitle, systemName, systemEnName = '{}' } = JSON.parse(this.$store.state.app.systemSetting)
+      const {
+        menuName,
+        menuEnName,
+        meta: { title, enTitle }
+      } = route
+      const { locale } = this.$i18n
+      // 系统标题
+      const browserTitle = JSON.parse(systemEnName)?.[locale] || systemTitle || systemName || ''
+      // 页面标题
+      let pageTitle = menuName || title
+      if (pageTitle === '微应用') pageTitle = ''
+      try {
+        const menuLanguageObject = JSON.parse(menuEnName)
+        if (_.isObject(menuLanguageObject)) {
+          pageTitle = menuLanguageObject[locale] || menuName || enTitle
+        }
+      } catch (err) {}
+      document.title = pageTitle ? `${browserTitle}-${pageTitle}` : browserTitle
+    },
+    // 紧凑布局下，点击三个点打开菜单
+    handleOpenContextmenu(e, tag) {
+      e?.preventDefault?.()
+      if (this.isCompactLayout && e.type === 'contextmenu') return
+      this.selectedTag = tag
+      this.$refs?.contextmenu.show({ top: e.clientY, left: e.clientX })
+      this.$nextTick(() => {
+        document.addEventListener('click', this.closeContextMenu)
+      })
+    },
+    closeContextMenu(e) {
+      const point = e?.target
+      const contextmenuElement = this.$refs.contextmenu?.contextmenuRef
+      if (!(point && contextmenuElement?.contains?.(point))) {
+        this.$refs?.contextmenu?.hide()
+        this.$nextTick(() => {
+          document.removeEventListener('click', this.closeContextMenu)
+        })
+      }
+    },
+    async moveToCurrentTag(route) {
+      await this.$nextTick()
+      const tags = this.$arrRefs.tag
+      // console.log(tags, route.title)
+      // const tag = tags.find(item => item.to?.path === route?.path || item.to?.path === route?.fullPath)
+      const tag = tags.find(item => {
+        return item.to?.path === route?.path || item.to?.path === route?.fullPath || item?.innerText === route?.title
+      })
+      this.moveToTarget(tag)
+    },
+    // 动态表单手动替换 :formId 为真实 id
+    generatorPath(to) {
+      this.$router.push({
+        path: formatDynamicFormPath(to),
+        query: to.query,
+        fullPath: to.fullPath
+      })
+    },
+    // 处理点击箭头滚动事件
+    async handleScrollTagViews(direction) {
+      // if (!this.arrowHidden[direction]) return
+      const tagItems = this.$arrRefs.tag.map(item => item)
+      this.arrowHidden = await handleScrollFromClick(this.scrollPane, this.scrollWrapper, tagItems, direction)
+    },
+    async closeSelectedTag(view, toLatest) {
+      if (view.path === '/home' && this.visitedViews.length === 1) return
+      // 子级页面可以通过Error进行中断处理
+      if (this.enableCloseInterception && this.TAG_CLOSE_BEFORE[view.path]) {
+        const bool = await this.TAG_CLOSE_BEFORE[view.path](view)
+        if (bool === false) {
+          return false
+        }
+      }
+      this.$store.dispatch('delView', view).then(({ visitedViews }) => {
+        if (this.isActive(view)) {
+          if (!toLatest) {
+            const latestView = visitedViews.slice(-1)[0]
+            if (latestView) {
+              this.$router.push({
+                path: formatDynamicFormPath(latestView),
+                query: { ...latestView.query }
+              })
+            } else {
+              this.$router.push('/home')
+            }
+          }
+        }
+
+        /**
+         * @description: 触发bug监听 需要放在localSave函数前 避免获取不到缓存tag旧值
+         * @tag {Object} 当前关闭的tag对象
+         * @oldTags {Array} 删除前的tag集合 sessionStorage取的值
+         * @newTags {Array} 删除后的tag集合 $store.state.tagsView.visitedViews取的值
+         */
+        $emit(this.$bus, 'close-selected-tag', {
+          tag: { ...view },
+          oldTags: this.getTagsLocal(),
+          newTags: visitedViews
+        })
+
+        this.localSave()
+      })
+    },
+    async closeOthersTags() {
+      // 删除关闭之前回调信息
+      const otherTag = this.visitedViews.filter(item => item.fullPath !== this.selectedTag.fullPath)
+
+      otherTag.forEach(item => {
+        delete this.TAG_CLOSE_BEFORE[item.path]
+      })
+
+      this.$store.dispatch('delOthersViews', this.selectedTag).then(({ visitedViews }) => {
+        /**
+         * @description: 触发bug监听 需要放在localSave函数前 避免获取不到缓存tag旧值
+         * @otherTag {Array} 删除当前tag的其余tag集合
+         * @oldTags {Array} 删除前的tag集合 sessionStorage取的值
+         * @newTags {Array} 删除后的tag集合 $store.state.tagsView.visitedViews取的值
+         */
+        $emit(this.$bus, 'close-other-tags', {
+          otherTag: [...otherTag],
+          oldTags: this.getTagsLocal(),
+          newTags: visitedViews
+        })
+
+        this.moveToCurrentTag(this.selectedTag)
+
+        this.localSave()
+      })
+      if (this.selectedTag.meta.menuId && this.selectedTag.meta.menuId !== this.$store.state.app.menuId) {
+        await this.$router.push(this.selectedTag)
+      }
+    },
+    async closeAllTags() {
+      const allTag = this.visitedViews
+
+      await this.$store.dispatch('delAllViews')
+      // 删除所有的关闭之前回调信息
+      Object.keys(this.TAG_CLOSE_BEFORE).forEach(key => {
+        delete this.TAG_CLOSE_BEFORE[key]
+      })
+      /**
+       * @description: 触发bug监听 需要放在localSave函数前 避免获取不到缓存tag旧值
+       * @allTag {Array} 删除前的tag集合 $store.state.tagsView.visitedViews取的值
+       * @oldTags {Array} 删除前的tag集合 sessionStorage取的值
+       * @newTags {Array} 删除后的tag集合 $store.state.tagsView.visitedViews取的值
+       */
+      $emit(this.$bus, 'close-all-tags', {
+        allTag: [...allTag],
+        oldTags: this.getTagsLocal(),
+        newTags: this.visitedViews
+      })
+
+      this.localSave()
+      await this.$router.push('/home')
+    },
+    // 设为默认页面
+    // type: set: 设置、cancel: 取消
+    async setDefaultPage(type) {
+      const menuId = type === 'set' ? this.selectedTag?.meta?.menuId ?? '' : ''
+      let params = {
+        params: {
+          menuId,
+          systemCode: _config.systemCode,
+          routePath: this.selectedTag.path
+        }
+      }
+      try {
+        const res = await defaultMenuSave(params)
+        if (this.reqIsSucceed(res)) {
+          if (res.msg) {
+            window.sessionStorage.setItem('defaultMenu', JSON.stringify(params.params))
+            this.$message.success(res.msg)
+          }
+        }
+      } catch (error) {}
+    },
+    getRefSetter(refKey) {
+      return ref => {
+        !this.$arrRefs && (this.$arrRefs = {})
+        !this.$arrRefs[refKey] && (this.$arrRefs[refKey] = [])
+        ref && this.$arrRefs[refKey].push(ref)
+      }
+    }
+  },
+  beforeUpdate() {
+    this.$arrRefs && (this.$arrRefs = {})
+  },
+  emits: ['close-selected-tag', 'close-other-tags', 'close-all-tags']
+}
+</script>
+
+<style lang="scss" scoped>
+.scroll-container {
+  white-space: nowrap;
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+
+  // ::v-deep .el-scrollbar__bar {
+  //   bottom: 0;
+
+  //   .el-scrollbar__wrap {
+  //     //height: 53px;
+  //   }
+  // }
+}
+
+.tags-view-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--size-small-2);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
+
+  ::v-deep .el-scrollbar__bar.is-horizontal {
+    opacity: 0; // 隐藏滚动条
+  }
+  // .el-scrollbar__wrap::-webkit-scrollbar {
+  //   display: none;
+  // }
+
+  &.compact {
+    padding-right: 42px;
+    height: var(--size-small-2);
+    background-color: #ffffff;
+    box-shadow: 4px 0 10px 0 rgba(62, 72, 128, 0.22);
+
+    .tags-view-wrapper {
+      .tags-view-item {
+        border-right: 1px solid #eef0f5;
+
+        &:first-of-type {
+          margin-left: 0;
+        }
+
+        &:last-of-type {
+          margin-right: 0;
+        }
+
+        .tags-view-item-content {
+          margin: 0;
+          padding: 0 12px;
+          line-height: 32px;
+          border-top: none;
+          border-radius: 0;
+
+          .icon-more {
+            width: auto;
+            height: auto;
+            padding: 4px;
+            transform: rotate(90deg);
+            border-radius: 50%;
+            box-sizing: border-box !important;
+
+            &:hover {
+              background-color: #b4bccc;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .scroll-arrow {
+    flex: 0 0 30px;
+    height: var(--size-small-2);
+    line-height: var(--size-small-2);
+    text-align: center;
+    cursor: pointer;
+
+    &.left {
+      border-right: 1px solid #eef0f5;
+    }
+
+    &.right {
+      border-left: 1px solid #eef0f5;
+    }
+
+    &.disabled {
+      cursor: default;
+    }
+
+    &:not(.disabled):hover {
+      color: var(--el-color-primary);
+    }
+  }
+
+  .tags-view-wrapper {
+    flex: 1;
+    background-color: #fff;
+
+    .tags-view-item {
+      display: inline-block;
+
+      &:not(:first-of-type) {
+        border-left: 1px solid var(--color-bg-1);
+      }
+
+      .tags-view-item-content {
+        // display: inline-block;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 32px;
+        line-height: 32px;
+        padding: 0 8px;
+        color: var(--color-text-main);
+        background: #fff;
+        font-size: 12px;
+        cursor: pointer;
+
+        .icon-close:hover {
+          background-color: var(--el-color-primary);
+        }
+
+        &.active {
+          color: var(--el-color-primary);
+          background-color: var(--el-color-primary-light-9);
+        }
+
+        .icon-close {
+          width: 14px;
+          height: 14px;
+          vertical-align: 0;
+          border-radius: 50%;
+          text-align: center;
+          transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+          transform-origin: 100% 50%;
+          margin-left: 8px;
+          font-size: 14px;
+          background-color: var(--color-bg-3);
+          color: #fff;
+
+          &::before {
+            content: '';
+            transform: scale(0.8);
+            display: inline-block;
+            vertical-align: 0;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.v-contextmenu {
+  margin: 0;
+  background: #fff;
+  z-index: 9999;
+  position: absolute;
+  list-style-type: none;
+  padding: 5px 0;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #333;
+  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
+
+  .v-contextmenu-item {
+    margin: 0;
+    padding: 7px 16px;
+
+    &.v-contextmenu-item--hover {
+      background: var(--el-color-primary);
+    }
+  }
+}
+</style>

package/references/web-ui/src/views/layout/components/chatGPT/image/stop.svg

@@ -0,0 +1 @@
+<svg t="1685701109804" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15998" width="128" height="128"><path d="M45.96622222 45.96622222m64.72691317 0l802.61372922 0q64.72691317 0 64.72691317 64.72691317l0 802.61372922q0 64.72691317-64.72691317 64.72691317l-802.61372922 0q-64.72691317 0-64.72691317-64.72691317l0-802.61372922q0-64.72691317 64.72691317-64.72691317Z" fill="#d81e06" p-id="15999"></path></svg>

package/references/web-ui/src/views/layout/components/chatGPT/index.js

@@ -0,0 +1,7 @@
+import GsGpt from './index.vue'
+
+GsGpt.install = Vue => {
+    Vue.component(GsGpt.name, GsGpt)
+}
+
+export default GsGpt