cloud-web-corejs 1.0.129 → 1.0.131

package/src/components/vb-tabs/x-tabs.vue

@@ -1,8 +1,14 @@
 <template>
-  <el-tabs v-model="activeName" class="tab-box tab-morenav" @tab-remove="removeTab" @tab-click="tabClick" ref="tabs">
+  <el-tabs
+    v-model="activeName"
+    class="tab-box tab-morenav"
+    @tab-remove="removeTab"
+    @tab-click="tabClick"
+    ref="tabs"
+  >
     <slot name="default"></slot>
-    <template v-for="(tab,index) in tabs">
-      <slot name="editTab" v-bind="{tab,index,tabs,reloadTabContent}"></slot>
+    <template v-for="(tab, index) in tabs">
+      <slot name="editTab" v-bind="{ tab, index, tabs, reloadTabContent }"></slot>
     </template>
   </el-tabs>
 </template>
@@ -13,14 +19,14 @@ export default {
     value: String,
     paneKeyName: {
       type: String,
-      default: () => "id"
-    }
+      default: () => "id",
+    },
   },
   data() {
     return {
       activeName: "0",
-      tabs: []
-    }
+      tabs: [],
+    };
   },
   watch: {
     value(val) {
@@ -28,7 +34,7 @@ export default {
     },
     activeName(val) {
       this.$emit("input", val);
-    }
+    },
   },
   created() {
     if (this.value) {
@@ -36,16 +42,18 @@ export default {
     }
   },
   methods: {
-    openEditTab(row,param) {
+    openEditTab(row, param, option) {
       let paneKeyName = this.paneKeyName;
-      let tab = this.tabs.find(tab => tab.data[paneKeyName] === row[paneKeyName])
+      let tab = this.tabs.find((tab) => tab.data[paneKeyName] === row[paneKeyName]);
       if (!tab) {
+        let tabParam = option?.tabParam || {};
         tab = {
           data: row,
           showContent: false,
           dataId: row[paneKeyName],
-          param
-        }
+          param,
+          ...tabParam,
+        };
         if (this.tabs.length >= 30) {
           this.tabs.splice(0, 1, tab);
         } else {
@@ -53,10 +61,10 @@ export default {
         }
         this.$nextTick(() => {
           let paneName = this.getCurrentPaneName();
-          tab.paneName = paneName
-        })
+          tab.paneName = paneName;
+        });
       }
-      this.activeName = row[paneKeyName] + '';
+      this.activeName = row[paneKeyName] + "";
       tab.showContent = false;
       setTimeout(() => {
         tab.showContent = true;
@@ -64,12 +72,14 @@ export default {
     },
     removeTab(targetName) {
       let paneKeyName = this.paneKeyName;
-      let tabIndex = this.tabs.findIndex(tab => tab.data[paneKeyName] + '' === targetName);
+      let tabIndex = this.tabs.findIndex(
+        (tab) => tab.data[paneKeyName] + "" === targetName
+      );
       if (this.activeName === targetName) {
         if (tabIndex > 0) {
-          this.activeName = this.tabs[tabIndex - 1].data[paneKeyName] + '';
+          this.activeName = this.tabs[tabIndex - 1].data[paneKeyName] + "";
         } else {
-          this.activeName = 'second';
+          this.activeName = "second";
         }
       }
       if (tabIndex !== -1) {
@@ -82,18 +92,19 @@ export default {
     },
     getCurrntPaneTarget() {
       let panes = this.$refs.tabs.panes;
-      let target = panes.find(pane => pane.active)
+      let target = panes.find((pane) => pane.active);
       return target;
     },
     reloadTabContent(target, param, tab) {
-      let updateParam = param != null && param.updateParam != null ? param.updateParam : {};
+      let updateParam =
+        param != null && param.updateParam != null ? param.updateParam : {};
       for (let key in updateParam) {
         target.$emit("update:" + key, updateParam[key]);
       }
 
       if (!tab) {
         let activeName = this.activeName;
-        tab = this.tabs.find(item => item.paneName == activeName)
+        tab = this.tabs.find((item) => item.paneName == activeName);
       }
       if (tab) {
         tab.showContent = false;
@@ -104,10 +115,8 @@ export default {
     },
     tabClick(targetName) {
       this.$emit("tabClick", targetName);
-    }
-  }
-}
+    },
+  },
+};
 </script>
-<style scoped>
-
-</style>
+<style scoped></style>