perf(src/packages/components): 优化多实时属性修改一下显示顺序，现在是从右往左，改为从左往右，更符合大众

@@ -11,7 +11,7 @@
       <!-- <n-input type="textarea" @input="handleTestInput($event, option)" size="small" placeholder="请输入"></n-input>
       <!-- <n-input type="textarea" @input="handleTestInput($event, option)" size="small" placeholder="请输入"></n-input>
       <n-code word-wrap :code="toString(testInputValue)" language="json"></n-code> -->
       <n-code word-wrap :code="toString(testInputValue)" language="json"></n-code> -->
       <n-divider />
       <n-divider />
-      <div v-for="(item, index) in groupList" :key="item.key + index">
+      <div v-for="(item, index) in cacheGroupList" :key="item.key + index">
         <n-space justify="space-between">
         <n-space justify="space-between">
           <n-ellipsis> 组件id </n-ellipsis>
           <n-ellipsis> 组件id </n-ellipsis>
           <n-input size="small" v-model:value="item.id" :disabled="true"></n-input>
           <n-input size="small" v-model:value="item.id" :disabled="true"></n-input>
@@ -52,12 +52,16 @@ import { SelectOption } from 'naive-ui'
 
 
 const { targetData } = useTargetData()
 const { targetData } = useTargetData()
 
 
-const { groupList, option } = toRefs(targetData.value)
+const { groupList, option } = toRefs(targetData.value as unknown as Recordable)
+
+const cacheGroupList = computed(()=>{
+  return (groupList.value as unknown as CreateComponentType[]).reverse()
+})
 
 
 const saveHistoryInputValueList = ref<saveHistoryInputValueListType>([])
 const saveHistoryInputValueList = ref<saveHistoryInputValueListType>([])
 
 
 const handleSelectDataKey = (key:string, options:SelectOption[], currentComponentId:string, groupList:CreateComponentType[]) => {
 const handleSelectDataKey = (key:string, options:SelectOption[], currentComponentId:string, groupList:CreateComponentType[]) => {
-  saveHistoryInputValueList.value.unshift({
+  saveHistoryInputValueList.value.push({
     id:currentComponentId,
     id:currentComponentId,
     inputValue:key
     inputValue:key
   })
   })
@@ -115,6 +119,10 @@ const dataCacheKeys = computed(()=>{
   return []
   return []
 })
 })
 
 
+const cacheTargetDataGroupList = computed(()=>{
+  return (targetData.value?.groupList as unknown as CreateComponentType[]).reverse()
+})
+
 watch(
 watch(
   () => targetData.value,
   () => targetData.value,
   (newValue: CreateComponentType | CreateComponentGroupType) => {
   (newValue: CreateComponentType | CreateComponentGroupType) => {
@@ -124,7 +132,7 @@ watch(
         newValue.saveHistoryInput = JSON.stringify(uniqHistoryInputValueList)
         newValue.saveHistoryInput = JSON.stringify(uniqHistoryInputValueList)
         window.localStorage.setItem('CACHE_HISTORY_INPUT_VALUE', JSON.stringify(uniqHistoryInputValueList))
         window.localStorage.setItem('CACHE_HISTORY_INPUT_VALUE', JSON.stringify(uniqHistoryInputValueList))
       }
       }
-      newValue?.groupList?.forEach((item: CreateComponentType) => {
+      cacheTargetDataGroupList.value?.forEach((item: CreateComponentType) => {
         uniqHistoryInputValueList.forEach((uniqueItem: historyInputValue) => {
         uniqHistoryInputValueList.forEach((uniqueItem: historyInputValue) => {
           if (uniqueItem.id === item.id) {
           if (uniqueItem.id === item.id) {
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion