xiaoxia-saas/apps/web/src/pages/assets/components/PlayModal.tsx

import React from "react"
import { Modal as AntModal } from "antd"
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 }) => (
  <AntModal
    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>
    )}
  </AntModal>
)

export default PlayModal