refactor: 升级依赖,适配新 api

package.json

@@ -14,48 +14,48 @@
   "dependencies": {
     "@xunlei/vue-lazy-component": "^1.1.3",
     "axios": "^0.18.0",
-    "circular-json": "^0.5.4",
+    "circular-json": "^0.5.5",
     "fastclick": "^1.0.6",
-    "moment": "^2.22.1",
+    "moment": "^2.22.2",
     "normalize.css": "^8.0.0",
-    "register-service-worker": "^1.0.0",
-    "vant": "^1.1.3",
-    "vue": "^2.5.13",
-    "vue-class-component": "^6.0.0",
+    "register-service-worker": "^1.5.2",
+    "vant": "^1.2.1",
+    "vue": "^2.5.17",
+    "vue-class-component": "^6.2.0",
     "vue-event-calendar-pro": "^0.0.5",
     "vue-icon-font-pro": "^1.0.1",
-    "vue-property-decorator": "^6.0.0",
+    "vue-property-decorator": "^7.0.0",
     "vue-router": "^3.0.1",
     "vue-skeleton-loading": "^1.0.2",
     "vue2-animate": "^2.0.0",
     "vuex": "^3.0.1",
-    "vuex-class": "^0.3.0",
-    "vuex-persist": "^1.1.6"
+    "vuex-class": "^0.3.1",
+    "vuex-persist": "^1.4.3"
   },
   "devDependencies": {
-    "@types/better-scroll": "^1.5.0",
-    "@types/jest": "^22.0.1",
-    "@vue/cli-plugin-babel": "^3.0.0-beta.6",
-    "@vue/cli-plugin-e2e-nightwatch": "^3.0.0-beta.6",
-    "@vue/cli-plugin-pwa": "^3.0.0-beta.6",
-    "@vue/cli-plugin-typescript": "^3.0.0-beta.6",
-    "@vue/cli-plugin-unit-jest": "^3.0.0-beta.6",
-    "@vue/cli-service": "^3.0.0-beta.6",
-    "@vue/test-utils": "^1.0.0-beta.10",
+    "@types/better-scroll": "^1.12.0",
+    "@types/jest": "^23.3.1",
+    "@vue/cli-plugin-babel": "^3.0.1",
+    "@vue/cli-plugin-e2e-nightwatch": "^3.0.1",
+    "@vue/cli-plugin-pwa": "^3.0.1",
+    "@vue/cli-plugin-typescript": "^3.0.1",
+    "@vue/cli-plugin-unit-jest": "^3.0.1",
+    "@vue/cli-service": "^3.0.1",
+    "@vue/test-utils": "^1.0.0-beta.24",
     "babel-core": "^7.0.0-0",
-    "babel-plugin-import": "^1.7.0",
-    "babel-plugin-lodash": "^3.3.2",
+    "babel-plugin-import": "^1.8.0",
+    "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-transform-runtime": "^6.23.0",
-    "lint-staged": "^6.0.0",
-    "node-sass": "^4.7.2",
-    "prerender-spa-plugin": "^3.1.0",
-    "sass-loader": "^6.0.6",
-    "serve": "^6.5.6",
-    "ts-jest": "^22.0.1",
-    "typescript": "^2.9.0-dev.20180515",
-    "vue-template-compiler": "^2.5.13",
-    "workbox-cli": "^3.2.0",
-    "workbox-webpack-plugin": "^3.1.0"
+    "lint-staged": "^7.2.2",
+    "node-sass": "^4.9.3",
+    "prerender-spa-plugin": "^3.3.0",
+    "sass-loader": "^7.1.0",
+    "serve": "^10.0.0",
+    "ts-jest": "^23.1.4",
+    "typescript": "^3.0.1",
+    "vue-template-compiler": "^2.5.17",
+    "workbox-cli": "^3.4.1",
+    "workbox-webpack-plugin": "^3.4.1"
   },
   "browserslist": [
     "> 1%",

src/components/common/HabitList/List.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="habitList">
-    <van-cell-swipe :right-width="65" :left-width="65" class="listSwipe">
+    <van-swipe-cell :right-width="65" :left-width="65" class="listSwipe">
       <aside class="edit" v-if="leftValue" slot="left" @click="$emit('click-left', id)" >{{leftValue}}</aside>
       <slot v-else slot="left" @click="$emit('click-right', id)" name="act"></slot>
       <van-cell-group class="listGroup">
@@ -13,20 +13,20 @@
       </van-cell-group>
       <aside class="delete" v-if="rightValue" slot="right" @click="$emit('click-right', id)">{{rightValue}}</aside>
       <slot v-else slot="right" @click="$emit('click-right', id)" name="del"></slot>
-    </van-cell-swipe>
+    </van-swipe-cell>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Progress, Step, Steps, CellSwipe, Cell, CellGroup } from 'vant';
+import { Progress, Step, Steps, SwipeCell, Cell, CellGroup } from 'vant';
 import { HabitList as HabitListState } from '@/store/state';
 @Component({
   components: {
     [Progress.name]: Progress,
     [Step.name]: Step,
     [Steps.name]: Steps,
-    [CellSwipe.name]: CellSwipe,
+    [SwipeCell.name]: SwipeCell,
     [Cell.name]: Cell,
     [CellGroup.name]: CellGroup,
   },

src/views/Edit/IconSetting/IconSetting.vue

@@ -23,7 +23,7 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
-import { CellSwipe, Cell, CellGroup } from 'vant';
+import { SwipeCell, Cell, CellGroup } from 'vant';
 import { State, Mutation } from 'vuex-class';
 
 import config from '@/config';
@@ -32,7 +32,7 @@ import { HabitList as HabitListState } from '@/store/state';
 
 @Component({
   components: {
-    [CellSwipe.name]: CellSwipe,
+    [SwipeCell.name]: SwipeCell,
     [Cell.name]: Cell,
     [CellGroup.name]: CellGroup,
     Circles,

src/views/Edit/Manage/Manage.vue

@@ -2,7 +2,7 @@
     <div class="times">
         <!-- 时段列表 -->
         <section>
-            <van-cell-swipe v-for="item in times" :key="item.id" :right-width="65" :left-width="65">
+            <van-swipe-cell v-for="item in times" :key="item.id" :right-width="65" :left-width="65">
                 <aside @click="edit(item.id, item.title)" slot="left">编辑</aside>
                 <van-cell-group>
                     <van-cell :value="item.title">
@@ -13,22 +13,22 @@
                     </van-cell>
                 </van-cell-group>
             <aside class="delete" slot="right">删除</aside>
-        </van-cell-swipe>
+        </van-swipe-cell>
     </section>
     <ClockPopup @hide="handleHide" :show="show" @save="handleHide"></ClockPopup>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
-import { CellSwipe, Cell, CellGroup } from 'vant';
+import { SwipeCell, Cell, CellGroup } from 'vant';
 
 import config from '@/config';
 import ClockPopup from '@/components/common/ClockPopup/ClockPopup.vue';
 
 @Component({
   components: {
-    [CellSwipe.name]: CellSwipe,
+    [SwipeCell.name]: SwipeCell,
     [Cell.name]: Cell,
     [CellGroup.name]: CellGroup,
     ClockPopup,