feat(time): added time compoennt close #285

src/layouts/default/index.vue

@@ -2,13 +2,9 @@
   <Layout :class="prefixCls">
     <LayoutFeatures />
     <LayoutHeader fixed v-if="getShowFullHeaderRef" />
-    <Layout
-      :class="{
-        'ant-layout-has-sider': getIsMixSidebar,
-      }"
-    >
+    <Layout :class="layoutClass">
       <LayoutSideBar v-if="getShowSidebar || getIsMobile" />
-      <Layout :class="`${prefixCls}__main`">
+      <Layout :class="`${prefixCls}-main`">
         <LayoutMultipleHeader />
         <LayoutContent />
         <LayoutFooter />
@@ -18,7 +14,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, computed, unref } from 'vue';
   import { Layout } from 'ant-design-vue';
   import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
 
@@ -53,12 +49,15 @@
 
       const { getShowSidebar, getIsMixSidebar } = useMenuSetting();
 
+      const layoutClass = computed(() => ({ 'ant-layout-has-sider': unref(getIsMixSidebar) }));
+
       return {
         getShowFullHeaderRef,
         getShowSidebar,
         prefixCls,
         getIsMobile,
         getIsMixSidebar,
+        layoutClass,
       };
     },
   });
@@ -77,7 +76,7 @@
       min-height: 100%;
     }
 
-    &__main {
+    &-main {
       margin-left: 1px;
     }
   }