perf: 快捷键修改 增加黑色模式

 - 新增黑色模式 跟随utools
 - 修改快捷键 改为了 ctrl+shift+c
 - 修复非必填项判断的问题

一个简单 git Commit Message 书写的表单工具

Author: chunshand

README.md

@@ -0,0 +1,5 @@
+ - 新增黑色模式 跟随utools
+ - 修改快捷键 改为了 ctrl+shift+c
+ - 修复非必填项判断的问题
+
+一个简单 git Commit Message 书写的表单工具。

src/App.vue

@@ -10,15 +10,26 @@
     <NButton @click="theme = null">浅色</NButton> -->
 </template>
 <script setup lang="ts">
-import { ref } from "vue";
-// import {
-//     NConfigProvider,
-//     NMessageProvider,
-//     NCard,
-//     NButton,
-//     darkTheme,
-// } from "naive-ui";
+import { ref, onMounted } from "vue";
+import { darkTheme } from "naive-ui";
 import Home from "./components/home2.vue";
 const theme = ref(null);
+const loadFunc = () => {
+    if (utools.isDarkColors()) {
+        theme.value = darkTheme;
+    } else {
+        theme.value = null;
+    }
+};
+let utools = null;
+if (window["utools"]) {
+    utools = window["utools"];
+    utools.onPluginReady(() => {
+        console.log("插件装配完成，已准备好");
+        loadFunc();
+    });
+    utools.onPluginEnter(({ code, type, payload }) => {
+        loadFunc();
+    });
+}
 </script>
-

src/components/home2.vue

@@ -1,7 +1,7 @@
 
 
 <template>
-    <NCard :bordered="false">
+    <NCard :bordered="false" class="card-class">
         <NGrid cols="24" item-responsive responsive="screen">
             <NGridItem span="24 m:12 l:12" offset="0 m:6 l:6">
                 <NSpace vertical>
@@ -37,25 +37,25 @@
                             <NInput
                                 v-model:value="scope"
                                 size="large"
-                                placeholder="范围"
+                                placeholder="范围(非必填)"
                             ></NInput
                         ></NGridItem>
                     </NGrid>
                     <NInput
                         v-model:value="subject"
                         size="large"
-                        placeholder="简短描述"
+                        placeholder="简短描述(必填)"
                     ></NInput>
 
                     <NInput
                         v-model:value="body"
                         type="textarea"
                         :rows="10"
                         size="large"
-                        placeholder="具体内容"
+                        placeholder="具体内容(非必填)"
                     ></NInput>
                 </NSpace>
-                <NText depth="3">ctrl + alt 快速复制并关闭 </NText>
+                <NText depth="3">Ctrl + Shift + C 快速复制并关闭 </NText>
                 <!-- <ElFormItem label="最后">
                         <NInput v-model="footer" type="textarea"></NInput>
                     </ElFormItem> -->
@@ -82,7 +82,7 @@ import { useClipboard, useMagicKeys } from "@vueuse/core";
 const message = useMessage();
 
 const keys = useMagicKeys();
-const shiftCtrlC = keys["Ctrl+Alt"];
+const shiftCtrlC = keys["Ctrl+Shift+C"];
 
 watch(shiftCtrlC, (v) => {
     if (v) {
@@ -177,7 +177,8 @@ onMounted(() => {
     }
 });
 const handleCopy = async () => {
-    if (!scope.value) {
+    if (!subject.value) {
+        message.error("必填项必填");
         return;
     }
     let content = handleGetContent();
@@ -188,4 +189,9 @@ const handleCopy = async () => {
     });
 };
 </script>
-
+<style scoped>
+.card-class {
+    width: 100%;
+    height: 100vh;
+}
+</style>