diff --git a/src/components/block/BgPaddingMultiSelect.tsx b/src/components/block/BgPaddingMultiSelect.tsx index 9527355..e61d028 100644 --- a/src/components/block/BgPaddingMultiSelect.tsx +++ b/src/components/block/BgPaddingMultiSelect.tsx @@ -50,11 +50,41 @@ export const BgPaddingMultiSelect: React.FC = ({ valu onChange(newArr); }; + // 处理从剪贴板读取图片 + const handlePasteFromClipboard = async () => { + if (!navigator.clipboard || !navigator.clipboard.read) { + alert('当前浏览器不支持剪贴板图片读取'); + return; + } + try { + const items = await navigator.clipboard.read(); + for (const item of items) { + for (const type of item.types) { + if (type.startsWith('image/')) { + const blob = await item.getType(type); + const file = new File([blob], `clipboard-image-${Date.now()}.png`, { type: blob.type }); + const newItem = { file, text: file.name.replace(/\.[^.]+$/, '') }; + onChange([...value, newItem]); + return; + } + } + } + alert('剪贴板中没有图片'); + } catch (err) { + alert('读取剪贴板图片失败'); + } + }; + return (
- +
+ + +
{value.map((item, idx) => ( diff --git a/src/components/block/CascaderMultiSelect.tsx b/src/components/block/CascaderMultiSelect.tsx index 016b4fc..501898b 100644 --- a/src/components/block/CascaderMultiSelect.tsx +++ b/src/components/block/CascaderMultiSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React from 'react'; import { Button } from '../ui/button'; import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover'; import { X } from 'lucide-react'; diff --git a/src/pages/ChangeBgPage/index.tsx b/src/pages/ChangeBgPage/index.tsx index 50d5d17..e1d6219 100644 --- a/src/pages/ChangeBgPage/index.tsx +++ b/src/pages/ChangeBgPage/index.tsx @@ -8,7 +8,6 @@ import ClothingCard from './components/ClothingCard'; import { api, type Body_async_cloud_change_bg_v3_api_v3_cloud_batch_change_bg_post, - type Body_async_cloud_gen_images_v3_api_v3_cloud_batch_edit_images_post, type Body_local_cloud_async_change_bg_api_v2_cloud_batch_change_bg_post, } from '@/api'; import { type BgPaddingMultiValue } from '@/components/block/BgPaddingMultiSelect';