fix: 优化交互

src/components/bill-ui/components/icon/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 2930899 */
-  src: url('iconfont.woff2?t=1722475563134') format('woff2'),
-       url('iconfont.woff?t=1722475563134') format('woff'),
-       url('iconfont.ttf?t=1722475563134') format('truetype');
+  font-family: "iconfont"; /* Project id 3549513 */
+  src: url('iconfont.woff2?t=1692865200116') format('woff2'),
+       url('iconfont.woff?t=1692865200116') format('woff'),
+       url('iconfont.ttf?t=1692865200116') format('truetype');
 }
 
 .iconfont {
@@ -13,320 +13,160 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-help_n:before {
-  content: "\e76d";
+.icon-list-detail:before {
+  content: "\e740";
 }
 
-.icon-surface_g:before {
-  content: "\e758";
+.icon-without:before {
+  content: "\e70e";
 }
 
-.icon-draw_a:before {
-  content: "\e759";
+.icon-keyboard:before {
+  content: "\e70d";
 }
 
-.icon-draw_d:before {
-  content: "\e757";
+.icon-recover:before {
+  content: "\e693";
 }
 
-.icon-coord:before {
-  content: "\e754";
+.icon-repeal:before {
+  content: "\e694";
 }
 
-.icon-tailor:before {
-  content: "\e755";
+.icon-broken_l:before {
+  content: "\e6fd";
 }
 
-.icon-zip_d:before {
-  content: "\e74e";
+.icon-arrows:before {
+  content: "\e6fe";
 }
 
-.icon-zip:before {
-  content: "\e74f";
+.icon-blood:before {
+  content: "\e6ff";
 }
 
-.icon-detail:before {
-  content: "\e74a";
+.icon-circle:before {
+  content: "\e700";
 }
 
-.icon-a-a-calculate:before {
-  content: "\e74c";
+.icon-cigarette_e:before {
+  content: "\e701";
 }
 
-.icon-draw_e:before {
-  content: "\e749";
+.icon-corpse:before {
+  content: "\e702";
 }
 
-.icon-aicon-earthwork-n:before {
-  content: "\e748";
-}
-
-.icon-jump_kk:before {
+.icon-icon_n:before {
   content: "\e703";
 }
 
-.icon-close_r:before {
+.icon-form:before {
   content: "\e704";
 }
 
-.icon-cloud_c:before {
-  content: "\e6fc";
+.icon-footprint_l:before {
+  content: "\e705";
 }
 
-.icon-clear1:before {
-  content: "\e640";
+.icon-footprint_r:before {
+  content: "\e706";
 }
 
-.icon-a-exclude:before {
-  content: "\e6f7";
+.icon-fire_p:before {
+  content: "\e707";
 }
 
-.icon-a-intersect:before {
-  content: "\e6f8";
+.icon-rectangle:before {
+  content: "\e708";
 }
 
-.icon-a-scale-d:before {
-  content: "\e6f9";
+.icon-shoeprints_l:before {
+  content: "\e709";
 }
 
-.icon-update:before {
-  content: "\e6f6";
+.icon-text:before {
+  content: "\e70a";
 }
 
-.icon-icon_f_z_n:before {
-  content: "\e6f3";
+.icon-fingerprint:before {
+  content: "\e70b";
 }
 
-.icon-icon_h_z_n:before {
-  content: "\e6f4";
+.icon-shoeprints_r:before {
+  content: "\e70c";
 }
 
-.icon-icon_v_z_n:before {
-  content: "\e6f5";
+.icon-nav-setup:before {
+  content: "\e64b";
 }
 
-.icon-state_gps_d:before {
-  content: "\e6f2";
+.icon-a-film:before {
+  content: "\e6e8";
 }
 
-.icon-panorama-f:before {
-  content: "\e6f1";
+.icon-nav-edit:before {
+  content: "\e642";
 }
 
-.icon-international:before {
-  content: "\e6b3";
+.icon-pic:before {
+  content: "\e648";
 }
 
-.icon-left1:before {
-  content: "\e6ae";
+.icon-list-scene:before {
+  content: "\e6e4";
 }
 
-.icon-right:before {
-  content: "\e6af";
+.icon-list-file:before {
+  content: "\e6e5";
 }
 
-.icon-video1:before {
-  content: "\e63b";
+.icon-list-record:before {
+  content: "\e6e6";
 }
 
-.icon-more:before {
-  content: "\e600";
+.icon-list-view:before {
+  content: "\e6e7";
 }
 
-.icon-preview:before {
-  content: "\e63a";
-}
-
-.icon-nav-record:before {
-  content: "\e6dc";
+.icon-video1:before {
+  content: "\e63b";
 }
 
 .icon-order:before {
   content: "\e6dd";
 }
 
-.icon-point-s:before {
-  content: "\e6d9";
-}
-
-.icon-a-connect-dis:before {
-  content: "\e6d1";
-}
-
-.icon-data_revise_n:before {
-  content: "\e6d2";
-}
-
-.icon-zoom_n:before {
-  content: "\e6d4";
-}
-
-.icon-a-connect:before {
-  content: "\e6d0";
-}
-
-.icon-dianwei:before {
-  content: "\e6cc";
-}
-
-.icon-weitiao:before {
-  content: "\e6cd";
-}
-
-.icon-state_gps:before {
-  content: "\e6ce";
-}
-
-.icon-m-r:before {
-  content: "\e6cf";
-}
-
-.icon-lessen:before {
-  content: "\e6aa";
-}
-
-.icon-change1:before {
-  content: "\e6a8";
-}
-
-.icon-nav:before {
-  content: "\e6a6";
-}
-
-.icon-city:before {
-  content: "\e6ea";
-}
-
-.icon-pipeline:before {
-  content: "\e6eb";
-}
-
-.icon-users:before {
-  content: "\e6ec";
-}
-
-.icon-quanbu:before {
-  content: "\e6e8";
-}
-
-.icon-factory:before {
-  content: "\e6e9";
-}
-
-.icon-list:before {
-  content: "\e69c";
-}
-
-.icon-map-m:before {
-  content: "\e692";
-}
-
-.icon-extend:before {
-  content: "\e690";
-}
-
-.icon-shrink:before {
-  content: "\e691";
-}
-
-.icon-download:before {
-  content: "\e61c";
-}
-
-.icon-logo:before {
-  content: "\e68f";
-}
-
-.icon-d-r:before {
-  content: "\e68d";
-}
-
-.icon-up-a:before {
-  content: "\e68e";
-}
-
-.icon-menu:before {
-  content: "\e689";
-}
-
-.icon-user:before {
-  content: "\e68c";
-}
-
-.icon-password:before {
-  content: "\e68b";
-}
-
-.icon-hole:before {
-  content: "\e68a";
-}
-
-.icon-affirm:before {
-  content: "\e688";
-}
-
-.icon-cancel:before {
-  content: "\e687";
-}
-
-.icon-location:before {
-  content: "\e686";
-}
-
 .icon-pin1:before {
-  content: "\e685";
-}
-
-.icon-lock_s:before {
-  content: "\e683";
-}
-
-.icon-lock_n:before {
-  content: "\e684";
-}
-
-.icon-add_d:before {
-  content: "\e682";
+  content: "\e6e3";
 }
 
-.icon-uploading1:before {
-  content: "\e681";
-}
-
-.icon-move:before {
-  content: "\e680";
-}
-
-.icon-flip:before {
-  content: "\e67e";
-}
-
-.icon-rotate_r:before {
-  content: "\e67f";
+.icon-nav-measure:before {
+  content: "\e64a";
 }
 
-.icon-rotate_l:before {
-  content: "\e67d";
+.icon-v-l:before {
+  content: "\e66f";
 }
 
-.icon-pin:before {
-  content: "\e67c";
+.icon-h-r:before {
+  content: "\e670";
 }
 
-.icon-layout:before {
-  content: "\e67b";
+.icon-f-l:before {
+  content: "\e673";
 }
 
-.icon-change:before {
-  content: "\e67a";
+.icon-search:before {
+  content: "\e64c";
 }
 
-.icon-iorigin:before {
-  content: "\e678";
+.icon-left1:before {
+  content: "\e6ae";
 }
 
-.icon-destination:before {
-  content: "\e679";
+.icon-right:before {
+  content: "\e6af";
 }
 
 .icon-state_e:before {
@@ -341,168 +181,48 @@
   content: "\e626";
 }
 
-.icon-clear:before {
-  content: "\e676";
-}
-
-.icon-cut:before {
-  content: "\e677";
-}
-
-.icon-copy:before {
-  content: "\e675";
-}
-
-.icon-v-m:before {
-  content: "\e674";
-}
-
-.icon-f-m:before {
-  content: "\e671";
-}
-
-.icon-v-r:before {
-  content: "\e672";
-}
-
-.icon-f-l:before {
-  content: "\e673";
-}
-
-.icon-h-l:before {
-  content: "\e66d";
-}
-
-.icon-h-m:before {
-  content: "\e66e";
-}
-
-.icon-v-l:before {
-  content: "\e66f";
-}
-
-.icon-h-r:before {
-  content: "\e670";
-}
-
-.icon-share:before {
-  content: "\e66c";
-}
-
-.icon-magnify:before {
-  content: "\e66b";
-}
-
-.icon-a-2d:before {
-  content: "\e669";
-}
-
-.icon-a-3d:before {
-  content: "\e66a";
-}
-
-.icon-left:before {
-  content: "\e668";
-}
-
-.icon-video:before {
-  content: "\e667";
-}
-
-.icon-pic:before {
-  content: "\e64e";
-}
-
-.icon-full:before {
-  content: "\e638";
-}
-
-.icon-del:before {
-  content: "\e632";
-}
-
-.icon-link:before {
-  content: "\e618";
-}
-
-.icon-uploading:before {
-  content: "\e619";
-}
-
-.icon-complete:before {
-  content: "\e61b";
+.icon-eye-n:before {
+  content: "\e621";
 }
 
-.icon-web:before {
-  content: "\e635";
+.icon-eye-s:before {
+  content: "\e622";
 }
 
-.icon-music:before {
-  content: "\e637";
+.icon-more:before {
+  content: "\e600";
 }
 
 .icon-element:before {
   content: "\e666";
 }
 
-.icon-add:before {
-  content: "\e631";
-}
-
-.icon-edit:before {
-  content: "\e61f";
-}
-
-.icon-info:before {
-  content: "\e65e";
-}
-
-.icon-transmit:before {
-  content: "\e65f";
-}
-
-.icon-room:before {
-  content: "\e660";
-}
-
-.icon-point:before {
-  content: "\e661";
-}
-
-.icon-bulid:before {
-  content: "\e662";
-}
-
-.icon-floor:before {
-  content: "\e663";
-}
-
-.icon-pull-up1:before {
-  content: "\e664";
+.icon-extend:before {
+  content: "\e690";
 }
 
-.icon-pull-down1:before {
-  content: "\e665";
+.icon-shrink:before {
+  content: "\e691";
 }
 
-.icon-checkbox1:before {
-  content: "\e65d";
+.icon-pause:before {
+  content: "\e636";
 }
 
-.icon-minimize:before {
-  content: "\e65c";
+.icon-preview:before {
+  content: "\e63a";
 }
 
-.icon-reset:before {
-  content: "\e65a";
+.icon-clear:before {
+  content: "\e63f";
 }
 
-.icon-refresh:before {
-  content: "\e65b";
+.icon-play_stop:before {
+  content: "\e6b4";
 }
 
-.icon-checkbox:before {
-  content: "\e659";
+.icon-transparency:before {
+  content: "\e6d7";
 }
 
 .icon-pull-down:before {
@@ -513,111 +233,55 @@
   content: "\e61e";
 }
 
-.icon-show_pic_s:before {
-  content: "\e658";
-}
-
-.icon-show_pic_n:before {
-  content: "\e650";
-}
-
-.icon-show_dot_s:before {
-  content: "\e64f";
-}
-
-.icon-show_dot_n:before {
-  content: "\e657";
-}
-
-.icon-share1:before {
-  content: "\e656";
-}
-
-.icon-portrait:before {
-  content: "\e655";
-}
-
-.icon-course:before {
-  content: "\e652";
-}
-
-.icon-self-more:before {
-  content: "\e64b";
-}
-
-.icon-search:before {
-  content: "\e64c";
-}
-
-.icon-pull-more:before {
-  content: "\e64d";
-}
-
-.icon-switch:before {
-  content: "\e651";
-}
-
-.icon-nav-hotspot:before {
-  content: "\e64a";
-}
-
-.icon-nav-measure:before {
-  content: "\e649";
-}
-
-.icon-nav-edit:before {
-  content: "\e642";
-}
-
-.icon-nav-setup:before {
-  content: "\e648";
+.icon-add:before {
+  content: "\e631";
 }
 
 .icon-close:before {
   content: "\e633";
 }
 
-.icon-nav-browse:before {
-  content: "\e63d";
+.icon-pin:before {
+  content: "\e67c";
 }
 
-.icon-nav-correct:before {
-  content: "\e63e";
+.icon-flip:before {
+  content: "\e67e";
 }
 
-.icon-nav_data-setup:before {
-  content: "\e63f";
+.icon-move:before {
+  content: "\e680";
 }
 
-.icon-nav-coord:before {
-  content: "\e641";
+.icon-del:before {
+  content: "\e632";
 }
 
-.icon-nav-geography:before {
-  content: "\e643";
+.icon-checkbox:before {
+  content: "\e649";
 }
 
-.icon-nav-space:before {
-  content: "\e644";
+.icon-nor:before {
+  content: "\e696";
 }
 
-.icon-nav-download:before {
-  content: "\e645";
+.icon-joint:before {
+  content: "\e6e0";
 }
 
-.icon-nav-data:before {
-  content: "\e646";
+.icon-path:before {
+  content: "\e6e1";
 }
 
-.icon-nav-house:before {
-  content: "\e647";
+.icon-label:before {
+  content: "\e6e2";
 }
 
-.icon-eye-s:before {
-  content: "\e653";
+.icon-case:before {
+  content: "\e6da";
 }
 
-.icon-eye-n:before {
-  content: "\e654";
+.icon-scene:before {
+  content: "\e6db";
 }
 

src/layout/model-list/index.vue

@@ -1,73 +1,69 @@
 <template>
-  <List :title="title" rawKey="id" :data="modelList" :showContent="showContent">
+  <List :title="title" rawKey="id" :data="modelList" :showContent="showContent" id="model-list">
     <template #action>
       <slot name="action" />
     </template>
     <template #atom="{ item }">
-      <ModelSign
-        :canChange="canChange"
-        :model="item.raw" 
-        @delete="modelDelete(item.raw)" 
-        @click="modelChangeSelect(item.raw)"
-      />
+      <ModelSign :canChange="canChange" :model="item.raw" @delete="modelDelete(item.raw)"
+        @click="modelChangeSelect(item.raw)" />
     </template>
   </List>
 </template>
 
 <script lang="ts" setup>
-import { computed, watchEffect } from 'vue'
-import { custom } from '@/env'
-import { getSceneModel } from '@/sdk'
-import List from '@/components/list/index.vue'
-import ModelSign from './sign.vue'
-import { fuseModels, getFuseModelShowVariable } from '@/store'
+import { computed, watchEffect } from "vue";
+import { custom } from "@/env";
+import { getSceneModel } from "@/sdk";
+import List from "@/components/list/index.vue";
+import ModelSign from "./sign.vue";
+import { fuseModels, getFuseModelShowVariable } from "@/store";
 
-import type { FuseModel } from '@/store'
-import { currentModel, fuseModel } from '@/model'
+import type { FuseModel } from "@/store";
+import { currentModel, fuseModel } from "@/model";
 
-export type ModelListProps = { 
-  title?: string, 
-  canChange?: boolean,
-  showContent?: boolean
-}
-withDefaults(
-  defineProps<ModelListProps>(),
-  { title: '数据列表', change: false, showContent: true }
-)
+export type ModelListProps = {
+  title?: string;
+  canChange?: boolean;
+  showContent?: boolean;
+};
+withDefaults(defineProps<ModelListProps>(), {
+  title: "数据列表",
+  change: false,
+  showContent: true,
+});
 defineEmits<{
-  (e: 'deleteModel', model: FuseModel): void,
-  (e: 'clickModel', model: FuseModel): void
-}>()
+  (e: "deleteModel", model: FuseModel): void;
+  (e: "clickModel", model: FuseModel): void;
+}>();
 
-const modelList = computed(() => 
-  fuseModels.value.map(model => ({
+const modelList = computed(() =>
+  fuseModels.value.map((model) => ({
     raw: model,
-    select: custom.currentModel === model && currentModel.value === fuseModel
+    select: custom.currentModel === model && currentModel.value === fuseModel,
   }))
-)
+);
 
 const modelChangeSelect = (model: FuseModel) => {
   if (getFuseModelShowVariable(model).value) {
-    custom.currentModel = custom.currentModel !== model ? model : null
+
+    custom.currentModel = custom.currentModel !== model ? model : null;
   }
-}
+};
 
 watchEffect(() => {
   if (custom.currentModel && !getFuseModelShowVariable(custom.currentModel).value) {
-    custom.currentModel = null
+    custom.currentModel = null;
   }
-})
+});
 
 const modelDelete = (model: FuseModel) => {
-  const index = fuseModels.value.indexOf(model)
+  const index = fuseModels.value.indexOf(model);
   if (~index) {
-    fuseModels.value.splice(index, 1)
+    fuseModels.value.splice(index, 1);
   }
-}
+};
 
 watchEffect(() => {
-  
-
-  console.log(custom.currentModel?.raw)
-})
-</script>
+  console.log(custom.currentModel?.raw);
+});
+</script>

src/layout/model-list/sign.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    @click="!model.error && $emit('click')"
+    @click="!model.error && !(custom.showMode === 'pano' && active) && $emit('click')"
     class="sign-layout"
     :class="{ disabled: custom.showMode === 'pano' && !supperPano }"
   >
@@ -11,7 +11,9 @@
           type="checkbox"
           v-model="show"
           @click.stop
-          :class="{ disabled: model.error }"
+          :class="{
+            disabled: model.error || custom.showMode === 'pano',
+          }"
         />
         <ui-icon
           v-if="custom.modelsChangeStore"
@@ -28,21 +30,21 @@
     </div>
   </div>
 
-  <Teleport to="#layout-app" v-if="active && supperPano">
+  <Teleport to="#left-pano" v-if="active && supperPano">
     <div class="mode-tab strengthen">
       <div
         class="mode-icon-layout"
         @click="custom.showMode = 'fuse'"
         :class="{ active: custom.showMode === 'fuse' }"
       >
-        <ui-icon type="surface_g" class="icon" />
+        <ui-icon type="joint" class="icon" />
       </div>
       <div
         class="mode-icon-layout"
         @click="custom.showMode = 'pano'"
         :class="{ active: custom.showMode === 'pano' }"
       >
-        <ui-icon type="panorama-f" class="icon" />
+        <ui-icon type="pin" class="icon" />
       </div>
     </div>
   </Teleport>
@@ -63,7 +65,10 @@ const props = defineProps<ModelProps>();
 const active = computed(
   () => custom.currentModel === props.model && currentModel.value === fuseModel
 );
-const supperPano = computed(() => getSceneModel(props.model)?.supportPano());
+const supperPano = computed(() => {
+  console.log(props.model.title, getSceneModel(props.model)?.supportPano());
+  return getSceneModel(props.model)?.supportPano();
+});
 
 type ModelEmits = {
   (e: "changeSelect", selected: boolean): void;

src/layout/scene-list/index.vue

@@ -4,28 +4,26 @@
       <slot name="action" />
     </template>
     <template #atom="{ item }">
-      <div v-if="item.raw === fuseModel" 
-        @click="updateCurrent(item.raw)"
-      >
+      <div v-if="item.raw === fuseModel" @click="updateCurrent(item.raw)">
         <ModelList
           class="scene-model-list"
-          :class="{active: current === fuseModel}"
+          :class="{ active: current === fuseModel }"
           :title="getModelTypeDesc(fuseModel as any)"
           :show-content="showModelList"
         >
-          <template #action>
+          <!-- <template #action>
             <ui-icon 
               :type="`pull-${showModelList ? 'up' : 'down'}`" 
               @click="showModelList = !showModelList"
               ctrl 
             />
-          </template>
+          </template> -->
         </ModelList>
       </div>
-      <div 
-        class="scene" 
-        :class="{disabled: item.raw.status !== SceneStatus.SUCCESS}" 
-        @click="updateCurrent(item.raw)" 
+      <div
+        class="scene"
+        :class="{ disabled: item.raw.status !== SceneStatus.SUCCESS }"
+        @click="updateCurrent(item.raw)"
         v-else
       >
         <p>{{ item.raw.name }}</p>
@@ -35,56 +33,59 @@
   </List>
 
   <Teleport to="#layout-app">
-    <div>
-      123
-    </div>
+    <div>123</div>
   </Teleport>
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, ref, watch } from 'vue'
-import { scenes, SceneType, SceneTypeDesc, fuseModels, SceneStatus } from '@/store'
-import List from '@/components/list/index.vue'
-import ModelList from '../model-list/index.vue'
-import { fuseModel, getModelTypeDesc } from '@/model'
+import { computed, nextTick, ref, watch } from "vue";
+import { scenes, SceneType, SceneTypeDesc, fuseModels, SceneStatus } from "@/store";
+import List from "@/components/list/index.vue";
+import ModelList from "../model-list/index.vue";
+import { fuseModel, getModelTypeDesc } from "@/model";
 
-import type { ModelType, FuseModelType } from '@/model'
-import type { Scene } from '@/store'
+import type { ModelType, FuseModelType } from "@/model";
+import type { Scene } from "@/store";
 
-const emit = defineEmits<{ (e: 'update:current', data: ModelType): void }>()
-const props = defineProps<{ current: ModelType }>()
-const showModelList = ref(true)
+const emit = defineEmits<{ (e: "update:current", data: ModelType): void }>();
+const props = defineProps<{ current: ModelType }>();
+const showModelList = ref(true);
 
 const list = computed(() => {
-  const sceneList = scenes.value.map(scene => ({
+  const sceneList = scenes.value.map((scene) => ({
     raw: scene,
-    select: props.current !== fuseModel 
-      && (props.current.num === scene.num )
-      && props.current.type === scene.type
-  }))
+    select:
+      props.current !== fuseModel &&
+      props.current.num === scene.num &&
+      props.current.type === scene.type,
+  }));
   if (fuseModels.value.length) {
     // return [{ raw: fuseModel }, ...sceneList]
-    return [{ raw: fuseModel }]
+    return [{ raw: fuseModel }];
   } else {
-    return sceneList
+    return sceneList;
   }
-})
+});
 
 const updateCurrent = (scene: FuseModelType | Scene) => {
-  console.log(scene)
+  console.log(scene);
   if (scene === fuseModel) {
-    emit('update:current', scene)
+    emit("update:current", scene);
   } else {
-    emit('update:current', { type: scene.type, num: scene.num })
+    emit("update:current", { type: scene.type, num: scene.num });
   }
-}
+};
 
-const stopWatch = watch(list, () => {
-  if (!list.value.some(model => model.raw === fuseModel) && list.value.length) {
-    updateCurrent(list.value[0].raw as any)
-    nextTick(() => stopWatch())
-  }
-}, { immediate: true })
+const stopWatch = watch(
+  list,
+  () => {
+    if (!list.value.some((model) => model.raw === fuseModel) && list.value.length) {
+      updateCurrent(list.value[0].raw as any);
+      nextTick(() => stopWatch());
+    }
+  },
+  { immediate: true }
+);
 </script>
 
 <style lang="scss">
@@ -110,10 +111,11 @@ const stopWatch = watch(list, () => {
 
   .header {
     padding: 30px 20px 20px;
+
     h3 {
       font-size: 20px;
       font-weight: bold;
-      color: #FFFFFF;
+      color: #ffffff;
     }
   }
 

src/layout/show/index.vue

@@ -1,10 +1,13 @@
 <template>
   <template v-if="loaded">
-    <div :class="{ hideLeft: !custom.showLeftPano }" :style="hasSingle ? {'--left-pano-left': '0px'} : ''">
-      <SlideMenu 
+    <div
+      :class="{ hideLeft: !custom.showLeftPano }"
+      :style="hasSingle ? { '--left-pano-left': '0px' } : ''"
+    >
+      <SlideMenu
         v-if="!hasSingle"
-        :activeName="(router.currentRoute.value.name as RoutesName)" 
-        @change-item="item => router.push({ name: item.name })"
+        :activeName="(router.currentRoute.value.name as RoutesName)"
+        @change-item="(item) => router.push({ name: item.name })"
       />
 
       <router-view v-slot="{ Component }">
@@ -12,23 +15,23 @@
           <component :is="Component" />
         </keep-alive>
       </router-view>
-
     </div>
   </template>
 </template>
 
 <script lang="ts" setup>
-import { custom, params } from '@/env'
-import { computed, nextTick, ref, watch, watchEffect } from 'vue'
-import { router, RoutesName } from '@/router'
-import { loadModel, fuseModel } from '@/model'
-import SlideMenu from './slide-menu.vue'
-import { 
-  initialFloders, 
-  initialFloderTypes, 
-  initialFuseModels, 
-  initialRecords, 
-  initialScenes, 
+import { custom, params } from "@/env";
+import { computed, nextTick, ref, watch, watchEffect } from "vue";
+import { router, RoutesName } from "@/router";
+import { loadModel, fuseModel } from "@/model";
+import SlideMenu from "./slide-menu.vue";
+import { sdk } from "@/sdk";
+import {
+  initialFloders,
+  initialFloderTypes,
+  initialFuseModels,
+  initialRecords,
+  initialScenes,
   initialViews,
   defTitle,
   initialTaggingStyles,
@@ -37,12 +40,12 @@ import {
   initialGuides,
   scenes,
   fuseModels,
-  appEl
-} from '@/store'
+  appEl,
+} from "@/store";
 
-const hasSingle = new URLSearchParams(location.search).has("single")
+const hasSingle = new URLSearchParams(location.search).has("single");
 
-const loaded = ref(false)
+const loaded = ref(false);
 const initialSys = async () => {
   await Promise.all([
     initialFuseModels(),
@@ -53,23 +56,24 @@ const initialSys = async () => {
     initialFloderTypes(),
     initialTaggingStyles(),
     initialTaggings(),
-    initialGuides()
-  ])
-  await initialMeasures()
-  loaded.value = true
-  loadModel(fuseModel)
-  custom.showLeftPano = true
-}
-initialSys()
-defTitle.value = ''
-initialScenes()
+    initialGuides(),
+  ]);
+  await initialMeasures();
+  loaded.value = true;
+  await loadModel(fuseModel);
+  sdk.hideGrid();
+  custom.showLeftPano = true;
+};
+initialSys();
+defTitle.value = "";
+initialScenes();
 
 watchEffect((onCleanup) => {
   if (loaded.value && appEl.value && scenes.value.length && !fuseModels.value.length) {
-      loadModel(scenes.value[0] as any)
-      custom.showLeftPano = true
+    loadModel(scenes.value[0] as any);
+    custom.showLeftPano = true;
   }
-})
+});
 </script>
 
 <style>
@@ -80,6 +84,8 @@ watchEffect((onCleanup) => {
 
 .hideLeft {
   --editor-menu-left: calc(-1 * var(--editor-menu-width));
-  --left-pano-left: calc(var(--editor-menu-left) + var(--editor-menu-width) - var(--left-pano-width)) !important
+  --left-pano-left: calc(
+    var(--editor-menu-left) + var(--editor-menu-width) - var(--left-pano-width)
+  ) !important;
 }
-</style>
+</style>

src/sdk/association/fuseMode.ts

@@ -224,7 +224,6 @@ export const associationModels = (sdk: SDK) => {
           watch(
             () => custom.currentModel === item,
             (selected) => {
-              isUnSet || console.log(item.title, selected, getSceneModel(item));
               isUnSet || getSceneModel(item)?.changeSelect(selected);
             }
           );