diff --git a/src/components/Cost.vue b/src/components/Cost.vue
index 724e9fc6..3e9e57c0 100644
--- a/src/components/Cost.vue
+++ b/src/components/Cost.vue
@@ -26,8 +26,8 @@ defineProps<{
 <template>
   <div class="my-8px flex flex-col items-center justify-center">
     <Avatar
-      :rarity="rarity - 1"
       :name="name"
+      :rarity="rarity - 1"
       :profession="professionMap[profession]"
       size="sm"
     />
diff --git a/src/components/FilterRow.vue b/src/components/FilterRow.vue
index fd1168e9..5afae9d0 100644
--- a/src/components/FilterRow.vue
+++ b/src/components/FilterRow.vue
@@ -85,8 +85,8 @@ const removeAll = () => {
       <Checkbox
         v-for="label in labels"
         :key="label"
-        :value="label"
         :no-width="noWidth"
+        :value="label"
       >
         {{ label }}
       </Checkbox>
diff --git a/src/entries/CVList.ts b/src/entries/CVList.ts
index 8aa3965a..dfde2a73 100644
--- a/src/entries/CVList.ts
+++ b/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);
       }
     }
   }
diff --git a/src/entries/ISEvent.ts b/src/entries/ISEvent.ts
index f2d258c1..c2827395 100644
--- a/src/entries/ISEvent.ts
+++ b/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,
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 6978fe88..eb3d44fb 100644
--- a/src/utils/utils.ts
+++ b/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");
diff --git a/src/widgets/ArkSign/Label.vue b/src/widgets/ArkSign/Label.vue
index b3ee8431..3a878cb6 100644
--- a/src/widgets/ArkSign/Label.vue
+++ b/src/widgets/ArkSign/Label.vue
@@ -11,7 +11,7 @@ defineProps<{
 <template>
   <div class="flex items-center">
     {{ nickName }}
-    <NTag size="small" :bordered="false" :color="typeColor" class="mx-2">
+    <NTag :color="typeColor" size="small" :bordered="false" class="mx-2">
       {{ channelName }}
     </NTag>
   </div>
diff --git a/src/widgets/ArkSign/getUrl.ts b/src/widgets/ArkSign/getUrl.ts
index e78e9abc..8fae57a5 100644
--- a/src/widgets/ArkSign/getUrl.ts
+++ b/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`;
 }
 
diff --git a/src/widgets/ArkSign/index.vue b/src/widgets/ArkSign/index.vue
index e23d8cda..b12b2c39 100644
--- a/src/widgets/ArkSign/index.vue
+++ b/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
+              :name="!drag ? 'fade' : undefined"
               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"
+            :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"
+            :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">
diff --git a/src/widgets/ArkSign/skland.ts b/src/widgets/ArkSign/skland.ts
index 702bbb97..5ead31ac 100644
--- a/src/widgets/ArkSign/skland.ts
+++ b/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,
diff --git a/src/widgets/CVList/index.vue b/src/widgets/CVList/index.vue
index 75d58c25..7535bffe 100644
--- a/src/widgets/CVList/index.vue
+++ b/src/widgets/CVList/index.vue
@@ -30,7 +30,9 @@ const nameToKey = Object.fromEntries(
 
 if (window.location.hash) {
   const [lang, name] = decodeURIComponent(window.location.hash).split("：");
-  valueRef.value = lang.slice(1);
+  if (lang) {
+    valueRef.value = lang.slice(1);
+  }
   nextTick(() => {
     document.querySelector(`#${name}`)?.scrollIntoView();
   });
