上传素材管控-历史素材success

video-gen-app/src/components/UploadSelector.tsx

@@ -1,14 +1,15 @@
 import React, { useRef, useState } from 'react';
 import { Modal, Tooltip } from 'antd';
 import { HistoryOutlined, UserOutlined, FolderOpenOutlined, PlusOutlined, TeamOutlined } from '@ant-design/icons';
-import type { PrivatePortraitLibraryType, PrivatePortraitSelectableAsset } from '../types';
+import type { PrivatePortraitLibraryType, PrivatePortraitSelectableAsset, UploadResourceHistoryItem } from '../types';
 import PrivatePortraitAssetPicker from './privatePortrait/picker/AssetPicker';
+import UploadResourceHistoryPicker from './uploadResource/UploadResourceHistoryPicker';
 
 interface UploadSelectorProps {
   children: React.ReactNode;
   accept?: string;
   onLocalSelect?: (files: File[]) => void;
-  onHistorySelect?: (items: any[]) => void;
+  onHistorySelect?: (items: UploadResourceHistoryItem[]) => void;
   /** 兼容旧页面：由 UploadSelector 内部打开素材选择器，确认后回传素材数组。 */
   onPortraitSelect?: (items: PrivatePortraitSelectableAsset[]) => void;
   /** 新页面推荐：只选择素材库类型，父组件自行打开统一选择器。 */
@@ -63,12 +64,6 @@ const UploadSelector: React.FC<UploadSelectorProps> = ({
     setPortraitPickerOpen(true);
   };
 
-  const confirmHistorySelection = () => {
-    onHistorySelect?.([]);
-    setHistoryModalVisible(false);
-    setModalVisible(false);
-  };
-
   const options = [
     {
       key: 'history',
@@ -192,39 +187,16 @@ const UploadSelector: React.FC<UploadSelectorProps> = ({
         </div>
       </Modal>
 
-      <Modal
-        title="选择资产素材"
+      <UploadResourceHistoryPicker
         open={historyModalVisible}
-        onCancel={() => setHistoryModalVisible(false)}
-        footer={null}
-        width="80%"
-        centered
-        destroyOnHidden
-      >
-        <div style={{ minHeight: 200, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-          <div style={{ textAlign: 'center', color: '#94a3b8', fontSize: 14 }}>
-            暂无资产图片
-          </div>
-        </div>
-        <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: 16, paddingTop: 16, borderTop: '1px solid #e2e8f0' }}>
-          <button
-            onClick={confirmHistorySelection}
-            style={{
-              padding: '8px 24px',
-              borderRadius: 8,
-              border: 'none',
-              background: '#8b5cf6',
-              cursor: 'pointer',
-              fontSize: 14,
-              color: '#fff',
-              fontWeight: 600,
-              transition: 'all 0.2s ease',
-            }}
-          >
-            应用
-          </button>
-        </div>
-      </Modal>
+        onClose={() => setHistoryModalVisible(false)}
+        onSelect={(items) => {
+          onHistorySelect?.(items);
+          setHistoryModalVisible(false);
+          setModalVisible(false);
+        }}
+        allowedTypes={accept.includes('audio') ? ['image', 'video', 'audio'] : accept.includes('video') ? ['image', 'video'] : ['image']}
+      />
 
       <PrivatePortraitAssetPicker
         open={portraitPickerOpen}