chore: backup workspace before list detail shell refactor

web/src/components/charts/BarChart.vue

@@ -23,7 +23,6 @@ import { GridComponent, TooltipComponent } from 'echarts/components'
 import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
 
-import { useAnimationProgress } from '../../composables/useAnimationProgress.js'
 import { useEcharts } from '../../composables/useEcharts.js'
 import { resolveCssColor, useThemeColors } from '../../composables/useThemeColors.js'
 
@@ -34,7 +33,6 @@ const props = defineProps({
 })
 
 const chartElement = shallowRef(null)
-const progress = useAnimationProgress([() => props.items], 980)
 const themeColors = useThemeColors()
 const resolvedItems = computed(() => {
   const fallback = themeColors.value.chartPrimary
@@ -54,18 +52,14 @@ const ariaLabel = computed(() =>
 
 const chartMaxValue = computed(() => Math.max(...resolvedItems.value.map((item) => item.value), 1))
 const chartAxisMax = computed(() => Math.ceil((chartMaxValue.value * 1.1) / 10000) * 10000)
-const animatedItems = computed(() =>
-  resolvedItems.value.map((item) => ({
-    ...item,
-    animatedValue: progress.value >= 0.999
-      ? item.value
-      : Number((item.value * progress.value).toFixed(0))
-  }))
-)
 
 const chartOptions = computed(() => ({
   backgroundColor: 'transparent',
-  animation: false,
+  animation: true,
+  animationDuration: 1200,
+  animationDurationUpdate: 1200,
+  animationEasing: 'linear',
+  animationEasingUpdate: 'linear',
   grid: {
     top: 8,
     right: 62,
@@ -116,9 +110,9 @@ const chartOptions = computed(() => ({
   series: [
     {
       type: 'bar',
-      data: animatedItems.value.map((item) => ({
+      data: resolvedItems.value.map((item) => ({
         name: item.name || item.shortName,
-        value: item.animatedValue,
+        value: item.value,
         itemStyle: { color: item.resolvedColor }
       })),
       barWidth: 14,
@@ -133,6 +127,7 @@ const chartOptions = computed(() => ({
       label: {
         show: true,
         position: 'right',
+        valueAnimation: true,
         color: '#64748b',
         fontSize: 11,
         fontWeight: 800,