✨ Ctrl+Enter确定导入 #537

Author: CodFrm

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scriptcat",
-  "version": "1.0.0-beta.1",
+  "version": "1.1.0-beta",
   "description": "脚本猫,一个可以执行用户脚本的浏览器扩展,万物皆可脚本化,让你的浏览器可以做更多的事情!",
   "author": "CodFrm",
   "license": "GPLv3",

src/pages/components/layout/MainLayout.tsx

@@ -129,6 +129,12 @@ const MainLayout: React.FC<{
     });
   });
 
+  const handleImport = async () => {
+    const urls = importRef.current!.dom.value.split("\n").filter((v) => v);
+    importByUrlsLocal(urls);
+    setImportVisible(false);
+  };
+
   return (
     <ConfigProvider
       renderEmpty={() => {
@@ -147,16 +153,24 @@ const MainLayout: React.FC<{
           <Modal
             title={t("import_link")}
             visible={importVisible}
-            onOk={async () => {
-              const urls = importRef.current!.dom.value.split("\n").filter((v) => v);
-              importByUrlsLocal(urls);
-              setImportVisible(false);
-            }}
+            onOk={handleImport}
             onCancel={() => {
               setImportVisible(false);
             }}
           >
-            <Input.TextArea ref={importRef} rows={8} placeholder={t("import_script_placeholder")} defaultValue="" />
+            <Input.TextArea
+              ref={importRef}
+              rows={8}
+              placeholder={t("import_script_placeholder")}
+              defaultValue=""
+              onKeyDown={(e) => {
+                console.log(e);
+                if (e.ctrlKey && e.key === "Enter") {
+                  e.preventDefault();
+                  handleImport();
+                }
+              }}
+            />
           </Modal>
           <div className="flex row items-center">
             <img style={{ height: "40px" }} src="/assets/logo.png" alt="ScriptCat" />