feat: 支持 aHrefResolver: 自定义处理所有子应用 a 标签的 href 拼接方式

Author: timhub66

src/sandbox/iframe/element.ts

@@ -13,7 +13,6 @@ import {
   isDocumentFragment,
   isFunction,
   isBrowser,
-  isArray,
 } from '../../libs/utils'
 import {
   updateElementInfo,
@@ -242,11 +241,7 @@ function patchIframeAttribute (url: string, microAppWindow: microAppWindowType,
     ) {
       this.setAttribute(key, value)
     } else {
-      let appPlugins = microApp?.options?.plugins?.modules?.[appName]
-      if (!isArray(appPlugins)) {
-        appPlugins = []
-      }
-      const aHrefResolver = appPlugins[0]?.aHrefResolver
+      const aHrefResolver = microApp?.options?.aHrefResolver
       if (key === 'href' && /^a$/i.test(this.tagName) && typeof aHrefResolver === 'function') {
         // 试验性质：a 标签开放自定义补齐功能
         value = aHrefResolver(value, appName, url)

src/source/patch.ts

@@ -317,7 +317,15 @@ function completePathDynamic(app: AppInterface, newChild: Node): void {
           // If it is the anchor tag,eg. <a href="#xxx"/>, the path will not be completed
           (/^(a)$/i.test(newChild.tagName) && newChild.hasAttribute('href') && !/^#/.test(newChild.getAttribute('href') || ''))
     ) {
-      globalEnv.rawSetAttribute.call(newChild, 'href', CompletionPath(newChild.getAttribute('href')!, app.url))
+      const aHrefResolver = microApp?.options?.aHrefResolver
+      const hrefValue = newChild.getAttribute('href')!
+      let nextHrefValue
+      if ((/^(a)$/i.test(newChild.tagName) && typeof aHrefResolver === 'function')) {
+        nextHrefValue = aHrefResolver(hrefValue, app.name, app.url)
+      } else {
+        nextHrefValue = CompletionPath(hrefValue, app.url)
+      }
+      globalEnv.rawSetAttribute.call(newChild, 'href', nextHrefValue)
     }
   }
 }
@@ -560,7 +568,12 @@ export function patchElementAndDocument(): void {
 
       ) {
         const app = appInstanceMap.get(appName)
-        value = CompletionPath(value, app!.url)
+        const aHrefResolver = microApp?.options?.aHrefResolver
+        if (key === 'href' && /^a$/i.test(this.tagName) && typeof aHrefResolver === 'function') {
+          value = aHrefResolver(value, appName, app!.url)
+        } else {
+          value = CompletionPath(value, app!.url)
+        }
       }
       globalEnv.rawSetAttribute.call(this, key, value)
       if (isImageElement(this) || isVideoElement(this) || isAudioElement(this)) {

typings/global.d.ts

@@ -368,6 +368,7 @@ declare module '@micro-app/types' {
     includeCrossOrigin?: (assetUrl: string) => boolean
     getRootElementParentNode?: (node: Node, appName: AppName) => void
     customProxyDocumentProps?: Map<string | number | symbol, (value: unknown) => void>
+    aHrefResolver?: (hrefValue: string, appName: string, appUrl: string) => string
     inheritBaseBody?:boolean
   }