docs(SwipeCell): use composition api

src/swipe-cell/README.md

@@ -71,9 +71,11 @@ app.use(SwipeCell);
 ```
 
 ```js
+import { Dialog } from 'vant';
+
 export default {
-  methods: {
+  setup() {
-    beforeClose({ position, instance }) {
+    const beforeClose = ({ position }) => {
       switch (position) {
         case 'left':
         case 'cell':
@@ -81,14 +83,14 @@ export default {
           return true;
         case 'right':
           return new Promise((resolve) => {
-            this.$dialog
+            Dialog.confirm({
-              .confirm({
+              title: 'Are you sure to delete?',
-                message: 'Are you sure to delete?',
+            }).then(resolve);
-              })
-              .then(resolve);
           });
       }
-    },
+    };
+
+    return { beforeClose };
   },
 };
 ```

src/swipe-cell/README.zh-CN.md

@@ -81,10 +81,12 @@ app.use(SwipeCell);
 ```
 
 ```js
+import { Dialog } from 'vant';
+
 export default {
-  methods: {
+  setup() {
     // position 为关闭时点击的位置
-    beforeClose({ position }) {
+    const beforeClose = ({ position }) => {
       switch (position) {
         case 'left':
         case 'cell':
@@ -92,14 +94,14 @@ export default {
           return true;
         case 'right':
           return new Promise((resolve) => {
-            this.$dialog
+            Dialog.confirm({
-              .confirm({
+              title: '确定删除吗？',
-                message: '确定删除吗？',
+            }).then(resolve);
-              })
-              .then(resolve);
           });
       }
-    },
+    };
+
+    return { beforeClose };
   },
 };
 ```

src/swipe-cell/demo/index.vue

@@ -45,9 +45,11 @@
   </demo-block>
 </template>
 
-<script>
+<script lang="ts">
-export default {
+import { useTranslate } from '@demo/use-translate';
-  i18n: {
+import Dialog from '../../dialog';
+
+const i18n = {
   'zh-CN': {
     select: '选择',
     delete: '删除',
@@ -68,16 +70,12 @@ export default {
     beforeClose: 'Before Close',
     customContent: 'Custom Content',
   },
-  },
-
-  data() {
-    return {
-      imageURL: 'https://img.yzcdn.cn/vant/ipad.jpeg',
 };
-  },
 
-  methods: {
+export default {
-    beforeClose({ position }) {
+  setup() {
+    const t = useTranslate(i18n);
+    const beforeClose = ({ position }: { position: string }) => {
       switch (position) {
         case 'left':
         case 'cell':
@@ -85,14 +83,18 @@ export default {
           return true;
         case 'right':
           return new Promise((resolve) => {
-            this.$dialog
+            Dialog.confirm({
-              .confirm({
+              title: t('confirm'),
-                message: this.t('confirm'),
+            }).then(resolve);
-              })
-              .then(resolve);
           });
       }
-    },
+    };
+
+    return {
+      t,
+      imageURL: 'https://img.yzcdn.cn/vant/ipad.jpeg',
+      beforeClose,
+    };
   },
 };
 </script>