“历史素材”

2026-07-11 11:32:20 +08:00
parent f5f4be2986
commit 742c8688bc
19 changed files with 377 additions and 188 deletions
@@ -120,7 +120,7 @@ const PrivatePortraitLibraryPanel: React.FC = () => {
        activeKey={activeKey}
        onChange={handleTabChange}
        items={items}
-        destroyInactiveTabPane={false}
+        destroyOnHidden={false}
        tabBarExtraContent={
          <div style={{ fontSize: 14, fontWeight: 700, color: '#4f46e5', marginTop: 8 }}>{quotaText}。真人/虚拟共用，图片/视频共用；音频暂不开放。</div>
        }
@@ -13,7 +13,7 @@ interface Props {
 const PrivatePortraitProjectList: React.FC<Props> = ({ items, selectedId, onSelect }) => {
  if (!items.length) return <Empty description="暂无项目组" />;
  return (
-    <Space direction="vertical" style={{ width: '100%' }} size={10}>
+    <Space orientation="vertical" style={{ width: '100%' }} size={10}>
      {items.map((project) => {
        const active = selectedId === project.id;
        return (
@@ -155,7 +155,7 @@ const RealPersonLibraryPanel: React.FC = () => {
        onOk={validateSession ? undefined : handleCreate}
        okText="开始认证并创建"
        confirmLoading={creating}
-        maskClosable={!polling}
+        mask={{ closable: !polling }}
      >
        {!validateSession ? (
          <Form form={form} layout="vertical">
@@ -338,7 +338,7 @@ const VirtualMaterialPanel: React.FC = () => {
      <Card
        key={asset.id}
        hoverable
-        bodyStyle={{ padding: 12 }}
+        styles={{ body: { padding: 12 } }}
        style={{ borderRadius: 16, overflow: 'hidden', borderColor: '#eef2f7' }}
        cover={(
          <div style={{ height: 170, background: '#f8fafc', display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative' }}>
@@ -563,7 +563,7 @@ const VirtualMaterialPanel: React.FC = () => {
        </Space>
      </Modal>

-      <Modal title="素材预览" open={previewOpen} onCancel={() => setPreviewOpen(false)} footer={null} width={760} destroyOnClose>
+      <Modal title="素材预览" open={previewOpen} onCancel={() => setPreviewOpen(false)} footer={null} width={760} destroyOnHidden>
        <div style={{ minHeight: 420, display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#0f172a', borderRadius: 12, overflow: 'hidden' }}>
          {previewType === 'Video' ? (
            <video src={previewUrl} controls autoPlay style={{ maxWidth: '100%', maxHeight: 520 }} />
@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { Button, Empty, Input, List, Modal, Select, Space, Spin, Tag, Typography, message } from 'antd';
+import { Button, Empty, Input, Modal, Select, Space, Spin, Tag, Typography, message } from 'antd';
 import { CheckOutlined, PictureOutlined, ReloadOutlined, SearchOutlined, VideoCameraOutlined } from '@ant-design/icons';
 import {
  getPrivatePortraitProjects,
@@ -251,33 +251,36 @@ const PrivatePortraitAssetPicker: React.FC<PrivatePortraitAssetPickerProps> = ({
            <Button size="small" icon={<ReloadOutlined />} onClick={loadProjects} loading={loadingProjects} />
          </Space>
          <Spin spinning={loadingProjects}>
-            <List
-              dataSource={projects}
-              locale={{ emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="暂无项目组" /> }}
-              renderItem={(item) => (
-                <List.Item
-                  onClick={() => setProjectId(item.id)}
-                  style={{
-                    cursor: 'pointer',
-                    padding: '10px 12px',
-                    borderRadius: 10,
-                    marginBottom: 6,
-                    border: projectId === item.id ? '1px solid #8b5cf6' : '1px solid transparent',
-                    background: projectId === item.id ? '#f5f3ff' : '#fff',
-                  }}
-                >
-                  <div style={{ width: '100%' }}>
-                    <Text strong ellipsis style={{ display: 'block' }}>{item.name}</Text>
-                    <Text type="secondary" style={{ fontSize: 12 }}>
-                       {/* {item.activeAssetCount || 0} */}
-                      {typeof item.activeImageAssetCount === 'number' || typeof item.activeVideoAssetCount === 'number'
-                        ? ` 图 ${item.activeImageAssetCount || 0} / 视 ${item.activeVideoAssetCount || 0}`
-                        : ''}
-                    </Text>
+            {projects.length === 0 ? (
+              <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="暂无项目组" />
+            ) : (
+              <div>
+                {projects.map((item) => (
+                  <div
+                    key={item.id}
+                    onClick={() => setProjectId(item.id)}
+                    style={{
+                      cursor: 'pointer',
+                      padding: '10px 12px',
+                      borderRadius: 10,
+                      marginBottom: 6,
+                      border: projectId === item.id ? '1px solid #8b5cf6' : '1px solid transparent',
+                      background: projectId === item.id ? '#f5f3ff' : '#fff',
+                    }}
+                  >
+                    <div style={{ width: '100%' }}>
+                      <Text strong ellipsis style={{ display: 'block' }}>{item.name}</Text>
+                      <Text type="secondary" style={{ fontSize: 12 }}>
+                         {/* {item.activeAssetCount || 0} */}
+                        {typeof item.activeImageAssetCount === 'number' || typeof item.activeVideoAssetCount === 'number'
+                          ? ` 图 ${item.activeImageAssetCount || 0} / 视 ${item.activeVideoAssetCount || 0}`
+                          : ''}
+                      </Text>
+                    </div>
                  </div>
-                </List.Item>
-              )}
-            />
+                ))}
+              </div>
+            )}
          </Spin>
        </div>