optimize: panel display remember position

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 2.2.3
+
+-   优化：panel显示方式，同一页面内再次打开panel记录上次位置
+
 ## 2.2.2
 
 -   新增：顶栏 稍后再看相关选项

src/core/panel.ts

@@ -202,7 +202,8 @@ export class Panel implements IPanel {
             const panel = document.getElementById('bili-cleaner') as HTMLFormElement
             const closeBtn = document.getElementById('bili-cleaner-close') as HTMLFormElement
             closeBtn.addEventListener('click', () => {
-                panel.remove()
+                // 使用 display:none 代替 remove(), 同一页面内再次打开panel记录上次位置
+                panel.style.display = 'none'
             })
             debug('watchCloseBtn OK')
         } catch (err) {

src/main.ts

@@ -87,12 +87,15 @@ const main = async () => {
 
     // 注册油猴插件菜单
     const openSettings = () => {
-        if (document.getElementById('bili-cleaner')) {
+        const panel = document.getElementById('bili-cleaner') as HTMLFormElement
+        if (panel) {
+            // 再次打开panel, 显示上次位置
+            panel.style.removeProperty('display')
             return
         }
         debug('panel create start')
-        const panel = new Panel()
-        panel.createPanel()
+        const newPanel = new Panel()
+        newPanel.createPanel()
         GROUPS.forEach((e) => {
             e.insertGroup()
             e.insertGroupItems()

vite.config.ts

@@ -8,7 +8,7 @@ export default defineConfig({
             userscript: {
                 name: 'bilibili 页面净化大师',
                 namespace: 'http://tampermonkey.net/',
-                version: '2.2.2',
+                version: '2.2.3',
                 description:
                     '净化 B站/哔哩哔哩 页面内各种元素，去广告，BV号转AV号，净化播放器，提供300+项功能，定制自己的B站页面',
                 author: 'festoney8',