@@ -45,11 +47,16 @@ if (window.location.hash) {
     :date-locale="i18nConfig.dateLocale"
   >
     <NLayout class="mx-auto bg-transparent p-2 antialiased">
-      <n-tabs v-model:value="valueRef" type="line" animated>
+      <n-tabs
+        :value="valueRef"
+        type="line"
+        animated
+        @update:value="(v: string) => (valueRef = v)"
+      >
         <n-tab-pane v-for="tab in tabs" :key="tab" :name="tab">
           <VoiceLangTab
             v-if="data"
-            :voice-data="data[nameToKey[tab]]"
+            :voice-data="data[nameToKey[tab] ?? ''] ?? {}"
             :mapping="mapping"
             :avatar-mapping="avatarMapping"
             :char-mapping="charMapping"
diff --git a/src/widgets/CharList/index.vue b/src/widgets/CharList/index.vue
index 5a29e16f..afa2fae9 100644
--- a/src/widgets/CharList/index.vue
+++ b/src/widgets/CharList/index.vue
@@ -219,7 +219,8 @@ const oridata = computed(() => {
       result.sort((a, b) => {
         const r = a.rarity - b.rarity;
         if (r === 0) {
-          const classes = filters[0].filter[0].cbt;
+          const classes = filters[0]?.filter[0]?.cbt;
+          if (!classes) return 0;
           const o =
             classes.indexOf(a.profession) - classes.indexOf(b.profession);
           return o === 0 ? a.zh.localeCompare(b.zh, "zh") : o;
@@ -233,7 +234,8 @@ const oridata = computed(() => {
       result.sort((a, b) => {
         const r = b.rarity - a.rarity;
         if (r === 0) {
-          const classes = filters[0].filter[0].cbt;
+          const classes = filters[0]?.filter[0]?.cbt;
+          if (!classes) return 0;
           const o =
             classes.indexOf(a.profession) - classes.indexOf(b.profession);
           return o === 0 ? a.zh.localeCompare(b.zh, "zh") : o;
@@ -300,7 +302,8 @@ onBeforeMount(() => {
       return;
     }
     if (k === "_o") {
-      sortMethod.value = sortMethods.value[Number.parseInt(v as string)];
+      const index = Number.parseInt(v as string);
+      sortMethod.value = sortMethods.value[index] ?? sortMethods.value[0] ?? "";
       return;
     }
     if (k === "_f") {
@@ -309,7 +312,9 @@ onBeforeMount(() => {
       return;
     }
     if (k === "_d") {
-      currDisplayMode.value = displayModes.value[Number.parseInt(v as string)];
+      const index = Number.parseInt(v as string);
+      currDisplayMode.value =
+        displayModes.value[index] ?? displayModes.value[0] ?? "";
       return;
     }
 
@@ -375,7 +380,7 @@ watch(data, () => {
       <div
         class="filter-title"
         :class="{
-          enabled: hasSelected(states[i].flat()),
+          enabled: hasSelected(states[i]?.flat() || []),
         }"
       >
         {{ v.title }}
@@ -385,12 +390,12 @@ watch(data, () => {
         <span v-if="expanded[i]" class="mdi mdi-chevron-up text-2xl" />
         <span v-else class="mdi mdi-chevron-down text-2xl" />
       </div>
-      <NCollapseTransition :show="expanded[i]">
+      <NCollapseTransition :show="expanded[i] ?? false">
         <FilterRow
           v-for="(v2, i2) in v.filter"
           :key="v2.title"
-          v-model="states[i][i2].selected"
-          v-model:both="states[i][i2].both"
+          v-model="states[i]![i2]!.selected"
+          v-model:both="states[i]![i2]!.both"
           :title="v2.title"
           :labels="flat(v2.cbt)"
           :show-both="v2.both"
@@ -465,8 +470,8 @@ watch(data, () => {
             v-for="v in data"
             :key="v.sortId"
             :row="v"
-            :add-trust="currDataTypes['满信赖']"
-            :add-potential="currDataTypes['满潜能']"
+            :add-trust="currDataTypes['满信赖'] ?? false"
+            :add-potential="currDataTypes['满潜能'] ?? false"
           >
             <div v-html="v.feature" />
           </Short>
@@ -476,8 +481,8 @@ watch(data, () => {
             v-for="v in data"
             :key="v.sortId"
             :row="v"
-            :add-trust="currDataTypes['满信赖']"
-            :add-potential="currDataTypes['满潜能']"
+            :add-trust="currDataTypes['满信赖'] ?? false"
+            :add-potential="currDataTypes['满潜能'] ?? false"
           >
             <div v-html="v.feature" />
           </Long>
@@ -487,8 +492,8 @@ watch(data, () => {
             v-for="v in data"
             :key="v.sortId"
             :row="v"
-            :add-trust="currDataTypes['满信赖']"
-            :add-potential="currDataTypes['满潜能']"
+            :add-trust="currDataTypes['满信赖'] ?? false"
+            :add-potential="currDataTypes['满潜能'] ?? false"
           >
             <div v-html="v.feature" />
           </Card>
diff --git a/src/widgets/CharList/row/useChar.ts b/src/widgets/CharList/row/useChar.ts
index be82750f..145acbeb 100644
--- a/src/widgets/CharList/row/useChar.ts
+++ b/src/widgets/CharList/row/useChar.ts
@@ -8,7 +8,8 @@ export function useChar(
 ) {
   const hp = computed(() => {
     let result = char.hp;
-    if (addTrust.value) result += char.trust[0];
+    const trustHp = char.trust[0];
+    if (addTrust.value && trustHp !== undefined) result += trustHp;
 
     if (addPotential.value) {
       for (const v of char.potential) {
@@ -19,7 +20,8 @@ export function useChar(
   });
   const atk = computed(() => {
     let result = char.atk;
-    if (addTrust.value) result += char.trust[1];
+    const trustAtk = char.trust[1];
+    if (addTrust.value && trustAtk !== undefined) result += trustAtk;
 
     if (addPotential.value) {
       for (const v of char.potential) {
@@ -30,7 +32,8 @@ export function useChar(
   });
   const def = computed(() => {
     let result = char.def;
-    if (addTrust.value) result += char.trust[2];
+    const trustDef = char.trust[2];
+    if (addTrust.value && trustDef !== undefined) result += trustDef;
 
     if (addPotential.value) {
       for (const v of char.potential) {
diff --git a/src/widgets/CharList/utils.ts b/src/widgets/CharList/utils.ts
index 9d1aba6b..3846ad76 100644
--- a/src/widgets/CharList/utils.ts
+++ b/src/widgets/CharList/utils.ts
@@ -75,7 +75,10 @@ export class Char {
       d.potential?.split("`").map((v) => v.split(",")) || [];
     if (types && values) {
       for (const [i, t] of types.entries()) {
-        this.potential.push({ type: t, value: Number.parseInt(values[i]) });
+        const value = values[i];
+        if (value !== undefined) {
+          this.potential.push({ type: t, value: Number.parseInt(value) });
+        }
       }
     }
     this.trust =
diff --git a/src/widgets/EnemiesListV2/FilterGroup.vue b/src/widgets/EnemiesListV2/FilterGroup.vue
index 9e3fac33..c1705973 100644
--- a/src/widgets/EnemiesListV2/FilterGroup.vue
+++ b/src/widgets/EnemiesListV2/FilterGroup.vue
@@ -37,9 +37,10 @@ const statesRef = useVModel(props, "states", emit);
         <tbody class="align-baseline">
           <tr v-for="(filter, field) in filters" :key="field">
             <OptionsGroup
-              v-model="statesRef[field]"
+              :model-value="statesRef[field]"
               :title="filter.title"
               :options="filter.options"
+              @update:model-value="(v: string[]) => (statesRef[field] = v)"
             />
           </tr>
         </tbody>
diff --git a/src/widgets/EnemiesListV2/index.vue b/src/widgets/EnemiesListV2/index.vue
index 9ecc3708..c49e0c91 100644
--- a/src/widgets/EnemiesListV2/index.vue
+++ b/src/widgets/EnemiesListV2/index.vue
@@ -64,18 +64,18 @@ const filteredEnemyData = computed(() => {
   const searchWord = keyword.value;
   const filteredData = enemyData.value.filter((enemy) => {
     for (const key in filters) {
-      if (filters[key].length > 0) {
+      if (filters[key] && filters[key].length > 0) {
         if (
-          filterConfig.groups[0].filters.includes(key) &&
-          !filters[key].some(
+          filterConfig.groups[0]?.filters.includes(key) &&
+          !filters[key]?.some(
             (filter) =>
               !!~enemy[key as keyof EnemyData].toString().indexOf(filter),
           )
         )
           return false;
         if (
-          filterConfig.groups[1].filters.includes(key) &&
-          !filters[key].includes(enemy[key as keyof EnemyData].toString())
+          filterConfig.groups[1]?.filters.includes(key) &&
+          !filters[key]?.includes(enemy[key as keyof EnemyData].toString())
         )
           return false;
       }
@@ -105,10 +105,12 @@ watch(keyword, () => {
 });
 
 const createFilterOptions = (field: string) => {
-  return filterConfig.filters[field].options.map((option) => ({
-    label: option,
-    value: option,
-  }));
+  return (
+    filterConfig.filters[field]?.options?.map((option) => ({
+      label: option,
+      value: option,
+    })) || []
+  );
 };
 
 const createDimensionalColumn = (
@@ -131,7 +133,7 @@ const createDimensionalColumn = (
       return index1 - index2;
     },
     filterOptions: createFilterOptions(field),
-    filterOptionValues: filterConfig.states[field],
+    filterOptionValues: filterConfig.states[field] ?? null,
     filter(value: string | number, row: EnemyData) {
       return row[field] === value.toString();
     },
@@ -230,7 +232,7 @@ const createColumns = (): DataTableColumns<EnemyData> => {
       resizable: true,
       minWidth: 80,
       filterOptions: createFilterOptions("enemyLevel"),
-      filterOptionValues: filterConfig.states.enemyLevel,
+      filterOptionValues: filterConfig.states.enemyLevel ?? null,
       filter(value, row) {
         return !!~row.enemyLevel.indexOf(value.toString());
       },
@@ -244,7 +246,7 @@ const createColumns = (): DataTableColumns<EnemyData> => {
       resizable: true,
       minWidth: 80,
       filterOptions: createFilterOptions("enemyRace"),
-      filterOptionValues: filterConfig.states.enemyRace,
+      filterOptionValues: filterConfig.states.enemyRace ?? null,
       filter(value, row) {
         return !!~row.enemyRace.indexOf(value.toString());
       },
@@ -258,7 +260,7 @@ const createColumns = (): DataTableColumns<EnemyData> => {
       resizable: true,
       minWidth: 105,
       filterOptions: createFilterOptions("attackType"),
-      filterOptionValues: filterConfig.states.attackType,
+      filterOptionValues: filterConfig.states.attackType ?? null,
       filter(value, row) {
         return !!~row.attackType.indexOf(value.toString());
       },
@@ -272,7 +274,7 @@ const createColumns = (): DataTableColumns<EnemyData> => {
       resizable: true,
       minWidth: 105,
       filterOptions: createFilterOptions("damageType"),
-      filterOptionValues: filterConfig.states.damageType,
+      filterOptionValues: filterConfig.states.damageType ?? null,
       filter(value, row) {
         return !!~row.damageType.indexOf(value.toString());
       },
@@ -281,12 +283,12 @@ const createColumns = (): DataTableColumns<EnemyData> => {
       },
     },
     abilityColumn,
-    ...filterConfig.groups[1].filters.map((field) =>
+    ...(filterConfig.groups[1]?.filters.map((field) =>
       createDimensionalColumn(
         field as keyof EnemyData,
-        filterConfig.filters[field].title,
+        filterConfig.filters[field]?.title || field,
       ),
-    ),
+    ) || []),
   ];
 };
 
@@ -307,7 +309,8 @@ const handleUpdateFilter = (
   filters: DataTableFilterState,
   sourceColumn: DataTableBaseColumn,
 ) => {
-  abilityColumn.filterOptionValues = filters[sourceColumn.key] as string[];
+  abilityColumn.filterOptionValues =
+    (filters[sourceColumn.key] as string[]) ?? null;
 };
 </script>
 
diff --git a/src/widgets/EquipList/components/Equip.vue b/src/widgets/EquipList/components/Equip.vue
index ea03d5a9..9369170c 100644
--- a/src/widgets/EquipList/components/Equip.vue
+++ b/src/widgets/EquipList/components/Equip.vue
@@ -166,16 +166,21 @@ const modeMission = () => props.simplemode === "mission";
                 :key="stats[0]"
               >
                 <span
-                  v-if="e[stats[0]] !== '0'"
+                  v-if="
+                    stats[0] && e[stats[0]] !== '0' && e[stats[0]] !== undefined
+                  "
                   class="mx-[0.5em] whitespace-nowrap"
                 >
                   {{ stats[1] }}&nbsp;
                   <span
                     :style="{
-                      color: getStatColor(stats[0], e[stats[0]] ?? '0'),
+                      color: getStatColor(stats[0] ?? '', e[stats[0]] ?? '0'),
                     }"
                   >
-                    {{ (Number(e[stats[0]]) >= 0 ? "+" : "") + e[stats[0]] }}
+                    {{
+                      (Number(e[stats[0]] ?? "0") >= 0 ? "+" : "") +
+                      (e[stats[0]] ?? "0")
+                    }}
                   </span>
                 </span>
                 <span v-if="e['其他']" v-html="e['其他']"></span>
@@ -224,11 +229,15 @@ const modeMission = () => props.simplemode === "mission";
                   {{ stats[1] }}&nbsp;
                   <span
                     :style="{
-                      color: getStatColor(stats[0], e[`${stats[0]}2`] ?? '0'),
+                      color: getStatColor(
+                        stats[0] ?? '',
+                        e[`${stats[0]}2`] ?? '0',
+                      ),
                     }"
                   >
                     {{
-                      (Number(e[stats[0]]) >= 0 ? "+" : "") + e[`${stats[0]}2`]
+                      (Number(e[stats[0] ?? ""] ?? "0") >= 0 ? "+" : "") +
+                      (e[`${stats[0] ?? ""}2`] ?? "0")
                     }}
                   </span>
                 </span>
@@ -268,11 +277,15 @@ const modeMission = () => props.simplemode === "mission";
                   {{ stats[1] }}&nbsp;
                   <span
                     :style="{
-                      color: getStatColor(stats[0], e[`${stats[0]}3`] ?? '0'),
+                      color: getStatColor(
+                        stats[0] ?? '',
+                        e[`${stats[0]}3`] ?? '0',
+                      ),
                     }"
                   >
                     {{
-                      (Number(e[stats[0]]) >= 0 ? "+" : "") + e[stats[0] + 3]
+                      (Number(e[stats[0] ?? ""] ?? "0") >= 0 ? "+" : "") +
+                      (e[(stats[0] ?? "") + 3] ?? "0")
                     }}
                   </span>
                 </span>
diff --git a/src/widgets/EquipList/components/EquipGroup.vue b/src/widgets/EquipList/components/EquipGroup.vue
index 63af607f..88adf226 100644
--- a/src/widgets/EquipList/components/EquipGroup.vue
+++ b/src/widgets/EquipList/components/EquipGroup.vue
@@ -38,7 +38,10 @@ const groupedEquipData = computed<Record<string, CharEquips[]>>(() => {
               equips: [equip],
             });
           } else {
-            result[addtime][index].equips.push(equip);
+            const resultItem = result[addtime][index];
+            if (resultItem) {
+              resultItem.equips.push(equip);
+            }
           }
         }
       }
@@ -61,7 +64,10 @@ const groupedEquipData = computed<Record<string, CharEquips[]>>(() => {
               equips: [equip],
             });
           } else {
-            result[mission2opt][index].equips.push(equip);
+            const resultItem = result[mission2opt][index];
+            if (resultItem) {
+              resultItem.equips.push(equip);
+            }
           }
         }
       }
@@ -72,17 +78,23 @@ const groupedEquipData = computed<Record<string, CharEquips[]>>(() => {
         if (!result[charEquip.char.subtype]) {
           result[charEquip.char.subtype] = [];
         }
-        result[charEquip.char.subtype].push(charEquip);
+        const subtypeArray = result[charEquip.char.subtype];
+        if (subtypeArray) {
+          subtypeArray.push(charEquip);
+        }
       }
     }
   }
   for (const key of Object.keys(result)) {
-    result[key].sort((a, b) => {
-      return a.char.rarity === b.char.rarity
-        ? b.char.id - a.char.id
-        : Number.parseInt(b.char.rarity as string) -
-            Number.parseInt(a.char.rarity as string);
-    });
+    const resultArray = result[key];
+    if (resultArray) {
+      resultArray.sort((a, b) => {
+        return a.char.rarity === b.char.rarity
+          ? b.char.id - a.char.id
+          : Number.parseInt(b.char.rarity as string) -
+              Number.parseInt(a.char.rarity as string);
+      });
+    }
   }
   return result;
 });
diff --git a/src/widgets/EquipList/components/FilterSub.vue b/src/widgets/EquipList/components/FilterSub.vue
index 6a6b64ba..3ac0df53 100644
--- a/src/widgets/EquipList/components/FilterSub.vue
+++ b/src/widgets/EquipList/components/FilterSub.vue
@@ -27,6 +27,7 @@ const value = useVModel(props, "selected", emit);
     <div class="flex basis-7/8 flex-row items-center">
       <NSelect
         v-model:value="value"
+        :placeholder="placeholder"
         class="m-1"
         :disabled="disabled"
         :options="options"
@@ -34,7 +35,6 @@ const value = useVModel(props, "selected", emit);
         clearable
         filterable
         multiple
-        :placeholder="placeholder"
       />
     </div>
   </div>
diff --git a/src/widgets/EquipList/components/SubContainer.vue b/src/widgets/EquipList/components/SubContainer.vue
index f5671294..8fa2a899 100644
--- a/src/widgets/EquipList/components/SubContainer.vue
+++ b/src/widgets/EquipList/components/SubContainer.vue
@@ -66,7 +66,7 @@ const locale = getLanguage();
           />
         </span>
         <span class="inline-block text-center" style="width: 7em">{{
-          customLabel[locale].subtypeMap[title] ?? title
+          customLabel[locale]?.subtypeMap?.[title] ?? title
         }}</span>
       </div>
       <div v-if="groupby === 'time'">
diff --git a/src/widgets/EquipList/equipData.ts b/src/widgets/EquipList/equipData.ts
index 1761474e..44463561 100644
--- a/src/widgets/EquipList/equipData.ts
+++ b/src/widgets/EquipList/equipData.ts
@@ -4,7 +4,7 @@ import type { CargoEquip, EquipTime } from "./types";
 
 export async function getEquipData(name: string): Promise<DOMStringMap[]> {
   const result = await getEquipDataAll();
-  return result[name];
+  return result[name] ?? [];
 }
 
 export async function getEquipDataAll(): Promise<
@@ -30,10 +30,14 @@ export async function getEquipDataAll(): Promise<
     offset += json.cargoquery.length;
     const temp: Record<string, CargoEquip[]> = {};
     for (const e of json.cargoquery) {
-      if (!temp[e.title.opt]) {
-        temp[e.title.opt] = [];
+      const optKey = e.title.opt;
+      if (!temp[optKey]) {
+        temp[optKey] = [];
+      }
+      const tempArray = temp[optKey];
+      if (tempArray) {
+        tempArray.push(e.title);
       }
-      temp[e.title.opt].push(e.title);
     }
 
     for (const [opt, ce] of Object.entries(temp)) {
diff --git a/src/widgets/EquipList/i18n.ts b/src/widgets/EquipList/i18n.ts
index 50597ea7..e04578eb 100644
--- a/src/widgets/EquipList/i18n.ts
+++ b/src/widgets/EquipList/i18n.ts
@@ -421,7 +421,8 @@ export function getFilterRarity(locale: LANGUAGES) {
 
 function stats(locale: LANGUAGES, type: string): string {
   const ele = customLabel[locale].statsMap.find((e) => e[0] === type);
-  return ele ? ele[1] : "";
+  const result = ele?.[1];
+  return result === undefined ? "" : result;
 }
 
 export function getSortOptions(locale: LANGUAGES) {
diff --git a/src/widgets/EquipList/index.vue b/src/widgets/EquipList/index.vue
index a07854df..c3eb6334 100644
--- a/src/widgets/EquipList/index.vue
+++ b/src/widgets/EquipList/index.vue
@@ -79,9 +79,15 @@ provide("loadingCount", loadingCount);
 const subProfMap = ref<Record<string, string[]>>({});
 const filteredSubProfMap = computed(() => {
   const map: Record<string, string[]> = {};
-  if (states.value.type.length === 0) return subProfMap.value;
-  for (const t of states.value.type) {
-    map[getZhType(t, locale)] = subProfMap.value[getZhType(t, locale)];
+  const typeArray = states.value.type;
+  if (!typeArray || typeArray.length === 0) return subProfMap.value;
+  for (const t of typeArray) {
+    const zhType = getZhType(t, locale);
+    if (!zhType) continue;
+    const subProfs = subProfMap.value[zhType];
+    if (subProfs) {
+      map[zhType] = subProfs;
+    }
   }
   return map;
 });
@@ -89,6 +95,7 @@ const filteredSubProfMap = computed(() => {
 const subOptions = computed(() => {
   const cLabel = customLabel[locale];
   const zhLabel = customLabel[LANGUAGES.ZH];
+  const subtypeMap = cLabel.subtypeMap;
   return {
     title: cLabel.subtypeLabel,
     placeholder: cLabel.subPlaceholder,
@@ -99,7 +106,7 @@ const subOptions = computed(() => {
         key: k,
         children: v.map((subProf) => {
           return {
-            label: cLabel.subtypeMap[subProf] ?? subProf,
+            label: subtypeMap?.[subProf] ?? subProf,
             value: subProf,
           };
         }),
@@ -130,7 +137,9 @@ provide("simple", simple);
 
 const rawEquipData = ref<CharEquips[]>([]);
 const filterData = (data: DOMStringMap): boolean => {
-  return sortStates.value.filter.every((v) => {
+  const filterArray = sortStates.value.filter;
+  if (!filterArray) return true;
+  return filterArray.every((v) => {
     switch (v.mode) {
       case "all": {
         return true;
@@ -172,13 +181,20 @@ const filteredEquipData = computed((): CharEquips[] => {
   const s = states.value;
   const result: CharEquips[] = [];
   for (const ce of rawEquipData.value) {
+    const rarityArray = s.rarity;
+    const subArray = s.sub;
+    const typeArray = s.type;
+
     const rarityP =
-      s.rarity.length > 0 &&
-      !s.rarity.includes(rarityMap[ce.char.rarity.toString()]);
-    const subP = s.sub.length > 0 && !s.sub.includes(ce.char.subtype);
+      rarityArray &&
+      rarityArray.length > 0 &&
+      !rarityArray.includes(rarityMap[ce.char.rarity.toString()] ?? "");
+    const subP =
+      subArray && subArray.length > 0 && !subArray.includes(ce.char.subtype);
     const typeP =
-      s.type.length > 0 &&
-      !s.type.includes(getLocaleType(ce.char.type, locale));
+      typeArray &&
+      typeArray.length > 0 &&
+      !typeArray.includes(getLocaleType(ce.char.type, locale) ?? "");
     if (rarityP || subP || typeP) continue;
     const data = ce.equips.filter((e) => filterData(e));
     if (data.length > 0)
@@ -205,8 +221,14 @@ const CharEquipList = computed(() => {
       }),
     );
   }
+  const sortArray = sortStates.value.sort;
+  if (!sortArray || sortArray.length === 0) return result;
+
   result.sort((x, y) => {
-    switch (sortStates.value.sort[0].mode) {
+    const sortMode = sortArray[0];
+    if (!sortMode) return 0;
+
+    switch (sortMode.mode) {
       case "default": {
         return x.oprarity === y.oprarity
           ? y.opid - x.opid
@@ -226,8 +248,8 @@ const CharEquipList = computed(() => {
               Number.parseInt(x.data.addtime ?? "0");
       }
       default: {
-        const mode = sortStates.value.sort[0].mode;
-        const order = sortStates.value.sort[0].value === "asc" ? 1 : -1;
+        const mode = sortMode.mode;
+        const order = sortMode.value === "asc" ? 1 : -1;
         const numx = x.data[`${mode}3`] ? Number(x.data[`${mode}3`]) : 0;
         const numy = y.data[`${mode}3`] ? Number(y.data[`${mode}3`]) : 0;
         return numx === numy
@@ -285,9 +307,15 @@ onBeforeMount(async () => {
     };
   });
   for (const i of charData) {
-    if (!subProfMap.value[i.char.type]) subProfMap.value[i.char.type] = [];
-    if (!~subProfMap.value[i.char.type].indexOf(i.char.subtype))
-      subProfMap.value[i.char.type].push(i.char.subtype);
+    const typeKey = i.char.type;
+    const subProfArray = subProfMap.value[typeKey];
+    if (!subProfArray) {
+      subProfMap.value[typeKey] = [];
+    }
+    const currentArray = subProfMap.value[typeKey];
+    if (currentArray && !~currentArray.indexOf(i.char.subtype)) {
+      currentArray.push(i.char.subtype);
+    }
   }
   rawEquipData.value = charData;
   timeData.value = time.map((i) => {
@@ -336,27 +364,33 @@ const mobileStyle = () => {
             <tbody class="align-baseline">
               <tr>
                 <OptionsGroup
-                  v-model="states.type"
+                  :model-value="states.type"
                   :title="options.type.title"
                   :options="options.type.options"
                   :disabled="loadingCount > 0"
+                  @update:model-value="(v: string[]) => (states.type = v)"
                 />
               </tr>
               <tr>
                 <OptionsGroup
-                  v-model="states.rarity"
+                  :model-value="states.rarity"
                   :title="options.rarity.title"
                   :options="options.rarity.options"
                   :disabled="loadingCount > 0"
+                  @update:model-value="(v: string[]) => (states.rarity = v)"
                 />
               </tr>
               <tr>
                 <FilterSub
-                  v-model:selected="states.sub"
+                  v-bind="
+                    states.sub ? { selected: states.sub } : { selected: [] }
+                  "
                   :title="subOptions.title"
                   :options="subOptions.options"
                   :placeholder="subOptions.placeholder"
                   :disabled="loadingCount > 0"
+                  @update:selected="(v: string[]) => (states.sub = v)"
+                />
                 />
               </tr>
             </tbody>
@@ -389,10 +423,13 @@ const mobileStyle = () => {
                   class="my-1"
                   @click="
                     () => {
-                      sortStates.filter.push({
-                        mode: 'all',
-                        value: 'yes',
-                      });
+                      const filterArray = sortStates.filter;
+                      if (filterArray) {
+                        filterArray.push({
+                          mode: 'all',
+                          value: 'yes',
+                        });
+                      }
                     }
                   "
                 >
@@ -403,8 +440,9 @@ const mobileStyle = () => {
                   class="my-1"
                   @click="
                     () => {
-                      if (sortStates.filter.length > 1) {
-                        sortStates.filter.pop();
+                      const filterArray = sortStates.filter;
+                      if (filterArray && filterArray.length > 1) {
+                        filterArray.pop();
                       }
                     }
                   "
@@ -457,6 +495,7 @@ const mobileStyle = () => {
             </span>
             <div class="flex basis-7/8 flex-row items-center">
               <NSelect
+                v-if="sortStates.sort && sortStates.sort[0]"
                 v-model:value="sortStates.sort[0].mode"
                 class="m-1"
                 :disabled="loadingCount > 0 || listShow === false"
@@ -467,9 +506,9 @@ const mobileStyle = () => {
         </NCollapseTransition>
       </NCard>
       <NCard
+        :content-style="mobileStyle() || undefined"
         title=" "
         header-style="text-align: center;"
-        :content-style="mobileStyle()"
         size="small"
       >
         <template #header-extra>
diff --git a/src/widgets/GachaSimulatorV2/gacha-utils/base.ts b/src/widgets/GachaSimulatorV2/gacha-utils/base.ts
index 3f8eb422..cd70e6d0 100644
--- a/src/widgets/GachaSimulatorV2/gacha-utils/base.ts
+++ b/src/widgets/GachaSimulatorV2/gacha-utils/base.ts
@@ -186,12 +186,15 @@ export class GachaExecutor {
       );
       if (up5StarUngottenList.length > 0) {
         const charId = up5StarUngottenList[0];
-        result = { charId, rarity: RarityRank.TIER_5 };
+        if (charId) {
+          result = { charId, rarity: RarityRank.TIER_5 };
+        }
       }
     }
 
-    if (this.state.results[result.charId]) this.state.results[result.charId]++;
-    else this.state.results[result.charId] = 1;
+    const existingCount = this.state.results[result.charId];
+    this.state.results[result.charId] =
+      existingCount === undefined ? 1 : existingCount + 1;
 
     // 6 星计数
     if (result.rarity === RarityRank.TIER_6) this.state.non6StarCount = 0;
diff --git a/src/widgets/GachaSimulatorV2/gacha-utils/math.ts b/src/widgets/GachaSimulatorV2/gacha-utils/math.ts
index 96e73d85..c2721c8d 100644
--- a/src/widgets/GachaSimulatorV2/gacha-utils/math.ts
+++ b/src/widgets/GachaSimulatorV2/gacha-utils/math.ts
@@ -30,7 +30,8 @@ export function weightedRandom<T>(
 
   const randomNumber = maxCumulativeWeight * Math.random();
   for (const [itemIndex, item] of items.entries()) {
-    if (cumulativeWeights[itemIndex] >= randomNumber) {
+    const weight = cumulativeWeights[itemIndex];
+    if (weight !== undefined && weight >= randomNumber) {
       return {
         item,
         index: itemIndex,
diff --git a/src/widgets/GachaSimulatorV2/gacha-utils/newbee.ts b/src/widgets/GachaSimulatorV2/gacha-utils/newbee.ts
index 036c151c..e1ddceaa 100644
--- a/src/widgets/GachaSimulatorV2/gacha-utils/newbee.ts
+++ b/src/widgets/GachaSimulatorV2/gacha-utils/newbee.ts
@@ -101,8 +101,9 @@ export class NewbeeGachaExecutor {
       if (ruleResult) result = ruleResult;
     }
 
-    if (this.state.results[result.charId]) this.state.results[result.charId]++;
-    else this.state.results[result.charId] = 1;
+    const existingCount = this.state.results[result.charId];
+    this.state.results[result.charId] =
+      existingCount === undefined ? 1 : existingCount + 1;
 
     // 6 星计数
     if (result.rarity === RarityRank.TIER_6) this.state.non6StarCount = 0;
diff --git a/src/widgets/GachaSimulatorV2/gacha-utils/rule.ts b/src/widgets/GachaSimulatorV2/gacha-utils/rule.ts
index fc1954e2..ae806d10 100644
--- a/src/widgets/GachaSimulatorV2/gacha-utils/rule.ts
+++ b/src/widgets/GachaSimulatorV2/gacha-utils/rule.ts
@@ -86,7 +86,12 @@ export function applyEnsure6StarRule(
 }
 
 export function applyEnsureUp6StarRule(state: GachaState, charId: string) {
-  if (state.counter < state.guarantee6Up6Count && state.results[charId] >= 1) {
+  const resultCount = state.results[charId];
+  if (
+    state.counter < state.guarantee6Up6Count &&
+    resultCount !== undefined &&
+    resultCount >= 1
+  ) {
     state.guarantee6Up6Avail--;
   }
 
diff --git a/src/widgets/GachaSimulatorV2/index.vue b/src/widgets/GachaSimulatorV2/index.vue
index f9ef9c22..676dad42 100644
--- a/src/widgets/GachaSimulatorV2/index.vue
+++ b/src/widgets/GachaSimulatorV2/index.vue
@@ -150,9 +150,9 @@ const getSelectedUpCharInfo = () => {
     let percentSum = 0.5;
     const rarityNum = Number.parseInt(rarity);
     if (props.gachaClientPool?.gachaRuleType === GachaRuleType.FESCLASSIC) {
-      percentSum = FESCLASSIC_GACHA_PERCENT_DICT[rarityNum];
+      percentSum = FESCLASSIC_GACHA_PERCENT_DICT[rarityNum] ?? 0.5;
     } else if (props.gachaClientPool?.gachaRuleType === GachaRuleType.SPECIAL) {
-      percentSum = SPECIAL_GACHA_PERCENT_DICT[rarityNum];
+      percentSum = SPECIAL_GACHA_PERCENT_DICT[rarityNum] ?? 0.5;
     }
 
     upCharInfo.perCharList.push({
diff --git a/src/widgets/HrCalculator/index.vue b/src/widgets/HrCalculator/index.vue
index 1453f946..4fc1e452 100644
--- a/src/widgets/HrCalculator/index.vue
+++ b/src/widgets/HrCalculator/index.vue
@@ -85,13 +85,15 @@ function calc() {
   const list: Array<{ tags: number; charIndict: number[]; score: number }> = [];
   for (const k of Object.keys(result)) {
     const key = Number.parseInt(k);
-    const charIndict = Array.from(result[key].charIndict).sort((a, b) => {
-      return props.source[b].rarity - props.source[a].rarity;
-    });
+    const charIndict = Array.from(result[key]?.charIndict || []).sort(
+      (a, b) => {
+        return (props.source[b]?.rarity ?? 0) - (props.source[a]?.rarity ?? 0);
+      },
+    );
 
     let acc = 0;
     for (const cur of charIndict) {
-      let s = props.source[cur].rarity + 1;
+      let s = (props.source[cur]?.rarity ?? 0) + 1;
       if (s === 1) s = 3.5;
       acc += s;
     }
@@ -142,7 +144,7 @@ function copyUrl() {
         v-for="(c, i) in rarity"
         :key="c"
         class="m-1"
-        :model-value="selected[rarityIndex - i]"
+        :model-value="selected[rarityIndex - i] ?? false"
         @click="onTagClick(rarityIndex - i)"
       >
         {{ c }}
@@ -157,7 +159,7 @@ function copyUrl() {
       <Checkbox
         v-for="(c, i) in profession"
         :key="c"
-        :model-value="selected[professionIndex - i]"
+        :model-value="selected[professionIndex - i] ?? false"
         class="m-1"
         @click="onTagClick(professionIndex - i)"
       >
@@ -174,7 +176,7 @@ function copyUrl() {
         v-for="(c, i) in position"
         :key="c"
         class="m-1"
-        :model-value="selected[positionIndex - i]"
+        :model-value="selected[positionIndex - i] ?? false"
         @click="onTagClick(positionIndex - i)"
       >
         {{ c }}
@@ -191,7 +193,7 @@ function copyUrl() {
         v-for="(c, i) in tag"
         :key="c"
         class="m-1"
-        :model-value="selected[tagIndex - i]"
+        :model-value="selected[tagIndex - i] ?? false"
         checkable
         @click="onTagClick(tagIndex - i)"
       >
@@ -240,18 +242,18 @@ function copyUrl() {
           v-for="charIndex in data.charIndict"
           :key="charIndex"
           class="relative m-2 rounded p-2 <sm:m-1 <sm:p-1"
-          :class="`r-${source[charIndex].rarity}`"
+          :class="`r-${source[charIndex]?.rarity ?? 0}`"
         >
           <span
-            v-if="isOnly(source[charIndex])"
+            v-if="isOnly(source[charIndex]!)"
             class="absolute right-0 top-0 z-1 rounded bg-[#3fbd43] p-1 text-white font-bold leading-none"
             >限</span
           >
           <Avatar
             :size="xs ? 'xs' : 'sm'"
-            :profession="source[charIndex].profession"
-            :rarity="source[charIndex].rarity"
-            :name="source[charIndex].zh"
+            :profession="source[charIndex]?.profession ?? ''"
+            :rarity="source[charIndex]?.rarity ?? 0"
+            :name="source[charIndex]?.zh ?? ''"
           />
         </div>
       </div>
@@ -286,18 +288,18 @@ function copyUrl() {
             v-for="charIndex in data.charIndict"
             :key="charIndex"
             class="relative m-2 rounded p-2 <sm:m-1 <sm:p-1"
-            :class="`r-${source[charIndex].rarity}`"
+            :class="`r-${source[charIndex]?.rarity ?? 0}`"
           >
             <span
-              v-if="isOnly(source[charIndex])"
+              v-if="isOnly(source[charIndex]!)"
               class="absolute right-0 top-0 z-1 rounded bg-[#3fbd43] p-1 text-white font-bold leading-none"
               >限</span
             >
             <Avatar
               :size="xs ? 'xs' : 'sm'"
-              :profession="source[charIndex].profession"
-              :rarity="source[charIndex].rarity"
-              :name="source[charIndex].zh"
+              :profession="source[charIndex]?.profession ?? ''"
+              :rarity="source[charIndex]?.rarity ?? 0"
+              :name="source[charIndex]?.zh ?? ''"
             />
           </div>
         </td>
diff --git a/src/widgets/HrCalculator/utils.ts b/src/widgets/HrCalculator/utils.ts
index 8bc854bc..24e3e143 100644
--- a/src/widgets/HrCalculator/utils.ts
+++ b/src/widgets/HrCalculator/utils.ts
@@ -101,7 +101,10 @@ export class BitMap {
       let tmp = 0;
       const indices = i.getIndict();
       for (const index of indices) {
-        tmp = tmp | (1 << selfIndices[index]);
+        const selfIndex = selfIndices[index];
+        if (selfIndex !== undefined) {
+          tmp = tmp | (1 << selfIndex);
+        }
       }
       if (tmp !== 0) result.push(tmp);
     }
@@ -259,11 +262,14 @@ export function can5(num: number) {
 }
 export function number2names(num: number): string[] {
   const bitmap = new BitMap(num);
-  return bitmap.getIndict().map((v) => {
-    if (v <= tagIndex) return tag[tagIndex - v];
-    if (v <= rarityIndex) return rarity[rarityIndex - v];
-    if (v <= positionIndex) return position[positionIndex - v];
-    if (v <= professionIndex) return profession[professionIndex - v];
-    throw new Error(`unknown: ${v}`);
-  });
+  return bitmap
+    .getIndict()
+    .map((v) => {
+      if (v <= tagIndex) return tag[tagIndex - v];
+      if (v <= rarityIndex) return rarity[rarityIndex - v];
+      if (v <= positionIndex) return position[positionIndex - v];
+      if (v <= professionIndex) return profession[professionIndex - v];
+      throw new Error(`unknown: ${v}`);
+    })
+    .filter((name): name is string => name !== undefined);
 }
diff --git a/src/widgets/ISEvents/ISEventFramework.vue b/src/widgets/ISEvents/ISEventFramework.vue
index ea1c4e33..178b6a74 100644
--- a/src/widgets/ISEvents/ISEventFramework.vue
+++ b/src/widgets/ISEvents/ISEventFramework.vue
@@ -55,8 +55,14 @@ const props = withDefaults(
 
 const sceneNav = ref<Array<number>>([0]);
 const currentSceneId = ref(0);
+const firstScene = computed(() => props.sceneData[0]);
+const currentScene = computed(() => props.sceneData[currentSceneId.value]);
+function getScene(sceneId: number) {
+  return props.sceneData[sceneId];
+}
 function isPrtsInfo(sceneId: number) {
-  return props.sceneData[sceneId].prtsinfo !== "";
+  const scene = props.sceneData[sceneId];
+  return scene?.prtsinfo !== "";
 }
 const isCurScenePrtsInfo = computed(() => {
   return isPrtsInfo(currentSceneId.value);
@@ -70,17 +76,23 @@ function jump(id: number) {
 
     currentSceneId.value = id;
 
-    const name = props.sceneData[0].ename || props.sceneData[0].name || "";
-    const element = document.querySelector(`#${name}`);
-    if (element) {
-      element.scrollIntoView({ behavior: "smooth" });
+    const first = firstScene.value;
+    if (first) {
+      const name = first.ename || first.name || "";
+      const element = document.querySelector(`#${name}`);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth" });
+      }
     }
   }
 }
 function navJump(index: number) {
   if (index === sceneNav.value.length - 1) return;
 
-  currentSceneId.value = sceneNav.value[index];
+  const sceneId = sceneNav.value[index];
+  if (sceneId !== undefined) {
+    currentSceneId.value = sceneId;
+  }
   sceneNav.value.splice(index + 1);
 }
 function optionsToNavDrop(options: Array<Option>) {
@@ -95,7 +107,6 @@ function optionsToNavDrop(options: Array<Option>) {
           isSubChoose: false,
           destScene: o.dest,
         },
-        children: undefined,
       });
     } else {
       navDrop.push({
@@ -142,27 +153,27 @@ function getSubChooseData(scStr: string) {
 </script>
 
 <template>
-  <h2 v-if="sceneData[0].etype">
-    <span :id="sceneData[0].etype" />
+  <h2 v-if="firstScene?.etype">
+    <span :id="firstScene.etype" />
     <span
-      :id="encodeURI(sceneData[0].etype).replace(/%/g, '.')"
+      :id="encodeURI(firstScene.etype).replace(/%/g, '.')"
       class="mw-headline"
     >
-      {{ sceneData[0].etype }}
+      {{ firstScene.etype }}
     </span>
   </h2>
-  <h3>
-    <span :id="sceneData[0].ename || sceneData[0].name" />
+  <h3 v-if="firstScene">
+    <span :id="firstScene.ename || firstScene.name" />
     <span
       :id="
-        encodeURI((sceneData[0].ename || sceneData[0].name)!).replace(/%/g, '.')
+        encodeURI(firstScene.ename || firstScene.name || '').replace(/%/g, '.')
       "
       class="mw-headline"
     >
-      {{ sceneData[0].ename || sceneData[0].name }}
+      {{ firstScene.ename || firstScene.name }}
     </span>
   </h3>
-  <div v-if="sceneData[0].edesc" v-html="sceneData[0].edesc"></div>
+  <div v-if="firstScene?.edesc" v-html="firstScene.edesc"></div>
   <NConfigProvider
     preflight-style-disabled
     :theme-overrides="{
@@ -196,12 +207,13 @@ function getSubChooseData(scStr: string) {
               </template>
               <NDropdown
                 v-if="
-                  sceneData[SceneId].options.length > 0 &&
+                  getScene(SceneId) &&
+                  getScene(SceneId)!.options.length > 0 &&
                   index !== sceneNav.length - 1
                 "
                 placement="bottom-start"
                 :show-arrow="true"
-                :options="optionsToNavDrop(sceneData[SceneId].options)"
+                :options="optionsToNavDrop(getScene(SceneId)!.options)"
                 @select="(k, op) => dropJump(k, index, op)"
               >
                 <div class="trigger">
@@ -218,7 +230,7 @@ function getSubChooseData(scStr: string) {
                     <sup v-if="isPrtsInfo(SceneId)">
                       <i class="mdi mdi-rhombus-outline font-size-2"></i>
                     </sup>
-                    {{ sceneData[SceneId].nav }}
+                    {{ getScene(SceneId)?.nav }}
                   </span>
                 </div>
               </NDropdown>
@@ -238,21 +250,22 @@ function getSubChooseData(scStr: string) {
                   <sup v-if="isPrtsInfo(SceneId)">
                     <i class="mdi mdi-rhombus-outline font-size-2"></i>
                   </sup>
-                  {{ sceneData[SceneId].nav }}
+                  {{ getScene(SceneId)?.nav }}
                 </span>
               </div>
             </NBreadcrumbItem>
           </NBreadcrumb>
           <NCard
+            v-if="currentScene"
             class="relative"
-            :title="sceneData[currentSceneId].name || ''"
+            :title="currentScene.name || ''"
             size="small"
           >
             <template #cover>
-              <a :href="`/w/File:${sceneData[currentSceneId].image}.png`">
+              <a :href="`/w/File:${currentScene.image}.png`">
                 <img
                   class="img w-140"
-                  :src="getImagePath(`${sceneData[currentSceneId].image}.png`)"
+                  :src="getImagePath(`${currentScene.image}.png`)"
                 />
               </a>
             </template>
@@ -269,24 +282,22 @@ function getSubChooseData(scStr: string) {
                   'pa-1 b-1 b-[#0098dca0] b-solid': isCurScenePrtsInfo,
                 },
               ]"
-              v-html="sceneData[currentSceneId].text"
+              v-html="currentScene.text"
             ></div>
-            <template
-              v-if="sceneData[currentSceneId].options.length > 0"
-              #action
-            >
+            <template v-if="currentScene.options.length > 0" #action>
               <NSpace vertical>
+                <!-- Combine optional props to avoid exactOptionalPropertyTypes errors -->
                 <ISEventOption
-                  v-for="(item, index) in sceneData[currentSceneId].options"
+                  v-for="(item, index) in currentScene.options"
                   :key="index"
+                  :icon-id="item.iconId"
+                  :custom-badge-text="item.customBadgeText"
                   :title="item.title"
                   :type="item.type"
                   :icon="item.icon"
-                  :icon-id="item.iconId"
                   :desc1="item.desc1"
                   :desc2="item.desc2"
                   :is-theme="isTheme"
-                  :custom-badge-text="item.customBadgeText"
                   :subchoose="getSubChooseData(item.subChoose ?? '')"
                   :method-jump="jump"
                   @click="jump(item.dest)"
diff --git a/src/widgets/ISEvents/ISEventOption.vue b/src/widgets/ISEvents/ISEventOption.vue
index bdfb2a62..062860a8 100644
--- a/src/widgets/ISEvents/ISEventOption.vue
+++ b/src/widgets/ISEvents/ISEventOption.vue
@@ -30,13 +30,13 @@ const showSubChoose = ref(false);
 <template>
   <NCard
     v-if="title || desc1 || desc2"
+    :title="type === 'guide' ? '' : title"
     :style="[
       type === 'desc'
         ? { cursor: 'default' }
         : { cursor: 'pointer', borderColor: '#929292' },
       subchoose.length > 0 ? { cursor: 'default' } : {},
     ]"
-    :title="type === 'guide' ? '' : title"
     size="small"
     :header-style="{ height: '3em' }"
   >
@@ -140,7 +140,9 @@ const showSubChoose = ref(false);
               @click="
                 () => {
                   showSubChoose = false;
-                  methodJump(parseInt(data[1]));
+                  if (data[1]) {
+                    methodJump(parseInt(data[1]));
+                  }
                 }
               "
             >
diff --git a/src/widgets/ItemDemand.vue b/src/widgets/ItemDemand.vue
index f8175a7e..5b15d3ab 100644
--- a/src/widgets/ItemDemand.vue
+++ b/src/widgets/ItemDemand.vue
@@ -41,6 +41,7 @@ async function query(name: string): Promise<itemCost> {
   };
   for (const key of Object.keys(data)) {
     const v = data[key];
+    if (!v) continue;
     const cost = costs[v.rarity] || {
       label: `${v.rarity}星`,
       data: [],
diff --git a/src/widgets/MedalList/Medal.vue b/src/widgets/MedalList/Medal.vue
index 1e8c15ff..e96fff0b 100644
--- a/src/widgets/MedalList/Medal.vue
+++ b/src/widgets/MedalList/Medal.vue
@@ -88,7 +88,11 @@ const showTrimed = ref(false);
           ]"
         >
           <NImage
-            :width="rarityImgStyleSet[medalData.rarity][1]"
+            v-bind="
+              rarityImgStyleSet[medalData.rarity]?.[1]
+                ? { width: rarityImgStyleSet[medalData.rarity]![1] }
+                : {}
+            "
             :src="`${TORAPPU_ENDPOINT}/assets/medal_icon/${showTrimed && medalData.isTrim ? medalData.trimId : medalData.id}.png`"
             show-toolbar-tooltip
             :previewed-img-props="{
@@ -167,15 +171,24 @@ const showTrimed = ref(false);
               ></span>
               <div v-else class="flex items-center pl-1">
                 <div class="pr-1">获得</div>
-                <MiniMedalComponent
+                <template
                   v-for="miniMedal in medalData.preMedalList"
                   :key="miniMedal.id"
-                  :medal-data="
-                    miniMedalData
-                      ? miniMedalData[miniMedal.id]
-                      : { name: '', picId: '', method: '', isTrim: false }
-                  "
-                />
+                >
+                  <MiniMedalComponent
+                    v-if="miniMedalData?.[miniMedal.id]"
+                    :medal-data="miniMedalData[miniMedal.id]!"
+                  />
+                  <MiniMedalComponent
+                    v-else
+                    :medal-data="{
+                      name: '',
+                      picId: '',
+                      method: '',
+                      isTrim: false,
+                    }"
+                  />
+                </template>
               </div>
             </div>
             <div v-else>
@@ -236,6 +249,7 @@ const showTrimed = ref(false);
                 >
                   <NEl tag="a" :href="`/w/${reward[2]}`">
                     <img
+                      v-if="reward[0]"
                       :src="getImagePath(reward[0])"
                       class="inline w-3.5em"
                     />
diff --git a/src/widgets/MedalList/MedalGroup.vue b/src/widgets/MedalList/MedalGroup.vue
index c7ad98f7..1b8629db 100644
--- a/src/widgets/MedalList/MedalGroup.vue
+++ b/src/widgets/MedalList/MedalGroup.vue
@@ -116,6 +116,7 @@ const showTrimed = ref(false);
               <NTooltip trigger="hover" placement="bottom-end">
                 <template #trigger>
                   <NButton
+                    v-if="groupData.bindEvent[1]"
                     size="small"
                     color="#2f2f2f"
                     class="color-white! focus:decoration-none hover:decoration-none"
diff --git a/src/widgets/MedalList/MedalList.vue b/src/widgets/MedalList/MedalList.vue
index 47172cc2..972e617d 100644
--- a/src/widgets/MedalList/MedalList.vue
+++ b/src/widgets/MedalList/MedalList.vue
@@ -61,18 +61,21 @@ const states = ref<Record<string, string[]>>({
 const filteredMedalData = computed(() => {
   const medal = Object.fromEntries(
     Object.entries(medalMetaData.value.medal).filter(([, medal]) => {
+      const rarityArray = states.value.rarity;
       if (
-        states.value.rarity.length > 0 &&
-        states.value.rarity.length < filterRarity.options.length &&
-        !states.value.rarity.includes(rarityMap[medal.rarity.toString()])
+        rarityArray &&
+        rarityArray.length > 0 &&
+        rarityArray.length < filterRarity.options.length &&
+        !rarityArray.includes(rarityMap[medal.rarity.toString()] ?? "")
       ) {
         return false;
       }
       let res = true;
-      if (states.value.special.includes("可获得")) {
+      const specialArray = states.value.special;
+      if (specialArray && specialArray.includes("可获得")) {
         res = res && !medal.deprecate;
       }
-      if (states.value.special.includes("有镀层")) {
+      if (specialArray && specialArray.includes("有镀层")) {
         res = res && medal.isTrim;
       }
 
@@ -116,10 +119,10 @@ const cateNums = computed(() => {
         category.name,
         [
           category.medal.length,
-          ...category.medalGroup.map(
-            (groupId) =>
-              filteredMedalData.value.medalGroup[groupId].medal.length,
-          ),
+          ...category.medalGroup.map((groupId) => {
+            const group = filteredMedalData.value.medalGroup[groupId];
+            return group ? group.medal.length : 0;
+          }),
         ].reduce((a, b) => a + b, 0),
       ];
     }),
@@ -142,21 +145,22 @@ const toggleDeprecateBadge = () => {
 };
 const genPreMedalList = (idList: Array<{ id: string; isTrim: boolean }>) => {
   return Object.fromEntries(
-    idList.map((d) => {
-      return [
-        d.id,
-        {
-          name: medalMetaData.value.medal[d.id].name,
-          isTrim: d.isTrim,
-          picId:
-            medalMetaData.value.medal[d.id][d.isTrim ? "trimId" : "id"] || "",
-          method:
-            medalMetaData.value.medal[d.id][
-              d.isTrim ? "trimMethod" : "method"
-            ] || "",
-        },
-      ];
-    }),
+    idList
+      .map((d) => {
+        const medal = medalMetaData.value.medal[d.id];
+        if (!medal) return null;
+
+        return [
+          d.id,
+          {
+            name: medal.name,
+            isTrim: d.isTrim,
+            picId: medal[d.isTrim ? "trimId" : "id"] || "",
+            method: medal[d.isTrim ? "trimMethod" : "method"] || "",
+          },
+        ];
+      })
+      .filter((item): item is [string, any] => item !== null),
   );
 };
 const { theme, toggleDark } = useTheme();
@@ -223,16 +227,18 @@ const i18nConfig = getNaiveUILocale();
             <tbody class="align-baseline">
               <tr>
                 <OptionsGroup
-                  v-model="states.rarity"
+                  :model-value="states.rarity"
                   :title="filterRarity.title"
                   :options="filterRarity.options"
+                  @update:model-value="(v: string[]) => (states.rarity = v)"
                 />
               </tr>
               <tr>
                 <OptionsGroup
-                  v-model="states.special"
+                  :model-value="states.special"
                   :title="filterSpecial.title"
                   :options="filterSpecial.options"
+                  @update:model-value="(v: string[]) => (states.special = v)"
                 />
               </tr>
             </tbody>
@@ -292,35 +298,47 @@ const i18nConfig = getNaiveUILocale();
                     checkMedalExists(medalId),
                   )"
                   :key="medalId"
-                  :medal-data="filteredMedalData.medal[medalId]"
+                  :medal-data="filteredMedalData.medal[medalId]!"
                   :show-deprecate-badge="showDeprecateBadge"
                   :mini-medal-data="
-                    filteredMedalData.medal[medalId].preMedalList
-                      ? genPreMedalList(
-                          filteredMedalData.medal[medalId].preMedalList,
-                        )
-                      : {}
+                    (() => {
+                      const medal = filteredMedalData.medal[medalId];
+                      return medal?.preMedalList
+                        ? genPreMedalList(medal.preMedalList)
+                        : {};
+                    })()
                   "
                   class="h-auto w-full lg:w-49%"
                 />
               </NFlex>
               <MedalGroupComponent
-                v-for="medalGroupId in cate.medalGroup.slice().reverse()"
+                v-for="medalGroupId in cate.medalGroup
+                  .slice()
+                  .reverse()
+                  .filter((id) => filteredMedalData.medalGroup[id])"
                 :key="medalGroupId"
-                :group-data="filteredMedalData.medalGroup[medalGroupId]"
-                :medal-data-list="
-                  filteredMedalData.medalGroup[medalGroupId].medal.map((id) => {
-                    return filteredMedalData.medal[id];
-                  })
+                v-bind="
+                  (() => {
+                    const group = filteredMedalData.medalGroup[medalGroupId]!;
+                    return {
+                      groupData: group,
+                      medalDataList: group.medal
+                        .map((id) => filteredMedalData.medal[id])
+                        .filter(
+                          (m): m is NonNullable<typeof m> => m !== undefined,
+                        ),
+                      ...(group.deprecateType
+                        ? {
+                            deprecateText:
+                              medalMetaData.groupDeprecateType[
+                                group.deprecateType
+                              ] ?? '',
+                          }
+                        : {}),
+                    };
+                  })()
                 "
                 :show-deprecate-badge="showDeprecateBadge"
-                :deprecate-text="
-                  filteredMedalData.medalGroup[medalGroupId].deprecateType
-                    ? medalMetaData.groupDeprecateType[
-                        filteredMedalData.medalGroup[medalGroupId].deprecateType
-                      ]
-                    : ''
-                "
                 class="h-auto w-full lg:w-49%"
               />
               <div
diff --git a/src/widgets/MedalList/MedalShowcase.vue b/src/widgets/MedalList/MedalShowcase.vue
index bb7b0268..f9dfc8b2 100644
--- a/src/widgets/MedalList/MedalShowcase.vue
+++ b/src/widgets/MedalList/MedalShowcase.vue
@@ -72,13 +72,17 @@ const filteredMedalData = computed(() => {
 
     for (const preMedalDefine of medal[1].preMedalList) {
       const currMedalData = medalMetaData.value.medal[preMedalDefine.id];
+      if (!currMedalData) continue;
 
+      if (!entry[parentMedalId]) continue;
       entry[parentMedalId][preMedalDefine.id] = {
         name: currMedalData.name,
         isTrim: preMedalDefine.isTrim,
-        picId: preMedalDefine.isTrim ? currMedalData.trimId : currMedalData.id,
+        picId: preMedalDefine.isTrim
+          ? (currMedalData.trimId ?? "")
+          : currMedalData.id,
         method: preMedalDefine.isTrim
-          ? currMedalData.trimMethod
+          ? (currMedalData.trimMethod ?? "")
           : currMedalData.method,
       };
     }
@@ -94,11 +98,11 @@ const filteredMedalData = computed(() => {
 });
 
 const generateGroupMedalData = (medalGroupId: string) => {
-  return Object.values(medalMetaData.value.medalGroup[medalGroupId].medal).map(
-    (id) => {
-      return medalMetaData.value.medal[id];
-    },
-  );
+  const medalGroup = medalMetaData.value.medalGroup[medalGroupId];
+  if (!medalGroup) return [];
+  return Object.values(medalGroup.medal)
+    .map((id) => medalMetaData.value.medal[id])
+    .filter((m): m is NonNullable<typeof m> => m !== undefined);
 };
 
 const spoilerManualUnlocked = ref(!props.spoiler);
@@ -218,21 +222,29 @@ const i18nConfig = getNaiveUILocale();
           <NGridItem v-for="medalId in medalList" :key="medalId">
             <MedalComponent
               v-if="filteredMedalData.medal[medalId]"
-              :medal-data="filteredMedalData.medal[medalId]"
-              :mini-medal-data="filteredMedalData.preMedals[medalId]"
+              :medal-data="filteredMedalData.medal[medalId]!"
+              v-bind="
+                filteredMedalData.preMedals[medalId]
+                  ? { miniMedalData: filteredMedalData.preMedals[medalId] }
+                  : {}
+              "
             />
           </NGridItem>
           <NGridItem v-for="medalGroupId in medalGroupList" :key="medalGroupId">
             <MedalGroupComponent
               v-if="filteredMedalData.medalGroup[medalGroupId]"
-              :group-data="filteredMedalData.medalGroup[medalGroupId]"
+              :group-data="filteredMedalData.medalGroup[medalGroupId]!"
               :medal-data-list="generateGroupMedalData(medalGroupId)"
-              :deprecate-text="
-                filteredMedalData.medalGroup[medalGroupId].deprecateType
-                  ? medalMetaData.groupDeprecateType[
-                      filteredMedalData.medalGroup[medalGroupId].deprecateType
-                    ]
-                  : ''
+              v-bind="
+                filteredMedalData.medalGroup[medalGroupId]?.deprecateType
+                  ? {
+                      deprecateText:
+                        medalMetaData.groupDeprecateType[
+                          filteredMedalData.medalGroup[medalGroupId]
+                            ?.deprecateType
+                        ],
+                    }
+                  : {}
               "
             />
           </NGridItem>
diff --git a/src/widgets/MedalList/MedalStats.vue b/src/widgets/MedalList/MedalStats.vue
index d19d331b..a037fc9b 100644
--- a/src/widgets/MedalList/MedalStats.vue
+++ b/src/widgets/MedalList/MedalStats.vue
@@ -18,9 +18,15 @@ const statsData = computed(() => {
     all: { data: [0, 0], name: "已有蚀刻章", indieEncrypt: false },
   };
   for (const medal of Object.values(props.medalMetaData.medal)) {
-    result.all.data[Number(medal.isHidden)]++;
-    result[`star${medal.rarity as 1 | 2 | 3}`].data[Number(medal.isHidden)]++;
-    result.trim.data[Number(medal.isHidden)] += Number(medal.isTrim);
+    const allData = result.all.data;
+    const starData = result[`star${medal.rarity as 1 | 2 | 3}`]?.data;
+    const trimData = result.trim.data;
+    const hiddenIndex = Number(medal.isHidden);
+    if (allData && allData[hiddenIndex] !== undefined) allData[hiddenIndex]++;
+    if (starData && starData[hiddenIndex] !== undefined)
+      starData[hiddenIndex]++;
+    if (trimData && trimData[hiddenIndex] !== undefined)
+      trimData[hiddenIndex] += Number(medal.isTrim);
   }
   return result;
 });
@@ -43,10 +49,14 @@ const statsData = computed(() => {
       <div v-for="(value, key) in statsData" :key="key">
         <NStatistic :label="value.name" :tabular-nums="true">
           <NNumberAnimation
-            :from="showSecret && !value.indieEncrypt ? value.data[0] : 0"
+            v-bind="
+              showSecret && !value.indieEncrypt && value.data[0] !== undefined
+                ? { from: value.data[0] }
+                : { from: 0 }
+            "
             :to="
-              value.data[0] +
-              (showSecret && !value.indieEncrypt ? value.data[1] : 0)
+              (value.data[0] ?? 0) +
+              (showSecret && !value.indieEncrypt ? (value.data[1] ?? 0) : 0)
             "
             show-separator
             active
@@ -63,9 +73,11 @@ const statsData = computed(() => {
         >
           <NStatistic :label="`加密${item.name}`" :tabular-nums="true">
             <NNumberAnimation
+              v-bind="
+                item.data[1] !== undefined ? { to: item.data[1] } : { to: 0 }
+              "
               active
               :from="0"
-              :to="item.data[1]"
               show-separator
             />
             <template #suffix>枚</template>
diff --git a/src/widgets/MemoryList/Memory.vue b/src/widgets/MemoryList/Memory.vue
index 9072478f..a83c78ef 100644
--- a/src/widgets/MemoryList/Memory.vue
+++ b/src/widgets/MemoryList/Memory.vue
@@ -118,7 +118,7 @@ const srcplay = getImagePath("情报处理室_播放按钮.png");
             </div>
           </div>
           <div v-for="info in mmr.info" :key="info.link" class="flex flex-col">
-            <NDivider v-if="info.link !== mmr.info[0].link" />
+            <NDivider v-if="mmr.info[0] && info.link !== mmr.info[0].link" />
             <div class="flex flex-nowrap px-1 py-2">
               <div class="flex-basis-4/5">
                 {{ info.intro }}
diff --git a/src/widgets/MemoryList/index.vue b/src/widgets/MemoryList/index.vue
index 527549e0..adc7f45a 100644
--- a/src/widgets/MemoryList/index.vue
+++ b/src/widgets/MemoryList/index.vue
@@ -45,8 +45,8 @@ const compareDate = (mmrx: CharMemory, mmry: CharMemory) => {
     sorting.value !== "opt"
   ) {
     const isLatest = sorting.value === "lmmr";
-    datex = getTargetDate(onlineDate.value[mmrx.char], isLatest);
-    datey = getTargetDate(onlineDate.value[mmry.char], isLatest);
+    datex = getTargetDate(onlineDate.value[mmrx.char]!, isLatest);
+    datey = getTargetDate(onlineDate.value[mmry.char]!, isLatest);
   } else {
     datex = new Date(1);
     datey = new Date(1);
@@ -68,7 +68,7 @@ function _calcMemory() {
   const keyword = searchTerm.value;
   filteredMemory.value = charMemoryData.value
     .filter((charm) => {
-      if (rarity.length > 0 && !rarity.includes(rarityMap[charm.rarity]))
+      if (rarity.length > 0 && !rarity.includes(rarityMap[charm.rarity] ?? ""))
         return false;
 
       return (
@@ -150,17 +150,17 @@ onMounted(async () => {
     });
   const map = await getMemories(medalData.value);
   for (const charm of charMemoryData.value) {
-    charm.memories = map[charm.char];
+    charm.memories = map[charm.char] ?? [];
   }
 
   onlineDate.value = await getOnlineDate();
   isLoaded.value = true;
 
   _calcMemory();
-  const latest = onlineDate.value[filteredMemory.value[0].char];
-  const ldate = getTargetDate(latest, true);
+  const latest = onlineDate.value[filteredMemory.value[0]?.char ?? ""];
+  const ldate = getTargetDate(latest ?? [new Date()], true);
   for (const char in onlineDate.value) {
-    if (getTargetDate(onlineDate.value[char], true) >= ldate)
+    if (getTargetDate(onlineDate.value[char]!, true) >= ldate)
       latestChar.value.push(char);
   }
 });
diff --git a/src/widgets/MemoryList/utils.ts b/src/widgets/MemoryList/utils.ts
index a8c57b01..6fd45133 100644
--- a/src/widgets/MemoryList/utils.ts
+++ b/src/widgets/MemoryList/utils.ts
@@ -16,8 +16,9 @@ export async function getOnlineDate() {
       const extract = line.match(
         /\|(.*?)\|\|(.*?)\|\|(.*?)\|\|(.*?)\|\|(.*?)/,
       ) as string[];
+      const match = extract[1]?.match(/\[\[(.*?)\|(.*?)]]/) as string[];
       return [
-        (extract[1].match(/\[\[(.*?)\|(.*?)]]/) as string[])[2] as string,
+        match[2] as string,
         // 第一密录下标：3
         extract.slice(3, -1).map((str) => {
           return new Date(str);
@@ -30,12 +31,14 @@ export async function getOnlineDate() {
 }
 
 export function getTargetDate(dates: Date[], isLatest: boolean) {
-  let latest = dates[0];
+  const firstDate = dates[0];
+  if (!firstDate) return new Date("Invalid Date");
+
+  let latest = firstDate;
   for (const date of dates) {
     if (
-      date.toString() !== "Invalid Date" && isLatest
-        ? date > latest
-        : date < latest
+      date.toString() !== "Invalid Date" &&
+      (isLatest ? date > latest : date < latest)
     )
       latest = date;
   }
@@ -101,10 +104,14 @@ export async function getMemories(
   const json: { cargoquery: { title: CargoMemory }[] } = await resp.json();
   const tmp: Record<string, CargoMemory[]> = {};
   for (const e of json.cargoquery) {
-    if (!tmp[e.title.page]) {
-      tmp[e.title.page] = [];
+    const pageName = e.title.page;
+    if (!tmp[pageName]) {
+      tmp[pageName] = [];
+    }
+    const pageArray = tmp[pageName];
+    if (pageArray) {
+      pageArray.push(e.title);
     }
-    tmp[e.title.page].push(e.title);
   }
   const memoryMap: Record<string, Memory[]> = {};
   for (const [key, memories] of Object.entries(tmp)) {
diff --git a/src/widgets/PenguinWidget.vue b/src/widgets/PenguinWidget.vue
index b93cdf45..90663962 100644
--- a/src/widgets/PenguinWidget.vue
+++ b/src/widgets/PenguinWidget.vue
@@ -40,8 +40,8 @@ const stages = [
   { value: "_rep", label: "复刻" },
 ];
 
-const selectedServer = ref(servers[0].value);
-const selectedStage = ref(stages[0].value);
+const selectedServer = ref(servers[0]?.value ?? "");
+const selectedStage = ref(stages[0]?.value ?? "");
 </script>
 
 <template>
diff --git a/src/widgets/SOExpCalc/SOExpCalc.vue b/src/widgets/SOExpCalc/SOExpCalc.vue
index c7a0d7a7..77214e7c 100644
--- a/src/widgets/SOExpCalc/SOExpCalc.vue
+++ b/src/widgets/SOExpCalc/SOExpCalc.vue
@@ -59,9 +59,10 @@ const calcExp = computed(() => {
   if (start.level === target.level) {
     return target.exp - start.exp;
   }
-  let totalExp = props.expMap[selectedElite.value][start.level - 1] - start.exp;
+  let totalExp =
+    (props.expMap[selectedElite.value]?.[start.level - 1] ?? 0) - start.exp;
   for (let i = start.level + 1; i < target.level; i++) {
-    totalExp += props.expMap[selectedElite.value][i - 1];
+    totalExp += props.expMap[selectedElite.value]?.[i - 1] ?? 0;
   }
   return totalExp + target.exp;
 });
@@ -132,11 +133,11 @@ const eliteChange = () => {
 };
 
 const getMaxLevel = () => {
-  return props.expMap[selectedElite.value].indexOf(-1) + 1;
+  return (props.expMap[selectedElite.value]?.indexOf(-1) ?? -1) + 1;
 };
 
 const getLevelMaxExp = (level: number) => {
-  return props.expMap[selectedElite.value][level - 1] || 0;
+  return props.expMap[selectedElite.value]?.[level - 1] || 0;
 };
 
 const levelChange = (role: "start" | "target") => {
@@ -157,20 +158,23 @@ const expInputChange = (role: "start" | "target") => {
   }
 };
 
-const tableData = computed(() =>
-  props.expMap[selectedElite.value]
-    .map((exp, index) => ({
-      level: index + 1,
-      exp: String(exp),
-      totalexp: props.expMap[selectedElite.value]
-        .slice(0, index)
-        .reduce((a, b) => a + b, 0),
-    }))
-    .filter(
-      (item) =>
-        item.exp !== "-1" ||
-        props.expMap[selectedElite.value].indexOf(-1) === item.level - 1,
-    ),
+const tableData = computed(
+  () =>
+    props.expMap[selectedElite.value]
+      ?.map((exp, index) => ({
+        level: index + 1,
+        exp: String(exp),
+        totalexp:
+          props.expMap[selectedElite.value]
+            ?.slice(0, index)
+            .reduce((a, b) => a + b, 0) ?? 0,
+      }))
+      .filter(
+        (item) =>
+          item.exp !== "-1" ||
+          (props.expMap[selectedElite.value]?.indexOf(-1) ?? -1) ===
+            item.level - 1,
+      ) ?? [],
 );
 </script>
 
@@ -250,7 +254,7 @@ const tableData = computed(() =>
                 color="#0000"
                 object-fit="scale-down"
                 :size="35"
-                :src="getImagePath(str[0])"
+                :src="getImagePath(str[0] ?? '')"
                 :class="selectedElite === index ? 'filter-invert' : ''"
               />
               {{ str[1] }}
@@ -428,7 +432,7 @@ const tableData = computed(() =>
                 color="#0000"
                 object-fit="scale-down"
                 :size="35"
-                :src="getImagePath(str[0])"
+                :src="getImagePath(str[0] ?? '')"
                 :class="selectedElite === index ? 'filter-invert' : ''"
               />
               {{ str[1] }}
diff --git a/src/widgets/Spine/Spine.vue b/src/widgets/Spine/Spine.vue
index d310d73b..ae85a071 100644
--- a/src/widgets/Spine/Spine.vue
+++ b/src/widgets/Spine/Spine.vue
@@ -47,14 +47,16 @@ const isLoading = ref(true);
 const speed = ref(1);
 const skinList = Object.keys(props.skin!);
 const skinListOptions = skinList.map((v) => ({ label: v, value: v }));
-const curSkin = ref(skinList[0]);
+const curSkin = ref(skinList[0] ?? "");
 const modelList = computed(() => {
-  return Object.keys(props.skin![curSkin.value]).map((v) => ({
+  return Object.keys(props.skin![curSkin.value] || {}).map((v) => ({
     label: v,
     value: v,
   }));
 });
-const curModel = ref(Object.keys(props.skin![skinList[0]])[0]);
+const curModel = ref(
+  Object.keys(props.skin![skinList[0] ?? ""] || {})[0] ?? "",
+);
 const animations = ref<string[]>([]);
 const aniList = computed(() => {
   return animations.value.map((v) => ({ label: v, value: v }));
@@ -64,7 +66,8 @@ const curAni = ref("");
 const isLoop = ref(false);
 async function load() {
   isLoading.value = true;
-  const path = props.prefix + props.skin![curSkin.value][curModel.value].file;
+  const path =
+    props.prefix + (props.skin![curSkin.value]?.[curModel.value]?.file ?? "");
   const { skeleton, state: animationState } = await spineRef.spine!.load(
     `${curSkin.value}-${curModel.value}`,
     `${path}.skel`,
@@ -74,7 +77,7 @@ async function load() {
       y: -200,
       scale: 1,
     },
-    props!.skin![curSkin.value][curModel.value].skin,
+    props!.skin![curSkin.value]?.[curModel.value]?.skin ?? "",
   );
   const names = (animations.value = skeleton.data.animations.map(
     (v) => v.name,
@@ -85,8 +88,8 @@ async function load() {
   }));
   isLoading.value = false;
   spineRef.spine!.play(`${curSkin.value}-${curModel.value}`);
-  animationState.setAnimation(0, names[0], isLoop.value);
-  curAni.value = names[0];
+  animationState.setAnimation(0, names[0] ?? "", isLoop.value);
+  curAni.value = names[0] ?? "";
   animationState.timeScale = speed.value;
 }
 onMounted(() => {
@@ -99,7 +102,7 @@ onMounted(() => {
 const { big } = useEvent(canvas, spineRef);
 function onSelectSkin(e: string) {
   curSkin.value = e;
-  curModel.value = Object.keys(props.skin![e])[0];
+  curModel.value = Object.keys(props.skin![e] || {})[0] ?? "";
   load();
 }
 function onSelectModel(e: string) {
@@ -118,7 +121,7 @@ function onChangeLoop(e: boolean) {
   const state = spineRef.spine?.getCurrent()?.state;
   if (!state) return;
 
-  state.setAnimation(0, state.tracks[0].animation.name, e);
+  state.setAnimation(0, state.tracks[0]?.animation?.name ?? "", e);
 }
 function onChangeColor(e: string) {
   if (!spineRef.spine) return;
diff --git a/src/widgets/Spine/spine.ts b/src/widgets/Spine/spine.ts
index 03a87528..db6347bf 100644
--- a/src/widgets/Spine/spine.ts
+++ b/src/widgets/Spine/spine.ts
@@ -189,11 +189,13 @@ export class Spine {
     this.context.gl.clear(this.context.gl.COLOR_BUFFER_BIT);
 
     // Apply the animation state based on the delta time.
-    const state = this.skeletons[this.activeSkeleton].state;
-    const skeleton = this.skeletons[this.activeSkeleton].skeleton;
-    // const bounds = this.skeletons[this.activeSkeleton].bounds;
-    const premultipliedAlpha =
-      this.skeletons[this.activeSkeleton].premultipliedAlpha;
+    const activeSkeleton = this.skeletons[this.activeSkeleton];
+    if (!activeSkeleton) return;
+
+    const state = activeSkeleton.state;
+    const skeleton = activeSkeleton.skeleton;
+    // const bounds = activeSkeleton.bounds;
+    const premultipliedAlpha = activeSkeleton.premultipliedAlpha;
     state.update(delta);
     state.apply(skeleton);
     skeleton.updateWorldTransform();
@@ -291,7 +293,9 @@ export class Spine {
       chunks.push(e.data);
     };
     let started = false;
-    const state = this.skeletons[this.activeSkeleton].state;
+    const activeSkeleton = this.skeletons[this.activeSkeleton];
+    if (!activeSkeleton) return Promise.resolve();
+    const state = activeSkeleton.state;
 
     state.addListener({
       start: (_) => {
diff --git a/src/widgets/VoiceTable/VoiceTable.vue b/src/widgets/VoiceTable/VoiceTable.vue
index 580b69fc..d08c357f 100644
--- a/src/widgets/VoiceTable/VoiceTable.vue
+++ b/src/widgets/VoiceTable/VoiceTable.vue
@@ -117,9 +117,13 @@ provide("audioElem", new Audio());
               class="table-cell truncate border border-divider rounded border-solid p-1 align-middle"
             >
               <VoicePlayer
+                v-bind="
+                  ele.directLinks[selectedVoiceLang]
+                    ? { directLink: ele.directLinks[selectedVoiceLang] }
+                    : {}
+                "
                 :key="index"
                 v-model:play-key="playKey"
-                :direct-link="ele.directLinks[selectedVoiceLang]"
                 :voice-id="`${voiceKey}/${ele.title}`"
                 :voice-path="getVoicePath(ele.fileName, ele.placeType)"
               />
diff --git a/src/widgets/VoiceTable/VoiceTableMobile.vue b/src/widgets/VoiceTable/VoiceTableMobile.vue
index a21c983b..47542964 100644
--- a/src/widgets/VoiceTable/VoiceTableMobile.vue
+++ b/src/widgets/VoiceTable/VoiceTableMobile.vue
@@ -107,9 +107,13 @@ provide("audioElem", new Audio());
               </div>
               <div>
                 <VoicePlayer
+                  v-bind="
+                    ele?.directLinks[selectedVoiceLang]
+                      ? { directLink: ele.directLinks[selectedVoiceLang] }
+                      : {}
+                  "
                   :key="index"
                   v-model:play-key="playKey"
-                  :direct-link="ele?.directLinks[selectedVoiceLang]"
                   :voice-id="`${voiceKey}/${ele?.title}`"
                   :voice-path="getVoicePath(ele.fileName, ele.placeType)"
                 />
diff --git a/src/widgets/XbMapViewer/Block.vue b/src/widgets/XbMapViewer/Block.vue
index 5ccc59ae..348bbb1f 100644
--- a/src/widgets/XbMapViewer/Block.vue
+++ b/src/widgets/XbMapViewer/Block.vue
@@ -23,13 +23,15 @@ const self = ref();
 const style = computed(() => {
   const result: Record<string, string> = {};
 
-  if (props.blockmap[props.tile!]?.img) {
-    result.backgroundImage = `url(${getImagePath(props.blockmap[props.tile!].img!)})`;
+  const tileBlock = props.blockmap[props.tile];
+  if (tileBlock?.img) {
+    result.backgroundImage = `url(${getImagePath(tileBlock.img)})`;
   }
 
   for (const token of props.tokens || []) {
-    if (props.blockmap[token]?.img)
-      result.backgroundImage = `url(${getImagePath(props.blockmap[token].img)})`;
+    const tokenBlock = props.blockmap[token];
+    if (tokenBlock?.img)
+      result.backgroundImage = `url(${getImagePath(tokenBlock.img)})`;
   }
 
   if (
@@ -46,14 +48,13 @@ const style = computed(() => {
 
 onMounted(() => {
   let content = "";
-  if (props.tile && props.blockmap[props.tile]?.desc)
-    content += props.blockmap[props.tile].desc;
+  const tileBlock = props.blockmap[props.tile];
+  if (props.tile && tileBlock?.desc) content += tileBlock.desc;
 
   for (const token of props.tokens || []) {
-    if (token && props.blockmap[token]?.desc)
-      content += content
-        ? `<br/> ${props.blockmap[token].desc}`
-        : ` ${props.blockmap[token].desc}`;
+    const tokenBlock = props.blockmap[token];
+    if (token && tokenBlock?.desc)
+      content += content ? `<br/> ${tokenBlock.desc}` : ` ${tokenBlock.desc}`;
   }
 
   if (content.length > 0) {
@@ -84,14 +85,14 @@ onMounted(() => {
   >
     <template v-if="tokens">
       <template v-for="(token, i) in tokens" :key="i">
-        <span v-if="blockmap[token!]?.icon">
-          <i :class="blockmap[token!].icon" />
+        <span v-if="blockmap[token]?.icon">
+          <i :class="blockmap[token]!.icon" />
         </span>
       </template>
     </template>
     <template v-else>
-      <span v-if="blockmap[tile!]?.icon">
-        <i :class="blockmap[tile!].icon" />
+      <span v-if="blockmap[tile]?.icon">
+        <i :class="blockmap[tile]!.icon" />
       </span>
     </template>
   </div>
diff --git a/src/widgets/XbMapViewer/Map.vue b/src/widgets/XbMapViewer/Map.vue
index 90596105..785cf855 100644
--- a/src/widgets/XbMapViewer/Map.vue
+++ b/src/widgets/XbMapViewer/Map.vue
@@ -99,11 +99,15 @@ onMounted(() => {
     <div v-for="(row, i) in map.mapData.map" :key="i" class="row">
       <Block
         v-for="(board, n) in row"
+        v-bind="
+          black && black[`${map.mapData.map.length - 1 - i}-${n}`]
+            ? { black: black[`${map.mapData.map.length - 1 - i}-${n}`] }
+            : {}
+        "
         :key="i * row.length + n"
         :tile="getTile(board)"
         :tile-height-type="map.mapData.tiles[board].heightType.toString()"
         :tokens="getToken(map.mapData.map.length - 1 - i, n)"
-        :black="black && black[`${map.mapData.map.length - 1 - i}-${n}`]"
         :blockmap="xbMapConst.blockmap"
       />
     </div>
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 99e8d705..b612e640 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -25,11 +25,6 @@
     "erasableSyntaxOnly": false,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-
-    // See <https://www.semver-ts.org/formal-spec/5-compiler-considerations.html#strictness>
-    // These 2 options are also part of the recommended tsconfig as of TS 5.9
-    "noUncheckedIndexedAccess": false,
-    "exactOptionalPropertyTypes": false
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
index ec796660..8a67f62f 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -20,12 +20,7 @@
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    // See <https://www.semver-ts.org/formal-spec/5-compiler-considerations.html#strictness>
-    // These 2 options are also part of the recommended tsconfig as of TS 5.9
-    "noUncheckedIndexedAccess": false,
-    "exactOptionalPropertyTypes": false
+    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }