+ what's new; better time to remove loading

package.json

@@ -1,6 +1,6 @@
 {
   "name": "paperlib",
-  "version": "1.7.8-dev.3",
+  "version": "1.7.8-dev.4",
   "description": "A simple academic paper management tool for CSer.",
   "productName": "Paperlib",
   "author": "Geoffrey Chen <[email protected]>",

packages/renderer/src/main.ts

@@ -20,13 +20,4 @@ app.component("v-select", vSelect);
 app.component("Splitpanes", Splitpanes);
 app.component("Pane", Pane);
 
-app.mount("#app").$nextTick(() => {
-  console.log("Remove loading...");
-  const oStyle = document.getElementById(
-    "app-loading-style"
-  ) as HTMLStyleElement;
-  const oDiv = document.getElementById("app-loading-wrap") as HTMLDivElement;
-
-  document.head.appendChild(oStyle);
-  document.body.removeChild(oDiv);
-});
+app.mount("#app");

packages/renderer/src/ui/app-view.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import "splitpanes/dist/splitpanes.css";
-import { onBeforeMount, onMounted, Ref, ref } from "vue";
+import { nextTick, onBeforeMount, onMounted, Ref, ref } from "vue";
 
 import { PaperCategorizer } from "../../../preload/models/PaperCategorizer";
 import { PaperEntity } from "../../../preload/models/PaperEntity";
@@ -195,6 +195,17 @@ onMounted(async () => {
   await reloadTags();
   await reloadFolders();
   await reloadEntities();
+
+  nextTick(() => {
+    console.log("Remove loading...");
+    const oStyle = document.getElementById(
+      "app-loading-style"
+    ) as HTMLStyleElement;
+    const oDiv = document.getElementById("app-loading-wrap") as HTMLDivElement;
+
+    document.head.appendChild(oStyle);
+    document.body.removeChild(oDiv);
+  });
 });
 </script>
 

packages/renderer/src/ui/whats-new-view.vue

@@ -28,28 +28,42 @@ onMounted(() => {
   >
     <div
       id="whats-new-view"
-      class="absolute w-full h-full top-0 left-0 bg-white dark:bg-neutral-800 z-50 py-20 overflow-auto dark:text-neutral-200"
+      class="absolute w-full h-full top-0 left-0 bg-white dark:bg-neutral-800 z-50 pt-20 pb-48 overflow-auto dark:text-neutral-200"
       v-if="show"
     >
       <div class="w-[40rem] h-screen px-3 mx-auto">
         <img class="w-20 mx-auto mb-2" src="../assets/icon.png" />
         <p class="text-center text-2xl font-bold mb-8">
-          What's New in Paperlib 1.7.7
+          What's New in Paperlib 1.7.8
         </p>
-        <li>Chorme extension is ready.</li>
-        <p class="ml-5">Chrome 插件已经审核通过可以下载了。</p>
-
-        <p class="mt-10"><b>Fixed bugs</b></p>
+        <p class="mt-10"><b>News</b></p>
         <li>
-          "cmd+shift+I" A JavaScript error occurred in the main process #100
+          <b
+            >Apple Silicon (M1/M2) BETA is ready. Download it from Paperlib
+            webpage.</b
+          >
         </li>
-        <p class="ml-5">BibTex快捷插入插件在特定屏幕分辨率下无法打开的问题。</p>
-        <li>Long warning window when importing papers #99</li>
-        <p class="ml-5">极少数论文提取过长错误标题的问题。</p>
-        <li>UI length overflow in the preference panel #98</li>
-        <p class="ml-5">设置界面论文库地址显示超出边界的问题。</p>
-        <li>Several webdav issues.</li>
-        <p class="ml-5">WebDAV 相关若干问题。</p>
+        <p class="ml-5">
+          Apple Silicon (M1/M2) Beta
+          测试版本可以下载了，不再需要转译运行，如果您想要尝试，请前往
+          https://paperlib.app/en/download/ 下载对应版本。如果遇到任何 Bug
+          请前往 Github 上提 Issue。
+        </p>
+
+        <p class="mt-10"><b>New Features</b></p>
+        <li>Custom file renaming format #102</li>
+        <p class="ml-5">设置中可设置自定义导入文件重命名格式。</p>
+        <img
+          class="mx-auto mt-5 mb-8 rounded-md shadow-lg"
+          src="../assets/1.png"
+        />
+
+        <li>Adjustable left panel width. #103</li>
+        <p class="ml-5">可以拖拽调整左侧边栏的宽度。</p>
+        <img
+          class="mx-auto w-96 mt-5 mb-8 rounded-md shadow-lg"
+          src="../assets/2.png"
+        />
 
         <div
           class="mt-10 mx-auto flex w-60 h-10 bg-accentlight dark:bg-accentdark text-neutral-50 rounded-md shadow-md cursor-pointer"