Function syncUrlAndQuery

frontend/packages/common/src/utils/postcat.tsx:171–213

(
  url = '',
  query = [],
  opts: {
    nowOperate?: 'url' | 'query'
    method: 'replace' | 'keepBoth'
  } = {
    method: 'replace',
    nowOperate: 'url'
  }
)

 * @returns - {url:"",query:[]}
 */
export const syncUrlAndQuery = (
  url = '',
  query = [],
  opts: {
    nowOperate?: 'url' | 'query'
    method: 'replace' | 'keepBoth'
  } = {
    method: 'replace',
    nowOperate: 'url'
  }
) => {
  const urlQuery: SafeAny[] = []
  const uiQuery = query
  //Get url query
  const queryObj = getQueryFromURL(url)
  Object.keys(queryObj).forEach((name) => {
    const value = queryObj[name]
    const item: SafeAny = {
      isRequired: 1,
      name,
      paramAttr: {
        example: value
      }
    }
    urlQuery.push(item)
  })
  const pre = opts.nowOperate === 'url' ? uiQuery : urlQuery
  const next = opts.nowOperate === 'url' ? urlQuery : uiQuery
  const result: SafeAny = {
    url,
    query
  }
  if (opts.method === 'replace') {
    result.query = [...next, ...pre.filter((val) => !val.isRequired)]
  } else {
    result.query = [
      ...next.map((val) => Object.assign(pre.find((val1) => val1.name === val.name) || {}, val)),
      ...pre.filter((val: SafeAny) => urlQuery.every((val1) => val1.name !== val.name))
    ]
  }
  result.url = jointQuery(url, result.query)
  return result
}

const jointQuery = (url = '', query: SafeAny[]) => {
  //Joint query