feat(video): enhance video management UI and functionality

- Refactor VideoBulkActions.vue to remove unused imports.
- Update VideoFilters.vue to improve search and status filtering with new UI components from PrimeVue.
- Modify VideoTable.vue to enhance action buttons for editing, copying, and deleting videos, using PrimeVue Button components.
- Implement saveImageFromStream function in merge.ts to handle thumbnail image uploads.
- Add new animation rule for card spring effect in uno.config.ts.
- Create FileUploadType.vue icon component for local and remote file uploads.
- Introduce CopyVideoModal.vue for sharing video links with enhanced user experience.
- Add DetailVideoModal.vue for editing video details with form validation using Zod.
- Establish new display routes in display.ts for handling thumbnail and metadata updates.
This commit is contained in:
2026-02-27 18:07:43 +07:00
parent a5b4028bc8
commit c6924afe5b
25 changed files with 906 additions and 231 deletions

View File

@@ -216,6 +216,9 @@ export default defineConfig({
],
["animate-loadingBar", ["animation", "loadingBar 1.5s linear infinite"]],
],
rules: [
['animate-spring-card', { animation: 'card-spring-in 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) both' }],
],
transformers: [transformerVariantGroup(), transformerCompileClass({
classPrefix: "_",
})],
@@ -265,6 +268,12 @@ export default defineConfig({
.fade-leave-to {
opacity: 0;
}
@keyframes card-spring-in {
0% { transform: scale(0.82) translateY(12px); opacity: 0; }
60% { transform: scale(1.04) translateY(-2px); opacity: 1; }
80% { transform: scale(0.98) translateY(1px); }
100% { transform: scale(1) translateY(0); }
}
@keyframes glow-enter-blur {
0% {
opacity: 0;