期望在sync模式下，支持交给外部决定路由如何同步

Lienviws commented 1 year ago

现象

我的主应用 router 是通过 hash 变更来改变的，比如：

www.xxx.com/v3/#/space/dataset www.xxx.com/v3/#/space/datasource

但是无界里面路由同步改的是query部分，同步后会导致整个 href 乱掉，比如

www.xxx.com/v3/#/space/dataset -> www.xxx.com/v3/?datamarket=%2Fhome%2Fmarket-list#/space/dataset

解决方案

我发现并没有相关钩子，因此目前自己的解决方案，是把 wujie 代码拉下来，手动改 sync.ts 文件

// ...
if (winUrlElement.href !== window.location.href) {
    if (typeof sync === 'function') {
      sync(winUrlElement.href, queryMap[id]); // 外部控制
    } else {
      window.history.replaceState(null, '', winUrlElement.href);
    }
  }
// ...

把参数拼在hash后的query部分，

<WujieReact sync={(targetUrl, encodeQuery) => {
    const search = `?params=${encodeQuery}`;
    const target = `${history.location.pathname}${search}`;
    if (history.location.search !== search) {
      window.history.replaceState(
        null,
        '',
        `${location.origin + location.pathname}#${target}`
      );
    }
  }} />

达到这样的路由效果:

www.xxx.com/v3/#/space/dataset?params=%2Fhome%2Fmarket-list

然后在 load wujie 的时候，手动管理 params 部分。