refactor(imageGrid): add context menu and image card components for enhanced image interaction

This commit is contained in:
shiyu
2025-06-07 12:43:56 +08:00
parent bbf4e30847
commit 31a4f2e469
10 changed files with 832 additions and 801 deletions

View File

@@ -7,7 +7,7 @@ import {
EditOutlined, DeleteOutlined, PlusOutlined} from '@ant-design/icons';
import { getAlbumById, deleteAlbum, favoritePicture, unfavoritePicture, addPicturesToAlbum, updateAlbum } from '../../api';
import type { AlbumResponse, PictureResponse } from '../../api';
import ImageGrid from '../../components/image/ImageGrid';
import ImageGrid from '../../components/image/ImageGrid/ImageGrid';
const { Title, Text } = Typography;
const { TextArea } = Input;

View File

@@ -3,7 +3,7 @@ import { Typography, Button, Dropdown, message, Row, Col } from 'antd';
import { SortAscendingOutlined, UploadOutlined } from '@ant-design/icons';
import type { PictureResponse } from '../../api';
import ImageUploadDialog from '../../components/upload/ImageUploadDialog';
import ImageGrid from '../../components/image/ImageGrid';
import ImageGrid from '../../components/image/ImageGrid/ImageGrid';
import useIsMobile from '../../hooks/useIsMobile';
const { Title } = Typography;

View File

@@ -2,7 +2,7 @@ import { useState, useRef, useMemo, useCallback } from 'react';
import { Typography, Button, Dropdown } from 'antd';
import { SortAscendingOutlined } from '@ant-design/icons';
import type { PictureResponse } from '../../api';
import ImageGrid from '../../components/image/ImageGrid';
import ImageGrid from '../../components/image/ImageGrid/ImageGrid';
const { Title } = Typography;

View File

@@ -16,7 +16,7 @@ import {
FilterOutlined,
} from '@ant-design/icons';
import ImageGrid from '../../components/image/ImageGrid';
import ImageGrid from '../../components/image/ImageGrid/ImageGrid';
import type { PictureResponse } from '../../api/types';
import { getFilteredTags } from '../../api/tagApi';
import useIsMobile from '../../hooks/useIsMobile';