feat: ✨ Complex scene of FileSelector.

src-tauri/Cargo.toml

@@ -25,6 +25,7 @@ tauri-build = { version = "1.5.0", features = [] }
 anyhow = { version = "1.0.75", features = ["backtrace"] }
 serde = { version = "1.0.192", features = ["derive"] }
 serde_json = "1.0.108"
+tokio = { version = "1.34.0", features = ["fs", "macros", "rt", "rt-multi-thread"] }
 
 [dependencies.digital-signature-crypto]
 version = "0.1.0"

src-tauri/src/error.rs

@@ -0,0 +1,46 @@
+use std::{
+    fmt::{self, Display, Formatter},
+    io,
+};
+
+use serde::Serialize;
+
+#[derive(Debug)]
+pub struct Error(anyhow::Error);
+
+pub type Result<T> = std::result::Result<T, Error>;
+
+impl From<anyhow::Error> for Error {
+    fn from(value: anyhow::Error) -> Self {
+        Self(value)
+    }
+}
+
+impl From<digital_signature_crypto::error::Error> for Error {
+    fn from(value: digital_signature_crypto::error::Error) -> Self {
+        Self(anyhow::Error::from(value))
+    }
+}
+
+impl From<io::Error> for Error {
+    fn from(value: io::Error) -> Self {
+        Self(anyhow::Error::from(value))
+    }
+}
+
+impl Display for Error {
+    fn fmt(&self, f: &mut Formatter<'_>) -> fmt::Result {
+        write!(f, "{}", self.0)
+    }
+}
+
+impl std::error::Error for Error {}
+
+impl Serialize for Error {
+    fn serialize<S>(&self, serializer: S) -> std::prelude::v1::Result<S::Ok, S::Error>
+    where
+        S: serde::Serializer,
+    {
+        serializer.serialize_str(&self.0.to_string())
+    }
+}

src-tauri/src/fs.rs

@@ -0,0 +1,55 @@
+use std::path::Path;
+
+use serde::Serialize;
+use tokio::fs;
+
+use crate::error::Result;
+
+#[repr(u8)]
+#[derive(Debug, Clone, Copy)]
+pub enum FileType {
+    File = 0,
+    Dir = 1,
+    Other = 2,
+    Inexist = 3,
+}
+
+impl Serialize for FileType {
+    fn serialize<S>(&self, serializer: S) -> std::prelude::v1::Result<S::Ok, S::Error>
+    where
+        S: serde::Serializer,
+    {
+        serializer.serialize_u8(*self as u8)
+    }
+}
+
+#[tauri::command]
+pub async fn file_type(path: &Path) -> Result<FileType> {
+    Ok(match fs::metadata(path).await {
+        Ok(metadata) => {
+            if metadata.is_dir() {
+                FileType::Dir
+            } else if metadata.is_file() {
+                FileType::File
+            } else {
+                FileType::Other
+            }
+        }
+        Err(_) => FileType::Inexist,
+    })
+}
+
+#[cfg(test)]
+mod tests {
+    use std::path::PathBuf;
+
+    use super::file_type;
+
+    #[tokio::test]
+    async fn test() {
+        println!("{:?}", file_type(&PathBuf::from("/home/")).await);
+        println!("{:?}", file_type(&PathBuf::from("/etc/fstab")).await);
+        println!("{:?}", file_type(&PathBuf::from("/home/inexist")).await);
+        println!("{:?}", file_type(&PathBuf::from("/bin/sh")).await);
+    }
+}

src-tauri/src/keygen.rs

@@ -0,0 +1,13 @@
+//! Used for key generation.
+
+use std::path::Path;
+
+use digital_signature_crypto::keygen::write_key_pair;
+
+use crate::error::Result;
+
+#[tauri::command]
+pub async fn generate_key_pair(name: &str, email: &str, path: &Path) -> Result<()> {
+    write_key_pair(name, email, path).await?;
+    Ok(())
+}

src-tauri/src/main.rs

@@ -3,9 +3,15 @@
 
 // Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
 
