import { chromium } from 'playwright-core'

const BASE = 'http://localhost:5082'
const browser = await chromium.launch({
  headless: true,
  executablePath: `${process.env.LOCALAPPDATA}\\ms-playwright\\chromium-1232\\chrome-win64\\chrome.exe`,
})
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } })

await page.addInitScript(() => {
  sessionStorage.setItem('fms-login', JSON.stringify({ loginInfo: { token: 'dev-token', user: { id: 1, name: 'dev', account: 'g3soft' } } }))
  localStorage.setItem('fms-user', JSON.stringify({ userInfo: { orgId: 'G3HD', account: 'g3soft' } }))
})
await page.route('**/api/**', async (route) => {
  const req = route.request()
  const url = req.url()
  let body = {}
  try { body = req.postDataJSON() || {} } catch {}
  if (url.includes('/data/loaddata')) {
    const rows = body.view_name === 's_module' ? [{ b_id: 1, b_code: 'b_port', b_name: '港口管理' }] :
      body.view_name === 'bf_files_cateid' ? [{ b_id: '10', b_name: '合同文件' }] : []
    return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: rows }) })
  }
  if (url.includes('/data/page')) {
    const files = Array.from({ length: 2 }, (_, i) => ({
      subid: String(1000 + i), father: '1001', mx_moduleid: '1', mx_cate_id: '10',
      mx_filename: `文件-${i + 1}.pdf`, mx_filesize: (i + 1) * 1024 * 1024,
      mx_fileext: 'pdf', mx_mapfilename: '',
    }))
    return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: { rows: files, total: files.length } }) })
  }
  return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: null }) })
})

await page.goto(`${BASE}/file-demo`, { waitUntil: 'networkidle', timeout: 30000 })
await page.waitForTimeout(3000)

const result = await page.evaluate(() => {
  const out = { splitters: [] }
  const seen = new Set()
  function walk(instance) {
    if (!instance || seen.has(instance)) return
    seen.add(instance)
    const typeName = instance.type?.__name || instance.type?.name || ''
    if (typeName === 'Splitter') {
      const ss = instance.setupState
      const items = ss?.panelItems?.value
      out.splitters.push({
        props: { ...(instance.props || {}) },
        panelItems: items
          ? items.map((p) => ({
              props: p.props,
              propKeys: Object.keys(p.props || {}),
            }))
          : null,
        innerSizes: ss?.innerSizes?.value ? [...ss.innerSizes.value] : null,
        containerSize: ss?.containerSize?.value ?? null,
      })
    }
    const sub = instance.subTree
    if (sub) visit(sub, 0)
  }
  function visit(v, depth) {
    if (!v) return
    if (v.component) walk(v.component)
    if (Array.isArray(v.children)) v.children.forEach((c) => visit(c, depth + 1))
    else if (v.children && typeof v.children === 'object' && !v.component) visit(v.children, depth + 1)
  }
  walk(document.querySelector('#app')?.__vue_app__?._instance)
  return out
})

console.log(JSON.stringify(result, null, 2))
await browser.close()