From cfcb4f5068f22a14d5f5a61222cec9e8a375508f Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Wed, 22 Apr 2026 11:07:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E7=9B=91=E5=90=AC=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E7=9A=84=E5=87=BD=E6=95=B0=EF=BC=8C=E7=A1=AE=E4=BF=9D?=
 =?UTF-8?q?=E5=8F=8A=E6=97=B6=E7=A7=BB=E9=99=A4&=E7=94=9F=E4=BA=A7?=
 =?UTF-8?q?=E7=8E=AF=E5=A2=83=E4=B8=8D=E6=89=93=E5=8D=B0log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.prod                                     |    1 +
 babel.config.js                               |    8 +
 package.json                                  |    3 +
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 src/views/home/components/coresBar.vue        |  255 +-
 src/views/home/components/financeCosts.vue    |  813 ++--
 src/views/home/components/heatBarChart.vue    |   34 +-
 .../components/operatingBottomLineBar.vue     |  360 +-
 .../home/components/operatingLineBar.vue      |  352 +-
 .../home/components/operatingLineBarSale.vue  |   34 +-
 src/views/home/components/pieChart.vue        |   39 +-
 src/views/home/components/productBar.vue      |  580 +--
 .../home/costComponents/costBaseBarChart.vue  |   35 +-
 .../home/costComponents/operatingLineBar.vue  |   35 +-
 .../costComponents/profitImpactLineChart.vue  |  351 +-
 .../home/costComponents/totalProfitBar.vue    |  573 +--
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 .../verticalBarChart.vue                      |   35 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   34 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |  354 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../verticalBarChart.vue                      |   34 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |  360 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   34 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../verticalBarChart.vue                      |   35 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |  360 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   34 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../verticalBarChart.vue                      |   34 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 .../verticalBarChart.vue                      |  442 +--
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 .../verticalBarChart.vue                      |   35 +-
 .../operatingComponents/electricityGauge.vue  |   12 +
 .../operatingBottomLineBar.vue                |   34 +-
 .../operatingComponents/operatingLineBar.vue  |   34 +-
 .../operatingLineBarSaleGroup.vue             |   34 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../operatingComponents/verticalBarChart.vue  |   34 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   34 +-
 .../operatingLineBar.vue                      |  352 +-
 .../operatingLineBarSaleGroup.vue             |   34 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../verticalBarChart.vue                      |   35 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   34 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   34 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../verticalBarChart.vue                      |   35 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |  360 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   34 +-
 .../operatingLineBarSaleSingle.vue            |   34 +-
 .../verticalBarChart.vue                      |   35 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |  360 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   24 +-
 .../operatingLineBarSaleSingle.vue            |   24 +-
 .../verticalBarChart.vue                      |   34 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   34 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   24 +-
 .../operatingLineBarSaleSingle.vue            |   24 +-
 .../verticalBarChart.vue                      |  387 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   34 +-
 .../operatingLineBar.vue                      |   34 +-
 .../operatingLineBarSaleGroup.vue             |   24 +-
 .../operatingLineBarSaleSingle.vue            |  326 +-
 .../verticalBarChart.vue                      |  381 +-
 .../electricityGauge.vue                      |   12 +
 .../operatingBottomLineBar.vue                |   12 -
 .../operatingLineBar.vue                      |   12 -
 .../operatingLineBarSaleGroup.vue             |   12 -
 .../operatingLineBarSaleSingle.vue            |   12 -
 .../unitPriceAnalysisComponents/pieChart.vue  |   34 +-
 .../verticalBarChart.vue                      |   35 +-
 vue.config.js                                 |   23 +
 yarn.lock                                     | 3343 ++++++++++-------
 117 files changed, 6781 insertions(+), 5767 deletions(-)

diff --git a/.env.prod b/.env.prod
index 742d6a09..465fe796 100644
--- a/.env.prod
+++ b/.env.prod
@@ -1,4 +1,5 @@
 # 生产环境配置
+NODE_ENV = production
 ENV = 'production'
 
 # 页面标题
diff --git a/babel.config.js b/babel.config.js
index b99f0014..d1ebb5b0 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,8 +1,16 @@
+const plugins = [];
+
+// 生产环境移除 console.log/debug/info，保留 error/warn
+if (process.env.NODE_ENV === 'production') {
+  plugins.push(['transform-remove-console', { exclude: ['error', 'warn'] }]);
+}
+
 module.exports = {
   presets: [
     // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
     '@vue/cli-plugin-babel/preset'
   ],
+  plugins: plugins,
   'env': {
     'development': {
       // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
diff --git a/package.json b/package.json
index 96caca06..61dc41d9 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
     "code-brick-zj": "^1.1.1",
     "core-js": "^3.26.0",
     "crypto-js": "^4.0.0",
+    "diagram-js": "^15.12.0",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
     "file-saver": "2.0.5",
@@ -65,6 +66,7 @@
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "throttle-debounce": "2.1.0",
+    "video.js": "^8.23.7",
     "vue": "2.7.14",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.8",
@@ -83,6 +85,7 @@
     "@vue/compiler-sfc": "^3.0.1",
     "@vue/eslint-config-prettier": "^5.0.0",
     "babel-eslint": "10.1.0",
+    "babel-plugin-transform-remove-console": "^6.9.4",
     "bpmn-js": "8.9.0",
     "bpmn-js-properties-panel": "0.46.0",
     "chalk": "4.1.0",
diff --git a/src/views/home/accountsReceivableComponents/electricityGauge.vue b/src/views/home/accountsReceivableComponents/electricityGauge.vue
index 05e898fa..b1a87176 100644
--- a/src/views/home/accountsReceivableComponents/electricityGauge.vue
+++ b/src/views/home/accountsReceivableComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/accountsReceivableComponents/operatingBottomLineBar.vue b/src/views/home/accountsReceivableComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/accountsReceivableComponents/operatingBottomLineBar.vue
+++ b/src/views/home/accountsReceivableComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/accountsReceivableComponents/operatingLineBar.vue b/src/views/home/accountsReceivableComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/accountsReceivableComponents/operatingLineBar.vue
+++ b/src/views/home/accountsReceivableComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/accountsReceivableComponents/operatingLineBarSaleGroup.vue b/src/views/home/accountsReceivableComponents/operatingLineBarSaleGroup.vue
index 91e81381..f70feaf1 100644
--- a/src/views/home/accountsReceivableComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/accountsReceivableComponents/operatingLineBarSaleGroup.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/accountsReceivableComponents/operatingLineBarSaleSingle.vue b/src/views/home/accountsReceivableComponents/operatingLineBarSaleSingle.vue
index f4d6d502..1e09f4a6 100644
--- a/src/views/home/accountsReceivableComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/accountsReceivableComponents/operatingLineBarSaleSingle.vue
@@ -147,18 +147,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/components/coresBar.vue b/src/views/home/components/coresBar.vue
index 0c3a0bc0..0f0457b2 100644
--- a/src/views/home/components/coresBar.vue
+++ b/src/views/home/components/coresBar.vue
@@ -1,124 +1,131 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="height: 184px; width: 100%;"></div>
-</template>
-
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  name: 'Container',
-  components: {},
-  // 接收父组件传递的 series 数据
-  props: {
-    chartSeries: {
-      type: Object,
-      default: () => {{}} // 默认空数组，避免报错
-    },
-    xAxisData: {
-      type: Array,
-      default: () => [] // 默认空数组，避免报错
-    },
-    dateData: {
-      type: Object,
-      default: () => {} // 默认空数组，避免报错
-    },
-  },
-  data() {
-    return {
-      myChart: null // 存储图表实例，方便后续操作
-    };
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initData();
-    });
-  },
-  watch: {
-    // 监听 series 数据变化，实时更新图表
-    chartSeries: {
-      handler() {
-        this.updateChart();
-      },
-      deep: true // 深度监听数组内元素变化
-    }
-  },
-  methods: {
-    initData() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-      this.myChart = echarts.init(chartDom);
-      this.updateChart(); // 初始化时渲染图表
-
-      // 监听窗口缩放
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      // 组件销毁时清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    },
-    // 单独提取更新图表的方法，方便复用
-    updateChart() {
-      if (!this.myChart) return;
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: { backgroundColor: '#6a7985' }
-          }
-        },
-        grid: { top: 35, bottom: 3, right: 15, left: 18, containLabel: true},
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              onZero: false,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              // width: 38,
-              overflow: 'break',
-              formatter: (value) => {
-                const dateParts = value.split('-'); // ["2025", "07", "01"]
-                if (dateParts.length < 2) return value;
-
-                // 去掉月份前面的0，然后加上"月"
-                const month = dateParts[1].replace(/^0+/, '');
-                return `${month}月`;
-              }
-            },
-            data: this.xAxisData
-          }
-        ],
-        yAxis: {
-          name: this.chartSeries.unit,
-          nameTextStyle: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 14, align: 'right' },
-          axisTick: { show: false },
-          axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12 },
-          splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } }
-        },
-        series: this.chartSeries.series // 使用父组件传递的 series 数据
-      };
-
-      this.myChart.setOption(option, true); // 第二个参数 true 表示替换现有配置
-    }
-  }
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="height: 184px; width: 100%;"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  name: 'Container',
+  components: {},
+  // 接收父组件传递的 series 数据
+  props: {
+    chartSeries: {
+      type: Object,
+      default: () => {{}} // 默认空数组，避免报错
+    },
+    xAxisData: {
+      type: Array,
+      default: () => [] // 默认空数组，避免报错
+    },
+    dateData: {
+      type: Object,
+      default: () => {} // 默认空数组，避免报错
+    },
+  },
+  data() {
+    return {
+      myChart: null, // 存储图表实例，方便后续操作
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initData();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  watch: {
+    // 监听 series 数据变化，实时更新图表
+    chartSeries: {
+      handler() {
+        this.updateChart();
+      },
+      deep: true // 深度监听数组内元素变化
+    }
+  },
+  methods: {
+    initData() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+      this.myChart = echarts.init(chartDom);
+      this.updateChart(); // 初始化时渲染图表
+    },
+    // 单独提取更新图表的方法，方便复用
+    updateChart() {
+      if (!this.myChart) return;
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: { backgroundColor: '#6a7985' }
+          }
+        },
+        grid: { top: 35, bottom: 3, right: 15, left: 18, containLabel: true},
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              onZero: false,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              // width: 38,
+              overflow: 'break',
+              formatter: (value) => {
+                const dateParts = value.split('-'); // ["2025", "07", "01"]
+                if (dateParts.length < 2) return value;
+
+                // 去掉月份前面的0，然后加上"月"
+                const month = dateParts[1].replace(/^0+/, '');
+                return `${month}月`;
+              }
+            },
+            data: this.xAxisData
+          }
+        ],
+        yAxis: {
+          name: this.chartSeries.unit,
+          nameTextStyle: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 14, align: 'right' },
+          axisTick: { show: false },
+          axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12 },
+          splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } }
+        },
+        series: this.chartSeries.series // 使用父组件传递的 series 数据
+      };
+
+      this.myChart.setOption(option, true); // 第二个参数 true 表示替换现有配置
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/components/financeCosts.vue b/src/views/home/components/financeCosts.vue
index ca0632c0..90569bbb 100644
--- a/src/views/home/components/financeCosts.vue
+++ b/src/views/home/components/financeCosts.vue
@@ -1,401 +1,412 @@
-<template>
-  <div style="flex: 1">
-    <!-- 传入点击切换的状态到Container组件 -->
-    <Container name="财务重点指标" nameTwo="费用重点指标" icon="cockpitItemIcon" size="topBasic" @switchTab="handleTabSwitch" @tabChange='tabChange'>
-      <div class="bottom-left-content" style="display: flex;gap: 0px;padding: 14px 16px;flex-direction: column;">
-        <!-- 根据activeTab状态，切换显示采购/存货内容 -->
-        <template v-if="activeTab === 'purchase'">
-          <!-- 财务重点指标应的内容 -->
-          <coreBottomLeftItem :dateData="dateData" :finance="financeData"></coreBottomLeftItem>
-          <div class="bottom"
-            style="display: flex; width: 100%;margin-top: 8px;background-color: rgba(249, 252, 255, 1);">
-            <coreBottomBar :dateData="dateData" :line="finance.line"></coreBottomBar>
-          </div>
-        </template>
-        <template v-else-if="activeTab === 'inventory'">
-          <!-- 费用重点指标对应的内容 -->
-          <costItem :dateData="dateData" :cost="costData" :currentTap='currentTap'></costItem>
-          <div class="bottom"
-            style="display: flex; width: 100%;margin-top: 4px;background-color: rgba(249, 252, 255, 1);">
-            <CostsBottomBar :line="cost.line" :dateData="dateData">
-            </CostsBottomBar>
-          </div>
-        </template>
-      </div>
-    </Container>
-  </div>
-</template>
-
-<script>
-import Container from './financeCostsContainer.vue'
-import * as echarts from 'echarts'
-import coreBottomLeftItem from './purchase-Item.vue'
-import coreBottomBar from './financeCostsBottomBar.vue'
-import costItem from './cost-Item.vue'
-import CostsBottomBar from './CostsBottomBar.vue'
-
-export default {
-  name: 'ProductionStatus',
-  components: { Container, coreBottomLeftItem, coreBottomBar, costItem, CostsBottomBar },
-  props: {
-    finance: {
-      type: Object,
-      default: () => {}
-    },
-    cost: {
-      type: Object,
-      default: () => ({})
-    },
-    dateData: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      activeTab: 'purchase',  // 激活的标签：purchase=采购，inventory=存货
-      showChart: true,        // 控制图表是否显示
-      chart: null,      // 图表实例
-      financeData:{},
-      costData:{},
-      currentTap: 'month'
-    }
-  },
-  watch: {
-    // 切换标签时更新图表
-    activeTab(newVal) {
-      this.$nextTick(() => this.updateChart())
-    },
-    productionOverviewVo: {
-      handler() {
-        this.updateChart()
-      },
-      deep: true
-    },
-    finance: {
-      handler() {
-        if(this.currentTap === 'month') {
-          this.financeData = this.finance.mon
-        }else{
-          this.financeData = this.finance.total
-        }
-      },
-      deep: true
-    },
-    cost: {
-      handler() {
-        if(this.currentTap === 'month') {
-          this.costData = this.cost.mon
-        }else{
-          this.costData = this.cost.total
-        }
-      },
-      deep: true
-    }
-
-  },
-  mounted() {
-    // 初始化图表
-    this.$nextTick(() => this.updateChart())
-  },
-  beforeDestroy() {
-    // 销毁图表，避免内存泄漏
-    if (this.chart) {
-      this.chart.dispose()
-      this.chart = null
-    }
-  },
-  methods: {
-    tabChange(val) {
-      if(val === 'month') {
-        this.currentTap = 'month'
-        this.financeData = this.finance.mon
-        this.costData = this.cost.mon
-      }else{
-        this.currentTap = 'total'
-        this.financeData = this.finance.total
-        this.costData = this.cost.total
-      }
-    },
-    // 处理标题点击切换标签
-    handleTabSwitch(tabType) {
-      this.activeTab = tabType  // tabType由Container组件传递：'purchase'或'inventory'
-      this.showChart = true     // 切换时默认显示图表（可根据需求调整）
-    },
-    // 更新图表内容
-    updateChart() {
-      const chartDom = document.getElementById('productionStatusChart')
-      if (!chartDom) return
-
-      // 销毁已有图表实例
-      if (this.chart) this.chart.dispose()
-      this.chart = echarts.init(chartDom)
-
-      // 根据当前激活的标签，设置对应图表数据（示例：可根据实际需求修改）
-      const data = this.activeTab === 'purchase'
-        ? [
-          this.productionOverviewVo.purchaseInput || 0,
-          this.productionOverviewVo.purchaseOutput || 0,
-          this.productionOverviewVo.purchaseNg || 0,
-          0, 0, 0, 0  // 补充默认值，避免图表报错
-        ]
-        : [
-          this.productionOverviewVo.inventoryInput || 0,
-          this.productionOverviewVo.inventoryOutput || 0,
-          this.productionOverviewVo.inventoryNg || 0,
-          0, 0, 0, 0
-        ]
-
-      const option = {
-        type: 'bar',
-        grid: { left: 51, right: 40, top: 50, bottom: 45 },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: { type: 'shadow' },
-          className: 'production-status-chart-tooltip'
-        },
-        xAxis: {
-          type: 'category',
-          offset: 8,
-          data: this.activeTab === 'purchase'
-            ? ['采购投入', '采购产出', '采购待判', '低价值', '报废', '在制', '实验片']
-            : ['存货投入', '存货产出', '存货待判', '低价值', '报废', '在制', '实验片'],
-          axisTick: { show: false },
-          axisLine: { show: true, onZero: false, lineStyle: { color: '#00E8FF' } },
-          axisLabel: {
-            color: 'rgba(255,255,255,0.7)',
-            fontSize: 12,
-            interval: 0,
-            width: 38,
-            overflow: 'break'
-          }
-        },
-        yAxis: {
-          type: 'value',
-          name: '单位/片',
-          nameTextStyle: { color: 'rgba(255,255,255,0.7)', fontSize: 14, align: 'left' },
-          min: 0,
-          max: (value) => Math.ceil(value.max),
-
-          axisTick: { show: false },
-          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 12 },
-          splitLine: { lineStyle: { color: 'RGBA(24, 88, 100, 0.6)', type: 'dashed' } },
-          axisLine: { show: true, lineStyle: { color: '#00E8FF' } }
-        },
-        series: [
-          {
-            type: 'pictorialBar',
-            label: { show: true, position: 'top', distance: -3, color: '#89CDFF', fontSize: 11 },
-            symbolSize: [20, 8],
-            symbolOffset: [0, 5],
-            z: 20,
-            itemStyle: {
-              borderColor: '#3588C7',
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: 'RGBA(22, 89, 98, 1)' },
-                { offset: 1, color: '#3588C7' }
-              ])
-            },
-            data: data
-          },
-          {
-            type: 'bar',
-            barWidth: 20,
-            itemStyle: {
-              borderWidth: 1,
-              borderColor: '#3588C7',
-              opacity: 0.8,
-              color: {
-                x: 0, y: 0, x2: 0, y2: 1,
-                type: 'linear',
-                global: false,
-                colorStops: [
-                  { offset: 0, color: 'rgba(73,178,255,0)' },
-                  { offset: 0.5, color: 'rgba(0, 232, 255, .5)' },
-                  { offset: 1, color: 'rgba(0, 232, 255, 1)' }
-                ]
-              }
-            },
-            tooltip: { show: false },
-            data: data
-          },
-          {
-            type: 'pictorialBar',
-            symbolSize: [20, 8],
-            symbolOffset: [0, -4],
-            z: 12,
-            symbolPosition: 'end',
-            itemStyle: {
-              borderColor: 'rgba(0, 232, 255, 1)',
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: 'RGBA(22, 89, 98, 1)' },
-                { offset: 1, color: '#3588C7' }
-              ])
-            },
-            tooltip: { show: false },
-            data: data
-          }
-        ]
-      }
-
-      this.chart.setOption(option)
-      // 监听窗口 resize，自适应图表
-      window.addEventListener('resize', this.chart.resize)
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-/* 原有样式保留，新增内容容器样式 */
-.bottom-left-content {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-/* 其他原有样式... */
-.scroll-container {
-  max-height: 210px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 10px 0;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-
-.proBarInfo {
-  display: flex;
-  flex-direction: column;
-  padding: 8px 27px;
-  margin-bottom: 10px;
-}
-
-.proBarInfoEqInfo {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.slot {
-  width: 21px;
-  height: 23px;
-  background: rgba(0, 106, 205, 0.22);
-  backdrop-filter: blur(1.5px);
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 16px;
-  color: #68B5FF;
-  line-height: 23px;
-  text-align: center;
-  font-style: normal;
-}
-
-.eq-name {
-  margin-left: 8px;
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 16px;
-  color: #FFFFFF;
-  line-height: 18px;
-  letter-spacing: 1px;
-  text-align: left;
-  font-style: normal;
-}
-
-.eqStatus {
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 16px;
-  color: #FFFFFF;
-  line-height: 18px;
-  text-align: right;
-  font-style: normal;
-}
-
-.splitLine {
-  width: 1px;
-  height: 14px;
-  border: 1px solid #ADADAD;
-  margin: 0 8px;
-}
-
-.yield {
-  height: 18px;
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 16px;
-  color: #00FFFF;
-  line-height: 18px;
-  text-align: right;
-  font-style: normal;
-}
-
-.proBarInfoEqInfoLeft {
-  display: flex;
-  align-items: center;
-}
-
-.proBarInfoEqInfoRight {
-  display: flex;
-  align-items: center;
-}
-
-.proBarWrapper {
-  position: relative;
-  height: 10px;
-  margin-top: 6px;
-  border-radius: 5px;
-  overflow: hidden;
-}
-
-.proBarLine {
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(65deg, rgba(82, 82, 82, 0) 0%, #ACACAC 100%);
-  opacity: 0.2;
-}
-
-.proBarLineTop {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  background: linear-gradient(65deg, rgba(53, 223, 247, 0) 0%, rgba(54, 220, 246, 0.92) 92%, #36F6E5 100%, #37ACF5 100%);
-  border-radius: 5px;
-  transition: width 0.3s ease;
-}
-
-.chartImgBottom {
-  position: absolute;
-  bottom: 45px;
-  left: 58px;
-}
-
-.line {
-  display: inline-block;
-  position: absolute;
-  left: 57px;
-  bottom: 42px;
-  width: 1px;
-  height: 20px;
-  background-color: #00E8FF;
-}
-</style>
-
-<style>
-.production-status-chart-tooltip {
-  background: #0a2b4f77 !important;
-  border: none !important;
-  backdrop-filter: blur(12px);
-}
-
-.production-status-chart-tooltip * {
-  color: #fff !important;
-}
-</style>
+<template>
+  <div style="flex: 1">
+    <!-- 传入点击切换的状态到Container组件 -->
+    <Container name="财务重点指标" nameTwo="费用重点指标" icon="cockpitItemIcon" size="topBasic" @switchTab="handleTabSwitch" @tabChange='tabChange'>
+      <div class="bottom-left-content" style="display: flex;gap: 0px;padding: 14px 16px;flex-direction: column;">
+        <!-- 根据activeTab状态，切换显示采购/存货内容 -->
+        <template v-if="activeTab === 'purchase'">
+          <!-- 财务重点指标应的内容 -->
+          <coreBottomLeftItem :dateData="dateData" :finance="financeData"></coreBottomLeftItem>
+          <div class="bottom"
+            style="display: flex; width: 100%;margin-top: 8px;background-color: rgba(249, 252, 255, 1);">
+            <coreBottomBar :dateData="dateData" :line="finance.line"></coreBottomBar>
+          </div>
+        </template>
+        <template v-else-if="activeTab === 'inventory'">
+          <!-- 费用重点指标对应的内容 -->
+          <costItem :dateData="dateData" :cost="costData" :currentTap='currentTap'></costItem>
+          <div class="bottom"
+            style="display: flex; width: 100%;margin-top: 4px;background-color: rgba(249, 252, 255, 1);">
+            <CostsBottomBar :line="cost.line" :dateData="dateData">
+            </CostsBottomBar>
+          </div>
+        </template>
+      </div>
+    </Container>
+  </div>
+</template>
+
+<script>
+import Container from './financeCostsContainer.vue'
+import * as echarts from 'echarts'
+import coreBottomLeftItem from './purchase-Item.vue'
+import coreBottomBar from './financeCostsBottomBar.vue'
+import costItem from './cost-Item.vue'
+import CostsBottomBar from './CostsBottomBar.vue'
+
+export default {
+  name: 'ProductionStatus',
+  components: { Container, coreBottomLeftItem, coreBottomBar, costItem, CostsBottomBar },
+  props: {
+    finance: {
+      type: Object,
+      default: () => {}
+    },
+    cost: {
+      type: Object,
+      default: () => ({})
+    },
+    dateData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      activeTab: 'purchase',  // 激活的标签：purchase=采购，inventory=存货
+      showChart: true,        // 控制图表是否显示
+      chart: null,      // 图表实例
+      financeData:{},
+      costData:{},
+      currentTap: 'month',
+      resizeHandler: null  // 窗口resize事件处理器
+    }
+  },
+  watch: {
+    // 切换标签时更新图表
+    activeTab(newVal) {
+      this.$nextTick(() => this.updateChart())
+    },
+    productionOverviewVo: {
+      handler() {
+        this.updateChart()
+      },
+      deep: true
+    },
+    finance: {
+      handler() {
+        if(this.currentTap === 'month') {
+          this.financeData = this.finance.mon
+        }else{
+          this.financeData = this.finance.total
+        }
+      },
+      deep: true
+    },
+    cost: {
+      handler() {
+        if(this.currentTap === 'month') {
+          this.costData = this.cost.mon
+        }else{
+          this.costData = this.cost.total
+        }
+      },
+      deep: true
+    }
+
+  },
+  mounted() {
+    // 初始化图表
+    this.$nextTick(() => this.updateChart())
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }
+    window.addEventListener('resize', this.resizeHandler)
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler)
+      this.resizeHandler = null
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.chart) {
+      this.chart.dispose()
+      this.chart = null
+    }
+  },
+  methods: {
+    tabChange(val) {
+      if(val === 'month') {
+        this.currentTap = 'month'
+        this.financeData = this.finance.mon
+        this.costData = this.cost.mon
+      }else{
+        this.currentTap = 'total'
+        this.financeData = this.finance.total
+        this.costData = this.cost.total
+      }
+    },
+    // 处理标题点击切换标签
+    handleTabSwitch(tabType) {
+      this.activeTab = tabType  // tabType由Container组件传递：'purchase'或'inventory'
+      this.showChart = true     // 切换时默认显示图表（可根据需求调整）
+    },
+    // 更新图表内容
+    updateChart() {
+      const chartDom = document.getElementById('productionStatusChart')
+      if (!chartDom) return
+
+      // 销毁已有图表实例
+      if (this.chart) this.chart.dispose()
+      this.chart = echarts.init(chartDom)
+
+      // 根据当前激活的标签，设置对应图表数据（示例：可根据实际需求修改）
+      const data = this.activeTab === 'purchase'
+        ? [
+          this.productionOverviewVo.purchaseInput || 0,
+          this.productionOverviewVo.purchaseOutput || 0,
+          this.productionOverviewVo.purchaseNg || 0,
+          0, 0, 0, 0  // 补充默认值，避免图表报错
+        ]
+        : [
+          this.productionOverviewVo.inventoryInput || 0,
+          this.productionOverviewVo.inventoryOutput || 0,
+          this.productionOverviewVo.inventoryNg || 0,
+          0, 0, 0, 0
+        ]
+
+      const option = {
+        type: 'bar',
+        grid: { left: 51, right: 40, top: 50, bottom: 45 },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' },
+          className: 'production-status-chart-tooltip'
+        },
+        xAxis: {
+          type: 'category',
+          offset: 8,
+          data: this.activeTab === 'purchase'
+            ? ['采购投入', '采购产出', '采购待判', '低价值', '报废', '在制', '实验片']
+            : ['存货投入', '存货产出', '存货待判', '低价值', '报废', '在制', '实验片'],
+          axisTick: { show: false },
+          axisLine: { show: true, onZero: false, lineStyle: { color: '#00E8FF' } },
+          axisLabel: {
+            color: 'rgba(255,255,255,0.7)',
+            fontSize: 12,
+            interval: 0,
+            width: 38,
+            overflow: 'break'
+          }
+        },
+        yAxis: {
+          type: 'value',
+          name: '单位/片',
+          nameTextStyle: { color: 'rgba(255,255,255,0.7)', fontSize: 14, align: 'left' },
+          min: 0,
+          max: (value) => Math.ceil(value.max),
+
+          axisTick: { show: false },
+          axisLabel: { color: 'rgba(255,255,255,0.7)', fontSize: 12 },
+          splitLine: { lineStyle: { color: 'RGBA(24, 88, 100, 0.6)', type: 'dashed' } },
+          axisLine: { show: true, lineStyle: { color: '#00E8FF' } }
+        },
+        series: [
+          {
+            type: 'pictorialBar',
+            label: { show: true, position: 'top', distance: -3, color: '#89CDFF', fontSize: 11 },
+            symbolSize: [20, 8],
+            symbolOffset: [0, 5],
+            z: 20,
+            itemStyle: {
+              borderColor: '#3588C7',
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'RGBA(22, 89, 98, 1)' },
+                { offset: 1, color: '#3588C7' }
+              ])
+            },
+            data: data
+          },
+          {
+            type: 'bar',
+            barWidth: 20,
+            itemStyle: {
+              borderWidth: 1,
+              borderColor: '#3588C7',
+              opacity: 0.8,
+              color: {
+                x: 0, y: 0, x2: 0, y2: 1,
+                type: 'linear',
+                global: false,
+                colorStops: [
+                  { offset: 0, color: 'rgba(73,178,255,0)' },
+                  { offset: 0.5, color: 'rgba(0, 232, 255, .5)' },
+                  { offset: 1, color: 'rgba(0, 232, 255, 1)' }
+                ]
+              }
+            },
+            tooltip: { show: false },
+            data: data
+          },
+          {
+            type: 'pictorialBar',
+            symbolSize: [20, 8],
+            symbolOffset: [0, -4],
+            z: 12,
+            symbolPosition: 'end',
+            itemStyle: {
+              borderColor: 'rgba(0, 232, 255, 1)',
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'RGBA(22, 89, 98, 1)' },
+                { offset: 1, color: '#3588C7' }
+              ])
+            },
+            tooltip: { show: false },
+            data: data
+          }
+        ]
+      }
+
+      this.chart.setOption(option)
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+/* 原有样式保留，新增内容容器样式 */
+.bottom-left-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* 其他原有样式... */
+.scroll-container {
+  max-height: 210px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 10px 0;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.proBarInfo {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 27px;
+  margin-bottom: 10px;
+}
+
+.proBarInfoEqInfo {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.slot {
+  width: 21px;
+  height: 23px;
+  background: rgba(0, 106, 205, 0.22);
+  backdrop-filter: blur(1.5px);
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #68B5FF;
+  line-height: 23px;
+  text-align: center;
+  font-style: normal;
+}
+
+.eq-name {
+  margin-left: 8px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF;
+  line-height: 18px;
+  letter-spacing: 1px;
+  text-align: left;
+  font-style: normal;
+}
+
+.eqStatus {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF;
+  line-height: 18px;
+  text-align: right;
+  font-style: normal;
+}
+
+.splitLine {
+  width: 1px;
+  height: 14px;
+  border: 1px solid #ADADAD;
+  margin: 0 8px;
+}
+
+.yield {
+  height: 18px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #00FFFF;
+  line-height: 18px;
+  text-align: right;
+  font-style: normal;
+}
+
+.proBarInfoEqInfoLeft {
+  display: flex;
+  align-items: center;
+}
+
+.proBarInfoEqInfoRight {
+  display: flex;
+  align-items: center;
+}
+
+.proBarWrapper {
+  position: relative;
+  height: 10px;
+  margin-top: 6px;
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.proBarLine {
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(65deg, rgba(82, 82, 82, 0) 0%, #ACACAC 100%);
+  opacity: 0.2;
+}
+
+.proBarLineTop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background: linear-gradient(65deg, rgba(53, 223, 247, 0) 0%, rgba(54, 220, 246, 0.92) 92%, #36F6E5 100%, #37ACF5 100%);
+  border-radius: 5px;
+  transition: width 0.3s ease;
+}
+
+.chartImgBottom {
+  position: absolute;
+  bottom: 45px;
+  left: 58px;
+}
+
+.line {
+  display: inline-block;
+  position: absolute;
+  left: 57px;
+  bottom: 42px;
+  width: 1px;
+  height: 20px;
+  background-color: #00E8FF;
+}
+</style>
+
+<style>
+.production-status-chart-tooltip {
+  background: #0a2b4f77 !important;
+  border: none !important;
+  backdrop-filter: blur(12px);
+}
+
+.production-status-chart-tooltip * {
+  color: #fff !important;
+}
+</style>
diff --git a/src/views/home/components/heatBarChart.vue b/src/views/home/components/heatBarChart.vue
index a58bfdd9..19dda908 100644
--- a/src/views/home/components/heatBarChart.vue
+++ b/src/views/home/components/heatBarChart.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -21,6 +22,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -139,19 +147,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/components/operatingBottomLineBar.vue b/src/views/home/components/operatingBottomLineBar.vue
index 968af949..9a5c073c 100644
--- a/src/views/home/components/operatingBottomLineBar.vue
+++ b/src/views/home/components/operatingBottomLineBar.vue
@@ -1,176 +1,184 @@
-<template>
-  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChipBottom;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              const unit = item.seriesName === '完成率' ? '%' : (
-                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-              );
-              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-            });
-            return html;
-          }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            splitNumber: 4,
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            // min: 0,
-            // max: (value) => Math.ceil((value.max || 0) * 1.1),
-
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          {
-            type: 'value',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'left'
-            },
-            // min: 0,
-            // max: 100,
-            scale:true,
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}%'
-            },
-            splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChipBottom;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              const unit = item.seriesName === '完成率' ? '%' : (
+                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+              );
+              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+            });
+            return html;
+          }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            splitNumber: 4,
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            // min: 0,
+            // max: (value) => Math.ceil((value.max || 0) * 1.1),
+
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          {
+            type: 'value',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'left'
+            },
+            // min: 0,
+            // max: 100,
+            scale:true,
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}%'
+            },
+            splitLine: { show: false },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/components/operatingLineBar.vue b/src/views/home/components/operatingLineBar.vue
index cb9a9cc7..32d64f24 100644
--- a/src/views/home/components/operatingLineBar.vue
+++ b/src/views/home/components/operatingLineBar.vue
@@ -1,172 +1,180 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          // formatter: (params) => {
-          //   let html = `${params[0].axisValue}<br/>`;
-          //   params.forEach(item => {
-          //     const unit = item.seriesName === '完成率' ? '%' : (
-          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-          //     );
-          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-          //   });
-          //   return html;
-          // }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          // {
-          //   type: 'value',
-          //   nameTextStyle: {
-          //     color: 'rgba(0, 0, 0, 0.45)',
-          //     fontSize: 12,
-          //     align: 'left'
-          //   },
-          //   min: 0,
-          //   max: 100,
-          //   axisTick: { show: false },
-          //   axisLabel: {
-          //     color: 'rgba(0, 0, 0, 0.45)',
-          //     fontSize: 12,
-          //     formatter: '{value}%'
-          //   },
-          //   splitLine: { show: false },
-          //   axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          //   splitNumber: 4
-          // }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          // formatter: (params) => {
+          //   let html = `${params[0].axisValue}<br/>`;
+          //   params.forEach(item => {
+          //     const unit = item.seriesName === '完成率' ? '%' : (
+          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+          //     );
+          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+          //   });
+          //   return html;
+          // }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          // {
+          //   type: 'value',
+          //   nameTextStyle: {
+          //     color: 'rgba(0, 0, 0, 0.45)',
+          //     fontSize: 12,
+          //     align: 'left'
+          //   },
+          //   min: 0,
+          //   max: 100,
+          //   axisTick: { show: false },
+          //   axisLabel: {
+          //     color: 'rgba(0, 0, 0, 0.45)',
+          //     fontSize: 12,
+          //     formatter: '{value}%'
+          //   },
+          //   splitLine: { show: false },
+          //   axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          //   splitNumber: 4
+          // }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/components/operatingLineBarSale.vue b/src/views/home/components/operatingLineBarSale.vue
index bc0521ab..e8f27829 100644
--- a/src/views/home/components/operatingLineBarSale.vue
+++ b/src/views/home/components/operatingLineBarSale.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -152,19 +160,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/components/pieChart.vue b/src/views/home/components/pieChart.vue
index 7a615baa..db89f45c 100644
--- a/src/views/home/components/pieChart.vue
+++ b/src/views/home/components/pieChart.vue
@@ -24,7 +24,10 @@ export default {
     },
   },
   data() {
-    return {};
+    return {
+      myChart: null,
+      resizeHandler: null
+    };
   },
   computed: {},
   watch: {
@@ -41,6 +44,13 @@ export default {
     this.$nextTick(() => {
       this.initChart(); // 只负责初始化图表实例
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
   methods: {
     initData() {
@@ -266,21 +276,20 @@ export default {
         ]
       };
 
-      option && myChart.setOption(option);
-
-      // 窗口缩放监听
-      window.addEventListener('resize', () => {
-        myChart.resize();
-      });
-
-      // 组件销毁清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          myChart.resize();
-        });
-        myChart.dispose();
-      });
+      option && this.myChart.setOption(option);
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/components/productBar.vue b/src/views/home/components/productBar.vue
index 866ba4d8..ac41fa9c 100644
--- a/src/views/home/components/productBar.vue
+++ b/src/views/home/components/productBar.vue
@@ -1,286 +1,294 @@
-<template>
-  <div style="position: relative;">
-    <div class="legend">
-      <span class="legend-item-line">
-        <span class="line target"></span>
-        预算
-      </span>
-      <span class="legend-item-line">
-        <span class="line real"></span>
-        实际
-      </span>
-    </div>
-    <div ref="cockpitEffChip" id="coreLineChart" style="height: 219px; width: 100%;"></div>
-  </div>
-</template>
-
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  name: 'Container',
-  props: ["chartData",'dateData','unit'],
-  components: {},
-  data() {
-    return {
-      myChart: null, // 存储 echarts 实例
-    };
-  },
-  // 关键：监听 chartData 变化
-  watch: {
-    chartData: {
-      handler(newData) {
-        this.updateChart(newData);
-      },
-      immediate: true, // 组件初始化时立即执行一次
-      deep: true,      // 深度监听对象内部变化
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initChart();
-    });
-  },
-  methods: {
-    // 初始化图表实例
-    initChart() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-      this.myChart = echarts.init(chartDom);
-
-      // 初始化时调用一次更新
-      this.updateChart(this.chartData);
-
-      // 监听窗口缩放
-      window.addEventListener('resize', () => {
-        this.myChart?.resize();
-      });
-    },
-
-    // 核心：根据数据更新图表
-    updateChart(data) {
-      if (!this.myChart) {
-        // 如果实例还未初始化，则等待 initChart 完成后再更新
-        setTimeout(() => this.updateChart(data), 0);
-        return;
-      }
-
-      // 1. 处理数据，如果 data 无效则清空图表
-      if (!data || typeof data !== 'object' || (!data.real && !data.target)) {
-        this.myChart.setOption({
-          xAxis: { data: [] },
-          series: [{ data: [] }, { data: [] }]
-        });
-        return;
-      }
-
-      // 2. 提取 X 轴数据（从 real 或 target 中取键名）
-      const xAxisData = data.real ? Object.keys(data.real) : Object.keys(data.target);
-      console.log('xAxisData', xAxisData);
-
-      // 3. 提取 "实际" 和 "目标" 系列的数据
-      const realData = data.real ? Object.values(data.real) : [];
-      const targetData = data.target ? Object.values(data.target) : [];
-
-      // 4. 准备 echarts 的 option 配置
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          }
-        },
-        grid: {
-          top: 35,
-          bottom: 20,
-          right: 13,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              onZero: false,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              // width: 38,
-              overflow: 'break',
-              formatter: (value) => {
-                const dateParts = value.split('-'); // ["2025", "07", "01"]
-                if (dateParts.length < 2) return value;
-
-                // 去掉月份前面的0，然后加上"月"
-                const month = dateParts[1].replace(/^0+/, '');
-                return `${month}月`;
-              }
-            },
-            data: xAxisData
-          }
-        ],
-        yAxis: {
-          type: 'value',
-          name: this.unit,
-          // nameLocation:'center',
-          nameTextStyle: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 14, align: 'right' },
-          min: 0,
-          // max: function (value) { return Math.ceil(value.max * 1.1); }, // 增加一点余量
-
-          axisTick: { show: false },
-          axisLabel: {
-            color: 'rgba(0, 0, 0, 0.45)',
-            fontSize: 12
-          },
-          splitLine: {
-            lineStyle: {
-              color: 'rgba(0, 0, 0, 0.15)',
-            }
-          },
-          axisLine: {
-            show: true,
-            lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-          }
-        },
-        series: [
-          {
-            name: '实际',
-            type: 'line',
-            // stack: 'Total', // 趋势图通常不需要堆叠
-            symbol: 'circle',
-            symbolSize: 8,
-            lineStyle: {
-              color: 'rgba(255, 132, 0, 1)', // 加深颜色
-              width: 2,
-            },
-            itemStyle: {
-              color: 'rgba(255, 132, 0, 1)',
-              borderColor: '#fff',
-              borderWidth: 2,
-            },
-            areaStyle: {
-              opacity: 0.3,
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: 'rgba(255, 132, 0, .5)' },
-                { offset: 1, color: 'rgba(255, 132, 0, 0)' },
-              ]),
-            },
-            data: realData // 使用提取出的 "实际" 数据
-          },
-          {
-            name: '预算',
-            type: 'line',
-            // stack: 'Total',
-            symbol: 'circle',
-            symbolSize: 8,
-            lineStyle: {
-              color: 'rgba(98, 213, 180, 1)', // 加深颜色
-              width: 2,
-              // type: 'dashed' // 目标线使用虚线
-            },
-            itemStyle: {
-              color: 'rgba(98, 213, 180, 1)',
-              borderColor: '#fff',
-              borderWidth: 2,
-            },
-            areaStyle: {
-              opacity: 0.3,
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: 'rgba(98, 213, 180, .5)' },
-                { offset: 1, color: 'rgba(98, 213, 180, 0)' },
-              ]),
-            },
-            data: targetData // 使用提取出的 "目标" 数据
-          },
-        ]
-      };
-
-      // 5. 应用配置项更新图表
-      this.myChart.setOption(option, true);
-    }
-  },
-  beforeDestroy() {
-    // 组件销毁时清理
-    window.removeEventListener('resize', () => {
-      this.myChart?.resize();
-    });
-    this.myChart?.dispose();
-  }
-};
-</script>
-<style lang="scss" scoped>
-/* (你的样式代码保持不变) */
-.legend {
-  position: absolute;
-  right: 12px;
-  top: 0px;
-  display: flex;
-  /* 使用 flex 布局让两个图例项并排且对齐 */
-  gap: 5px;
-}
-
-.legend-item-line {
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.8);
-  text-align: left;
-  font-style: normal;
-  position: relative;
-  padding-left: 24px;
-  /* 为圆点和线条留出空间 */
-  display: flex;
-  align-items: center;
-
-  .line {
-    position: absolute;
-    left: 6px;
-    /* 线条从圆点右侧开始 */
-    top: 50%;
-    transform: translateY(-50%);
-    display: inline-block;
-    width: 16px;
-    /* 线条长度 */
-    height: 2px;
-    margin-right: 4px;
-  }
-
-  .target {
-    background: rgba(98, 213, 180, 1);
-  }
-
-  .real {
-    background: rgba(255, 132, 0, 1);
-  }
-
-  &::before {
-    content: "";
-    display: inline-block;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    margin-right: 8px;
-    background-color: rgba(255, 132, 0, 1);
-    position: absolute;
-    left: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-}
-
-.legend-item-line:nth-child(1) {
-  &::before {
-    background-color: rgba(98, 213, 180, 1);
-  }
-}
-</style>
+<template>
+  <div style="position: relative;">
+    <div class="legend">
+      <span class="legend-item-line">
+        <span class="line target"></span>
+        预算
+      </span>
+      <span class="legend-item-line">
+        <span class="line real"></span>
+        实际
+      </span>
+    </div>
+    <div ref="cockpitEffChip" id="coreLineChart" style="height: 219px; width: 100%;"></div>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  name: 'Container',
+  props: ["chartData",'dateData','unit'],
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储 echarts 实例
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  // 关键：监听 chartData 变化
+  watch: {
+    chartData: {
+      handler(newData) {
+        this.updateChart(newData);
+      },
+      immediate: true, // 组件初始化时立即执行一次
+      deep: true,      // 深度监听对象内部变化
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  methods: {
+    // 初始化图表实例
+    initChart() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+      this.myChart = echarts.init(chartDom);
+
+      // 初始化时调用一次更新
+      this.updateChart(this.chartData);
+    },
+
+    // 核心：根据数据更新图表
+    updateChart(data) {
+      if (!this.myChart) {
+        // 如果实例还未初始化，则等待 initChart 完成后再更新
+        setTimeout(() => this.updateChart(data), 0);
+        return;
+      }
+
+      // 1. 处理数据，如果 data 无效则清空图表
+      if (!data || typeof data !== 'object' || (!data.real && !data.target)) {
+        this.myChart.setOption({
+          xAxis: { data: [] },
+          series: [{ data: [] }, { data: [] }]
+        });
+        return;
+      }
+
+      // 2. 提取 X 轴数据（从 real 或 target 中取键名）
+      const xAxisData = data.real ? Object.keys(data.real) : Object.keys(data.target);
+      console.log('xAxisData', xAxisData);
+
+      // 3. 提取 "实际" 和 "目标" 系列的数据
+      const realData = data.real ? Object.values(data.real) : [];
+      const targetData = data.target ? Object.values(data.target) : [];
+
+      // 4. 准备 echarts 的 option 配置
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        grid: {
+          top: 35,
+          bottom: 20,
+          right: 13,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              onZero: false,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              // width: 38,
+              overflow: 'break',
+              formatter: (value) => {
+                const dateParts = value.split('-'); // ["2025", "07", "01"]
+                if (dateParts.length < 2) return value;
+
+                // 去掉月份前面的0，然后加上"月"
+                const month = dateParts[1].replace(/^0+/, '');
+                return `${month}月`;
+              }
+            },
+            data: xAxisData
+          }
+        ],
+        yAxis: {
+          type: 'value',
+          name: this.unit,
+          // nameLocation:'center',
+          nameTextStyle: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 14, align: 'right' },
+          min: 0,
+          // max: function (value) { return Math.ceil(value.max * 1.1); }, // 增加一点余量
+
+          axisTick: { show: false },
+          axisLabel: {
+            color: 'rgba(0, 0, 0, 0.45)',
+            fontSize: 12
+          },
+          splitLine: {
+            lineStyle: {
+              color: 'rgba(0, 0, 0, 0.15)',
+            }
+          },
+          axisLine: {
+            show: true,
+            lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+          }
+        },
+        series: [
+          {
+            name: '实际',
+            type: 'line',
+            // stack: 'Total', // 趋势图通常不需要堆叠
+            symbol: 'circle',
+            symbolSize: 8,
+            lineStyle: {
+              color: 'rgba(255, 132, 0, 1)', // 加深颜色
+              width: 2,
+            },
+            itemStyle: {
+              color: 'rgba(255, 132, 0, 1)',
+              borderColor: '#fff',
+              borderWidth: 2,
+            },
+            areaStyle: {
+              opacity: 0.3,
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'rgba(255, 132, 0, .5)' },
+                { offset: 1, color: 'rgba(255, 132, 0, 0)' },
+              ]),
+            },
+            data: realData // 使用提取出的 "实际" 数据
+          },
+          {
+            name: '预算',
+            type: 'line',
+            // stack: 'Total',
+            symbol: 'circle',
+            symbolSize: 8,
+            lineStyle: {
+              color: 'rgba(98, 213, 180, 1)', // 加深颜色
+              width: 2,
+              // type: 'dashed' // 目标线使用虚线
+            },
+            itemStyle: {
+              color: 'rgba(98, 213, 180, 1)',
+              borderColor: '#fff',
+              borderWidth: 2,
+            },
+            areaStyle: {
+              opacity: 0.3,
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'rgba(98, 213, 180, .5)' },
+                { offset: 1, color: 'rgba(98, 213, 180, 0)' },
+              ]),
+            },
+            data: targetData // 使用提取出的 "目标" 数据
+          },
+        ]
+      };
+
+      // 5. 应用配置项更新图表
+      this.myChart.setOption(option, true);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+/* (你的样式代码保持不变) */
+.legend {
+  position: absolute;
+  right: 12px;
+  top: 0px;
+  display: flex;
+  /* 使用 flex 布局让两个图例项并排且对齐 */
+  gap: 5px;
+}
+
+.legend-item-line {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.8);
+  text-align: left;
+  font-style: normal;
+  position: relative;
+  padding-left: 24px;
+  /* 为圆点和线条留出空间 */
+  display: flex;
+  align-items: center;
+
+  .line {
+    position: absolute;
+    left: 6px;
+    /* 线条从圆点右侧开始 */
+    top: 50%;
+    transform: translateY(-50%);
+    display: inline-block;
+    width: 16px;
+    /* 线条长度 */
+    height: 2px;
+    margin-right: 4px;
+  }
+
+  .target {
+    background: rgba(98, 213, 180, 1);
+  }
+
+  .real {
+    background: rgba(255, 132, 0, 1);
+  }
+
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    margin-right: 8px;
+    background-color: rgba(255, 132, 0, 1);
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.legend-item-line:nth-child(1) {
+  &::before {
+    background-color: rgba(98, 213, 180, 1);
+  }
+}
+</style>
diff --git a/src/views/home/costComponents/costBaseBarChart.vue b/src/views/home/costComponents/costBaseBarChart.vue
index 7524f0d7..90ad5bc8 100644
--- a/src/views/home/costComponents/costBaseBarChart.vue
+++ b/src/views/home/costComponents/costBaseBarChart.vue
@@ -9,7 +9,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 保存图表实例，方便更新
+      myChart: null, // 保存图表实例，方便更新
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -35,6 +36,13 @@ export default {
     this.$nextTick(() => {
       this.initChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
   methods: {
     initChart() {
@@ -45,19 +53,18 @@ export default {
       }
       this.myChart = echarts.init(chartDom);
       this.updateChart(); // 初始化图表数据
-
-      // 窗口缩放适配
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      // 组件销毁清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
+    },
+    beforeDestroy() {
+      // 移除窗口resize事件监听器
+      if (this.resizeHandler) {
+        window.removeEventListener('resize', this.resizeHandler);
+        this.resizeHandler = null;
+      }
+      // 销毁图表，避免内存泄漏
+      if (this.myChart) {
+        this.myChart.dispose();
+        this.myChart = null;
+      }
     },
 
     updateChart() {
diff --git a/src/views/home/costComponents/operatingLineBar.vue b/src/views/home/costComponents/operatingLineBar.vue
index 0c618050..5f2e8223 100644
--- a/src/views/home/costComponents/operatingLineBar.vue
+++ b/src/views/home/costComponents/operatingLineBar.vue
@@ -22,7 +22,8 @@ export default {
   },
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   watch: {
@@ -38,6 +39,25 @@ export default {
     this.$nextTick(() => {
       this.initData();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   methods: {
     initData() {
@@ -259,19 +279,6 @@ export default {
       };
 
       this.myChart.setOption(option);
-
-      // 窗口缩放适配
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      // 组件销毁清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/costComponents/profitImpactLineChart.vue b/src/views/home/costComponents/profitImpactLineChart.vue
index 110d2ea8..3d7dcbc9 100644
--- a/src/views/home/costComponents/profitImpactLineChart.vue
+++ b/src/views/home/costComponents/profitImpactLineChart.vue
@@ -1,169 +1,182 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 500px;"></div>
-</template>
-
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {};
-  },
-  props: {
-    seriesData: {
-      type: Array,
-      default: () => []
-    },
-    xData: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: () => { }
-    },
-  },
-  watch: {
-    // 监听 xData 变化，触发图表更新
-    xData: {
-      handler() {
-        this.$nextTick(() => this.initData());
-      },
-      deep: true // 深度监听数组内元素变化
-    },
-    // 监听 seriesData 变化，触发图表更新
-    seriesData: {
-      handler() {
-        this.$nextTick(() => this.initData());
-      },
-      deep: true // 深度监听数组内元素变化
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initData();
-    });
-  },
-  methods: {
-    initData() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-      const myChart = echarts.init(chartDom);
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          // 优化tooltip内容，区分各系列含义
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              // 直接使用系列名，无需映射，仅保留单位判断
-              html += `${item.marker} ${item.seriesName}: ${item.value}${item.seriesName === '完成率' ? '%' : '元'}<br/>`;
-            });
-            return html;
-          }
-        },
-        grid: {
-          top: 30,
-          bottom: 30, // 增大底部间距，避免柱子与X轴标签重叠
-          right: 70,
-          left: 40,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true, // 开启边界间隙，让柱子居中显示，不贴边
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0] // 标签向下偏移，避免与柱子底部重叠
-            },
-            data: this.xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：目标/达标/未达标（数量，单位“片”）
-          {
-            type: 'value',
-            // name: this.yName,
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            min: 0, // 最小值设0，确保柱子从X轴底部开始，不超过X轴
-            max: (value) => Math.ceil(value.max * 1.1), // 最大值留10%余量，避免柱子顶满
-            scale: false, // 关闭缩放，强制从0开始
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-        ],
-        series: [
-          {
-            name: this.name,
-            type: 'line',
-            // yAxisIndex: 1,
-            lineStyle: {
-              color: 'rgba(40, 138, 255, .5)',
-              width: 2
-            },
-            itemStyle: {
-              color: 'rgba(40, 138, 255, 1)',
-              borderColor: 'rgba(40, 138, 255, 1)',
-              borderWidth: 2,
-              radius: 4
-            },
-            areaStyle: {
-              opacity: 0.2,
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: 'rgba(40, 138, 255, .9)' },
-                { offset: 1, color: 'rgba(40, 138, 255, 0)' }
-              ])
-            },
-            data: this.seriesData,
-            symbol: 'circle',
-            symbolSize: 6
-          },
-        ],
-      };
-
-      option && myChart.setOption(option);
-
-      // 窗口缩放适配
-      window.addEventListener('resize', () => {
-        myChart.resize();
-      });
-
-      // 组件销毁清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          myChart.resize();
-        });
-        myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 500px;"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    seriesData: {
+      type: Array,
+      default: () => []
+    },
+    xData: {
+      type: Array,
+      default: () => []
+    },
+    name: {
+      type: String,
+      default: () => { }
+    },
+  },
+  watch: {
+    // 监听 xData 变化，触发图表更新
+    xData: {
+      handler() {
+        this.$nextTick(() => this.initData());
+      },
+      deep: true // 深度监听数组内元素变化
+    },
+    // 监听 seriesData 变化，触发图表更新
+    seriesData: {
+      handler() {
+        this.$nextTick(() => this.initData());
+      },
+      deep: true // 深度监听数组内元素变化
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initData();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  methods: {
+    initData() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+      // 销毁已有图表实例
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+      this.myChart = echarts.init(chartDom);
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          // 优化tooltip内容，区分各系列含义
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              // 直接使用系列名，无需映射，仅保留单位判断
+              html += `${item.marker} ${item.seriesName}: ${item.value}${item.seriesName === '完成率' ? '%' : '元'}<br/>`;
+            });
+            return html;
+          }
+        },
+        grid: {
+          top: 30,
+          bottom: 30, // 增大底部间距，避免柱子与X轴标签重叠
+          right: 70,
+          left: 40,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true, // 开启边界间隙，让柱子居中显示，不贴边
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0] // 标签向下偏移，避免与柱子底部重叠
+            },
+            data: this.xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：目标/达标/未达标（数量，单位“片”）
+          {
+            type: 'value',
+            // name: this.yName,
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            min: 0, // 最小值设0，确保柱子从X轴底部开始，不超过X轴
+            max: (value) => Math.ceil(value.max * 1.1), // 最大值留10%余量，避免柱子顶满
+            scale: false, // 关闭缩放，强制从0开始
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+        ],
+        series: [
+          {
+            name: this.name,
+            type: 'line',
+            // yAxisIndex: 1,
+            lineStyle: {
+              color: 'rgba(40, 138, 255, .5)',
+              width: 2
+            },
+            itemStyle: {
+              color: 'rgba(40, 138, 255, 1)',
+              borderColor: 'rgba(40, 138, 255, 1)',
+              borderWidth: 2,
+              radius: 4
+            },
+            areaStyle: {
+              opacity: 0.2,
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: 'rgba(40, 138, 255, .9)' },
+                { offset: 1, color: 'rgba(40, 138, 255, 0)' }
+              ])
+            },
+            data: this.seriesData,
+            symbol: 'circle',
+            symbolSize: 6
+          },
+        ],
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/costComponents/totalProfitBar.vue b/src/views/home/costComponents/totalProfitBar.vue
index 12684fc5..b03ef73d 100644
--- a/src/views/home/costComponents/totalProfitBar.vue
+++ b/src/views/home/costComponents/totalProfitBar.vue
@@ -1,280 +1,293 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 280px;"></div>
-</template>
-
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {};
-  },
-  props: {
-    seriesData: {
-      type: Array,
-      default: () => []
-    },
-    xData: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: () => { }
-    },
-  },
-  watch: {
-    // 监听 xData 变化，触发图表更新
-    xData: {
-      handler() {
-        this.$nextTick(() => this.initData());
-      },
-      deep: true // 深度监听数组内元素变化
-    },
-    // 监听 seriesData 变化，触发图表更新
-    seriesData: {
-      handler() {
-        this.$nextTick(() => this.initData());
-      },
-      deep: true // 深度监听数组内元素变化
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initData();
-    });
-  },
-  methods: {
-    initData() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-      const myChart = echarts.init(chartDom);
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          // 优化tooltip内容，区分各系列含义
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              // 直接使用系列名，无需映射，仅保留单位判断
-              html += `${item.marker} ${item.seriesName}: ${item.value}${'元'}<br/>`;
-            });
-            return html;
-          }
-        },
-        grid: {
-          top: 50,
-          bottom: 30, // 增大底部间距，避免柱子与X轴标签重叠
-          right: 70,
-          left: 50,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true, // 开启边界间隙，让柱子居中显示，不贴边
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0] // 标签向下偏移，避免与柱子底部重叠
-            },
-            data: this.xData // 绑定监听的 xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：目标/达标/未达标（数量，单位“片”）
-          {
-            type: 'value',
-            name: '元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            min: 0, // 最小值设0，确保柱子从X轴底部开始，不超过X轴
-            max: (value) => Math.ceil(value.max * 1.1), // 最大值留10%余量，避免柱子顶满
-            scale: false, // 关闭缩放，强制从0开始
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：完成率（百分比）
-          // {
-          //   type: 'value',
-          //   // name: '%',
-          //   nameTextStyle: {
-          //     color: 'rgba(0, 0, 0, 0.45)',
-          //     fontSize: 12,
-          //     align: 'left'
-          //   },
-          //   min: 0,
-          //   max: 100, // 完成率最大100%，符合业务逻辑
-          //   axisTick: { show: false },
-          //   axisLabel: {
-          //     color: 'rgba(0, 0, 0, 0.45)',
-          //     fontSize: 12,
-          //     formatter: '{value}%'
-          //   },
-          //   splitLine: { show: false }, // 不重复显示分割线
-          //   axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          //   splitNumber: 4
-          // }
-        ],
-        series: [
-          // 1. 完成率：折线图（绑定右侧百分比Y轴）
-          // {
-          //   name: '产销率',
-          //   type: 'line',
-          //   yAxisIndex: 1, // 绑定右侧Y轴
-          //   lineStyle: {
-          //     color: 'rgba(40, 138, 255, .5)',
-          //     width: 2 // 线条加粗，突出重点
-          //   },
-          //   itemStyle: {
-          //     color: 'rgba(40, 138, 255, 1)',
-          //     borderColor: 'rgba(40, 138, 255, 1)', // 数据点白色边框，增强辨识度
-          //     borderWidth: 2,
-          //     radius: 4 // 数据点圆角，更圆润
-          //   },
-          //   areaStyle: {
-          //     opacity: 0.2, // 降低面积透明度，不抢柱状图视觉焦点
-          //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          //       { offset: 0, color: 'rgba(40, 138, 255, .9)' },
-          //       { offset: 1, color: 'rgba(255, 132, 0, 0)' }
-          //     ])
-          //   },
-          //   data: [65, 78, 52, 85, 60, 95, 72], // 完成率数据（0-100）
-          //   symbol: 'circle', // 数据点为圆形
-          //   symbolSize: 6 // 数据点大小
-          // },
-          // 2. 目标：柱状图（绑定左侧数量Y轴）
-          {
-            name:this.name,
-            type: 'bar',
-            yAxisIndex: 0,
-            barWidth: 24,
-            label: {
-              show: true, // 开启显示
-              position: 'top', // 标签位置，可选：'top'、'middle'、'bottom'
-              // 也可以使用绝对像素值定位，例如 [10, '50%']
-              // position: [10, '50%'],
-
-              // 标签内容格式化，这里直接显示数据值
-              formatter: '{c}',
-
-              // 文字样式
-              color: 'rgba(11, 88, 255, 1)', // 文字颜色
-              fontSize: 14, // 文字大小
-              // fontWeight: 'bold', // 文字粗细
-              // fontFamily: 'Arial, sans-serif' // 字体
-            },
-            itemStyle: {
-              // 移除多余的 normal 层级，直接配置 color 渐变
-              color: {
-                type: 'linear',
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  { offset: 0, color: 'rgba(130, 204, 255, 1)' },
-                  { offset: 1, color: 'rgba(75, 157, 255, 1)' }
-                ]
-              },
-              borderRadius: [4, 4, 0, 0],
-              borderWidth: 0
-            },
-            data: this.seriesData
-          },
-          // 3. 达标：柱状图（绑定左侧数量Y轴）
-          // {
-          //   name: '产量',
-          //   type: 'bar',
-          //   yAxisIndex: 0,
-          //   barWidth: 24,
-          //   // 关键修复：label 直接放在 series 下，而非 itemStyle 内
-          //   itemStyle: {
-          //     // 移除多余的 normal 层级，直接配置 color 渐变
-          //     color: {
-          //       type: 'linear',
-          //       x: 0,
-          //       y: 0,
-          //       x2: 0,
-          //       y2: 1,
-          //       colorStops: [
-          //         { offset: 0, color: 'rgba(174, 239, 224, 1)' },
-          //         { offset: 1, color: 'rgba(118, 218, 190, 1)' }
-          //       ]
-          //     },
-          //     borderRadius: [4, 4, 0, 0],
-          //     borderWidth: 0
-          //   },
-          //   data: [130, 220, 95, 255, 132, 332] // 达标数据（小于目标）
-          // },
-          // 4. 未达标：柱状图（绑定左侧数量Y轴）
-          // {
-          //   name: '未达标',
-          //   type: 'bar',
-          //   yAxisIndex: 0,
-          //   barWidth: 18,
-          //   itemStyle: {
-          //     color: 'rgba(249, 164, 74, 1)',
-          //     borderRadius: [4, 4, 0, 0],
-          //     borderWidth: 0
-          //   },
-          //   data: [70, 60, 85, 45, 88, 18, 78] // 未达标数据（目标-达标）
-          // }
-        ],
-        // 图例：区分各系列，点击可控制显示隐藏
-        // legend: {
-        //   top: 0,
-        //   left: 'center',
-        //   itemWidth: 12,
-        //   itemHeight: 8,
-        //   textStyle: {
-        //     color: 'rgba(0, 0, 0, 0.45)',
-        //     fontSize: 12
-        //   },
-        //   data: ['完成率', '目标', '达标', '未达标']
-        // }
-      };
-
-      option && myChart.setOption(option);
-
-      // 窗口缩放适配
-      window.addEventListener('resize', () => {
-        myChart.resize();
-      });
-
-      // 组件销毁清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          myChart.resize();
-        });
-        myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 280px;"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    seriesData: {
+      type: Array,
+      default: () => []
+    },
+    xData: {
+      type: Array,
+      default: () => []
+    },
+    name: {
+      type: String,
+      default: () => { }
+    },
+  },
+  watch: {
+    // 监听 xData 变化，触发图表更新
+    xData: {
+      handler() {
+        this.$nextTick(() => this.initData());
+      },
+      deep: true // 深度监听数组内元素变化
+    },
+    // 监听 seriesData 变化，触发图表更新
+    seriesData: {
+      handler() {
+        this.$nextTick(() => this.initData());
+      },
+      deep: true // 深度监听数组内元素变化
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initData();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  methods: {
+    initData() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+      // 销毁已有图表实例
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+      this.myChart = echarts.init(chartDom);
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          // 优化tooltip内容，区分各系列含义
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              // 直接使用系列名，无需映射，仅保留单位判断
+              html += `${item.marker} ${item.seriesName}: ${item.value}${'元'}<br/>`;
+            });
+            return html;
+          }
+        },
+        grid: {
+          top: 50,
+          bottom: 30, // 增大底部间距，避免柱子与X轴标签重叠
+          right: 70,
+          left: 50,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true, // 开启边界间隙，让柱子居中显示，不贴边
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0] // 标签向下偏移，避免与柱子底部重叠
+            },
+            data: this.xData // 绑定监听的 xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：目标/达标/未达标（数量，单位“片”）
+          {
+            type: 'value',
+            name: '元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            min: 0, // 最小值设0，确保柱子从X轴底部开始，不超过X轴
+            max: (value) => Math.ceil(value.max * 1.1), // 最大值留10%余量，避免柱子顶满
+            scale: false, // 关闭缩放，强制从0开始
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：完成率（百分比）
+          // {
+          //   type: 'value',
+          //   // name: '%',
+          //   nameTextStyle: {
+          //     color: 'rgba(0, 0, 0, 0.45)',
+          //     fontSize: 12,
+          //     align: 'left'
+          //   },
+          //   min: 0,
+          //   max: 100, // 完成率最大100%，符合业务逻辑
+          //   axisTick: { show: false },
+          //   axisLabel: {
+          //     color: 'rgba(0, 0, 0, 0.45)',
+          //     fontSize: 12,
+          //     formatter: '{value}%'
+          //   },
+          //   splitLine: { show: false }, // 不重复显示分割线
+          //   axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          //   splitNumber: 4
+          // }
+        ],
+        series: [
+          // 1. 完成率：折线图（绑定右侧百分比Y轴）
+          // {
+          //   name: '产销率',
+          //   type: 'line',
+          //   yAxisIndex: 1, // 绑定右侧Y轴
+          //   lineStyle: {
+          //     color: 'rgba(40, 138, 255, .5)',
+          //     width: 2 // 线条加粗，突出重点
+          //   },
+          //   itemStyle: {
+          //     color: 'rgba(40, 138, 255, 1)',
+          //     borderColor: 'rgba(40, 138, 255, 1)', // 数据点白色边框，增强辨识度
+          //     borderWidth: 2,
+          //     radius: 4 // 数据点圆角，更圆润
+          //   },
+          //   areaStyle: {
+          //     opacity: 0.2, // 降低面积透明度，不抢柱状图视觉焦点
+          //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          //       { offset: 0, color: 'rgba(40, 138, 255, .9)' },
+          //       { offset: 1, color: 'rgba(255, 132, 0, 0)' }
+          //     ])
+          //   },
+          //   data: [65, 78, 52, 85, 60, 95, 72], // 完成率数据（0-100）
+          //   symbol: 'circle', // 数据点为圆形
+          //   symbolSize: 6 // 数据点大小
+          // },
+          // 2. 目标：柱状图（绑定左侧数量Y轴）
+          {
+            name:this.name,
+            type: 'bar',
+            yAxisIndex: 0,
+            barWidth: 24,
+            label: {
+              show: true, // 开启显示
+              position: 'top', // 标签位置，可选：'top'、'middle'、'bottom'
+              // 也可以使用绝对像素值定位，例如 [10, '50%']
+              // position: [10, '50%'],
+
+              // 标签内容格式化，这里直接显示数据值
+              formatter: '{c}',
+
+              // 文字样式
+              color: 'rgba(11, 88, 255, 1)', // 文字颜色
+              fontSize: 14, // 文字大小
+              // fontWeight: 'bold', // 文字粗细
+              // fontFamily: 'Arial, sans-serif' // 字体
+            },
+            itemStyle: {
+              // 移除多余的 normal 层级，直接配置 color 渐变
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  { offset: 0, color: 'rgba(130, 204, 255, 1)' },
+                  { offset: 1, color: 'rgba(75, 157, 255, 1)' }
+                ]
+              },
+              borderRadius: [4, 4, 0, 0],
+              borderWidth: 0
+            },
+            data: this.seriesData
+          },
+          // 3. 达标：柱状图（绑定左侧数量Y轴）
+          // {
+          //   name: '产量',
+          //   type: 'bar',
+          //   yAxisIndex: 0,
+          //   barWidth: 24,
+          //   // 关键修复：label 直接放在 series 下，而非 itemStyle 内
+          //   itemStyle: {
+          //     // 移除多余的 normal 层级，直接配置 color 渐变
+          //     color: {
+          //       type: 'linear',
+          //       x: 0,
+          //       y: 0,
+          //       x2: 0,
+          //       y2: 1,
+          //       colorStops: [
+          //         { offset: 0, color: 'rgba(174, 239, 224, 1)' },
+          //         { offset: 1, color: 'rgba(118, 218, 190, 1)' }
+          //       ]
+          //     },
+          //     borderRadius: [4, 4, 0, 0],
+          //     borderWidth: 0
+          //   },
+          //   data: [130, 220, 95, 255, 132, 332] // 达标数据（小于目标）
+          // },
+          // 4. 未达标：柱状图（绑定左侧数量Y轴）
+          // {
+          //   name: '未达标',
+          //   type: 'bar',
+          //   yAxisIndex: 0,
+          //   barWidth: 18,
+          //   itemStyle: {
+          //     color: 'rgba(249, 164, 74, 1)',
+          //     borderRadius: [4, 4, 0, 0],
+          //     borderWidth: 0
+          //   },
+          //   data: [70, 60, 85, 45, 88, 18, 78] // 未达标数据（目标-达标）
+          // }
+        ],
+        // 图例：区分各系列，点击可控制显示隐藏
+        // legend: {
+        //   top: 0,
+        //   left: 'center',
+        //   itemWidth: 12,
+        //   itemHeight: 8,
+        //   textStyle: {
+        //     color: 'rgba(0, 0, 0, 0.45)',
+        //     fontSize: 12
+        //   },
+        //   data: ['完成率', '目标', '达标', '未达标']
+        // }
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/depreciationAnalysisComponents/electricityGauge.vue b/src/views/home/depreciationAnalysisComponents/electricityGauge.vue
index 05e898fa..b1a87176 100644
--- a/src/views/home/depreciationAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/depreciationAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/depreciationAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/depreciationAnalysisComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/depreciationAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/depreciationAnalysisComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/depreciationAnalysisComponents/operatingLineBar.vue b/src/views/home/depreciationAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/depreciationAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/depreciationAnalysisComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleGroup.vue
index 5a2f80fa..20aa154a 100644
--- a/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -140,18 +140,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleSingle.vue
index f4d6d502..1e09f4a6 100644
--- a/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/depreciationAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -147,18 +147,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/electricityCostAnalysisComponents/electricityGauge.vue b/src/views/home/electricityCostAnalysisComponents/electricityGauge.vue
index b3ce9c3c..84827906 100644
--- a/src/views/home/electricityCostAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/electricityCostAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/electricityCostAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/electricityCostAnalysisComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/electricityCostAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/electricityCostAnalysisComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/electricityCostAnalysisComponents/operatingLineBar.vue b/src/views/home/electricityCostAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/electricityCostAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/electricityCostAnalysisComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleGroup.vue
index 674cf190..dcad2622 100644
--- a/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -155,18 +155,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleSingle.vue
index ce622ef4..dd38f28a 100644
--- a/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/electricityCostAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -141,18 +141,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/electricityCostAnalysisComponents/verticalBarChart.vue b/src/views/home/electricityCostAnalysisComponents/verticalBarChart.vue
index c8a1d6e3..8911daed 100644
--- a/src/views/home/electricityCostAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/electricityCostAnalysisComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -39,6 +40,25 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   watch: {
     detailData: {
@@ -168,19 +188,6 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
 };
diff --git a/src/views/home/expenseAnalysisComponents/electricityGauge.vue b/src/views/home/expenseAnalysisComponents/electricityGauge.vue
index 2e9f6dd0..c475e37e 100644
--- a/src/views/home/expenseAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/expenseAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/expenseAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/expenseAnalysisComponents/operatingBottomLineBar.vue
index 968af949..cf79b066 100644
--- a/src/views/home/expenseAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/expenseAnalysisComponents/operatingBottomLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -158,19 +166,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/expenseAnalysisComponents/operatingLineBar.vue b/src/views/home/expenseAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..b5fc53d4 100644
--- a/src/views/home/expenseAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/expenseAnalysisComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -154,19 +162,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/expenseAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/expenseAnalysisComponents/operatingLineBarSaleGroup.vue
index e92bab84..246ba1e3 100644
--- a/src/views/home/expenseAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/expenseAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -1,173 +1,181 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 380px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-      }),
-      // 校验数据格式
-      // validator: (value) => {
-      //   return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      // }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-
-      const { allPlaceNames, series } = this.chartData || {};
-      console.log('chartData', this.chartData);
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-      console.log('xData', xData);
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          // formatter: (params) => {
-          //   let html = `${params[0].axisValue}<br/>`;
-          //   params.forEach(item => {
-          //     const unit = item.seriesName === '完成率' ? '%' : (
-          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-          //     );
-          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-          //   });
-          //   return html;
-          // }
-        },
-       grid: {
-          top: 30,
-          bottom: 20,
-          right: 10,
-          left: 25,
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: {show:true,  lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          },
-          // 右侧Y轴：利润占比（百分比）
-          {
-            type: 'value',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'left'
-            },
-            // min: 0,
-            // max: 100,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}%'
-            },
-            splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            //
-            splitNumber: 4,
-          }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 380px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+      }),
+      // 校验数据格式
+      // validator: (value) => {
+      //   return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      // }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+
+      const { allPlaceNames, series } = this.chartData || {};
+      console.log('chartData', this.chartData);
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+      console.log('xData', xData);
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          // formatter: (params) => {
+          //   let html = `${params[0].axisValue}<br/>`;
+          //   params.forEach(item => {
+          //     const unit = item.seriesName === '完成率' ? '%' : (
+          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+          //     );
+          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+          //   });
+          //   return html;
+          // }
+        },
+       grid: {
+          top: 30,
+          bottom: 20,
+          right: 10,
+          left: 25,
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: {show:true,  lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          },
+          // 右侧Y轴：利润占比（百分比）
+          {
+            type: 'value',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'left'
+            },
+            // min: 0,
+            // max: 100,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}%'
+            },
+            splitLine: { show: false },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            //
+            splitNumber: 4,
+          }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/expenseAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/expenseAnalysisComponents/operatingLineBarSaleSingle.vue
index 27c7b7eb..8eefb66e 100644
--- a/src/views/home/expenseAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/expenseAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -139,19 +147,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/expenseAnalysisComponents/verticalBarChart.vue b/src/views/home/expenseAnalysisComponents/verticalBarChart.vue
index c79e3af6..649e89f9 100644
--- a/src/views/home/expenseAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/expenseAnalysisComponents/verticalBarChart.vue
@@ -18,7 +18,8 @@ export default {
   data() {
     return {
       myChart: null, // 存储图表实例，避免重复创建
-      flag:0
+      flag:0,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -37,6 +38,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -188,19 +196,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/fullCostAnalysisComponents/electricityGauge.vue b/src/views/home/fullCostAnalysisComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/fullCostAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/fullCostAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/fullCostAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/fullCostAnalysisComponents/operatingBottomLineBar.vue
index 968af949..9a5c073c 100644
--- a/src/views/home/fullCostAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/fullCostAnalysisComponents/operatingBottomLineBar.vue
@@ -1,176 +1,184 @@
-<template>
-  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChipBottom;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              const unit = item.seriesName === '完成率' ? '%' : (
-                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-              );
-              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-            });
-            return html;
-          }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            splitNumber: 4,
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            // min: 0,
-            // max: (value) => Math.ceil((value.max || 0) * 1.1),
-
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          {
-            type: 'value',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'left'
-            },
-            // min: 0,
-            // max: 100,
-            scale:true,
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}%'
-            },
-            splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChipBottom;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              const unit = item.seriesName === '完成率' ? '%' : (
+                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+              );
+              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+            });
+            return html;
+          }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            splitNumber: 4,
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            // min: 0,
+            // max: (value) => Math.ceil((value.max || 0) * 1.1),
+
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          {
+            type: 'value',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'left'
+            },
+            // min: 0,
+            // max: 100,
+            scale:true,
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}%'
+            },
+            splitLine: { show: false },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/fullCostAnalysisComponents/operatingLineBar.vue b/src/views/home/fullCostAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..b5fc53d4 100644
--- a/src/views/home/fullCostAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/fullCostAnalysisComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -154,19 +162,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleGroup.vue
index f0f8c359..0baca1fd 100644
--- a/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -155,19 +163,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleSingle.vue
index 27c7b7eb..8eefb66e 100644
--- a/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/fullCostAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -139,19 +147,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/fullCostAnalysisComponents/verticalBarChart.vue b/src/views/home/fullCostAnalysisComponents/verticalBarChart.vue
index cf48fd7a..9fe714ef 100644
--- a/src/views/home/fullCostAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/fullCostAnalysisComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -39,6 +40,13 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
   watch: {
     detailData: {
@@ -169,20 +177,19 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/grossMarginComponents/electricityGauge.vue b/src/views/home/grossMarginComponents/electricityGauge.vue
index 2e9f6dd0..c475e37e 100644
--- a/src/views/home/grossMarginComponents/electricityGauge.vue
+++ b/src/views/home/grossMarginComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/grossMarginComponents/operatingBottomLineBar.vue b/src/views/home/grossMarginComponents/operatingBottomLineBar.vue
index 968af949..9a5c073c 100644
--- a/src/views/home/grossMarginComponents/operatingBottomLineBar.vue
+++ b/src/views/home/grossMarginComponents/operatingBottomLineBar.vue
@@ -1,176 +1,184 @@
-<template>
-  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChipBottom;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              const unit = item.seriesName === '完成率' ? '%' : (
-                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-              );
-              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-            });
-            return html;
-          }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            splitNumber: 4,
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            // min: 0,
-            // max: (value) => Math.ceil((value.max || 0) * 1.1),
-
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          {
-            type: 'value',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'left'
-            },
-            // min: 0,
-            // max: 100,
-            scale:true,
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}%'
-            },
-            splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChipBottom;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              const unit = item.seriesName === '完成率' ? '%' : (
+                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+              );
+              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+            });
+            return html;
+          }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            splitNumber: 4,
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            // min: 0,
+            // max: (value) => Math.ceil((value.max || 0) * 1.1),
+
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          {
+            type: 'value',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'left'
+            },
+            // min: 0,
+            // max: 100,
+            scale:true,
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}%'
+            },
+            splitLine: { show: false },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/grossMarginComponents/operatingLineBar.vue b/src/views/home/grossMarginComponents/operatingLineBar.vue
index cb9a9cc7..b5fc53d4 100644
--- a/src/views/home/grossMarginComponents/operatingLineBar.vue
+++ b/src/views/home/grossMarginComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -154,19 +162,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/grossMarginComponents/operatingLineBarSaleGroup.vue b/src/views/home/grossMarginComponents/operatingLineBarSaleGroup.vue
index 50100634..b8df6779 100644
--- a/src/views/home/grossMarginComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/grossMarginComponents/operatingLineBarSaleGroup.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -23,6 +24,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -141,19 +149,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/grossMarginComponents/operatingLineBarSaleSingle.vue b/src/views/home/grossMarginComponents/operatingLineBarSaleSingle.vue
index 84c6f9ea..3610816e 100644
--- a/src/views/home/grossMarginComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/grossMarginComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -123,19 +131,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/grossMarginComponents/verticalBarChart.vue b/src/views/home/grossMarginComponents/verticalBarChart.vue
index 2fc4bc21..4bf182df 100644
--- a/src/views/home/grossMarginComponents/verticalBarChart.vue
+++ b/src/views/home/grossMarginComponents/verticalBarChart.vue
@@ -18,7 +18,8 @@ export default {
   data() {
     return {
       myChart: null, // 存储图表实例，避免重复创建
-      flag:0
+      flag:0,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -37,6 +38,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -188,19 +196,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/inputOutputRatioComponents/electricityGauge.vue b/src/views/home/inputOutputRatioComponents/electricityGauge.vue
index 2e9f6dd0..c475e37e 100644
--- a/src/views/home/inputOutputRatioComponents/electricityGauge.vue
+++ b/src/views/home/inputOutputRatioComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/inputOutputRatioComponents/operatingBottomLineBar.vue b/src/views/home/inputOutputRatioComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/inputOutputRatioComponents/operatingBottomLineBar.vue
+++ b/src/views/home/inputOutputRatioComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inputOutputRatioComponents/operatingLineBar.vue b/src/views/home/inputOutputRatioComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/inputOutputRatioComponents/operatingLineBar.vue
+++ b/src/views/home/inputOutputRatioComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inputOutputRatioComponents/operatingLineBarSaleGroup.vue b/src/views/home/inputOutputRatioComponents/operatingLineBarSaleGroup.vue
index ad093103..251bcff1 100644
--- a/src/views/home/inputOutputRatioComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/inputOutputRatioComponents/operatingLineBarSaleGroup.vue
@@ -155,18 +155,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inputOutputRatioComponents/operatingLineBarSaleSingle.vue b/src/views/home/inputOutputRatioComponents/operatingLineBarSaleSingle.vue
index c85aba97..7a5f4098 100644
--- a/src/views/home/inputOutputRatioComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/inputOutputRatioComponents/operatingLineBarSaleSingle.vue
@@ -139,18 +139,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inputOutputRatioComponents/verticalBarChart.vue b/src/views/home/inputOutputRatioComponents/verticalBarChart.vue
index 966546cf..3c6f3b16 100644
--- a/src/views/home/inputOutputRatioComponents/verticalBarChart.vue
+++ b/src/views/home/inputOutputRatioComponents/verticalBarChart.vue
@@ -1,217 +1,225 @@
-<template>
-  <div style="width: 100%; height: 210px;position: relative;">
-    <div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
-      %
-    </div>
-    <div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
-      <span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
-      <span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
-    </div>
-    <div :ref="refName" id="coreLineChart" style="width: 100%; height: 210px;"></div>
-  </div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null, // 存储图表实例，避免重复创建
-      flag:0
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    refName: {
-      type: String,
-      default: () => 'verticalBarChart',
-    },
-    detailData: {
-      type: Object,
-      default: () => ({
-      }),
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    detailData: {
-      handler() {
-        console.log(this.chartData, 'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-getRateFlag(rate, real, target) {
-  if (isNaN(rate) || rate === null || rate === undefined) return 0;
-
-  // 1. 完成率 >= 100 => 达标
-  if (rate >= 100) return 1;
-
-  // 2. 完成率 = 0 且 (目标值=0 或 实际值=目标值=0) => 达标
-  if (rate === 0 && target === 0) return 1;
-
-  // 其他情况 => 未达标
-  return 0;
-},
-    updateChart() {
-      const chartDom = this.$refs[this.refName];
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const diff = this.detailData.diff || 0
-      const rate = this.detailData.rate || 0
-      const flagValue = this.detailData.rate >=100?1:0
-      this.flag = flagValue
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-        },
-        grid: {
-          top: 40,
-          bottom: 15,
-          right: 80,
-          left: 10,
-          containLabel: true,
-          show: false // 隐藏grid背景，避免干扰
-        },
-        xAxis: {
-          // 横向柱状图的x轴必须设为数值轴，否则无法正常展示数值
-          type: 'value',
-          axisTick: { show: false },
-          min: 0,
-          //
-          splitNumber: 4,
-          axisLine: {
-            show: true,
-            lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-          },
-          axisLabel: {
-            color: 'rgba(0, 0, 0, 0.45)',
-            fontSize: 12,
-            interval: 0,
-            padding: [5, 0, 0, 0]
-          },
-          // data: xData // 数值轴不需要手动设置data，由series的数据自动生成
-        },
-        yAxis: {
-          type: 'category',
-          axisLabel: {
-            color: 'rgba(0, 0, 0, 0.75)',
-            fontSize: 12,
-            interval: 0,
-            padding: [5, 0, 0, 0]
-          },
-          axisLine: {
-            show: true, // 显示Y轴轴线（关键）
-            lineStyle: {
-              color: '#E5E6EB', // 轴线颜色（浅灰色，可自定义）
-              width: 1, // 轴线宽度
-              type: 'solid' // 实线（可选：dashed虚线、dotted点线）
-            }
-          },
-          axisTick: { show: false },
-          // padding: [300, 100, 100, 100],
-          data: ['实际', '预算'] // y轴分类：实际、预算
-        },
-        series: [
-          {
-            // name: '预算',
-            type: 'bar',
-            barWidth: 24,
-            // barCategoryGap: '50', // 柱子之间的间距（相对于柱子宽度）
-            // 数据长度与yAxis的分类数量匹配（实际、预算各一个值）
-            data: [{
-              value: this.detailData.real,
-              label: {
-                show: true,
-                position: 'right',
-                fontSize: 14
-              },
-              itemStyle: {
-                color: flagValue === 1
-                  ? {
-                    type: 'linear',
-                    x: 0, y: 0, x2: 0, y2: 1,
-                    colorStops: [
-                      { offset: 0, color: 'rgba(174, 239, 224, 1)' },
-                      { offset: 1, color: 'rgba(118, 218, 190, 1)' }
-                    ]
-                  }
-                  : {
-                    type: 'linear',
-                    x: 0, y: 0, x2: 0, y2: 1,
-                    colorStops: [
-                      { offset: 0, color: 'rgba(253, 209, 129, 1)' },
-                      { offset: 1, color: 'rgba(249, 164, 74, 1)' }
-                    ]
-                  },
-                borderRadius: [4, 4, 0, 0]
-              }
-            }, {
-              value: this.detailData.target,
-              label: {
-                show: true,
-                position: 'right',
-                fontSize: 14
-              },
-              itemStyle: {
-                // 预算的渐变颜色（蓝系渐变）
-                color: {
-                  type: 'linear',
-                  x: 1, y: 0, x2: 0, y2: 1,
-                  colorStops: [
-                    { offset: 0, color: '#82CCFF' }, // 浅蓝
-                    { offset: 1, color: '#4B9DFF' }  // 深蓝
-                  ]
-                },
-                borderRadius: [4, 4, 0, 0],
-                borderWidth: 0
-              },
-            },],
-
-          },
-        ]
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div style="width: 100%; height: 210px;position: relative;">
+    <div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
+      %
+    </div>
+    <div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
+      <span>完成率:<span style='color: #0B58FF;'>{{detailData.rate}}%</span></span>
+      <span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
+    </div>
+    <div :ref="refName" id="coreLineChart" style="width: 100%; height: 210px;"></div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      flag: 0,
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    refName: {
+      type: String,
+      default: () => 'verticalBarChart',
+    },
+    detailData: {
+      type: Object,
+      default: () => ({
+      }),
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    detailData: {
+      handler() {
+        console.log(this.chartData, 'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+getRateFlag(rate, real, target) {
+  if (isNaN(rate) || rate === null || rate === undefined) return 0;
+
+  // 1. 完成率 >= 100 => 达标
+  if (rate >= 100) return 1;
+
+  // 2. 完成率 = 0 且 (目标值=0 或 实际值=目标值=0) => 达标
+  if (rate === 0 && target === 0) return 1;
+
+  // 其他情况 => 未达标
+  return 0;
+},
+    updateChart() {
+      const chartDom = this.$refs[this.refName];
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const diff = this.detailData.diff || 0
+      const rate = this.detailData.rate || 0
+      const flagValue = this.detailData.rate >=100?1:0
+      this.flag = flagValue
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+        },
+        grid: {
+          top: 40,
+          bottom: 15,
+          right: 80,
+          left: 10,
+          containLabel: true,
+          show: false // 隐藏grid背景，避免干扰
+        },
+        xAxis: {
+          // 横向柱状图的x轴必须设为数值轴，否则无法正常展示数值
+          type: 'value',
+          axisTick: { show: false },
+          min: 0,
+          //
+          splitNumber: 4,
+          axisLine: {
+            show: true,
+            lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+          },
+          axisLabel: {
+            color: 'rgba(0, 0, 0, 0.45)',
+            fontSize: 12,
+            interval: 0,
+            padding: [5, 0, 0, 0]
+          },
+          // data: xData // 数值轴不需要手动设置data，由series的数据自动生成
+        },
+        yAxis: {
+          type: 'category',
+          axisLabel: {
+            color: 'rgba(0, 0, 0, 0.75)',
+            fontSize: 12,
+            interval: 0,
+            padding: [5, 0, 0, 0]
+          },
+          axisLine: {
+            show: true, // 显示Y轴轴线（关键）
+            lineStyle: {
+              color: '#E5E6EB', // 轴线颜色（浅灰色，可自定义）
+              width: 1, // 轴线宽度
+              type: 'solid' // 实线（可选：dashed虚线、dotted点线）
+            }
+          },
+          axisTick: { show: false },
+          // padding: [300, 100, 100, 100],
+          data: ['实际', '预算'] // y轴分类：实际、预算
+        },
+        series: [
+          {
+            // name: '预算',
+            type: 'bar',
+            barWidth: 24,
+            // barCategoryGap: '50', // 柱子之间的间距（相对于柱子宽度）
+            // 数据长度与yAxis的分类数量匹配（实际、预算各一个值）
+            data: [{
+              value: this.detailData.real,
+              label: {
+                show: true,
+                position: 'right',
+                fontSize: 14
+              },
+              itemStyle: {
+                color: flagValue === 1
+                  ? {
+                    type: 'linear',
+                    x: 0, y: 0, x2: 0, y2: 1,
+                    colorStops: [
+                      { offset: 0, color: 'rgba(174, 239, 224, 1)' },
+                      { offset: 1, color: 'rgba(118, 218, 190, 1)' }
+                    ]
+                  }
+                  : {
+                    type: 'linear',
+                    x: 0, y: 0, x2: 0, y2: 1,
+                    colorStops: [
+                      { offset: 0, color: 'rgba(253, 209, 129, 1)' },
+                      { offset: 1, color: 'rgba(249, 164, 74, 1)' }
+                    ]
+                  },
+                borderRadius: [4, 4, 0, 0]
+              }
+            }, {
+              value: this.detailData.target,
+              label: {
+                show: true,
+                position: 'right',
+                fontSize: 14
+              },
+              itemStyle: {
+                // 预算的渐变颜色（蓝系渐变）
+                color: {
+                  type: 'linear',
+                  x: 1, y: 0, x2: 0, y2: 1,
+                  colorStops: [
+                    { offset: 0, color: '#82CCFF' }, // 浅蓝
+                    { offset: 1, color: '#4B9DFF' }  // 深蓝
+                  ]
+                },
+                borderRadius: [4, 4, 0, 0],
+                borderWidth: 0
+              },
+            },],
+
+          },
+        ]
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/inventoryAnalysisComponents/electricityGauge.vue b/src/views/home/inventoryAnalysisComponents/electricityGauge.vue
index 05e898fa..b1a87176 100644
--- a/src/views/home/inventoryAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/inventoryAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/inventoryAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/inventoryAnalysisComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/inventoryAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/inventoryAnalysisComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inventoryAnalysisComponents/operatingLineBar.vue b/src/views/home/inventoryAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/inventoryAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/inventoryAnalysisComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleGroup.vue
index 86919e72..0ea39c1e 100644
--- a/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -152,18 +152,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleSingle.vue
index f4d6d502..1e09f4a6 100644
--- a/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/inventoryAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -147,18 +147,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/netPriceAnalysisComponents/electricityGauge.vue b/src/views/home/netPriceAnalysisComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/netPriceAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/netPriceAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/netPriceAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/netPriceAnalysisComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/netPriceAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/netPriceAnalysisComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/netPriceAnalysisComponents/operatingLineBar.vue b/src/views/home/netPriceAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/netPriceAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/netPriceAnalysisComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleGroup.vue
index 37787030..83007153 100644
--- a/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -155,18 +155,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleSingle.vue
index 27c7b7eb..09fe1d6a 100644
--- a/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/netPriceAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -139,18 +139,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/netPriceAnalysisComponents/verticalBarChart.vue b/src/views/home/netPriceAnalysisComponents/verticalBarChart.vue
index a8361348..887dcc86 100644
--- a/src/views/home/netPriceAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/netPriceAnalysisComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -39,6 +40,25 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   watch: {
     detailData: {
@@ -167,19 +187,6 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
 };
diff --git a/src/views/home/operatingComponents/electricityGauge.vue b/src/views/home/operatingComponents/electricityGauge.vue
index 05e898fa..b1a87176 100644
--- a/src/views/home/operatingComponents/electricityGauge.vue
+++ b/src/views/home/operatingComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/operatingComponents/operatingBottomLineBar.vue b/src/views/home/operatingComponents/operatingBottomLineBar.vue
index 968af949..c92c4e14 100644
--- a/src/views/home/operatingComponents/operatingBottomLineBar.vue
+++ b/src/views/home/operatingComponents/operatingBottomLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -158,18 +178,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/operatingComponents/operatingLineBar.vue b/src/views/home/operatingComponents/operatingLineBar.vue
index cb9a9cc7..dc0a5e9d 100644
--- a/src/views/home/operatingComponents/operatingLineBar.vue
+++ b/src/views/home/operatingComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -154,18 +174,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/operatingComponents/operatingLineBarSaleGroup.vue b/src/views/home/operatingComponents/operatingLineBarSaleGroup.vue
index 328dddc1..d861d755 100644
--- a/src/views/home/operatingComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/operatingComponents/operatingLineBarSaleGroup.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -155,18 +175,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/operatingComponents/operatingLineBarSaleSingle.vue b/src/views/home/operatingComponents/operatingLineBarSaleSingle.vue
index 753f97e0..d5fd99fd 100644
--- a/src/views/home/operatingComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/operatingComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -123,18 +143,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/operatingComponents/verticalBarChart.vue b/src/views/home/operatingComponents/verticalBarChart.vue
index d919b206..afa181d6 100644
--- a/src/views/home/operatingComponents/verticalBarChart.vue
+++ b/src/views/home/operatingComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -36,6 +37,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -187,18 +207,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/operatingProfitComponents/electricityGauge.vue b/src/views/home/operatingProfitComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/operatingProfitComponents/electricityGauge.vue
+++ b/src/views/home/operatingProfitComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/operatingProfitComponents/operatingBottomLineBar.vue b/src/views/home/operatingProfitComponents/operatingBottomLineBar.vue
index 968af949..cf79b066 100644
--- a/src/views/home/operatingProfitComponents/operatingBottomLineBar.vue
+++ b/src/views/home/operatingProfitComponents/operatingBottomLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -158,19 +166,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/operatingProfitComponents/operatingLineBar.vue b/src/views/home/operatingProfitComponents/operatingLineBar.vue
index cb9a9cc7..32d64f24 100644
--- a/src/views/home/operatingProfitComponents/operatingLineBar.vue
+++ b/src/views/home/operatingProfitComponents/operatingLineBar.vue
@@ -1,172 +1,180 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          // formatter: (params) => {
-          //   let html = `${params[0].axisValue}<br/>`;
-          //   params.forEach(item => {
-          //     const unit = item.seriesName === '完成率' ? '%' : (
-          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-          //     );
-          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-          //   });
-          //   return html;
-          // }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          // {
-          //   type: 'value',
-          //   nameTextStyle: {
-          //     color: 'rgba(0, 0, 0, 0.45)',
-          //     fontSize: 12,
-          //     align: 'left'
-          //   },
-          //   min: 0,
-          //   max: 100,
-          //   axisTick: { show: false },
-          //   axisLabel: {
-          //     color: 'rgba(0, 0, 0, 0.45)',
-          //     fontSize: 12,
-          //     formatter: '{value}%'
-          //   },
-          //   splitLine: { show: false },
-          //   axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          //   splitNumber: 4
-          // }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          // formatter: (params) => {
+          //   let html = `${params[0].axisValue}<br/>`;
+          //   params.forEach(item => {
+          //     const unit = item.seriesName === '完成率' ? '%' : (
+          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+          //     );
+          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+          //   });
+          //   return html;
+          // }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          // {
+          //   type: 'value',
+          //   nameTextStyle: {
+          //     color: 'rgba(0, 0, 0, 0.45)',
+          //     fontSize: 12,
+          //     align: 'left'
+          //   },
+          //   min: 0,
+          //   max: 100,
+          //   axisTick: { show: false },
+          //   axisLabel: {
+          //     color: 'rgba(0, 0, 0, 0.45)',
+          //     fontSize: 12,
+          //     formatter: '{value}%'
+          //   },
+          //   splitLine: { show: false },
+          //   axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          //   splitNumber: 4
+          // }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/operatingProfitComponents/operatingLineBarSaleGroup.vue b/src/views/home/operatingProfitComponents/operatingLineBarSaleGroup.vue
index 674cf190..2bce4df0 100644
--- a/src/views/home/operatingProfitComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/operatingProfitComponents/operatingLineBarSaleGroup.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -155,19 +163,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/operatingProfitComponents/operatingLineBarSaleSingle.vue b/src/views/home/operatingProfitComponents/operatingLineBarSaleSingle.vue
index 38322624..140e5c75 100644
--- a/src/views/home/operatingProfitComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/operatingProfitComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -139,19 +147,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/operatingProfitComponents/verticalBarChart.vue b/src/views/home/operatingProfitComponents/verticalBarChart.vue
index 5b521397..c7e6f3bf 100644
--- a/src/views/home/operatingProfitComponents/verticalBarChart.vue
+++ b/src/views/home/operatingProfitComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -39,6 +40,13 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
   watch: {
     detailData: {
@@ -167,20 +175,19 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/procurementGainAnalysisComponents/electricityGauge.vue b/src/views/home/procurementGainAnalysisComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/procurementGainAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/procurementGainAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/procurementGainAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/procurementGainAnalysisComponents/operatingBottomLineBar.vue
index 968af949..c92c4e14 100644
--- a/src/views/home/procurementGainAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/procurementGainAnalysisComponents/operatingBottomLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -158,18 +178,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/procurementGainAnalysisComponents/operatingLineBar.vue b/src/views/home/procurementGainAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..dc0a5e9d 100644
--- a/src/views/home/procurementGainAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/procurementGainAnalysisComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -154,18 +174,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleGroup.vue
index fa9fef22..d99a21c0 100644
--- a/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -155,18 +175,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleSingle.vue
index 27c7b7eb..e1a4a3fb 100644
--- a/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/procurementGainAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -27,6 +28,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -139,18 +159,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/procurementGainAnalysisComponents/verticalBarChart.vue b/src/views/home/procurementGainAnalysisComponents/verticalBarChart.vue
index 1378045d..b59c103f 100644
--- a/src/views/home/procurementGainAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/procurementGainAnalysisComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -39,6 +40,25 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   watch: {
     detailData: {
@@ -167,19 +187,6 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
 };
diff --git a/src/views/home/productionCostAnalysisComponents/electricityGauge.vue b/src/views/home/productionCostAnalysisComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/productionCostAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/productionCostAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/productionCostAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/productionCostAnalysisComponents/operatingBottomLineBar.vue
index 968af949..9a5c073c 100644
--- a/src/views/home/productionCostAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/productionCostAnalysisComponents/operatingBottomLineBar.vue
@@ -1,176 +1,184 @@
-<template>
-  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChipBottom;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              const unit = item.seriesName === '完成率' ? '%' : (
-                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-              );
-              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-            });
-            return html;
-          }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            splitNumber: 4,
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            // min: 0,
-            // max: (value) => Math.ceil((value.max || 0) * 1.1),
-
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          {
-            type: 'value',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'left'
-            },
-            // min: 0,
-            // max: 100,
-            scale:true,
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}%'
-            },
-            splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChipBottom;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              const unit = item.seriesName === '完成率' ? '%' : (
+                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+              );
+              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+            });
+            return html;
+          }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            splitNumber: 4,
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            // min: 0,
+            // max: (value) => Math.ceil((value.max || 0) * 1.1),
+
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          {
+            type: 'value',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'left'
+            },
+            // min: 0,
+            // max: 100,
+            scale:true,
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}%'
+            },
+            splitLine: { show: false },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/productionCostAnalysisComponents/operatingLineBar.vue b/src/views/home/productionCostAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..dc0a5e9d 100644
--- a/src/views/home/productionCostAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/productionCostAnalysisComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -154,18 +174,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleGroup.vue
index 86aeda5b..73c5ac41 100644
--- a/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -31,6 +32,25 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
 
   // 新增：监听 chartData 变化
@@ -149,18 +169,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleSingle.vue
index b6864aea..db2cc6e7 100644
--- a/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/productionCostAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -31,12 +32,21 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
-    // 在 mounted 中统一绑定 resize 事件
-    window.addEventListener('resize', this.handleResize);
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
-  beforeDestroy() { // 或 unmounted (Vue3)
-    // 组件销毁时移除监听器并销毁图表
-    window.removeEventListener('resize', this.handleResize);
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
     if (this.myChart) {
       this.myChart.dispose();
       this.myChart = null;
@@ -162,18 +172,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/productionCostAnalysisComponents/verticalBarChart.vue b/src/views/home/productionCostAnalysisComponents/verticalBarChart.vue
index 8c806af1..22b92e46 100644
--- a/src/views/home/productionCostAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/productionCostAnalysisComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -43,6 +44,25 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   watch: {
     detailData: {
@@ -172,19 +192,6 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
 };
diff --git a/src/views/home/rawSheetYieldComponents/electricityGauge.vue b/src/views/home/rawSheetYieldComponents/electricityGauge.vue
index 2e9f6dd0..c475e37e 100644
--- a/src/views/home/rawSheetYieldComponents/electricityGauge.vue
+++ b/src/views/home/rawSheetYieldComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/rawSheetYieldComponents/operatingBottomLineBar.vue b/src/views/home/rawSheetYieldComponents/operatingBottomLineBar.vue
index 968af949..9a5c073c 100644
--- a/src/views/home/rawSheetYieldComponents/operatingBottomLineBar.vue
+++ b/src/views/home/rawSheetYieldComponents/operatingBottomLineBar.vue
@@ -1,176 +1,184 @@
-<template>
-  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-        series: [],
-        allPlaceNames: []
-      }),
-      // 校验数据格式
-      validator: (value) => {
-        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChipBottom;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-      const { allPlaceNames, series } = this.chartData || {};
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          },
-          formatter: (params) => {
-            let html = `${params[0].axisValue}<br/>`;
-            params.forEach(item => {
-              const unit = item.seriesName === '完成率' ? '%' : (
-                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-              );
-              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-            });
-            return html;
-          }
-        },
-       grid: {
-          top: 30,
-          bottom: 30,
-          right: 20,
-          left: 60,
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: [
-          // 左侧Y轴：营业收入、成本（单位万元）
-          {
-            type: 'value',
-            splitNumber: 4,
-            name: '万元',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'right'
-            },
-            // min: 0,
-            // max: (value) => Math.ceil((value.max || 0) * 1.1),
-
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}'
-            },
-            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          },
-          // 右侧Y轴：利润占比（百分比）
-          {
-            type: 'value',
-            nameTextStyle: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              align: 'left'
-            },
-            // min: 0,
-            // max: 100,
-            scale:true,
-            splitNumber: 4,
-            axisTick: { show: false },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              formatter: '{value}%'
-            },
-            splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            splitNumber: 4
-          }
-        ],
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChipBottom" id="cockpitEffChipBottom" style="width: 100%; height: 400px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+        series: [],
+        allPlaceNames: []
+      }),
+      // 校验数据格式
+      validator: (value) => {
+        return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChipBottom;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+      const { allPlaceNames, series } = this.chartData || {};
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          },
+          formatter: (params) => {
+            let html = `${params[0].axisValue}<br/>`;
+            params.forEach(item => {
+              const unit = item.seriesName === '完成率' ? '%' : (
+                ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+              );
+              html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+            });
+            return html;
+          }
+        },
+       grid: {
+          top: 30,
+          bottom: 30,
+          right: 20,
+          left: 60,
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: [
+          // 左侧Y轴：营业收入、成本（单位万元）
+          {
+            type: 'value',
+            splitNumber: 4,
+            name: '万元',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'right'
+            },
+            // min: 0,
+            // max: (value) => Math.ceil((value.max || 0) * 1.1),
+
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}'
+            },
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          },
+          // 右侧Y轴：利润占比（百分比）
+          {
+            type: 'value',
+            nameTextStyle: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              align: 'left'
+            },
+            // min: 0,
+            // max: 100,
+            scale:true,
+            splitNumber: 4,
+            axisTick: { show: false },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              formatter: '{value}%'
+            },
+            splitLine: { show: false },
+            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            splitNumber: 4
+          }
+        ],
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/rawSheetYieldComponents/operatingLineBar.vue b/src/views/home/rawSheetYieldComponents/operatingLineBar.vue
index cb9a9cc7..b5fc53d4 100644
--- a/src/views/home/rawSheetYieldComponents/operatingLineBar.vue
+++ b/src/views/home/rawSheetYieldComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -154,19 +162,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/rawSheetYieldComponents/operatingLineBarSaleGroup.vue b/src/views/home/rawSheetYieldComponents/operatingLineBarSaleGroup.vue
index 67632b4d..cfde9be5 100644
--- a/src/views/home/rawSheetYieldComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/rawSheetYieldComponents/operatingLineBarSaleGroup.vue
@@ -125,19 +125,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/rawSheetYieldComponents/operatingLineBarSaleSingle.vue b/src/views/home/rawSheetYieldComponents/operatingLineBarSaleSingle.vue
index 27c7b7eb..aa9967df 100644
--- a/src/views/home/rawSheetYieldComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/rawSheetYieldComponents/operatingLineBarSaleSingle.vue
@@ -139,19 +139,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/rawSheetYieldComponents/verticalBarChart.vue b/src/views/home/rawSheetYieldComponents/verticalBarChart.vue
index a8eb1164..de6532cf 100644
--- a/src/views/home/rawSheetYieldComponents/verticalBarChart.vue
+++ b/src/views/home/rawSheetYieldComponents/verticalBarChart.vue
@@ -18,7 +18,8 @@ export default {
   data() {
     return {
       myChart: null, // 存储图表实例，避免重复创建
-      flag:0
+      flag:0,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -37,6 +38,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -187,19 +195,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/salesVolumeAnalysisComponents/electricityGauge.vue b/src/views/home/salesVolumeAnalysisComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/salesVolumeAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/salesVolumeAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/salesVolumeAnalysisComponents/operatingBottomLineBar.vue
index 968af949..cf79b066 100644
--- a/src/views/home/salesVolumeAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/operatingBottomLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -158,19 +166,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/salesVolumeAnalysisComponents/operatingLineBar.vue b/src/views/home/salesVolumeAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..b5fc53d4 100644
--- a/src/views/home/salesVolumeAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -154,19 +162,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleGroup.vue
index a38a8907..bd53f194 100644
--- a/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -155,19 +155,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleSingle.vue
index ce622ef4..317a8787 100644
--- a/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -141,19 +141,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/salesVolumeAnalysisComponents/verticalBarChart.vue b/src/views/home/salesVolumeAnalysisComponents/verticalBarChart.vue
index 2e1680d9..5e449309 100644
--- a/src/views/home/salesVolumeAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/verticalBarChart.vue
@@ -1,190 +1,197 @@
-<template>
-  <div style="width: 100%; height: 210px;position: relative;">
-    <div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
-      {{unit}}
-    </div>
-    <div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
-      <span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
-      <span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
-    </div>
-    <div :ref="refName" id="coreLineChart" style="width: 100%; height: 210px;"></div>
-  </div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null
-    };
-  },
-  props: {
-    refName: {
-      type: String,
-      default: 'verticalBarChart',
-    },
-    detailData: {
-      type: Object,
-      default: () => ({
-        completeRate: 0,
-        diff: 0,
-        real: 0,
-        target: 0,
-        thb: 0,
-        flag: 0
-      }),
-    },
-    unit: {
-      type: String,
-      default: ''
-    }
-  },
-  mounted() {
-    this.$nextTick(() => this.updateChart());
-  },
-  watch: {
-    detailData: {
-      handler() {
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs[this.refName];
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      // 修复：优化实例销毁逻辑，避免重复dispose
-      if (this.myChart) {
-        this.myChart.clear(); // 先清空，再重新渲染
-      } else {
-        this.myChart = echarts.init(chartDom);
-      }
-
-      // 解构数据，避免重复取值
-      const { diff, completeRate, real, target, flag } = this.detailData;
-      // 确保数值为数字类型
-      const realValue = Number(real) || 0;
-      const targetValue = Number(target) || 0;
-      const diffValue = Number(diff) || 0;
-      const rateValue = Number(completeRate) || 0;
-      const flagValue = Number(flag) || 0;
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: { backgroundColor: '#6a7985' }
-          }
-        },
-        grid: {
-          top: 40,
-          bottom: 15,
-          right: 80,
-          left: 10,
-          containLabel: true,
-          show: false
-        },
-        xAxis: {
-          type: 'value',
-          axisTick: { show: false },
-          min: 0,
-          splitNumber: 4,
-          axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] }
-        },
-        yAxis: {
-          type: 'category',
-          axisLabel: { color: 'rgba(0, 0, 0, 0.75)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] },
-          axisLine: { show: true, lineStyle: { color: '#E5E6EB', width: 1, type: 'solid' } },
-          axisTick: { show: false },
-          data: ['实际', '预算']
-        },
-        series: [
-          {
-            type: 'bar',
-            barWidth: 24,
-            // 修复：拆分数据项，确保每个柱子的样式独立生效
-            data: [
-              // 实际值柱子（核心：绑定flag颜色）
-              {
-                value: realValue,
-                label: {
-                  show: true,
-                  position: 'right',
-                  fontSize: 14
-                },
-                // 修复：flag颜色判断独立绑定到实际值柱子
-                itemStyle: {
-                  color: flagValue === 1
-                    ? {
-                      type: 'linear',
-                      x: 0, y: 0, x2: 0, y2: 1,
-                      colorStops: [
-                        { offset: 0, color: 'rgba(174, 239, 224, 1)' },
-                        { offset: 1, color: 'rgba(118, 218, 190, 1)' }
-                      ]
-                    }
-                    : {
-                      type: 'linear',
-                      x: 0, y: 0, x2: 0, y2: 1,
-                      colorStops: [
-                        { offset: 0, color: 'rgba(253, 209, 129, 1)' },
-                        { offset: 1, color: 'rgba(249, 164, 74, 1)' }
-                      ]
-                    },
-                  borderRadius: [4, 4, 0, 0]
-                }
-              },
-              // 预算值柱子（固定蓝色渐变）
-              {
-                value: targetValue,
-                label: {
-                  show: true,
-                  position: 'right',
-                  fontSize: 14
-                },
-                itemStyle: {
-                  color: {
-                    type: 'linear',
-                    x: 1, y: 0, x2: 0, y2: 1,
-                    colorStops: [
-                      { offset: 0, color: '#82CCFF' },
-                      { offset: 1, color: '#4B9DFF' }
-                    ]
-                  },
-                  borderRadius: [4, 4, 0, 0],
-                  borderWidth: 0
-                }
-              }
-            ]
-          }
-        ]
-      };
-
-      this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div style="width: 100%; height: 210px;position: relative;">
+    <div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
+      {{unit}}
+    </div>
+    <div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
+      <span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
+      <span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
+    </div>
+    <div :ref="refName" id="coreLineChart" style="width: 100%; height: 210px;"></div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    refName: {
+      type: String,
+      default: 'verticalBarChart',
+    },
+    detailData: {
+      type: Object,
+      default: () => ({
+        completeRate: 0,
+        diff: 0,
+        real: 0,
+        target: 0,
+        thb: 0,
+        flag: 0
+      }),
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  mounted() {
+    this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  watch: {
+    detailData: {
+      handler() {
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs[this.refName];
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      // 修复：优化实例销毁逻辑，避免重复dispose
+      if (this.myChart) {
+        this.myChart.clear(); // 先清空，再重新渲染
+      } else {
+        this.myChart = echarts.init(chartDom);
+      }
+
+      // 解构数据，避免重复取值
+      const { diff, completeRate, real, target, flag } = this.detailData;
+      // 确保数值为数字类型
+      const realValue = Number(real) || 0;
+      const targetValue = Number(target) || 0;
+      const diffValue = Number(diff) || 0;
+      const rateValue = Number(completeRate) || 0;
+      const flagValue = Number(flag) || 0;
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: { backgroundColor: '#6a7985' }
+          }
+        },
+        grid: {
+          top: 40,
+          bottom: 15,
+          right: 80,
+          left: 10,
+          containLabel: true,
+          show: false
+        },
+        xAxis: {
+          type: 'value',
+          axisTick: { show: false },
+          min: 0,
+          splitNumber: 4,
+          axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] }
+        },
+        yAxis: {
+          type: 'category',
+          axisLabel: { color: 'rgba(0, 0, 0, 0.75)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] },
+          axisLine: { show: true, lineStyle: { color: '#E5E6EB', width: 1, type: 'solid' } },
+          axisTick: { show: false },
+          data: ['实际', '预算']
+        },
+        series: [
+          {
+            type: 'bar',
+            barWidth: 24,
+            // 修复：拆分数据项，确保每个柱子的样式独立生效
+            data: [
+              // 实际值柱子（核心：绑定flag颜色）
+              {
+                value: realValue,
+                label: {
+                  show: true,
+                  position: 'right',
+                  fontSize: 14
+                },
+                // 修复：flag颜色判断独立绑定到实际值柱子
+                itemStyle: {
+                  color: flagValue === 1
+                    ? {
+                      type: 'linear',
+                      x: 0, y: 0, x2: 0, y2: 1,
+                      colorStops: [
+                        { offset: 0, color: 'rgba(174, 239, 224, 1)' },
+                        { offset: 1, color: 'rgba(118, 218, 190, 1)' }
+                      ]
+                    }
+                    : {
+                      type: 'linear',
+                      x: 0, y: 0, x2: 0, y2: 1,
+                      colorStops: [
+                        { offset: 0, color: 'rgba(253, 209, 129, 1)' },
+                        { offset: 1, color: 'rgba(249, 164, 74, 1)' }
+                      ]
+                    },
+                  borderRadius: [4, 4, 0, 0]
+                }
+              },
+              // 预算值柱子（固定蓝色渐变）
+              {
+                value: targetValue,
+                label: {
+                  show: true,
+                  position: 'right',
+                  fontSize: 14
+                },
+                itemStyle: {
+                  color: {
+                    type: 'linear',
+                    x: 1, y: 0, x2: 0, y2: 1,
+                    colorStops: [
+                      { offset: 0, color: '#82CCFF' },
+                      { offset: 1, color: '#4B9DFF' }
+                    ]
+                  },
+                  borderRadius: [4, 4, 0, 0],
+                  borderWidth: 0
+                }
+              }
+            ]
+          }
+        ]
+      };
+
+      this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/totalProfitComponents/electricityGauge.vue b/src/views/home/totalProfitComponents/electricityGauge.vue
index b3ce9c3c..84827906 100644
--- a/src/views/home/totalProfitComponents/electricityGauge.vue
+++ b/src/views/home/totalProfitComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/totalProfitComponents/operatingBottomLineBar.vue b/src/views/home/totalProfitComponents/operatingBottomLineBar.vue
index 968af949..cf79b066 100644
--- a/src/views/home/totalProfitComponents/operatingBottomLineBar.vue
+++ b/src/views/home/totalProfitComponents/operatingBottomLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -158,19 +166,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/totalProfitComponents/operatingLineBar.vue b/src/views/home/totalProfitComponents/operatingLineBar.vue
index cb9a9cc7..b5fc53d4 100644
--- a/src/views/home/totalProfitComponents/operatingLineBar.vue
+++ b/src/views/home/totalProfitComponents/operatingLineBar.vue
@@ -8,7 +8,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null // 存储图表实例，避免重复创建
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -29,6 +30,13 @@ export default {
     this.$nextTick(() => {
       this.updateChart();
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
   },
 
   // 新增：监听 chartData 变化
@@ -154,19 +162,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/totalProfitComponents/operatingLineBarSaleGroup.vue b/src/views/home/totalProfitComponents/operatingLineBarSaleGroup.vue
index 674cf190..45e3c527 100644
--- a/src/views/home/totalProfitComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/totalProfitComponents/operatingLineBarSaleGroup.vue
@@ -155,19 +155,19 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
 };
 </script>
diff --git a/src/views/home/totalProfitComponents/operatingLineBarSaleSingle.vue b/src/views/home/totalProfitComponents/operatingLineBarSaleSingle.vue
index ce622ef4..d72e62c7 100644
--- a/src/views/home/totalProfitComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/totalProfitComponents/operatingLineBarSaleSingle.vue
@@ -1,159 +1,167 @@
-<template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 200px;"></div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null // 存储图表实例，避免重复创建
-    };
-  },
-  props: {
-    // 明确接收的props结构，增强可读性
-    chartData: {
-      type: Object,
-      default: () => ({
-      }),
-      // 校验数据格式
-      // validator: (value) => {
-      //   return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      // }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.updateChart();
-    });
-  },
-
-  // 新增：监听 chartData 变化
-  watch: {
-    // 深度监听数据变化，仅更新图表配置（不销毁实例）
-    chartData: {
-      handler() {
-        console.log(this.chartData,'chartData');
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true // 初始化时立即执行
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs.cockpitEffChip;
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-
-      if (this.myChart) {
-        this.myChart.dispose();
-      }
-
-      this.myChart = echarts.init(chartDom);
-
-      const { allPlaceNames, series } = this.chartData || {};
-      console.log('chartData', this.chartData);
-
-      // 处理空数据
-      const xData = allPlaceNames || [];
-      const chartSeries = series || []; // 父组件传递的 series
-      console.log('xData', xData);
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          // axisPointer: {
-          //   type: 'cross',
-          //   label: {
-          //     backgroundColor: '#6a7985'
-          //   }
-          // },
-          // formatter: (params) => {
-          //   let html = `${params[0].axisValue}<br/>`;
-          //   params.forEach(item => {
-          //     const unit = item.seriesName === '完成率' ? '%' : (
-          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
-          //     );
-          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
-          //   });
-          //   return html;
-          // }
-        },
-        grid: {
-          top: 25,
-          bottom: 25,
-          right: 10,
-          left: 2,
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: true,
-            // offset: 10
-            // boundaryGap: ['50%', '50%'],
-            axisTick: { show: false },
-            axisLine: {
-              show: true,
-              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
-            },
-            axisLabel: {
-              color: 'rgba(0, 0, 0, 0.45)',
-              fontSize: 12,
-              interval: 0,
-              padding: [5, 0, 0, 0]
-            },
-            data: xData
-          }
-        ],
-        yAxis: {
-          type: 'value',
-          // name: '万元',
-          nameTextStyle: {
-            color: 'rgba(0, 0, 0, 0.45)',
-            fontSize: 12,
-            align: 'right'
-          },
-          axisLine: {
-            show: true, // 显示Y轴轴线（关键）
-            lineStyle: {
-              color: '#E5E6EB', // 轴线颜色（浅灰色，可自定义）
-              width: 1, // 轴线宽度
-              type: 'solid' // 实线（可选：dashed虚线、dotted点线）
-            }
-          },
-
-          splitNumber: 2,
-          axisTick: { show: false },
-          axisLabel: {
-            color: 'rgba(0, 0, 0, 0.45)',
-            fontSize: 12,
-            formatter: '{value}'
-          },
-          splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          // axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-        },
-        series: chartSeries // 直接使用父组件传递的 series
-      };
-
-      option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div ref="cockpitEffChip" id="coreLineChart" style="width: 100%; height: 200px;"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null, // 存储图表实例，避免重复创建
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    // 明确接收的props结构，增强可读性
+    chartData: {
+      type: Object,
+      default: () => ({
+      }),
+      // 校验数据格式
+      // validator: (value) => {
+      //   return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
+      // }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.updateChart();
+    });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+
+  // 新增：监听 chartData 变化
+  watch: {
+    // 深度监听数据变化，仅更新图表配置（不销毁实例）
+    chartData: {
+      handler() {
+        console.log(this.chartData,'chartData');
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true // 初始化时立即执行
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs.cockpitEffChip;
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+
+      if (this.myChart) {
+        this.myChart.dispose();
+      }
+
+      this.myChart = echarts.init(chartDom);
+
+      const { allPlaceNames, series } = this.chartData || {};
+      console.log('chartData', this.chartData);
+
+      // 处理空数据
+      const xData = allPlaceNames || [];
+      const chartSeries = series || []; // 父组件传递的 series
+      console.log('xData', xData);
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          // axisPointer: {
+          //   type: 'cross',
+          //   label: {
+          //     backgroundColor: '#6a7985'
+          //   }
+          // },
+          // formatter: (params) => {
+          //   let html = `${params[0].axisValue}<br/>`;
+          //   params.forEach(item => {
+          //     const unit = item.seriesName === '完成率' ? '%' : (
+          //       ['产量', '销量'].includes(this.$parent.selectedProfit) ? '片' : '万元'
+          //     );
+          //     html += `${item.marker} ${item.seriesName}: ${item.value}${unit}<br/>`;
+          //   });
+          //   return html;
+          // }
+        },
+        grid: {
+          top: 25,
+          bottom: 25,
+          right: 10,
+          left: 2,
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: true,
+            // offset: 10
+            // boundaryGap: ['50%', '50%'],
+            axisTick: { show: false },
+            axisLine: {
+              show: true,
+              lineStyle: { color: 'rgba(0, 0, 0, 0.15)' }
+            },
+            axisLabel: {
+              color: 'rgba(0, 0, 0, 0.45)',
+              fontSize: 12,
+              interval: 0,
+              padding: [5, 0, 0, 0]
+            },
+            data: xData
+          }
+        ],
+        yAxis: {
+          type: 'value',
+          // name: '万元',
+          nameTextStyle: {
+            color: 'rgba(0, 0, 0, 0.45)',
+            fontSize: 12,
+            align: 'right'
+          },
+          axisLine: {
+            show: true, // 显示Y轴轴线（关键）
+            lineStyle: {
+              color: '#E5E6EB', // 轴线颜色（浅灰色，可自定义）
+              width: 1, // 轴线宽度
+              type: 'solid' // 实线（可选：dashed虚线、dotted点线）
+            }
+          },
+
+          splitNumber: 2,
+          axisTick: { show: false },
+          axisLabel: {
+            color: 'rgba(0, 0, 0, 0.45)',
+            fontSize: 12,
+            formatter: '{value}'
+          },
+          splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          // axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+        },
+        series: chartSeries // 直接使用父组件传递的 series
+      };
+
+      option && this.myChart.setOption(option);
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/totalProfitComponents/verticalBarChart.vue b/src/views/home/totalProfitComponents/verticalBarChart.vue
index c8a1d6e3..98acdfd1 100644
--- a/src/views/home/totalProfitComponents/verticalBarChart.vue
+++ b/src/views/home/totalProfitComponents/verticalBarChart.vue
@@ -1,187 +1,194 @@
-<template>
-  <div style="width: 100%; height: 210px;position: relative;">
-    <div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
-      万元
-    </div>
-    <div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
-      <span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
-      <span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
-    </div>
-    <div :ref="refName" id="coreLineChart" style="width: 100%; height: 210px;"></div>
-  </div>
-</template>
-<script>
-import * as echarts from 'echarts';
-
-export default {
-  components: {},
-  data() {
-    return {
-      myChart: null
-    };
-  },
-  props: {
-    refName: {
-      type: String,
-      default: 'verticalBarChart',
-    },
-    detailData: {
-      type: Object,
-      default: () => ({
-        completeRate: 0,
-        diff: 0,
-        real: 0,
-        target: 0,
-        thb: 0,
-        flag: 0
-      }),
-    }
-  },
-  mounted() {
-    this.$nextTick(() => this.updateChart());
-  },
-  watch: {
-    detailData: {
-      handler() {
-        this.updateChart();
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  methods: {
-    updateChart() {
-      const chartDom = this.$refs[this.refName];
-      if (!chartDom) {
-        console.error('图表容器未找到！');
-        return;
-      }
-      console.log('this.detailData', this.detailData);
-
-      // 修复：优化实例销毁逻辑，避免重复dispose
-      if (this.myChart) {
-        this.myChart.clear(); // 先清空，再重新渲染
-      } else {
-        this.myChart = echarts.init(chartDom);
-      }
-
-      // 解构数据，避免重复取值
-      const { diff, completeRate, real, target, flag } = this.detailData;
-      // 确保数值为数字类型
-      const realValue = Number(real) || 0;
-      const targetValue = Number(target) || 0;
-      const diffValue = Number(diff) || 0;
-      const rateValue = Number(completeRate) || 0;
-      const flagValue = Number(flag) || 0;
-
-      const option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: { backgroundColor: '#6a7985' }
-          }
-        },
-        grid: {
-          top: 40,
-          bottom: 15,
-          right: 80,
-          left: 10,
-          containLabel: true,
-          show: false
-        },
-        xAxis: {
-          type: 'value',
-          axisTick: { show: false },
-          min: 0,
-          splitNumber: 4,
-          axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-          axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] }
-        },
-        yAxis: {
-          type: 'category',
-          axisLabel: { color: 'rgba(0, 0, 0, 0.75)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] },
-          axisLine: { show: true, lineStyle: { color: '#E5E6EB', width: 1, type: 'solid' } },
-          axisTick: { show: false },
-          data: ['实际', '预算']
-        },
-        series: [
-          {
-            type: 'bar',
-            barWidth: 24,
-            // 修复：拆分数据项，确保每个柱子的样式独立生效
-            data: [
-              // 实际值柱子（核心：绑定flag颜色）
-              {
-                value: realValue,
-                label: {
-                  show: true,
-                  position: 'right',
-                  fontSize: 14
-                },
-                // 修复：flag颜色判断独立绑定到实际值柱子
-                itemStyle: {
-                  color: flagValue === 1
-                    ? {
-                      type: 'linear',
-                      x: 0, y: 0, x2: 0, y2: 1,
-                      colorStops: [
-                        { offset: 0, color: 'rgba(174, 239, 224, 1)' },
-                        { offset: 1, color: 'rgba(118, 218, 190, 1)' }
-                      ]
-                    }
-                    : {
-                      type: 'linear',
-                      x: 0, y: 0, x2: 0, y2: 1,
-                      colorStops: [
-                        { offset: 0, color: 'rgba(253, 209, 129, 1)' },
-                        { offset: 1, color: 'rgba(249, 164, 74, 1)' }
-                      ]
-                    },
-                  borderRadius: [4, 4, 0, 0]
-                }
-              },
-              // 预算值柱子（固定蓝色渐变）
-              {
-                value: targetValue,
-                label: {
-                  show: true,
-                  position: 'right',
-                  fontSize: 14
-                },
-                itemStyle: {
-                  color: {
-                    type: 'linear',
-                    x: 1, y: 0, x2: 0, y2: 1,
-                    colorStops: [
-                      { offset: 0, color: '#82CCFF' },
-                      { offset: 1, color: '#4B9DFF' }
-                    ]
-                  },
-                  borderRadius: [4, 4, 0, 0],
-                  borderWidth: 0
-                }
-              }
-            ]
-          }
-        ]
-      };
-
-      this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
-    }
-  },
-};
-</script>
+<template>
+  <div style="width: 100%; height: 210px;position: relative;">
+    <div style='font-size: 16px;position: absolute;left: 20px;top:10px'>
+      万元
+    </div>
+    <div style='font-size: 16px;position: absolute;right: 20px;top:10px'>
+      <span>完成率:<span style='color: #0B58FF;'>{{detailData.completeRate}}%</span></span>
+      <span style='display: inline-block;margin-left: 10px;'>差值:<span :style="{color:detailData.flag>0?'#30B590':'#FF9423'}" >{{detailData.diff}}</span></span>
+    </div>
+    <div :ref="refName" id="coreLineChart" style="width: 100%; height: 210px;"></div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  components: {},
+  data() {
+    return {
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
+    };
+  },
+  props: {
+    refName: {
+      type: String,
+      default: 'verticalBarChart',
+    },
+    detailData: {
+      type: Object,
+      default: () => ({
+        completeRate: 0,
+        diff: 0,
+        real: 0,
+        target: 0,
+        thb: 0,
+        flag: 0
+      }),
+    }
+  },
+  mounted() {
+    this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  watch: {
+    detailData: {
+      handler() {
+        this.updateChart();
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    updateChart() {
+      const chartDom = this.$refs[this.refName];
+      if (!chartDom) {
+        console.error('图表容器未找到！');
+        return;
+      }
+      console.log('this.detailData', this.detailData);
+
+      // 修复：优化实例销毁逻辑，避免重复dispose
+      if (this.myChart) {
+        this.myChart.clear(); // 先清空，再重新渲染
+      } else {
+        this.myChart = echarts.init(chartDom);
+      }
+
+      // 解构数据，避免重复取值
+      const { diff, completeRate, real, target, flag } = this.detailData;
+      // 确保数值为数字类型
+      const realValue = Number(real) || 0;
+      const targetValue = Number(target) || 0;
+      const diffValue = Number(diff) || 0;
+      const rateValue = Number(completeRate) || 0;
+      const flagValue = Number(flag) || 0;
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: { backgroundColor: '#6a7985' }
+          }
+        },
+        grid: {
+          top: 40,
+          bottom: 15,
+          right: 80,
+          left: 10,
+          containLabel: true,
+          show: false
+        },
+        xAxis: {
+          type: 'value',
+          axisTick: { show: false },
+          min: 0,
+          splitNumber: 4,
+          axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+          axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] }
+        },
+        yAxis: {
+          type: 'category',
+          axisLabel: { color: 'rgba(0, 0, 0, 0.75)', fontSize: 12, interval: 0, padding: [5, 0, 0, 0] },
+          axisLine: { show: true, lineStyle: { color: '#E5E6EB', width: 1, type: 'solid' } },
+          axisTick: { show: false },
+          data: ['实际', '预算']
+        },
+        series: [
+          {
+            type: 'bar',
+            barWidth: 24,
+            // 修复：拆分数据项，确保每个柱子的样式独立生效
+            data: [
+              // 实际值柱子（核心：绑定flag颜色）
+              {
+                value: realValue,
+                label: {
+                  show: true,
+                  position: 'right',
+                  fontSize: 14
+                },
+                // 修复：flag颜色判断独立绑定到实际值柱子
+                itemStyle: {
+                  color: flagValue === 1
+                    ? {
+                      type: 'linear',
+                      x: 0, y: 0, x2: 0, y2: 1,
+                      colorStops: [
+                        { offset: 0, color: 'rgba(174, 239, 224, 1)' },
+                        { offset: 1, color: 'rgba(118, 218, 190, 1)' }
+                      ]
+                    }
+                    : {
+                      type: 'linear',
+                      x: 0, y: 0, x2: 0, y2: 1,
+                      colorStops: [
+                        { offset: 0, color: 'rgba(253, 209, 129, 1)' },
+                        { offset: 1, color: 'rgba(249, 164, 74, 1)' }
+                      ]
+                    },
+                  borderRadius: [4, 4, 0, 0]
+                }
+              },
+              // 预算值柱子（固定蓝色渐变）
+              {
+                value: targetValue,
+                label: {
+                  show: true,
+                  position: 'right',
+                  fontSize: 14
+                },
+                itemStyle: {
+                  color: {
+                    type: 'linear',
+                    x: 1, y: 0, x2: 0, y2: 1,
+                    colorStops: [
+                      { offset: 0, color: '#82CCFF' },
+                      { offset: 1, color: '#4B9DFF' }
+                    ]
+                  },
+                  borderRadius: [4, 4, 0, 0],
+                  borderWidth: 0
+                }
+              }
+            ]
+          }
+        ]
+      };
+
+      this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
+    }
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  }
+};
+</script>
diff --git a/src/views/home/unitPriceAnalysisComponents/electricityGauge.vue b/src/views/home/unitPriceAnalysisComponents/electricityGauge.vue
index 2e6f324d..8aab4915 100644
--- a/src/views/home/unitPriceAnalysisComponents/electricityGauge.vue
+++ b/src/views/home/unitPriceAnalysisComponents/electricityGauge.vue
@@ -154,6 +154,18 @@ export default {
     },
     // 未使用的蒸汽仪表盘可注释/删除
     // getSteamGaugeOption(value) { ... }
+  },
+  beforeDestroy() {
+    // 销毁 ResizeObserver，避免内存泄漏
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 销毁图表实例
+    if (this.electricityChart) {
+      this.electricityChart.dispose();
+      this.electricityChart = null;
+    }
   }
 }
 </script>
diff --git a/src/views/home/unitPriceAnalysisComponents/operatingBottomLineBar.vue b/src/views/home/unitPriceAnalysisComponents/operatingBottomLineBar.vue
index 968af949..92c67184 100644
--- a/src/views/home/unitPriceAnalysisComponents/operatingBottomLineBar.vue
+++ b/src/views/home/unitPriceAnalysisComponents/operatingBottomLineBar.vue
@@ -158,18 +158,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/unitPriceAnalysisComponents/operatingLineBar.vue b/src/views/home/unitPriceAnalysisComponents/operatingLineBar.vue
index cb9a9cc7..a12c433d 100644
--- a/src/views/home/unitPriceAnalysisComponents/operatingLineBar.vue
+++ b/src/views/home/unitPriceAnalysisComponents/operatingLineBar.vue
@@ -154,18 +154,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleGroup.vue b/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleGroup.vue
index 6a71aab6..e37e07ef 100644
--- a/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleGroup.vue
+++ b/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleGroup.vue
@@ -155,18 +155,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleSingle.vue b/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleSingle.vue
index 6b5fd08d..db29cf3e 100644
--- a/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleSingle.vue
+++ b/src/views/home/unitPriceAnalysisComponents/operatingLineBarSaleSingle.vue
@@ -125,18 +125,6 @@ export default {
       };
 
       option && this.myChart.setOption(option);
-
-      // 窗口缩放适配和销毁逻辑保持不变
-      window.addEventListener('resize', () => {
-        this.myChart && this.myChart.resize();
-      });
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', () => {
-          this.myChart && this.myChart.resize();
-        });
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/unitPriceAnalysisComponents/pieChart.vue b/src/views/home/unitPriceAnalysisComponents/pieChart.vue
index 5b9cddea..70987d41 100644
--- a/src/views/home/unitPriceAnalysisComponents/pieChart.vue
+++ b/src/views/home/unitPriceAnalysisComponents/pieChart.vue
@@ -38,7 +38,8 @@ export default {
         'rgba(255, 123, 123, 1)', // 额外补充颜色，适配更多数据项
         'rgba(153, 102, 255, 1)'
       ],
-      myChart: null // 保存图表实例，便于销毁和缩放
+      myChart: null, // 保存图表实例，便于销毁和缩放
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   computed: {},
@@ -56,6 +57,25 @@ export default {
     this.$nextTick(() => {
       this.initData(); // 初始化图表
     });
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   methods: {
     initData() {
@@ -229,18 +249,6 @@ export default {
 
       // 设置图表配置
       option && this.myChart.setOption(option);
-
-      // 窗口缩放监听（优化：避免重复绑定）
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.addEventListener('resize', resizeHandler);
-
-      // 组件销毁清理
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-      });
     }
   },
 };
diff --git a/src/views/home/unitPriceAnalysisComponents/verticalBarChart.vue b/src/views/home/unitPriceAnalysisComponents/verticalBarChart.vue
index a8361348..887dcc86 100644
--- a/src/views/home/unitPriceAnalysisComponents/verticalBarChart.vue
+++ b/src/views/home/unitPriceAnalysisComponents/verticalBarChart.vue
@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -39,6 +40,25 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表，避免内存泄漏
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   watch: {
     detailData: {
@@ -167,19 +187,6 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
 };
diff --git a/vue.config.js b/vue.config.js
index 3e4dbe2a..10353711 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -7,6 +7,7 @@ function resolve(dir) {
 }
 
 const CompressionPlugin = require("compression-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 
 const name = process.env.VUE_APP_TITLE || "洛玻集团驾驶舱"; // 网页标题
 
@@ -72,6 +73,28 @@ module.exports = {
     ],
   },
   chainWebpack(config) {
+    // 生产环境移除 console.log/debug/info（保留 warn/error）
+    config.when(process.env.NODE_ENV !== "development", (config) => {
+      // 显式重建 terser minimizer，避免 delete + plugin.tap 失效
+      config.optimization.minimizers.delete("terser");
+      config.optimization
+        .minimizer("terser")
+        .use(TerserPlugin, [
+          {
+            terserOptions: {
+              compress: {
+                pure_funcs: ["console.log", "console.debug", "console.info"],
+                drop_debugger: true,
+              },
+              output: {
+                comments: false,
+              },
+            },
+            extractComments: false,
+          },
+        ]);
+    });
+
     config.plugins.delete("preload"); // TODO: need test
     config.plugins.delete("prefetch"); // TODO: need test
 
diff --git a/yarn.lock b/yarn.lock
index 0b88f6e9..af2d07d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11,313 +11,297 @@
     "event-pubsub" "4.3.0"
     "js-message" "1.0.7"
 
-"@ampproject/remapping@^2.1.0":
-  "integrity" "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w=="
-  "resolved" "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.0.tgz"
-  "version" "2.2.0"
+"@ampproject/remapping@^2.2.0":
+  "integrity" "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg=="
+  "resolved" "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz"
+  "version" "2.2.1"
   dependencies:
-    "@jridgewell/gen-mapping" "^0.1.0"
+    "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.18.6":
-  "integrity" "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q=="
-  "resolved" "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.22.5":
+  "integrity" "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/highlight" "^7.18.6"
+    "@babel/highlight" "^7.22.5"
 
-"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.0", "@babel/compat-data@^7.20.1":
-  "integrity" "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.20.1.tgz"
-  "version" "7.20.1"
+"@babel/compat-data@^7.22.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+  "integrity" "sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.22.9.tgz"
+  "version" "7.22.9"
 
-"@babel/core@*", "@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.11.0", "@babel/core@^7.12.0", "@babel/core@^7.13.0", "@babel/core@^7.4.0-0":
-  "integrity" "sha512-w7DbG8DtMrJcFOi4VrLm+8QM4az8Mo+PuLBKLp2zrYRCow8W/f9xiXm5sN53C8HksCyDQwCKha9JiDoIyPjT2g=="
-  "resolved" "https://registry.npmmirror.com/@babel/core/-/core-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/core@^7.11.0":
+  "integrity" "sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w=="
+  "resolved" "https://registry.npmmirror.com/@babel/core/-/core-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@ampproject/remapping" "^2.1.0"
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.2"
-    "@babel/helper-compilation-targets" "^7.20.0"
-    "@babel/helper-module-transforms" "^7.20.2"
-    "@babel/helpers" "^7.20.1"
-    "@babel/parser" "^7.20.2"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.1"
-    "@babel/types" "^7.20.2"
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.5"
+    "@babel/generator" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.9"
+    "@babel/helper-module-transforms" "^7.22.9"
+    "@babel/helpers" "^7.22.6"
+    "@babel/parser" "^7.22.7"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
     "convert-source-map" "^1.7.0"
     "debug" "^4.1.0"
     "gensync" "^1.0.0-beta.2"
-    "json5" "^2.2.1"
-    "semver" "^6.3.0"
+    "json5" "^2.2.2"
+    "semver" "^6.3.1"
 
-"@babel/generator@^7.20.1", "@babel/generator@^7.20.2":
-  "integrity" "sha512-luCf7yk/cm7yab6CAW1aiFnmEfBJplb/JojV56MYEK7ziWfGmFlTfmL9Ehwfy4gFhbjBfWO1wj7/TuSbVNEEtA=="
-  "resolved" "https://registry.npmmirror.com/@babel/generator/-/generator-7.20.4.tgz"
-  "version" "7.20.4"
+"@babel/generator@^7.22.7", "@babel/generator@^7.22.9":
+  "integrity" "sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw=="
+  "resolved" "https://registry.npmmirror.com/@babel/generator/-/generator-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/types" "^7.20.2"
+    "@babel/types" "^7.22.5"
     "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
     "jsesc" "^2.5.1"
 
-"@babel/helper-annotate-as-pure@^7.18.6":
-  "integrity" "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/helper-annotate-as-pure@^7.22.5":
+  "integrity" "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.18.6":
-  "integrity" "sha512-yFQ0YCHoIqarl8BCRwBL8ulYUaZpz3bNsA7oFepAzee+8/+ImtADXNOmO5vJvsPff3qi+hvpkY/NYBTrBQgdNw=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
+  "integrity" "sha512-m1EP3lVOPptR+2DwD125gziZNcmoNSHGmJROKoy87loWUQyJaVXDgpmruWqDARZSmtYQ+Dl25okU8+qhVzuykw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-explode-assignable-expression" "^7.18.6"
-    "@babel/types" "^7.18.9"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.0", "@babel/helper-compilation-targets@^7.9.6":
-  "integrity" "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz"
-  "version" "7.20.0"
+"@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.22.9", "@babel/helper-compilation-targets@^7.9.6":
+  "integrity" "sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/compat-data" "^7.20.0"
-    "@babel/helper-validator-option" "^7.18.6"
-    "browserslist" "^4.21.3"
-    "semver" "^6.3.0"
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-validator-option" "^7.22.5"
+    "browserslist" "^4.21.9"
+    "lru-cache" "^5.1.1"
+    "semver" "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.20.2":
-  "integrity" "sha512-k22GoYRAHPYr9I+Gvy2ZQlAe5mGy8BqWst2wRt8cwIufWTxrsVshhIBvYNqC80N0GSFWTsqRVexOtfzlgOEDvA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.22.5", "@babel/helper-create-class-features-plugin@^7.22.6":
+  "integrity" "sha512-Pwyi89uO4YrGKxL/eNJ8lfEH55DnRloGPOseaA8NFNL6jAUnn+KccaISiFazCj5IolPPDjGSdzQzXVzODVRqUQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-member-expression-to-functions" "^7.18.9"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.19.1"
-    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "semver" "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.19.0":
-  "integrity" "sha512-htnV+mHX32DF81amCDrwIDr8nrp1PTm+3wfBN9/v8QJOLEioOCOG7qNyq0nHeFiWbT3Eb7gsPwEmV64UCQ1jzw=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.19.0.tgz"
-  "version" "7.19.0"
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5":
+  "integrity" "sha512-+svjVa/tFwsNSG4NEy1h85+HQ5imbT92Q5/bgtS7P0GTQlP8WuFdqsiABmQouhiFGyV66oGxZFpeYHza1rNsKw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "regexpu-core" "^5.1.0"
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "regexpu-core" "^5.3.1"
+    "semver" "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.3.3":
-  "integrity" "sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz"
-  "version" "0.3.3"
+"@babel/helper-define-polyfill-provider@^0.4.2":
+  "integrity" "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz"
+  "version" "0.4.2"
   dependencies:
-    "@babel/helper-compilation-targets" "^7.17.7"
-    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
     "debug" "^4.1.1"
     "lodash.debounce" "^4.0.8"
     "resolve" "^1.14.2"
-    "semver" "^6.1.2"
 
-"@babel/helper-environment-visitor@^7.18.9":
-  "integrity" "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/helper-environment-visitor@^7.22.5":
+  "integrity" "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz"
+  "version" "7.22.5"
 
-"@babel/helper-explode-assignable-expression@^7.18.6":
-  "integrity" "sha512-eyAYAsQmB80jNfg4baAtLeWAQHfHFiR483rzFK+BhETlGZaQC9bsfrugfXDCbRHLQbIA7U5NxhhOxN7p/dWIcg=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/helper-function-name@^7.22.5":
+  "integrity" "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0":
-  "integrity" "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz"
-  "version" "7.19.0"
+"@babel/helper-hoist-variables@^7.22.5":
+  "integrity" "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/types" "^7.19.0"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-hoist-variables@^7.18.6":
-  "integrity" "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/helper-member-expression-to-functions@^7.22.5":
+  "integrity" "sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-member-expression-to-functions@^7.18.9":
-  "integrity" "sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.22.5", "@babel/helper-module-imports@^7.8.3":
+  "integrity" "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/types" "^7.18.9"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.8.3":
-  "integrity" "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.22.9":
+  "integrity" "sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.5"
 
-"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.6", "@babel/helper-module-transforms@^7.20.2":
-  "integrity" "sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/helper-optimise-call-expression@^7.22.5":
+  "integrity" "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-simple-access" "^7.20.2"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.1"
-    "@babel/types" "^7.20.2"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-optimise-call-expression@^7.18.6":
-  "integrity" "sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  "integrity" "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz"
+  "version" "7.22.5"
+
+"@babel/helper-remap-async-to-generator@^7.22.5":
+  "integrity" "sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-wrap-function" "^7.22.9"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  "integrity" "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz"
-  "version" "7.20.2"
-
-"@babel/helper-remap-async-to-generator@^7.18.6", "@babel/helper-remap-async-to-generator@^7.18.9":
-  "integrity" "sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
+  "integrity" "sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-wrap-function" "^7.18.9"
-    "@babel/types" "^7.18.9"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
 
-"@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.19.1":
-  "integrity" "sha512-T7ahH7wV0Hfs46SFh5Jz3s0B6+o8g3c+7TMxu7xKfmHikg7EAZ3I2Qk9LFhjxXq8sL7UkP5JflezNwoZa8WvWw=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-replace-supers/-/helper-replace-supers-7.19.1.tgz"
-  "version" "7.19.1"
+"@babel/helper-simple-access@^7.22.5":
+  "integrity" "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-member-expression-to-functions" "^7.18.9"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/traverse" "^7.19.1"
-    "@babel/types" "^7.19.0"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-simple-access@^7.19.4", "@babel/helper-simple-access@^7.20.2":
-  "integrity" "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
+  "integrity" "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/types" "^7.20.2"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.18.9":
-  "integrity" "sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz"
-  "version" "7.20.0"
+"@babel/helper-split-export-declaration@^7.22.6":
+  "integrity" "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz"
+  "version" "7.22.6"
   dependencies:
-    "@babel/types" "^7.20.0"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-split-export-declaration@^7.18.6":
-  "integrity" "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/helper-string-parser@^7.22.5":
+  "integrity" "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz"
+  "version" "7.22.5"
+
+"@babel/helper-validator-identifier@^7.22.5":
+  "integrity" "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz"
+  "version" "7.22.5"
+
+"@babel/helper-validator-option@^7.22.5":
+  "integrity" "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz"
+  "version" "7.22.5"
+
+"@babel/helper-wrap-function@^7.22.9":
+  "integrity" "sha512-sZ+QzfauuUEfxSEjKFmi3qDSHgLsTPK/pEpoD/qonZKOtTPTLbf59oabPQ4rKekt9lFcj/hTZaOhWwFYrgjk+Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
 
-"@babel/helper-string-parser@^7.19.4":
-  "integrity" "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz"
-  "version" "7.19.4"
-
-"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
-  "integrity" "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz"
-  "version" "7.19.1"
-
-"@babel/helper-validator-option@^7.18.6":
-  "integrity" "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz"
-  "version" "7.18.6"
-
-"@babel/helper-wrap-function@^7.18.9":
-  "integrity" "sha512-txX8aN8CZyYGTwcLhlk87KRqncAzhh5TpQamZUa0/u3an36NtDpUP6bQgBCBcLeBs09R/OwQu3OjK0k/HwfNDg=="
-  "resolved" "https://registry.npmmirror.com/@babel/helper-wrap-function/-/helper-wrap-function-7.19.0.tgz"
-  "version" "7.19.0"
+"@babel/helpers@^7.22.6":
+  "integrity" "sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA=="
+  "resolved" "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.22.6.tgz"
+  "version" "7.22.6"
   dependencies:
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.0"
-    "@babel/types" "^7.19.0"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.6"
+    "@babel/types" "^7.22.5"
 
-"@babel/helpers@^7.20.1":
-  "integrity" "sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg=="
-  "resolved" "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.20.1.tgz"
-  "version" "7.20.1"
+"@babel/highlight@^7.22.5":
+  "integrity" "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw=="
+  "resolved" "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.1"
-    "@babel/types" "^7.20.0"
-
-"@babel/highlight@^7.18.6":
-  "integrity" "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g=="
-  "resolved" "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.22.5"
     "chalk" "^2.0.0"
     "js-tokens" "^4.0.0"
 
-"@babel/parser@^7.16.4", "@babel/parser@^7.18.4", "@babel/parser@^7.7.0", "@babel/parser@7.18.4":
+"@babel/parser@^7.18.4", "@babel/parser@^7.7.0", "@babel/parser@7.18.4":
   "integrity" "sha512-FDge0dFazETFcxGw/EXzOkN8uJp0PC7Qbm+Pe9T+av2zlBpOgunFHkQPPn+eRuClU73JF+98D531UgayY89tow=="
   "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.18.4.tgz"
   "version" "7.18.4"
 
-"@babel/parser@^7.18.10":
-  "integrity" "sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg=="
-  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.20.3.tgz"
-  "version" "7.20.3"
+"@babel/parser@^7.20.15":
+  "integrity" "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.22.7.tgz"
+  "version" "7.22.7"
 
-"@babel/parser@^7.20.1":
-  "integrity" "sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg=="
-  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.20.3.tgz"
-  "version" "7.20.3"
+"@babel/parser@^7.21.3":
+  "integrity" "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.22.7.tgz"
+  "version" "7.22.7"
 
-"@babel/parser@^7.20.2":
-  "integrity" "sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg=="
-  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.20.3.tgz"
-  "version" "7.20.3"
+"@babel/parser@^7.22.5":
+  "integrity" "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.22.7.tgz"
+  "version" "7.22.7"
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
-  "integrity" "sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/parser@^7.22.7":
+  "integrity" "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q=="
+  "resolved" "https://registry.npmmirror.com/@babel/parser/-/parser-7.22.7.tgz"
+  "version" "7.22.7"
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
+  "integrity" "sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.18.9":
-  "integrity" "sha512-AHrP9jadvH7qlOj6PINbgSuphjQUAK7AOT7DPjBo9EHoLhQTnnK5u45e1Hd4DbSQEO9nqPWtQ89r+XEOWFScKg=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.5":
+  "integrity" "sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
-    "@babel/plugin-proposal-optional-chaining" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.5"
 
-"@babel/plugin-proposal-async-generator-functions@^7.20.1":
-  "integrity" "sha512-Gh5rchzSwE4kC+o/6T8waD0WHEQIsDmjltY8WnWRXHUdH8axZhuH86Ov9M72YhJfDrZseQwuuWaaIT/TmePp3g=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.1.tgz"
-  "version" "7.20.1"
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-remap-async-to-generator" "^7.18.9"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-
-"@babel/plugin-proposal-class-properties@^7.18.6", "@babel/plugin-proposal-class-properties@^7.8.3":
+"@babel/plugin-proposal-class-properties@^7.8.3":
   "integrity" "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ=="
   "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz"
   "version" "7.18.6"
@@ -325,121 +309,23 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-proposal-class-static-block@^7.18.6":
-  "integrity" "sha512-+I3oIiNxrCpup3Gi8n5IGMwj0gOCAjcJUSQEcotNnCCPMEnixawOQ+KeJPlgfjzx+FKQ1QSyZOWe7wmoJp7vhw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-
 "@babel/plugin-proposal-decorators@^7.8.3":
-  "integrity" "sha512-nkBH96IBmgKnbHQ5gXFrcmez+Z9S2EIDKDQGp005ROqBigc88Tky4rzCnlP/lnlj245dCEQl4/YyV0V1kYh5dw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.20.2.tgz"
-  "version" "7.20.2"
+  "integrity" "sha512-omXqPF7Onq4Bb7wHxXjM3jSMSJvUUbvDvmmds7KI5n9Cq6Ln5I05I1W2nRlRof1rGdiUxJrxwe285WF96XlBXQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.22.7.tgz"
+  "version" "7.22.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.20.2"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-replace-supers" "^7.19.1"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/plugin-syntax-decorators" "^7.19.0"
+    "@babel/helper-create-class-features-plugin" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/plugin-syntax-decorators" "^7.22.5"
 
-"@babel/plugin-proposal-dynamic-import@^7.18.6":
-  "integrity" "sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  "integrity" "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz"
+  "version" "7.21.0-placeholder-for-preset-env.2"
 
-"@babel/plugin-proposal-export-namespace-from@^7.18.9":
-  "integrity" "sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz"
-  "version" "7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-
-"@babel/plugin-proposal-json-strings@^7.18.6":
-  "integrity" "sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-
-"@babel/plugin-proposal-logical-assignment-operators@^7.18.9":
-  "integrity" "sha512-128YbMpjCrP35IOExw2Fq+x55LMP42DzhOhX2aNNIdI9avSWl2PI0yuBWarr3RYpZBSPtabfadkH2yeRiMD61Q=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.18.9.tgz"
-  "version" "7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6":
-  "integrity" "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-
-"@babel/plugin-proposal-numeric-separator@^7.18.6":
-  "integrity" "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-
-"@babel/plugin-proposal-object-rest-spread@^7.20.2":
-  "integrity" "sha512-Ks6uej9WFK+fvIMesSqbAto5dD8Dz4VuuFvGJFKgIGSkJuRGcrwGECPA1fDgQK3/DbExBJpEkTeYeB8geIFCSQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.2.tgz"
-  "version" "7.20.2"
-  dependencies:
-    "@babel/compat-data" "^7.20.1"
-    "@babel/helper-compilation-targets" "^7.20.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.20.1"
-
-"@babel/plugin-proposal-optional-catch-binding@^7.18.6":
-  "integrity" "sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-
-"@babel/plugin-proposal-optional-chaining@^7.18.9":
-  "integrity" "sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz"
-  "version" "7.18.9"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-
-"@babel/plugin-proposal-private-methods@^7.18.6":
-  "integrity" "sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-proposal-private-property-in-object@^7.18.6":
-  "integrity" "sha512-9Rysx7FOctvT5ouj5JODjAFAkgGoudQuLPamZb0v1TGLpapdNaftzifU8NTWQm0IRjqoYypdrSmyWgkocDQ8Dw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.18.6.tgz"
-  "version" "7.18.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-
-"@babel/plugin-proposal-unicode-property-regex@^7.18.6", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
+"@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   "integrity" "sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w=="
   "resolved" "https://registry.npmmirror.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz"
   "version" "7.18.6"
@@ -468,12 +354,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-decorators@^7.19.0":
-  "integrity" "sha512-xaBZUEDntt4faL1yN8oIFlhfXeQAWJW7CLKYsHTUqriCUbj8xOra8bfxxKGi/UwExPFBuPdH4XfHc9rGQhrVkQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.19.0.tgz"
-  "version" "7.19.0"
+"@babel/plugin-syntax-decorators@^7.22.5":
+  "integrity" "sha512-avpUOBS7IU6al8MmF1XpAyj9QYeLPuSDJI5D4pVMSMdL7xQokKqJPYQC67RCT0aCTashUXPiGwMJ0DEXXCEmMA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-syntax-dynamic-import@^7.8.3":
   "integrity" "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ=="
@@ -489,12 +375,26 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-import-assertions@^7.20.0":
-  "integrity" "sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.20.0.tgz"
-  "version" "7.20.0"
+"@babel/plugin-syntax-import-assertions@^7.22.5":
+  "integrity" "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-attributes@^7.22.5":
+  "integrity" "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  "integrity" "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz"
+  "version" "7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-json-strings@^7.8.3":
   "integrity" "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA=="
@@ -503,12 +403,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.2.0", "@babel/plugin-syntax-jsx@^7.8.3":
-  "integrity" "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-syntax-jsx@^7.2.0", "@babel/plugin-syntax-jsx@^7.22.5", "@babel/plugin-syntax-jsx@^7.8.3":
+  "integrity" "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
   "integrity" "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig=="
@@ -566,300 +466,434 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-transform-arrow-functions@^7.18.6":
-  "integrity" "sha512-9S9X9RUefzrsHZmKMbDXxweEH+YlE8JJEuat9FdvW9Qh1cw7W64jELCtWNkPBPX5En45uy28KGvA/AySqUh8CQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.18.6.tgz"
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  "integrity" "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz"
   "version" "7.18.6"
   dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-async-to-generator@^7.18.6":
-  "integrity" "sha512-ARE5wZLKnTgPW7/1ftQmSi1CmkqqHo2DNmtztFhvgtOWSDfq0Cq9/9L+KnZNYSNrydBekhW3rwShduf59RoXag=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-arrow-functions@^7.22.5":
+  "integrity" "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-remap-async-to-generator" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-block-scoped-functions@^7.18.6":
-  "integrity" "sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-async-generator-functions@^7.22.7":
+  "integrity" "sha512-7HmE7pk/Fmke45TODvxvkxRMV9RazV+ZZzhOL9AG8G29TLrr3jkjwF7uJfxZ30EoXpO+LJkq4oA8NjO2DTnEDg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.7.tgz"
+  "version" "7.22.7"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-transform-block-scoping@^7.20.2":
-  "integrity" "sha512-y5V15+04ry69OV2wULmwhEA6jwSWXO1TwAtIwiPXcvHcoOQUqpyMVd2bDsQJMW8AurjulIyUV8kDqtjSwHy1uQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/plugin-transform-async-to-generator@^7.22.5":
+  "integrity" "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
 
-"@babel/plugin-transform-classes@^7.20.2":
-  "integrity" "sha512-9rbPp0lCVVoagvtEyQKSo5L8oo0nQS/iif+lwlAz29MccX2642vWDlSZK+2T2buxbopotId2ld7zZAzRfz9j1g=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/plugin-transform-block-scoped-functions@^7.22.5":
+  "integrity" "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-compilation-targets" "^7.20.0"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-replace-supers" "^7.19.1"
-    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-block-scoping@^7.22.5":
+  "integrity" "sha512-EcACl1i5fSQ6bt+YGuU/XGCeZKStLmyVGytWkpyhCLeQVA0eu6Wtiw92V+I1T/hnezUv7j74dA/Ro69gWcU+hg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-properties@^7.22.5":
+  "integrity" "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-static-block@^7.22.5":
+  "integrity" "sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+
+"@babel/plugin-transform-classes@^7.22.6":
+  "integrity" "sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.6.tgz"
+  "version" "7.22.6"
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
     "globals" "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.18.9":
-  "integrity" "sha512-+i0ZU1bCDymKakLxn5srGHrsAPRELC2WIbzwjLhHW9SIE1cPYkLCL0NlnXMZaM1vhfgA2+M7hySk42VBvrkBRw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-transform-computed-properties@^7.22.5":
+  "integrity" "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.5"
 
-"@babel/plugin-transform-destructuring@^7.20.2":
-  "integrity" "sha512-mENM+ZHrvEgxLTBXUiQ621rRXZes3KWUv6NdQlrnr1TkWVw+hUjQBZuP2X32qKlrlG2BzgR95gkuCRSkJl8vIw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/plugin-transform-destructuring@^7.22.5":
+  "integrity" "sha512-GfqcFuGW8vnEqTUBM7UtPd5A4q797LTvvwKxXTgRsFjoqaJiEg9deBG6kWeQYkVEL569NpnmpC0Pkr/8BLKGnQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-dotall-regex@^7.18.6", "@babel/plugin-transform-dotall-regex@^7.4.4":
-  "integrity" "sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-dotall-regex@^7.22.5", "@babel/plugin-transform-dotall-regex@^7.4.4":
+  "integrity" "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-duplicate-keys@^7.18.9":
-  "integrity" "sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-transform-duplicate-keys@^7.22.5":
+  "integrity" "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-exponentiation-operator@^7.18.6":
-  "integrity" "sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-dynamic-import@^7.22.5":
+  "integrity" "sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
 
-"@babel/plugin-transform-for-of@^7.18.8":
-  "integrity" "sha512-yEfTRnjuskWYo0k1mHUqrVWaZwrdq8AYbfrpqULOJOaucGSp4mNMVps+YtA8byoevxS/urwU75vyhQIxcCgiBQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.18.8.tgz"
-  "version" "7.18.8"
+"@babel/plugin-transform-exponentiation-operator@^7.22.5":
+  "integrity" "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-function-name@^7.18.9":
-  "integrity" "sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-transform-export-namespace-from@^7.22.5":
+  "integrity" "sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-compilation-targets" "^7.18.9"
-    "@babel/helper-function-name" "^7.18.9"
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
-"@babel/plugin-transform-literals@^7.18.9":
-  "integrity" "sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-transform-for-of@^7.22.5":
+  "integrity" "sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-member-expression-literals@^7.18.6":
-  "integrity" "sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-function-name@^7.22.5":
+  "integrity" "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-modules-amd@^7.19.6":
-  "integrity" "sha512-uG3od2mXvAtIFQIh0xrpLH6r5fpSQN04gIVovl+ODLdUMANokxQLZnPBHcjmv3GxRjnqwLuHvppjjcelqUFZvg=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.19.6.tgz"
-  "version" "7.19.6"
+"@babel/plugin-transform-json-strings@^7.22.5":
+  "integrity" "sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.19.6":
-  "integrity" "sha512-8PIa1ym4XRTKuSsOUXqDG0YaOlEuTVvHMe5JCfgBMOtHvJKw/4NGovEGN33viISshG/rZNVrACiBmPQLvWN8xQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.19.6.tgz"
-  "version" "7.19.6"
+"@babel/plugin-transform-literals@^7.22.5":
+  "integrity" "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-simple-access" "^7.19.4"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-modules-systemjs@^7.19.6":
-  "integrity" "sha512-fqGLBepcc3kErfR9R3DnVpURmckXP7gj7bAlrTQyBxrigFqszZCkFkcoxzCp2v32XmwXLvbw+8Yq9/b+QqksjQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.19.6.tgz"
-  "version" "7.19.6"
+"@babel/plugin-transform-logical-assignment-operators@^7.22.5":
+  "integrity" "sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-module-transforms" "^7.19.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
 
-"@babel/plugin-transform-modules-umd@^7.18.6":
-  "integrity" "sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-member-expression-literals@^7.22.5":
+  "integrity" "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-module-transforms" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.19.1":
-  "integrity" "sha512-oWk9l9WItWBQYS4FgXD4Uyy5kq898lvkXpXQxoJEY1RnvPk4R/Dvu2ebXU9q8lP+rlMwUQTFf2Ok6d78ODa0kw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.19.1.tgz"
-  "version" "7.19.1"
+"@babel/plugin-transform-modules-amd@^7.22.5":
+  "integrity" "sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.19.0"
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-new-target@^7.18.6":
-  "integrity" "sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-modules-commonjs@^7.22.5":
+  "integrity" "sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
 
-"@babel/plugin-transform-object-super@^7.18.6":
-  "integrity" "sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-modules-systemjs@^7.22.5":
+  "integrity" "sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.18.6"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
 
-"@babel/plugin-transform-parameters@^7.20.1":
-  "integrity" "sha512-oZg/Fpx0YDrj13KsLyO8I/CX3Zdw7z0O9qOd95SqcoIzuqy/WTGWvePeHAnZCN54SfdyjHcb1S30gc8zlzlHcA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.20.3.tgz"
-  "version" "7.20.3"
+"@babel/plugin-transform-modules-umd@^7.22.5":
+  "integrity" "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-property-literals@^7.18.6":
-  "integrity" "sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
+  "integrity" "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-regenerator@^7.18.6":
-  "integrity" "sha512-poqRI2+qiSdeldcz4wTSTXBRryoq3Gc70ye7m7UD5Ww0nE29IXqMl6r7Nd15WBgRd74vloEMlShtH6CKxVzfmQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-new-target@^7.22.5":
+  "integrity" "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "regenerator-transform" "^0.15.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-reserved-words@^7.18.6":
-  "integrity" "sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.5":
+  "integrity" "sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-transform-numeric-separator@^7.22.5":
+  "integrity" "sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-transform-object-rest-spread@^7.22.5":
+  "integrity" "sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/compat-data" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.22.5"
+
+"@babel/plugin-transform-object-super@^7.22.5":
+  "integrity" "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+
+"@babel/plugin-transform-optional-catch-binding@^7.22.5":
+  "integrity" "sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+
+"@babel/plugin-transform-optional-chaining@^7.22.5", "@babel/plugin-transform-optional-chaining@^7.22.6":
+  "integrity" "sha512-Vd5HiWml0mDVtcLHIoEU5sw6HOUW/Zk0acLs/SAeuLzkGNOPc9DB4nkUajemhCmTIz3eiaKREZn2hQQqF79YTg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.6.tgz"
+  "version" "7.22.6"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-transform-parameters@^7.22.5":
+  "integrity" "sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-methods@^7.22.5":
+  "integrity" "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-property-in-object@^7.22.5":
+  "integrity" "sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
+"@babel/plugin-transform-property-literals@^7.22.5":
+  "integrity" "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-regenerator@^7.22.5":
+  "integrity" "sha512-rR7KePOE7gfEtNTh9Qw+iO3Q/e4DEsoQ+hdvM6QUDH7JRJ5qxq5AA52ZzBWbI5i9lfNuvySgOGP8ZN7LAmaiPw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "regenerator-transform" "^0.15.1"
+
+"@babel/plugin-transform-reserved-words@^7.22.5":
+  "integrity" "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-transform-runtime@^7.11.0":
-  "integrity" "sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.19.6.tgz"
-  "version" "7.19.6"
+  "integrity" "sha512-9KjBH61AGJetCPYp/IEyLEp47SyybZb0nDRpBvmtEkm+rUIwxdlKpyNHI1TmsGkeuLclJdleQHRZ8XLBnnh8CQ=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "babel-plugin-polyfill-corejs2" "^0.3.3"
-    "babel-plugin-polyfill-corejs3" "^0.6.0"
-    "babel-plugin-polyfill-regenerator" "^0.4.1"
-    "semver" "^6.3.0"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "babel-plugin-polyfill-corejs2" "^0.4.4"
+    "babel-plugin-polyfill-corejs3" "^0.8.2"
+    "babel-plugin-polyfill-regenerator" "^0.5.1"
+    "semver" "^6.3.1"
 
-"@babel/plugin-transform-shorthand-properties@^7.18.6":
-  "integrity" "sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-shorthand-properties@^7.22.5":
+  "integrity" "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-spread@^7.19.0":
-  "integrity" "sha512-RsuMk7j6n+r752EtzyScnWkQyuJdli6LdO5Klv8Yx0OfPVTcQkIUfS8clx5e9yHXzlnhOZF3CbQ8C2uP5j074w=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.19.0.tgz"
-  "version" "7.19.0"
+"@babel/plugin-transform-spread@^7.22.5":
+  "integrity" "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
 
-"@babel/plugin-transform-sticky-regex@^7.18.6":
-  "integrity" "sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-sticky-regex@^7.22.5":
+  "integrity" "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-template-literals@^7.18.9":
-  "integrity" "sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-transform-template-literals@^7.22.5":
+  "integrity" "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-typeof-symbol@^7.18.9":
-  "integrity" "sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.18.9.tgz"
-  "version" "7.18.9"
+"@babel/plugin-transform-typeof-symbol@^7.22.5":
+  "integrity" "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-unicode-escapes@^7.18.10":
-  "integrity" "sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.18.10.tgz"
-  "version" "7.18.10"
+"@babel/plugin-transform-unicode-escapes@^7.22.5":
+  "integrity" "sha512-biEmVg1IYB/raUO5wT1tgfacCef15Fbzhkx493D3urBI++6hpJ+RFG4SrWMn0NEZLfvilqKf3QDrRVZHo08FYg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-unicode-regex@^7.18.6":
-  "integrity" "sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA=="
-  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.18.6.tgz"
-  "version" "7.18.6"
+"@babel/plugin-transform-unicode-property-regex@^7.22.5":
+  "integrity" "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-regex@^7.22.5":
+  "integrity" "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
+  "integrity" "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg=="
+  "resolved" "https://registry.npmmirror.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz"
+  "version" "7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/preset-env@^7.11.0":
-  "integrity" "sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg=="
-  "resolved" "https://registry.npmmirror.com/@babel/preset-env/-/preset-env-7.20.2.tgz"
-  "version" "7.20.2"
+  "integrity" "sha512-wNi5H/Emkhll/bqPjsjQorSykrlfY5OWakd6AulLvMEytpKasMVUpVy8RL4qBIBs5Ac6/5i0/Rv0b/Fg6Eag/g=="
+  "resolved" "https://registry.npmmirror.com/@babel/preset-env/-/preset-env-7.22.9.tgz"
+  "version" "7.22.9"
   dependencies:
-    "@babel/compat-data" "^7.20.1"
-    "@babel/helper-compilation-targets" "^7.20.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-validator-option" "^7.18.6"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.18.6"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.18.9"
-    "@babel/plugin-proposal-async-generator-functions" "^7.20.1"
-    "@babel/plugin-proposal-class-properties" "^7.18.6"
-    "@babel/plugin-proposal-class-static-block" "^7.18.6"
-    "@babel/plugin-proposal-dynamic-import" "^7.18.6"
-    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
-    "@babel/plugin-proposal-json-strings" "^7.18.6"
-    "@babel/plugin-proposal-logical-assignment-operators" "^7.18.9"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.6"
-    "@babel/plugin-proposal-numeric-separator" "^7.18.6"
-    "@babel/plugin-proposal-object-rest-spread" "^7.20.2"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.18.6"
-    "@babel/plugin-proposal-optional-chaining" "^7.18.9"
-    "@babel/plugin-proposal-private-methods" "^7.18.6"
-    "@babel/plugin-proposal-private-property-in-object" "^7.18.6"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.18.6"
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.5"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.5"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
     "@babel/plugin-syntax-class-properties" "^7.12.13"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
     "@babel/plugin-syntax-dynamic-import" "^7.8.3"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.20.0"
+    "@babel/plugin-syntax-import-assertions" "^7.22.5"
+    "@babel/plugin-syntax-import-attributes" "^7.22.5"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
@@ -869,50 +903,67 @@
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
     "@babel/plugin-syntax-top-level-await" "^7.14.5"
-    "@babel/plugin-transform-arrow-functions" "^7.18.6"
-    "@babel/plugin-transform-async-to-generator" "^7.18.6"
-    "@babel/plugin-transform-block-scoped-functions" "^7.18.6"
-    "@babel/plugin-transform-block-scoping" "^7.20.2"
-    "@babel/plugin-transform-classes" "^7.20.2"
-    "@babel/plugin-transform-computed-properties" "^7.18.9"
-    "@babel/plugin-transform-destructuring" "^7.20.2"
-    "@babel/plugin-transform-dotall-regex" "^7.18.6"
-    "@babel/plugin-transform-duplicate-keys" "^7.18.9"
-    "@babel/plugin-transform-exponentiation-operator" "^7.18.6"
-    "@babel/plugin-transform-for-of" "^7.18.8"
-    "@babel/plugin-transform-function-name" "^7.18.9"
-    "@babel/plugin-transform-literals" "^7.18.9"
-    "@babel/plugin-transform-member-expression-literals" "^7.18.6"
-    "@babel/plugin-transform-modules-amd" "^7.19.6"
-    "@babel/plugin-transform-modules-commonjs" "^7.19.6"
-    "@babel/plugin-transform-modules-systemjs" "^7.19.6"
-    "@babel/plugin-transform-modules-umd" "^7.18.6"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.19.1"
-    "@babel/plugin-transform-new-target" "^7.18.6"
-    "@babel/plugin-transform-object-super" "^7.18.6"
-    "@babel/plugin-transform-parameters" "^7.20.1"
-    "@babel/plugin-transform-property-literals" "^7.18.6"
-    "@babel/plugin-transform-regenerator" "^7.18.6"
-    "@babel/plugin-transform-reserved-words" "^7.18.6"
-    "@babel/plugin-transform-shorthand-properties" "^7.18.6"
-    "@babel/plugin-transform-spread" "^7.19.0"
-    "@babel/plugin-transform-sticky-regex" "^7.18.6"
-    "@babel/plugin-transform-template-literals" "^7.18.9"
-    "@babel/plugin-transform-typeof-symbol" "^7.18.9"
-    "@babel/plugin-transform-unicode-escapes" "^7.18.10"
-    "@babel/plugin-transform-unicode-regex" "^7.18.6"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.22.5"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.7"
+    "@babel/plugin-transform-async-to-generator" "^7.22.5"
+    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.5"
+    "@babel/plugin-transform-class-properties" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.5"
+    "@babel/plugin-transform-classes" "^7.22.6"
+    "@babel/plugin-transform-computed-properties" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.5"
+    "@babel/plugin-transform-dotall-regex" "^7.22.5"
+    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.5"
+    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.5"
+    "@babel/plugin-transform-for-of" "^7.22.5"
+    "@babel/plugin-transform-function-name" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.5"
+    "@babel/plugin-transform-literals" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.5"
+    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
+    "@babel/plugin-transform-modules-amd" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.5"
+    "@babel/plugin-transform-modules-umd" "^7.22.5"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
+    "@babel/plugin-transform-new-target" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.5"
+    "@babel/plugin-transform-numeric-separator" "^7.22.5"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.5"
+    "@babel/plugin-transform-object-super" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.6"
+    "@babel/plugin-transform-parameters" "^7.22.5"
+    "@babel/plugin-transform-private-methods" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.5"
+    "@babel/plugin-transform-property-literals" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.5"
+    "@babel/plugin-transform-reserved-words" "^7.22.5"
+    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
+    "@babel/plugin-transform-spread" "^7.22.5"
+    "@babel/plugin-transform-sticky-regex" "^7.22.5"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.5"
+    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
     "@babel/preset-modules" "^0.1.5"
-    "@babel/types" "^7.20.2"
-    "babel-plugin-polyfill-corejs2" "^0.3.3"
-    "babel-plugin-polyfill-corejs3" "^0.6.0"
-    "babel-plugin-polyfill-regenerator" "^0.4.1"
-    "core-js-compat" "^3.25.1"
-    "semver" "^6.3.0"
+    "@babel/types" "^7.22.5"
+    "babel-plugin-polyfill-corejs2" "^0.4.4"
+    "babel-plugin-polyfill-corejs3" "^0.8.2"
+    "babel-plugin-polyfill-regenerator" "^0.5.1"
+    "core-js-compat" "^3.31.0"
+    "semver" "^6.3.1"
 
 "@babel/preset-modules@^0.1.5":
-  "integrity" "sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA=="
-  "resolved" "https://registry.npmmirror.com/@babel/preset-modules/-/preset-modules-0.1.5.tgz"
-  "version" "0.1.5"
+  "integrity" "sha512-ID2yj6K/4lKfhuU3+EX4UvNbIt7eACFbHmNUjzA+ep+B5971CknnA/9DEWKbRokfbbtblxxxXFJJrH47UEAMVg=="
+  "resolved" "https://registry.npmmirror.com/@babel/preset-modules/-/preset-modules-0.1.6.tgz"
+  "version" "0.1.6"
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
@@ -920,47 +971,58 @@
     "@babel/types" "^7.4.4"
     "esutils" "^2.0.2"
 
-"@babel/runtime@^7.11.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.8.4":
-  "integrity" "sha512-mrzLkl6U9YLF8qpqI7TB82PESyEGjm/0Ly91jG575eVxMMlb8fYfOXFZIJ8XfLrJZQbm7dlKry2bJmXBUEkdFg=="
-  "resolved" "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.20.1.tgz"
-  "version" "7.20.1"
-  dependencies:
-    "regenerator-runtime" "^0.13.10"
+"@babel/regjsgen@^0.8.0":
+  "integrity" "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
+  "resolved" "https://registry.npmmirror.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz"
+  "version" "0.8.0"
 
-"@babel/template@^7.0.0", "@babel/template@^7.18.10":
-  "integrity" "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA=="
-  "resolved" "https://registry.npmmirror.com/@babel/template/-/template-7.18.10.tgz"
-  "version" "7.18.10"
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.18.10"
-    "@babel/types" "^7.18.10"
+"@babel/runtime@^7.11.0", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.28.4", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4":
+  "integrity" "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g=="
+  "resolved" "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.29.2.tgz"
+  "version" "7.29.2"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.20.1", "@babel/traverse@^7.7.0":
-  "integrity" "sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA=="
-  "resolved" "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.20.1.tgz"
-  "version" "7.20.1"
+"@babel/template@^7.22.5":
+  "integrity" "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw=="
+  "resolved" "https://registry.npmmirror.com/@babel/template/-/template-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.1"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.20.1"
-    "@babel/types" "^7.20.0"
+    "@babel/code-frame" "^7.22.5"
+    "@babel/parser" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/traverse@^7.22.5", "@babel/traverse@^7.22.6", "@babel/traverse@^7.22.8", "@babel/traverse@^7.7.0":
+  "integrity" "sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw=="
+  "resolved" "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.22.8.tgz"
+  "version" "7.22.8"
+  dependencies:
+    "@babel/code-frame" "^7.22.5"
+    "@babel/generator" "^7.22.7"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.22.7"
+    "@babel/types" "^7.22.5"
     "debug" "^4.1.0"
     "globals" "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
-  "integrity" "sha512-FnnvsNWgZCr232sqtXggapvlkk/tuwR/qhGzcmxI0GXLCjmPYQPzio2FbdlWuY6y1sHFfQKk+rRbUZ9VStQMog=="
-  "resolved" "https://registry.npmmirror.com/@babel/types/-/types-7.20.2.tgz"
-  "version" "7.20.2"
+"@babel/types@^7.22.5", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
+  "integrity" "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA=="
+  "resolved" "https://registry.npmmirror.com/@babel/types/-/types-7.22.5.tgz"
+  "version" "7.22.5"
   dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
     "to-fast-properties" "^2.0.0"
 
+"@bpmn-io/diagram-js-ui@^0.2.3":
+  "integrity" "sha512-OGyjZKvGK8tHSZ0l7RfeKhilGoOGtFDcoqSGYkX0uhFlo99OVZ9Jn1K7TJGzcE9BdKwvA5Y5kGqHEhdTxHvFfw=="
+  "resolved" "https://registry.npmmirror.com/@bpmn-io/diagram-js-ui/-/diagram-js-ui-0.2.3.tgz"
+  "version" "0.2.3"
+  dependencies:
+    "htm" "^3.1.1"
+    "preact" "^10.11.2"
+
 "@bpmn-io/element-templates-validator@^0.2.0":
   "integrity" "sha512-/ogp0+6zUFdoiY09NYaHL5JtapB8zN1spG8hpML96qetXDCODRxnsqlHTvSwxtZHUDcgun+lxcK8b4wgtCP+6Q=="
   "resolved" "https://registry.npmmirror.com/@bpmn-io/element-templates-validator/-/element-templates-validator-0.2.0.tgz"
@@ -1044,27 +1106,10 @@
     "cssnano-preset-default" "^4.0.0"
     "postcss" "^7.0.0"
 
-"@jridgewell/gen-mapping@^0.1.0":
-  "integrity" "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w=="
-  "resolved" "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz"
-  "version" "0.1.1"
-  dependencies:
-    "@jridgewell/set-array" "^1.0.0"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-
-"@jridgewell/gen-mapping@^0.3.0":
-  "integrity" "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A=="
-  "resolved" "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz"
-  "version" "0.3.2"
-  dependencies:
-    "@jridgewell/set-array" "^1.0.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.9"
-
-"@jridgewell/gen-mapping@^0.3.2":
-  "integrity" "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A=="
-  "resolved" "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz"
-  "version" "0.3.2"
+"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
+  "integrity" "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ=="
+  "resolved" "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz"
+  "version" "0.3.3"
   dependencies:
     "@jridgewell/set-array" "^1.0.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
@@ -1075,28 +1120,33 @@
   "resolved" "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz"
   "version" "3.1.0"
 
-"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
+"@jridgewell/set-array@^1.0.1":
   "integrity" "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
   "resolved" "https://registry.npmmirror.com/@jridgewell/set-array/-/set-array-1.1.2.tgz"
   "version" "1.1.2"
 
-"@jridgewell/source-map@^0.3.2":
-  "integrity" "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw=="
-  "resolved" "https://registry.npmmirror.com/@jridgewell/source-map/-/source-map-0.3.2.tgz"
-  "version" "0.3.2"
+"@jridgewell/source-map@^0.3.3":
+  "integrity" "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ=="
+  "resolved" "https://registry.npmmirror.com/@jridgewell/source-map/-/source-map-0.3.5.tgz"
+  "version" "0.3.5"
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@1.4.14":
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.15":
+  "integrity" "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+  "resolved" "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
+  "version" "1.4.15"
+
+"@jridgewell/sourcemap-codec@1.4.14":
   "integrity" "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
   "resolved" "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz"
   "version" "1.4.14"
 
-"@jridgewell/trace-mapping@^0.3.9":
-  "integrity" "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g=="
-  "resolved" "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz"
-  "version" "0.3.17"
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+  "integrity" "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA=="
+  "resolved" "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz"
+  "version" "0.3.18"
   dependencies:
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
@@ -1175,9 +1225,9 @@
     "@types/node" "*"
 
 "@types/connect-history-api-fallback@*":
-  "integrity" "sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw=="
-  "resolved" "https://registry.npmmirror.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz"
-  "version" "1.3.5"
+  "integrity" "sha512-4x5FkPpLipqwthjPsF7ZRbOv3uoLUFkTA9G9v583qi4pACvq0uTELrB8OLUzPWUI4IJIyvM85vzkV1nyiI2Lig=="
+  "resolved" "https://registry.npmmirror.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz"
+  "version" "1.5.0"
   dependencies:
     "@types/express-serve-static-core" "*"
     "@types/node" "*"
@@ -1189,22 +1239,23 @@
   dependencies:
     "@types/node" "*"
 
-"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
-  "integrity" "sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q=="
-  "resolved" "https://registry.npmmirror.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz"
-  "version" "4.17.31"
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
+  "integrity" "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg=="
+  "resolved" "https://registry.npmmirror.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz"
+  "version" "4.17.35"
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
     "@types/range-parser" "*"
+    "@types/send" "*"
 
 "@types/express@*":
-  "integrity" "sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg=="
-  "resolved" "https://registry.npmmirror.com/@types/express/-/express-4.17.14.tgz"
-  "version" "4.17.14"
+  "integrity" "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q=="
+  "resolved" "https://registry.npmmirror.com/@types/express/-/express-4.17.17.tgz"
+  "version" "4.17.17"
   dependencies:
     "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.18"
+    "@types/express-serve-static-core" "^4.17.33"
     "@types/qs" "*"
     "@types/serve-static" "*"
 
@@ -1216,27 +1267,32 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
+"@types/http-errors@*":
+  "integrity" "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ=="
+  "resolved" "https://registry.npmmirror.com/@types/http-errors/-/http-errors-2.0.1.tgz"
+  "version" "2.0.1"
+
 "@types/http-proxy@^1.17.5":
-  "integrity" "sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw=="
-  "resolved" "https://registry.npmmirror.com/@types/http-proxy/-/http-proxy-1.17.9.tgz"
-  "version" "1.17.9"
+  "integrity" "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA=="
+  "resolved" "https://registry.npmmirror.com/@types/http-proxy/-/http-proxy-1.17.11.tgz"
+  "version" "1.17.11"
   dependencies:
     "@types/node" "*"
 
 "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8":
-  "integrity" "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ=="
-  "resolved" "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.11.tgz"
-  "version" "7.0.11"
+  "integrity" "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA=="
+  "resolved" "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.12.tgz"
+  "version" "7.0.12"
 
 "@types/json5@^0.0.29":
   "integrity" "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
   "resolved" "https://registry.npmmirror.com/@types/json5/-/json5-0.0.29.tgz"
   "version" "0.0.29"
 
-"@types/mime@*":
-  "integrity" "sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA=="
-  "resolved" "https://registry.npmmirror.com/@types/mime/-/mime-3.0.1.tgz"
-  "version" "3.0.1"
+"@types/mime@*", "@types/mime@^1":
+  "integrity" "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
+  "resolved" "https://registry.npmmirror.com/@types/mime/-/mime-1.3.2.tgz"
+  "version" "1.3.2"
 
 "@types/minimatch@*":
   "integrity" "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA=="
@@ -1249,9 +1305,9 @@
   "version" "1.2.2"
 
 "@types/node@*":
-  "integrity" "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg=="
-  "resolved" "https://registry.npmmirror.com/@types/node/-/node-18.11.9.tgz"
-  "version" "18.11.9"
+  "integrity" "sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg=="
+  "resolved" "https://registry.npmmirror.com/@types/node/-/node-20.4.5.tgz"
+  "version" "20.4.5"
 
 "@types/normalize-package-data@^2.4.0":
   "integrity" "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw=="
@@ -1273,11 +1329,20 @@
   "resolved" "https://registry.npmmirror.com/@types/range-parser/-/range-parser-1.2.4.tgz"
   "version" "1.2.4"
 
-"@types/serve-static@*":
-  "integrity" "sha512-z5xyF6uh8CbjAu9760KDKsH2FcDxZ2tFCsA4HIMWE6IkiYMXfVoa+4f9KX+FN0ZLsaMw1WNG2ETLA6N+/YA+cg=="
-  "resolved" "https://registry.npmmirror.com/@types/serve-static/-/serve-static-1.15.0.tgz"
-  "version" "1.15.0"
+"@types/send@*":
+  "integrity" "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q=="
+  "resolved" "https://registry.npmmirror.com/@types/send/-/send-0.17.1.tgz"
+  "version" "0.17.1"
   dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-static@*":
+  "integrity" "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw=="
+  "resolved" "https://registry.npmmirror.com/@types/serve-static/-/serve-static-1.15.2.tgz"
+  "version" "1.15.2"
+  dependencies:
+    "@types/http-errors" "*"
     "@types/mime" "*"
     "@types/node" "*"
 
@@ -1330,29 +1395,92 @@
     "anymatch" "^3.0.0"
     "source-map" "^0.6.0"
 
+"@videojs/http-streaming@^3.17.3":
+  "integrity" "sha512-XAvdG2dolBuV2Fx8bu1kjmQ2D4TonGzZH68Pgv/O9xMSFWdZtITSMFismeQLEAtMmGwze8qNJp3RgV+jStrJqg=="
+  "resolved" "https://registry.npmmirror.com/@videojs/http-streaming/-/http-streaming-3.17.4.tgz"
+  "version" "3.17.4"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^4.1.1"
+    "aes-decrypter" "^4.0.2"
+    "global" "^4.4.0"
+    "m3u8-parser" "^7.2.0"
+    "mpd-parser" "^1.3.1"
+    "mux.js" "7.1.0"
+    "video.js" "^7 || ^8"
+
+"@videojs/http-streaming@2.16.2":
+  "integrity" "sha512-etPTUdCFu7gUWc+1XcbiPr+lrhOcBu3rV5OL1M+3PDW89zskScAkkcdqYzP4pFodBPye/ydamQoTDScOnElw5A=="
+  "resolved" "https://registry.npmmirror.com/@videojs/http-streaming/-/http-streaming-2.16.2.tgz"
+  "version" "2.16.2"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "3.0.5"
+    "aes-decrypter" "3.1.3"
+    "global" "^4.4.0"
+    "m3u8-parser" "4.8.0"
+    "mpd-parser" "^0.22.1"
+    "mux.js" "6.0.1"
+    "video.js" "^6 || ^7"
+
+"@videojs/vhs-utils@^3.0.4", "@videojs/vhs-utils@^3.0.5", "@videojs/vhs-utils@3.0.5":
+  "integrity" "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw=="
+  "resolved" "https://registry.npmmirror.com/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz"
+  "version" "3.0.5"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "global" "^4.4.0"
+    "url-toolkit" "^2.2.1"
+
+"@videojs/vhs-utils@^4.0.0", "@videojs/vhs-utils@^4.1.1":
+  "integrity" "sha512-5iLX6sR2ownbv4Mtejw6Ax+naosGvoT9kY+gcuHzANyUZZ+4NpeNdKMUhb6ag0acYej1Y7cmr/F2+4PrggMiVA=="
+  "resolved" "https://registry.npmmirror.com/@videojs/vhs-utils/-/vhs-utils-4.1.1.tgz"
+  "version" "4.1.1"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "global" "^4.4.0"
+
+"@videojs/xhr@2.6.0":
+  "integrity" "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q=="
+  "resolved" "https://registry.npmmirror.com/@videojs/xhr/-/xhr-2.6.0.tgz"
+  "version" "2.6.0"
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    "global" "~4.4.0"
+    "is-function" "^1.0.1"
+
+"@videojs/xhr@2.7.0":
+  "integrity" "sha512-giab+EVRanChIupZK7gXjHy90y3nncA2phIOyG3Ne5fvpiMJzvqYwiTOnEVW2S4CoYcuKJkomat7bMXA/UoUZQ=="
+  "resolved" "https://registry.npmmirror.com/@videojs/xhr/-/xhr-2.7.0.tgz"
+  "version" "2.7.0"
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    "global" "~4.4.0"
+    "is-function" "^1.0.1"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.4.0":
   "integrity" "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA=="
   "resolved" "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz"
   "version" "1.4.0"
 
-"@vue/babel-helper-vue-transform-on@^1.0.2":
-  "integrity" "sha512-hz4R8tS5jMn8lDq6iD+yWL6XNB699pGIVLk7WSJnn1dbpjaazsjZQkieJoRX6gW5zpYSCFqQ7jUquPNY65tQYA=="
-  "resolved" "https://registry.npmmirror.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.2.tgz"
-  "version" "1.0.2"
+"@vue/babel-helper-vue-transform-on@^1.1.5":
+  "integrity" "sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w=="
+  "resolved" "https://registry.npmmirror.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.1.5.tgz"
+  "version" "1.1.5"
 
 "@vue/babel-plugin-jsx@^1.0.3":
-  "integrity" "sha512-j2uVfZjnB5+zkcbc/zsOc0fSNGCMMjaEXP52wdwdIfn0qjFfEYpYZBFKFg+HHnQeJCVrjOeO0YxgaL7DMrym9w=="
-  "resolved" "https://registry.npmmirror.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.1.tgz"
-  "version" "1.1.1"
+  "integrity" "sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g=="
+  "resolved" "https://registry.npmmirror.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.5.tgz"
+  "version" "1.1.5"
   dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.0.0"
-    "@babel/template" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    "@vue/babel-helper-vue-transform-on" "^1.0.2"
-    "camelcase" "^6.0.0"
-    "html-tags" "^3.1.0"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+    "@vue/babel-helper-vue-transform-on" "^1.1.5"
+    "camelcase" "^6.3.0"
+    "html-tags" "^3.3.1"
     "svg-tags" "^1.0.0"
 
 "@vue/babel-plugin-transform-vue-jsx@^1.4.0":
@@ -1494,7 +1622,7 @@
   "resolved" "https://registry.npmmirror.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.5.19.tgz"
   "version" "4.5.19"
 
-"@vue/cli-service@^3.0.0 || ^4.0.0-0", "@vue/cli-service@4.5.18":
+"@vue/cli-service@4.5.18":
   "integrity" "sha512-ACRfiyzQNT+3Ko8NdkyvKMsAJ7IziQcM+QvRzfHo11v4YllcQBbRxYsmnffvjaZfNBefQvJ1qX9FI+ggIlxYQA=="
   "resolved" "https://registry.npmmirror.com/@vue/cli-service/-/cli-service-4.5.18.tgz"
   "version" "4.5.18"
@@ -1575,39 +1703,39 @@
     "semver" "^6.1.0"
     "strip-ansi" "^6.0.0"
 
-"@vue/compiler-core@3.2.44":
-  "integrity" "sha512-TwzeVSnaklb8wIvMtwtkPkt9wnU+XD70xJ7N9+eIHtjKAG7OoZttm+14ZL6vWOL+2RcMtSZ+cYH+gvkUqsrmSQ=="
-  "resolved" "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.44.tgz"
-  "version" "3.2.44"
+"@vue/compiler-core@3.3.4":
+  "integrity" "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g=="
+  "resolved" "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.4.tgz"
+  "version" "3.3.4"
   dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.44"
+    "@babel/parser" "^7.21.3"
+    "@vue/shared" "3.3.4"
     "estree-walker" "^2.0.2"
-    "source-map" "^0.6.1"
+    "source-map-js" "^1.0.2"
 
-"@vue/compiler-dom@3.2.44":
-  "integrity" "sha512-wPDR+gOn2Qi7SudPJ+gE62vuO/aKXIiIFALvHpztXmDdbAHGy3CDfmBgOGchTgTlSeDJHe9olEMkgOdmyXTjUg=="
-  "resolved" "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.44.tgz"
-  "version" "3.2.44"
+"@vue/compiler-dom@3.3.4":
+  "integrity" "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w=="
+  "resolved" "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz"
+  "version" "3.3.4"
   dependencies:
-    "@vue/compiler-core" "3.2.44"
-    "@vue/shared" "3.2.44"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
 
-"@vue/compiler-sfc@^3.0.0-beta.14", "@vue/compiler-sfc@^3.0.1":
-  "integrity" "sha512-8cFZcUWlrtnfM/GlRwYJdlfgbEOy0OZ/osLDU3h/wJu24HuYAc7QIML1USaKqiZzkjOaTd4y8mvYvcWXq3o5dA=="
-  "resolved" "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.44.tgz"
-  "version" "3.2.44"
+"@vue/compiler-sfc@^3.0.1":
+  "integrity" "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ=="
+  "resolved" "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz"
+  "version" "3.3.4"
   dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.44"
-    "@vue/compiler-dom" "3.2.44"
-    "@vue/compiler-ssr" "3.2.44"
-    "@vue/reactivity-transform" "3.2.44"
-    "@vue/shared" "3.2.44"
+    "@babel/parser" "^7.20.15"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/compiler-ssr" "3.3.4"
+    "@vue/reactivity-transform" "3.3.4"
+    "@vue/shared" "3.3.4"
     "estree-walker" "^2.0.2"
-    "magic-string" "^0.25.7"
+    "magic-string" "^0.30.0"
     "postcss" "^8.1.10"
-    "source-map" "^0.6.1"
+    "source-map-js" "^1.0.2"
 
 "@vue/compiler-sfc@2.7.14":
   "integrity" "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA=="
@@ -1618,13 +1746,13 @@
     "postcss" "^8.4.14"
     "source-map" "^0.6.1"
 
-"@vue/compiler-ssr@3.2.44":
-  "integrity" "sha512-tAkUFLgvxds3l5KPyAH77OIYrEeLngNYQfWA9GocHiy2nlyajjqAH/Jq93Bq29Y20GeJzblmRp9DVYCVkJ5Rsw=="
-  "resolved" "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.44.tgz"
-  "version" "3.2.44"
+"@vue/compiler-ssr@3.3.4":
+  "integrity" "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ=="
+  "resolved" "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz"
+  "version" "3.3.4"
   dependencies:
-    "@vue/compiler-dom" "3.2.44"
-    "@vue/shared" "3.2.44"
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/shared" "3.3.4"
 
 "@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.1.2":
   "integrity" "sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ=="
@@ -1654,21 +1782,21 @@
   "resolved" "https://registry.npmmirror.com/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.2.tgz"
   "version" "1.1.2"
 
-"@vue/reactivity-transform@3.2.44":
-  "integrity" "sha512-WGbEiXaS2qAOTS9Z3kKk2Nk4bi8OUl73Sih+h0XV9RTUATnaJSEQedveHUDQnHyXiZwyBMKosrxJg8aThHO/rw=="
-  "resolved" "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.44.tgz"
-  "version" "3.2.44"
+"@vue/reactivity-transform@3.3.4":
+  "integrity" "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw=="
+  "resolved" "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz"
+  "version" "3.3.4"
   dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.44"
-    "@vue/shared" "3.2.44"
+    "@babel/parser" "^7.20.15"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
     "estree-walker" "^2.0.2"
-    "magic-string" "^0.25.7"
+    "magic-string" "^0.30.0"
 
-"@vue/shared@3.2.44":
-  "integrity" "sha512-mGZ44bnn0zpZ36nXtxbrBPno43yr96wjQE1dBEKS1Sieugt27HS4OGZVBRIgsdGzosB7vqZAvu0ttu1FDVdolA=="
-  "resolved" "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.44.tgz"
-  "version" "3.2.44"
+"@vue/shared@3.3.4":
+  "integrity" "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
+  "resolved" "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.4.tgz"
+  "version" "3.3.4"
 
 "@vue/web-component-wrapper@^1.2.0":
   "integrity" "sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA=="
@@ -1820,6 +1948,11 @@
     "@webassemblyjs/wast-parser" "1.9.0"
     "@xtuc/long" "4.2.2"
 
+"@xmldom/xmldom@^0.8.3":
+  "integrity" "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw=="
+  "resolved" "https://registry.npmmirror.com/@xmldom/xmldom/-/xmldom-0.8.10.tgz"
+  "version" "0.8.10"
+
 "@xtuc/ieee754@^1.2.0":
   "integrity" "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA=="
   "resolved" "https://registry.npmmirror.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz"
@@ -1853,30 +1986,45 @@
   "resolved" "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-7.2.0.tgz"
   "version" "7.2.0"
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", "acorn@^7.1.1", "acorn@^7.4.0":
-  "integrity" "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
-  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz"
-  "version" "7.4.1"
-
 "acorn@^6.4.1":
   "integrity" "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ=="
   "resolved" "https://registry.npmmirror.com/acorn/-/acorn-6.4.2.tgz"
   "version" "6.4.2"
 
-"acorn@^8.5.0":
-  "integrity" "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA=="
-  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-8.8.1.tgz"
-  "version" "8.8.1"
+"acorn@^7.1.1":
+  "integrity" "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
+  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz"
+  "version" "7.4.1"
 
-"acorn@^8.8.0":
-  "integrity" "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA=="
-  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-8.8.1.tgz"
-  "version" "8.8.1"
+"acorn@^7.4.0":
+  "integrity" "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
+  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz"
+  "version" "7.4.1"
+
+"acorn@^8.8.2":
+  "integrity" "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw=="
+  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz"
+  "version" "8.10.0"
+
+"acorn@^8.9.0":
+  "integrity" "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw=="
+  "resolved" "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz"
+  "version" "8.10.0"
 
 "address@^1.1.2":
-  "integrity" "sha512-B+6bi5D34+fDYENiH5qOlA0cV2rAGKuWZ9LeyUUehbXy8e0VS9e498yO0Jeeh+iM+6KbfudHTFjXw2MmJD4QRA=="
-  "resolved" "https://registry.npmmirror.com/address/-/address-1.2.1.tgz"
-  "version" "1.2.1"
+  "integrity" "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA=="
+  "resolved" "https://registry.npmmirror.com/address/-/address-1.2.2.tgz"
+  "version" "1.2.2"
+
+"aes-decrypter@^4.0.2":
+  "integrity" "sha512-lc+/9s6iJvuaRe5qDlMTpCFjnwpkeOXp8qP3oiZ5jsj1MRg+SBVUmmICrhxHvc8OELSmc+fEyyxAuppY6hrWzw=="
+  "resolved" "https://registry.npmmirror.com/aes-decrypter/-/aes-decrypter-4.0.2.tgz"
+  "version" "4.0.2"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^4.1.1"
+    "global" "^4.4.0"
+    "pkcs7" "^1.0.4"
 
 "aes-decrypter@1.0.3":
   "integrity" "sha512-rsx8pfx7wJsn+ziYbpJ8XA5c93hKAtBCrfydxJqJCMT+qfjipd/B5wC2xHtBcoxyvlqJcpeAo3K55t0lXOn9yQ=="
@@ -1885,6 +2033,16 @@
   dependencies:
     "pkcs7" "^0.2.3"
 
+"aes-decrypter@3.1.3":
+  "integrity" "sha512-VkG9g4BbhMBy+N5/XodDeV6F02chEk9IpgRTq/0bS80y4dzy79VH2Gtms02VXomf3HmyRe3yyJYkJ990ns+d6A=="
+  "resolved" "https://registry.npmmirror.com/aes-decrypter/-/aes-decrypter-3.1.3.tgz"
+  "version" "3.1.3"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^3.0.5"
+    "global" "^4.4.0"
+    "pkcs7" "^1.0.4"
+
 "aggregate-error@^3.0.0":
   "integrity" "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA=="
   "resolved" "https://registry.npmmirror.com/aggregate-error/-/aggregate-error-3.1.0.tgz"
@@ -1903,7 +2061,7 @@
   "resolved" "https://registry.npmmirror.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz"
   "version" "3.5.2"
 
-"ajv@^6.1.0", "ajv@^6.10.0", "ajv@^6.10.2", "ajv@^6.12.3", "ajv@^6.12.4", "ajv@^6.12.5", "ajv@^6.9.1", "ajv@>=5.0.0":
+"ajv@^6.1.0", "ajv@^6.10.0", "ajv@^6.10.2", "ajv@^6.12.3", "ajv@^6.12.4", "ajv@^6.12.5":
   "integrity" "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="
   "resolved" "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz"
   "version" "6.12.6"
@@ -1965,28 +2123,21 @@
   "resolved" "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-2.2.1.tgz"
   "version" "2.2.1"
 
-"ansi-styles@^3.1.0":
+"ansi-styles@^3.1.0", "ansi-styles@^3.2.0", "ansi-styles@^3.2.1":
   "integrity" "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA=="
   "resolved" "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz"
   "version" "3.2.1"
   dependencies:
     "color-convert" "^1.9.0"
 
-"ansi-styles@^3.2.0":
-  "integrity" "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA=="
-  "resolved" "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz"
-  "version" "3.2.1"
+"ansi-styles@^4.0.0":
+  "integrity" "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="
+  "resolved" "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz"
+  "version" "4.3.0"
   dependencies:
-    "color-convert" "^1.9.0"
+    "color-convert" "^2.0.1"
 
-"ansi-styles@^3.2.1":
-  "integrity" "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA=="
-  "resolved" "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz"
-  "version" "3.2.1"
-  dependencies:
-    "color-convert" "^1.9.0"
-
-"ansi-styles@^4.0.0", "ansi-styles@^4.1.0":
+"ansi-styles@^4.1.0":
   "integrity" "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="
   "resolved" "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz"
   "version" "4.3.0"
@@ -2012,9 +2163,9 @@
     "normalize-path" "^2.1.1"
 
 "anymatch@^3.0.0", "anymatch@~3.1.2":
-  "integrity" "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg=="
-  "resolved" "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.2.tgz"
-  "version" "3.1.2"
+  "integrity" "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw=="
+  "resolved" "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz"
+  "version" "3.1.3"
   dependencies:
     "normalize-path" "^3.0.0"
     "picomatch" "^2.0.4"
@@ -2051,6 +2202,14 @@
   "resolved" "https://registry.npmmirror.com/arr-union/-/arr-union-3.1.0.tgz"
   "version" "3.1.0"
 
+"array-buffer-byte-length@^1.0.0":
+  "integrity" "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A=="
+  "resolved" "https://registry.npmmirror.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz"
+  "version" "1.0.0"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "is-array-buffer" "^3.0.1"
+
 "array-flatten@^2.1.0":
   "integrity" "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ=="
   "resolved" "https://registry.npmmirror.com/array-flatten/-/array-flatten-2.1.2.tgz"
@@ -2061,7 +2220,7 @@
   "resolved" "https://registry.npmmirror.com/array-flatten/-/array-flatten-1.1.1.tgz"
   "version" "1.1.1"
 
-"array-includes@^3.1.4":
+"array-includes@^3.1.6":
   "integrity" "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw=="
   "resolved" "https://registry.npmmirror.com/array-includes/-/array-includes-3.1.6.tgz"
   "version" "3.1.6"
@@ -2089,7 +2248,7 @@
   "resolved" "https://registry.npmmirror.com/array-unique/-/array-unique-0.3.2.tgz"
   "version" "0.3.2"
 
-"array.prototype.flat@^1.2.5":
+"array.prototype.flat@^1.3.1":
   "integrity" "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA=="
   "resolved" "https://registry.npmmirror.com/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz"
   "version" "1.3.1"
@@ -2099,6 +2258,16 @@
     "es-abstract" "^1.20.4"
     "es-shim-unscopables" "^1.0.0"
 
+"array.prototype.flatmap@^1.3.1":
+  "integrity" "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ=="
+  "resolved" "https://registry.npmmirror.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz"
+  "version" "1.3.1"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "define-properties" "^1.1.4"
+    "es-abstract" "^1.20.4"
+    "es-shim-unscopables" "^1.0.0"
+
 "array.prototype.reduce@^1.0.5":
   "integrity" "sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q=="
   "resolved" "https://registry.npmmirror.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz"
@@ -2110,6 +2279,18 @@
     "es-array-method-boxes-properly" "^1.0.0"
     "is-string" "^1.0.7"
 
+"arraybuffer.prototype.slice@^1.0.1":
+  "integrity" "sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw=="
+  "resolved" "https://registry.npmmirror.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz"
+  "version" "1.0.1"
+  dependencies:
+    "array-buffer-byte-length" "^1.0.0"
+    "call-bind" "^1.0.2"
+    "define-properties" "^1.2.0"
+    "get-intrinsic" "^1.2.1"
+    "is-array-buffer" "^3.0.2"
+    "is-shared-array-buffer" "^1.0.2"
+
 "asn1.js@^5.2.0":
   "integrity" "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA=="
   "resolved" "https://registry.npmmirror.com/asn1.js/-/asn1.js-5.4.1.tgz"
@@ -2156,9 +2337,9 @@
   "version" "2.0.0"
 
 "async-each@^1.0.1":
-  "integrity" "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ=="
-  "resolved" "https://registry.npmmirror.com/async-each/-/async-each-1.0.3.tgz"
-  "version" "1.0.3"
+  "integrity" "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg=="
+  "resolved" "https://registry.npmmirror.com/async-each/-/async-each-1.0.6.tgz"
+  "version" "1.0.6"
 
 "async-limiter@~1.0.0":
   "integrity" "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
@@ -2202,15 +2383,20 @@
     "postcss" "^7.0.32"
     "postcss-value-parser" "^4.1.0"
 
+"available-typed-arrays@^1.0.5":
+  "integrity" "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw=="
+  "resolved" "https://registry.npmmirror.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz"
+  "version" "1.0.5"
+
 "aws-sign2@~0.7.0":
   "integrity" "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA=="
   "resolved" "https://registry.npmmirror.com/aws-sign2/-/aws-sign2-0.7.0.tgz"
   "version" "0.7.0"
 
 "aws4@^1.8.0":
-  "integrity" "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
-  "resolved" "https://registry.npmmirror.com/aws4/-/aws4-1.11.0.tgz"
-  "version" "1.11.0"
+  "integrity" "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg=="
+  "resolved" "https://registry.npmmirror.com/aws4/-/aws4-1.12.0.tgz"
+  "version" "1.12.0"
 
 "axios@0.27.2":
   "integrity" "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ=="
@@ -2254,29 +2440,34 @@
   dependencies:
     "object.assign" "^4.1.0"
 
-"babel-plugin-polyfill-corejs2@^0.3.3":
-  "integrity" "sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q=="
-  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz"
-  "version" "0.3.3"
+"babel-plugin-polyfill-corejs2@^0.4.4":
+  "integrity" "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg=="
+  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz"
+  "version" "0.4.5"
   dependencies:
-    "@babel/compat-data" "^7.17.7"
-    "@babel/helper-define-polyfill-provider" "^0.3.3"
-    "semver" "^6.1.1"
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    "semver" "^6.3.1"
 
-"babel-plugin-polyfill-corejs3@^0.6.0":
-  "integrity" "sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA=="
-  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz"
-  "version" "0.6.0"
+"babel-plugin-polyfill-corejs3@^0.8.2":
+  "integrity" "sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA=="
+  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz"
+  "version" "0.8.3"
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.3.3"
-    "core-js-compat" "^3.25.1"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    "core-js-compat" "^3.31.0"
 
-"babel-plugin-polyfill-regenerator@^0.4.1":
-  "integrity" "sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw=="
-  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.1.tgz"
-  "version" "0.4.1"
+"babel-plugin-polyfill-regenerator@^0.5.1":
+  "integrity" "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA=="
+  "resolved" "https://registry.npmmirror.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz"
+  "version" "0.5.2"
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.3.3"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+
+"babel-plugin-transform-remove-console@^6.9.4":
+  "integrity" "sha512-88blrUrMX3SPiGkT1GnvVY8E/7A+k6oj3MNvUtTIxJflFzXTw1bHkuJ/y039ouhFMp2prRn5cQGzokViYi1dsg=="
+  "resolved" "https://registry.npmmirror.com/babel-plugin-transform-remove-console/-/babel-plugin-transform-remove-console-6.9.4.tgz"
+  "version" "6.9.4"
 
 "babel-runtime@^6.9.2", "babel-runtime@6.x":
   "integrity" "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g=="
@@ -2447,7 +2638,7 @@
     "min-dom" "^0.2.0"
     "svg.js" "^2.6.3"
 
-"bpmn-js@^3.x || ^4.x || ^5.x || ^6.x || ^7.x || ^8.x", "bpmn-js@8.9.0":
+"bpmn-js@8.9.0":
   "integrity" "sha512-cthSxiJUpEHspiUKiL0YA8/mRCYngNKwALWieLKPtFo42n+vWTFgmxnASNRwhxpPEbSXjYuTah1lZ0lSyLWPpw=="
   "resolved" "https://registry.npmmirror.com/bpmn-js/-/bpmn-js-8.9.0.tgz"
   "version" "8.9.0"
@@ -2576,15 +2767,15 @@
   dependencies:
     "pako" "~1.0.5"
 
-"browserslist@^4.0.0", "browserslist@^4.12.0", "browserslist@^4.21.3", "browserslist@^4.21.4", "browserslist@>= 4.21.0":
-  "integrity" "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw=="
-  "resolved" "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz"
-  "version" "4.21.4"
+"browserslist@^4.0.0", "browserslist@^4.12.0", "browserslist@^4.21.9":
+  "integrity" "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg=="
+  "resolved" "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.9.tgz"
+  "version" "4.21.9"
   dependencies:
-    "caniuse-lite" "^1.0.30001400"
-    "electron-to-chromium" "^1.4.251"
-    "node-releases" "^2.0.6"
-    "update-browserslist-db" "^1.0.9"
+    "caniuse-lite" "^1.0.30001503"
+    "electron-to-chromium" "^1.4.431"
+    "node-releases" "^2.0.12"
+    "update-browserslist-db" "^1.0.11"
 
 "buffer-from@^1.0.0":
   "integrity" "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
@@ -2630,28 +2821,7 @@
   "resolved" "https://registry.npmmirror.com/bytes/-/bytes-3.1.2.tgz"
   "version" "3.1.2"
 
-"cacache@^12.0.2":
-  "integrity" "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ=="
-  "resolved" "https://registry.npmmirror.com/cacache/-/cacache-12.0.4.tgz"
-  "version" "12.0.4"
-  dependencies:
-    "bluebird" "^3.5.5"
-    "chownr" "^1.1.1"
-    "figgy-pudding" "^3.5.1"
-    "glob" "^7.1.4"
-    "graceful-fs" "^4.1.15"
-    "infer-owner" "^1.0.3"
-    "lru-cache" "^5.1.1"
-    "mississippi" "^3.0.0"
-    "mkdirp" "^0.5.1"
-    "move-concurrently" "^1.0.1"
-    "promise-inflight" "^1.0.1"
-    "rimraf" "^2.6.3"
-    "ssri" "^6.0.1"
-    "unique-filename" "^1.1.1"
-    "y18n" "^4.0.0"
-
-"cacache@^12.0.3":
+"cacache@^12.0.2", "cacache@^12.0.3":
   "integrity" "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ=="
   "resolved" "https://registry.npmmirror.com/cacache/-/cacache-12.0.4.tgz"
   "version" "12.0.4"
@@ -2778,7 +2948,7 @@
   "resolved" "https://registry.npmmirror.com/camelcase/-/camelcase-5.3.1.tgz"
   "version" "5.3.1"
 
-"camelcase@^6.0.0":
+"camelcase@^6.3.0":
   "integrity" "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA=="
   "resolved" "https://registry.npmmirror.com/camelcase/-/camelcase-6.3.0.tgz"
   "version" "6.3.0"
@@ -2793,10 +2963,10 @@
     "lodash.memoize" "^4.1.2"
     "lodash.uniq" "^4.5.0"
 
-"caniuse-lite@^1.0.0", "caniuse-lite@^1.0.30001109", "caniuse-lite@^1.0.30001400":
-  "integrity" "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ=="
-  "resolved" "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz"
-  "version" "1.0.30001431"
+"caniuse-lite@^1.0.0", "caniuse-lite@^1.0.30001109", "caniuse-lite@^1.0.30001503":
+  "integrity" "sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg=="
+  "resolved" "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001651.tgz"
+  "version" "1.0.30001651"
 
 "case-sensitive-paths-webpack-plugin@^2.3.0":
   "integrity" "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw=="
@@ -3001,9 +3171,9 @@
     "yargs" "^16.0.0"
 
 "cli-spinners@^2.0.0":
-  "integrity" "sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw=="
-  "resolved" "https://registry.npmmirror.com/cli-spinners/-/cli-spinners-2.7.0.tgz"
-  "version" "2.7.0"
+  "integrity" "sha512-4/aL9X3Wh0yiMQlE+eeRhWP6vclO3QRtw1JHKIT0FFUs5FjpFmESqtMvYZ0+lbzBw900b95mS0hohy+qn2VK/g=="
+  "resolved" "https://registry.npmmirror.com/cli-spinners/-/cli-spinners-2.9.0.tgz"
+  "version" "2.9.0"
 
 "cli-truncate@^2.1.0":
   "integrity" "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg=="
@@ -3081,6 +3251,11 @@
   "resolved" "https://registry.npmmirror.com/clone/-/clone-2.1.2.tgz"
   "version" "2.1.2"
 
+"clsx@^2.1.1":
+  "integrity" "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="
+  "resolved" "https://registry.npmmirror.com/clsx/-/clsx-2.1.1.tgz"
+  "version" "2.1.1"
+
 "coa@^2.0.2":
   "integrity" "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA=="
   "resolved" "https://registry.npmmirror.com/coa/-/coa-2.0.2.tgz"
@@ -3103,14 +3278,7 @@
     "map-visit" "^1.0.0"
     "object-visit" "^1.0.0"
 
-"color-convert@^1.9.0":
-  "integrity" "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg=="
-  "resolved" "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz"
-  "version" "1.9.3"
-  dependencies:
-    "color-name" "1.1.3"
-
-"color-convert@^1.9.3":
+"color-convert@^1.9.0", "color-convert@^1.9.3":
   "integrity" "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg=="
   "resolved" "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz"
   "version" "1.9.3"
@@ -3124,16 +3292,16 @@
   dependencies:
     "color-name" "~1.1.4"
 
-"color-name@^1.0.0", "color-name@~1.1.4":
-  "integrity" "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-  "resolved" "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
-  "version" "1.1.4"
-
-"color-name@1.1.3":
+"color-name@^1.0.0", "color-name@1.1.3":
   "integrity" "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
   "resolved" "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz"
   "version" "1.1.3"
 
+"color-name@~1.1.4":
+  "integrity" "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+  "resolved" "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
+  "version" "1.1.4"
+
 "color-string@^1.6.0":
   "integrity" "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg=="
   "resolved" "https://registry.npmmirror.com/color-string/-/color-string-1.9.1.tgz"
@@ -3151,9 +3319,9 @@
     "color-string" "^1.6.0"
 
 "colorette@^2.0.16":
-  "integrity" "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
-  "resolved" "https://registry.npmmirror.com/colorette/-/colorette-2.0.19.tgz"
-  "version" "2.0.19"
+  "integrity" "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w=="
+  "resolved" "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz"
+  "version" "2.0.20"
 
 "combined-stream@^1.0.6", "combined-stream@^1.0.8", "combined-stream@~1.0.6":
   "integrity" "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg=="
@@ -3162,25 +3330,15 @@
   dependencies:
     "delayed-stream" "~1.0.0"
 
-"commander@^2.18.0":
-  "integrity" "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
-  "resolved" "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz"
-  "version" "2.20.3"
-
-"commander@^2.19.0":
-  "integrity" "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
-  "resolved" "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz"
-  "version" "2.20.3"
-
-"commander@^2.20.0":
+"commander@^2.18.0", "commander@^2.19.0", "commander@^2.20.0":
   "integrity" "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
   "resolved" "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz"
   "version" "2.20.3"
 
 "commander@^9.3.0":
-  "integrity" "sha512-5EEkTNyHNGFPD2H+c/dXXfQZYa/scCKasxWcXJaWnNJ99pnQN9Vnmqow+p+PlFPE63Q6mThaZws1T+HxfpgtPw=="
-  "resolved" "https://registry.npmmirror.com/commander/-/commander-9.4.1.tgz"
-  "version" "9.4.1"
+  "integrity" "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ=="
+  "resolved" "https://registry.npmmirror.com/commander/-/commander-9.5.0.tgz"
+  "version" "9.5.0"
 
 "commander@~2.19.0":
   "integrity" "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg=="
@@ -3346,9 +3504,9 @@
     "safe-buffer" "5.2.1"
 
 "content-type@~1.0.4":
-  "integrity" "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
-  "resolved" "https://registry.npmmirror.com/content-type/-/content-type-1.0.4.tgz"
-  "version" "1.0.4"
+  "integrity" "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA=="
+  "resolved" "https://registry.npmmirror.com/content-type/-/content-type-1.0.5.tgz"
+  "version" "1.0.5"
 
 "convert-source-map@^1.7.0":
   "integrity" "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
@@ -3400,22 +3558,22 @@
     "serialize-javascript" "^4.0.0"
     "webpack-log" "^2.0.0"
 
-"core-js-compat@^3.25.1", "core-js-compat@^3.6.5":
-  "integrity" "sha512-piOX9Go+Z4f9ZiBFLnZ5VrOpBl0h7IGCkiFUN11QTe6LjAvOT3ifL/5TdoizMh99hcGy5SoLyWbapIY/PIb/3A=="
-  "resolved" "https://registry.npmmirror.com/core-js-compat/-/core-js-compat-3.26.0.tgz"
-  "version" "3.26.0"
+"core-js-compat@^3.31.0", "core-js-compat@^3.6.5":
+  "integrity" "sha512-wIDWd2s5/5aJSdpOJHfSibxNODxoGoWOBHt8JSPB41NOE94M7kuTPZCYLOlTtuoXTsBPKobpJ6T+y0SSy5L9SA=="
+  "resolved" "https://registry.npmmirror.com/core-js-compat/-/core-js-compat-3.31.1.tgz"
+  "version" "3.31.1"
   dependencies:
-    "browserslist" "^4.21.4"
+    "browserslist" "^4.21.9"
 
 "core-js@^2.4.0":
   "integrity" "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
   "resolved" "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz"
   "version" "2.6.12"
 
-"core-js@^3", "core-js@^3.26.0":
-  "integrity" "sha512-+DkDrhoR4Y0PxDz6rurahuB+I45OsEUv8E1maPTB6OuHRohMMcznBq9TMpdpDMm/hUPob/mJJS3PqgbHpMTQgw=="
-  "resolved" "https://registry.npmmirror.com/core-js/-/core-js-3.26.0.tgz"
-  "version" "3.26.0"
+"core-js@^3.26.0", "core-js@^3.6.5":
+  "integrity" "sha512-2sKLtfq1eFST7l7v62zaqXacPc7uG8ZAya8ogijLhTtaKNcpzpB4TMoTw2Si+8GYKRwFPMMtUT0263QFWFfqyQ=="
+  "resolved" "https://registry.npmmirror.com/core-js/-/core-js-3.31.1.tgz"
+  "version" "3.31.1"
 
 "core-util-is@~1.0.0", "core-util-is@1.0.2":
   "integrity" "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
@@ -3483,7 +3641,25 @@
     "shebang-command" "^1.2.0"
     "which" "^1.2.9"
 
-"cross-spawn@^7.0.0", "cross-spawn@^7.0.2", "cross-spawn@^7.0.3":
+"cross-spawn@^7.0.0":
+  "integrity" "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w=="
+  "resolved" "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz"
+  "version" "7.0.3"
+  dependencies:
+    "path-key" "^3.1.0"
+    "shebang-command" "^2.0.0"
+    "which" "^2.0.1"
+
+"cross-spawn@^7.0.2":
+  "integrity" "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="
+  "resolved" "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz"
+  "version" "7.0.6"
+  dependencies:
+    "path-key" "^3.1.0"
+    "shebang-command" "^2.0.0"
+    "which" "^2.0.1"
+
+"cross-spawn@^7.0.3":
   "integrity" "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w=="
   "resolved" "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz"
   "version" "7.0.3"
@@ -3527,7 +3703,7 @@
     "postcss" "^7.0.1"
     "timsort" "^0.3.0"
 
-"css-loader@*", "css-loader@^3.5.3":
+"css-loader@^3.5.3":
   "integrity" "sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ=="
   "resolved" "https://registry.npmmirror.com/css-loader/-/css-loader-3.6.0.tgz"
   "version" "3.6.0"
@@ -3684,14 +3860,14 @@
     "css-tree" "^1.1.2"
 
 "csstype@^3.1.0":
-  "integrity" "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
-  "resolved" "https://registry.npmmirror.com/csstype/-/csstype-3.1.1.tgz"
-  "version" "3.1.1"
+  "integrity" "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+  "resolved" "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz"
+  "version" "3.1.2"
 
 "cyclist@^1.0.1":
-  "integrity" "sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A=="
-  "resolved" "https://registry.npmmirror.com/cyclist/-/cyclist-1.0.1.tgz"
-  "version" "1.0.1"
+  "integrity" "sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA=="
+  "resolved" "https://registry.npmmirror.com/cyclist/-/cyclist-1.0.2.tgz"
+  "version" "1.0.2"
 
 "dashdash@^1.12.0":
   "integrity" "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g=="
@@ -3714,13 +3890,6 @@
   dependencies:
     "ms" "2.0.0"
 
-"debug@^2.6.9":
-  "integrity" "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="
-  "resolved" "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
-  "version" "2.6.9"
-  dependencies:
-    "ms" "2.0.0"
-
 "debug@^3.2.7":
   "integrity" "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="
   "resolved" "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz"
@@ -3748,9 +3917,9 @@
   "version" "1.2.0"
 
 "decode-uri-component@^0.2.0":
-  "integrity" "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og=="
-  "resolved" "https://registry.npmmirror.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz"
-  "version" "0.2.0"
+  "integrity" "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ=="
+  "resolved" "https://registry.npmmirror.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz"
+  "version" "0.2.2"
 
 "deep-equal@^1.0.1":
   "integrity" "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g=="
@@ -3775,9 +3944,9 @@
   "version" "1.5.2"
 
 "deepmerge@^4.2.2":
-  "integrity" "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
-  "resolved" "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.2.2.tgz"
-  "version" "4.2.2"
+  "integrity" "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="
+  "resolved" "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.3.1.tgz"
+  "version" "4.3.1"
 
 "deepmerge@1.3.2":
   "integrity" "sha512-qjMjTrk+RKv/sp4RPDpV5CnKhxjFI9p+GkLBOls5A8EEElldYWCWA9zceAkmfd0xIo2aU1nxiaLFoiya2sb6Cg=="
@@ -3806,10 +3975,10 @@
   dependencies:
     "clone" "^1.0.2"
 
-"define-properties@^1.1.2", "define-properties@^1.1.3", "define-properties@^1.1.4":
-  "integrity" "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA=="
-  "resolved" "https://registry.npmmirror.com/define-properties/-/define-properties-1.1.4.tgz"
-  "version" "1.1.4"
+"define-properties@^1.1.2", "define-properties@^1.1.3", "define-properties@^1.1.4", "define-properties@^1.2.0":
+  "integrity" "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA=="
+  "resolved" "https://registry.npmmirror.com/define-properties/-/define-properties-1.2.0.tgz"
+  "version" "1.2.0"
   dependencies:
     "has-property-descriptors" "^1.0.0"
     "object-keys" "^1.1.1"
@@ -3870,9 +4039,9 @@
   "version" "2.0.0"
 
 "des.js@^1.0.0":
-  "integrity" "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA=="
-  "resolved" "https://registry.npmmirror.com/des.js/-/des.js-1.0.1.tgz"
-  "version" "1.0.1"
+  "integrity" "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg=="
+  "resolved" "https://registry.npmmirror.com/des.js/-/des.js-1.1.0.tgz"
+  "version" "1.1.0"
   dependencies:
     "inherits" "^2.0.1"
     "minimalistic-assert" "^1.0.0"
@@ -3895,7 +4064,22 @@
     "min-dash" "^3.5.2"
     "min-dom" "^3.1.3"
 
-"diagram-js@*", "diagram-js@^7.8.2":
+"diagram-js@^15.12.0":
+  "integrity" "sha512-BQmdvh4fbnvP/2r6QnEEwbpPwS80OLMTn64UQN4CKfg4u08fQd7aqMVyP1kVF2mElYfK7477sAI4kdVKKR1F+g=="
+  "resolved" "https://registry.npmmirror.com/diagram-js/-/diagram-js-15.12.0.tgz"
+  "version" "15.12.0"
+  dependencies:
+    "@bpmn-io/diagram-js-ui" "^0.2.3"
+    "clsx" "^2.1.1"
+    "didi" "^11.0.0"
+    "inherits-browser" "^0.1.0"
+    "min-dash" "^5.0.0"
+    "min-dom" "^5.3.0"
+    "object-refs" "^0.4.0"
+    "path-intersection" "^4.1.0"
+    "tiny-svg" "^4.1.4"
+
+"diagram-js@^7.8.2":
   "integrity" "sha512-o1yUtX5TXV1pmpevP55gxU/AEG6nCidOXGs/HLuxNXG0zMZ3jQta7kMqRxTK93rNw/XuHmP1eMOwdvdJ2RP5qA=="
   "resolved" "https://registry.npmmirror.com/diagram-js/-/diagram-js-7.9.0.tgz"
   "version" "7.9.0"
@@ -3910,6 +4094,11 @@
     "path-intersection" "^2.2.1"
     "tiny-svg" "^2.2.2"
 
+"didi@^11.0.0":
+  "integrity" "sha512-PzCfRzQttvFpVcYMbSF7h8EsWjeJpVjWH4qDhB5LkMi1ILvHq4Ob0vhM2wLFziPkbUBi+PAo7ODbe2sacR7nJQ=="
+  "resolved" "https://registry.npmmirror.com/didi/-/didi-11.0.0.tgz"
+  "version" "11.0.0"
+
 "didi@^5.2.1":
   "integrity" "sha512-IKNnajUlD4lWMy/Q9Emkk7H1qnzREgY4UyE3IhmOi/9IKua0JYtYldk928bOdt1yNxN8EiOy1sqtSozEYsmjCg=="
   "resolved" "https://registry.npmmirror.com/didi/-/didi-5.2.1.tgz"
@@ -4028,12 +4217,17 @@
   "resolved" "https://registry.npmmirror.com/domify/-/domify-1.4.1.tgz"
   "version" "1.4.1"
 
+"domify@^3.0.0":
+  "integrity" "sha512-bs2yO68JDFOm6rKv8f0EnrM2cENduhRkpqOtt/s5l5JBA/eqGBZCzLPmdYoHtJ6utgLGgcBajFsEQbl12pT0lQ=="
+  "resolved" "https://registry.npmmirror.com/domify/-/domify-3.0.0.tgz"
+  "version" "3.0.0"
+
 "domready@1.0.8":
   "integrity" "sha512-uIzsOJUNk+AdGE9a6VDeessoMCzF8RrZvJCX/W8QtyfgdR6Uofn/MvRonih3OtCO79b2VDzDOymuiABrQ4z3XA=="
   "resolved" "https://registry.npmmirror.com/domready/-/domready-1.0.8.tgz"
   "version" "1.0.8"
 
-"domutils@^1.5.1":
+"domutils@^1.5.1", "domutils@^1.7.0":
   "integrity" "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg=="
   "resolved" "https://registry.npmmirror.com/domutils/-/domutils-1.7.0.tgz"
   "version" "1.7.0"
@@ -4041,15 +4235,16 @@
     "dom-serializer" "0"
     "domelementtype" "1"
 
-"domutils@^1.7.0":
-  "integrity" "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg=="
-  "resolved" "https://registry.npmmirror.com/domutils/-/domutils-1.7.0.tgz"
-  "version" "1.7.0"
+"domutils@^2.5.2":
+  "integrity" "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A=="
+  "resolved" "https://registry.npmmirror.com/domutils/-/domutils-2.8.0.tgz"
+  "version" "2.8.0"
   dependencies:
-    "dom-serializer" "0"
-    "domelementtype" "1"
+    "dom-serializer" "^1.0.1"
+    "domelementtype" "^2.2.0"
+    "domhandler" "^4.2.0"
 
-"domutils@^2.5.2", "domutils@^2.8.0":
+"domutils@^2.8.0":
   "integrity" "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A=="
   "resolved" "https://registry.npmmirror.com/domutils/-/domutils-2.8.0.tgz"
   "version" "2.8.0"
@@ -4141,10 +4336,10 @@
   "resolved" "https://registry.npmmirror.com/ejs/-/ejs-2.7.4.tgz"
   "version" "2.7.4"
 
-"electron-to-chromium@^1.4.251":
-  "integrity" "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
-  "resolved" "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz"
-  "version" "1.4.284"
+"electron-to-chromium@^1.4.431":
+  "integrity" "sha512-aVfC8+440vGfl06l8HKKn8/PD5jRfSnLkTTD65EFvU46igbpQRri1gxSzW9/+TeUlwYzrXk1sw867T96zlyECA=="
+  "resolved" "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.473.tgz"
+  "version" "1.4.473"
 
 "element-ui@2.15.14":
   "integrity" "sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA=="
@@ -4217,12 +4412,13 @@
     "memory-fs" "^0.5.0"
     "tapable" "^1.0.0"
 
-"enquirer@^2.3.5", "enquirer@>= 2.3.0 < 3":
-  "integrity" "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg=="
-  "resolved" "https://registry.npmmirror.com/enquirer/-/enquirer-2.3.6.tgz"
-  "version" "2.3.6"
+"enquirer@^2.3.5":
+  "integrity" "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ=="
+  "resolved" "https://registry.npmmirror.com/enquirer/-/enquirer-2.4.1.tgz"
+  "version" "2.4.1"
   dependencies:
     "ansi-colors" "^4.1.1"
+    "strip-ansi" "^6.0.1"
 
 "entities@^1.1.1":
   "integrity" "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
@@ -4255,41 +4451,65 @@
   dependencies:
     "stackframe" "^1.3.4"
 
-"es-abstract@^1.19.0", "es-abstract@^1.20.4":
-  "integrity" "sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA=="
-  "resolved" "https://registry.npmmirror.com/es-abstract/-/es-abstract-1.20.4.tgz"
-  "version" "1.20.4"
+"es-abstract@^1.17.2", "es-abstract@^1.19.0", "es-abstract@^1.20.4", "es-abstract@^1.21.2":
+  "integrity" "sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw=="
+  "resolved" "https://registry.npmmirror.com/es-abstract/-/es-abstract-1.22.1.tgz"
+  "version" "1.22.1"
   dependencies:
+    "array-buffer-byte-length" "^1.0.0"
+    "arraybuffer.prototype.slice" "^1.0.1"
+    "available-typed-arrays" "^1.0.5"
     "call-bind" "^1.0.2"
+    "es-set-tostringtag" "^2.0.1"
     "es-to-primitive" "^1.2.1"
-    "function-bind" "^1.1.1"
     "function.prototype.name" "^1.1.5"
-    "get-intrinsic" "^1.1.3"
+    "get-intrinsic" "^1.2.1"
     "get-symbol-description" "^1.0.0"
+    "globalthis" "^1.0.3"
+    "gopd" "^1.0.1"
     "has" "^1.0.3"
     "has-property-descriptors" "^1.0.0"
+    "has-proto" "^1.0.1"
     "has-symbols" "^1.0.3"
-    "internal-slot" "^1.0.3"
+    "internal-slot" "^1.0.5"
+    "is-array-buffer" "^3.0.2"
     "is-callable" "^1.2.7"
     "is-negative-zero" "^2.0.2"
     "is-regex" "^1.1.4"
     "is-shared-array-buffer" "^1.0.2"
     "is-string" "^1.0.7"
+    "is-typed-array" "^1.1.10"
     "is-weakref" "^1.0.2"
-    "object-inspect" "^1.12.2"
+    "object-inspect" "^1.12.3"
     "object-keys" "^1.1.1"
     "object.assign" "^4.1.4"
-    "regexp.prototype.flags" "^1.4.3"
+    "regexp.prototype.flags" "^1.5.0"
+    "safe-array-concat" "^1.0.0"
     "safe-regex-test" "^1.0.0"
-    "string.prototype.trimend" "^1.0.5"
-    "string.prototype.trimstart" "^1.0.5"
+    "string.prototype.trim" "^1.2.7"
+    "string.prototype.trimend" "^1.0.6"
+    "string.prototype.trimstart" "^1.0.6"
+    "typed-array-buffer" "^1.0.0"
+    "typed-array-byte-length" "^1.0.0"
+    "typed-array-byte-offset" "^1.0.0"
+    "typed-array-length" "^1.0.4"
     "unbox-primitive" "^1.0.2"
+    "which-typed-array" "^1.1.10"
 
 "es-array-method-boxes-properly@^1.0.0":
   "integrity" "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
   "resolved" "https://registry.npmmirror.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz"
   "version" "1.0.0"
 
+"es-set-tostringtag@^2.0.1":
+  "integrity" "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg=="
+  "resolved" "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz"
+  "version" "2.0.1"
+  dependencies:
+    "get-intrinsic" "^1.1.3"
+    "has" "^1.0.3"
+    "has-tostringtag" "^1.0.0"
+
 "es-shim-unscopables@^1.0.0":
   "integrity" "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w=="
   "resolved" "https://registry.npmmirror.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz"
@@ -4342,13 +4562,14 @@
   dependencies:
     "get-stdin" "^6.0.0"
 
-"eslint-import-resolver-node@^0.3.6":
-  "integrity" "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw=="
-  "resolved" "https://registry.npmmirror.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz"
-  "version" "0.3.6"
+"eslint-import-resolver-node@^0.3.7":
+  "integrity" "sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA=="
+  "resolved" "https://registry.npmmirror.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz"
+  "version" "0.3.7"
   dependencies:
     "debug" "^3.2.7"
-    "resolve" "^1.20.0"
+    "is-core-module" "^2.11.0"
+    "resolve" "^1.22.1"
 
 "eslint-loader@^2.2.1":
   "integrity" "sha512-RLgV9hoCVsMLvOxCuNjdqOrUqIj9oJg8hF44vzJaYqsAHuY9G2YAeN3joQ9nxP0p5Th9iFSIpKo+SD8KISxXRg=="
@@ -4361,30 +4582,32 @@
     "object-hash" "^1.1.4"
     "rimraf" "^2.6.1"
 
-"eslint-module-utils@^2.7.3":
-  "integrity" "sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA=="
-  "resolved" "https://registry.npmmirror.com/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz"
-  "version" "2.7.4"
+"eslint-module-utils@^2.7.4":
+  "integrity" "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw=="
+  "resolved" "https://registry.npmmirror.com/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz"
+  "version" "2.8.0"
   dependencies:
     "debug" "^3.2.7"
 
-"eslint-plugin-import@^2.22.1", "eslint-plugin-import@^2.26.0":
-  "integrity" "sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA=="
-  "resolved" "https://registry.npmmirror.com/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz"
-  "version" "2.26.0"
+"eslint-plugin-import@^2.26.0":
+  "integrity" "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow=="
+  "resolved" "https://registry.npmmirror.com/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz"
+  "version" "2.27.5"
   dependencies:
-    "array-includes" "^3.1.4"
-    "array.prototype.flat" "^1.2.5"
-    "debug" "^2.6.9"
+    "array-includes" "^3.1.6"
+    "array.prototype.flat" "^1.3.1"
+    "array.prototype.flatmap" "^1.3.1"
+    "debug" "^3.2.7"
     "doctrine" "^2.1.0"
-    "eslint-import-resolver-node" "^0.3.6"
-    "eslint-module-utils" "^2.7.3"
+    "eslint-import-resolver-node" "^0.3.7"
+    "eslint-module-utils" "^2.7.4"
     "has" "^1.0.3"
-    "is-core-module" "^2.8.1"
+    "is-core-module" "^2.11.0"
     "is-glob" "^4.0.3"
     "minimatch" "^3.1.2"
-    "object.values" "^1.1.5"
-    "resolve" "^1.22.0"
+    "object.values" "^1.1.6"
+    "resolve" "^1.22.1"
+    "semver" "^6.3.0"
     "tsconfig-paths" "^3.14.1"
 
 "eslint-plugin-prettier@^3.1.0":
@@ -4424,9 +4647,9 @@
     "estraverse" "^4.1.1"
 
 "eslint-scope@^7.1.1":
-  "integrity" "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw=="
-  "resolved" "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.1.1.tgz"
-  "version" "7.1.1"
+  "integrity" "sha512-CvefSOsDdaYYvxChovdrPo/ZGt8d5lrJWleAc1diXRKhHGiTYEI26cvo8Kle/wGnsizoCJjK73FMg1/IkIwiNA=="
+  "resolved" "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.2.1.tgz"
+  "version" "7.2.1"
   dependencies:
     "esrecurse" "^4.3.0"
     "estraverse" "^5.2.0"
@@ -4455,12 +4678,12 @@
   "resolved" "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz"
   "version" "2.1.0"
 
-"eslint-visitor-keys@^3.3.0":
-  "integrity" "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA=="
-  "resolved" "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz"
-  "version" "3.3.0"
+"eslint-visitor-keys@^3.3.0", "eslint-visitor-keys@^3.4.1":
+  "integrity" "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA=="
+  "resolved" "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz"
+  "version" "3.4.1"
 
-"eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^5.16.0 || ^6.8.0 || ^7.2.0", "eslint@^6.2.0 || ^7.0.0 || ^8.0.0", "eslint@>= 1.6.0 < 7.0.0", "eslint@>= 4.12.1", "eslint@>= 5.0.0", "eslint@>=1.6.0 <7.0.0", "eslint@>=3.14.1", "eslint@>=5", "eslint@>=5.0.0", "eslint@>=6.0.0", "eslint@7.15.0":
+"eslint@7.15.0":
   "integrity" "sha512-Vr64xFDT8w30wFll643e7cGrIkPEU50yIiI36OdSIDoSGguIeaLzBo0vpGvzo9RECUqq7htURfwEtKqwytkqzA=="
   "resolved" "https://registry.npmmirror.com/eslint/-/eslint-7.15.0.tgz"
   "version" "7.15.0"
@@ -4513,13 +4736,13 @@
     "eslint-visitor-keys" "^1.3.0"
 
 "espree@^9.3.1":
-  "integrity" "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg=="
-  "resolved" "https://registry.npmmirror.com/espree/-/espree-9.4.1.tgz"
-  "version" "9.4.1"
+  "integrity" "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ=="
+  "resolved" "https://registry.npmmirror.com/espree/-/espree-9.6.1.tgz"
+  "version" "9.6.1"
   dependencies:
-    "acorn" "^8.8.0"
+    "acorn" "^8.9.0"
     "acorn-jsx" "^5.3.2"
-    "eslint-visitor-keys" "^3.3.0"
+    "eslint-visitor-keys" "^3.4.1"
 
 "esprima@^4.0.0":
   "integrity" "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
@@ -4527,9 +4750,9 @@
   "version" "4.0.1"
 
 "esquery@^1.2.0", "esquery@^1.4.0":
-  "integrity" "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w=="
-  "resolved" "https://registry.npmmirror.com/esquery/-/esquery-1.4.0.tgz"
-  "version" "1.4.0"
+  "integrity" "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg=="
+  "resolved" "https://registry.npmmirror.com/esquery/-/esquery-1.5.0.tgz"
+  "version" "1.5.0"
   dependencies:
     "estraverse" "^5.1.0"
 
@@ -4816,7 +5039,7 @@
   dependencies:
     "flat-cache" "^3.0.4"
 
-"file-loader@*", "file-loader@^4.2.0":
+"file-loader@^4.2.0":
   "integrity" "sha512-aKrYPYjF1yG3oX0kWRrqrSMfgftm7oJW5M+m4owoldH5C51C0RkIwB++JbRvEW3IU6/ZG5n8UvEcdgwOt2UOWA=="
   "resolved" "https://registry.npmmirror.com/file-loader/-/file-loader-4.3.0.tgz"
   "version" "4.3.0"
@@ -4829,11 +5052,6 @@
   "resolved" "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz"
   "version" "2.0.5"
 
-"file-uri-to-path@1.0.0":
-  "integrity" "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
-  "resolved" "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz"
-  "version" "1.0.0"
-
 "filesize@^3.6.1":
   "integrity" "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg=="
   "resolved" "https://registry.npmmirror.com/filesize/-/filesize-3.6.1.tgz"
@@ -4933,17 +5151,18 @@
     "path-exists" "^4.0.0"
 
 "flat-cache@^3.0.4":
-  "integrity" "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg=="
-  "resolved" "https://registry.npmmirror.com/flat-cache/-/flat-cache-3.0.4.tgz"
-  "version" "3.0.4"
+  "integrity" "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw=="
+  "resolved" "https://registry.npmmirror.com/flat-cache/-/flat-cache-3.2.0.tgz"
+  "version" "3.2.0"
   dependencies:
-    "flatted" "^3.1.0"
+    "flatted" "^3.2.9"
+    "keyv" "^4.5.3"
     "rimraf" "^3.0.2"
 
-"flatted@^3.1.0":
-  "integrity" "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
-  "resolved" "https://registry.npmmirror.com/flatted/-/flatted-3.2.7.tgz"
-  "version" "3.2.7"
+"flatted@^3.2.9":
+  "integrity" "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA=="
+  "resolved" "https://registry.npmmirror.com/flatted/-/flatted-3.4.2.tgz"
+  "version" "3.4.2"
 
 "flush-write-stream@^1.0.0":
   "integrity" "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w=="
@@ -4958,6 +5177,13 @@
   "resolved" "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz"
   "version" "1.15.2"
 
+"for-each@^0.3.3":
+  "integrity" "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw=="
+  "resolved" "https://registry.npmmirror.com/for-each/-/for-each-0.3.3.tgz"
+  "version" "0.3.3"
+  dependencies:
+    "is-callable" "^1.1.3"
+
 "for-in@^1.0.2":
   "integrity" "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ=="
   "resolved" "https://registry.npmmirror.com/for-in/-/for-in-1.0.2.tgz"
@@ -5071,7 +5297,7 @@
   "resolved" "https://registry.npmmirror.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz"
   "version" "1.0.1"
 
-"functions-have-names@^1.2.2":
+"functions-have-names@^1.2.2", "functions-have-names@^1.2.3":
   "integrity" "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
   "resolved" "https://registry.npmmirror.com/functions-have-names/-/functions-have-names-1.2.3.tgz"
   "version" "1.2.3"
@@ -5096,13 +5322,14 @@
   "resolved" "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz"
   "version" "2.0.5"
 
-"get-intrinsic@^1.0.2", "get-intrinsic@^1.1.0", "get-intrinsic@^1.1.1", "get-intrinsic@^1.1.3":
-  "integrity" "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A=="
-  "resolved" "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz"
-  "version" "1.1.3"
+"get-intrinsic@^1.0.2", "get-intrinsic@^1.1.1", "get-intrinsic@^1.1.3", "get-intrinsic@^1.2.0", "get-intrinsic@^1.2.1":
+  "integrity" "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw=="
+  "resolved" "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz"
+  "version" "1.2.1"
   dependencies:
     "function-bind" "^1.1.1"
     "has" "^1.0.3"
+    "has-proto" "^1.0.1"
     "has-symbols" "^1.0.3"
 
 "get-stdin@^6.0.0":
@@ -5162,14 +5389,7 @@
     "is-glob" "^3.1.0"
     "path-dirname" "^1.0.0"
 
-"glob-parent@^5.0.0":
-  "integrity" "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="
-  "resolved" "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz"
-  "version" "5.1.2"
-  dependencies:
-    "is-glob" "^4.0.1"
-
-"glob-parent@~5.1.2":
+"glob-parent@^5.0.0", "glob-parent@~5.1.2":
   "integrity" "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="
   "resolved" "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz"
   "version" "5.1.2"
@@ -5198,7 +5418,7 @@
   "resolved" "https://registry.npmmirror.com/global-object/-/global-object-1.0.0.tgz"
   "version" "1.0.0"
 
-"global@^4.3.0", "global@^4.3.1", "global@~4.3.0", "global@4.3.2":
+"global@^4.3.0", "global@4.3.2":
   "integrity" "sha512-/4AybdwIDU4HkCUbJkZdWpe4P6vuw/CUtu+0I1YlLIPe7OlUO7KNJ+q/rO70CW2/NW6Jc6I62++Hzsf5Alu6rQ=="
   "resolved" "https://registry.npmmirror.com/global/-/global-4.3.2.tgz"
   "version" "4.3.2"
@@ -5206,7 +5426,7 @@
     "min-document" "^2.19.0"
     "process" "~0.5.1"
 
-"global@^4.4.0":
+"global@^4.3.1", "global@^4.4.0", "global@~4.4.0", "global@4.4.0":
   "integrity" "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w=="
   "resolved" "https://registry.npmmirror.com/global/-/global-4.4.0.tgz"
   "version" "4.4.0"
@@ -5214,6 +5434,14 @@
     "min-document" "^2.19.0"
     "process" "^0.11.10"
 
+"global@~4.3.0":
+  "integrity" "sha512-/4AybdwIDU4HkCUbJkZdWpe4P6vuw/CUtu+0I1YlLIPe7OlUO7KNJ+q/rO70CW2/NW6Jc6I62++Hzsf5Alu6rQ=="
+  "resolved" "https://registry.npmmirror.com/global/-/global-4.3.2.tgz"
+  "version" "4.3.2"
+  dependencies:
+    "min-document" "^2.19.0"
+    "process" "~0.5.1"
+
 "globals@^11.1.0":
   "integrity" "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
   "resolved" "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz"
@@ -5226,6 +5454,13 @@
   dependencies:
     "type-fest" "^0.8.1"
 
+"globalthis@^1.0.3":
+  "integrity" "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA=="
+  "resolved" "https://registry.npmmirror.com/globalthis/-/globalthis-1.0.3.tgz"
+  "version" "1.0.3"
+  dependencies:
+    "define-properties" "^1.1.3"
+
 "globby@^6.1.0":
   "integrity" "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw=="
   "resolved" "https://registry.npmmirror.com/globby/-/globby-6.1.0.tgz"
@@ -5270,10 +5505,17 @@
   dependencies:
     "delegate" "^3.1.2"
 
+"gopd@^1.0.1":
+  "integrity" "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA=="
+  "resolved" "https://registry.npmmirror.com/gopd/-/gopd-1.0.1.tgz"
+  "version" "1.0.1"
+  dependencies:
+    "get-intrinsic" "^1.1.3"
+
 "graceful-fs@^4.1.11", "graceful-fs@^4.1.15", "graceful-fs@^4.1.2", "graceful-fs@^4.1.6", "graceful-fs@^4.2.0":
-  "integrity" "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
-  "resolved" "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.10.tgz"
-  "version" "4.2.10"
+  "integrity" "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+  "resolved" "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
+  "version" "4.2.11"
 
 "gzip-size@^5.0.0":
   "integrity" "sha512-FNHi6mmoHvs1mxZAds4PpdCS6QG8B4C1krxJsMutgxl5t3+GlRTzzI3NEkifXx2pVsOvJdOGSmIgDhQ55FwdPA=="
@@ -5345,7 +5587,12 @@
   dependencies:
     "get-intrinsic" "^1.1.1"
 
-"has-symbols@^1.0.2", "has-symbols@^1.0.3":
+"has-proto@^1.0.1":
+  "integrity" "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg=="
+  "resolved" "https://registry.npmmirror.com/has-proto/-/has-proto-1.0.1.tgz"
+  "version" "1.0.1"
+
+"has-symbols@^1.0.1", "has-symbols@^1.0.2", "has-symbols@^1.0.3":
   "integrity" "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
   "resolved" "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz"
   "version" "1.0.3"
@@ -5481,6 +5728,11 @@
   "resolved" "https://registry.npmmirror.com/hsla-regex/-/hsla-regex-1.0.0.tgz"
   "version" "1.0.0"
 
+"htm@^3.1.1":
+  "integrity" "sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ=="
+  "resolved" "https://registry.npmmirror.com/htm/-/htm-3.1.1.tgz"
+  "version" "3.1.1"
+
 "html-entities@^1.3.1":
   "integrity" "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA=="
   "resolved" "https://registry.npmmirror.com/html-entities/-/html-entities-1.4.0.tgz"
@@ -5504,12 +5756,12 @@
   "resolved" "https://registry.npmmirror.com/html-tags/-/html-tags-2.0.0.tgz"
   "version" "2.0.0"
 
-"html-tags@^3.1.0":
-  "integrity" "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg=="
-  "resolved" "https://registry.npmmirror.com/html-tags/-/html-tags-3.2.0.tgz"
-  "version" "3.2.0"
+"html-tags@^3.3.1":
+  "integrity" "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ=="
+  "resolved" "https://registry.npmmirror.com/html-tags/-/html-tags-3.3.1.tgz"
+  "version" "3.3.1"
 
-"html-webpack-plugin@^3.0.0 || ^4.0.0", "html-webpack-plugin@^3.2.0", "html-webpack-plugin@>=2.26.0":
+"html-webpack-plugin@^3.2.0":
   "integrity" "sha512-Br4ifmjQojUP4EmHnRBoUIYcZ9J7M4bTMcm7u6xoIAIuq2Nte4TzXX0533owvkQKQD1WeMTTTyD4Ni4QKxS0Bg=="
   "resolved" "https://registry.npmmirror.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz"
   "version" "3.2.0"
@@ -5644,9 +5896,9 @@
     "postcss" "^7.0.14"
 
 "ids@^1.0.0":
-  "integrity" "sha512-Zvtq1xUto4LttpstyOlFum8lKx+i1OmRfg+6A9drFS9iSZsDPMHG4Sof/qwNR4kCU7jBeWFPrY2ocHxiz7cCRw=="
-  "resolved" "https://registry.npmmirror.com/ids/-/ids-1.0.0.tgz"
-  "version" "1.0.0"
+  "integrity" "sha512-XQ0yom/4KWTL29sLG+tyuycy7UmeaM/79GRtSJq6IG9cJGIPeBz5kwDCguie3TwxaMNIc3WtPi0cTa1XYHicpw=="
+  "resolved" "https://registry.npmmirror.com/ids/-/ids-1.0.5.tgz"
+  "version" "1.0.5"
 
 "ieee754@^1.1.4":
   "integrity" "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
@@ -5697,9 +5949,9 @@
     "resolve-from" "^4.0.0"
 
 "import-fresh@^3.2.1":
-  "integrity" "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw=="
-  "resolved" "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.0.tgz"
-  "version" "3.3.0"
+  "integrity" "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="
+  "resolved" "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.1.tgz"
+  "version" "3.3.1"
   dependencies:
     "parent-module" "^1.0.0"
     "resolve-from" "^4.0.0"
@@ -5757,6 +6009,11 @@
     "once" "^1.3.0"
     "wrappy" "1"
 
+"inherits-browser@^0.1.0":
+  "integrity" "sha512-CJHHvW3jQ6q7lzsXPpapLdMx5hDpSF3FSh45pwsj6bKxJJ8Nl8v43i5yXnr3BdfOimGHKyniewQtnAIp3vyJJw=="
+  "resolved" "https://registry.npmmirror.com/inherits-browser/-/inherits-browser-0.1.0.tgz"
+  "version" "0.1.0"
+
 "inherits@^2.0.1", "inherits@^2.0.3", "inherits@^2.0.4", "inherits@~2.0.1", "inherits@~2.0.3", "inherits@2", "inherits@2.0.4":
   "integrity" "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
   "resolved" "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz"
@@ -5804,12 +6061,12 @@
     "default-gateway" "^4.2.0"
     "ipaddr.js" "^1.9.0"
 
-"internal-slot@^1.0.3":
-  "integrity" "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA=="
-  "resolved" "https://registry.npmmirror.com/internal-slot/-/internal-slot-1.0.3.tgz"
-  "version" "1.0.3"
+"internal-slot@^1.0.5":
+  "integrity" "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ=="
+  "resolved" "https://registry.npmmirror.com/internal-slot/-/internal-slot-1.0.5.tgz"
+  "version" "1.0.5"
   dependencies:
-    "get-intrinsic" "^1.1.0"
+    "get-intrinsic" "^1.2.0"
     "has" "^1.0.3"
     "side-channel" "^1.0.4"
 
@@ -5860,6 +6117,15 @@
     "call-bind" "^1.0.2"
     "has-tostringtag" "^1.0.0"
 
+"is-array-buffer@^3.0.1", "is-array-buffer@^3.0.2":
+  "integrity" "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w=="
+  "resolved" "https://registry.npmmirror.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz"
+  "version" "3.0.2"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "get-intrinsic" "^1.2.0"
+    "is-typed-array" "^1.1.10"
+
 "is-arrayish@^0.2.1":
   "integrity" "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
   "resolved" "https://registry.npmmirror.com/is-arrayish/-/is-arrayish-0.2.1.tgz"
@@ -5904,7 +6170,7 @@
   "resolved" "https://registry.npmmirror.com/is-buffer/-/is-buffer-1.1.6.tgz"
   "version" "1.1.6"
 
-"is-callable@^1.1.4", "is-callable@^1.2.7":
+"is-callable@^1.1.3", "is-callable@^1.1.4", "is-callable@^1.2.7":
   "integrity" "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA=="
   "resolved" "https://registry.npmmirror.com/is-callable/-/is-callable-1.2.7.tgz"
   "version" "1.2.7"
@@ -5928,10 +6194,10 @@
     "rgb-regex" "^1.0.1"
     "rgba-regex" "^1.0.0"
 
-"is-core-module@^2.8.1", "is-core-module@^2.9.0":
-  "integrity" "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw=="
-  "resolved" "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.11.0.tgz"
-  "version" "2.11.0"
+"is-core-module@^2.11.0":
+  "integrity" "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg=="
+  "resolved" "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.12.1.tgz"
+  "version" "2.12.1"
   dependencies:
     "has" "^1.0.3"
 
@@ -5965,7 +6231,16 @@
     "is-data-descriptor" "^0.1.4"
     "kind-of" "^5.0.0"
 
-"is-descriptor@^1.0.0", "is-descriptor@^1.0.2":
+"is-descriptor@^1.0.0":
+  "integrity" "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg=="
+  "resolved" "https://registry.npmmirror.com/is-descriptor/-/is-descriptor-1.0.2.tgz"
+  "version" "1.0.2"
+  dependencies:
+    "is-accessor-descriptor" "^1.0.0"
+    "is-data-descriptor" "^1.0.0"
+    "kind-of" "^6.0.2"
+
+"is-descriptor@^1.0.2":
   "integrity" "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg=="
   "resolved" "https://registry.npmmirror.com/is-descriptor/-/is-descriptor-1.0.2.tgz"
   "version" "1.0.2"
@@ -5989,11 +6264,6 @@
   "resolved" "https://registry.npmmirror.com/is-extendable/-/is-extendable-0.1.1.tgz"
   "version" "0.1.1"
 
-"is-extendable@^0.1.1":
-  "integrity" "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw=="
-  "resolved" "https://registry.npmmirror.com/is-extendable/-/is-extendable-0.1.1.tgz"
-  "version" "0.1.1"
-
 "is-extendable@^1.0.1":
   "integrity" "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA=="
   "resolved" "https://registry.npmmirror.com/is-extendable/-/is-extendable-1.0.1.tgz"
@@ -6159,6 +6429,13 @@
   dependencies:
     "has-symbols" "^1.0.2"
 
+"is-typed-array@^1.1.10", "is-typed-array@^1.1.9":
+  "integrity" "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg=="
+  "resolved" "https://registry.npmmirror.com/is-typed-array/-/is-typed-array-1.1.12.tgz"
+  "version" "1.1.12"
+  dependencies:
+    "which-typed-array" "^1.1.11"
+
 "is-typedarray@~1.0.0":
   "integrity" "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
   "resolved" "https://registry.npmmirror.com/is-typedarray/-/is-typedarray-1.0.0.tgz"
@@ -6193,6 +6470,11 @@
   "resolved" "https://registry.npmmirror.com/isarray/-/isarray-1.0.0.tgz"
   "version" "1.0.0"
 
+"isarray@^2.0.5":
+  "integrity" "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+  "resolved" "https://registry.npmmirror.com/isarray/-/isarray-2.0.5.tgz"
+  "version" "2.0.5"
+
 "isexe@^2.0.0":
   "integrity" "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
   "resolved" "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz"
@@ -6290,6 +6572,11 @@
   "resolved" "https://registry.npmmirror.com/jsesc/-/jsesc-0.5.0.tgz"
   "version" "0.5.0"
 
+"json-buffer@3.0.1":
+  "integrity" "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="
+  "resolved" "https://registry.npmmirror.com/json-buffer/-/json-buffer-3.0.1.tgz"
+  "version" "3.0.1"
+
 "json-parse-better-errors@^1.0.1", "json-parse-better-errors@^1.0.2":
   "integrity" "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw=="
   "resolved" "https://registry.npmmirror.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz"
@@ -6331,16 +6618,23 @@
   "version" "0.5.1"
 
 "json5@^1.0.1":
-  "integrity" "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow=="
-  "resolved" "https://registry.npmmirror.com/json5/-/json5-1.0.1.tgz"
-  "version" "1.0.1"
+  "integrity" "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA=="
+  "resolved" "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz"
+  "version" "1.0.2"
   dependencies:
     "minimist" "^1.2.0"
 
-"json5@^2.1.2", "json5@^2.2.1":
-  "integrity" "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA=="
-  "resolved" "https://registry.npmmirror.com/json5/-/json5-2.2.1.tgz"
-  "version" "2.2.1"
+"json5@^1.0.2":
+  "integrity" "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA=="
+  "resolved" "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz"
+  "version" "1.0.2"
+  dependencies:
+    "minimist" "^1.2.0"
+
+"json5@^2.1.2", "json5@^2.2.2":
+  "integrity" "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="
+  "resolved" "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz"
+  "version" "2.2.3"
 
 "jsonfile@^4.0.0":
   "integrity" "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg=="
@@ -6359,12 +6653,31 @@
     "json-schema" "0.4.0"
     "verror" "1.10.0"
 
+"keycode@^2.2.0":
+  "integrity" "sha512-ps3I9jAdNtRpJrbBvQjpzyFbss/skHqzS+eu4RxKLaEAtFqkjZaB6TZMSivPbLxf4K7VI4SjR0P5mRCX5+Q25A=="
+  "resolved" "https://registry.npmmirror.com/keycode/-/keycode-2.2.0.tgz"
+  "version" "2.2.0"
+
+"keyv@^4.5.3":
+  "integrity" "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="
+  "resolved" "https://registry.npmmirror.com/keyv/-/keyv-4.5.4.tgz"
+  "version" "4.5.4"
+  dependencies:
+    "json-buffer" "3.0.1"
+
 "killable@^1.0.1":
   "integrity" "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg=="
   "resolved" "https://registry.npmmirror.com/killable/-/killable-1.0.1.tgz"
   "version" "1.0.1"
 
-"kind-of@^3.0.2", "kind-of@^3.0.3":
+"kind-of@^3.0.2":
+  "integrity" "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ=="
+  "resolved" "https://registry.npmmirror.com/kind-of/-/kind-of-3.2.2.tgz"
+  "version" "3.2.2"
+  dependencies:
+    "is-buffer" "^1.1.5"
+
+"kind-of@^3.0.3":
   "integrity" "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ=="
   "resolved" "https://registry.npmmirror.com/kind-of/-/kind-of-3.2.2.tgz"
   "version" "3.2.2"
@@ -6401,9 +6714,9 @@
   "version" "6.0.3"
 
 "klona@^2.0.4":
-  "integrity" "sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ=="
-  "resolved" "https://registry.npmmirror.com/klona/-/klona-2.0.5.tgz"
-  "version" "2.0.5"
+  "integrity" "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA=="
+  "resolved" "https://registry.npmmirror.com/klona/-/klona-2.0.6.tgz"
+  "version" "2.0.6"
 
 "launch-editor-middleware@^2.2.1":
   "integrity" "sha512-K2yxgljj5TdCeRN1lBtO3/J26+AIDDDw+04y6VAiZbWcTdBwsYN6RrZBnW5DN/QiSIdKNjKdATLUUluWWFYTIA=="
@@ -6496,36 +6809,36 @@
     "object-assign" "^4.0.1"
 
 "loader-utils@^1.0.2":
-  "integrity" "sha512-1Qo97Y2oKaU+Ro2xnDMR26g1BwMT29jNbem1EvcujW2jqt+j5COXyscjM7bLQkM9HaxI7pkWeW7gnI072yMI9Q=="
-  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.1.tgz"
-  "version" "1.4.1"
+  "integrity" "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg=="
+  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz"
+  "version" "1.4.2"
   dependencies:
     "big.js" "^5.2.2"
     "emojis-list" "^3.0.0"
     "json5" "^1.0.1"
 
 "loader-utils@^1.1.0":
-  "integrity" "sha512-1Qo97Y2oKaU+Ro2xnDMR26g1BwMT29jNbem1EvcujW2jqt+j5COXyscjM7bLQkM9HaxI7pkWeW7gnI072yMI9Q=="
-  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.1.tgz"
-  "version" "1.4.1"
+  "integrity" "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg=="
+  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz"
+  "version" "1.4.2"
   dependencies:
     "big.js" "^5.2.2"
     "emojis-list" "^3.0.0"
     "json5" "^1.0.1"
 
 "loader-utils@^1.2.3":
-  "integrity" "sha512-1Qo97Y2oKaU+Ro2xnDMR26g1BwMT29jNbem1EvcujW2jqt+j5COXyscjM7bLQkM9HaxI7pkWeW7gnI072yMI9Q=="
-  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.1.tgz"
-  "version" "1.4.1"
+  "integrity" "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg=="
+  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz"
+  "version" "1.4.2"
   dependencies:
     "big.js" "^5.2.2"
     "emojis-list" "^3.0.0"
     "json5" "^1.0.1"
 
 "loader-utils@^2.0.0":
-  "integrity" "sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A=="
-  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.3.tgz"
-  "version" "2.0.3"
+  "integrity" "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw=="
+  "resolved" "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz"
+  "version" "2.0.4"
   dependencies:
     "big.js" "^5.2.2"
     "emojis-list" "^3.0.0"
@@ -6623,23 +6936,7 @@
   "resolved" "https://registry.npmmirror.com/lower-case/-/lower-case-1.1.4.tgz"
   "version" "1.1.4"
 
-"lru-cache@^4.0.1":
-  "integrity" "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g=="
-  "resolved" "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
-  "version" "4.1.5"
-  dependencies:
-    "pseudomap" "^1.0.2"
-    "yallist" "^2.1.2"
-
-"lru-cache@^4.1.2":
-  "integrity" "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g=="
-  "resolved" "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
-  "version" "4.1.5"
-  dependencies:
-    "pseudomap" "^1.0.2"
-    "yallist" "^2.1.2"
-
-"lru-cache@^4.1.5":
+"lru-cache@^4.0.1", "lru-cache@^4.1.2", "lru-cache@^4.1.5":
   "integrity" "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g=="
   "resolved" "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
   "version" "4.1.5"
@@ -6661,17 +6958,35 @@
   dependencies:
     "yallist" "^4.0.0"
 
+"m3u8-parser@^7.2.0":
+  "integrity" "sha512-CRatFqpjVtMiMaKXxNvuI3I++vUumIXVVT/JpCpdU/FynV/ceVw1qpPyyBNindL+JlPMSesx+WX1QJaZEJSaMQ=="
+  "resolved" "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-7.2.0.tgz"
+  "version" "7.2.0"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^4.1.1"
+    "global" "^4.4.0"
+
 "m3u8-parser@2.1.0":
   "integrity" "sha512-WbEpQ2FUaNGbJ0YanSeyj9D9ruu4FUvz+ZvebIzI2bSME+PUwcPXO1kKXZkjcPUAFruDikoOI5fWQNIA6JCCOQ=="
   "resolved" "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-2.1.0.tgz"
   "version" "2.1.0"
 
-"magic-string@^0.25.7":
-  "integrity" "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ=="
-  "resolved" "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz"
-  "version" "0.25.9"
+"m3u8-parser@4.8.0":
+  "integrity" "sha512-UqA2a/Pw3liR6Df3gwxrqghCP17OpPlQj6RBPLYygf/ZSQ4MoSgvdvhvt35qV+3NaaA0FSZx93Ix+2brT1U7cA=="
+  "resolved" "https://registry.npmmirror.com/m3u8-parser/-/m3u8-parser-4.8.0.tgz"
+  "version" "4.8.0"
   dependencies:
-    "sourcemap-codec" "^1.4.8"
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^3.0.5"
+    "global" "^4.4.0"
+
+"magic-string@^0.30.0":
+  "integrity" "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA=="
+  "resolved" "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.1.tgz"
+  "version" "0.30.1"
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
 
 "make-dir@^2.0.0":
   "integrity" "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA=="
@@ -6906,6 +7221,11 @@
   "resolved" "https://registry.npmmirror.com/min-dash/-/min-dash-3.8.1.tgz"
   "version" "3.8.1"
 
+"min-dash@^5.0.0":
+  "integrity" "sha512-EGuoBnVL7/Fnv2sqakpX5WGmZehZ3YMmLayT7sM8E9DRU74kkeyMg4Rik1lsOkR2GbFNeBca4/L+UfU6gF0Edw=="
+  "resolved" "https://registry.npmmirror.com/min-dash/-/min-dash-5.0.0.tgz"
+  "version" "5.0.0"
+
 "min-document@^2.19.0":
   "integrity" "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ=="
   "resolved" "https://registry.npmmirror.com/min-document/-/min-document-2.19.0.tgz"
@@ -6926,7 +7246,7 @@
     "component-query" "^0.0.3"
     "domify" "^1.3.1"
 
-"min-dom@^3.1.0", "min-dom@^3.1.3":
+"min-dom@^3.1.0":
   "integrity" "sha512-v6YCmnDzxk4rRJntWTUiwggLupPw/8ZSRqUq0PDaBwVZEO/wYzCH4SKVBV+KkEvf3u0XaWHly5JEosPtqRATZA=="
   "resolved" "https://registry.npmmirror.com/min-dom/-/min-dom-3.2.1.tgz"
   "version" "3.2.1"
@@ -6937,6 +7257,25 @@
     "matches-selector" "^1.2.0"
     "min-dash" "^3.8.1"
 
+"min-dom@^3.1.3":
+  "integrity" "sha512-v6YCmnDzxk4rRJntWTUiwggLupPw/8ZSRqUq0PDaBwVZEO/wYzCH4SKVBV+KkEvf3u0XaWHly5JEosPtqRATZA=="
+  "resolved" "https://registry.npmmirror.com/min-dom/-/min-dom-3.2.1.tgz"
+  "version" "3.2.1"
+  dependencies:
+    "component-event" "^0.1.4"
+    "domify" "^1.3.1"
+    "indexof" "0.0.1"
+    "matches-selector" "^1.2.0"
+    "min-dash" "^3.8.1"
+
+"min-dom@^5.3.0":
+  "integrity" "sha512-0w5FEBgPAyHhmFojW3zxd7we3D+m5XYS3E/06OyvxmbHJoiQVa4Nagj6RWvoAKYRw5xth6cP5TMePc5cR1M9hA=="
+  "resolved" "https://registry.npmmirror.com/min-dom/-/min-dom-5.3.0.tgz"
+  "version" "5.3.0"
+  dependencies:
+    "domify" "^3.0.0"
+    "min-dash" "^5.0.0"
+
 "mini-css-extract-plugin@^0.9.0":
   "integrity" "sha512-lp3GeY7ygcgAmVIcRPBVhIkf8Us7FZjA+ILpal44qLdSu11wmjKQ3d9k15lfD7pO4esu9eUIAW7qiYIBppv40A=="
   "resolved" "https://registry.npmmirror.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz"
@@ -6965,9 +7304,9 @@
     "brace-expansion" "^1.1.7"
 
 "minimist@^1.2.0", "minimist@^1.2.5", "minimist@^1.2.6":
-  "integrity" "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g=="
-  "resolved" "https://registry.npmmirror.com/minimist/-/minimist-1.2.7.tgz"
-  "version" "1.2.7"
+  "integrity" "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
+  "resolved" "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz"
+  "version" "1.2.8"
 
 "minipass-collect@^1.0.2":
   "integrity" "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA=="
@@ -6991,12 +7330,17 @@
     "minipass" "^3.0.0"
 
 "minipass@^3.0.0", "minipass@^3.1.1":
-  "integrity" "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw=="
-  "resolved" "https://registry.npmmirror.com/minipass/-/minipass-3.3.4.tgz"
-  "version" "3.3.4"
+  "integrity" "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw=="
+  "resolved" "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz"
+  "version" "3.3.6"
   dependencies:
     "yallist" "^4.0.0"
 
+"minipass@^5.0.0":
+  "integrity" "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ=="
+  "resolved" "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz"
+  "version" "5.0.0"
+
 "minizlib@^2.1.1":
   "integrity" "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg=="
   "resolved" "https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz"
@@ -7039,22 +7383,38 @@
     "for-in" "^1.0.2"
     "is-extendable" "^1.0.1"
 
-"mkdirp@^0.5.1", "mkdirp@^0.5.3", "mkdirp@^0.5.6", "mkdirp@~0.5.1":
+"mkdirp@^0.5.1":
   "integrity" "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw=="
   "resolved" "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz"
   "version" "0.5.6"
   dependencies:
     "minimist" "^1.2.6"
 
-"mkdirp@^1.0.3":
+"mkdirp@^0.5.3":
+  "integrity" "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw=="
+  "resolved" "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz"
+  "version" "0.5.6"
+  dependencies:
+    "minimist" "^1.2.6"
+
+"mkdirp@^0.5.6":
+  "integrity" "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw=="
+  "resolved" "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz"
+  "version" "0.5.6"
+  dependencies:
+    "minimist" "^1.2.6"
+
+"mkdirp@^1.0.3", "mkdirp@^1.0.4":
   "integrity" "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
   "resolved" "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz"
   "version" "1.0.4"
 
-"mkdirp@^1.0.4":
-  "integrity" "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
-  "resolved" "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz"
-  "version" "1.0.4"
+"mkdirp@~0.5.1":
+  "integrity" "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw=="
+  "resolved" "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz"
+  "version" "0.5.6"
+  dependencies:
+    "minimist" "^1.2.6"
 
 "moddle-xml@^9.0.6":
   "integrity" "sha512-tl0reHpsY/aKlLGhXeFlQWlYAQHFxTkFqC8tq8jXRYpQSnLVw13T6swMaourLd7EXqHdWsc+5ggsB+fEep6xZQ=="
@@ -7089,6 +7449,26 @@
     "rimraf" "^2.5.4"
     "run-queue" "^1.0.3"
 
+"mpd-parser@^0.22.1", "mpd-parser@0.22.1":
+  "integrity" "sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q=="
+  "resolved" "https://registry.npmmirror.com/mpd-parser/-/mpd-parser-0.22.1.tgz"
+  "version" "0.22.1"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^3.0.5"
+    "@xmldom/xmldom" "^0.8.3"
+    "global" "^4.4.0"
+
+"mpd-parser@^1.3.1":
+  "integrity" "sha512-1FuyEWI5k2HcmhS1HkKnUAQV7yFPfXPht2DnRRGtoiiAAW+ESTbtEXIDpRkwdU+XyrQuwrIym7UkoPKsZ0SyFw=="
+  "resolved" "https://registry.npmmirror.com/mpd-parser/-/mpd-parser-1.3.1.tgz"
+  "version" "1.3.1"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^4.0.0"
+    "@xmldom/xmldom" "^0.8.3"
+    "global" "^4.4.0"
+
 "ms@^2.1.1", "ms@2.1.2":
   "integrity" "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
   "resolved" "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz"
@@ -7122,11 +7502,35 @@
   "resolved" "https://registry.npmmirror.com/mute-stream/-/mute-stream-0.0.8.tgz"
   "version" "0.0.8"
 
+"mux.js@^7.0.1":
+  "integrity" "sha512-NTxawK/BBELJrYsZThEulyUMDVlLizKdxyAsMuzoCD1eFj97BVaA8D/CvKsKu6FOLYkFojN5CbM9h++ZTZtknA=="
+  "resolved" "https://registry.npmmirror.com/mux.js/-/mux.js-7.1.0.tgz"
+  "version" "7.1.0"
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "global" "^4.4.0"
+
 "mux.js@4.3.2":
   "integrity" "sha512-g0q6DPdvb3yYcoK7ElBGobdSSrhY/RjPt19U7uUc733aqvc5bCS/aCvL9z+448y+IoCZnYDwyZfQBBXMSmGOaQ=="
   "resolved" "https://registry.npmmirror.com/mux.js/-/mux.js-4.3.2.tgz"
   "version" "4.3.2"
 
+"mux.js@6.0.1":
+  "integrity" "sha512-22CHb59rH8pWGcPGW5Og7JngJ9s+z4XuSlYvnxhLuc58cA1WqGDQPzuG8I+sPm1/p0CdgpzVTaKW408k5DNn8w=="
+  "resolved" "https://registry.npmmirror.com/mux.js/-/mux.js-6.0.1.tgz"
+  "version" "6.0.1"
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "global" "^4.4.0"
+
+"mux.js@7.1.0":
+  "integrity" "sha512-NTxawK/BBELJrYsZThEulyUMDVlLizKdxyAsMuzoCD1eFj97BVaA8D/CvKsKu6FOLYkFojN5CbM9h++ZTZtknA=="
+  "resolved" "https://registry.npmmirror.com/mux.js/-/mux.js-7.1.0.tgz"
+  "version" "7.1.0"
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "global" "^4.4.0"
+
 "mz@^2.4.0":
   "integrity" "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q=="
   "resolved" "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz"
@@ -7136,10 +7540,10 @@
     "object-assign" "^4.0.1"
     "thenify-all" "^1.0.0"
 
-"nanoid@^3.3.4":
-  "integrity" "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
-  "resolved" "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.4.tgz"
-  "version" "3.3.4"
+"nanoid@^3.3.6":
+  "integrity" "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
+  "resolved" "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.6.tgz"
+  "version" "3.3.6"
 
 "nanomatch@^1.2.1", "nanomatch@^1.2.9":
   "integrity" "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA=="
@@ -7219,10 +7623,10 @@
     "util" "^0.11.0"
     "vm-browserify" "^1.0.1"
 
-"node-releases@^2.0.6":
-  "integrity" "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg=="
-  "resolved" "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.6.tgz"
-  "version" "2.0.6"
+"node-releases@^2.0.12":
+  "integrity" "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+  "resolved" "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.13.tgz"
+  "version" "2.0.13"
 
 "nopt@^5.0.0":
   "integrity" "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ=="
@@ -7352,10 +7756,10 @@
   "resolved" "https://registry.npmmirror.com/object-hash/-/object-hash-1.3.1.tgz"
   "version" "1.3.1"
 
-"object-inspect@^1.12.2", "object-inspect@^1.9.0":
-  "integrity" "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
-  "resolved" "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.2.tgz"
-  "version" "1.12.2"
+"object-inspect@^1.12.2", "object-inspect@^1.12.3", "object-inspect@^1.9.0":
+  "integrity" "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g=="
+  "resolved" "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.3.tgz"
+  "version" "1.12.3"
 
 "object-is@^1.0.1":
   "integrity" "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw=="
@@ -7375,6 +7779,11 @@
   "resolved" "https://registry.npmmirror.com/object-refs/-/object-refs-0.3.0.tgz"
   "version" "0.3.0"
 
+"object-refs@^0.4.0":
+  "integrity" "sha512-6kJqKWryKZmtte6QYvouas0/EIJKPI1/MMIuRsiBlNuhIMfqYTggzX2F1AJ2+cDs288xyi9GL7FyasHINR98BQ=="
+  "resolved" "https://registry.npmmirror.com/object-refs/-/object-refs-0.4.0.tgz"
+  "version" "0.4.0"
+
 "object-visit@^1.0.0":
   "integrity" "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA=="
   "resolved" "https://registry.npmmirror.com/object-visit/-/object-visit-1.0.1.tgz"
@@ -7401,15 +7810,16 @@
     "define-properties" "^1.1.4"
     "es-abstract" "^1.20.4"
 
-"object.getownpropertydescriptors@^2.0.3":
-  "integrity" "sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw=="
-  "resolved" "https://registry.npmmirror.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz"
-  "version" "2.1.5"
+"object.getownpropertydescriptors@^2.0.3", "object.getownpropertydescriptors@^2.1.0":
+  "integrity" "sha512-lq+61g26E/BgHv0ZTFgRvi7NMEPuAxLkFU7rukXjc/AlwH4Am5xXVnIXy3un1bg/JPbXHrixRkK1itUzzPiIjQ=="
+  "resolved" "https://registry.npmmirror.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.6.tgz"
+  "version" "2.1.6"
   dependencies:
     "array.prototype.reduce" "^1.0.5"
     "call-bind" "^1.0.2"
-    "define-properties" "^1.1.4"
-    "es-abstract" "^1.20.4"
+    "define-properties" "^1.2.0"
+    "es-abstract" "^1.21.2"
+    "safe-array-concat" "^1.0.0"
 
 "object.pick@^1.3.0":
   "integrity" "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ=="
@@ -7418,7 +7828,7 @@
   dependencies:
     "isobject" "^3.0.1"
 
-"object.values@^1.1.0", "object.values@^1.1.5":
+"object.values@^1.1.0", "object.values@^1.1.6":
   "integrity" "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw=="
   "resolved" "https://registry.npmmirror.com/object.values/-/object.values-1.1.6.tgz"
   "version" "1.1.6"
@@ -7470,7 +7880,14 @@
   dependencies:
     "mimic-fn" "^1.0.0"
 
-"onetime@^5.1.0", "onetime@^5.1.2":
+"onetime@^5.1.0":
+  "integrity" "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg=="
+  "resolved" "https://registry.npmmirror.com/onetime/-/onetime-5.1.2.tgz"
+  "version" "5.1.2"
+  dependencies:
+    "mimic-fn" "^2.1.0"
+
+"onetime@^5.1.2":
   "integrity" "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg=="
   "resolved" "https://registry.npmmirror.com/onetime/-/onetime-5.1.2.tgz"
   "version" "5.1.2"
@@ -7497,16 +7914,16 @@
     "is-wsl" "^1.1.0"
 
 "optionator@^0.9.1":
-  "integrity" "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw=="
-  "resolved" "https://registry.npmmirror.com/optionator/-/optionator-0.9.1.tgz"
-  "version" "0.9.1"
+  "integrity" "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="
+  "resolved" "https://registry.npmmirror.com/optionator/-/optionator-0.9.4.tgz"
+  "version" "0.9.4"
   dependencies:
     "deep-is" "^0.1.3"
     "fast-levenshtein" "^2.0.6"
     "levn" "^0.4.1"
     "prelude-ls" "^1.2.1"
     "type-check" "^0.4.0"
-    "word-wrap" "^1.2.3"
+    "word-wrap" "^1.2.5"
 
 "ora@^3.4.0":
   "integrity" "sha512-eNwHudNbO1folBP3JsZ19v9azXWtQZjICdr3Q0TDPIaeBQ3mXLrh54wM+er0+hSp+dWKf+Z8KM58CYzEyIYxYg=="
@@ -7718,6 +8135,11 @@
   "resolved" "https://registry.npmmirror.com/path-intersection/-/path-intersection-2.2.1.tgz"
   "version" "2.2.1"
 
+"path-intersection@^4.1.0":
+  "integrity" "sha512-urUP6WvhnxbHPdHYl6L7Yrc6+1ny6uOFKPCzPxTSUSYGHG0o94RmI7SvMMaScNAM5RtTf08bg4skc6/kjfne3A=="
+  "resolved" "https://registry.npmmirror.com/path-intersection/-/path-intersection-4.1.0.tgz"
+  "version" "4.1.0"
+
 "path-is-absolute@^1.0.0":
   "integrity" "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="
   "resolved" "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
@@ -7728,12 +8150,7 @@
   "resolved" "https://registry.npmmirror.com/path-is-inside/-/path-is-inside-1.0.2.tgz"
   "version" "1.0.2"
 
-"path-key@^2.0.0":
-  "integrity" "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw=="
-  "resolved" "https://registry.npmmirror.com/path-key/-/path-key-2.0.1.tgz"
-  "version" "2.0.1"
-
-"path-key@^2.0.1":
+"path-key@^2.0.0", "path-key@^2.0.1":
   "integrity" "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw=="
   "resolved" "https://registry.npmmirror.com/path-key/-/path-key-2.0.1.tgz"
   "version" "2.0.1"
@@ -7828,6 +8245,13 @@
   "resolved" "https://registry.npmmirror.com/pkcs7/-/pkcs7-0.2.3.tgz"
   "version" "0.2.3"
 
+"pkcs7@^1.0.4":
+  "integrity" "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ=="
+  "resolved" "https://registry.npmmirror.com/pkcs7/-/pkcs7-1.0.4.tgz"
+  "version" "1.0.4"
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+
 "pkg-dir@^1.0.0":
   "integrity" "sha512-c6pv3OE78mcZ92ckebVDqg0aWSoKhOTbwCV6qbCWMk546mAL9pZln0+QsN/yQ7fkucd4+yJPLrCBXNt8Ruk+Eg=="
   "resolved" "https://registry.npmmirror.com/pkg-dir/-/pkg-dir-1.0.0.tgz"
@@ -8164,9 +8588,9 @@
     "uniq" "^1.0.1"
 
 "postcss-selector-parser@^6.0.0", "postcss-selector-parser@^6.0.2", "postcss-selector-parser@^6.0.9":
-  "integrity" "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w=="
-  "resolved" "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz"
-  "version" "6.0.10"
+  "integrity" "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ=="
+  "resolved" "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz"
+  "version" "6.0.13"
   dependencies:
     "cssesc" "^3.0.0"
     "util-deprecate" "^1.0.2"
@@ -8209,7 +8633,7 @@
     "source-map" "^0.5.6"
     "supports-color" "^3.2.3"
 
-"postcss@^7.0.0", "postcss@^7.0.1", "postcss@^7.0.14", "postcss@^7.0.27", "postcss@^7.0.32", "postcss@^7.0.36", "postcss@^7.0.5", "postcss@^7.0.6", "postcss@>4 <9":
+"postcss@^7.0.0":
   "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
   "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
   "version" "7.0.39"
@@ -8217,21 +8641,68 @@
     "picocolors" "^0.2.1"
     "source-map" "^0.6.1"
 
-"postcss@^8.1.10":
-  "integrity" "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA=="
-  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-8.4.18.tgz"
-  "version" "8.4.18"
+"postcss@^7.0.1":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
   dependencies:
-    "nanoid" "^3.3.4"
-    "picocolors" "^1.0.0"
-    "source-map-js" "^1.0.2"
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
 
-"postcss@^8.4.14":
-  "integrity" "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA=="
-  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-8.4.18.tgz"
-  "version" "8.4.18"
+"postcss@^7.0.14":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
   dependencies:
-    "nanoid" "^3.3.4"
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
+
+"postcss@^7.0.27":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
+  dependencies:
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
+
+"postcss@^7.0.32":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
+  dependencies:
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
+
+"postcss@^7.0.36":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
+  dependencies:
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
+
+"postcss@^7.0.5":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
+  dependencies:
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
+
+"postcss@^7.0.6":
+  "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
+  "version" "7.0.39"
+  dependencies:
+    "picocolors" "^0.2.1"
+    "source-map" "^0.6.1"
+
+"postcss@^8.1.10", "postcss@^8.4.14":
+  "integrity" "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ=="
+  "resolved" "https://registry.npmmirror.com/postcss/-/postcss-8.4.27.tgz"
+  "version" "8.4.27"
+  dependencies:
+    "nanoid" "^3.3.6"
     "picocolors" "^1.0.0"
     "source-map-js" "^1.0.2"
 
@@ -8273,6 +8744,11 @@
     "posthtml-parser" "^0.2.0"
     "posthtml-render" "^1.0.5"
 
+"preact@^10.11.2":
+  "integrity" "sha512-gQCLc/vWroE8lIpleXtdJhTFDogTdZG9AjMUpVkDf2iTCNwYNWA+u16dL41TqUDJO4gm2IgrcMv3uTpjd4Pwmg=="
+  "resolved" "https://registry.npmmirror.com/preact/-/preact-10.29.1.tgz"
+  "version" "10.29.1"
+
 "prelude-ls@^1.2.1":
   "integrity" "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="
   "resolved" "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz"
@@ -8290,10 +8766,10 @@
   dependencies:
     "fast-diff" "^1.1.2"
 
-"prettier@^1.18.2 || ^2.0.0", "prettier@>= 1.13.0", "prettier@>=1.13.0":
-  "integrity" "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g=="
-  "resolved" "https://registry.npmmirror.com/prettier/-/prettier-2.7.1.tgz"
-  "version" "2.7.1"
+"prettier@^1.18.2 || ^2.0.0":
+  "integrity" "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="
+  "resolved" "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz"
+  "version" "2.8.8"
 
 "pretty-error@^2.0.2":
   "integrity" "sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw=="
@@ -8398,15 +8874,15 @@
   "resolved" "https://registry.npmmirror.com/punycode/-/punycode-1.4.1.tgz"
   "version" "1.4.1"
 
-"punycode@^2.1.0", "punycode@^2.1.1":
-  "integrity" "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
-  "resolved" "https://registry.npmmirror.com/punycode/-/punycode-2.1.1.tgz"
-  "version" "2.1.1"
+"punycode@^1.4.1":
+  "integrity" "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ=="
+  "resolved" "https://registry.npmmirror.com/punycode/-/punycode-1.4.1.tgz"
+  "version" "1.4.1"
 
-"punycode@1.3.2":
-  "integrity" "sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw=="
-  "resolved" "https://registry.npmmirror.com/punycode/-/punycode-1.3.2.tgz"
-  "version" "1.3.2"
+"punycode@^2.1.0", "punycode@^2.1.1":
+  "integrity" "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA=="
+  "resolved" "https://registry.npmmirror.com/punycode/-/punycode-2.3.0.tgz"
+  "version" "2.3.0"
 
 "q@^1.1.2":
   "integrity" "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw=="
@@ -8418,6 +8894,13 @@
   "resolved" "https://registry.npmmirror.com/qrcode.vue/-/qrcode.vue-1.7.0.tgz"
   "version" "1.7.0"
 
+"qs@^6.11.0":
+  "integrity" "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA=="
+  "resolved" "https://registry.npmmirror.com/qs/-/qs-6.11.2.tgz"
+  "version" "6.11.2"
+  dependencies:
+    "side-channel" "^1.0.4"
+
 "qs@~6.5.2":
   "integrity" "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA=="
   "resolved" "https://registry.npmmirror.com/qs/-/qs-6.5.3.tgz"
@@ -8443,11 +8926,6 @@
   "resolved" "https://registry.npmmirror.com/querystring-es3/-/querystring-es3-0.2.1.tgz"
   "version" "0.2.1"
 
-"querystring@0.2.0":
-  "integrity" "sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g=="
-  "resolved" "https://registry.npmmirror.com/querystring/-/querystring-0.2.0.tgz"
-  "version" "0.2.0"
-
 "querystringify@^2.1.1":
   "integrity" "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
   "resolved" "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz"
@@ -8515,9 +8993,9 @@
     "type-fest" "^0.6.0"
 
 "readable-stream@^2.0.0", "readable-stream@^2.0.1", "readable-stream@^2.0.2", "readable-stream@^2.1.5", "readable-stream@^2.2.2", "readable-stream@^2.3.3", "readable-stream@^2.3.6", "readable-stream@~2.3.6", "readable-stream@1 || 2":
-  "integrity" "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw=="
-  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.7.tgz"
-  "version" "2.3.7"
+  "integrity" "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="
+  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz"
+  "version" "2.3.8"
   dependencies:
     "core-util-is" "~1.0.0"
     "inherits" "~2.0.3"
@@ -8528,27 +9006,27 @@
     "util-deprecate" "~1.0.1"
 
 "readable-stream@^3.0.6":
-  "integrity" "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA=="
-  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.0.tgz"
-  "version" "3.6.0"
+  "integrity" "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="
+  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz"
+  "version" "3.6.2"
   dependencies:
     "inherits" "^2.0.3"
     "string_decoder" "^1.1.1"
     "util-deprecate" "^1.0.1"
 
 "readable-stream@^3.1.1":
-  "integrity" "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA=="
-  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.0.tgz"
-  "version" "3.6.0"
+  "integrity" "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="
+  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz"
+  "version" "3.6.2"
   dependencies:
     "inherits" "^2.0.3"
     "string_decoder" "^1.1.1"
     "util-deprecate" "^1.0.1"
 
 "readable-stream@^3.6.0":
-  "integrity" "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA=="
-  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.0.tgz"
-  "version" "3.6.0"
+  "integrity" "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="
+  "resolved" "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz"
+  "version" "3.6.2"
   dependencies:
     "inherits" "^2.0.3"
     "string_decoder" "^1.1.1"
@@ -8587,15 +9065,10 @@
   "resolved" "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz"
   "version" "0.11.1"
 
-"regenerator-runtime@^0.13.10":
-  "integrity" "sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw=="
-  "resolved" "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.10.tgz"
-  "version" "0.13.10"
-
-"regenerator-transform@^0.15.0":
-  "integrity" "sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg=="
-  "resolved" "https://registry.npmmirror.com/regenerator-transform/-/regenerator-transform-0.15.0.tgz"
-  "version" "0.15.0"
+"regenerator-transform@^0.15.1":
+  "integrity" "sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg=="
+  "resolved" "https://registry.npmmirror.com/regenerator-transform/-/regenerator-transform-0.15.1.tgz"
+  "version" "0.15.1"
   dependencies:
     "@babel/runtime" "^7.8.4"
 
@@ -8607,36 +9080,31 @@
     "extend-shallow" "^3.0.2"
     "safe-regex" "^1.1.0"
 
-"regexp.prototype.flags@^1.2.0", "regexp.prototype.flags@^1.4.3":
-  "integrity" "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA=="
-  "resolved" "https://registry.npmmirror.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz"
-  "version" "1.4.3"
+"regexp.prototype.flags@^1.2.0", "regexp.prototype.flags@^1.5.0":
+  "integrity" "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA=="
+  "resolved" "https://registry.npmmirror.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz"
+  "version" "1.5.0"
   dependencies:
     "call-bind" "^1.0.2"
-    "define-properties" "^1.1.3"
-    "functions-have-names" "^1.2.2"
+    "define-properties" "^1.2.0"
+    "functions-have-names" "^1.2.3"
 
 "regexpp@^3.1.0":
   "integrity" "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg=="
   "resolved" "https://registry.npmmirror.com/regexpp/-/regexpp-3.2.0.tgz"
   "version" "3.2.0"
 
-"regexpu-core@^5.1.0":
-  "integrity" "sha512-HrnlNtpvqP1Xkb28tMhBUO2EbyUHdQlsnlAhzWcwHy8WJR53UWr7/MAvqrsQKMbV4qdpv03oTMG8iIhfsPFktQ=="
-  "resolved" "https://registry.npmmirror.com/regexpu-core/-/regexpu-core-5.2.1.tgz"
-  "version" "5.2.1"
+"regexpu-core@^5.3.1":
+  "integrity" "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ=="
+  "resolved" "https://registry.npmmirror.com/regexpu-core/-/regexpu-core-5.3.2.tgz"
+  "version" "5.3.2"
   dependencies:
+    "@babel/regjsgen" "^0.8.0"
     "regenerate" "^1.4.2"
     "regenerate-unicode-properties" "^10.1.0"
-    "regjsgen" "^0.7.1"
     "regjsparser" "^0.9.1"
     "unicode-match-property-ecmascript" "^2.0.0"
-    "unicode-match-property-value-ecmascript" "^2.0.0"
-
-"regjsgen@^0.7.1":
-  "integrity" "sha512-RAt+8H2ZEzHeYWxZ3H2z6tF18zyyOnlcdaafLrm21Bguj7uZy6ULibiAFdXEtKQY4Sy7wDTwDiOazasMLc4KPA=="
-  "resolved" "https://registry.npmmirror.com/regjsgen/-/regjsgen-0.7.1.tgz"
-  "version" "0.7.1"
+    "unicode-match-property-value-ecmascript" "^2.1.0"
 
 "regjsparser@^0.9.1":
   "integrity" "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ=="
@@ -8744,12 +9212,12 @@
   "resolved" "https://registry.npmmirror.com/resolve-url/-/resolve-url-0.2.1.tgz"
   "version" "0.2.1"
 
-"resolve@^1.10.0", "resolve@^1.12.0", "resolve@^1.14.2", "resolve@^1.20.0", "resolve@^1.22.0":
-  "integrity" "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw=="
-  "resolved" "https://registry.npmmirror.com/resolve/-/resolve-1.22.1.tgz"
-  "version" "1.22.1"
+"resolve@^1.10.0", "resolve@^1.12.0", "resolve@^1.14.2", "resolve@^1.22.1":
+  "integrity" "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g=="
+  "resolved" "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz"
+  "version" "1.22.2"
   dependencies:
-    "is-core-module" "^2.9.0"
+    "is-core-module" "^2.11.0"
     "path-parse" "^1.0.7"
     "supports-preserve-symlinks-flag" "^1.0.0"
 
@@ -8794,21 +9262,7 @@
   "resolved" "https://registry.npmmirror.com/rgba-regex/-/rgba-regex-1.0.0.tgz"
   "version" "1.0.0"
 
-"rimraf@^2.5.4":
-  "integrity" "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w=="
-  "resolved" "https://registry.npmmirror.com/rimraf/-/rimraf-2.7.1.tgz"
-  "version" "2.7.1"
-  dependencies:
-    "glob" "^7.1.3"
-
-"rimraf@^2.6.1":
-  "integrity" "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w=="
-  "resolved" "https://registry.npmmirror.com/rimraf/-/rimraf-2.7.1.tgz"
-  "version" "2.7.1"
-  dependencies:
-    "glob" "^7.1.3"
-
-"rimraf@^2.6.3":
+"rimraf@^2.5.4", "rimraf@^2.6.1", "rimraf@^2.6.3":
   "integrity" "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w=="
   "resolved" "https://registry.npmmirror.com/rimraf/-/rimraf-2.7.1.tgz"
   "version" "2.7.1"
@@ -8867,12 +9321,22 @@
     "tslib" "^1.9.0"
 
 "rxjs@^7.5.5":
-  "integrity" "sha512-z9MzKh/UcOqB3i20H6rtrlaE/CgjLOvheWK/9ILrbhROGTweAi1BaFsTT9FbwZi5Trr1qNRs+MXkhmR06awzQA=="
-  "resolved" "https://registry.npmmirror.com/rxjs/-/rxjs-7.5.7.tgz"
-  "version" "7.5.7"
+  "integrity" "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg=="
+  "resolved" "https://registry.npmmirror.com/rxjs/-/rxjs-7.8.1.tgz"
+  "version" "7.8.1"
   dependencies:
     "tslib" "^2.1.0"
 
+"safe-array-concat@^1.0.0":
+  "integrity" "sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ=="
+  "resolved" "https://registry.npmmirror.com/safe-array-concat/-/safe-array-concat-1.0.0.tgz"
+  "version" "1.0.0"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "get-intrinsic" "^1.2.0"
+    "has-symbols" "^1.0.3"
+    "isarray" "^2.0.5"
+
 "safe-buffer@^5.0.1", "safe-buffer@^5.1.0", "safe-buffer@^5.1.1", "safe-buffer@^5.1.2", "safe-buffer@^5.2.0", "safe-buffer@>=5.1.0", "safe-buffer@5.2.1":
   "integrity" "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
   "resolved" "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz"
@@ -8932,7 +9396,7 @@
     "schema-utils" "^3.0.0"
     "semver" "^7.3.2"
 
-"sass@^1.3.0", "sass@1.32.13":
+"sass@1.32.13":
   "integrity" "sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA=="
   "resolved" "https://registry.npmmirror.com/sass/-/sass-1.32.13.tgz"
   "version" "1.32.13"
@@ -8968,9 +9432,9 @@
     "ajv-keywords" "^3.5.2"
 
 "schema-utils@^3.0.0":
-  "integrity" "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw=="
-  "resolved" "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.1.1.tgz"
-  "version" "3.1.1"
+  "integrity" "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg=="
+  "resolved" "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
+  "version" "3.3.0"
   dependencies:
     "@types/json-schema" "^7.0.8"
     "ajv" "^6.12.5"
@@ -9019,54 +9483,57 @@
   dependencies:
     "node-forge" "^0.10.0"
 
-"semver@^5.5.0":
-  "integrity" "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz"
-  "version" "5.7.1"
+"semver@^5.5.0", "semver@^5.6.0", "semver@2 || 3 || 4 || 5":
+  "integrity" "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz"
+  "version" "5.7.2"
 
-"semver@^5.6.0":
-  "integrity" "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz"
-  "version" "5.7.1"
+"semver@^6.0.0":
+  "integrity" "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
+  "version" "6.3.1"
 
-"semver@^6.0.0", "semver@^6.1.0", "semver@^6.1.1", "semver@^6.1.2", "semver@^6.3.0":
-  "integrity" "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz"
-  "version" "6.3.0"
+"semver@^6.1.0":
+  "integrity" "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
+  "version" "6.3.1"
+
+"semver@^6.3.0":
+  "integrity" "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
+  "version" "6.3.1"
+
+"semver@^6.3.1":
+  "integrity" "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
+  "version" "6.3.1"
 
 "semver@^7.2.1":
-  "integrity" "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.3.8.tgz"
-  "version" "7.3.8"
-  dependencies:
-    "lru-cache" "^6.0.0"
+  "integrity" "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.7.4.tgz"
+  "version" "7.7.4"
 
 "semver@^7.3.2":
-  "integrity" "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.3.8.tgz"
-  "version" "7.3.8"
+  "integrity" "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz"
+  "version" "7.5.4"
   dependencies:
     "lru-cache" "^6.0.0"
 
 "semver@^7.3.5":
-  "integrity" "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.3.8.tgz"
-  "version" "7.3.8"
+  "integrity" "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz"
+  "version" "7.5.4"
   dependencies:
     "lru-cache" "^6.0.0"
 
 "semver@^7.3.6":
-  "integrity" "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.3.8.tgz"
-  "version" "7.3.8"
+  "integrity" "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA=="
+  "resolved" "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz"
+  "version" "7.5.4"
   dependencies:
     "lru-cache" "^6.0.0"
 
-"semver@2 || 3 || 4 || 5":
-  "integrity" "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
-  "resolved" "https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz"
-  "version" "5.7.1"
-
 "send@0.18.0":
   "integrity" "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg=="
   "resolved" "https://registry.npmmirror.com/send/-/send-0.18.0.tgz"
@@ -9186,9 +9653,9 @@
   "version" "3.0.0"
 
 "shell-quote@^1.7.3":
-  "integrity" "sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw=="
-  "resolved" "https://registry.npmmirror.com/shell-quote/-/shell-quote-1.7.4.tgz"
-  "version" "1.7.4"
+  "integrity" "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA=="
+  "resolved" "https://registry.npmmirror.com/shell-quote/-/shell-quote-1.8.1.tgz"
+  "version" "1.8.1"
 
 "side-channel@^1.0.4":
   "integrity" "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw=="
@@ -9372,15 +9839,10 @@
   "resolved" "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz"
   "version" "0.7.4"
 
-"sourcemap-codec@^1.4.8":
-  "integrity" "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
-  "resolved" "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
-  "version" "1.4.8"
-
 "spdx-correct@^3.0.0":
-  "integrity" "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w=="
-  "resolved" "https://registry.npmmirror.com/spdx-correct/-/spdx-correct-3.1.1.tgz"
-  "version" "3.1.1"
+  "integrity" "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA=="
+  "resolved" "https://registry.npmmirror.com/spdx-correct/-/spdx-correct-3.2.0.tgz"
+  "version" "3.2.0"
   dependencies:
     "spdx-expression-parse" "^3.0.0"
     "spdx-license-ids" "^3.0.0"
@@ -9399,9 +9861,9 @@
     "spdx-license-ids" "^3.0.0"
 
 "spdx-license-ids@^3.0.0":
-  "integrity" "sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA=="
-  "resolved" "https://registry.npmmirror.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz"
-  "version" "3.0.12"
+  "integrity" "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w=="
+  "resolved" "https://registry.npmmirror.com/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz"
+  "version" "3.0.13"
 
 "spdy-transport@^3.0.0":
   "integrity" "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw=="
@@ -9545,9 +10007,9 @@
     "safe-buffer" "~5.1.0"
 
 "string-argv@^0.3.1":
-  "integrity" "sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg=="
-  "resolved" "https://registry.npmmirror.com/string-argv/-/string-argv-0.3.1.tgz"
-  "version" "0.3.1"
+  "integrity" "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q=="
+  "resolved" "https://registry.npmmirror.com/string-argv/-/string-argv-0.3.2.tgz"
+  "version" "0.3.2"
 
 "string-width@^3.0.0", "string-width@^3.1.0":
   "integrity" "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w=="
@@ -9576,7 +10038,16 @@
     "emoji-regex" "^9.2.2"
     "strip-ansi" "^7.0.1"
 
-"string.prototype.trimend@^1.0.5":
+"string.prototype.trim@^1.2.7":
+  "integrity" "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg=="
+  "resolved" "https://registry.npmmirror.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz"
+  "version" "1.2.7"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "define-properties" "^1.1.4"
+    "es-abstract" "^1.20.4"
+
+"string.prototype.trimend@^1.0.6":
   "integrity" "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ=="
   "resolved" "https://registry.npmmirror.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz"
   "version" "1.0.6"
@@ -9585,7 +10056,7 @@
     "define-properties" "^1.1.4"
     "es-abstract" "^1.20.4"
 
-"string.prototype.trimstart@^1.0.5":
+"string.prototype.trimstart@^1.0.6":
   "integrity" "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA=="
   "resolved" "https://registry.npmmirror.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz"
   "version" "1.0.6"
@@ -9637,9 +10108,9 @@
     "ansi-regex" "^5.0.1"
 
 "strip-ansi@^7.0.1":
-  "integrity" "sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw=="
-  "resolved" "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.0.1.tgz"
-  "version" "7.0.1"
+  "integrity" "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="
+  "resolved" "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.1.0.tgz"
+  "version" "7.1.0"
   dependencies:
     "ansi-regex" "^6.0.1"
 
@@ -9710,7 +10181,14 @@
   dependencies:
     "has-flag" "^3.0.0"
 
-"supports-color@^7.0.0", "supports-color@^7.1.0":
+"supports-color@^7.0.0":
+  "integrity" "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="
+  "resolved" "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz"
+  "version" "7.2.0"
+  dependencies:
+    "has-flag" "^4.0.0"
+
+"supports-color@^7.1.0":
   "integrity" "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="
   "resolved" "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz"
   "version" "7.2.0"
@@ -9718,9 +10196,9 @@
     "has-flag" "^4.0.0"
 
 "supports-color@^9.2.2":
-  "integrity" "sha512-aszYUX/DVK/ed5rFLb/dDinVJrQjG/vmU433wtqVSD800rYsJNWxh2R3USV90aLSU+UsyQkbNeffVLzc6B6foA=="
-  "resolved" "https://registry.npmmirror.com/supports-color/-/supports-color-9.2.3.tgz"
-  "version" "9.2.3"
+  "integrity" "sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw=="
+  "resolved" "https://registry.npmmirror.com/supports-color/-/supports-color-9.4.0.tgz"
+  "version" "9.4.0"
 
 "supports-preserve-symlinks-flag@^1.0.0":
   "integrity" "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
@@ -9815,13 +10293,13 @@
   "version" "1.1.3"
 
 "tar@^6.0.2":
-  "integrity" "sha512-jU4TdemS31uABHd+Lt5WEYJuzn+TJTCBLljvIAHZOz6M9Os5pJ4dD+vRFLxPa/n3T0iEFzpi+0x1UfuDZYbRMw=="
-  "resolved" "https://registry.npmmirror.com/tar/-/tar-6.1.12.tgz"
-  "version" "6.1.12"
+  "integrity" "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A=="
+  "resolved" "https://registry.npmmirror.com/tar/-/tar-6.1.15.tgz"
+  "version" "6.1.15"
   dependencies:
     "chownr" "^2.0.0"
     "fs-minipass" "^2.0.0"
-    "minipass" "^3.0.0"
+    "minipass" "^5.0.0"
     "minizlib" "^2.1.1"
     "mkdirp" "^1.0.3"
     "yallist" "^4.0.0"
@@ -9881,12 +10359,12 @@
     "source-map-support" "~0.5.12"
 
 "terser@^5.3.4":
-  "integrity" "sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw=="
-  "resolved" "https://registry.npmmirror.com/terser/-/terser-5.15.1.tgz"
-  "version" "5.15.1"
+  "integrity" "sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA=="
+  "resolved" "https://registry.npmmirror.com/terser/-/terser-5.19.2.tgz"
+  "version" "5.19.2"
   dependencies:
-    "@jridgewell/source-map" "^0.3.2"
-    "acorn" "^8.5.0"
+    "@jridgewell/source-map" "^0.3.3"
+    "acorn" "^8.8.2"
     "commander" "^2.20.0"
     "source-map-support" "~0.5.20"
 
@@ -9968,6 +10446,11 @@
   "resolved" "https://registry.npmmirror.com/tiny-svg/-/tiny-svg-2.2.4.tgz"
   "version" "2.2.4"
 
+"tiny-svg@^4.1.4":
+  "integrity" "sha512-cBaEACCbouYrQc9RG+eTXnPYosX1Ijqty/I6DdXovwDd89Pwu4jcmpOR7BuFEF9YCcd7/AWwasE0207WMK7hdw=="
+  "resolved" "https://registry.npmmirror.com/tiny-svg/-/tiny-svg-4.1.4.tgz"
+  "version" "4.1.4"
+
 "tmp@^0.0.33":
   "integrity" "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw=="
   "resolved" "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz"
@@ -10051,12 +10534,12 @@
   "version" "1.2.0"
 
 "tsconfig-paths@^3.14.1":
-  "integrity" "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ=="
-  "resolved" "https://registry.npmmirror.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz"
-  "version" "3.14.1"
+  "integrity" "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g=="
+  "resolved" "https://registry.npmmirror.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz"
+  "version" "3.14.2"
   dependencies:
     "@types/json5" "^0.0.29"
-    "json5" "^1.0.1"
+    "json5" "^1.0.2"
     "minimist" "^1.2.6"
     "strip-bom" "^3.0.0"
 
@@ -10122,6 +10605,45 @@
     "media-typer" "0.3.0"
     "mime-types" "~2.1.24"
 
+"typed-array-buffer@^1.0.0":
+  "integrity" "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw=="
+  "resolved" "https://registry.npmmirror.com/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz"
+  "version" "1.0.0"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "get-intrinsic" "^1.2.1"
+    "is-typed-array" "^1.1.10"
+
+"typed-array-byte-length@^1.0.0":
+  "integrity" "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA=="
+  "resolved" "https://registry.npmmirror.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz"
+  "version" "1.0.0"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "for-each" "^0.3.3"
+    "has-proto" "^1.0.1"
+    "is-typed-array" "^1.1.10"
+
+"typed-array-byte-offset@^1.0.0":
+  "integrity" "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg=="
+  "resolved" "https://registry.npmmirror.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz"
+  "version" "1.0.0"
+  dependencies:
+    "available-typed-arrays" "^1.0.5"
+    "call-bind" "^1.0.2"
+    "for-each" "^0.3.3"
+    "has-proto" "^1.0.1"
+    "is-typed-array" "^1.1.10"
+
+"typed-array-length@^1.0.4":
+  "integrity" "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng=="
+  "resolved" "https://registry.npmmirror.com/typed-array-length/-/typed-array-length-1.0.4.tgz"
+  "version" "1.0.4"
+  dependencies:
+    "call-bind" "^1.0.2"
+    "for-each" "^0.3.3"
+    "is-typed-array" "^1.1.9"
+
 "typedarray@^0.0.6":
   "integrity" "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
   "resolved" "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz"
@@ -10158,10 +10680,10 @@
     "unicode-canonical-property-names-ecmascript" "^2.0.0"
     "unicode-property-aliases-ecmascript" "^2.0.0"
 
-"unicode-match-property-value-ecmascript@^2.0.0":
-  "integrity" "sha512-7Yhkc0Ye+t4PNYzOGKedDhXbYIBe1XEQYQxOPyhcXNMJ0WCABqqj6ckydd6pWRZTHV4GuCPKdBAUiMc60tsKVw=="
-  "resolved" "https://registry.npmmirror.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.0.0.tgz"
-  "version" "2.0.0"
+"unicode-match-property-value-ecmascript@^2.1.0":
+  "integrity" "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA=="
+  "resolved" "https://registry.npmmirror.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz"
+  "version" "2.1.0"
 
 "unicode-property-aliases-ecmascript@^2.0.0":
   "integrity" "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w=="
@@ -10235,10 +10757,10 @@
   "resolved" "https://registry.npmmirror.com/upath/-/upath-1.2.0.tgz"
   "version" "1.2.0"
 
-"update-browserslist-db@^1.0.9":
-  "integrity" "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ=="
-  "resolved" "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz"
-  "version" "1.0.10"
+"update-browserslist-db@^1.0.11":
+  "integrity" "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA=="
+  "resolved" "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz"
+  "version" "1.0.11"
   dependencies:
     "escalade" "^3.1.1"
     "picocolors" "^1.0.0"
@@ -10284,18 +10806,18 @@
   dependencies:
     "unidecode" "0.1.8"
 
-"url-toolkit@^2.1.3":
+"url-toolkit@^2.1.3", "url-toolkit@^2.2.1":
   "integrity" "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
   "resolved" "https://registry.npmmirror.com/url-toolkit/-/url-toolkit-2.2.5.tgz"
   "version" "2.2.5"
 
 "url@^0.11.0":
-  "integrity" "sha512-kbailJa29QrtXnxgq+DdCEGlbTeYM2eJUxsz6vjZavrCYPMIFHMKQmSKYAIuUK2i7hgPm28a8piX5NTUtM/LKQ=="
-  "resolved" "https://registry.npmmirror.com/url/-/url-0.11.0.tgz"
-  "version" "0.11.0"
+  "integrity" "sha512-rWS3H04/+mzzJkv0eZ7vEDGiQbgquI1fGfOad6zKvgYQi1SzMmhl7c/DdRGxhaWrVH6z0qWITo8rpnxK/RfEhA=="
+  "resolved" "https://registry.npmmirror.com/url/-/url-0.11.1.tgz"
+  "version" "0.11.1"
   dependencies:
-    "punycode" "1.3.2"
-    "querystring" "0.2.0"
+    "punycode" "^1.4.1"
+    "qs" "^6.11.0"
 
 "use@^3.1.0":
   "integrity" "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ=="
@@ -10307,7 +10829,17 @@
   "resolved" "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz"
   "version" "1.0.2"
 
-"util.promisify@~1.0.0", "util.promisify@1.0.0":
+"util.promisify@~1.0.0":
+  "integrity" "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA=="
+  "resolved" "https://registry.npmmirror.com/util.promisify/-/util.promisify-1.0.1.tgz"
+  "version" "1.0.1"
+  dependencies:
+    "define-properties" "^1.1.3"
+    "es-abstract" "^1.17.2"
+    "has-symbols" "^1.0.1"
+    "object.getownpropertydescriptors" "^2.1.0"
+
+"util.promisify@1.0.0":
   "integrity" "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA=="
   "resolved" "https://registry.npmmirror.com/util.promisify/-/util.promisify-1.0.0.tgz"
   "version" "1.0.0"
@@ -10381,7 +10913,7 @@
     "core-util-is" "1.0.2"
     "extsprintf" "^1.2.0"
 
-"video.js@^5.17.0 || ^6.2.0", "video.js@^5.19.1 || ^6.2.0", "video.js@^6 || ^7", "video.js@^6.6.0":
+"video.js@^5.17.0 || ^6.2.0":
   "integrity" "sha512-36/JR/GhPQSZj0o+GNbhcEYv/b0SkV9SQsjlodAnzMQYN0TA7VhmqrKPYMCi1NGRYu7S9W3OaFCFoUxkYfSVlg=="
   "resolved" "https://registry.npmmirror.com/video.js/-/video.js-6.13.0.tgz"
   "version" "6.13.0"
@@ -10395,6 +10927,71 @@
     "videojs-vtt.js" "0.12.6"
     "xhr" "2.4.0"
 
+"video.js@^5.19.1 || ^6.2.0":
+  "integrity" "sha512-36/JR/GhPQSZj0o+GNbhcEYv/b0SkV9SQsjlodAnzMQYN0TA7VhmqrKPYMCi1NGRYu7S9W3OaFCFoUxkYfSVlg=="
+  "resolved" "https://registry.npmmirror.com/video.js/-/video.js-6.13.0.tgz"
+  "version" "6.13.0"
+  dependencies:
+    "babel-runtime" "^6.9.2"
+    "global" "4.3.2"
+    "safe-json-parse" "4.0.0"
+    "tsml" "1.0.1"
+    "videojs-font" "2.1.0"
+    "videojs-ie8" "1.1.2"
+    "videojs-vtt.js" "0.12.6"
+    "xhr" "2.4.0"
+
+"video.js@^6 || ^7":
+  "integrity" "sha512-WRq86tXZKrThA9mK+IR+v4tIQVVvnb5LhvL71fD2AX7TxVOPdaeK1X/wyuUruBqWaOG3w2sZXoMY6HF2Jlo9qA=="
+  "resolved" "https://registry.npmmirror.com/video.js/-/video.js-7.21.5.tgz"
+  "version" "7.21.5"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/http-streaming" "2.16.2"
+    "@videojs/vhs-utils" "^3.0.4"
+    "@videojs/xhr" "2.6.0"
+    "aes-decrypter" "3.1.3"
+    "global" "^4.4.0"
+    "keycode" "^2.2.0"
+    "m3u8-parser" "4.8.0"
+    "mpd-parser" "0.22.1"
+    "mux.js" "6.0.1"
+    "safe-json-parse" "4.0.0"
+    "videojs-font" "3.2.0"
+    "videojs-vtt.js" "^0.15.5"
+
+"video.js@^6.6.0":
+  "integrity" "sha512-36/JR/GhPQSZj0o+GNbhcEYv/b0SkV9SQsjlodAnzMQYN0TA7VhmqrKPYMCi1NGRYu7S9W3OaFCFoUxkYfSVlg=="
+  "resolved" "https://registry.npmmirror.com/video.js/-/video.js-6.13.0.tgz"
+  "version" "6.13.0"
+  dependencies:
+    "babel-runtime" "^6.9.2"
+    "global" "4.3.2"
+    "safe-json-parse" "4.0.0"
+    "tsml" "1.0.1"
+    "videojs-font" "2.1.0"
+    "videojs-ie8" "1.1.2"
+    "videojs-vtt.js" "0.12.6"
+    "xhr" "2.4.0"
+
+"video.js@^7 || ^8", "video.js@^8.23.7":
+  "integrity" "sha512-cG4HOygYt+Z8j6Sf5DuK6OgEOoM+g9oGP6vpqoZRaD13aHE4PMITbyjJUXZcIQbgB0wJEadBRaVm5lJIzo2jAA=="
+  "resolved" "https://registry.npmmirror.com/video.js/-/video.js-8.23.7.tgz"
+  "version" "8.23.7"
+  dependencies:
+    "@babel/runtime" "^7.28.4"
+    "@videojs/http-streaming" "^3.17.3"
+    "@videojs/vhs-utils" "^4.1.1"
+    "@videojs/xhr" "2.7.0"
+    "aes-decrypter" "^4.0.2"
+    "global" "4.4.0"
+    "m3u8-parser" "^7.2.0"
+    "mpd-parser" "^1.3.1"
+    "mux.js" "^7.0.1"
+    "videojs-contrib-quality-levels" "4.1.0"
+    "videojs-font" "4.2.0"
+    "videojs-vtt.js" "0.15.5"
+
 "videojs-contrib-hls@^5.12.2":
   "integrity" "sha512-18zbMYZ0XRBKTPEayA9bFTWWrqhT9b4G8+zf0czJLD7Epe5PcK1I/3dflTHQeQ5rwlWir+/XnFU3sMg/B2MMcw=="
   "resolved" "https://registry.npmmirror.com/videojs-contrib-hls/-/videojs-contrib-hls-5.15.0.tgz"
@@ -10419,6 +11016,13 @@
     "video.js" "^5.17.0 || ^6.2.0"
     "webwackify" "0.1.6"
 
+"videojs-contrib-quality-levels@4.1.0":
+  "integrity" "sha512-TfrXJJg1Bv4t6TOCMEVMwF/CoS8iENYsWNKip8zfhB5kTcegiFYezEA0eHAJPU64ZC8NQbxQgOwAsYU8VXbOWA=="
+  "resolved" "https://registry.npmmirror.com/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-4.1.0.tgz"
+  "version" "4.1.0"
+  dependencies:
+    "global" "^4.4.0"
+
 "videojs-flash@^2.1.0":
   "integrity" "sha512-mHu6TD12EKkxMvr8tg4AcfV/DuVLff427nneoZom3N9Dd2bv0sJOWwdLPQH1v5BCuAuXAVuAOba56ovTl+G3tQ=="
   "resolved" "https://registry.npmmirror.com/videojs-flash/-/videojs-flash-2.2.1.tgz"
@@ -10433,6 +11037,16 @@
   "resolved" "https://registry.npmmirror.com/videojs-font/-/videojs-font-2.1.0.tgz"
   "version" "2.1.0"
 
+"videojs-font@3.2.0":
+  "integrity" "sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA=="
+  "resolved" "https://registry.npmmirror.com/videojs-font/-/videojs-font-3.2.0.tgz"
+  "version" "3.2.0"
+
+"videojs-font@4.2.0":
+  "integrity" "sha512-YPq+wiKoGy2/M7ccjmlvwi58z2xsykkkfNMyIg4xb7EZQQNwB71hcSsB3o75CqQV7/y5lXkXhI/rsGAS7jfEmQ=="
+  "resolved" "https://registry.npmmirror.com/videojs-font/-/videojs-font-4.2.0.tgz"
+  "version" "4.2.0"
+
 "videojs-hotkeys@^0.2.20":
   "integrity" "sha512-M8rlD5OSB3EDRdbS4MRNlGKFpA2sSIStmUPvy5zfl/NigzWaN6r4wnb32rEN0v97GiQwmUfXSmqrPNrXhiFQmQ=="
   "resolved" "https://registry.npmmirror.com/videojs-hotkeys/-/videojs-hotkeys-0.2.28.tgz"
@@ -10450,6 +11064,13 @@
   "resolved" "https://registry.npmmirror.com/videojs-swf/-/videojs-swf-5.4.2.tgz"
   "version" "5.4.2"
 
+"videojs-vtt.js@^0.15.5", "videojs-vtt.js@0.15.5":
+  "integrity" "sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ=="
+  "resolved" "https://registry.npmmirror.com/videojs-vtt.js/-/videojs-vtt.js-0.15.5.tgz"
+  "version" "0.15.5"
+  dependencies:
+    "global" "^4.3.1"
+
 "videojs-vtt.js@0.12.6":
   "integrity" "sha512-XFXeGBQiljnElMhwCcZst0RDbZn2n8LU7ZScXryd3a00OaZsHAjdZu/7/RdSr7Z1jHphd45FnOvOQkGK4YrWCQ=="
   "resolved" "https://registry.npmmirror.com/videojs-vtt.js/-/videojs-vtt.js-0.12.6.tgz"
@@ -10473,9 +11094,9 @@
   "version" "0.5.8"
 
 "vue-eslint-parser@^9.0.1":
-  "integrity" "sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ=="
-  "resolved" "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz"
-  "version" "9.1.0"
+  "integrity" "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g=="
+  "resolved" "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz"
+  "version" "9.3.1"
   dependencies:
     "debug" "^4.3.4"
     "eslint-scope" "^7.1.1"
@@ -10490,19 +11111,10 @@
   "resolved" "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz"
   "version" "2.3.4"
 
-"vue-loader-v16@npm:vue-loader@^16.1.0":
-  "integrity" "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA=="
-  "resolved" "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz"
-  "version" "16.8.3"
-  dependencies:
-    "chalk" "^4.1.0"
-    "hash-sum" "^2.0.0"
-    "loader-utils" "^2.0.0"
-
 "vue-loader@^15.9.2":
-  "integrity" "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg=="
-  "resolved" "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.0.tgz"
-  "version" "15.10.0"
+  "integrity" "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA=="
+  "resolved" "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz"
+  "version" "15.10.1"
   dependencies:
     "@vue/component-compiler-utils" "^3.1.0"
     "hash-sum" "^1.0.2"
@@ -10554,7 +11166,7 @@
     "videojs-flash" "^2.1.0"
     "videojs-hotkeys" "^0.2.20"
 
-"vue@*", "vue@^2 || ^3.0.0-0", "vue@^2.0.0", "vue@^2.2.0", "vue@^2.5.17", "vue@2.7.14":
+"vue@2.7.14":
   "integrity" "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ=="
   "resolved" "https://registry.npmmirror.com/vue/-/vue-2.7.14.tgz"
   "version" "2.7.14"
@@ -10711,7 +11323,7 @@
     "source-list-map" "^2.0.0"
     "source-map" "~0.6.1"
 
-"webpack@^1.0.0 || ^2.0.0 || ^3.0.0 || ^4.0.0", "webpack@^2.0.0 || ^3.0.0 || ^4.0.0", "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0", "webpack@^4.0.0", "webpack@^4.0.0 || ^5.0.0", "webpack@^4.1.0 || ^5.0.0-0", "webpack@^4.36.0 || ^5.0.0", "webpack@^4.4.0", "webpack@>=2", "webpack@>=2.0.0 <5.0.0", "webpack@>=4.0.0":
+"webpack@^4.0.0":
   "integrity" "sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q=="
   "resolved" "https://registry.npmmirror.com/webpack/-/webpack-4.46.0.tgz"
   "version" "4.46.0"
@@ -10771,9 +11383,20 @@
     "is-symbol" "^1.0.3"
 
 "which-module@^2.0.0":
-  "integrity" "sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q=="
-  "resolved" "https://registry.npmmirror.com/which-module/-/which-module-2.0.0.tgz"
-  "version" "2.0.0"
+  "integrity" "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
+  "resolved" "https://registry.npmmirror.com/which-module/-/which-module-2.0.1.tgz"
+  "version" "2.0.1"
+
+"which-typed-array@^1.1.10", "which-typed-array@^1.1.11":
+  "integrity" "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew=="
+  "resolved" "https://registry.npmmirror.com/which-typed-array/-/which-typed-array-1.1.11.tgz"
+  "version" "1.1.11"
+  dependencies:
+    "available-typed-arrays" "^1.0.5"
+    "call-bind" "^1.0.2"
+    "for-each" "^0.3.3"
+    "gopd" "^1.0.1"
+    "has-tostringtag" "^1.0.0"
 
 "which@^1.2.9":
   "integrity" "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ=="
@@ -10789,10 +11412,10 @@
   dependencies:
     "isexe" "^2.0.0"
 
-"word-wrap@^1.2.3":
-  "integrity" "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
-  "resolved" "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.3.tgz"
-  "version" "1.2.3"
+"word-wrap@^1.2.5":
+  "integrity" "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="
+  "resolved" "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.5.tgz"
+  "version" "1.2.5"
 
 "worker-farm@^1.7.0":
   "integrity" "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw=="