109 lines
4.0 KiB
JavaScript
109 lines
4.0 KiB
JavaScript
/*
|
|
* Extracted from browser-delivered Turbopack chunk: fd0220e4d10052af.701bdafa2d.js
|
|
* Module id: 715636
|
|
* For reading/searching only; this factory depends on the original Turbopack runtime.
|
|
*/
|
|
|
|
const moduleFactory = (e) => {
|
|
"use strict";
|
|
var t = e.i(462214),
|
|
n = e.i(358379),
|
|
i = e.i(111558),
|
|
r = e.i(262834);
|
|
let a = (0, n.memo)(function ({ onClose: e }) {
|
|
let a = (0, n.useRef)(null);
|
|
(0, n.useEffect)(() => {
|
|
let t = (t) => {
|
|
"Escape" === t.key && (t.stopPropagation(), e());
|
|
};
|
|
return (
|
|
document.addEventListener("keydown", t, { capture: !0 }),
|
|
() => document.removeEventListener("keydown", t, { capture: !0 })
|
|
);
|
|
}, [e]);
|
|
let o = (0, n.useCallback)(
|
|
(t) => {
|
|
t.target === t.currentTarget && e();
|
|
},
|
|
[e],
|
|
),
|
|
s = (0, t.jsx)("div", {
|
|
className:
|
|
"z-(--z-modal) fixed inset-0 flex items-center justify-center",
|
|
style: {
|
|
backgroundColor: "rgba(0, 0, 0, 0.6)",
|
|
backdropFilter: "blur(8px)",
|
|
},
|
|
onClick: o,
|
|
onKeyDown: void 0,
|
|
role: "presentation",
|
|
children: (0, t.jsxs)("div", {
|
|
className:
|
|
"relative flex w-[640px] flex-col overflow-hidden rounded-2xl",
|
|
style: {
|
|
...r.canvasPanelStyles.container,
|
|
backdropFilter: "blur(32px)",
|
|
},
|
|
onClick: (e) => e.stopPropagation(),
|
|
role: "dialog",
|
|
"aria-modal": "true",
|
|
"aria-label": "视频功能介绍",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className: "relative w-full shrink-0 bg-black",
|
|
style: { aspectRatio: "16 / 9" },
|
|
children: (0, t.jsx)("video", {
|
|
ref: a,
|
|
src: "https://liblibai-online.liblib.cloud/img/7769a090dda6411dbed73c8da22ea01e/0b0cb583c6ec40c03ec0f279a2dca471ccbaef17887c701b08727d1c259f4830.mp4",
|
|
className: "h-full w-full object-cover",
|
|
controls: !0,
|
|
autoPlay: !0,
|
|
playsInline: !0,
|
|
preload: "metadata",
|
|
}),
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className:
|
|
"flex shrink-0 items-end justify-between gap-4 px-5 py-4",
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "flex flex-col gap-1",
|
|
children: [
|
|
(0, t.jsx)("span", {
|
|
className:
|
|
"text-sm font-semibold leading-5 text-white/90",
|
|
children: "Seedance2.0人像素材需先进行合规校验",
|
|
}),
|
|
(0, t.jsx)("span", {
|
|
className: "text-xs leading-4 text-white/50",
|
|
children:
|
|
"通过检测后即可使用,且后续无需重复校验,目前仅仿真人可通过检测,真人后续会逐步放开限制。",
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsx)("button", {
|
|
type: "button",
|
|
onClick: e,
|
|
className:
|
|
"shrink-0 rounded-xl px-4 py-2 text-sm font-medium leading-5 transition-colors",
|
|
style: { backgroundColor: "#00C8FF", color: "#000" },
|
|
onMouseEnter: (e) => {
|
|
e.currentTarget.style.backgroundColor = "#00B8EC";
|
|
},
|
|
onMouseLeave: (e) => {
|
|
e.currentTarget.style.backgroundColor = "#00C8FF";
|
|
},
|
|
children: "知道了",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
});
|
|
return (0, i.createPortal)(s, document.body);
|
|
});
|
|
e.s(["default", 0, a]);
|
|
};
|
|
|
|
export default moduleFactory;
|