refactor: enable TypeScript 5.9 recommended options

src/components/Cost.vue

@@ -26,8 +26,8 @@ defineProps<{
 <template>
   <div class="my-8px flex flex-col items-center justify-center">
     <Avatar
+      v-bind="name ? { name } : {}"
       :rarity="rarity - 1"
-      :name="name"
       :profession="professionMap[profession]"
       size="sm"
     />

src/components/FilterRow.vue

@@ -85,8 +85,8 @@ const removeAll = () => {
       <Checkbox
         v-for="label in labels"
         :key="label"
+        v-bind="noWidth ? { noWidth: true } : {}"
         :value="label"
-        :no-width="noWidth"
       >
         {{ label }}
       </Checkbox>

src/entries/CVList.ts

@@ -24,7 +24,10 @@ async function initSkinTable() {
   if (buildinPatchMap) {
     for (const charPatch of Object.values(buildinPatchMap)) {
       for (const [charPatchId, charSkinId] of Object.entries(charPatch)) {
-        avatarMapping[charPatchId] = table.charSkins[charSkinId].avatarId;
+        const charSkin = table.charSkins[charSkinId];
+        if (charSkin) {
+          avatarMapping[charPatchId] = charSkin.avatarId;
+        }
       }
     }
   }
@@ -74,10 +77,13 @@ async function initCharWord() {
     for (const charVoice of Object.values(dict)) {
       const cvName = charVoice.cvName;
       for (const name of cvName) {
-        if (!data[charVoice.voiceLangType][name]) {
-          data[charVoice.voiceLangType][name] = new Set();
+        const langTypeData = data[charVoice.voiceLangType];
+        if (langTypeData) {
+          if (!langTypeData[name]) {
+            langTypeData[name] = new Set();
+          }
+          langTypeData[name].add(charId);
         }
-        data[charVoice.voiceLangType][name].add(charId);
       }
     }
   }

src/entries/ISEvent.ts

@@ -57,11 +57,14 @@ for (const eventEle of Array.from(eventEles)) {
     },
   );
   // add new Category
-  if (scenes[0].etype) {
-    sceneCategoryTabList.push(scenes[0].etype);
+  const firstScene = scenes[0];
+  if (firstScene && firstScene.etype) {
+    sceneCategoryTabList.push(firstScene.etype);
     sceneCategoryData.push([]);
   }
-  sceneCategoryData.at(-1)?.push(scenes[0].ename || scenes[0].name || "？？？");
+  sceneCategoryData
+    .at(-1)
+    ?.push(firstScene?.ename || firstScene?.name || "？？？");
   // creat event
   createApp(ISEventFramework, {
     sceneData: scenes,

src/utils/utils.ts

@@ -51,9 +51,8 @@ export function isMobile(): boolean {
   );
 }
 export function isMobileSkin(): boolean {
-  return !!document
-    .querySelectorAll("body")[0]
-    .classList.contains("skin-minerva");
+  const bodyElement = document.querySelectorAll("body")[0];
+  return !!bodyElement?.classList.contains("skin-minerva");
 }
 export function isFirefox(): boolean {
   return window.navigator.userAgent.includes("Firefox");

src/widgets/ArkSign/Label.vue

@@ -11,7 +11,12 @@ defineProps<{
 <template>
   <div class="flex items-center">
     {{ nickName }}
-    <NTag size="small" :bordered="false" :color="typeColor" class="mx-2">
+    <NTag
+      v-bind="typeColor ? { color: typeColor } : {}"
+      size="small"
+      :bordered="false"
+      class="mx-2"
+    >
       {{ channelName }}
     </NTag>
   </div>

src/widgets/ArkSign/getUrl.ts

@@ -93,7 +93,11 @@ export function skill(skillId: string) {
 
 export function specialized(skills: Char["skills"], skillId: string) {
   const index = skills.findIndex((e) => e.id === skillId);
-  const sp = skills[index].specializeLevel;
+  const skill = skills[index];
+  if (!skill) {
+    return `${TORAPPU_ENDPOINT}/assets/specialized_icon/specialized_tiny_0.png`;
+  }
+  const sp = skill.specializeLevel;
   return `${TORAPPU_ENDPOINT}/assets/specialized_icon/specialized_tiny_${sp}.png`;
 }
 

src/widgets/ArkSign/index.vue

@@ -102,43 +102,51 @@ const showInfo = ref({
   elite: true,
 });
 const charList = ref<Char[]>([]);
+const selectedChars = computed(() => {
+  return selected.value
+    .map((charId) => charData.value[charId])
+    .filter((char): char is Char => char !== undefined);
+});
 function order() {
   const selectedList: Char[] = [];
   const result: Char[] = [];
   for (const charId of Object.keys(charData.value)) {
+    const charDataItem = charData.value[charId];
+    const charInfo = charInfoMap.value[charId];
+    if (!charDataItem || !charInfo) continue;
+
     const index = selected.value.indexOf(charId);
     if (index !== -1) {
-      selectedList[index] = charData.value[charId];
+      selectedList[index] = charDataItem;
       continue;
     }
     if (
       selectFilterProfession.value !== "all" &&
-      charInfoMap.value[charId].profession !== selectFilterProfession.value
+      charInfo.profession !== selectFilterProfession.value
     ) {
       continue;
     }
-    if (
-      selectFilterRarity.value === "3" &&
-      charInfoMap.value[charId].rarity >= 3
-    ) {
+    if (selectFilterRarity.value === "3" && charInfo.rarity >= 3) {
       continue;
     }
     if (
       selectFilterRarity.value !== "all" &&
-      charInfoMap.value[charId].rarity !==
-        Number.parseInt(selectFilterRarity.value) - 1
+      charInfo.rarity !== Number.parseInt(selectFilterRarity.value) - 1
     ) {
       continue;
     }
-    result.push(charData.value[charId]);
+    result.push(charDataItem);
   }
   switch (selectSort.value) {
     case "level": {
       result.sort((a, b) => {
+        const aInfo = charInfoMap.value[a.charId];
+        const bInfo = charInfoMap.value[b.charId];
+        if (!aInfo || !bInfo) return 0;
+
         if (a.evolvePhase === b.evolvePhase) {
           return a.level === b.level
-            ? charInfoMap.value[a.charId].rarity -
-                charInfoMap.value[b.charId].rarity
+            ? aInfo.rarity - bInfo.rarity
             : a.level - b.level;
         }
         return a.evolvePhase - b.evolvePhase;
@@ -198,6 +206,9 @@ function getCredAndSecret(text: string) {
   const textArr = text.split(",");
   const cred = textArr[0];
   const secret = textArr[1];
+  if (!cred || !secret) {
+    throw new Error("凭证格式不正确");
+  }
   return { cred, secret };
 }
 async function importSKLandOperatorData() {
@@ -233,8 +244,9 @@ async function importSKLandOperatorData() {
     doctorInfo.value.level = playerInfo.level;
     clearSelected();
     console.log(playerInfo);
-  } catch (error: any) {
-    message.error(error.message);
+  } catch (error: unknown) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    message.error(errorMessage);
   }
 }
 async function importSKLandOperatorDataByUid(uid: string) {
@@ -321,17 +333,25 @@ async function GenerateImg(type: string) {
 }
 function calcSkillRankShow(skills: Char["skills"], skillId: string) {
   const index = skills.findIndex((e) => e.id === skillId);
-  const sp = skills[index].specializeLevel;
+  const skill = skills[index];
+  if (!skill) return false;
+  const sp = skill.specializeLevel;
   return sp === 0 ? true : false;
 }
 function calcEquip(char: Char) {
-  return char.defaultEquipId
-    ? equip(equipmentInfoMap.value[char.defaultEquipId].typeIcon)
+  if (!char.defaultEquipId) {
+    return `${STATIC_ENDPOINT}/charinfo/img/skland/skill_icon_none.png`;
+  }
+  const equipInfo = equipmentInfoMap.value[char.defaultEquipId];
+  return equipInfo
+    ? equip(equipInfo.typeIcon)
     : `${STATIC_ENDPOINT}/charinfo/img/skland/skill_icon_none.png`;
 }
 function calcEquipStyle(char: Char) {
   if (char.defaultEquipId) {
-    return equipmentInfoMap.value[char.defaultEquipId].typeIcon === "original"
+    const equipInfo = equipmentInfoMap.value[char.defaultEquipId];
+    if (!equipInfo) return "height:100%";
+    return equipInfo.typeIcon === "original"
       ? "height:80%"
       : "transform:translateY(-4%);height:100%;";
   } else {
@@ -427,21 +447,17 @@ function calcServerColor(id: string) {
             @end="onEnd"
           >
             <TransitionGroup
+              v-bind="!drag && { name: 'fade' }"
               type="transition"
               tag="div"
-              :name="!drag ? 'fade' : undefined"
               class="signContainer-inner"
             >
               <div
-                v-for="charId in selected"
-                :key="charId"
+                v-for="char in selectedChars"
+                :key="char.charId"
                 class="charSignItem"
               >
-                <img
-                  class="charImg"
-                  :src="portrait(charData[charId].skinId)"
-                  alt=""
-                />
+                <img class="charImg" :src="portrait(char.skinId)" alt="" />
                 <div class="mask"></div>
                 <div class="skillWrapper">
                   <div v-show="showInfo.equip" class="skillIcon">
@@ -454,40 +470,32 @@ function calcServerColor(id: string) {
                     </div>
                     <div class="equipIcon">
                       <img
-                        :src="calcEquip(charData[charId])"
-                        :style="calcEquipStyle(charData[charId])"
+                        :src="calcEquip(char)"
+                        :style="calcEquipStyle(char)"
                       />
                     </div>
                   </div>
                   <div v-show="showInfo.skill" class="skillIcon">
-                    <template v-if="charData[charId].defaultSkillId">
+                    <template v-if="char.defaultSkillId">
                       <img
                         class="skillRank"
-                        :src="
-                          specialized(
-                            charData[charId].skills,
-                            charData[charId].defaultSkillId,
-                          )
-                        "
+                        :src="specialized(char.skills, char.defaultSkillId)"
                         alt=""
                       />
                       <div
                         v-if="
-                          calcSkillRankShow(
-                            charData[charId].skills,
-                            charData[charId].defaultSkillId,
-                          )
+                          calcSkillRankShow(char.skills, char.defaultSkillId)
                         "
                         class="skillRank"
                       >
-                        {{ charData[charId].mainSkillLvl }}
+                        {{ char.mainSkillLvl }}
                       </div>
                     </template>
                     <img
                       crossorigin="anonymous"
                       class="skillImg"
                       :src="`${skill(
-                        charData[charId].defaultSkillId,
+                        char.defaultSkillId,
                       )}?a=${new Date().getTime()}`"
                       alt=""
                     />
@@ -497,35 +505,35 @@ function calcServerColor(id: string) {
                   <div>
                     <img
                       v-show="showInfo.potential"
-                      :src="potential(charData[charId].potentialRank)"
+                      :src="potential(char.potentialRank)"
                       alt=""
                     />
                   </div>
                   <div>
                     <div v-show="showInfo.level" class="level">
-                      <br />{{ charData[charId].level }}
+                      <br />{{ char.level }}
                     </div>
                   </div>
                 </div>
                 <div class="eliteWrapper">
                   <div v-show="showInfo.elite" class="eliteInner">
                     <img
-                      :src="elite(charData[charId].evolvePhase)"
+                      :src="elite(char.evolvePhase)"
                       width="100%"
                       height="auto"
                     />
                   </div>
                 </div>
-                <div class="topWrapper">
+                <div v-if="charInfoMap[char.charId]" class="topWrapper">
                   <img
                     v-show="showInfo.profession"
                     class="professionIcon"
-                    :src="profession(charInfoMap[charId].profession)"
+                    :src="profession(charInfoMap[char.charId]!.profession)"
                   />
                   <img
                     v-show="showInfo.rarity"
                     class="rarityIcon"
-                    :src="starWhite(charInfoMap[charId].rarity)"
+                    :src="starWhite(charInfoMap[char.charId]!.rarity)"
                   />
                 </div>
               </div>
@@ -565,7 +573,7 @@ function calcServerColor(id: string) {
         选择游戏角色：
         <div style="min-width: 200px; margin-left: 10px">
           <n-select
-            v-model:value="selectUid"
+            v-bind="selectUid !== undefined ? { value: selectUid } : {}"
             :options="bindingListOptions"
             :render-label="renderLabel"
             @update:value="handleChangeUid"
@@ -617,7 +625,7 @@ function calcServerColor(id: string) {
         <div class="w-full" style="margin-bottom: 5px">选择游戏角色：</div>
         <div class="w-full">
           <n-select
-            v-model:value="selectUid"
+            v-bind="selectUid !== undefined ? { value: selectUid } : {}"
             :options="bindingListOptions"
             :render-label="renderLabel"
             @update:value="handleChangeUid"
@@ -774,7 +782,9 @@ function calcServerColor(id: string) {
               alt=""
             />
             <div class="mask"></div>
-            <div class="name">{{ charInfoMap[item.charId].name }}</div>
+            <div v-if="charInfoMap[item.charId]" class="name">
+              {{ charInfoMap[item.charId]!.name }}
+            </div>
             <div class="bottomWrapper">
               <div class="level">{{ item.level }}</div>
               <img :src="potential(item.potentialRank)" alt="" />
@@ -788,14 +798,14 @@ function calcServerColor(id: string) {
                 />
               </div>
             </div>
-            <div class="topWrapper">
+            <div v-if="charInfoMap[item.charId]" class="topWrapper">
               <img
                 class="professionIcon"
-                :src="profession(charInfoMap[item.charId].profession)"
+                :src="profession(charInfoMap[item.charId]!.profession)"
               />
               <img
                 class="rarityIcon"
-                :src="starYellow(charInfoMap[item.charId].rarity)"
+                :src="starYellow(charInfoMap[item.charId]!.rarity)"
               />
             </div>
             <div v-if="selected.includes(item.charId)" class="selectMask">

src/widgets/ArkSign/skland.ts

@@ -71,7 +71,11 @@ export async function getPlayerBinding(
     };
   }
   // 没有就用第一个
-  const { uid, nickName, channelMasterId } = bindingList[0];
+  const firstBinding = bindingList[0];
+  if (!firstBinding) {
+    throw new Error("绑定列表为空");
+  }
+  const { uid, nickName, channelMasterId } = firstBinding;
   return {
     bindingList,
     uid,