From be8cdb3b544b13dc277fe26aa7d7881484a65bd4 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Wed, 11 May 2022 20:41:42 +0800
Subject: [PATCH] refactor: rename FilledLayout to BasicLayout

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 .../{FilledLayout.vue => BasicLayout.vue}     |  0
 src/layouts/index.ts                          |  2 +-
 src/views/AboutView.vue                       |  6 +--
 src/views/HomeView.vue                        | 53 ++++++++++++++-----
 src/views/attachments/Attachments.vue         |  6 +--
 src/views/interface/Themes.vue                |  6 +--
 src/views/interface/themes-mock.ts            | 12 +++--
 src/views/posts/PageList.vue                  |  6 +--
 src/views/posts/PostList.vue                  |  6 +--
 src/views/users/Profile.vue                   |  6 +--
 10 files changed, 66 insertions(+), 37 deletions(-)
 rename src/layouts/{FilledLayout.vue => BasicLayout.vue} (100%)

diff --git a/src/layouts/FilledLayout.vue b/src/layouts/BasicLayout.vue
similarity index 100%
rename from src/layouts/FilledLayout.vue
rename to src/layouts/BasicLayout.vue
diff --git a/src/layouts/index.ts b/src/layouts/index.ts
index 462bbbf8a..907c3136a 100644
--- a/src/layouts/index.ts
+++ b/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";
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 6bf69e58e..7aa6155fd 100644
--- a/src/views/AboutView.vue
+++ b/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>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index e3e19a740..82caedb51 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,24 +1,49 @@
 <template>
-  <FilledLayout>
-    <VModal v-model:visible="visible" title="登录">
-      <div class="flex justify-between">
+  <BasicLayout>
+    <VPageHeader title="仪表盘">
+      <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>
-    </VModal>
-    <VButton type="secondary" @click="visible = true">打开</VButton>
-  </FilledLayout>
+    </div>
+  </BasicLayout>
 </template>
 <script lang="ts" setup>
-import { FilledLayout } from "@/layouts";
-import { VModal } from "@/components/base/modal";
+import { BasicLayout } from "@/layouts";
 import { VButton } from "@/components/base/button";
-import { ref } from "vue";
-
-const visible = ref(false);
+import { VCard } from "@/components/base/card";
+import { VPageHeader } from "@/components/base/header";
+import { IconDashboard } from "@/core/icons";
 </script>
diff --git a/src/views/attachments/Attachments.vue b/src/views/attachments/Attachments.vue
index 31e769944..579bb0a03 100644
--- a/src/views/attachments/Attachments.vue
+++ b/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>
diff --git a/src/views/interface/Themes.vue b/src/views/interface/Themes.vue
index a766f8696..12019b6d4 100644
--- a/src/views/interface/Themes.vue
+++ b/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>
diff --git a/src/views/interface/themes-mock.ts b/src/views/interface/themes-mock.ts
index 7c41fc723..354d10aa0 100644
--- a/src/views/interface/themes-mock.ts
+++ b/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,
diff --git a/src/views/posts/PageList.vue b/src/views/posts/PageList.vue
index a2c7e1c71..86fc0cd42 100644
--- a/src/views/posts/PageList.vue
+++ b/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">
diff --git a/src/views/posts/PostList.vue b/src/views/posts/PostList.vue
index b6a32e5c2..1ae89d0ce 100644
--- a/src/views/posts/PostList.vue
+++ b/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">
diff --git a/src/views/users/Profile.vue b/src/views/users/Profile.vue
index 05c9e3501..88c835211 100644
--- a/src/views/users/Profile.vue
+++ b/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";