Zhou Weidong
ecfbd3b8b5
- 按 app / shared / entities / features 分层，路由懒加载并抽出布局组件 - 请求层改为可插拔拦截器，统一错误类型、超时取消与端点拆分 - 抽取播放器、骨架屏、网格等复用组件，点赞收藏接入统一交互反馈 - 关于页重做为无边框极光风格，补充 iOS / Google Play 下载入口 - 修复播放页滚轮切集吞事件、页面误滚动、后台持续播放与声音记忆问题 - 语言按本地偏好与 IP 识别，国旗改为内联 SVG - 清理未使用的旧站点文件，补充 ESLint 配置
40 lines
1.2 KiB
React
40 lines
1.2 KiB
React
// Author: fruit.com.cn
|
|
import { Plus, Upload } from 'lucide-react';
|
|
import { useEffect, useRef, useState } from 'react';
|
|
import { useLocale } from '../../app/providers/AppProviders';
|
|
|
|
export function CreateMenu({ onUpload }) {
|
|
const { locale } = useLocale();
|
|
const [open, setOpen] = useState(false);
|
|
const menuRef = useRef(null);
|
|
|
|
useEffect(() => {
|
|
if (!open) return undefined;
|
|
const closeMenu = (event) => {
|
|
if (!menuRef.current?.contains(event.target)) setOpen(false);
|
|
};
|
|
document.addEventListener('mousedown', closeMenu);
|
|
return () => document.removeEventListener('mousedown', closeMenu);
|
|
}, [open]);
|
|
|
|
const selectUpload = () => {
|
|
setOpen(false);
|
|
onUpload?.();
|
|
};
|
|
|
|
return (
|
|
<div className="create-wrap" ref={menuRef}>
|
|
<button className="create-button" type="button" aria-haspopup="menu" aria-expanded={open} onClick={() => setOpen((value) => !value)}>
|
|
<Plus size={20} /><span>{locale.create}</span>
|
|
</button>
|
|
{open && (
|
|
<div className="create-menu" role="menu">
|
|
<button type="button" role="menuitem" onClick={selectUpload}>
|
|
<Upload size={18} /><span>{locale.uploadVideo}</span>
|
|
</button>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|