Merge pull request #158 from start940315/develop

feat(tabs): update panels after panel comp updated
Tencent · Dec 31, 2021 · 1089541 · 1089541
2 parents 4cfaf21 + 31eacd2
commit 1089541
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/tabs/tab-panel.tsx b/src/tabs/tab-panel.tsx
@@ -15,6 +15,10 @@ export default Vue.extend({
     },
   },
 
+  updated() {
+    (this.$parent as any)?.updatePanels?.({ force: true });
+  },
+
   render() {
     const { destroyOnHide, active } = this;
     if (destroyOnHide && !active) return null;

diff --git a/src/tabs/tabs.tsx b/src/tabs/tabs.tsx
@@ -53,7 +53,7 @@ export default (Vue as VueConstructor<TabVue>).extend({
   },
 
   methods: {
-    updatePanels() {
+    updatePanels({ force = false } = {}) {
       if (!this.listPanels) {
         this.panels = this.panels || [];
         return;
@@ -63,7 +63,7 @@ export default (Vue as VueConstructor<TabVue>).extend({
         .filter(Boolean)
         .filter((child) => kebabCase(child?.$vnode?.tag).endsWith(`${prefix}-tab-panel`));
       const isUnchange = () => newPanels.length === this.panels.length && this.panels.every((panel, index) => panel === newPanels[index]);
-      if (isUnchange()) return;
+      if (isUnchange() && !force) return;
       this.panels = newPanels;
     },
     onAddTab(e: MouseEvent) {