imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace deprecated PrimeVue components with their successors (S1874)

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
依瑪貓
2026-03-10 00:14:01 +08:00
parent 716edb33b7
commit 6d13bc9eb8
11 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Compare/SidebarStates.vue
View File

@@ -1,5 +1,5 @@
<template>
<Sidebar
<Drawer
:visible="sidebarState"
:closeIcon="'pi pi-angle-right'"
:modal="false"
@@ -293,7 +293,7 @@
</div>
</section>
</div>
</Sidebar>
</Drawer>
</template>
<script setup>
// The Lucia project.

4
src/components/Discover/Map/Filter/AttributesFilter.vue
View File

@@ -247,7 +247,7 @@
>
<div>
<span class="block mb-2">Start time</span>
<Calendar
<DatePicker
v-model="startTime"
dateFormat="yy/mm/dd"
:panelProps="panelProps"
@@ -263,7 +263,7 @@
<span class="block mt-4">~</span>
<div>
<span class="block mb-2">End time</span>
<Calendar
<DatePicker
v-model="endTime"
dateFormat="yy/mm/dd"
:panelProps="panelProps"

2
src/components/Discover/Map/Filter/FunnelFilter.vue
View File

@@ -29,7 +29,7 @@
</div>
<!-- button -->
<div class="min-w-fit">
<InputSwitch
<ToggleSwitch
v-model="rule.item.toggle"
@input="isRule($event, rule.index)"
/>

4
src/components/Discover/Map/Filter/TimeframesFilter.vue
View File

@@ -28,7 +28,7 @@
<div class="flex justify-center items-center space-x-2 w-full">
<div>
<span class="block mb-2">Start time</span>
<Calendar
<DatePicker
v-model="startTime"
dateFormat="yy/mm/dd"
:panelProps="panelProps"
@@ -44,7 +44,7 @@
<span class="block mt-4">~</span>
<div>
<span class="block mb-2">End time</span>
<Calendar
<DatePicker
v-model="endTime"
dateFormat="yy/mm/dd"
:panelProps="panelProps"

4
src/components/Discover/Map/SidebarFilter.vue
View File

@@ -1,5 +1,5 @@
<template>
<Sidebar
<Drawer
:visible="sidebarFilter"
:closeIcon="'pi pi-chevron-left'"
:modal="false"
@@ -269,7 +269,7 @@
</div>
<!-- header: funnel -->
<Funnel v-if="tab === 'funnel'" @submit-all="sumbitAll"></Funnel>
</Sidebar>
</Drawer>
</template>
<script setup>

19
src/components/Discover/Map/SidebarState.vue
View File

@@ -1,5 +1,5 @@
<template>
<Sidebar
<Drawer
:visible="sidebarState"
:closeIcon="'pi pi-angle-right'"
:modal="false"
@@ -325,8 +325,8 @@
{{ i18next.t("Map.Reset") }}
</div>
<div>
<TabView ref="tabview2" v-model:activeIndex="activeTrace">
<TabPanel header="Self-loop" contentClass="text-sm">
<Tabs v-model:value="activeTrace">
<TabPanel :value="0" header="Self-loop" contentClass="text-sm">
<p v-if="insights.self_loops.length === 0">No data</p>
<ul v-else class="ml-6 space-y-1">
<li v-for="(value, key) in insights.self_loops" :key="key">
@@ -334,7 +334,7 @@
</li>
</ul>
</TabPanel>
<TabPanel header="Short-loop" contentClass="text-sm">
<TabPanel :value="1" header="Short-loop" contentClass="text-sm">
<p v-if="insights.short_loops.length === 0">No data</p>
<ul v-else class="ml-6 space-y-1">
<li
@@ -359,6 +359,7 @@
<TabPanel
v-for="([field, label], i) in fieldNamesAndLabelNames"
:key="i"
:value="i + 2"
:header="label"
contentClass="text-sm"
>
@@ -420,11 +421,11 @@
</li>
</ul>
</TabPanel>
</TabView>
</Tabs>
</div>
</div>
</div>
</Sidebar>
</Drawer>
</template>
<script setup>
@@ -570,13 +571,13 @@ function hide() {
:deep(.p-progressbar .p-progressbar-value) {
@apply bg-primary;
}
:deep(.p-tabview-nav-container) {
:deep(.p-tablist) {
@apply hidden;
}
:deep(.p-tabview-panels) {
:deep(.p-tabpanels) {
@apply p-2 rounded;
}
:deep(.p-tabview-panel) {
:deep(.p-tabpanel) {
@apply animate-fadein;
}
.caseDurationTable td {

4
src/components/Discover/Map/SidebarTraces.vue
View File

@@ -1,5 +1,5 @@
<template>
<Sidebar
<Drawer
:visible="sidebarTraces"
:closeIcon="'pi pi-chevron-left'"
:modal="false"
@@ -97,7 +97,7 @@
</div>
</section>
</div>
</Sidebar>
</Drawer>
</template>
<script setup>
// The Lucia project.

4
src/components/Discover/Map/SidebarView.vue
View File

@@ -1,5 +1,5 @@
<template>
<Sidebar
<Drawer
:visible="sidebarView"
:closeIcon="'pi pi-chevron-left'"
:modal="false"
@@ -140,7 +140,7 @@
</ul>
</div>
</div>
</Sidebar>
</Drawer>
</template>
<script setup>