alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore(deps): bump Vue 3.5 and fix test case (#13106)

Browse Source
This commit is contained in:
neverland
2024-09-08 21:07:38 +08:00
committed by GitHub
parent 3c5b367385
commit bb4051bd37
9 changed files with 716 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/create-vant-cli-app/generators/vue3/package.json.tpl
View File

@@ -24,11 +24,11 @@
"*.{ts,tsx,js,vue}": "eslint --fix"
},
"peerDependencies": {
"vue": "^3.3.4"
"vue": "^3.5.0"
},
"devDependencies": {
"@vant/cli": "^7.0.0",
"vue": "^3.3.4",
"vue": "^3.5.0",
"sass": "^1.49.7"
},
"eslintConfig": {

2
packages/vant-cli/package.json
View File

@@ -43,7 +43,7 @@
"@types/lodash": "^4.17.7",
"@types/markdown-it": "^14.1.2",
"rimraf": "^5.0.10",
"vue": "^3.4.33"
"vue": "^3.5.0"
},
"dependencies": {
"@babel/core": "^7.25.2",

4
packages/vant-compat/package.json
View File

@@ -36,9 +36,9 @@
"author": "chenjiahan",
"license": "MIT",
"devDependencies": {
"@vue/runtime-core": "^3.4.33",
"@vue/runtime-core": "^3.5.0",
"vant": "workspace:*",
"vue": "^3.4.33",
"vue": "^3.5.0",
"esbuild": "^0.20.2",
"rimraf": "^5.0.10",
"typescript": "^5.4.5"

2
packages/vant-use/package.json
View File

@@ -41,7 +41,7 @@
"esbuild": "^0.20.2",
"rimraf": "^5.0.10",
"typescript": "^5.4.5",
"vue": "^3.4.33"
"vue": "^3.5.0"
},
"peerDependencies": {
"vue": "^3.0.0"

6
packages/vant/package.json
View File

@@ -48,7 +48,7 @@
"dependencies": {
"@vant/popperjs": "workspace:^",
"@vant/use": "workspace:^",
"@vue/shared": "^3.4.33"
"@vue/shared": "^3.5.0"
},
"peerDependencies": {
"vue": "^3.0.0"
@@ -62,7 +62,7 @@
"@vitejs/plugin-vue": "^5.1.3",
"@vitejs/plugin-vue-jsx": "^4.0.1",
"@vitest/coverage-istanbul": "^1.6.0",
"@vue/runtime-core": "^3.4.33",
"@vue/runtime-core": "^3.5.0",
"@vue/test-utils": "^2.4.6",
"csstype": "^3.1.3",
"diffable-html": "^5.0.0",
@@ -71,7 +71,7 @@
"vite": "^5.4.3",
"vitest": "^1.6.0",
"vitest-canvas-mock": "^0.3.3",
"vue": "^3.4.33",
"vue": "^3.5.0",
"vue-router": "^4.4.3"
},
"sideEffects": [

8
packages/vant/src/col/test/__snapshots__/demo-ssr.spec.ts.snap
View File

@@ -68,14 +68,14 @@ exports[`should render demo and match snapshot 1`] = `
span: 8
</div>
<div
style
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
span: 8
</div>
<div
style
style="padding-left:13.333333333333332px;padding-right:1.7763568394002505e-15px;"
class="van-col van-col--8"
>
<!--[-->
@@ -96,7 +96,7 @@ exports[`should render demo and match snapshot 1`] = `
span: 12
</div>
<div
style
style="padding-left:10px;"
class="van-col van-col--12"
>
<!--[-->
@@ -110,7 +110,7 @@ exports[`should render demo and match snapshot 1`] = `
span: 12
</div>
<div
style
style="padding-left:10px;"
class="van-col van-col--12"
>
<!--[-->

642
packages/vant/src/image/test/__snapshots__/demo-ssr.spec.ts.snap Normal file
View File

@@ -0,0 +1,642 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`should render demo and match snapshot 1`] = `
<!--[-->
<div>
<!--[-->
<div class="van-row">
<!--[-->
<div
class="van-image"
style="width:100px;height:100px;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
</div>
</div>
<div>
<!--[-->
<div class="van-row">
<!--[-->
<!--[-->
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:contain;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
contain
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:cover;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
cover
</div>
</div>
<div
style="padding-left:13.333333333333332px;padding-right:1.7763568394002505e-15px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:fill;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
fill
</div>
</div>
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:none;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
none
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:scale-down;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
scale-down
</div>
</div>
</div>
</div>
<div>
<!--[-->
<div class="van-row">
<!--[-->
<!--[-->
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:cover;object-position:left;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
cover
</div>
<div class="text">
left
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:cover;object-position:center;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
cover
</div>
<div class="text">
center
</div>
</div>
<div
style="padding-left:13.333333333333332px;padding-right:1.7763568394002505e-15px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:cover;object-position:right;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
cover
</div>
<div class="text">
right
</div>
</div>
<!--[-->
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:contain;object-position:top;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
contain
</div>
<div class="text">
top
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:contain;object-position:center;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
contain
</div>
<div class="text">
center
</div>
</div>
<div
style="padding-left:13.333333333333332px;padding-right:1.7763568394002505e-15px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:contain;object-position:bottom;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
contain
</div>
<div class="text">
bottom
</div>
</div>
</div>
</div>
<div>
<!--[-->
<div class="van-row">
<!--[-->
<!--[-->
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image van-image--round"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:contain;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
contain
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image van-image--round"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:cover;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
cover
</div>
</div>
<div
style="padding-left:13.333333333333332px;padding-right:1.7763568394002505e-15px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image van-image--round"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:fill;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
fill
</div>
</div>
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image van-image--round"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:none;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
none
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image van-image--round"
style="width:100%;height:27vw;"
>
<img
src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
class="van-image__img"
style="object-fit:scale-down;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
scale-down
</div>
</div>
</div>
</div>
<div>
<!--[-->
<div class="van-row">
<!--[-->
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
Default Tip
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<div class="van-image__loading">
<!--[-->
<div
class="van-loading van-loading--spinner"
aria-live="polite"
aria-busy="true"
>
<span
class="van-loading__spinner van-loading__spinner--spinner"
style="width:20px;height:20px;"
>
<!--[-->
<i class="van-loading__line van-loading__line--1">
</i>
<i class="van-loading__line van-loading__line--2">
</i>
<i class="van-loading__line van-loading__line--3">
</i>
<i class="van-loading__line van-loading__line--4">
</i>
<i class="van-loading__line van-loading__line--5">
</i>
<i class="van-loading__line van-loading__line--6">
</i>
<i class="van-loading__line van-loading__line--7">
</i>
<i class="van-loading__line van-loading__line--8">
</i>
<i class="van-loading__line van-loading__line--9">
</i>
<i class="van-loading__line van-loading__line--10">
</i>
<i class="van-loading__line van-loading__line--11">
</i>
<i class="van-loading__line van-loading__line--12">
</i>
</span>
</div>
</div>
</div>
<div class="text">
Custom Tip
</div>
</div>
</div>
</div>
<div>
<!--[-->
<div class="van-row">
<!--[-->
<div
style
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="http://x"
class="van-image__img"
style
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
Default Tip
</div>
</div>
<div
style="padding-left:10px;"
class="van-col van-col--8"
>
<!--[-->
<div
class="van-image"
style="width:100%;height:27vw;"
>
<img
src="http://x"
class="van-image__img"
style
>
<div class="van-image__loading">
<i
class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
style
>
<!--[-->
</i>
</div>
</div>
<div class="text">
Custom Tip
</div>
</div>
</div>
</div>
`;

3
packages/vant/src/image/test/demo-ssr.skip.ts → packages/vant/src/image/test/demo-ssr.spec.ts
View File

@@ -1,9 +1,6 @@
/**
* @vitest-environment node
*/
// TODO
// enable this case and update snapshot after bump Vue new version
// see: https://github.com/vuejs/core/pull/10397
import Demo from '../demo/index.vue';
import { snapshotDemo } from '../../../test/demo';