feat: migrate Swipe component

components.js

@@ -62,4 +62,6 @@ module.exports = [
   'notify',
   'collapse',
   'collapse-item',
+  'swipe',
+  'swipe-item',
 ];

src/swipe-item/index.js

@@ -56,8 +56,8 @@ export default createComponent({
 
   render() {
     return (
-      <div class={bem()} style={this.style} {...{ on: this.$listeners }}>
+      <div class={bem()} style={this.style}>
-        {this.shouldRender && this.slots()}
+        {this.shouldRender ? this.$slots.default?.() : null}
       </div>
     );
   },

src/swipe/demo/index.vue

@@ -12,7 +12,9 @@
     <demo-block :title="t('title2')">
       <van-swipe :autoplay="3000">
         <van-swipe-item v-for="(image, index) in images" :key="index">
-          <img v-lazy="image" />
+          <img :src="image" />
+          <!-- TODO -->
+          <!-- <img v-lazy="image" /> -->
         </van-swipe-item>
       </van-swipe>
     </demo-block>

src/swipe/index.js

@@ -62,6 +62,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change'],
+
   data() {
     return {
       rect: null,
@@ -385,10 +387,9 @@ export default createComponent({
 
     genIndicator() {
       const { count, activeIndicator } = this;
-      const slot = this.slots('indicator');
 
-      if (slot) {
+      if (this.$slots.indicator) {
-        return slot;
+        return this.$slots.indicator();
       }
 
       if (this.showIndicators && count > 1) {
@@ -414,7 +415,7 @@ export default createComponent({
           style={this.trackStyle}
           class={bem('track', { vertical: this.vertical })}
         >
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
         {this.genIndicator()}
       </div>

vant.config.js

@@ -273,10 +273,10 @@ module.exports = {
                 path: 'sticky',
                 title: 'Sticky 粘性布局',
               },
-              // {
+              {
-              //   path: 'swipe',
+                path: 'swipe',
-              //   title: 'Swipe 轮播',
+                title: 'Swipe 轮播',
-              // },
+              },
               {
                 path: 'tag',
                 title: 'Tag 标记',
@@ -607,10 +607,10 @@ module.exports = {
                 path: 'sticky',
                 title: 'Sticky',
               },
-              // {
+              {
-              //   path: 'swipe',
+                path: 'swipe',
-              //   title: 'Swipe',
+                title: 'Swipe',
-              // },
+              },
               {
                 path: 'tag',
                 title: 'Tag',