chore(web): remove vant package

duanhongyi · duanhongyi · commit dd604758721d · 2026-03-25T09:18:24.000+08:00
diff --git a/rootfs/web/package-lock.json b/rootfs/web/package-lock.json
diff --git a/rootfs/web/package.json b/rootfs/web/package.json
@@ -11,7 +11,6 @@
     "@element-plus/icons-vue": "^2.3.2",
     "axios": "^1.13.6",
     "element-plus": "^2.13.6",
-    "vant": "^4.9.22",
     "vue": "^3.5.30",
     "vue-i18n": "^11.3.0",
     "vue-router": "^5.0.4",
diff --git a/rootfs/web/src/components/AccessTokenDelete.js b/rootfs/web/src/components/AccessTokenDelete.js
@@ -1,5 +1,5 @@
 import { reactive, toRefs } from 'vue'
-import { showSuccessToast } from "vant";
+import { ElMessage } from "element-plus";
 import {deleteAccessToken} from "../services/tokens";
 
 export default {
@@ -19,7 +19,7 @@ export default {
         const deleteToken = () => {
             deleteAccessToken(state.token.id).then(res=>{
                 if (res.status == 204) {
-                    showSuccessToast("OK")
+                    ElMessage.success("OK")
                     context.emit('closeDelete', { hasAccessTokenDeleted: true })
                 }
             })
diff --git a/rootfs/web/src/lang/en_US.js b/rootfs/web/src/lang/en_US.js
@@ -7,97 +7,5 @@ const customEnUS = {
   newToDrycc: "New To Drycc? Please contact your adminstrator",
 
 }
-
-const vantEnUS = {
-  // vant default
-  name: 'Name',
-  tel: 'Phone',
-  save: 'Save',
-  confirm: 'Confirm',
-  cancel: 'Cancel',
-  delete: 'Delete',
-  complete: 'Complete',
-  loading: 'Loading...',
-  telEmpty: 'Please fill in the tel',
-  nameEmpty: 'Please fill in the name',
-  nameInvalid: 'Malformed name',
-  confirmDelete: 'Are you sure you want to delete?',
-  telInvalid: 'Malformed phone number',
-  vanCalendar: {
-    end: 'End',
-    start: 'Start',
-    title: 'Calendar',
-    startEnd: 'Start/End',
-    weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    monthTitle: function monthTitle(year, month) {
-      return year + "/" + month;
-    },
-    rangePrompt: function rangePrompt(maxRange) {
-      return "Choose no more than " + maxRange + " days";
-    }
-  },
-  vanContactCard: {
-    addText: 'Add contact info'
-  },
-  vanContactList: {
-    addText: 'Add new contact'
-  },
-  vanPagination: {
-    prev: 'Previous',
-    next: 'Next'
-  },
-  vanPullRefresh: {
-    pulling: 'Pull to refresh...',
-    loosing: 'Loose to refresh...'
-  },
-  vanSubmitBar: {
-    label: 'Total：'
-  },
-  vanCoupon: {
-    unlimited: 'Unlimited',
-    discount: function discount(_discount) {
-      return _discount * 10 + "% off";
-    },
-    condition: function condition(_condition) {
-      return "At least " + _condition;
-    }
-  },
-  vanCouponCell: {
-    title: 'Coupon',
-    tips: 'No coupons',
-    count: function count(_count) {
-      return "You have " + _count + " coupons";
-    }
-  },
-  vanCouponList: {
-    empty: 'No coupons',
-    exchange: 'Exchange',
-    close: 'Close',
-    enable: 'Available',
-    disabled: 'Unavailable',
-    placeholder: 'Coupon code'
-  },
-  vanAddressEdit: {
-    area: 'Area',
-    postal: 'Postal',
-    areaEmpty: 'Please select a receiving area',
-    addressEmpty: 'Address can not be empty',
-    postalEmpty: 'Wrong postal code',
-    defaultAddress: 'Set as the default address',
-    telPlaceholder: 'Phone',
-    namePlaceholder: 'Name',
-    areaPlaceholder: 'Area'
-  },
-  vanAddressEditDetail: {
-    label: 'Address',
-    placeholder: 'Address'
-  },
-  vanAddressList: {
-    add: 'Add new address'
-  }
-}
-
-const message = Object.assign(customEnUS, vantEnUS)
-
-export default message
+export default customEnUS
 
diff --git a/rootfs/web/src/lang/zh_CN.js b/rootfs/web/src/lang/zh_CN.js
@@ -7,97 +7,4 @@ const customZhCN = {
   newToDrycc: "如果您是Drycc的新用户，请联系管理员",
 
 }
-
-const vantZhCN = {
-  // vant default
-  name: '姓名',
-  tel: '电话',
-  save: '保存',
-  confirm: '确认',
-  cancel: '取消',
-  delete: '删除',
-  complete: '完成',
-  loading: '加载中...',
-  telEmpty: '请填写电话',
-  nameEmpty: '请填写姓名',
-  nameInvalid: '请输入正确的姓名',
-  confirmDelete: '确定要删除吗',
-  telInvalid: '请输入正确的手机号',
-  vanCalendar: {
-    end: '结束',
-    start: '开始',
-    title: '日期选择',
-    confirm: '确定',
-    startEnd: '开始/结束',
-    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-    monthTitle: function monthTitle(year, month) {
-      return year + "\u5E74" + month + "\u6708";
-    },
-    rangePrompt: function rangePrompt(maxRange) {
-      return "\u9009\u62E9\u5929\u6570\u4E0D\u80FD\u8D85\u8FC7 " + maxRange + " \u5929";
-    }
-  },
-  vanContactCard: {
-    addText: '添加联系人'
-  },
-  vanContactList: {
-    addText: '新建联系人'
-  },
-  vanPagination: {
-    prev: '上一页',
-    next: '下一页'
-  },
-  vanPullRefresh: {
-    pulling: '下拉即可刷新...',
-    loosing: '释放即可刷新...'
-  },
-  vanSubmitBar: {
-    label: '合计：'
-  },
-  vanCoupon: {
-    unlimited: '无使用门槛',
-    discount: function discount(_discount) {
-      return _discount + "\u6298";
-    },
-    condition: function condition(_condition) {
-      return "\u6EE1" + _condition + "\u5143\u53EF\u7528";
-    }
-  },
-  vanCouponCell: {
-    title: '优惠券',
-    tips: '暂无可用',
-    count: function count(_count) {
-      return _count + "\u5F20\u53EF\u7528";
-    }
-  },
-  vanCouponList: {
-    empty: '暂无优惠券',
-    exchange: '兑换',
-    close: '不使用优惠券',
-    enable: '可用',
-    disabled: '不可用',
-    placeholder: '请输入优惠码'
-  },
-  vanAddressEdit: {
-    area: '地区',
-    postal: '邮政编码',
-    areaEmpty: '请选择地区',
-    addressEmpty: '请填写详细地址',
-    postalEmpty: '邮政编码格式不正确',
-    defaultAddress: '设为默认收货地址',
-    telPlaceholder: '收货人手机号',
-    namePlaceholder: '收货人姓名',
-    areaPlaceholder: '选择省 / 市 / 区'
-  },
-  vanAddressEditDetail: {
-    label: '详细地址',
-    placeholder: '街道门牌、楼层房间号等信息'
-  },
-  vanAddressList: {
-    add: '新增地址'
-  }
-}
-
-const message = Object.assign(customZhCN, vantZhCN)
-
-export default message
+export default customZhCN
diff --git a/rootfs/web/src/main.js b/rootfs/web/src/main.js
@@ -3,7 +3,6 @@ import router from './router'
 import { createApp } from 'vue'
 import { i18n, setLang, getUAgentLang } from './lang'
 import './styles/unified.css'
-import 'vant/lib/index.css';
 import ElementPlus from "element-plus";
 import "element-plus/dist/index.css";
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
diff --git a/rootfs/web/src/utils/axios.js b/rootfs/web/src/utils/axios.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import { closeToast, showLoadingToast, showToast } from 'vant'
+import { ElLoading, ElMessage } from 'element-plus'
 import {getCookie} from "./array";
 
 axios.defaults.baseURL = process.env.VUE_APP_BASE_URL
@@ -9,11 +9,11 @@ const loadingToast = [];
 
 axios.interceptors.request.use(
     (config)=>{
-    loadingToast.push(showLoadingToast({
-            duration: 0,
-            forbidClick: true,
-            message: "Loading..."
-        }));
+    loadingToast.push(ElLoading.service({
+      lock: true,
+      text: "Loading...",
+      background: "rgba(0, 0, 0, 0.2)",
+    }));
         let csrftoken = getCookie('csrftoken')
         if(csrftoken){
             config.headers['X-CSRFToken'] = csrftoken;
@@ -25,12 +25,7 @@ axios.interceptors.request.use(
 axios.interceptors.response.use(
     response => {
       if (loadingToast.length > 0) {
-        const toast = loadingToast.pop();
-        if (toast && typeof toast.close === 'function') {
-          toast.close();
-        } else {
-          closeToast();
-        }
+        loadingToast.pop().close();
       }
       if ([200, 201, 204].indexOf(response.status) >= 0) {
         return Promise.resolve(response);
@@ -40,12 +35,7 @@ axios.interceptors.response.use(
     },
     error => {
       if (loadingToast.length > 0) {
-        const toast = loadingToast.pop();
-        if (toast && typeof toast.close === 'function') {
-          toast.close();
-        } else {
-          closeToast();
-        }
+        loadingToast.pop().close();
       }
       if (error.response && error.response.status) {
         switch (error.response.status) {
@@ -68,33 +58,33 @@ axios.interceptors.response.use(
           case 404:
             console.log('error.response: ', error.response)
               if(error.response.data){
-                showToast({
-                      message: error.response.data.replace("\"","").replace("\"",""),
-                      duration: 1500,
-                      forbidClick: true
-                  });
+                ElMessage({
+                    message: error.response.data.replace("\"","").replace("\"",""),
+                    type: "error",
+                    duration: 1500,
+                });
               }else {
-                showToast({
-                      message: 'The request does not exist.',
-                      duration: 1500,
-                      forbidClick: true
-                  });
+                ElMessage({
+                    message: 'The request does not exist.',
+                    type: "error",
+                    duration: 1500,
+                });
               }
             break;
           case 400:
             console.log('error.response: ', error.response)
               if(error.response.data.detail){
-                showToast({
-                      message: error.response.data.detail.replace("\"","").replace("\"",""),
-                      duration: 1500,
-                      forbidClick: true
-                  });
+                ElMessage({
+                    message: error.response.data.detail.replace("\"","").replace("\"",""),
+                    type: "error",
+                    duration: 1500,
+                });
               }else {
-                showToast({
-                      message: 'The request parameter error',
-                      duration: 1500,
-                      forbidClick: true
-                  });
+                ElMessage({
+                    message: 'The request parameter error',
+                    type: "error",
+                    duration: 1500,
+                });
               }
             break;
           // other error
diff --git a/rootfs/web/src/views/AccountSetting.js b/rootfs/web/src/views/AccountSetting.js
