更新使用方式为左键功能右键返回

NOTF-API · NOTF-API · commit 7f8ffdc15a0b · 2023-11-18T11:12:10.000+08:00
diff --git a/env.js b/env.js
@@ -13,7 +13,6 @@ const ISAAC_SOCKET_OFFICIAL_MOD_NAME = "IsaacSocket"
 const ISAAC_SOCKET_MOD_NAME = "IsaacSocket(auto installed)"
 const TARGET_ISAAC_SOCKET_MOD_VERSION = "1.0"
 
-
 const compareVersion = (v1, v2) => {
   const v1Arr = v1.split('.')
   const v2Arr = v2.split('.')
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
   <title>Isaac's Box</title>
 </head>
 
-<body>
+<body oncontextmenu="return false">
   <div id="loading">LOADING</div>
   <div id="app"></div>
   <script type="module" src="/src/main.js"></script>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "isaac-box",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "main": "main.js",
   "author": "NOTF-API",
   "description": "Isaac's Console Client based on IsaacSocket",
diff --git a/src/components/CardsList/CardItem.vue b/src/components/CardsList/CardItem.vue
@@ -1,6 +1,5 @@
 <template>
-  <div class="item card" :class="{ 'list-styled': props.isListStyled }"
-    @click.left="handleSpawn(pocketItemsData[props.gid].id)" @click.right="handleGive(props.gid)">
+  <div class="item card" :class="{ 'list-styled': props.isListStyled }" @click="handleClick($event)">
     <div class="gid" v-show="props.showId">{{ props.gid }}</div>
     <div class="image">
       <div class="sprite" :style="{ backgroundPosition: `${-data[gid].left * 32}px ${-data[gid].top * 32}px` }"></div>
@@ -18,13 +17,13 @@ import data from './cards.js'
 const props = defineProps(['gid', 'isListStyled', 'showId'])
 const pocketItemsData = window._resource.pocketItems
 
-const handleSpawn = (id) => {
-  emit("COMMAND", `spawn 5.300.${id}`);
-}
-
-
-const handleGive = (gid) => {
-  emit("COMMAND", `g ${gid}`);
+const handleClick = ($event) => {
+  const gid = props.gid
+  if ($event.ctrlKey) {
+    emit("COMMAND", `g ${gid}`);
+  } else {
+    emit("COMMAND", `spawn 5.300.${pocketItemsData[gid].id}`);
+  }
 }
 </script>
 
diff --git a/src/components/CollectiblesList/CollectibleItem.vue b/src/components/CollectiblesList/CollectibleItem.vue
@@ -1,6 +1,5 @@
 <template>
-  <div class="item" :class="{ 'list-styled': props.isListStyled }" @click.left="handleSpawn(item.id)"
-    @click.right="handleGive(item._gid)">
+  <div class="item" :class="{ 'list-styled': props.isListStyled }" @click="handleClick($event, item)">
     <div class="quality" v-show="props.showQuality" :class="'level' + item.quality"></div>
     <div class="image" :style="getImageSource(item.gfx)"></div>
     <div class="id" v-show="props.showId">{{ item._gid }}</div>
@@ -14,12 +13,20 @@ import { emit } from "@/utils/ws"
 
 const props = defineProps(['item', 'isListStyled', 'showQuality', 'showId'])
 
-const handleSpawn = (id) => {
-  emit("COMMAND", `spawn 5.100.${id}`);
-}
 
-const handleGive = (gid) => {
-  emit("COMMAND", `g ${gid}`);
+/**
+ * Handles the click event.
+ *
+ * @param {MouseEvent} $event - The click event object.
+ * @param {Object} item - The item object.
+ */
+const handleClick = ($event, item) => {
+  const { id, _gid } = item
+  if ($event.ctrlKey) {
+    emit("COMMAND", `g ${_gid}`);
+  } else {
+    emit("COMMAND", `spawn 5.100.${id}`);
+  }
 }
 
 const getImageSource = (gfx) => {
diff --git a/src/components/MainMenu/MainMenu.vue b/src/components/MainMenu/MainMenu.vue
@@ -35,28 +35,19 @@ const handleClear = () => {
   searchInput.value = ""
 }
 
+window.addEventListener("mousedown", (event) => {
+  if (event.button === 2) {
+    handleReturn();
+  }
+})
+
 window.addEventListener("keydown", (event) => {
   if (event.key === "Escape") {
-    if (isLanguageSelectVisible.value) {
-      isLanguageSelectVisible.value = false;
-      return;
-    }
-    if (searchInput.value.length !== 0) {
-      searchInput.value = ""
-      return;
-    }
-    submenus.forEach((submenu) => {
-      if (submenu.active.value) {
-        submenu.active.value === false
-      }
-    });
-    isMainActive.value = true;
-    transform.x = 0;
-    transform.y = 0;
+    handleReturn();
   }
   else if (/^[a-zA-Z0-9\x20\.]{1}$$/.test(event.key)) {
     searchInput.value += event.key;
-  } else if (event.key === "Backspace") {
+  } else if (event.key === "Backspace" || event.key === "Delete") {
     if (searchInput.value.length === 0) {
       return;
     } else {
@@ -65,6 +56,25 @@ window.addEventListener("keydown", (event) => {
   }
 });
 
+const handleReturn = () => {
+  if (isLanguageSelectVisible.value) {
+    isLanguageSelectVisible.value = false;
+    return;
+  }
+  if (searchInput.value.length !== 0) {
+    searchInput.value = ""
+    return;
+  }
+  submenus.forEach((submenu) => {
+    if (submenu.active.value) {
+      submenu.active.value === false
+    }
+  });
+  isMainActive.value = true;
+  transform.x = 0;
+  transform.y = 0;
+}
+
 const isMainActive = ref(true);
 const transform = reactive({
   x: 0,
diff --git a/src/components/TrinketsList/TrinketItem.vue b/src/components/TrinketsList/TrinketItem.vue
@@ -1,14 +1,12 @@
 <template>
   <div v-if="!props.isGolden" class="item" :class="{ 'list-styled': props.isListStyled }"
-    @click.left="handleSpawn(props.item.id)" @click.right="handleGive(props.item._gid)">
+    @click="handleClick($event, false)">
     <div class="id" v-show="showId">{{ props.item._gid }}</div>
     <div class="name">{{ props.item.name }}</div>
     <div class="description">{{ props.item.description }}</div>
     <div class="image" :style="getImageSource(props.item.gfx)"></div>
   </div>
-  <div v-else class="golden item" :class="{ 'list-styled': props.isListStyled }"
-    @click.left="handleSpawn(parseInt(props.item.id) + 32768)"
-    @click.right="handleGive(props.item._gid.toUpperCase())">
+  <div v-else class="golden item" :class="{ 'list-styled': props.isListStyled }" @click="handleClick($event, true)">
     <div class="id" v-show="showId">{{ 'T' + (parseInt(props.item.id) + 32768) }}</div>
     <div class="name">{{ props.item.name }}</div>
     <div class="description">{{ props.item.description }}</div>
@@ -21,13 +19,16 @@ import { emit } from "@/utils/ws"
 
 const props = defineProps(['item', 'isGolden', 'showId', 'isListStyled'])
 
-const handleSpawn = (id) => {
-  emit("COMMAND", `spawn 5.350.${id}`);
+const handleClick = ($event, isLarge) => {
+  if ($event.ctrlKey) {
+    const gid = props.item._gid
+    emit("COMMAND", `g ${isLarge ? gid.toUpperCase() : gid}`);
+  } else {
+    const id = parseInt(props.item.id);
+    emit("COMMAND", `spawn 5.300.${isLarge ? id + 32768 : id}`);
+  }
 }
 
-const handleGive = (gid) => {
-  emit("COMMAND", `g ${gid}`);
-}
 const getImageSource = (gfx) => {
   return {
     backgroundImage: `url('${gfx}')`

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "isaac-box",`
`3`	`3`	`"private": true,`
`4`		`- "version": "1.0.0",`
	`4`	`+ "version": "1.1.0",`
`5`	`5`	`"main": "main.js",`
`6`	`6`	`"author": "NOTF-API",`
`7`	`7`	`"description": "Isaac's Console Client based on IsaacSocket",`