feat(upload): enhance upload functionality with chunk management and cancellation support
- Updated Upload.vue to include cancelItem functionality in the upload queue. - Modified UploadQueue.vue to emit cancel events for individual items. - Enhanced UploadQueueItem.vue to display cancel button for ongoing uploads. - Added merge.ts for handling manifest creation and S3 operations for chunk uploads. - Introduced temp.html for testing multi-threaded chunk uploads with progress tracking. - Created AGENTS.md for comprehensive project documentation and guidelines.
This commit is contained in:
@@ -11,7 +11,7 @@ import { useUploadQueue } from '@/composables/useUploadQueue';
|
||||
|
||||
const mode = ref<'local' | 'remote'>('local');
|
||||
|
||||
const { addFiles, addRemoteUrls, items, removeItem, totalSize, completeCount, pendingCount, startQueue } = useUploadQueue();
|
||||
const { addFiles, addRemoteUrls, items, removeItem, cancelItem, totalSize, completeCount, pendingCount, startQueue } = useUploadQueue();
|
||||
|
||||
const handlePublish = () => {
|
||||
console.log('Publishing items...');
|
||||
@@ -50,7 +50,7 @@ const handleRemoteUrls = (urls: string[]) => {
|
||||
</div>
|
||||
</div>
|
||||
<UploadQueue :items="items" :total-size="totalSize" :complete-count="completeCount"
|
||||
:pending-count="pendingCount" @remove-item="removeItem" @publish="handlePublish"
|
||||
:pending-count="pendingCount" @remove-item="removeItem" @cancel-item="cancelItem" @publish="handlePublish"
|
||||
@start-queue="startQueue" />
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user