fix:99烟花成就

Author: fifthThirteen

docs/project/achievement-statistics.md

@@ -128,7 +128,8 @@ v2 points 的业务数据是 `ID -> [point, general, visible]` 映射。当前
 
 ## 6. 99 烟花口径
 
-当前后端没有“99 烟花”专门分类字段，前端在 `FIREWORK_ACHIEVEMENT_IDS` 中维护 65 项正向 ID 白名单：
+当前后端没有“99 烟花”专门分类字段，65 项正向 ID 白名单统一维护在公共库的
+`@jx3box/jx3box-common/data/firework_achievement_ids.json` 中，PVX 通过 `FIREWORK_ACHIEVEMENT_IDS` 引用：
 
 - 当前上限为 `65 项 / 13,000 资历`。
 - 它是常规可见成就的专题子集，分类卡标注“已计入常规”。

package-lock.json

@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@element-plus/icons-vue": "^2.3.2",
-        "@jx3box/jx3box-common": "^9.2.9",
+        "@jx3box/jx3box-common": "^9.5.3",
         "@jx3box/jx3box-data": "^3.9.6",
         "@jx3box/jx3box-editor": "^3.2.13",
         "@jx3box/jx3box-emotion": "^1.3.0",

package.json

@@ -1,6 +1,7 @@
 const assert = require("assert");
 const path = require("path");
 const babel = require("@babel/core");
+const fireworkAchievementIds = require("@jx3box/jx3box-common/data/firework_achievement_ids.json");
 
 function loadModule(file) {
     const result = babel.transformFileSync(file, {
@@ -27,6 +28,7 @@ const {
 
 assert.strictEqual(FIREWORK_ACHIEVEMENT_IDS.length, 65);
 assert.strictEqual(new Set(FIREWORK_ACHIEVEMENT_IDS).size, 65);
+assert.deepStrictEqual(FIREWORK_ACHIEVEMENT_IDS, fireworkAchievementIds);
 assert.strictEqual(FIREWORK_ACHIEVEMENT_IDS.includes(1573), true);
 assert.strictEqual(FIREWORK_ACHIEVEMENT_IDS.includes(1707), false);
 assert.strictEqual(FIREWORK_ACHIEVEMENT_IDS.includes(4493), false);

scripts/test-achievement-statistics.js

@@ -1,9 +1,6 @@
-export const FIREWORK_ACHIEVEMENT_IDS = Object.freeze([
-    1573, 4444, 4495, 4649, 5077, 5079, 5295, 5304, 5342, 5688, 5828, 5841, 6046, 6192, 6274, 6826, 6829, 6846, 6878,
-    7130, 7288, 7291, 7488, 7492, 7613, 7617, 8469, 8473, 8476, 8480, 9092, 9107, 9411, 9414, 9450, 9453, 9456, 9531,
-    10030, 10036, 10165, 10169, 10210, 10292, 10827, 10835, 11021, 11024, 11077, 11082, 11457, 11460, 11473, 11595,
-    11598, 11642, 11646, 11650, 12099, 12106, 12327, 12331, 12544, 12624, 12631,
-]);
+import fireworkAchievementIds from "@jx3box/jx3box-common/data/firework_achievement_ids.json";
+
+export const FIREWORK_ACHIEVEMENT_IDS = Object.freeze([...fireworkAchievementIds]);
 
 function appendAchievementIds(value, target) {
     if (Array.isArray(value)) {

src/utils/achievementStatistics.js

@@ -363,6 +363,20 @@ import {
     UserFilled,
     WarningFilled,
 } from "@element-plus/icons-vue";
+
+function createImageAssetMap(context) {
+    return context.keys().reduce((assets, path) => {
+        const name = path.replace(/^\.\//, "").replace(/\.png$/, "");
+        assets[name] = context(path);
+        return assets;
+    }, {});
+}
+
+const CATEGORY_TITLE_IMAGES = createImageAssetMap(
+    require.context("@/assets/img/wiki/overview/title", false, /\.png$/)
+);
+const CATEGORY_ITEM_IMAGES = createImageAssetMap(require.context("@/assets/img/wiki/overview/item", false, /\.png$/));
+
 export default {
     name: "wiki-achievement-overview",
     props: [],
@@ -418,7 +432,8 @@ export default {
         },
         categoryTitleImage() {
             if (!this.viewAchievementsName) return "";
-            return require(`@/assets/img/wiki/overview/title/${this.viewAchievementsName}.png`);
+            const rootCategoryName = this.categoryPath[0]?.name || this.viewAchievementsName;
+            return CATEGORY_TITLE_IMAGES[rootCategoryName] || "";
         },
         avatar_frame() {
             if (this.userInfo) {
@@ -729,7 +744,7 @@ export default {
             window.scrollTo({ top: 0, behavior: "smooth" });
         },
         getCategoryImage(name) {
-            return require(`@/assets/img/wiki/overview/item/${name}.png`);
+            return CATEGORY_ITEM_IMAGES[name] || "";
         },
         onEnterCategory(data) {
             if (data.children) {