☰

碧蓝 wiki 大型作战成就记录地图增强

增加侵蚀度、成就奖励、海域id、海域名称、成就种类、档案筛选器，添加存/读档功能，避免弹出框偏移出地图，去除平移与缩放

  1. // ==UserScript==
  2. // @name        碧蓝 wiki 大型作战成就记录地图增强
  3. // @namespace   http://github.com/8qwe24657913
  4. // @match       https://wiki.biligame.com/blhx/%E5%A4%A7%E5%9E%8B%E4%BD%9C%E6%88%98%E6%88%90%E5%B0%B1%E8%AE%B0%E5%BD%95%E5%9C%B0%E5%9B%BE
  5. // @grant       none
  6. // @run-at      document-start
  7. // @version     1.1.2
  8. // @author      8q
  9. // @description 增加侵蚀度、成就奖励、海域id、海域名称、成就种类、档案筛选器，添加存/读档功能，避免弹出框偏移出地图，去除平移与缩放
  10. // ==/UserScript==
  11.  
  12. /* globals L mapData mapModel filterMouseover filterMouseout mapPoints filterClick updateSection mapSize updateMap saveAchievements normalAchievementKeywords safeAchievementKeywords */
  13. ;(function () {
  14.     'use strict'
  15.     function patch() {
  16.         const LEVEL_COUNT = 6
  17.         const ALL_REWARDS = [
  18.             '深渊6',
  19.             '深渊5',
  20.             '深渊4',
  21.             '宝箱6',
  22.             '金菜',
  23.             '紫菜',
  24.             '金猫箱',
  25.             '魔方',
  26.             '紫币',
  27.             '物资',
  28.             '指令书',
  29.         ]
  30.         const MAP_DATA_SUPPLEMENT = {
  31.             11: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  32.             12: [5, '指令书', '物资', '魔方', '紫币', '金猫箱'],
  33.             13: [5, '指令书', '金菜', '魔方', '紫币', '金猫箱'],
  34.             14: [4, '紫币', '物资', '金菜', '紫币', '魔方'],
  35.             21: [2, '紫币', '物资', '紫菜', '紫币', '金菜'],
  36.             22: [1, '紫币', '指令书', '紫菜', '紫币', '物资'],
  37.             23: [2, '指令书', '紫菜', '紫菜', '紫币', '金菜'],
  38.             24: [2, '指令书', '紫菜', '物资', '紫币', '物资'],
  39.             25: [3, '指令书', '紫菜', '金菜', '紫币', '金菜'],
  40.             31: [2, '紫币', '紫菜', '紫菜', '紫币', '物资'],
  41.             32: [3, '指令书', '紫菜', '金菜', '宝箱6', '金菜'],
  42.             33: [3, '指令书', '紫菜', '物资', '宝箱6', '金菜'],
  43.             34: [3, '指令书', '紫菜', '紫菜', '宝箱6', '魔方'],
  44.             41: [3, '指令书', '物资', '金菜', '紫币', '魔方'],
  45.             42: [4, '指令书', '物资', '金菜', '紫币', '魔方'],
  46.             43: [2, '紫币', '紫菜', '物资', '紫币', '物资'],
  47.             44: [1, '紫币', '指令书', '紫菜', '紫币', '物资'],
  48.             51: [4, '指令书', '物资', '魔方', '深渊4', '魔方'],
  49.             52: [4, '紫币', '金菜', '魔方', '紫币', '魔方'],
  50.             53: [4, '指令书', '金菜', '魔方', '紫币', '魔方'],
  51.             54: [4, '指令书', '金菜', '金菜', '深渊4', '魔方'],
  52.             61: [4, '指令书', '物资', '魔方', '深渊4', '魔方'],
  53.             62: [3, '指令书', '物资', '金菜', '宝箱6', '紫菜'],
  54.             63: [4, '指令书', '物资', '金菜', '紫币', '魔方'],
  55.             64: [4, '指令书', '金菜', '金菜', '深渊4', '魔方'],
  56.             65: [3, '指令书', '指令书', '金菜', '紫币', '魔方'],
  57.             66: [3, '指令书', '指令书', '物资', '紫币', '魔方'],
  58.             71: [5, '指令书', '金菜', '魔方', '深渊5', '金猫箱'],
  59.             72: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  60.             73: [5, '指令书', '金菜', '魔方', '深渊5', '金猫箱'],
  61.             81: [2, '指令书', '指令书', '物资', '紫币', '金菜'],
  62.             82: [4, '紫币', '金菜', '魔方', '深渊4', '魔方'],
  63.             83: [2, '指令书', '物资', '物资', '紫币', '金菜'],
  64.             84: [2, '紫币', '紫菜', '物资', '紫币', '金菜'],
  65.             85: [4, '指令书', '金菜', '魔方', '深渊4', '魔方'],
  66.             91: [4, '指令书', '金菜', '魔方', '深渊4', '魔方'],
  67.             92: [2, '紫币', '指令书', '紫菜', '紫币', '物资'],
  68.             93: [2, '指令书', '指令书', '紫菜', '紫币', '物资'],
  69.             94: [3, '指令书', '指令书', '物资', '宝箱6', '紫菜'],
  70.             95: [3, '指令书', '金菜', '紫菜', '宝箱6', '紫菜'],
  71.             101: [5, '指令书', '物资', '魔方', '深渊5', '金猫箱'],
  72.             102: [5, '指令书', '物资', '魔方', '深渊5', '金猫箱'],
  73.             103: [4, '紫币', '金菜', '魔方', '深渊4', '魔方'],
  74.             104: [4, '紫币', '金菜', '魔方', '深渊4', '魔方'],
  75.             105: [3, '紫币', '指令书', '紫菜', '宝箱6', '魔方'],
  76.             106: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  77.             111: [3, '紫币', '指令书', '金菜', '紫币', '魔方'],
  78.             112: [2, '指令书', '指令书', '紫菜', '紫币', '物资'],
  79.             113: [3, '紫币', '指令书', '金菜', '紫币', '魔方'],
  80.             114: [3, '紫币', '指令书', '物资', '宝箱6', '物资'],
  81.             121: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  82.             122: [2, '指令书', '物资', '紫菜', '紫币', '物资'],
  83.             123: [3, '紫币', '金菜', '紫菜', '紫币', '物资'],
  84.             124: [5, '指令书', '物资', '魔方', '紫币', '金猫箱'],
  85.             125: [3, '紫币', '指令书', '紫菜', '紫币', '物资'],
  86.             131: [2, '指令书', '指令书', '紫菜', '紫币', '物资'],
  87.             132: [2, '指令书', '物资', '紫菜', '紫币', '物资'],
  88.             133: [3, '紫币', '金菜', '金菜', '紫币', '物资'],
  89.             134: [2, '指令书', '物资', '紫菜', '紫币', '物资'],
  90.             135: [3, '紫币', '金菜', '物资', '宝箱6', '魔方'],
  91.             141: [3, '紫币', '指令书', '金菜', '紫币', '魔方'],
  92.             142: [4, '紫币', '金菜', '魔方', '深渊4', '魔方'],
  93.             143: [3, '紫币', '指令书', '金菜', '宝箱6', '魔方'],
  94.             144: [5, '指令书', '金菜', '魔方', '紫币', '金猫箱'],
  95.             151: [5, '指令书', '金菜', '魔方', '深渊5', '金猫箱'],
  96.             152: [5, '指令书', '金菜', '魔方', '紫币', '金猫箱'],
  97.             153: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  98.             155: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  99.             156: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  100.             157: [6, '指令书', '金菜', '魔方', '深渊6', '金猫箱'],
  101.             158: [5, '指令书', '物资', '魔方', '紫币', '金猫箱'],
  102.             159: [5, '指令书', '物资', '魔方', '深渊5', '金猫箱'],
  103.         }
  104.         const FILES = {
  105.             陨石事件: [44, 84, 125, 95, 104, 52],
  106.             能源革命: [22, 134, 32, 94, 142, 53],
  107.             科技与生活: [83, 122, 135, 143, 63, 54],
  108.             生活的变革: [23, 62, 114, 51, 41, 14],
  109.             魔方军用化: [21, 31, 66, 113, 65, 85],
  110.             魔方军用化II: [43, 112, 34, 133, 61, 71],
  111.             '「微光」计划': [81, 132, 123, 105, 91, 64],
  112.             军备竞赛: [24, 92, 111, 25, 82, 42],
  113.             冷战升级: [93, 131, 141, 33, 103, 13],
  114.         }
  115.         const NORMAL_FILE = '档案（1/3/5）'
  116.         const SAFE_FILE = '档案（2/4/6）'
  117.         const SELECTOR_CLASS = 'leaflet-control-layers-selector'
  118.         const name2file = {}
  119.         for (const [file, ids] of Object.entries(FILES)) {
  120.             for (const [i, id] of ids.entries()) {
  121.                 if (!mapData[id]) continue
  122.                 const name = mapData[id][0]
  123.                 name2file[name] = [file, i + 1]
  124.             }
  125.         }
  126.         const name2id = {}
  127.         const name2level = {}
  128.         const name2rewards = {}
  129.         const achievementTypes = {
  130.             普通海域: [...normalAchievementKeywords, NORMAL_FILE],
  131.             安全海域: [...safeAchievementKeywords, SAFE_FILE],
  132.         }
  133.         const isSafe = {}
  134.         for (const [safety, achievementType] of Object.entries(achievementTypes)) {
  135.             for (const achievement of achievementType) {
  136.                 isSafe[achievement] = safety === '安全海域'
  137.             }
  138.         }
  139.         const name2AchievementTypes = {}
  140.         const achievementKeywordsWithoutFile = [...normalAchievementKeywords, ...safeAchievementKeywords]
  141.         for (const [id, [level, ...rewards]] of Object.entries(MAP_DATA_SUPPLEMENT)) {
  142.             if (!mapData[id]) continue
  143.             const name = mapData[id][0]
  144.             name2id[name] = Number(id)
  145.             name2level[name] = level
  146.             name2rewards[name] = rewards
  147.             name2AchievementTypes[name] = mapData[id].slice(3).map((achievement) => {
  148.                 if (achievement.includes('档案')) {
  149.                     return name2file[name][1] % 2 === 0 ? SAFE_FILE : NORMAL_FILE
  150.                 } else {
  151.                     return achievementKeywordsWithoutFile.find((keyword) => achievement.includes(keyword))
  152.                 }
  153.             })
  154.         }
  155.         // 原来就有的 bug，更新了成就情况后筛选结果不跟着变
  156.         const oldUpdateMap = updateMap
  157.         window.updateMap = function updateMap() {
  158.             oldUpdateMap()
  159.             updateSection()
  160.         }
  161.         // 增加各种筛选器
  162.         const safetyFilterList = L.DomUtil.get('filter-safe-todo-box').parentElement
  163.         const safetyFilterChildren = [...safetyFilterList.children]
  164.         function createFilterList(type, text) {
  165.             L.DomUtil.create(
  166.                 'div',
  167.                 `filter-title filter-${type}-title`,
  168.                 safetyFilterList.parentElement,
  169.             ).innerText = text
  170.             return L.DomUtil.create('div', `filter-list filter-${type}-list`, safetyFilterList.parentElement)
  171.         }
  172.         function createFilterBox(parent, type, text = '') {
  173.             const filterBox = L.DomUtil.create('label', null, parent)
  174.             filterBox.id = `filter-${type}-box`
  175.             filterBox.for = `filter-${type}`
  176.             if (text) filterBox.innerText = text
  177.             return filterBox
  178.         }
  179.         function createFilterCheckbox(parent, type, text) {
  180.             const filterBox = createFilterBox(parent, type)
  181.             filterBox.innerHTML = `<div><input type="checkbox" id="filter-${type}" class="${SELECTOR_CLASS}"><span>${text}</span></div>`
  182.             return L.DomUtil.get(`filter-${type}`)
  183.         }
  184.         function createOption(parent, value, text = value) {
  185.             const option = L.DomUtil.create('option', null, parent)
  186.             option.value = value
  187.             option.innerText = text
  188.             return option
  189.         }
  190.         function createSelect(parent) {
  191.             const filterSelect = L.DomUtil.create('select', SELECTOR_CLASS, parent)
  192.             createOption(filterSelect, '', '(未选择)')
  193.             return filterSelect
  194.         }
  195.         // 侵蚀度
  196.         const levelFilterList = createFilterList('level', '侵蚀度：')
  197.         const levelFilterBoxes = new Array(LEVEL_COUNT)
  198.             .fill()
  199.             .map((_, i) => createFilterCheckbox(levelFilterList, `level-${i + 1}`, `侵蚀${i + 1}`))
  200.         // 未获取的奖励
  201.         const rewardFilterList = createFilterList('reward', '未获取的奖励：')
  202.         const rewardFilterBoxes = ALL_REWARDS.map((reward, i) =>
  203.             createFilterCheckbox(rewardFilterList, `reward-${i + 1}`, reward),
  204.         )
  205.         // 海域搜索
  206.         const searchFilterList = createFilterList('name-id', '海域搜索：')
  207.         const searchFilterBoxes = [
  208.             ['name', '海域名称：', null],
  209.             ['id', '海域编号：', '^\\d+$'],
  210.         ].map(([type, text, pattern]) => {
  211.             const filterBox = createFilterBox(searchFilterList, type, text)
  212.             const filterInput = L.DomUtil.create('input', SELECTOR_CLASS, filterBox)
  213.             filterInput.type = 'text'
  214.             filterInput.id = `filter-${type}`
  215.             if (pattern) filterInput.pattern = pattern
  216.             return filterInput
  217.         })
  218.         // 档案
  219.         const fileFilterBoxes = [
  220.             ['file-name', '档案名称：', Object.keys(FILES)],
  221.             ['file-index', '档案序号：', [1, 2, 3, 4, 5, 6]],
  222.         ].map(([type, text, options]) => {
  223.             const filterBox = createFilterBox(searchFilterList, type, text)
  224.             const filterSelect = createSelect(filterBox)
  225.             for (const option of options) {
  226.                 createOption(filterSelect, option)
  227.             }
  228.             return filterSelect
  229.         })
  230.         // 未完成成就具体类型
  231.         const achievementTypeSelect = (() => {
  232.             const filterBox = createFilterBox(safetyFilterList, 'achievement', '具体类型：')
  233.             const filterSelect = createSelect(filterBox)
  234.             for (const [group, types] of Object.entries(achievementTypes)) {
  235.                 const optgroup = L.DomUtil.create('optgroup', null, filterSelect)
  236.                 optgroup.label = group
  237.                 for (const type of types) {
  238.                     createOption(optgroup, type)
  239.                 }
  240.             }
  241.             return filterSelect
  242.         })()
  243.         const filters = {
  244.             safety: {
  245.                 checked: false,
  246.                 // 原来的筛选函数里没有考虑档案，这里修个 bug
  247.                 filter(section) {
  248.                     const achievementTypes = name2AchievementTypes[section.name]
  249.                     for (const [i, isCompleted] of section.completed.entries()) {
  250.                         if (isCompleted) continue
  251.                         if (isSafe[achievementTypes[i]] ? mapModel.filters.safeTodo : mapModel.filters.normalTodo)
  252.                             return true
  253.                     }
  254.                     return false
  255.                 },
  256.                 update() {
  257.                     mapModel.filters.safeTodo = L.DomUtil.get('filter-safe-todo').checked
  258.                     mapModel.filters.normalTodo = L.DomUtil.get('filter-normal-todo').checked
  259.                     this.checked = mapModel.filters.safeTodo || mapModel.filters.normalTodo
  260.                 },
  261.             },
  262.             level: {
  263.                 checked: false,
  264.                 filter(section) {
  265.                     return mapModel.filters.levels[name2level[section.name] - 1]
  266.                 },
  267.                 update() {
  268.                     mapModel.filters.levels = levelFilterBoxes.map((checkbox) => checkbox.checked)
  269.                     this.checked = mapModel.filters.levels.includes(true)
  270.                 },
  271.             },
  272.             reward: {
  273.                 checked: false,
  274.                 filter(section) {
  275.                     const rewards = name2rewards[section.name].slice(section.completed.filter((x) => x).length)
  276.                     return rewards.some((reward) => mapModel.filters.rewards.has(reward))
  277.                 },
  278.                 update() {
  279.                     mapModel.filters.rewards = new Set(
  280.                         rewardFilterBoxes.map((checkbox, i) => checkbox.checked && ALL_REWARDS[i]).filter((x) => x),
  281.                     )
  282.                     this.checked = mapModel.filters.rewards.size > 0
  283.                 },
  284.             },
  285.             name: {
  286.                 checked: false,
  287.                 filter(section) {
  288.                     return section.name.includes(mapModel.filters.name)
  289.                 },
  290.                 update() {
  291.                     mapModel.filters.name = searchFilterBoxes[0].value
  292.                     this.checked = !!mapModel.filters.name
  293.                 },
  294.             },
  295.             id: {
  296.                 checked: false,
  297.                 filter(section) {
  298.                     return name2id[section.name] === mapModel.filters.id
  299.                 },
  300.                 update() {
  301.                     const value = searchFilterBoxes[1].value
  302.                     mapModel.filters.id = Number(value)
  303.                     this.checked = !!value && !Number.isNaN(mapModel.filters.id)
  304.                 },
  305.             },
  306.             achievement: {
  307.                 checked: false,
  308.                 filter(section) {
  309.                     const achievementTypes = name2AchievementTypes[section.name]
  310.                     for (const [i, isCompleted] of section.completed.entries()) {
  311.                         if (isCompleted) continue
  312.                         if (achievementTypes[i] === mapModel.filters.achievementType) return true
  313.                     }
  314.                     return false
  315.                 },
  316.                 update() {
  317.                     mapModel.filters.achievementType = achievementTypeSelect.value
  318.                     this.checked = !!mapModel.filters.achievementType
  319.                 },
  320.             },
  321.             fileType: {
  322.                 checked: false,
  323.                 filter(section) {
  324.                     return name2file[section.name] && name2file[section.name][0] === mapModel.filters.fileType
  325.                 },
  326.                 update() {
  327.                     mapModel.filters.fileType = fileFilterBoxes[0].value
  328.                     this.checked = !!mapModel.filters.fileType
  329.                 },
  330.             },
  331.             fileIndex: {
  332.                 checked: false,
  333.                 filter(section) {
  334.                     return name2file[section.name] && name2file[section.name][1] === mapModel.filters.fileIndex
  335.                 },
  336.                 update() {
  337.                     mapModel.filters.fileIndex = Number(fileFilterBoxes[1].value)
  338.                     this.checked = !!mapModel.filters.fileIndex
  339.                 },
  340.             },
  341.         }
  342.         /**
  343.          * 筛选规则：
  344.          * 1. 同一筛选器的不同选项间为逻辑或关系，不同筛选器间为逻辑与关系
  345.          * 2. 若用户未填写某个筛选器，则视为该筛选器不存在
  346.          * 3. 不存在任何筛选器时，不选中任何区块
  347.          */
  348.         let hasFilter = false
  349.         window.filterSection = function filterSection(section) {
  350.             if (!hasFilter) return false
  351.             for (const { filter, checked } of Object.values(filters)) {
  352.                 if (checked && !filter(section)) return false
  353.             }
  354.             return true
  355.         }
  356.         function filterChange() {
  357.             hasFilter = false
  358.             for (const filter of Object.values(filters)) {
  359.                 filter.update()
  360.                 hasFilter = hasFilter || filter.checked
  361.             }
  362.             updateSection()
  363.         }
  364.         filterChange()
  365.         function newFilterMouseover(checkbox) {
  366.             if (!checkbox.checked) {
  367.                 checkbox.checked = true
  368.                 filterChange()
  369.                 checkbox.checked = false
  370.             }
  371.         }
  372.         L.DomEvent.off(safetyFilterList, 'click', filterClick)
  373.         for (const box of safetyFilterList.children) {
  374.             L.DomEvent.off(box, {
  375.                 mouseover: filterMouseover,
  376.                 mouseout: filterMouseout,
  377.             })
  378.         }
  379.         for (const box of [...safetyFilterChildren, ...levelFilterList.children, ...rewardFilterList.children]) {
  380.             L.DomEvent.on(box, {
  381.                 mouseover: newFilterMouseover.bind(null, L.DomUtil.get(box.id.slice(0, -4))),
  382.                 mouseout: filterChange,
  383.                 change: filterChange,
  384.             })
  385.         }
  386.         for (const box of searchFilterBoxes) {
  387.             L.DomEvent.on(box, 'input paste change', filterChange)
  388.         }
  389.         for (const box of [achievementTypeSelect, ...fileFilterBoxes]) {
  390.             L.DomEvent.on(box, 'change', filterChange)
  391.         }
  392.         // 备份 / 读取存档
  393.         const collapseList = document.getElementsByClassName('leaflet-control-layers-overlays')[0].parentElement
  394.         L.DomUtil.create('div', 'leaflet-control-layers-separator', collapseList)
  395.         const saveLoadList = L.DomUtil.create('div', 'achievement-backup-load', collapseList)
  396.         const saveLoad = [
  397.             {
  398.                 type: 'backup',
  399.                 text: '备份',
  400.                 onclick() {
  401.                     const achievementList = []
  402.                     for (const i in mapModel.mapSection) {
  403.                         const section = mapModel.mapSection[i]
  404.                         for (const j in section.completed) {
  405.                             if (section.completed[j]) {
  406.                                 achievementList.push(i + '-' + j)
  407.                             }
  408.                         }
  409.                     }
  410.                     const userAchievements = achievementList.join(',')
  411.                     const blob = new Blob([userAchievements], {
  412.                         type: 'text/plain',
  413.                     })
  414.                     const a = document.createElement('a')
  415.                     a.href = URL.createObjectURL(blob)
  416.                     a.download = `achievements-${new Date().toISOString()}.txt`
  417.                     a.click()
  418.                 },
  419.             },
  420.             {
  421.                 type: 'load',
  422.                 text: '读档',
  423.                 onclick() {
  424.                     const input = L.DomUtil.create('input')
  425.                     input.type = 'file'
  426.                     input.accept = '.txt,text/plain'
  427.                     input.onchange = () => {
  428.                         if (input.files.length === 0) return
  429.                         const [file] = input.files
  430.                         const fr = new FileReader()
  431.                         fr.onload = () => {
  432.                             updateAchievements(fr.result)
  433.                             saveAchievements()
  434.                         }
  435.                         fr.readAsText(file)
  436.                     }
  437.                     input.click()
  438.                 },
  439.             },
  440.         ]
  441.         for (const { type, text, onclick } of saveLoad) {
  442.             const button = L.DomUtil.create('button', `achievement-${type}`, saveLoadList)
  443.             button.innerText = text
  444.             L.DomEvent.on(button, 'click', onclick)
  445.         }
  446.         // 修改 popup 位置，使其不会超出窗口外
  447.         initRrose()
  448.         for (const mapPoint of Object.values(mapPoints)) {
  449.             const { marker, popup } = mapPoint
  450.             marker.bindPopup(
  451.                 (mapPoint.popup = new L.Rrose({
  452.                     ...popup.options,
  453.                     autoPan: false,
  454.                 }).setContent(popup.getContent())),
  455.             )
  456.             popup.remove()
  457.         }
  458.         // 防止用户手快事先平移或缩放了，复位一下
  459.         const map = mapPoints[11].marker._map
  460.         map.fitBounds([[0, 0], mapSize])
  461.         // 禁止平移和缩放
  462.         map.boxZoom.disable()
  463.         map.doubleClickZoom.disable()
  464.         map.dragging.disable()
  465.         map.keyboard.disable()
  466.         map.scrollWheelZoom.disable()
  467.         map.touchZoom.disable()
  468.         map.zoomControl.remove()
  469.         // 自定义样式
  470.         document.head.appendChild(document.createElement('style')).appendChild(
  471.             document.createTextNode(`
  472.             #filter-name {
  473.                 max-width: 90px;
  474.             }
  475.             #filter-id {
  476.                 max-width: 30px;
  477.             }
  478.             #alworldmap input:invalid {
  479.                 border-color: rgba(255, 0, 0, 0.5);
  480.             }
  481.             /* 存/读档按钮 */
  482.             .achievement-backup-load {
  483.                 display: flex;
  484.                 justify-content: space-around;
  485.             }
  486.             /* 防止用户选中奇怪的东西 */
  487.             #alworldmap {
  488.                 user-select: none;
  489.             }
  490.             .leaflet-rrose-content, .achievement-count-text {
  491.                 user-select: text;
  492.             }
  493.             /* 能点的东西给个提示啊 */
  494.             #alworldmap .achievement,
  495.             #alworldmap label,
  496.             #alworldmap input[type="checkbox"],
  497.             #alworldmap input[type="radio"],
  498.             .leaflet-rrose-close-button,
  499.             .achievement-backup-load button {
  500.                 cursor: pointer;
  501.             }
  502.         `),
  503.         )
  504.     }
  505.     // 实测 bwiki 上 media wiki api 存的东西有时会乱套（读到了别人的存档？），先把网络同步禁用掉
  506.     function loadAchievements() {
  507.         return localStorage.getItem('userjs-worldmap-achievements') || ''
  508.     }
  509.     function updateAchievements(achievements) {
  510.         const updated = new Set()
  511.         for (const achievement of achievements.split(',')) {
  512.             const [i, j] = achievement.split('-')
  513.             const { completed } = mapModel.mapSection[i]
  514.             if (!updated.has(i)) {
  515.                 completed.fill(false)
  516.                 updated.add(i)
  517.             }
  518.             completed[j] = true
  519.         }
  520.         updateMap()
  521.     }
  522.     // eslint-disable-next-line no-unused-vars
  523.     function replaceLoadAchievements() {
  524.         window.loadAchievements = loadAchievements
  525.     }
  526.     if (typeof mapModel === 'undefined') {
  527.         // 早于地图初始化
  528.         Object.defineProperty(window, 'mapModel', {
  529.             get() {
  530.                 return undefined
  531.             },
  532.             set(value) {
  533.                 Object.defineProperty(window, 'mapModel', {
  534.                     value,
  535.                     writable: true,
  536.                     enumerable: true,
  537.                     configurable: true,
  538.                 })
  539.                 // replaceLoadAchievements()
  540.                 // 等初始化完了再执行 patch
  541.                 queueMicrotask(patch)
  542.             },
  543.             enumerable: false,
  544.             configurable: true,
  545.         })
  546.     } else {
  547.         // 晚于地图初始化
  548.         // replaceLoadAchievements()
  549.         // 执行时机晚则需要手动读取本地存档以更新地图
  550.         // updateAchievements(loadAchievements())
  551.         patch()
  552.     }
  553.     // 下面是引用的库，用来调整弹出框位置
  554.     function initRrose() {
  555.         /*
  556.   Copyright (c) 2012 Eric S. Theise
  557.   
  558.   Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated 
  559.   documentation files (the "Software"), to deal in the Software without restriction, including without limitation the 
  560.   rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit 
  561.   persons to whom the Software is furnished to do so, subject to the following conditions:
  562.   
  563.   The above copyright notice and this permission notice shall be included in all copies or substantial portions of the 
  564.   Software.
  565.   
  566.   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE 
  567.   WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 
  568.   COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR 
  569.   OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  570. */
  571.  
  572.         L.Rrose = L.Popup.extend({
  573.             _initLayout: function () {
  574.                 const prefix = 'leaflet-rrose'
  575.                 const container = (this._container = L.DomUtil.create(
  576.                     'div',
  577.                     prefix + ' ' + this.options.className + ' leaflet-zoom-animated',
  578.                 ))
  579.                 let closeButton
  580.                 let wrapper
  581.  
  582.                 if (this.options.closeButton) {
  583.                     closeButton = this._closeButton = L.DomUtil.create('a', prefix + '-close-button', container)
  584.                     closeButton.href = '#close'
  585.                     closeButton.innerHTML = '&#215;'
  586.  
  587.                     L.DomEvent.on(closeButton, 'click', this._onCloseButtonClick, this)
  588.                 }
  589.  
  590.                 // Set the pixel distances from the map edges at which popups are too close and need to be re-oriented.
  591.                 const xBound = 200
  592.                 const yBound = 200
  593.                 // Determine the alternate direction to pop up; north mimics Leaflet's default behavior, so we initialize to that.
  594.                 this.options.position = 'n'
  595.                 // Then see if the point is too far north...
  596.                 const yDiff = yBound - this._map.latLngToContainerPoint(this._latlng).y
  597.                 if (yDiff > 0) {
  598.                     this.options.position = 's'
  599.                 }
  600.                 // or too far east...
  601.                 let xDiff = this._map.latLngToContainerPoint(this._latlng).x - (this._map.getSize().x - xBound)
  602.                 if (xDiff > 0) {
  603.                     this.options.position += 'w'
  604.                 } else {
  605.                     // or too far west.
  606.                     xDiff = xBound - this._map.latLngToContainerPoint(this._latlng).x
  607.                     if (xDiff > 0) {
  608.                         this.options.position += 'e'
  609.                     }
  610.                 }
  611.  
  612.                 // Create the necessary DOM elements in the correct order. Pure 'n' and 's' conditions need only one class for styling, others need two.
  613.                 if (/s/.test(this.options.position)) {
  614.                     if (this.options.position === 's') {
  615.                         this._tipContainer = L.DomUtil.create('div', prefix + '-tip-container', container)
  616.                         wrapper = this._wrapper = L.DomUtil.create('div', prefix + '-content-wrapper', container)
  617.                     } else {
  618.                         this._tipContainer = L.DomUtil.create(
  619.                             'div',
  620.                             prefix + '-tip-container' + ' ' + prefix + '-tip-container-' + this.options.position,
  621.                             container,
  622.                         )
  623.                         wrapper = this._wrapper = L.DomUtil.create(
  624.                             'div',
  625.                             prefix + '-content-wrapper' + ' ' + prefix + '-content-wrapper-' + this.options.position,
  626.                             container,
  627.                         )
  628.                     }
  629.                     this._tip = L.DomUtil.create(
  630.                         'div',
  631.                         prefix + '-tip' + ' ' + prefix + '-tip-' + this.options.position,
  632.                         this._tipContainer,
  633.                     )
  634.                     L.DomEvent.disableClickPropagation(wrapper)
  635.                     this._contentNode = L.DomUtil.create('div', prefix + '-content', wrapper)
  636.                     L.DomEvent.on(this._contentNode, 'mousewheel', L.DomEvent.stopPropagation)
  637.                     if (closeButton) closeButton.style.top = '20px'
  638.                 } else {
  639.                     if (this.options.position === 'n') {
  640.                         wrapper = this._wrapper = L.DomUtil.create('div', prefix + '-content-wrapper', container)
  641.                         this._tipContainer = L.DomUtil.create('div', prefix + '-tip-container', container)
  642.                     } else {
  643.                         wrapper = this._wrapper = L.DomUtil.create(
  644.                             'div',
  645.                             prefix + '-content-wrapper' + ' ' + prefix + '-content-wrapper-' + this.options.position,
  646.                             container,
  647.                         )
  648.                         this._tipContainer = L.DomUtil.create(
  649.                             'div',
  650.                             prefix + '-tip-container' + ' ' + prefix + '-tip-container-' + this.options.position,
  651.                             container,
  652.                         )
  653.                     }
  654.                     L.DomEvent.disableClickPropagation(wrapper)
  655.                     this._contentNode = L.DomUtil.create('div', prefix + '-content', wrapper)
  656.                     L.DomEvent.on(this._contentNode, 'mousewheel', L.DomEvent.stopPropagation)
  657.                     this._tip = L.DomUtil.create(
  658.                         'div',
  659.                         prefix + '-tip' + ' ' + prefix + '-tip-' + this.options.position,
  660.                         this._tipContainer,
  661.                     )
  662.                 }
  663.             },
  664.  
  665.             _updatePosition: function () {
  666.                 const pos = this._map.latLngToLayerPoint(this._latlng)
  667.                 const is3d = L.Browser.any3d
  668.                 const offset = new L.Point(...this.options.offset)
  669.  
  670.                 L.DomUtil.setPosition(this._container, pos)
  671.  
  672.                 if (/s/.test(this.options.position)) {
  673.                     this._containerBottom = -this._container.offsetHeight + offset.y - (is3d ? 0 : pos.y)
  674.                 } else {
  675.                     this._containerBottom = -offset.y - (is3d ? 0 : pos.y)
  676.                 }
  677.  
  678.                 if (/e/.test(this.options.position)) {
  679.                     this._containerLeft = offset.x + (is3d ? 0 : pos.x)
  680.                 } else if (/w/.test(this.options.position)) {
  681.                     this._containerLeft = -Math.round(this._containerWidth) + offset.x + (is3d ? 0 : pos.x)
  682.                 } else {
  683.                     this._containerLeft = -Math.round(this._containerWidth / 2) + offset.x + (is3d ? 0 : pos.x)
  684.                 }
  685.  
  686.                 this._container.style.bottom = this._containerBottom + 'px'
  687.                 this._container.style.left = this._containerLeft + 'px'
  688.             },
  689.         })
  690.         document.head.appendChild(document.createElement('style')).appendChild(
  691.             document.createTextNode(`/* Rrose layout */
  692.  
  693. .leaflet-rrose {
  694. position: absolute;
  695. text-align: center;
  696. }
  697.  
  698. .leaflet-rrose-content-wrapper {
  699. padding: 1px;
  700. text-align: left;
  701. }
  702.  
  703. .leaflet-rrose-content {
  704. margin: 14px 20px;
  705. }
  706.  
  707. .leaflet-rrose-tip-container {
  708. margin: 0 auto;
  709. width: 40px;
  710. height: 20px;
  711. position: relative;
  712. overflow: hidden;
  713. }
  714.  
  715. .leaflet-rrose-tip-container-se, .leaflet-rrose-tip-container-ne {
  716. margin-left: 0;
  717. }
  718.  
  719. .leaflet-rrose-tip-container-sw, .leaflet-rrose-tip-container-nw {
  720. margin-right: 0;
  721. }
  722.  
  723. .leaflet-rrose-tip {
  724. width: 15px;
  725. height: 15px;
  726. padding: 1px;
  727.  
  728. -moz-transform: rotate(45deg);
  729. -webkit-transform: rotate(45deg);
  730. -ms-transform: rotate(45deg);
  731. -o-transform: rotate(45deg);
  732. transform: rotate(45deg);
  733. }
  734.  
  735. .leaflet-rrose-tip-n {
  736. margin: -8px auto 0;
  737. }
  738.  
  739. .leaflet-rrose-tip-s {
  740. margin: 11px auto 0;
  741. }
  742.  
  743. .leaflet-rrose-tip-se {
  744. margin: 11px 11px 11px -8px; overflow: hidden;
  745. }
  746.  
  747. .leaflet-rrose-tip-sw {
  748. margin: 11px 11px 11px 32px; overflow: hidden;
  749. }
  750.  
  751. .leaflet-rrose-tip-ne {
  752. margin: -8px 11px 11px -8px; overflow: hidden;
  753. }
  754.  
  755. .leaflet-rrose-tip-nw {
  756. margin: -8px 11px 11px 32px; overflow: hidden;
  757. }
  758.  
  759. a.leaflet-rrose-close-button {
  760. position: absolute;
  761. top: 0;
  762. right: 0;
  763. padding: 4px 5px 0 0;
  764. text-align: center;
  765. width: 18px;
  766. height: 14px;
  767. font: 16px/14px Tahoma, Verdana, sans-serif;
  768. color: #c3c3c3;
  769. text-decoration: none;
  770. font-weight: bold;
  771. }
  772.  
  773. a.leaflet-rrose-close-button:hover {
  774. color: #999;
  775. }
  776.  
  777. .leaflet-rrose-content p {
  778. margin: 18px 0;
  779. }
  780.  
  781. .leaflet-rrose-scrolled {
  782. overflow: auto;
  783. border-bottom: 1px solid #ddd;
  784. border-top: 1px solid #ddd;
  785. }
  786.  
  787. /* Visual appearance */
  788.  
  789. .leaflet-rrose-content-wrapper, .leaflet-rrose-tip {
  790. background: white;
  791.  
  792. box-shadow: 0 3px 10px #888;
  793. -moz-box-shadow: 0 3px 10px #888;
  794. -webkit-box-shadow: 0 3px 14px #999;
  795. }
  796.  
  797. .leaflet-rrose-content-wrapper {
  798. -moz-border-radius:    20px;
  799. -webkit-border-radius: 20px;
  800. border-radius:         20px;
  801. }
  802.  
  803. .leaflet-rrose-content-wrapper-se {
  804. -moz-border-radius:    0 20px 20px 20px;
  805. -webkit-border-radius: 0 20px 20px 20px;
  806. border-radius:         0 20px 20px 20px;
  807. }
  808.  
  809. .leaflet-rrose-content-wrapper-sw {
  810. -moz-border-radius:    20px 0 20px 20px;
  811. -webkit-border-radius: 20px 0 20px 20px;
  812. border-radius:         20px 0 20px 20px;
  813. }
  814.  
  815. .leaflet-rrose-content-wrapper-nw, .leaflet-rrose-content-wrapper-w {
  816. -moz-border-radius:    20px 20px 0 20px;
  817. -webkit-border-radius: 20px 20px 0 20px;
  818. border-radius:         20px 20px 0 20px;
  819. }
  820.  
  821. .leaflet-rrose-content-wrapper-ne, .leaflet-rrose-content-wrapper-e {
  822. -moz-border-radius:    20px 20px 20px 0;
  823. -webkit-border-radius: 20px 20px 20px 0;
  824. border-radius:         20px 20px 20px 0;
  825. }
  826.  
  827. .leaflet-rrose-content {
  828. font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
  829. }`),
  830.         )
  831.     }
  832. })()

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址