feat: update vc-tabs to 9.6.1

components/vc-tabs/src/ScrollableInkTabBar.jsx

@@ -22,12 +22,13 @@ export default {
   render() {
     const props = { ...this.$props };
     const listeners = this.$listeners;
+    const { renderTabBarNode } = this.scopedSlots;
     return (
       <SaveRef
         children={(saveRef, getRef) => (
           <TabBarRootNode saveRef={saveRef} {...{ props, on: listeners }}>
             <ScrollableTabBarNode saveRef={saveRef} getRef={getRef} {...{ props, on: listeners }}>
-              <TabBarTabsNode saveRef={saveRef} {...{ props, on: listeners }} />
+              <TabBarTabsNode saveRef={saveRef} {...{ props: {...props, renderTabBarNode}, on: listeners }} />
               <InkTabBarNode saveRef={saveRef} getRef={getRef} {...{ props, on: listeners }} />
             </ScrollableTabBarNode>
           </TabBarRootNode>

components/vc-tabs/src/ScrollableTabBarNode.jsx

@@ -10,13 +10,13 @@ export default {
   name: 'ScrollableTabBarNode',
   mixins: [BaseMixin],
   props: {
-    saveRef: PropTypes.func.def(() => {}),
+    activeKey: PropTypes.any,
     getRef: PropTypes.func.def(() => {}),
+    saveRef: PropTypes.func.def(() => {}),
     tabBarPosition: PropTypes.oneOf(['left', 'right', 'top', 'bottom']).def('left'),
     prefixCls: PropTypes.string.def(''),
     scrollAnimated: PropTypes.bool.def(true),
     navWrapper: PropTypes.func.def(arg => arg),
-    activeKey: PropTypes.any,
     prevIcon: PropTypes.any,
     nextIcon: PropTypes.any,
   },

components/vc-tabs/src/TabBarTabsNode.jsx

@@ -15,6 +15,7 @@ export default {
     onTabClick: PropTypes.func,
     saveRef: PropTypes.func.def(noop),
     getRef: PropTypes.func.def(noop),
+    renderTabBarNode: PropTypes.func,
     tabBarPosition: PropTypes.string,
   },
   render() {
@@ -27,7 +28,7 @@ export default {
       tabBarPosition,
     } = this.$props;
     const rst = [];
-
+    const renderTabBarNode = this.renderTabBarNode || this.$scopedSlots.renderTabBarNode;
     children.forEach((child, index) => {
       if (!child) {
         return;
@@ -59,7 +60,7 @@ export default {
         [isVertical(tabBarPosition) ? 'marginBottom' : 'marginRight']: gutter,
       };
       warning(tab !== undefined, 'There must be `tab` property or slot on children of Tabs.');
-      rst.push(
+      let node = (
         <div
           role="tab"
           aria-disabled={disabled ? 'true' : 'false'}
@@ -71,8 +72,13 @@ export default {
           {...{ directives: directives }}
         >
           {tab}
-        </div>,
+        </div>
       );
+      if (renderTabBarNode) {
+        node = renderTabBarNode(node);
+      }
+
+      rst.push(node);
     });
 
     return (

components/vc-tabs/src/index.js

@@ -1,4 +1,4 @@
-// based on rc-tabs 9.5.8
+// based on rc-tabs 9.6.1
 import ref from 'vue-ref';
 import Vue from 'vue';
 import Tabs from './Tabs';