feat: 后台编辑器增加保存快捷键提示

packages/admin/src/components/SaveTip/index.tsx

@@ -0,0 +1,18 @@
+import { isMac, isMobileByScreenSize } from "@/services/van-blog/ua"
+import { useMemo } from "react"
+
+export const SaveTip = () => {
+  const text = useMemo(() => {
+    if (isMobileByScreenSize()) {
+      return "保存"
+    } else {
+      if (isMac()) {
+        return "保存 ⌘ + S"
+      } else {
+        return "保存 Ctrl + S"
+      }
+    }
+
+  }, [])
+  return <span>{text}</span>
+}

packages/admin/src/pages/Editor/index.jsx

@@ -3,6 +3,7 @@ import EditorProfileModal from '@/components/EditorProfileModal';
 import PublishDraftModal from '@/components/PublishDraftModal';
 import Tags from '@/components/Tags';
 import UpdateModal from '@/components/UpdateModal';
+import { SaveTip } from "@/components/SaveTip";
 import {
   deleteArticle,
   deleteDraft,
@@ -405,7 +406,7 @@ export default function () {
         ),
         extra: [
           <Button key="extraSaveBtn" type="primary" onClick={handleSave}>
-            保存
+            {<SaveTip />}
           </Button>,
           <Button
             key="backBtn"

packages/admin/src/services/van-blog/ua.tsx

@@ -0,0 +1,6 @@
+export const isMac = (): boolean =>
+  typeof navigator !== "undefined" &&
+  Boolean(navigator.userAgent?.toLowerCase().includes("mac"));
+export const isMobileByScreenSize = (): boolean =>
+  typeof matchMedia !== "undefined" &&
+  !matchMedia(`(min-width: 768px)`)?.matches;