feat: 新增某些组件只能存在一个的配置(例: 底部导航)

src/components/rightslider/graphicnavigationstyle/index.vue

@@ -63,7 +63,7 @@
 
     <!-- 上传图片 -->
     <el-button @click="showUpload('0')" class="uploadImg" type="primary" plain
-      ><i class="el-icon-plus" />点击添加图片</el-button
+      ><i class="el-icon-plus" />点击添加导航</el-button
     >
 
     <div class="bor"></div>

src/layout/home/index.vue

@@ -179,7 +179,7 @@ export default {
       pageComponents: [], //页面组件
       offsetY: 0, //记录上一次距离父元素高度
       pointer: { show: false }, //穿透
-      onlyOne: ['1-21', '1-22'], // 只能存在一个的组件
+      onlyOne: ['1-5','1-16'], // 只能存在一个的组件(组件的type)
     }
   },
 
@@ -392,15 +392,15 @@ export default {
      */
     drop(event) {
       /* 获取数据 */
-
       let data = utils.deepClone(
         componentProperties.get(event.dataTransfer.getData('componentName'))
       )
 
+      /* 查询是否只能存在一个的组件 */
       let someResult = this.pageComponents.some((item) => {
         return (
           this.onlyOne.includes(item.type) &&
-          item.type === event.dataTransfer.getData('Text')
+          item.component === event.dataTransfer.getData('componentName')
         )
       })
       if (someResult) {