fix: 调整 Promiseify PostMessage 实现

docs/demos/promiseify-post-message/sdk.ts

@@ -1,46 +1,47 @@
-import { FuncMap } from './types'
+import { BridgeMap } from './types'
 
-export interface JSBridgeParams<T extends keyof FuncMap> {
+export interface JSBridgeParams<T extends keyof BridgeMap> {
   namespace: T
-  action: keyof FuncMap[T]
-  payload: FuncMap[T][keyof FuncMap[T]] extends { payload: infer P } ? P : never
+  action: keyof BridgeMap[T]
+  payload: BridgeMap[T][keyof BridgeMap[T]] extends { payload: infer P } ? P : never
 }
 
 /**
  * 注册 SDK 应用
  */
 export function registerSdk() {
-  window.addEventListener('message', messageHandler)
+  window.addEventListener('message', ({ data, type }: MessageEvent) => {
+    if (type === 'message') {
+      const { params, result } = data
+      const key = `${params.namespace}.${params.action}_${params.id}`
+      const callback = postMessageCallbackMap.get(key)
+      if (callback) {
+        callback(result)
+        postMessageCallbackMap.delete(key)
+      }
+    }
+  })
 }
 
 const postMessageCallbackMap = new Map()
 
-function messageHandler({ data, type }: MessageEvent) {
-  if (type === 'message') {
-    const { params, result } = data
-    const key = [params.namespace, params.action, params.id].join('.')
-    const callback = postMessageCallbackMap.get(key)
-    if (callback) {
-      callback(result)
-      postMessageCallbackMap.delete(key)
-    }
-  }
-}
-
 let uniqueId = 0
 
-export function postMessage<T extends keyof FuncMap>(
+export function postMessage<T extends keyof BridgeMap>(
   params: JSBridgeParams<T>
-): Promise<FuncMap[T][keyof FuncMap[T]] extends { result: infer R } ? R : never> {
+): Promise<BridgeMap[T][keyof BridgeMap[T]] extends { result: infer R } ? R : never> {
   return new Promise((resolve) => {
     if (window.parent) {
       const id = uniqueId++
-      const key = [params.namespace, params.action, id].join('.')
+      const key = `${params.namespace}.${String(params.action)}_${id}`
       postMessageCallbackMap.set(key, resolve)
-      const _params = structuredClone(params)
-      // @ts-expect-error - id is private field.
-      _params.id = id
-      window.parent.postMessage(_params, '*')
+      window.parent.postMessage(
+        {
+          id,
+          ...params
+        },
+        '*'
+      )
     }
   })
 }