no message

src/views/Editor/EditorHeader/index.vue

@@ -132,7 +132,22 @@ const marketStore = useScreenStore()
 const { market, model, ConfigId } = storeToRefs(useScreenStore())
 
 const goBack = () =>{
-  marketStore.setMarket(true)
+  ElMessageBox.confirm(
+    '退出此页面将清空当前数据，请谨慎操作?',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }
+  )
+  .then(() => {
+    marketStore.setMarket(true)
+  })
+  .catch(() => {
+    
+  })
+  
 }
 // 导入PSD
 const UploadPsd = () => {

src/views/Editor/Toolbar/index.vue

@@ -13,9 +13,10 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useMainStore } from '@/store'
+import { useScreenStore } from '@/store'
 import { ToolbarStates } from '@/types/toolbar'
 
 import ElementStylePanel from './ElementStylePanel/index.vue'
@@ -35,6 +36,7 @@ interface ElementTabs {
 
 const mainStore = useMainStore()
 const { activeElementIdList, handleElement, toolbarState } = storeToRefs(mainStore)
+const { model } = storeToRefs(useScreenStore())
 
 const elementTabs = computed<ElementTabs[]>(() => {
   if (handleElement.value?.type === 'text') {
@@ -51,12 +53,22 @@ const elementTabs = computed<ElementTabs[]>(() => {
     { label: '动画', key: ToolbarStates.EL_ANIMATION },
   ]
 })
-const slideTabs = [
-  { label: '设计', key: ToolbarStates.SLIDE_DESIGN },
-  { label: '切换', key: ToolbarStates.SLIDE_ANIMATION },
-  { label: '动画', key: ToolbarStates.EL_ANIMATION },
-  { label: '模版数据', key: ToolbarStates.EL_TEMPLATEDATA },
-]
+const slideTabs = ref([] as any)
+if(model.value){
+  slideTabs.value = [
+    { label: '设计', key: ToolbarStates.SLIDE_DESIGN },
+    { label: '切换', key: ToolbarStates.SLIDE_ANIMATION },
+    { label: '动画', key: ToolbarStates.EL_ANIMATION },
+    { label: '模版数据', key: ToolbarStates.EL_TEMPLATEDATA },
+  ]
+}else {
+  slideTabs.value = [
+    { label: '设计', key: ToolbarStates.SLIDE_DESIGN },
+    { label: '切换', key: ToolbarStates.SLIDE_ANIMATION },
+    { label: '动画', key: ToolbarStates.EL_ANIMATION },
+  ]
+}
+
 const multiSelectTabs = [
   { label: '样式', key: ToolbarStates.EL_STYLE },
   { label: '位置', key: ToolbarStates.MULTI_POSITION },
@@ -67,7 +79,7 @@ const setToolbarState = (value: ToolbarStates) => {
 }
 
 const currentTabs = computed(() => {
-  if (!activeElementIdList.value.length) return slideTabs
+  if (!activeElementIdList.value.length) return slideTabs.value
   else if (activeElementIdList.value.length > 1) return multiSelectTabs
   return elementTabs.value
 })