fix(setting): fix setting page

src/layouts/components/SideNav.tsx

@@ -50,7 +50,6 @@ const useComputed = (props) => {
 export default defineComponent({
   name: 'SideNav',
   components: {
-    MenuContent,
     tLogoFull,
     tLogo,
   },
@@ -120,12 +119,6 @@ export default defineComponent({
         .join('');
     };
 
-    const routerChange = (path: string) => {
-      router.push({
-        path,
-      });
-    };
-
     const goHome = () => {
       router.push('/dashboard/base');
     };
@@ -136,7 +129,6 @@ export default defineComponent({
       autoCollapsed,
       changeCollapsed,
       getActiveName,
-      routerChange,
       goHome,
     };
   },
@@ -167,7 +159,7 @@ export default defineComponent({
             ),
           }}
         >
-          <menu-content navData={this.menu} />
+          <MenuContent navData={this.menu} />
         </t-menu>
         <div class={`${prefix}-side-nav-placeholder${this.collapsed ? '-hidden' : ''}`}></div>
       </div>

src/layouts/setting.vue

@@ -49,7 +49,7 @@
                 :value="COLOR_OPTIONS[COLOR_OPTIONS.length - 1]"
                 class="setting-layout-color-group dynamic-color-btn"
               >
-                <color-container :value="COLOR_OPTIONS[COLOR_OPTIONS.length - 1]" />
+                <ColorContainer :value="COLOR_OPTIONS[COLOR_OPTIONS.length - 1]" />
               </t-radio-button>
             </t-popup>
           </div>
@@ -59,7 +59,7 @@
         <t-radio-group v-model="formData.layout" default-vaule="top">
           <div v-for="(item, index) in LAYOUT_OPTION" :key="index" class="setting-layout-drawer">
             <t-radio-button :key="index" :value="item">
-              <thumbnail :src="getThumbnailUrl(item)" />
+              <Thumbnail :src="getThumbnailUrl(item)" />
             </t-radio-button>
           </div>
         </t-radio-group>
@@ -97,6 +97,8 @@ import { MessagePlugin, PopupVisibleChangeContext } from 'tdesign-vue-next';
 import { Color } from 'tvision-color';
 import useClipboard from 'vue-clipboard3';
 import { useSettingStore } from '@/store';
+import Thumbnail from '@/components/thumbnail/index.vue';
+import ColorContainer from '@/components/color/index.vue';
 
 import 'vue-color-kit/dist/vue-color-kit.css';
 

src/pages/form/step/index.vue

@@ -142,7 +142,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import { ValidateResultContext } from 'tdesign-vue-next';
 import Card from '@/components/card/index.vue';
 
 import {
@@ -173,7 +172,7 @@ const amount = computed(() => {
   return '--';
 });
 
-const onSubmit = (result: ValidateResultContext<FormData>, val: number) => {
+const onSubmit = (result, val: number) => {
   if (result.validateResult === true) {
     activeForm.value = val;
   }