chore(dashboard): 将 views 目录剩余 :deep() 迁移到 ::v-deep()

This commit is contained in:
LIghtJUNction
2026-03-27 19:10:42 +08:00
parent a8045851c4
commit 18bc37aaae
8 changed files with 23 additions and 22 deletions

View File

@@ -1600,7 +1600,7 @@ export default {
</script>
<style scoped>
.v-data-table :deep(.v-data-table__td) {
.v-data-table ::v-deep(.v-data-table__td) {
padding: 8px 16px !important;
vertical-align: middle !important;
}

View File

@@ -506,7 +506,7 @@ onMounted(() => {
margin: 0 auto;
}
.subagent-panels :deep(.v-expansion-panel-text__wrapper) {
.subagent-panels ::v-deep(.v-expansion-panel-text__wrapper) {
padding: 16px;
padding-bottom: 42px;
}

View File

@@ -688,8 +688,8 @@ watch(showProviderDialog, async (visible, wasVisible) => {
line-height: 1.7;
}
.welcome-announcement-markdown :deep(p > code),
.welcome-announcement-markdown :deep(li > code) {
.welcome-announcement-markdown ::v-deep(p > code),
.welcome-announcement-markdown ::v-deep(li > code) {
background-color: rgba(var(--v-theme-on-surface), 0.08) !important;
color: rgb(var(--v-theme-primary)) !important;
padding: 2px 4px;

View File

@@ -1743,17 +1743,17 @@ export default {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
}
.chunk-field :deep(.v-field__input) {
.chunk-field ::v-deep(.v-field__input) {
padding-top: 8px;
padding-bottom: 8px;
}
.chunk-field :deep(.v-field__prepend-inner) {
.chunk-field ::v-deep(.v-field__prepend-inner) {
padding-right: 8px;
opacity: 0.7;
}
.chunk-field:focus-within :deep(.v-field__prepend-inner) {
.chunk-field:focus-within ::v-deep(.v-field__prepend-inner) {
opacity: 1;
}
@@ -1762,7 +1762,7 @@ export default {
min-height: 400px;
}
.data-source-select :deep(.v-field__prepend-inner) {
.data-source-select ::v-deep(.v-field__prepend-inner) {
padding-right: 12px;
}
</style>

View File

@@ -1246,27 +1246,27 @@ export default {
}
/* 添加美化详情卡片的样式 */
.fact-detail-card :deep(.v-card-title) {
.fact-detail-card ::v-deep(.v-card-title) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fact-detail-card :deep(.metadata-table) {
.fact-detail-card ::v-deep(.metadata-table) {
border-radius: 8px;
overflow: hidden;
}
.fact-detail-card :deep(.v-table) {
.fact-detail-card ::v-deep(.v-table) {
background: transparent;
}
.fact-detail-card :deep(.v-table th) {
.fact-detail-card ::v-deep(.v-table th) {
color: var(--v-primary-base);
font-weight: bold;
background-color: rgba(var(--v-theme-primary), 0.05);
}
.fact-detail-card :deep(pre) {
.fact-detail-card ::v-deep(pre) {
background-color: #f5f5f5;
padding: 8px;
border-radius: 4px;

View File

@@ -36,7 +36,7 @@
>
mdi-calendar-range
</v-icon>
{{ item.raw.label }}
{{ item.raw?.label }}
</div>
</template>
</v-select>
@@ -276,8 +276,9 @@ export default {
},
processTimeSeriesData() {
if (!this.chartSeries?.[0]) return;
// 转换数据为图表格式
this.chartSeries[0].data = this.messageTimeSeries.map((item) => {
this.chartSeries[0].data = (this.messageTimeSeries || []).map((item) => {
return [new Date(item[0]*1000).getTime(), item[1]];
});

View File

@@ -874,12 +874,12 @@ const pinnedPlugins = computed(() => {
justify-content: flex-end;
}
.installed-status-toggle :deep(.v-btn) {
.installed-status-toggle ::v-deep(.v-btn) {
min-height: 34px;
text-transform: none;
}
.view-mode-toggle :deep(.v-btn) {
.view-mode-toggle ::v-deep(.v-btn) {
min-width: 30px;
height: 28px;
padding: 0 8px;
@@ -898,7 +898,7 @@ const pinnedPlugins = computed(() => {
-webkit-overflow-scrolling: touch;
}
.plugin-list-table :deep(td) {
.plugin-list-table ::v-deep(td) {
vertical-align: top;
}

View File

@@ -447,10 +447,10 @@ const marketCategorySelectItems = computed(() =>
max-width: 220px;
}
.market-filter-control :deep(.v-field__input),
.market-filter-control :deep(.v-field-label),
.market-filter-control :deep(.v-select__selection-text),
.market-filter-control :deep(.v-field__prepend-inner) {
.market-filter-control ::v-deep(.v-field__input),
.market-filter-control ::v-deep(.v-field-label),
.market-filter-control ::v-deep(.v-select__selection-text),
.market-filter-control ::v-deep(.v-field__prepend-inner) {
font-size: 0.875rem;
}
</style>