Merge branch 'master' into 测试

src/components/byTable/ElementsMapping.vue

@@ -1,13 +1,15 @@
 <template>
   <div>
-    <el-button v-for="(i, index) in getCellList" @click="i.click()" :key="index" v-bind="i.attrs" v-show="index < 2">{{ i.attrs.label }}</el-button>
+    <el-button v-for="(i, index) in getCellList" @click="i.click()" :key="index" v-bind="i.attrs" v-show="index < btnNum - 1">
+      {{ i.attrs.label }}
+    </el-button>
     <el-dropdown>
       <span class="el-dropdown-link">
         <span class="more-btn">更多</span>
       </span>
       <template #dropdown>
         <el-dropdown-menu>
-          <el-dropdown-item :class="index > 1 ? '' : 'dn'" @click="i.click()" v-for="(i, index) in getCellList" :key="index">
+          <el-dropdown-item :class="index > btnNum - 2 ? '' : 'dn'" @click="i.click()" v-for="(i, index) in getCellList" :key="index">
             <span :style="i.attrs.type == 'danger' ? 'color:red' : 'color:#409eff'">{{ i.attrs.label }}</span>
           </el-dropdown-item>
         </el-dropdown-menu>
@@ -37,6 +39,12 @@ export default defineComponent({
         return [];
       },
     },
+    btnNum: {
+      type: Number,
+      default() {
+        return 3;
+      },
+    },
   },
   setup(props) {
     const { proxy } = getCurrentInstance();
@@ -60,7 +68,7 @@ export default defineComponent({
         props: attrs,
       };
     };
-    if (getCellList.value.length > 3) {
+    if (getCellList.value.length > props.btnNum) {
       return {
         getCellList,
       };