feat: migrate IndexBar component

components.js

@@ -65,4 +65,6 @@ module.exports = [
   'swipe',
   'swipe-item',
   'image-preview',
+  'index-bar',
+  'index-anchor',
 ];

src/index-anchor/index.js

@@ -39,7 +39,9 @@ export default createComponent({
   },
 
   mounted() {
+    this.$nextTick(() => {
       this.height = this.$el.offsetHeight;
+    });
   },
 
   methods: {
@@ -57,7 +59,7 @@ export default createComponent({
           style={this.anchorStyle}
           class={[bem({ sticky }), { [BORDER_BOTTOM]: sticky }]}
         >
-          {this.slots('default') || this.index}
+          {this.$slots.default ? this.$slots.default() : this.index}
         </div>
       </div>
     );

src/index-bar/index.js

@@ -58,6 +58,8 @@ export default createComponent({
     },
   },
 
+  emits: ['select'],
+
   data() {
     return {
       activeAnchorIndex: null,
@@ -245,7 +247,7 @@ export default createComponent({
         >
           {Indexes}
         </div>
-        {this.slots('default')}
+        {this.$slots.default?.()}
       </div>
     );
   },

vant.config.js

@@ -290,10 +290,10 @@ module.exports = {
                 path: 'grid',
                 title: 'Grid 宫格',
               },
-              // {
+              {
-              //   path: 'index-bar',
+                path: 'index-bar',
-              //   title: 'IndexBar 索引栏',
+                title: 'IndexBar 索引栏',
-              // },
+              },
               {
                 path: 'nav-bar',
                 title: 'NavBar 导航栏',
@@ -624,10 +624,10 @@ module.exports = {
                 path: 'grid',
                 title: 'Grid',
               },
-              // {
+              {
-              //   path: 'index-bar',
+                path: 'index-bar',
-              //   title: 'IndexBar',
+                title: 'IndexBar',
-              // },
+              },
               {
                 path: 'nav-bar',
                 title: 'NavBar',