fix: 重新支持 extendContext 方法

Author: memset0

src/app.js

@@ -2,8 +2,8 @@ import { initializePanel } from './panel';
 
 import logger from './utils/logger';
 import { isVideoPage } from './utils/checker';
-import { copyToClipboard } from './utils/browser';
 import { sleep, matchRoute } from './utils/global';
+import { copyToClipboard, loadUrlQuery } from './utils/browser';
 
 class App {
   getNamespace() {
@@ -41,7 +41,7 @@ class App {
     const pluginLoader = require.context('./plugins', true, /\/index\.js$/);
     pluginLoader.keys().forEach((filename) => {
       const slug = filename.slice(2, -9);
-      if (slug === 'example-plugin') {
+      if (slug.startsWith('example-')) {
         return; // 示例插件将不会被加载
       }
       this.plugins[slug] = pluginLoader(filename);
@@ -56,17 +56,21 @@ class App {
     const panel = initializePanel(this.plugins);
 
     // 上下文管理
-    const context = {
+    const globalContext = {
       panel,
       namespace: this.getNamespace(),
       clipboard: {
         copy: copyToClipboard,
       },
+      query: loadUrlQuery(location.search),
       window: unsafeWindow,
       document: unsafeWindow.document,
       location: unsafeWindow.location,
       env: { isVideoPage: isVideoPage() },
       loadScript: (link) => this.loadScript(link),
+      extendContext: (context) => {
+        Object.assign(globalContext, context);
+      },
     };
 
     // 检查插件队列是否已经清空
@@ -88,7 +92,7 @@ class App {
         if (!plugin.loaded) {
           // 合成插件上下文
           const pluginContext = {
-            ...context,
+            ...globalContext, // 这里每次都需要重新综合一次主 globalContext，因为其可能被插件更新
             logger: logger.extends(plugin.slug),
             panelInitialize: panel.pluginInitializers[plugin.slug],
           };
@@ -119,10 +123,10 @@ class App {
           let needSkip = false;
           if (!needSkip && plugin.namespace) {
             if (plugin.namespace instanceof Array) {
-              if (!plugin.namespace.includes(context.namespace)) {
+              if (!plugin.namespace.includes(globalContext.namespace)) {
                 needSkip = true;
               }
-            } else if (plugin.namespace !== context.namespace) {
+            } else if (plugin.namespace !== globalContext.namespace) {
               needSkip = true;
             }
           }

src/panel.less

@@ -59,6 +59,7 @@
 // 插件卡片
 .zju-helper-plugin {
   .zju-helper-plugin-content {
+    margin-top: -0.75rem;
     max-height: 400px;
     overflow-y: hidden;
     transition: max-height (@duration * 2) cubic-bezier(0, 1, 0, 1);
@@ -81,7 +82,7 @@
 :before,
 :after {
   --_ui5-v2-4-0_card_header_title_font_weight: bold !important;
-  --_ui5-v2-4-0_card_header_padding: 1rem 1rem 0 1rem !important;
+  --_ui5-v2-4-0_card_header_padding: 1rem 1rem 0.75rem 1rem !important;
   --_ui5-v2-4-0_tl_li_margin_bottom: 0.625rem !important;
   --_ui5-v2-4-0_timeline_tli_indicator_before_bottom: -0.625rem !important;
 }