freefire
4f3f3a265c
新增模块： - 友链（friendlink）后端处理 + 前端管理页与友链板 - 书库（library）：导入、章节、封面、阅读页、横竖版自适应 AdaptiveCoverSlot - 顶栏导航（header_nav）配置与 MobileTabBar/MobileRailDrawers 移动端抽屉 - 排行榜 service 测试、站点页面测试、时间线发布（timeline_release） 其它改动： - 后端 handlers/services 全量小幅调整 - 前端组件、库函数、URL/品牌/站点 URL 工具更新 - Lightbox 图片、MdEntries 条目卡、coverColor 派生色相等前端能力
69 lines
1.6 KiB
TypeScript
69 lines
1.6 KiB
TypeScript
"use client";
|
||
|
||
import Modal from "@/components/Modal";
|
||
|
||
/**
|
||
* 站点风格确认框：基于 Modal。点遮罩不关（需明确取消/关闭）；ESC / 取消 / 关闭可关。
|
||
* danger 主按钮使用 btn-danger，其余用 btn-primary。
|
||
*/
|
||
export default function ConfirmDialog({
|
||
open,
|
||
title,
|
||
message,
|
||
confirmLabel = "确定",
|
||
cancelLabel = "取消",
|
||
danger = false,
|
||
busy = false,
|
||
zIndexClass = "z-[1100]",
|
||
onConfirm,
|
||
onCancel,
|
||
}: {
|
||
open: boolean;
|
||
title: string;
|
||
message: string;
|
||
confirmLabel?: string;
|
||
cancelLabel?: string;
|
||
danger?: boolean;
|
||
busy?: boolean;
|
||
/** 叠层高度；默认 1100，被更高弹窗遮挡时上调（如编辑器主弹窗 1200 时传 1300） */
|
||
zIndexClass?: string;
|
||
onConfirm: () => void;
|
||
onCancel: () => void;
|
||
}) {
|
||
return (
|
||
<Modal
|
||
open={open}
|
||
title={title}
|
||
onClose={onCancel}
|
||
busy={busy}
|
||
zIndexClass={zIndexClass}
|
||
maxWidthClass="max-w-sm"
|
||
panelClassName="p-5"
|
||
footer={
|
||
<>
|
||
<button
|
||
type="button"
|
||
onClick={onCancel}
|
||
disabled={busy}
|
||
className="btn btn-line btn-sm"
|
||
>
|
||
{cancelLabel}
|
||
</button>
|
||
<button
|
||
type="button"
|
||
onClick={onConfirm}
|
||
disabled={busy}
|
||
className={`btn btn-sm ${danger ? "btn-danger" : "btn-primary"}`}
|
||
>
|
||
{busy ? "处理中…" : confirmLabel}
|
||
</button>
|
||
</>
|
||
}
|
||
>
|
||
<p className="text-[13.5px] leading-relaxed" style={{ color: "var(--ink-2)" }}>
|
||
{message}
|
||
</p>
|
||
</Modal>
|
||
);
|
||
}
|