Release 1.0.0-alpha.1

Author: NeserCode

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "rocox-codex",
 	"private": false,
-	"version": "1.0.0-beta.1",
+	"version": "1.0.0-alpha.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "rocox-codex"
-version = "1.0.0-beta.1"
+version = "1.0.0-alpha.1"
 description = "Rocox Codex"
 authors = ["NeserCode"]
 license = "MIT"

src-tauri/Cargo.toml

@@ -44,6 +44,7 @@ fn main() {
                                 .Headers()
                                 .unwrap()
                                 .SetHeader(
+                                    // Origin
                                     PCWSTR::from_raw(str_to_pcwstr("referrer").as_ptr()),
                                     PCWSTR::from_raw(
                                         str_to_pcwstr("https://rocotime.com").as_ptr(),

src-tauri/src/main.rs

@@ -8,15 +8,15 @@
 	},
 	"package": {
 		"productName": "RoCoX Codex",
-		"version": "1.0.0-beta.1"
+		"version": "1.0.0-alpha.1"
 	},
 	"tauri": {
 		"allowlist": {
 			"all": true
 		},
 		"bundle": {
 			"active": true,
-			"targets": "all",
+			"targets": "nsis",
 			"identifier": "com.nesercode.rocox-codex.dev",
 			"icon": [
 				"icons/32x32.png",

src-tauri/tauri.conf.json

@@ -14,6 +14,7 @@ interface ChainItemProp {
 }
 </script>
 <script lang="ts" setup>
+// @ts-ignore
 import { BoltIcon } from "@heroicons/vue/20/solid"
 import { Ref, ref, toRefs } from "vue"
 
@@ -23,7 +24,7 @@ import { useStorage } from "@vueuse/core"
 import { WindowCreator } from "../composables/useWindow"
 
 const $props = defineProps<{
-	chainTo: ChainItemProp
+	chainTo: ChainItemProp | ChainItemProp[]
 }>()
 const { chainTo } = toRefs($props)
 const { iconStaticURL } = useApi()
@@ -37,10 +38,6 @@ const iconSrc = (hash: string, angelId: string) => {
 	return `${iconStaticURL}${id < 100 ? "0" : ""}${id}-.png`
 }
 
-const lastLevelClass = (to: string | ChainItemProp[]) => {
-	return to == "0" ? "last-level-in-chain" : null
-}
-
 const $router = useRouter()
 const alwaysTargetNewWindow = useStorage("rocox-new-window-target", false)
 const angelPageTitle = useStorage("rocox-angel-page-title", "")
@@ -67,9 +64,9 @@ function goAngelView(hash: string) {
 </script>
 
 <template>
-	<div :class="['chain-item', lastLevelClass(chainTo.to)]">
+	<div class="chain-item">
 		<template
-			v-if="chainTo.start && !Array.isArray(chainTo)"
+			v-if="!Array.isArray(chainTo) && chainTo.start"
 			class="chain-children"
 		>
 			<span
@@ -88,15 +85,15 @@ function goAngelView(hash: string) {
 			</span>
 			<span class="option">
 				<BoltIcon class="icon" />
-				<span class="lv" v-if="chainTo.lv">lv {{ chainTo.lv }}</span>
+				<span class="lv" v-if="chainTo.lv">Level {{ chainTo.lv }}</span>
 				<span class="lv" v-else>Super</span>
 			</span>
 			<chainItem
 				v-if="!(typeof chainTo.to === 'string')"
 				:chainTo="chainTo.to"
 			/>
 		</template>
-		<template v-if="!chainTo.start && Array.isArray(chainTo)">
+		<template v-if="Array.isArray(chainTo)">
 			<span v-for="item of chainTo" class="chain-children">
 				<span
 					class="angel-item"

src/components/ChainItem.vue

@@ -57,6 +57,7 @@ watch(listData, (val: any[]) => {
 		listSize: val.length,
 		pageSize: pageSize.value,
 		total: totalFromID.value,
+		canJump: false,
 	})
 	console.log(listData.value)
 })
@@ -66,7 +67,8 @@ watch(listData, (val: any[]) => {
 	<div class="item-list-main custom-scrollbar">
 		<div class="item-card" v-for="item in listData" :key="item.hash">
 			<span class="name-text">
-				<span class="id">#{{ item.id }}</span> ·
+				<span class="id">#{{ item.id }}</span>
+				<span class="font-bold inline-block mx-1"> · </span>
 				<span class="name">{{ item.name }}</span>
 			</span>
 			<span class="details">
@@ -78,17 +80,19 @@ watch(listData, (val: any[]) => {
 					alt="item image"
 					draggable="false"
 				/>
-				<CubeTransparentIcon v-else class="icon" />
+				<CubeTransparentIcon v-else class="icon placeholder" />
 				<span class="text">
 					<span class="unique"
 						>持有 · {{ parseInt(item.Unique) ? "" : "不" }}唯一</span
 					>
 					<span class="price">售价 · {{ item.Price }}</span>
-					<span class="desc">描述 · {{ item.Desc }}</span>
+					<span class="desc"
+						>描述 · {{ item.Desc ?? "这是一段空白的描述" }}</span
+					>
 				</span>
 			</span>
 		</div>
-		<Transition name="slidedown" mode="in-out" :appear="true">
+		<Transition name="slideup" mode="in-out" appear>
 			<div class="empty-palceholder" v-if="isEmpty">
 				<span class="empty-icons">
 					<CubeTransparentIcon class="icon" /> ·
@@ -109,28 +113,40 @@ watch(listData, (val: any[]) => {
 }
 
 .item-card {
-	@apply inline-flex flex-col;
+	@apply inline-flex flex-col items-center justify-center max-w-xs mb-0.5
+	snap-start;
 }
 
 .name-text {
-	@apply inline-flex items-center
-  font-semibold text-base;
+	@apply inline-flex w-full items-center justify-start my-1
+  font-bold text-sm;
 }
 .details {
-	@apply inline-flex;
+	@apply inline-flex w-full items-center justify-center;
 }
 .details .icon {
-	@apply w-12 h-12;
+	@apply inline-flex justify-center items-center w-16 h-fit box-content mr-1
+  border-2 rounded transition-all
+	border-slate-300 dark:border-slate-600;
+}
+.placeholder {
+	@apply w-16 p-0.5 px-1;
 }
 .details .text {
-	@apply inline-flex flex-wrap;
+	@apply inline-flex flex-wrap justify-between items-center;
 }
 
 .text .unique,
 .text .price,
 .text .desc {
-	@apply inline-block px-1 py-0.5 mr-1 mb-1
-  border-2 rounded;
+	@apply inline-flex items-center h-fit px-1 py-0.5 mr-1 mb-1
+	text-gray-700 dark:text-gray-300
+	border-slate-300 dark:border-slate-600
+  border-2 rounded text-sm font-bold text-opacity-75 dark:text-opacity-75
+	transition-all;
+}
+.text .desc {
+	@apply w-full mb-0;
 }
 
 .empty-palceholder {

src/components/ItemList.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, inject, watch, computed } from "vue"
+import { ref, inject, watch } from "vue"
 import { UpdateSearchFunctionalKey } from "../tokens"
 import { useStorage } from "@vueuse/core"
 const innerValue = ref("")

src/components/SearchFilter.vue

@@ -104,9 +104,11 @@ function goSkillView(hash: string) {
 						class="icon property"
 						:src="getFeatureIconSrc(skill.property)"
 						alt="skill property"
+						draggable="false"
 					/>
 					<img
 						v-if="skill.power !== '--'"
+						draggable="false"
 						class="icon damage"
 						:src="damageTypeStaticMap.get(skill.damageType)"
 						:alt="skill.damageType === '1' ? '物理伤害' : '魔法伤害'"

src/components/SkillList.vue

@@ -7,9 +7,8 @@ const headers = {
 	authority: "api.rocotime.com",
 	accept: "application/json, text/plain, */*",
 	"accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
-	"content-type": "application/json",
-	"Access-Control-Allow-Origin": "*",
-	"Access-Control-Allow-Credentials": "true",
+	// "content-type": "application/json",
+	// "Access-Control-Allow-Credentials": "true",
 	// dnt: "1",
 	// origin: "https://rocotime.com",
 	// "sec-ch-ua":