重构对话框组件,将所有 DialogWrapper 替换为 VDialog,并更新缓存版本至 v1.1.0

This commit is contained in:
jxxghp
2025-08-23 18:54:00 +08:00
parent 6e50acf106
commit 472d1960d9
66 changed files with 163 additions and 637 deletions

View File

@@ -215,10 +215,7 @@ const defaultColor = '#2196F3'
// 计算过滤表单是否全部为空
const isFilterFormEmpty = computed(() => {
return (
!filterForm.name &&
filterForm.author.length === 0 &&
filterForm.label.length === 0 &&
filterForm.repo.length === 0
!filterForm.name && filterForm.author.length === 0 && filterForm.label.length === 0 && filterForm.repo.length === 0
)
})
@@ -1552,7 +1549,7 @@ function onDragStartPlugin(evt: any) {
/>
<!-- 插件搜索窗口 -->
<DialogWrapper
<VDialog
v-if="SearchDialog"
v-model="SearchDialog"
scrollable
@@ -1611,20 +1608,20 @@ function onDragStartPlugin(evt: any) {
</VVirtualScroll>
</VList>
</VCard>
</DialogWrapper>
</VDialog>
<!-- 安装插件进度框 -->
<DialogWrapper v-if="progressDialog" v-model="progressDialog" :scrim="false" width="25rem">
<VDialog v-if="progressDialog" v-model="progressDialog" :scrim="false" width="25rem">
<VCard color="primary">
<VCardText class="text-center">
{{ progressText }}
<VProgressLinear indeterminate color="white" class="mb-0 mt-1" />
</VCardText>
</VCard>
</DialogWrapper>
</VDialog>
<!-- 新建文件夹对话框 -->
<DialogWrapper v-if="newFolderDialog" v-model="newFolderDialog" max-width="400">
<VDialog v-if="newFolderDialog" v-model="newFolderDialog" max-width="400">
<VCard>
<VDialogCloseBtn @click="newFolderDialog = false" />
<VCardItem>
@@ -1646,5 +1643,5 @@ function onDragStartPlugin(evt: any) {
}}</VBtn>
</VCardActions>
</VCard>
</DialogWrapper>
</VDialog>
</template>

View File

@@ -338,7 +338,7 @@ onMounted(() => {
</div>
</div>
</div>
<DialogWrapper v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
<VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable>
<VCard>
<VCardItem>
<VDialogCloseBtn @click="releaseDialog = false" />
@@ -346,7 +346,7 @@ onMounted(() => {
</VCardItem>
<VCardText v-html="releaseDialogBody" />
</VCard>
</DialogWrapper>
</VDialog>
</template>
<style type="scss" scoped>

View File

@@ -11,7 +11,6 @@ import { usePWA } from '@/composables/usePWA'
// 国际化
const { t } = useI18n()
// PWA模式检测
const { appMode } = usePWA()
@@ -423,7 +422,7 @@ onMounted(() => {
</VCard>
<!-- 重新识别对话框 -->
<DialogWrapper v-model="reidentifyDialog" scrollable max-width="35rem">
<VDialog v-model="reidentifyDialog" scrollable max-width="35rem">
<VCard>
<VCardItem class="py-2">
<template #prepend>
@@ -469,5 +468,5 @@ onMounted(() => {
</VBtn>
</VCardActions>
</VCard>
</DialogWrapper>
</VDialog>
</template>

View File

@@ -444,7 +444,7 @@ onMounted(() => {
:indeterminate="true"
/>
<!-- 模板编辑器对话框 -->
<DialogWrapper v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
<VDialog v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
<VCard>
<VCardItem class="py-2">
<template #prepend>
@@ -472,7 +472,7 @@ onMounted(() => {
</VBtn>
</VCardActions>
</VCard>
</DialogWrapper>
</VDialog>
</template>
<style scoped>
/* Monaco编辑器容器样式 */

View File

@@ -733,7 +733,7 @@ onDeactivated(() => {
</VRow>
<!-- 高级系统设置 -->
<DialogWrapper
<VDialog
v-if="advancedDialog"
v-model="advancedDialog"
scrollable
@@ -1329,5 +1329,5 @@ onDeactivated(() => {
</VForm>
</VCardActions>
</VCard>
</DialogWrapper>
</VDialog>
</template>

View File

@@ -617,7 +617,7 @@ const handleSortIconClick = () => {
</VCard>
<!-- 全部筛选弹窗 -->
<DialogWrapper
<VDialog
v-model="allFilterMenuOpen"
max-width="50rem"
location="center"
@@ -690,10 +690,10 @@ const handleSortIconClick = () => {
</div>
</VCardText>
</VCard>
</DialogWrapper>
</VDialog>
<!-- 筛选弹窗 -->
<DialogWrapper v-model="filterMenuOpen" max-width="25rem" location="center" max-height="85vh" scrollable>
<VDialog v-model="filterMenuOpen" max-width="25rem" location="center" max-height="85vh" scrollable>
<VCard>
<VCardTitle class="py-3 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
@@ -735,7 +735,7 @@ const handleSortIconClick = () => {
</VBtn>
</VCardActions>
</VCard>
</DialogWrapper>
</VDialog>
<!-- 资源列表 -->
<VInfiniteScroll mode="intersect" side="end" :items="displayDataList" class="overflow-visible" @load="loadMore">

View File

@@ -597,7 +597,7 @@ onMounted(() => {
</VCard>
<!-- 全部筛选弹窗 -->
<DialogWrapper
<VDialog
v-model="allFilterMenuOpen"
max-width="50rem"
location="center"
@@ -670,10 +670,10 @@ onMounted(() => {
</div>
</VCardText>
</VCard>
</DialogWrapper>
</VDialog>
<!-- 筛选弹窗 -->
<DialogWrapper v-model="filterMenuOpen" max-width="25rem" max-height="85vh" location="center" scrollable>
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="85vh" location="center" scrollable>
<VCard>
<VCardTitle class="py-3 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
@@ -715,7 +715,7 @@ onMounted(() => {
</VBtn>
</VCardActions>
</VCard>
</DialogWrapper>
</VDialog>
<!-- 资源列表容器 -->
<VCard class="resource-list-container">

View File

@@ -454,7 +454,7 @@ watch(
</VRow>
<!-- 双重验证弹窗 -->
<DialogWrapper v-if="otpDialog" v-model="otpDialog" max-width="45rem" scrollable>
<VDialog v-if="otpDialog" v-model="otpDialog" max-width="45rem" scrollable>
<!-- 开启双重验证弹窗内容 -->
<VCard>
<VDialogCloseBtn @click="otpDialog = false" />
@@ -492,6 +492,6 @@ watch(
</VForm>
</VCardText>
</VCard>
</DialogWrapper>
</VDialog>
</div>
</template>