54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
;(() => {
|
|
const html = `<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Vite App</title>
|
|
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-8055eb0e.js"></script>
|
|
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-2e911f74.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="zanllp_dev_gradio_fe"></div>
|
|
|
|
</body>
|
|
</html>
|
|
`
|
|
const asyncCheck = async (getter, checkSize = 100, timeout = 1000) => {
|
|
return new Promise((x) => {
|
|
const check = (num = 0) => {
|
|
const target = getter()
|
|
if (target !== undefined && target !== null) {
|
|
x(target)
|
|
} else if (num > timeout / checkSize) {
|
|
// 超时
|
|
x(target)
|
|
} else {
|
|
setTimeout(() => check(++num), checkSize)
|
|
}
|
|
}
|
|
check()
|
|
})
|
|
}
|
|
asyncCheck(
|
|
// eslint-disable-next-line no-undef
|
|
() => gradioApp().querySelector('#infinite_image_browsing_container_wrapper'),
|
|
500,
|
|
Infinity
|
|
).then((el) => {
|
|
/**
|
|
* @type {HTMLDivElement}
|
|
*/
|
|
const wrap = el
|
|
wrap.childNodes.forEach((v) => wrap.removeChild(v))
|
|
const iframe = document.createElement('iframe')
|
|
iframe.srcdoc = html
|
|
iframe.style = `width: 100%;height:100vh`
|
|
wrap.appendChild(iframe)
|
|
})
|
|
})()
|