e4dcb6260a
Some checks failed
CI Check / check (push) Has been cancelled
- 创建统一UI三层架构系统（基础层、颜色层、组合层） - 拆分Admin页面为独立Tab组件（MonitorTab、UsersTab、DepartmentsTab等） - 提取公共逻辑到Hooks（useToast、useDataFetch、useUserOperations等） - 提取工具函数（validators、formatters、api等） - 创建统一弹窗组件（Modal）和useModal Hook - 添加错误边界和统一状态组件 - 完善类型定义和可访问性支持 - 更新文档（优化记录、优化计划、更新日志）
32 lines
482 B
TypeScript
32 lines
482 B
TypeScript
'use client'
|
|
|
|
import { useCallback, useState } from 'react'
|
|
|
|
/**
|
|
* 统一弹窗管理 Hook
|
|
* 提供简单的弹窗开关控制
|
|
*/
|
|
export function useModal() {
|
|
const [isOpen, setIsOpen] = useState(false)
|
|
|
|
const open = useCallback(() => {
|
|
setIsOpen(true)
|
|
}, [])
|
|
|
|
const close = useCallback(() => {
|
|
setIsOpen(false)
|
|
}, [])
|
|
|
|
const toggle = useCallback(() => {
|
|
setIsOpen((prev) => !prev)
|
|
}, [])
|
|
|
|
return {
|
|
isOpen,
|
|
open,
|
|
close,
|
|
toggle,
|
|
}
|
|
}
|
|
|