From ec5e74019b0ae1f9998bcb3d11bae42c4a01d5b7 Mon Sep 17 00:00:00 2001
From: MTrun <1262327911@qq.com>
Date: Mon, 7 Feb 2022 21:02:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E5=9B=BE=E5=B1=82?=
 =?UTF-8?q?=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chart/ContentLayers/index.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/chart/ContentLayers/index.vue b/src/views/chart/ContentLayers/index.vue
index 73a5c60d..081287c0 100644
--- a/src/views/chart/ContentLayers/index.vue
+++ b/src/views/chart/ContentLayers/index.vue
@@ -14,7 +14,7 @@
 
     <!-- 图层内容 -->
     <ListItem
-      v-for="item in chartEditStore.getComponentList"
+      v-for="item in  reverseList"
       :key="item.id"
       :componentData="item"
       @mousedown="mousedownHandle(item)"
@@ -26,12 +26,13 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import { ContentBox } from '../ContentBox/index'
-
 import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
 import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
 import { useChartEditStoreStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep';
 import {
   ChartEditStoreEnum,
   TargetChartType
@@ -53,6 +54,12 @@ const { handleContextMenu } = useContextMenu({
   hideOptionsList: [MenuEnum.CLEAR, MenuEnum.PARSE]
 })
 
+// 逆序输出
+const reverseList = computed(()=>{
+  const list: CreateComponentType[] = cloneDeep(chartEditStore.getComponentList)
+  return list.reverse()
+})
+
 const backHandle = () => {
   chartLayoutStore.setItem(ChartLayoutStoreEnum.LAYERS, false)
 }