refactor: rename FilledLayout to BasicLayout

Signed-off-by: Ryan Wang <i@ryanc.cc>

src/layouts/index.ts

@@ -1,2 +1,2 @@
 export { default as BlankLayout } from "./BlankLayout.vue";
-export { default as FilledLayout } from "./FilledLayout.vue";
+export { default as BasicLayout } from "./BasicLayout.vue";

src/views/AboutView.vue

@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import { FilledLayout } from "@/layouts";
+import { BasicLayout } from "@/layouts";
 import { useRoute } from "vue-router";
 
 const route = useRoute();
 </script>
 
 <template>
-  <FilledLayout>
+  <BasicLayout>
     <div>
       <pre class="overflow-auto">Route: {{ route }}</pre>
       <pre class="overflow-auto">Route: {{ route }}</pre>
     </div>
-  </FilledLayout>
+  </BasicLayout>
 </template>

src/views/HomeView.vue

@@ -1,24 +1,49 @@
 <template>
-  <FilledLayout>
+  <BasicLayout>
-    <VModal v-model:visible="visible" title="登录">
+    <VPageHeader title="仪表盘">
-      <div class="flex justify-between">
+      <template #icon>
+        <IconDashboard class="self-center mr-2" />
+      </template>
+      <template #actions>
+        <VButton type="secondary"> 设置</VButton>
+      </template>
+    </VPageHeader>
+
+    <div class="m-4">
+      <div class="grid grid-cols-1 lg:grid-cols-3 gap-3">
         <div>
-          <VButton type="secondary" @click="visible = false">关闭</VButton>
+          <dl class="grid grid-cols-1 gap-3 sm:grid-cols-2">
+            <VCard>
+              <dt class="text-sm font-medium text-gray-500 truncate">文章</dt>
+              <dd class="mt-1 text-3xl font-semibold text-gray-900">231</dd>
+            </VCard>
+            <VCard>
+              <dt class="text-sm font-medium text-gray-500 truncate">用户</dt>
+              <dd class="mt-1 text-3xl font-semibold text-gray-900">10</dd>
+            </VCard>
+            <VCard>
+              <dt class="text-sm font-medium text-gray-500 truncate">评论</dt>
+              <dd class="mt-1 text-3xl font-semibold text-gray-900">1423</dd>
+            </VCard>
+            <VCard>
+              <dt class="text-sm font-medium text-gray-500 truncate">访问量</dt>
+              <dd class="mt-1 text-3xl font-semibold text-gray-900">1232</dd>
+            </VCard>
+          </dl>
         </div>
         <div>
-          <VButton type="secondary" @click="visible = true">打开</VButton>
+          <VCard title="快速操作">
+            <ul></ul>
+          </VCard>
         </div>
       </div>
-      <p></p>
+    </div>
-    </VModal>
+  </BasicLayout>
-    <VButton type="secondary" @click="visible = true">打开</VButton>
-  </FilledLayout>
 </template>
 <script lang="ts" setup>
-import { FilledLayout } from "@/layouts";
+import { BasicLayout } from "@/layouts";
-import { VModal } from "@/components/base/modal";
 import { VButton } from "@/components/base/button";
-import { ref } from "vue";
+import { VCard } from "@/components/base/card";
-
+import { VPageHeader } from "@/components/base/header";
-const visible = ref(false);
+import { IconDashboard } from "@/core/icons";
 </script>

src/views/attachments/Attachments.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import { FilledLayout } from "@/layouts";
+import { BasicLayout } from "@/layouts";
 import { VPageHeader } from "@/components/base/header";
 import { VButton } from "@/components/base/button";
 import { IconPalette } from "@/core/icons";
 import { VCard } from "@/components/base/card";
 </script>
 <template>
-  <FilledLayout>
+  <BasicLayout>
     <VPageHeader title="附件库">
       <template #icon>
         <IconPalette class="self-center mr-2" />
@@ -41,5 +41,5 @@ import { VCard } from "@/components/base/card";
         </li>
       </ul>
     </div>
-  </FilledLayout>
+  </BasicLayout>
 </template>

src/views/interface/Themes.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { FilledLayout } from "@/layouts";
+import { BasicLayout } from "@/layouts";
 import { VPageHeader } from "@/components/base/header";
 import { VButton } from "@/components/base/button";
 import { VCard } from "@/components/base/card";
@@ -7,7 +7,7 @@ import { IconPalette } from "@/core/icons";
 import { themes } from "@/views/interface/themes-mock";
 </script>
 <template>
