Merge branch 'ft' into 'main'

pref:隐藏工作空间修改，工作空间后面显示大屏设计器名字

See merge request yunteng/thingskit-view!4

@@ -90,12 +90,10 @@ const selectValue = ref('')
 //TODO待封装 成传文件夹名字获取下面所有图片
 //TODO待封装 成传文件夹名字获取下面所有图片
 const getFetchImages = () => {
 const getFetchImages = () => {
   const imagesModules = import.meta.globEager('@/assets/external/headbackground/*')
   const imagesModules = import.meta.globEager('@/assets/external/headbackground/*')
-  for (const key in imagesModules) {
-    selectBgOptions.value.push({
-      label: imagesModules[key]?.default.slice(25),
-      value: imagesModules[key]?.default
-    })
-  }
+  selectBgOptions.value = Object.keys(imagesModules).map(item => ({
+    label: imagesModules[item]?.default.split('/').at(-1),
+    value: imagesModules[item]?.default
+  }))
 }
 }
 getFetchImages()
 getFetchImages()
 
 

@@ -151,7 +151,7 @@ export enum PackagesCategoryEnum {
   INFORMATIONS = 'Informations',
   INFORMATIONS = 'Informations',
   DECORATES = 'Decorates',
   DECORATES = 'Decorates',
   // THINGS_KIT
   // THINGS_KIT
-  COMPOSES = 'Composes',
+  COMPOSES = 'external/Composes',
 }
 }
 
 
 // 包分类名称
 // 包分类名称

@@ -168,12 +168,10 @@ const selectBgOptions = ref<Array<SelectOption>>([])
 //TODO待封装 成传文件夹名字获取下面所有图片
 //TODO待封装 成传文件夹名字获取下面所有图片
 const getFetchImages = () => {
 const getFetchImages = () => {
   const imagesModules = import.meta.globEager('@/assets/external/background/*')
   const imagesModules = import.meta.globEager('@/assets/external/background/*')
-  for (const key in imagesModules) {
-    selectBgOptions.value.push({
-      label: imagesModules[key]?.default.slice(25),
-      value: imagesModules[key]?.default
-    })
-  }
+  selectBgOptions.value = Object.keys(imagesModules).map(item => ({
+    label: imagesModules[item]?.default.split('/').at(-1),
+    value: imagesModules[item]?.default
+  }))
 }
 }
 getFetchImages()
 getFetchImages()
 
 

@@ -3,16 +3,17 @@
     <n-icon size="20" :depth="3">
     <n-icon size="20" :depth="3">
       <fish-icon></fish-icon>
       <fish-icon></fish-icon>
     </n-icon>
     </n-icon>
+    <!-- THINGS_KIT -->
     <n-text @click="handleFocus">
     <n-text @click="handleFocus">
       工作空间 -
       工作空间 -
-      <n-button v-show="!focus" secondary round size="tiny">
+      <n-button  secondary round size="tiny">
         <span class="title">
         <span class="title">
           {{ comTitle }}
           {{ comTitle }}
         </span>
         </span>
       </n-button>
       </n-button>
     </n-text>
     </n-text>
 
 
-    <n-input
+    <!-- <n-input
       v-show="focus"
       v-show="focus"
       ref="inputInstRef"
       ref="inputInstRef"
       size="small"
       size="small"
@@ -24,12 +25,12 @@
       v-model:value.trim="title"
       v-model:value.trim="title"
       @keyup.enter="handleBlur"
       @keyup.enter="handleBlur"
       @blur="handleBlur"
       @blur="handleBlur"
-    ></n-input>
+    ></n-input> -->
   </n-space>
   </n-space>
 </template>
 </template>
 
 
 <script setup lang="ts">
 <script setup lang="ts">
-import { ref, nextTick, computed } from 'vue'
+import { ref, nextTick, computed,watchEffect } from 'vue'
 import { fetchRouteParamsLocation, setTitle } from '@/utils'
 import { fetchRouteParamsLocation, setTitle } from '@/utils'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { EditCanvasConfigEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { EditCanvasConfigEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
@@ -41,17 +42,12 @@ const chartEditStore = useChartEditStore()
 const focus = ref<boolean>(false)
 const focus = ref<boolean>(false)
 const inputInstRef = ref(null)
 const inputInstRef = ref(null)
 
 
-// 根据路由 id 参数获取项目信息
-const fetchProhectInfoById = () => {
-  const id = fetchRouteParamsLocation()
-  if (id.length) {
-    return id[0]
-  }
-  return ''
-}
-
-const title = ref<string>(fetchProhectInfoById() || '')
+// THINGS_KIT
+const title = ref<string>(fetchRouteParamsLocation())
 
 
+watchEffect(() => {
+  title.value = chartEditStore.getProjectInfo.projectName || ''
+})
 const comTitle = computed(() => {
 const comTitle = computed(() => {
   // eslint-disable-next-line vue/no-side-effects-in-computed-properties
   // eslint-disable-next-line vue/no-side-effects-in-computed-properties
   title.value = title.value.replace(/\s/g, '')
   title.value = title.value.replace(/\s/g, '')