perf(components/GoUserInfo): 覆盖external下的GoUserInfo

+import GoUserInfo from './index.vue';
+
+export { GoUserInfo };

+<template>
+  <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options">
+    <div class="user-info-box">
+      <person-icon v-if="fallback"></person-icon>
+      <n-avatar v-if="!fallback" round object-fit="cover" size="medium" :src="Person" @error="errorHandle"></n-avatar>
+    </div>
+  </n-dropdown>
+
+  <!-- 系统设置 model -->
+  <go-system-set v-model:modelShow="modelShow"></go-system-set>
+  <!-- 关于软件 model -->
+  <go-system-info v-model:modelShow="modelShowInfo"></go-system-info>
+</template>
+
+<script lang="ts" setup>
+import { h, ref, computed } from 'vue'
+import { NAvatar, NText } from 'naive-ui'
+import { renderIcon } from '@/utils'
+import { logout, renderLang } from '@/utils'
+import { GoSystemSet } from '@/components/GoSystemSet/index'
+import { GoSystemInfo } from '@/components/GoSystemInfo/index'
+import Person from './person.png'
+import { icon } from '@/plugins'
+import { useUserStore } from '@/store/external/modules/user'
+import { useSyncRemote } from '@/views/chart/hooks/external/useRemote.hook'
+const { ChatboxEllipsesIcon, PersonIcon, LogOutOutlineIcon, SettingsSharpIcon } = icon.ionicons5
+
+const t = window['$t']
+
+const { dataSyncUpdate } = useSyncRemote()
+
+const modelShowInfo = ref(false)
+const modelShow = ref(false)
+
+// 是否失败
+const fallback = ref(false)
+
+// 用户图标渲染
+const renderUserInfo = () => {
+  const userStoreOverride = useUserStore()
+  const { username, avatar } = userStoreOverride.getUserInfo
+  console.log(userStoreOverride.getUserInfo)
+  return h(
+    'div',
+    {
+      style: 'display: flex; align-items: center; padding: 8px 12px;'
+    },
+    [
+      h(NAvatar, {
+        round: true,
+        style: 'margin-right: 12px;',
+        src: Person
+      }),
+      h('div', null, [
+        h('div', null, [
+          h('div', null, [
+            h('div', null, [h(NText, { depth: 2 }, { default: () => (!username ? 'ThingsKit' : username) })])
+          ])
+        ])
+      ])
+    ]
+  )
+}
+const options = ref([
+  {
+    label: '我的信息',
+    key: 'info',
+    type: 'render',
+    render: renderUserInfo
+  },
+  {
+    type: 'divider',
+    key: 'd1'
+  },
+  {
+    label: renderLang('global.sys_set'),
+    key: 'sysSet',
+    icon: renderIcon(SettingsSharpIcon)
+  },
+  // THINGS_KIT 隐藏关于软件
+  // {
+  //   label: renderLang('global.contact'),
+  //   key: 'contact',
+  //   icon: renderIcon(ChatboxEllipsesIcon)
+  // },
+  {
+    type: 'divider',
+    key: 'd3'
+  },
+  {
+    label: '关闭并退出',
+    key: 'closePage',
+    icon: renderIcon(LogOutOutlineIcon)
+  }
+  // {
+  //   label: renderLang('global.logout'),
+  //   key: 'logout',
+  //   icon: renderIcon(LogOutOutlineIcon)
+  // }
+])
+
+// 图片渲染错误
+const errorHandle = (e: Event) => {
+  fallback.value = true
+}
+
+// 系统设置
+const sysSetHandle = () => {
+  modelShow.value = true
+}
+
+// 系统设置
+const sysInfoHandle = () => {
+  modelShowInfo.value = true
+}
+
+// THINGS_KIT 修改退出登录
+const userStore = useUserStore()
+const handleSelect = (key: string) => {
+  switch (key) {
+    case 'contact':
+      sysInfoHandle()
+      break
+    case 'sysSet':
+      sysSetHandle()
+      break
+    case 'closePage':
+      handleClosePage()
+      break
+    case 'logout':
+      // THINGS_KIT 修改退出登录
+      userStore.logout(true)
+      // logout()
+      break
+  }
+}
+
+const handleClosePage = () => {
+  //先保存当前页面数据
+  dataSyncUpdate()
+  //兼容Firefox Chrome
+  var userAgent = navigator.userAgent
+  if (userAgent.indexOf('Firefox') != -1 || userAgent.indexOf('Chrome') != -1) {
+    window.location.href = 'about:blank'
+    window.close()
+  } else {
+    window.opener = null
+    window.open('', '_self')
+    window.close()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.user-info-box {
+  cursor: pointer;
+  transform: scale(0.7);
+}
+</style>

@@ -17,5 +17,10 @@
 </template>
 </template>
 <script setup lang="ts">
 <script setup lang="ts">
 import { LayoutHeader } from '@/layout/components/LayoutHeader'
 import { LayoutHeader } from '@/layout/components/LayoutHeader'
-import { GoUserInfo } from '@/components/GoUserInfo'
+/**
+ * THINGS_KIT 升级版本这里有冲突
+ * 源文件 '@/components/GoUserInfo'
+ * 修改后 '@/components/external/GoUserInfo'
+ */
+import { GoUserInfo } from '@/components/external/GoUserInfo'
 </script>
 </script>