mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-17 18:54:11 +08:00
Merge branch 'feature-8.5' into ROU-11112-checkbox
This commit is contained in:
Giuliana Silva
11
CHANGELOG.md
11
CHANGELOG.md
@ -3,6 +3,17 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **vue:** update Stencil Vue output target ([#30159](https://github.com/ionic-team/ionic-framework/issues/30159)) ([eb725fc](https://github.com/ionic-team/ionic-framework/commit/eb725fce6eb15facd8a1c21be11a1b2d46336479))
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
|
||||
|
||||
@ -3,6 +3,14 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
**Note:** Version bump only for package @ionic/core
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
|
||||
|
||||
4
core/package-lock.json
generated
4
core/package-lock.json
generated
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "@ionic/core",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/core",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@stencil/core": "4.20.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/core",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "Base components for Ionic",
|
||||
"keywords": [
|
||||
"ionic",
|
||||
|
||||
@ -3,5 +3,5 @@
|
||||
"core",
|
||||
"packages/*"
|
||||
],
|
||||
"version": "8.4.2"
|
||||
"version": "8.4.3"
|
||||
}
|
||||
@ -3,6 +3,14 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
**Note:** Version bump only for package @ionic/angular-server
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/angular-server
|
||||
|
||||
18
packages/angular-server/package-lock.json
generated
18
packages/angular-server/package-lock.json
generated
@ -1,15 +1,15 @@
|
||||
{
|
||||
"name": "@ionic/angular-server",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/angular-server",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2"
|
||||
"@ionic/core": "^8.4.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-eslint/eslint-plugin": "^16.0.0",
|
||||
@ -1031,9 +1031,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@stencil/core": "4.20.0",
|
||||
@ -7189,9 +7189,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"requires": {
|
||||
"@stencil/core": "4.20.0",
|
||||
"ionicons": "^7.2.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/angular-server",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "Angular SSR Module for Ionic",
|
||||
"keywords": [
|
||||
"ionic",
|
||||
@ -62,6 +62,6 @@
|
||||
},
|
||||
"prettier": "@ionic/prettier-config",
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2"
|
||||
"@ionic/core": "^8.4.3"
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,6 +3,17 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **vue:** update Stencil Vue output target ([#30159](https://github.com/ionic-team/ionic-framework/issues/30159)) ([eb725fc](https://github.com/ionic-team/ionic-framework/commit/eb725fce6eb15facd8a1c21be11a1b2d46336479))
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/angular
|
||||
|
||||
18
packages/angular/package-lock.json
generated
18
packages/angular/package-lock.json
generated
@ -1,15 +1,15 @@
|
||||
{
|
||||
"name": "@ionic/angular",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/angular",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2",
|
||||
"@ionic/core": "^8.4.3",
|
||||
"ionicons": "^7.0.0",
|
||||
"jsonc-parser": "^3.0.0",
|
||||
"tslib": "^2.3.0"
|
||||
@ -1398,9 +1398,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@stencil/core": "4.20.0",
|
||||
@ -9821,9 +9821,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"requires": {
|
||||
"@stencil/core": "4.20.0",
|
||||
"ionicons": "^7.2.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/angular",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "Angular specific wrappers for @ionic/core",
|
||||
"keywords": [
|
||||
"ionic",
|
||||
@ -47,7 +47,7 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2",
|
||||
"@ionic/core": "^8.4.3",
|
||||
"ionicons": "^7.0.0",
|
||||
"jsonc-parser": "^3.0.0",
|
||||
"tslib": "^2.3.0"
|
||||
|
||||
@ -3,6 +3,14 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
**Note:** Version bump only for package @ionic/docs
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/docs
|
||||
|
||||
4
packages/docs/package-lock.json
generated
4
packages/docs/package-lock.json
generated
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "@ionic/docs",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/docs",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/docs",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "Pre-packaged API documentation for the Ionic docs.",
|
||||
"main": "core.json",
|
||||
"types": "core.d.ts",
|
||||
|
||||
@ -3,6 +3,14 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
**Note:** Version bump only for package @ionic/react-router
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/react-router
|
||||
|
||||
34
packages/react-router/package-lock.json
generated
34
packages/react-router/package-lock.json
generated
@ -1,15 +1,15 @@
|
||||
{
|
||||
"name": "@ionic/react-router",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/react-router",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/react": "^8.4.2",
|
||||
"@ionic/react": "^8.4.3",
|
||||
"tslib": "*"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -238,9 +238,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@stencil/core": "4.20.0",
|
||||
@ -415,12 +415,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@ionic/react": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.2.tgz",
|
||||
"integrity": "sha512-IDQy6a6oo9dG4Bu/svg/n8KSusTPY/bgI32FGGglm2nIe0F3hnjjIoS0Ikp0QdA4shqSnjV2Aq5AzGd3i6x5gg==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.3.tgz",
|
||||
"integrity": "sha512-AqwmoRCjTDBIgmywE6VnOOacOry21ma6TWMS8Dg8ZGu41rT6edDSmX/lKvAAV+jg4TkjE/U5n//OxzHBY/0+Zg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/core": "8.4.2",
|
||||
"@ionic/core": "8.4.3",
|
||||
"ionicons": "^7.0.0",
|
||||
"tslib": "*"
|
||||
},
|
||||
@ -4061,9 +4061,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"requires": {
|
||||
"@stencil/core": "4.20.0",
|
||||
"ionicons": "^7.2.2",
|
||||
@ -4167,11 +4167,11 @@
|
||||
"requires": {}
|
||||
},
|
||||
"@ionic/react": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.2.tgz",
|
||||
"integrity": "sha512-IDQy6a6oo9dG4Bu/svg/n8KSusTPY/bgI32FGGglm2nIe0F3hnjjIoS0Ikp0QdA4shqSnjV2Aq5AzGd3i6x5gg==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.3.tgz",
|
||||
"integrity": "sha512-AqwmoRCjTDBIgmywE6VnOOacOry21ma6TWMS8Dg8ZGu41rT6edDSmX/lKvAAV+jg4TkjE/U5n//OxzHBY/0+Zg==",
|
||||
"requires": {
|
||||
"@ionic/core": "8.4.2",
|
||||
"@ionic/core": "8.4.3",
|
||||
"ionicons": "^7.0.0",
|
||||
"tslib": "*"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/react-router",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "React Router wrapper for @ionic/react",
|
||||
"keywords": [
|
||||
"ionic",
|
||||
@ -36,7 +36,7 @@
|
||||
"dist/"
|
||||
],
|
||||
"dependencies": {
|
||||
"@ionic/react": "^8.4.2",
|
||||
"@ionic/react": "^8.4.3",
|
||||
"tslib": "*"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -3,6 +3,14 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
**Note:** Version bump only for package @ionic/react
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/react
|
||||
|
||||
18
packages/react/package-lock.json
generated
18
packages/react/package-lock.json
generated
@ -1,15 +1,15 @@
|
||||
{
|
||||
"name": "@ionic/react",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/react",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2",
|
||||
"@ionic/core": "^8.4.3",
|
||||
"ionicons": "^7.0.0",
|
||||
"tslib": "*"
|
||||
},
|
||||
@ -736,9 +736,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@stencil/core": "4.20.0",
|
||||
@ -12316,9 +12316,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"requires": {
|
||||
"@stencil/core": "4.20.0",
|
||||
"ionicons": "^7.2.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/react",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "React specific wrapper for @ionic/core",
|
||||
"keywords": [
|
||||
"ionic",
|
||||
@ -39,7 +39,7 @@
|
||||
"css/"
|
||||
],
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2",
|
||||
"@ionic/core": "^8.4.3",
|
||||
"ionicons": "^7.0.0",
|
||||
"tslib": "*"
|
||||
},
|
||||
|
||||
@ -3,6 +3,14 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
**Note:** Version bump only for package @ionic/vue-router
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/vue-router
|
||||
|
||||
34
packages/vue-router/package-lock.json
generated
34
packages/vue-router/package-lock.json
generated
@ -1,15 +1,15 @@
|
||||
{
|
||||
"name": "@ionic/vue-router",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@ionic/vue-router",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/vue": "^8.4.2"
|
||||
"@ionic/vue": "^8.4.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@ionic/eslint-config": "^0.3.0",
|
||||
@ -661,9 +661,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@stencil/core": "4.20.0",
|
||||
@ -853,12 +853,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@ionic/vue": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.2.tgz",
|
||||
"integrity": "sha512-GJZJJMXRZ1LP7bpIJquSrL8HC5Gwpz9ak/H6BzdhGIhDLEPfe//4EMkijbNGEnrlW6XSamN2lf6SrRZ1Lk5NMA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.3.tgz",
|
||||
"integrity": "sha512-jg4zDRfSrk3jSx3jvYf618Nf4pwTngB2viNihsOcXd2o04JvNHytouEQ7zES40/u9+tctRd0Db98nRyDOqwrCw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ionic/core": "8.4.2",
|
||||
"@ionic/core": "8.4.3",
|
||||
"ionicons": "^7.0.0"
|
||||
}
|
||||
},
|
||||
@ -7882,9 +7882,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"@ionic/core": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.2.tgz",
|
||||
"integrity": "sha512-p1/avROJi+z/rTw07nkIi0hBsWw3oITVK3KCMrAccaViQpqQ6a692jX6xdnoycsj/ixeVjXgfV1Useu6hTNaHA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.3.tgz",
|
||||
"integrity": "sha512-U9HdZ32bre6OKA5akJVmQMxNB8Art3Nqdn3s7m2W83I5NhLg9Tehaf8ua8jxPZtxCa1nuN7tUbzHmMCkcdqDTw==",
|
||||
"requires": {
|
||||
"@stencil/core": "4.20.0",
|
||||
"ionicons": "^7.2.2",
|
||||
@ -7997,11 +7997,11 @@
|
||||
"requires": {}
|
||||
},
|
||||
"@ionic/vue": {
|
||||
"version": "8.4.2",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.2.tgz",
|
||||
"integrity": "sha512-GJZJJMXRZ1LP7bpIJquSrL8HC5Gwpz9ak/H6BzdhGIhDLEPfe//4EMkijbNGEnrlW6XSamN2lf6SrRZ1Lk5NMA==",
|
||||
"version": "8.4.3",
|
||||
"resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.3.tgz",
|
||||
"integrity": "sha512-jg4zDRfSrk3jSx3jvYf618Nf4pwTngB2viNihsOcXd2o04JvNHytouEQ7zES40/u9+tctRd0Db98nRyDOqwrCw==",
|
||||
"requires": {
|
||||
"@ionic/core": "8.4.2",
|
||||
"@ionic/core": "8.4.3",
|
||||
"ionicons": "^7.0.0"
|
||||
}
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/vue-router",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "Vue Router integration for @ionic/vue",
|
||||
"scripts": {
|
||||
"test.spec": "jest",
|
||||
@ -44,7 +44,7 @@
|
||||
},
|
||||
"homepage": "https://github.com/ionic-team/ionic-framework#readme",
|
||||
"dependencies": {
|
||||
"@ionic/vue": "^8.4.2"
|
||||
"@ionic/vue": "^8.4.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@ionic/eslint-config": "^0.3.0",
|
||||
|
||||
@ -3,6 +3,17 @@
|
||||
All notable changes to this project will be documented in this file.
|
||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||
|
||||
## [8.4.3](https://github.com/ionic-team/ionic-framework/compare/v8.4.2...v8.4.3) (2025-01-29)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **vue:** update Stencil Vue output target ([#30159](https://github.com/ionic-team/ionic-framework/issues/30159)) ([eb725fc](https://github.com/ionic-team/ionic-framework/commit/eb725fce6eb15facd8a1c21be11a1b2d46336479))
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## [8.4.2](https://github.com/ionic-team/ionic-framework/compare/v8.4.1...v8.4.2) (2025-01-22)
|
||||
|
||||
**Note:** Version bump only for package @ionic/vue
|
||||
|
||||
681
packages/vue/package-lock.json
generated
681
packages/vue/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ionic/vue",
|
||||
"version": "8.4.2",
|
||||
"version": "8.4.3",
|
||||
"description": "Vue specific wrapper for @ionic/core",
|
||||
"scripts": {
|
||||
"eslint": "eslint src",
|
||||
@ -52,7 +52,9 @@
|
||||
"@babel/types": "^7.18.4",
|
||||
"@ionic/eslint-config": "^0.3.0",
|
||||
"@ionic/prettier-config": "^2.0.0",
|
||||
"@rollup/plugin-node-resolve": "^16.0.0",
|
||||
"@rollup/plugin-typescript": "^11.1.5",
|
||||
"@stencil/vue-output-target": "0.9.4",
|
||||
"@typescript-eslint/eslint-plugin": "^5.48.2",
|
||||
"@typescript-eslint/parser": "^5.48.2",
|
||||
"change-case": "^4.1.1",
|
||||
@ -61,12 +63,12 @@
|
||||
"prettier": "^2.8.3",
|
||||
"rimraf": "^3.0.2",
|
||||
"rollup": "^4.2.0",
|
||||
"typescript": "^4.7.3",
|
||||
"vue": "3.2.47",
|
||||
"typescript": "^5.7.3",
|
||||
"vue": "3.4.38",
|
||||
"vue-router": "^4.0.16"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ionic/core": "^8.4.2",
|
||||
"@ionic/core": "^8.4.3",
|
||||
"ionicons": "^7.0.0"
|
||||
},
|
||||
"vetur": {
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
import resolve from '@rollup/plugin-node-resolve';
|
||||
import typescript from '@rollup/plugin-typescript';
|
||||
|
||||
const external = ['vue', 'vue-router'];
|
||||
|
||||
export default {
|
||||
@ -12,6 +14,13 @@ export default {
|
||||
sourcemap: true
|
||||
},
|
||||
],
|
||||
plugins: [typescript()],
|
||||
external: id => external.includes(id) || id.startsWith('@ionic/core') || id.startsWith('ionicons')
|
||||
plugins: [
|
||||
typescript(),
|
||||
resolve()
|
||||
],
|
||||
external: (
|
||||
id => external.includes(id) ||
|
||||
id.startsWith('@ionic/core') ||
|
||||
id.startsWith('ionicons')
|
||||
)
|
||||
};
|
||||
|
||||
@ -37,7 +37,7 @@ function generateOverlays() {
|
||||
let componentImports = [];
|
||||
let componentDefinitions = [];
|
||||
|
||||
components.forEach(component => {
|
||||
components.sort((a, b) => a.tag.localeCompare(b.tag)).forEach(component => {
|
||||
const docsBlock = getDocsBlock(component.tag);
|
||||
const props = getPropsFromDocsBlock(docsBlock);
|
||||
|
||||
@ -57,13 +57,12 @@ export const ${component.name} = /*@__PURE__*/ defineOverlayContainer<JSX.${comp
|
||||
* Changes made to this file will be overwritten on build.
|
||||
*/
|
||||
|
||||
import {
|
||||
import type {
|
||||
JSX,
|
||||
} from '@ionic/core/components';
|
||||
|
||||
${componentImports.join('\n')}
|
||||
|
||||
import { defineOverlayContainer } from '../vue-component-lib/overlays';
|
||||
import { defineOverlayContainer } from '../utils/overlays';
|
||||
${componentDefinitions.join('')}
|
||||
`;
|
||||
|
||||
|
||||
@ -3,20 +3,24 @@ import type { VNode } from "vue";
|
||||
import { h, defineComponent, shallowRef } from "vue";
|
||||
|
||||
const userComponents = shallowRef([]);
|
||||
export const IonApp = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
|
||||
export const IonApp = /*@__PURE__*/ defineComponent(
|
||||
(_, { attrs, slots }) => {
|
||||
defineCustomElement();
|
||||
return () => {
|
||||
return h(
|
||||
"ion-app",
|
||||
{
|
||||
name: "IonApp",
|
||||
...attrs,
|
||||
},
|
||||
[slots.default && slots.default(), ...userComponents.value]
|
||||
);
|
||||
};
|
||||
});
|
||||
|
||||
IonApp.name = "IonApp";
|
||||
},
|
||||
{
|
||||
name: "IonApp",
|
||||
}
|
||||
);
|
||||
|
||||
/**
|
||||
* When rendering user components inside of
|
||||
|
||||
@ -34,7 +34,8 @@ export const IonBackButton = /*@__PURE__*/ defineComponent(
|
||||
slots.default && slots.default()
|
||||
);
|
||||
};
|
||||
},
|
||||
{
|
||||
name: "IonBackButton",
|
||||
}
|
||||
);
|
||||
|
||||
IonBackButton.name = "IonBackButton";
|
||||
|
||||
@ -4,7 +4,8 @@ import { defineComponent, h, shallowRef } from "vue";
|
||||
|
||||
import { VueDelegate } from "../framework-delegate";
|
||||
|
||||
export const IonNav = /*@__PURE__*/ defineComponent((props) => {
|
||||
export const IonNav = /*@__PURE__*/ defineComponent(
|
||||
(props) => {
|
||||
defineCustomElement();
|
||||
const views = shallowRef([]);
|
||||
|
||||
@ -21,10 +22,9 @@ export const IonNav = /*@__PURE__*/ defineComponent((props) => {
|
||||
return () => {
|
||||
return h("ion-nav", { ...props, delegate }, views.value);
|
||||
};
|
||||
});
|
||||
|
||||
IonNav.name = "IonNav";
|
||||
|
||||
},
|
||||
{
|
||||
name: "IonNav",
|
||||
/**
|
||||
* The default values follow what is defined at
|
||||
* https://ionicframework.com/docs/api/nav#properties
|
||||
@ -33,7 +33,7 @@ IonNav.name = "IonNav";
|
||||
* is not `true` below, then Vue would default the prop to `false`
|
||||
* which would override the Web Component default of `true`.
|
||||
*/
|
||||
IonNav.props = {
|
||||
props: {
|
||||
animated: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
@ -54,4 +54,6 @@ IonNav.props = {
|
||||
type: Boolean,
|
||||
default: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
@ -44,7 +44,7 @@ export const IonRouterOutlet = /*@__PURE__*/ defineComponent({
|
||||
let previousMatchedRouteRef: Ref | undefined;
|
||||
let previousMatchedPath: string | undefined;
|
||||
|
||||
provide(viewDepthKey, depth + 1);
|
||||
provide(viewDepthKey, (depth + 1) as 0);
|
||||
provide(matchedRouteKey, matchedRouteRef);
|
||||
|
||||
const ionRouterOutlet = ref();
|
||||
|
||||
@ -43,7 +43,7 @@ export const IonTabBar = defineComponent({
|
||||
data() {
|
||||
return {
|
||||
tabState: {
|
||||
activeTab: undefined,
|
||||
activeTab: undefined as string | undefined,
|
||||
tabs: {},
|
||||
/**
|
||||
* Passing this prop to each tab button
|
||||
@ -52,7 +52,7 @@ export const IonTabBar = defineComponent({
|
||||
*/
|
||||
hasRouterOutlet: false,
|
||||
},
|
||||
tabVnodes: [],
|
||||
tabVnodes: [] as VNode[],
|
||||
/* eslint-disable @typescript-eslint/no-empty-function */
|
||||
_tabsWillChange: { type: Function, default: () => {} },
|
||||
_tabsDidChange: { type: Function, default: () => {} },
|
||||
|
||||
@ -3,19 +3,18 @@
|
||||
* Changes made to this file will be overwritten on build.
|
||||
*/
|
||||
|
||||
import {
|
||||
import type {
|
||||
JSX,
|
||||
} from '@ionic/core/components';
|
||||
|
||||
import { defineCustomElement as defineIonActionSheetCustomElement } from '@ionic/core/components/ion-action-sheet.js'
|
||||
import { defineCustomElement as defineIonAlertCustomElement } from '@ionic/core/components/ion-alert.js'
|
||||
import { defineCustomElement as defineIonLoadingCustomElement } from '@ionic/core/components/ion-loading.js'
|
||||
import { defineCustomElement as defineIonPickerLegacyCustomElement } from '@ionic/core/components/ion-picker-legacy.js'
|
||||
import { defineCustomElement as defineIonToastCustomElement } from '@ionic/core/components/ion-toast.js'
|
||||
import { defineCustomElement as defineIonModalCustomElement } from '@ionic/core/components/ion-modal.js'
|
||||
import { defineCustomElement as defineIonPickerLegacyCustomElement } from '@ionic/core/components/ion-picker-legacy.js'
|
||||
import { defineCustomElement as defineIonPopoverCustomElement } from '@ionic/core/components/ion-popover.js'
|
||||
import { defineCustomElement as defineIonToastCustomElement } from '@ionic/core/components/ion-toast.js'
|
||||
|
||||
import { defineOverlayContainer } from '../vue-component-lib/overlays';
|
||||
import { defineOverlayContainer } from '../utils/overlays';
|
||||
|
||||
export const IonActionSheet = /*@__PURE__*/ defineOverlayContainer<JSX.IonActionSheet>('ion-action-sheet', defineIonActionSheetCustomElement, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger']);
|
||||
|
||||
@ -23,11 +22,11 @@ export const IonAlert = /*@__PURE__*/ defineOverlayContainer<JSX.IonAlert>('ion-
|
||||
|
||||
export const IonLoading = /*@__PURE__*/ defineOverlayContainer<JSX.IonLoading>('ion-loading', defineIonLoadingCustomElement, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger']);
|
||||
|
||||
export const IonPickerLegacy = /*@__PURE__*/ defineOverlayContainer<JSX.IonPickerLegacy>('ion-picker-legacy', defineIonPickerLegacyCustomElement, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger']);
|
||||
|
||||
export const IonToast = /*@__PURE__*/ defineOverlayContainer<JSX.IonToast>('ion-toast', defineIonToastCustomElement, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
|
||||
|
||||
export const IonModal = /*@__PURE__*/ defineOverlayContainer<JSX.IonModal>('ion-modal', defineIonModalCustomElement, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'focusTrap', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'showBackdrop', 'trigger'], true);
|
||||
|
||||
export const IonPickerLegacy = /*@__PURE__*/ defineOverlayContainer<JSX.IonPickerLegacy>('ion-picker-legacy', defineIonPickerLegacyCustomElement, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger']);
|
||||
|
||||
export const IonPopover = /*@__PURE__*/ defineOverlayContainer<JSX.IonPopover>('ion-popover', defineIonPopoverCustomElement, ['alignment', 'animated', 'arrow', 'backdropDismiss', 'component', 'componentProps', 'dismissOnSelect', 'enterAnimation', 'event', 'focusTrap', 'htmlAttributes', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'reference', 'showBackdrop', 'side', 'size', 'translucent', 'trigger', 'triggerAction']);
|
||||
|
||||
export const IonToast = /*@__PURE__*/ defineOverlayContainer<JSX.IonToast>('ion-toast', defineIonToastCustomElement, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
|
||||
|
||||
|
||||
@ -243,6 +243,10 @@ export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.Io
|
||||
'ionChange',
|
||||
'ionFocus',
|
||||
'ionBlur'
|
||||
], [
|
||||
'ionChange',
|
||||
'ionFocus',
|
||||
'ionBlur'
|
||||
],
|
||||
'checked', 'ion-change');
|
||||
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import { defineComponent, h, ref, VNode, onMounted } from 'vue';
|
||||
import type { VNode, ComponentOptions } from "vue";
|
||||
import { defineComponent, h, ref, onMounted } from "vue";
|
||||
|
||||
// TODO(FW-2969): types
|
||||
|
||||
@ -9,15 +10,20 @@ export interface OverlayProps {
|
||||
const EMPTY_PROP = Symbol();
|
||||
const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
|
||||
|
||||
export const defineOverlayContainer = <Props extends object>(name: string, defineCustomElement: () => void, componentProps: string[] = [], hasDelegateHost?: boolean, controller?: any) => {
|
||||
|
||||
const createControllerComponent = () => {
|
||||
export const defineOverlayContainer = <Props extends object>(
|
||||
name: string,
|
||||
defineCustomElement: () => void,
|
||||
componentProps: string[] = [],
|
||||
hasDelegateHost?: boolean,
|
||||
controller?: any
|
||||
) => {
|
||||
const createControllerComponent = (options: ComponentOptions) => {
|
||||
return defineComponent<Props & OverlayProps>((props, { slots, emit }) => {
|
||||
const eventListeners = [
|
||||
{ componentEv: `${name}-will-present`, frameworkEv: 'willPresent' },
|
||||
{ componentEv: `${name}-did-present`, frameworkEv: 'didPresent' },
|
||||
{ componentEv: `${name}-will-dismiss`, frameworkEv: 'willDismiss' },
|
||||
{ componentEv: `${name}-did-dismiss`, frameworkEv: 'didDismiss' },
|
||||
{ componentEv: `${name}-will-present`, frameworkEv: "willPresent" },
|
||||
{ componentEv: `${name}-did-present`, frameworkEv: "didPresent" },
|
||||
{ componentEv: `${name}-will-dismiss`, frameworkEv: "willDismiss" },
|
||||
{ componentEv: `${name}-did-dismiss`, frameworkEv: "didDismiss" },
|
||||
];
|
||||
|
||||
if (defineCustomElement !== undefined) {
|
||||
@ -27,8 +33,8 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
const overlay = ref();
|
||||
const onVnodeMounted = async () => {
|
||||
const isOpen = props.isOpen;
|
||||
isOpen && (await present(props))
|
||||
}
|
||||
isOpen && (await present(props));
|
||||
};
|
||||
|
||||
const onVnodeUpdated = async (node: VNode, prevNode: VNode) => {
|
||||
const isOpen = node.props!.isOpen;
|
||||
@ -45,11 +51,11 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
} else {
|
||||
await dismiss();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const onVnodeBeforeUnmount = async () => {
|
||||
await dismiss();
|
||||
}
|
||||
};
|
||||
|
||||
const dismiss = async () => {
|
||||
if (!overlay.value) return;
|
||||
@ -61,7 +67,7 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
await overlay.value;
|
||||
|
||||
overlay.value = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
const present = async (props: Readonly<Props>) => {
|
||||
/**
|
||||
@ -77,7 +83,7 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
return;
|
||||
}
|
||||
|
||||
let restOfProps: any = {};
|
||||
const restOfProps: Record<string, unknown> = {};
|
||||
|
||||
/**
|
||||
* We can use Object.entries here
|
||||
@ -87,7 +93,10 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
*/
|
||||
for (const key in props) {
|
||||
const value = props[key] as any;
|
||||
if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
|
||||
if (
|
||||
Object.prototype.hasOwnProperty.call(props, key) &&
|
||||
value !== EMPTY_PROP
|
||||
) {
|
||||
restOfProps[key] = value;
|
||||
}
|
||||
}
|
||||
@ -104,35 +113,32 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
const component = slots.default && slots.default()[0];
|
||||
overlay.value = controller.create({
|
||||
...restOfProps,
|
||||
component
|
||||
component,
|
||||
});
|
||||
|
||||
overlay.value = await overlay.value;
|
||||
|
||||
eventListeners.forEach(eventListener => {
|
||||
eventListeners.forEach((eventListener) => {
|
||||
overlay.value.addEventListener(eventListener.componentEv, () => {
|
||||
emit(eventListener.frameworkEv);
|
||||
});
|
||||
})
|
||||
});
|
||||
|
||||
await overlay.value.present();
|
||||
}
|
||||
};
|
||||
|
||||
return () => {
|
||||
return h(
|
||||
'div',
|
||||
{
|
||||
style: { display: 'none' },
|
||||
return h("div", {
|
||||
style: { display: "none" },
|
||||
onVnodeMounted,
|
||||
onVnodeUpdated,
|
||||
onVnodeBeforeUnmount,
|
||||
isOpen: props.isOpen === true
|
||||
}
|
||||
);
|
||||
}
|
||||
isOpen: props.isOpen === true,
|
||||
});
|
||||
};
|
||||
const createInlineComponent = () => {
|
||||
}, options);
|
||||
};
|
||||
const createInlineComponent = (options: any) => {
|
||||
return defineComponent((props, { slots }) => {
|
||||
if (defineCustomElement !== undefined) {
|
||||
defineCustomElement();
|
||||
@ -141,13 +147,22 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
const elementRef = ref();
|
||||
|
||||
onMounted(() => {
|
||||
elementRef.value.addEventListener('ion-mount', () => isOpen.value = true);
|
||||
elementRef.value.addEventListener('will-present', () => isOpen.value = true);
|
||||
elementRef.value.addEventListener('did-dismiss', () => isOpen.value = false);
|
||||
elementRef.value.addEventListener(
|
||||
"ion-mount",
|
||||
() => (isOpen.value = true)
|
||||
);
|
||||
elementRef.value.addEventListener(
|
||||
"will-present",
|
||||
() => (isOpen.value = true)
|
||||
);
|
||||
elementRef.value.addEventListener(
|
||||
"did-dismiss",
|
||||
() => (isOpen.value = false)
|
||||
);
|
||||
});
|
||||
|
||||
return () => {
|
||||
let restOfProps: any = {};
|
||||
const restOfProps: Record<string, unknown> = {};
|
||||
|
||||
/**
|
||||
* We can use Object.entries here
|
||||
@ -157,7 +172,10 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
*/
|
||||
for (const key in props) {
|
||||
const value = (props as any)[key];
|
||||
if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
|
||||
if (
|
||||
Object.prototype.hasOwnProperty.call(props, key) &&
|
||||
value !== EMPTY_PROP
|
||||
) {
|
||||
restOfProps[key] = value;
|
||||
}
|
||||
}
|
||||
@ -168,11 +186,11 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
*/
|
||||
const renderChildren = () => {
|
||||
if (hasDelegateHost) {
|
||||
return h('div', { className: 'ion-delegate-host ion-page' }, slots);
|
||||
return h("div", { className: "ion-delegate-host ion-page" }, slots);
|
||||
}
|
||||
|
||||
return slots;
|
||||
}
|
||||
};
|
||||
|
||||
return h(
|
||||
name,
|
||||
@ -184,27 +202,32 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
|
||||
* the value of the prop will be the empty string which is
|
||||
* why we still call renderChildren() in that case.
|
||||
*/
|
||||
(isOpen.value || restOfProps.keepContentsMounted || restOfProps.keepContentsMounted === '') ? renderChildren() : undefined
|
||||
)
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
const Container = (controller !== undefined) ? createControllerComponent() : createInlineComponent();
|
||||
|
||||
Container.name = name;
|
||||
|
||||
Container.props = {
|
||||
'isOpen': DEFAULT_EMPTY_PROP
|
||||
isOpen.value ||
|
||||
restOfProps.keepContentsMounted ||
|
||||
restOfProps.keepContentsMounted === ""
|
||||
? renderChildren()
|
||||
: undefined
|
||||
);
|
||||
};
|
||||
}, options);
|
||||
};
|
||||
|
||||
componentProps.forEach(componentProp => {
|
||||
Container.props[componentProp] = DEFAULT_EMPTY_PROP;
|
||||
});
|
||||
const options: ComponentOptions = {
|
||||
name,
|
||||
props: {
|
||||
isOpen: DEFAULT_EMPTY_PROP,
|
||||
...componentProps.reduce((acc, prop) => {
|
||||
acc[prop] = DEFAULT_EMPTY_PROP;
|
||||
return acc;
|
||||
}, {} as Record<string, unknown>),
|
||||
},
|
||||
emits:
|
||||
typeof controller !== "undefined"
|
||||
? ["willPresent", "didPresent", "willDismiss", "didDismiss"]
|
||||
: undefined,
|
||||
};
|
||||
|
||||
if (controller !== undefined) {
|
||||
Container.emits = ['willPresent', 'didPresent', 'willDismiss', 'didDismiss'];
|
||||
}
|
||||
|
||||
return Container;
|
||||
}
|
||||
return controller !== undefined
|
||||
? createControllerComponent(options)
|
||||
: createInlineComponent(options);
|
||||
};
|
||||
@ -1,236 +0,0 @@
|
||||
// @ts-nocheck
|
||||
// It's easier and safer for Volar to disable typechecking and let the return type inference do its job.
|
||||
import { defineComponent, getCurrentInstance, h, inject, ref, Ref, withDirectives } from 'vue';
|
||||
|
||||
export interface InputProps<T> {
|
||||
modelValue?: T;
|
||||
}
|
||||
|
||||
const UPDATE_VALUE_EVENT = 'update:modelValue';
|
||||
const MODEL_VALUE = 'modelValue';
|
||||
const ROUTER_LINK_VALUE = 'routerLink';
|
||||
const NAV_MANAGER = 'navManager';
|
||||
const ROUTER_PROP_PREFIX = 'router';
|
||||
const ARIA_PROP_PREFIX = 'aria';
|
||||
/**
|
||||
* Starting in Vue 3.1.0, all properties are
|
||||
* added as keys to the props object, even if
|
||||
* they are not being used. In order to correctly
|
||||
* account for both value props and v-model props,
|
||||
* we need to check if the key exists for Vue <3.1.0
|
||||
* and then check if it is not undefined for Vue >= 3.1.0.
|
||||
* See https://github.com/vuejs/vue-next/issues/3889
|
||||
*/
|
||||
const EMPTY_PROP = Symbol();
|
||||
const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
|
||||
|
||||
interface NavManager<T = any> {
|
||||
navigate: (options: T) => void;
|
||||
}
|
||||
|
||||
const getComponentClasses = (classes: unknown) => {
|
||||
return (classes as string)?.split(' ') || [];
|
||||
};
|
||||
|
||||
const getElementClasses = (
|
||||
ref: Ref<HTMLElement | undefined>,
|
||||
componentClasses: Set<string>,
|
||||
defaultClasses: string[] = []
|
||||
) => {
|
||||
return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter(
|
||||
(c: string, i, self) => !componentClasses.has(c) && self.indexOf(c) === i
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Create a callback to define a Vue component wrapper around a Web Component.
|
||||
*
|
||||
* @prop name - The component tag name (i.e. `ion-button`)
|
||||
* @prop componentProps - An array of properties on the
|
||||
* component. These usually match up with the @Prop definitions
|
||||
* in each component's TSX file.
|
||||
* @prop customElement - An option custom element instance to pass
|
||||
* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
|
||||
* @prop modelProp - The prop that v-model binds to (i.e. value)
|
||||
* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
|
||||
*/
|
||||
export const defineContainer = <Props, VModelType = string | number | boolean>(
|
||||
name: string,
|
||||
defineCustomElement: any,
|
||||
componentProps: string[] = [],
|
||||
modelProp?: string,
|
||||
modelUpdateEvent?: string
|
||||
) => {
|
||||
/**
|
||||
* Create a Vue component wrapper around a Web Component.
|
||||
* Note: The `props` here are not all properties on a component.
|
||||
* They refer to whatever properties are set on an instance of a component.
|
||||
*/
|
||||
|
||||
if (defineCustomElement !== undefined) {
|
||||
defineCustomElement();
|
||||
}
|
||||
|
||||
const Container = defineComponent<Props & InputProps<VModelType>>((props, { attrs, slots, emit }) => {
|
||||
let modelPropValue = props[modelProp];
|
||||
const containerRef = ref<HTMLElement>();
|
||||
const classes = new Set(getComponentClasses(attrs.class));
|
||||
|
||||
/**
|
||||
* This directive is responsible for updating any reactive
|
||||
* reference associated with v-model on the component.
|
||||
* This code must be run inside of the "created" callback.
|
||||
* Since the following listener callbacks as well as any potential
|
||||
* event callback defined in the developer's app are set on
|
||||
* the same element, we need to make sure the following callbacks
|
||||
* are set first so they fire first. If the developer's callback fires first
|
||||
* then the reactive reference will not have been updated yet.
|
||||
*/
|
||||
const vModelDirective = {
|
||||
created: (el: HTMLElement) => {
|
||||
const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
|
||||
eventsNames.forEach((eventName: string) => {
|
||||
el.addEventListener(eventName.toLowerCase(), (e: Event) => {
|
||||
/**
|
||||
* Only update the v-model binding if the event's target is the element we are
|
||||
* listening on. For example, Component A could emit ionChange, but it could also
|
||||
* have a descendant Component B that also emits ionChange. We only want to update
|
||||
* the v-model for Component A when ionChange originates from that element and not
|
||||
* when ionChange bubbles up from Component B.
|
||||
*/
|
||||
if (e.target.tagName === el.tagName) {
|
||||
modelPropValue = (e?.target as any)[modelProp];
|
||||
emit(UPDATE_VALUE_EVENT, modelPropValue);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
const currentInstance = getCurrentInstance();
|
||||
const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
|
||||
const navManager: NavManager | undefined = hasRouter ? inject(NAV_MANAGER) : undefined;
|
||||
const handleRouterLink = (ev: Event) => {
|
||||
const { routerLink } = props;
|
||||
if (routerLink === EMPTY_PROP) return;
|
||||
|
||||
if (navManager !== undefined) {
|
||||
/**
|
||||
* This prevents the browser from
|
||||
* performing a page reload when pressing
|
||||
* an Ionic component with routerLink.
|
||||
* The page reload interferes with routing
|
||||
* and causes ion-back-button to disappear
|
||||
* since the local history is wiped on reload.
|
||||
*/
|
||||
ev.preventDefault();
|
||||
|
||||
let navigationPayload: any = { event: ev };
|
||||
for (const key in props) {
|
||||
const value = props[key];
|
||||
if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
|
||||
navigationPayload[key] = value;
|
||||
}
|
||||
}
|
||||
|
||||
navManager.navigate(navigationPayload);
|
||||
} else {
|
||||
console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
|
||||
}
|
||||
};
|
||||
|
||||
return () => {
|
||||
modelPropValue = props[modelProp];
|
||||
|
||||
getComponentClasses(attrs.class).forEach((value) => {
|
||||
classes.add(value);
|
||||
});
|
||||
|
||||
const oldClick = props.onClick;
|
||||
const handleClick = (ev: Event) => {
|
||||
if (oldClick !== undefined) {
|
||||
oldClick(ev);
|
||||
}
|
||||
if (!ev.defaultPrevented) {
|
||||
handleRouterLink(ev);
|
||||
}
|
||||
};
|
||||
|
||||
let propsToAdd: any = {
|
||||
ref: containerRef,
|
||||
class: getElementClasses(containerRef, classes),
|
||||
onClick: handleClick,
|
||||
};
|
||||
|
||||
/**
|
||||
* We can use Object.entries here
|
||||
* to avoid the hasOwnProperty check,
|
||||
* but that would require 2 iterations
|
||||
* where as this only requires 1.
|
||||
*/
|
||||
for (const key in props) {
|
||||
const value = props[key];
|
||||
if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {
|
||||
propsToAdd[key] = value;
|
||||
}
|
||||
}
|
||||
|
||||
if (modelProp) {
|
||||
/**
|
||||
* If form value property was set using v-model
|
||||
* then we should use that value.
|
||||
* Otherwise, check to see if form value property
|
||||
* was set as a static value (i.e. no v-model).
|
||||
*/
|
||||
if (props[MODEL_VALUE] !== EMPTY_PROP) {
|
||||
propsToAdd = {
|
||||
...propsToAdd,
|
||||
[modelProp]: props[MODEL_VALUE],
|
||||
};
|
||||
} else if (modelPropValue !== EMPTY_PROP) {
|
||||
propsToAdd = {
|
||||
...propsToAdd,
|
||||
[modelProp]: modelPropValue,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// If router link is defined, add href to props
|
||||
// in order to properly render an anchor tag inside
|
||||
// of components that should become activatable and
|
||||
// focusable with router link.
|
||||
if (props[ROUTER_LINK_VALUE] !== EMPTY_PROP) {
|
||||
propsToAdd = {
|
||||
...propsToAdd,
|
||||
href: props[ROUTER_LINK_VALUE],
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* vModelDirective is only needed on components that support v-model.
|
||||
* As a result, we conditionally call withDirectives with v-model components.
|
||||
*/
|
||||
const node = h(name, propsToAdd, slots.default && slots.default());
|
||||
return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
|
||||
};
|
||||
});
|
||||
|
||||
if (typeof Container !== 'function') {
|
||||
Container.name = name;
|
||||
|
||||
Container.props = {
|
||||
[ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,
|
||||
};
|
||||
|
||||
componentProps.forEach((componentProp) => {
|
||||
Container.props[componentProp] = DEFAULT_EMPTY_PROP;
|
||||
});
|
||||
|
||||
if (modelProp) {
|
||||
Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
|
||||
Container.emits = [UPDATE_VALUE_EVENT];
|
||||
}
|
||||
}
|
||||
|
||||
return Container;
|
||||
};
|
||||
@ -7,8 +7,8 @@
|
||||
"experimentalDecorators": true,
|
||||
"esModuleInterop": true,
|
||||
"lib": ["dom", "es2020"],
|
||||
"module": "es2015",
|
||||
"moduleResolution": "node",
|
||||
"module": "ES2020",
|
||||
"moduleResolution": "bundler",
|
||||
"noImplicitAny": true,
|
||||
"noImplicitReturns": false,
|
||||
"noUnusedLocals": true,
|
||||
|
||||
Reference in New Issue
Block a user