+use crate::{fs::file_type, keygen::generate_key_pair};
+
+mod error;
+mod fs;
+mod keygen;
+
 fn main() -> anyhow::Result<()> {
     tauri::Builder::default()
-        .invoke_handler(tauri::generate_handler![])
+        .invoke_handler(tauri::generate_handler![generate_key_pair, file_type])
         .run(tauri::generate_context!())?;
     Ok(())
 }

src/App.vue

@@ -8,10 +8,10 @@ import {
   VWindowItem,
 } from "vuetify/components";
 import { mdiFileKey, mdiFileCheck, mdiKeyChain } from "@mdi/js";
-import SignView from "./views/SignView.vue";
-import ValidateView from "./views/ValidateView.vue";
-import KeygenView from "./views/KeygenView.vue";
-import ColorSwitcher from "./components/ColorSwitcher.vue";
+import SignView from "@/views/SignView.vue";
+import ValidateView from "@/views/ValidateView.vue";
+import KeygenView from "@/views/KeygenView.vue";
+import ColorSwitcher from "@/components/ColorSwitcher.vue";
 import { useSessionStorage } from "@vueuse/core";
 
 const enum Tab {
@@ -40,13 +40,13 @@ const tab = useSessionStorage("tab", Tab.sign);
 
     <VWindow v-model="tab">
       <VWindowItem :value="Tab.sign">
-        <SignView />
+        <SignView :activated="tab === Tab.sign" />
       </VWindowItem>
       <VWindowItem :value="Tab.validate">
-        <ValidateView />
+        <ValidateView :activated="tab === Tab.validate" />
       </VWindowItem>
       <VWindowItem :value="Tab.keygen">
-        <KeygenView />
+        <KeygenView :activated="tab === Tab.keygen" />
       </VWindowItem>
     </VWindow>
   </VApp>

src/components/FileSelector.vue

@@ -7,46 +7,63 @@ import { VBtn, VCard, VDialog, VIcon } from "vuetify/components";
 
 import UploadFile from "~icons/ic/twotone-upload-file";
 import FolderOpen from "~icons/ic/twotone-folder-open";
+import Reject from "~icons/ic/twotone-highlight-off";
 
 import { useVModel } from "@vueuse/core";
+import { invoke } from "@tauri-apps/api/tauri";
+import { onActivated } from "vue";
+import { onDeactivated } from "vue";
 
 const props = defineProps<{
   modelValue: string | undefined;
-  directory: boolean;
+  directory?: boolean;
 }>();
 
 const emits = defineEmits<{
   (event: "update:modelValue", value: string | undefined): void;
 }>();
 
-const files = useVModel(props, "modelValue", emits);
+const file = useVModel(props, "modelValue", emits);
 
 const SelectFile = async () => {
   const selected = (await open({
     multiple: false,
     directory: props.directory,
   })) as string | null;
-  files.value = selected ?? undefined;
+  file.value = selected ?? undefined;
 };
 
 const hover = ref(false);
+const hover_accept = ref(false);
 
 let listeners: UnlistenFn[];
 
+const enum FileType {
+  file = 0,
+  dir = 1,
+  other = 2,
+  inexist = 3,
+}
+
+const checkFileType = async (path: string) => {
+  const fileType = await invoke<FileType>("file_type", { path });
+  return fileType === (props.directory ? FileType.dir : FileType.file);
+};
+
 onMounted(async () => {
   listeners = await Promise.all([
-    listen<string[]>(TauriEvent.WINDOW_FILE_DROP_HOVER, () => {
+    listen<string[]>(TauriEvent.WINDOW_FILE_DROP_HOVER, async (e) => {
       hover.value = true;
+      hover_accept.value =
+        e.payload.length == 1 && (await checkFileType(e.payload[0]));
     }),
     listen<string[]>(TauriEvent.WINDOW_FILE_DROP, async (e) => {
-      console.log(e.payload);
-      if (e.payload.length != 1) {
+      console.log("DROP!!");
+      if (e.payload.length != 1 || !(await checkFileType(e.payload[0]))) {
         await message(
-          "You can only drop one file here.\n" +
-            "You have selected:\n" +
-            e.payload.join("\n"),
+          props.directory ? "请拖放一个文件夹到此处" : "请拖放一个文件到此处",
         );
-      } else files.value = e.payload[0];
+      } else file.value = e.payload[0];
       hover.value = false;
     }),
     listen<void>(TauriEvent.WINDOW_FILE_DROP_CANCELLED, () => {
@@ -58,19 +75,21 @@ onMounted(async () => {
   ]);
 });
 
-onUnmounted(() => {
-  listeners.forEach((unlisten) => unlisten());
-});
+onUnmounted(() => listeners.forEach((unlisten) => unlisten()));
 </script>
 <template>
   <VBtn :prepend-icon="FolderOpen" @click="SelectFile"> 选择文件 </VBtn>
   <VDialog v-model="hover" height="100%">
-    <VCard class="hover-indication-box">
+    <VCard v-if="hover_accept" class="hover-indication-box">
       <VIcon :icon="UploadFile" class="hover-indication-icon" />
       <div class="hover-indication-text text-blue-darken-3 mt-3">
         拖拽至此处
       </div>
     </VCard>
+    <VCard v-else class="hover-indication-box">
+      <VIcon :icon="Reject" class="hover-indication-icon" />
+      <div class="hover-indication-text text-blue-darken-3 mt-3">请</div>
+    </VCard>
   </VDialog>
 </template>
 <style scoped>

src/views/KeygenView.vue

@@ -3,6 +3,10 @@ import { ref } from "vue";
 import FileSelector from "@/components/FileSelector.vue";
 import { VBtn, VContainer, VTextField } from "vuetify/components";
 import { mdiCheck } from "@mdi/js";
+import { invoke } from "@tauri-apps/api/tauri";
+
+defineProps<{ activated: boolean }>();
+
 const name = ref("");
 const email = ref("");
 
@@ -17,6 +21,14 @@ const rules = {
     return regex.test(value) || "非法邮件地址";
   },
 };
+
+const generateKeyPair = async () => {
+  await invoke("generate_key_pair", {
+    name: name.value,
+    email: email.value,
+    path: file.value,
+  });
+};
 </script>
 
 <template>
@@ -28,10 +40,12 @@ const rules = {
       label="邮箱"
       :rules="[rules.required, rules.email]"
     />
-    <FileSelector v-model="file" directory />
+    <FileSelector v-if="activated" v-model="file" directory />
     <div v-if="file">
       {{ file }}
     </div>
-    <VBtn :prepend-icon="mdiCheck" color="#4CAF50">提交</VBtn>
+    <VBtn :prepend-icon="mdiCheck" color="#4CAF50" @click="generateKeyPair"
+      >提交</VBtn
+    >
   </VContainer>
 </template>

src/views/SignView.vue

@@ -2,13 +2,16 @@
 import { ref } from "vue";
 import FileSelector from "@/components/FileSelector.vue";
 import { VContainer } from "vuetify/components";
+
+defineProps<{ activated: boolean }>();
+
 const file = ref<string>();
 </script>
 
 <template>
   <VContainer fluid>
     <h1 class="pa-2">签名</h1>
-    <FileSelector v-model="file" />
+    <FileSelector v-if="activated" v-model="file" />
     <div v-if="file">
       {{ file }}
     </div>

src/views/ValidateView.vue

@@ -2,13 +2,16 @@
 import { ref } from "vue";
 import FileSelector from "@/components/FileSelector.vue";
 import { VContainer } from "vuetify/components";
+
+defineProps<{ activated: boolean }>();
+
 const file = ref<string>();
 </script>
 
 <template>
   <VContainer fluid>
     <h1 class="pa-2">校验</h1>
-    <FileSelector v-model="file" />
+    <FileSelector v-if="activated" v-model="file" />
     <div v-if="file">
       {{ file }}
     </div>