xiaoxia
c3f3f83f6e
CI/CD Pipeline / Validate - Code Quality (push) Has been cancelled
CI/CD Pipeline / Validate - Type Check (mypy) (push) Has been cancelled
CI/CD Pipeline / Validate - Migration (alembic) (push) Has been cancelled
CI/CD Pipeline / Unit Tests (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Frontend Unit Tests (push) Has been cancelled
CI/CD Pipeline / Build Staging API Image (push) Has been cancelled
CI/CD Pipeline / Build Staging Web Image (push) Has been cancelled
CI/CD Pipeline / Build Staging Worker Image (push) Has been cancelled
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (push) Has been cancelled
CI/CD Pipeline / Staging E2E Tests (push) Has been cancelled
CI/CD Pipeline / Staging API Integration Tests (push) Has been cancelled
CI/CD Pipeline / Build Production API Image (push) Has been cancelled
CI/CD Pipeline / Build Production Web Image (push) Has been cancelled
CI/CD Pipeline / Build Production Worker Image (push) Has been cancelled
CI/CD Pipeline / Deploy Production (push) Has been cancelled
CI/CD Pipeline / Production Browser E2E (push) Has been cancelled
CI/CD Pipeline / ACR Image Cleanup (push) Has been cancelled
CI/CD Pipeline / Canary Release to Production (push) Has been cancelled
CI/CD Pipeline / CI Gate (push) Has been cancelled
CI/CD Pipeline / PR Build Worker Image (push) Failing after 905h26m39s
CI/CD Pipeline / PR Build API Image (push) Failing after 905h26m39s
CI/CD Pipeline / Frontend Lint (push) Failing after 905h26m39s
CI/CD Pipeline / Check if frontend-only change (push) Failing after 905h26m41s
CI/CD Pipeline / PR Build Web Image (push) Failing after 906h0m6s
35 lines
967 B
TypeScript
35 lines
967 B
TypeScript
import React from "react"
|
|
import Modal from "@/components/ui/Modal"
|
|
import type { AssetItem } from "@/pages/assets/types"
|
|
|
|
/* ============================================================
|
|
* PlayModal — 视频/音频播放弹窗
|
|
* ============================================================ */
|
|
export interface PlayModalProps {
|
|
open: boolean
|
|
asset: AssetItem | null
|
|
onClose: () => void
|
|
}
|
|
|
|
const PlayModal: React.FC<PlayModalProps> = ({ open, asset, onClose }) => (
|
|
<Modal
|
|
title={asset?.name ?? "播放"}
|
|
open={open}
|
|
onCancel={onClose}
|
|
footer={null}
|
|
width={640}
|
|
destroyOnClose
|
|
>
|
|
{asset?.fileUrl ? (
|
|
<video src={asset.fileUrl} controls autoPlay className="xx-asset-video-player" />
|
|
) : (
|
|
<div className="xx-asset-empty-fallback">
|
|
<p>暂无可播放的文件地址</p>
|
|
<p className="xx-asset-empty-fallback-id">素材 ID: {asset?.id}</p>
|
|
</div>
|
|
)}
|
|
</Modal>
|
|
)
|
|
|
|
export default PlayModal
|