refactor：项目升级Vue3+uView Plus

- 改造入口文件、全量替换组件引入
- 过滤器迁移混入，更新忽略配置，新增迁移文档

pages/passport/article.vue

@@ -5,7 +5,7 @@
       <view class="u-skeleton" v-if="!articleData">
           <u-empty text="文章暂无内容" mode="list"></u-empty>
       </view>
-      <u-parse v-else :html="articleData"></u-parse>
+      <u-parse v-else :content="articleData"></u-parse>
     </view>
   </view>
 </template>

pages/passport/entry/seller/control.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <u-navbar :border-bottom="false"></u-navbar>
+    <u-navbar :border="false"></u-navbar>
     <step1 v-if="current == 1" :companyData="companyData" @callback="next()" />
     <step2 v-if="current == 2" :companyData="companyData" @callback="next()" />
     <step3

pages/passport/entry/seller/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wrapper">
-       <u-navbar :border-bottom="false"></u-navbar>
+       <u-navbar :border="false"></u-navbar>
     <div>
       <div class="title">店铺入驻</div>
       <div class="step-list">
@@ -57,7 +57,7 @@ export default {
     };
   },
   onShow() {
-    if(this.$options.filters.tipsToLogin()){
+    if(this.tipsToLogin()){
         this.init();
     }
   },

pages/passport/entry/seller/step1.vue

@@ -116,12 +116,10 @@
           <div>
             <u-upload
               :file-list="licencePhotoFileList"
-              :header="{ accessToken: storage.getAccessToken() }"
-              :action="action"
+              :auto-upload="false"
               width="200"
-              @on-uploaded="onUploaded($event, 'licencePhoto')"
+              @afterRead="onUploadAfterRead($event, 'licencePhoto', 'licencePhotoFileList')"
               :max-count="1"
-              :show-progress="false"
             ></u-upload>
 
             <div class="tips">
@@ -155,21 +153,17 @@
           <div>
             <u-upload
               :file-list="legalPhotoFileList"
-              :header="{ accessToken: storage.getAccessToken() }"
-              :action="action"
+              :auto-upload="false"
               width="200"
-              @on-uploaded="onUploaded($event, 'legalPhoto')"
+              @afterRead="onUploadAfterRead($event, 'legalPhoto', 'legalPhotoFileList')"
               :max-count="1"
-              :show-progress="false"
             ></u-upload>
             <u-upload
-              :file-list="legalPhotoFileList"
-              :header="{ accessToken: storage.getAccessToken() }"
-              :action="action"
+              :file-list="legalPhotoBackFileList"
+              :auto-upload="false"
               width="200"
-              @on-uploaded="onUploaded($event, 'legalPhoto')"
+              @afterRead="onUploadAfterRead($event, 'legalPhoto', 'legalPhotoBackFileList')"
               :max-count="1"
-              :show-progress="false"
             ></u-upload>
           </div>
         </u-form-item>
@@ -192,20 +186,20 @@
 import { applyFirst } from "@/api/entry";
 import city from "@/components/m-city/m-city.vue";
 import storage from "@/utils/storage.js";
-import { upload } from "@/api/common.js";
+import { handleUploadAfterRead, getUploadedUrls } from "@/utils/uploadHelper.js";
 import * as RegExp from "@/utils/RegExp.js";
 export default {
   components: { "m-city": city },
   data() {
     return {
       storage,
-      action: upload, //图片上传数据
       defaultInputStyle: {
         background: "#f7f7f7",
         padding: "0 20rpx",
         "border-radius": "10rpx",
       },
       legalPhotoFileList: [],
+      legalPhotoBackFileList: [],
       licencePhotoFileList: [],
       form: {
         companyName: "",
@@ -316,7 +310,7 @@ export default {
     companyData: {
       handler(val) {
         if (val) {
-          this.$set(this, "form", val);
+          this["form"] = val;
           // 给图片赋值
           const judgeDeepPhoto = ["legalPhoto", "licencePhoto"];
           judgeDeepPhoto.forEach((key) => {
@@ -332,16 +326,20 @@ export default {
     },
   },
   methods: {
-    // 图片上传
-    onUploaded(lists, key) {
-      let images = [];
-      if(!this.form[key]){
+    onUploadAfterRead(event, key, fileListKey) {
+      if (!Array.isArray(this.form[key])) {
         this.form[key] = [];
       }
-      lists.forEach((item) => {
-        images.push(item.response.result);
+      handleUploadAfterRead(event, this[fileListKey], () => {
+        if (key === "legalPhoto") {
+          this.form[key] = [
+            ...getUploadedUrls(this.legalPhotoFileList),
+            ...getUploadedUrls(this.legalPhotoBackFileList),
+          ];
+        } else {
+          this.form[key] = getUploadedUrls(this[fileListKey]);
+        }
       });
-      this.form[key].push(images[0]);
     },
     getPickerParentValue(e) {
       this.form.companyAddressIdPath = [];

pages/passport/entry/seller/step2.vue

@@ -89,7 +89,7 @@ export default {
   watch: {
     companyData: {
       handler(val) {
-        this.$set(this, "form", val);
+        this["form"] = val;
         console.log(this.form)
       },
       deep: true,

pages/passport/entry/seller/step3.vue

@@ -19,12 +19,10 @@
           <div>
             <u-upload
               :file-list="storeLogoFileList"
-              :header="{ accessToken: storage.getAccessToken() }"
-              :action="action"
+              :auto-upload="false"
               width="200"
-              @on-uploaded="onUploaded($event, 'storeLogo')"
+              @afterRead="onUploadAfterRead($event, 'storeLogo', 'storeLogoFileList')"
               :max-count="1"
-              :show-progress="false"
             ></u-upload>
           </div>
         </u-form-item>
@@ -101,7 +99,7 @@
     </m-city>
 
     <u-select
-      v-model="enableCategory"
+      v-model:show="enableCategory"
       @confirm="confirmCategory"
       :list="categoryList"
     ></u-select>
@@ -115,7 +113,7 @@ import { applyThird } from "@/api/entry";
 import { getCategoryList } from "@/api/goods";
 import city from "@/components/m-city/m-city.vue";
 import storage from "@/utils/storage.js";
-import { upload } from "@/api/common.js";
+import { handleUploadAfterRead } from "@/utils/uploadHelper.js";
 import uniMap from "@/components/uniMap";
 import permision from "@/js_sdk/wa-permission/permission.js";
 export default {
@@ -124,7 +122,6 @@ export default {
     return {
       storage,
       mapFlag: false,
-      action: upload, //图片上传数据
       defaultInputStyle: {
         background: "#f7f7f7",
         padding: "0 20rpx",
@@ -171,7 +168,7 @@ export default {
   watch: {
     companyData: {
       handler(val) {
-        this.$set(this, "form", val);
+        this["form"] = val;
         // 给图片赋值
         const judgeDeepPhoto = ["storeLogo"];
 
@@ -282,13 +279,10 @@ export default {
         }
       }
     },
-    // 图片上传
-    onUploaded(lists, key) {
-      let images = [];
-      lists.forEach((item) => {
-        images.push(item.response.result);
+    onUploadAfterRead(event, key, fileListKey) {
+      handleUploadAfterRead(event, this[fileListKey], (urls) => {
+        this.form[key] = urls;
       });
-      this.form[key] = images;
     },
     getPickerParentValue(e) {
       this.form.storeAddressIdPath = [];
@@ -303,7 +297,7 @@ export default {
           } else {
             name += item.localName + ",";
           }
-          this.$set(this.form,'storeAddressPath',name)
+          this.form['storeAddressPath'] = name
         }
       });
 

pages/passport/login.vue

@@ -1,12 +1,12 @@
 <template>
 	<div class="wrapper">
 		<div v-if="!wechatLogin">
-			<u-navbar :is-back="showBack" :border-bottom="false"></u-navbar>
+			<u-navbar :auto-back="showBack" :border="false"></u-navbar>
 			<div>
 				<div class="title">{{ loginTitleWay[current].title }}</div>
 				<div :class="current == 1 ? 'desc-light' : 'desc'">
 					{{ loginTitleWay[current].desc
-          }}<span v-if="current == 1">{{ mobile | secrecyMobile }}</span>
+          }}<span v-if="current == 1">{{secrecyMobile(mobile) }}</span>
 				</div>
 			</div>
 			<!-- 手机号 -->
@@ -24,9 +24,9 @@
 						boxNormalColor="#D8D8D8" cursorColor="#D8D8D8" />
 
 					<div class="fetch-btn">
-						<u-verification-code change-text="验证码已发送（x）" end-text="重新获取验证码" unique-key="page-login"
+						<u-code change-text="验证码已发送（x）" end-text="重新获取验证码" unique-key="page-login"
 							:seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange">
-						</u-verification-code>
+						</u-code>
 						<span @tap="fetchCode" :style="{ color: codeColor }">
 							{{ tips }}</span>
 					</div>

pages/passport/scannerCodeLoginConfirm.vue

@@ -46,7 +46,7 @@ export default {
     },
   },
   onShow() {
-    this.$options.filters.forceLogin();
+    this.forceLogin();
     scannerCodeLogin({ token: this.token }).then((res) => {
       if (res.data.code == 200) {
         let code = res.data.result;

pages/passport/wechatH5Login.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="container">
-    <u-navbar :custom-back="back" title="公众网页登录"></u-navbar>
+    <u-navbar :auto-back="false" @leftClick="back" title="公众网页登录"></u-navbar>
     <view class="wx-auth-container">
       <div class="box">
         <view class="logo-info">

pages/passport/wechatMPLogin.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="container">
-		<u-navbar :custom-back="back" title="小程序登录"></u-navbar>
-		<u-modal v-model="phoneAuthPopup" :mask-close-able="true" :title="projectName+'商城'"
+		<u-navbar :auto-back="false" @leftClick="back" title="小程序登录"></u-navbar>
+		<u-modal v-model:show="phoneAuthPopup" :mask-close-able="true" :title="projectName+'商城'"
 			:show-confirm-button="false">
 			<div class="tips">
 				为了更好地用户体验，需要您授权手机号