-  <FilledLayout>
+  <BasicLayout>
     <VPageHeader title="主题">
       <template #icon>
         <IconPalette class="self-center mr-2" />
@@ -42,5 +42,5 @@ import { themes } from "@/views/interface/themes-mock";
         </li>
       </ul>
     </div>
-  </FilledLayout>
+  </BasicLayout>
 </template>

src/views/interface/themes-mock.ts

@@ -90,7 +90,8 @@ export const themes = [
     themePath: "/root/.halo/templates/themes/louie_senpai_siren",
     folderName: "louie_senpai_siren",
     hasOptions: true,
-    screenshots: "https://demo.halo.run/themes/louie_senpai_siren/screenshot.png",
+    screenshots:
+      "https://demo.halo.run/themes/louie_senpai_siren/screenshot.png",
     postMetaField: null,
     sheetMetaField: null,
     activated: false,
@@ -186,7 +187,8 @@ export const themes = [
     themePath: "/root/.halo/templates/themes/codelunatic_simple",
     folderName: "codelunatic_simple",
     hasOptions: true,
-    screenshots: "https://demo.halo.run/themes/codelunatic_simple/screenshot.png",
+    screenshots:
+      "https://demo.halo.run/themes/codelunatic_simple/screenshot.png",
     postMetaField: null,
     sheetMetaField: null,
     activated: false,
@@ -306,7 +308,8 @@ export const themes = [
     themePath: "/root/.halo/templates/themes/fastbyte01_keepit",
     folderName: "fastbyte01_keepit",
     hasOptions: true,
-    screenshots: "https://demo.halo.run/themes/fastbyte01_keepit/screenshot.png",
+    screenshots:
+      "https://demo.halo.run/themes/fastbyte01_keepit/screenshot.png",
     postMetaField: null,
     sheetMetaField: null,
     activated: false,
@@ -523,7 +526,8 @@ export const themes = [
     themePath: "/root/.halo/templates/themes/SumiMakito_Journal",
     folderName: "SumiMakito_Journal",
     hasOptions: true,
-    screenshots: "https://demo.halo.run/themes/SumiMakito_Journal/screenshot.png",
+    screenshots:
+      "https://demo.halo.run/themes/SumiMakito_Journal/screenshot.png",
     postMetaField: null,
     sheetMetaField: null,
     activated: false,

src/views/posts/PageList.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import FilledLayout from "@/layouts/FilledLayout.vue";
+import BasicLayout from "@/layouts/BasicLayout.vue";
 import { VButton } from "@/components/base/button";
 import { VCard } from "@/components/base/card";
 import { VSpace } from "@/components/base/space";
@@ -29,7 +29,7 @@ const handleCheckAll = () => {
 handleCheckAll();
 </script>
 <template>
-  <FilledLayout>
+  <BasicLayout>
     <VPageHeader title="页面">
       <template #icon>
         <IconPages class="self-center mr-2" />
@@ -235,7 +235,7 @@ handleCheckAll();
         </template>
       </VCard>
     </div>
-  </FilledLayout>
+  </BasicLayout>
 </template>
 
 <style lang="scss">

src/views/posts/PostList.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import FilledLayout from "@/layouts/FilledLayout.vue";
+import BasicLayout from "@/layouts/BasicLayout.vue";
 import { VButton } from "@/components/base/button";
 import { VCard } from "@/components/base/card";
 import { VSpace } from "@/components/base/space";
@@ -29,7 +29,7 @@ const handleCheckAll = () => {
 handleCheckAll();
 </script>
 <template>
-  <FilledLayout>
+  <BasicLayout>
     <VPageHeader title="文章">
       <template #icon>
         <IconBookRead class="self-center mr-2" />
@@ -235,7 +235,7 @@ handleCheckAll();
         </template>
       </VCard>
     </div>
-  </FilledLayout>
+  </BasicLayout>
 </template>
 
 <style lang="scss">

src/views/users/Profile.vue

@@ -1,5 +1,5 @@
 <template>
-  <FilledLayout>
+  <BasicLayout>
     <header class="bg-white">
       <div class="h-48 bg-gradient-to-r from-gray-800 to-red-500"></div>
       <div class="px-4 sm:px-6 lg:px-8">
@@ -166,10 +166,10 @@
         </VTabItem>
       </VTabs>
     </section>
-  </FilledLayout>
+  </BasicLayout>
 </template>
 <script lang="ts" setup>
-import { FilledLayout } from "@/layouts";
+import { BasicLayout } from "@/layouts";
 import { VButton } from "@/components/base/button";
 import { VInput } from "@/components/base/input";
 import { VTextarea } from "@/components/base/textarea";