javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

merge release-6.3.2

Browse Source 
Release 6.3.2
This commit is contained in:
Liam DeBeasi
2022-10-17 10:39:53 -05:00
committed by GitHub
parent d75c70518a 5d77fde503
commit 0b55c51ce9
114 changed files with 659 additions and 997 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/vue/CHANGELOG.md
View File

@ -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.
## [6.3.2](https://github.com/ionic-team/ionic/compare/v6.3.1...v6.3.2) (2022-10-17)
### Bug Fixes
* **vue:** routing components define child components ([#26107](https://github.com/ionic-team/ionic/issues/26107)) ([d60973b](https://github.com/ionic-team/ionic/commit/d60973b2449b29a982b752a98b10d2b043ecff2f))
## [6.3.1](https://github.com/ionic-team/ionic/compare/v6.3.0...v6.3.1) (2022-10-12)
**Note:** Version bump only for package @ionic/vue

18
packages/vue/package-lock.json generated
View File

@ -1,15 +1,15 @@
{
"name": "@ionic/vue",
"version": "6.3.1",
"version": "6.3.2",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@ionic/vue",
"version": "6.3.1",
"version": "6.3.2",
"license": "MIT",
"dependencies": {
"@ionic/core": "^6.3.1",
"@ionic/core": "^6.3.2",
"ionicons": "^6.0.2"
},
"devDependencies": {
@ -59,9 +59,9 @@
}
},
"node_modules/@ionic/core": {
"version": "6.3.1",
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.3.1.tgz",
"integrity": "sha512-OpmGQQ/sGtoXW4PQRvRjYa9mTlAmAWwFMu8g/1rcdAPaTQQAlRnfZ62wYYqmChLSFlVbn6mCleeljzR9FaYrAg==",
"version": "6.3.2",
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.3.2.tgz",
"integrity": "sha512-L4xqJyixmGApwYc5fQgGoK80wXGCrbjL8vGfeNbjYqxxP0ZIKGAhURPoMAtSTqLLK9gdhh4Mv6gw4gNKvxodPA==",
"dependencies": {
"@stencil/core": "^2.18.0",
"ionicons": "^6.0.3",
@ -768,9 +768,9 @@
}
},
"@ionic/core": {
"version": "6.3.1",
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.3.1.tgz",
"integrity": "sha512-OpmGQQ/sGtoXW4PQRvRjYa9mTlAmAWwFMu8g/1rcdAPaTQQAlRnfZ62wYYqmChLSFlVbn6mCleeljzR9FaYrAg==",
"version": "6.3.2",
"resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.3.2.tgz",
"integrity": "sha512-L4xqJyixmGApwYc5fQgGoK80wXGCrbjL8vGfeNbjYqxxP0ZIKGAhURPoMAtSTqLLK9gdhh4Mv6gw4gNKvxodPA==",
"requires": {
"@stencil/core": "^2.18.0",
"ionicons": "^6.0.3",

4
packages/vue/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@ionic/vue",
"version": "6.3.1",
"version": "6.3.2",
"description": "Vue specific wrapper for @ionic/core",
"scripts": {
"prepublishOnly": "npm run build",
@ -61,7 +61,7 @@
"vue-router": "^4.0.16"
},
"dependencies": {
"@ionic/core": "^6.3.1",
"@ionic/core": "^6.3.2",
"ionicons": "^6.0.2"
},
"vetur": {

5
packages/vue/src/components/IonApp.ts
View File

@ -1,10 +1,9 @@
import { h, defineComponent, shallowRef, VNode } from 'vue';
import { defineCustomElement } from '../utils';
import { IonApp as IonAppCmp } from '@ionic/core/components/ion-app.js';
import { defineCustomElement } from '@ionic/core/components/ion-app.js';
const userComponents = shallowRef([]);
export const IonApp = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
defineCustomElement('ion-app', IonAppCmp);
defineCustomElement();
return () => {
return h(
'ion-app',

7
packages/vue/src/components/IonBackButton.ts
View File

@ -1,11 +1,8 @@
import { h, inject, defineComponent } from 'vue';
import { defineCustomElement } from '../utils';
import { IonBackButton as IonBackButtonCmp } from '@ionic/core/components/ion-back-button.js';
import { IonIcon as IonIconCmp } from 'ionicons/components/ion-icon.js';
import { defineCustomElement } from '@ionic/core/components/ion-back-button.js';
export const IonBackButton = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
defineCustomElement('ion-back-button', IonBackButtonCmp);
defineCustomElement('ion-icon', IonIconCmp);
defineCustomElement();
const ionRouter: any = inject('navManager');

5
packages/vue/src/components/IonIcon.ts
View File

@ -1,7 +1,6 @@
import { h, defineComponent } from 'vue';
import { isPlatform } from '@ionic/core/components';
import { defineCustomElement } from '../utils';
import { IonIcon as IonIconCmp } from 'ionicons/components/ion-icon.js';
import { defineCustomElement } from 'ionicons/components/ion-icon.js';
export const IonIcon = /*@__PURE__*/ defineComponent({
name: 'IonIcon',
@ -18,7 +17,7 @@ export const IonIcon = /*@__PURE__*/ defineComponent({
src: String
},
setup(props, { slots }) {
defineCustomElement('ion-icon', IonIconCmp);
defineCustomElement();
return () => {
const { icon, ios, md } = props;

5
packages/vue/src/components/IonNav.ts
View File

@ -1,10 +1,9 @@
import { defineComponent, h, shallowRef, VNode } from 'vue';
import { VueDelegate } from '../framework-delegate';
import { defineCustomElement } from '../utils';
import { IonNav as IonNavCmp } from '@ionic/core/components/ion-nav.js';
import { defineCustomElement } from '@ionic/core/components/ion-nav.js';
export const IonNav = /*@__PURE__*/ defineComponent(() => {
defineCustomElement('ion-nav', IonNavCmp);
defineCustomElement();
const views = shallowRef([]);
/**

6
packages/vue/src/components/IonRouterOutlet.ts
View File

@ -12,9 +12,9 @@ import {
Ref
} from 'vue';
import { AnimationBuilder, LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from '@ionic/core/components';
import { IonRouterOutlet as IonRouterOutletCmp } from '@ionic/core/components/ion-router-outlet.js';
import { defineCustomElement } from '@ionic/core/components/ion-router-outlet.js';
import { matchedRouteKey, routeLocationKey, useRoute } from 'vue-router';
import { fireLifecycle, generateId, getConfig, defineCustomElement } from '../utils';
import { fireLifecycle, generateId, getConfig } from '../utils';
const isViewVisible = (enteringEl: HTMLElement) => {
return !enteringEl.classList.contains('ion-page-hidden') && !enteringEl.classList.contains('ion-page-invisible');
@ -24,7 +24,7 @@ let viewDepthKey: InjectionKey<0> = Symbol(0);
export const IonRouterOutlet = /*@__PURE__*/ defineComponent({
name: 'IonRouterOutlet',
setup() {
defineCustomElement('ion-router-outlet', IonRouterOutletCmp);
defineCustomElement();
const injectedRoute = inject(routeLocationKey)!;
const route = useRoute();

5
packages/vue/src/components/IonTabBar.ts
View File

@ -1,6 +1,5 @@
import { h, defineComponent, getCurrentInstance, inject, VNode } from 'vue';
import { defineCustomElement } from '../utils';
import { IonTabBar as IonTabBarCmp } from '@ionic/core/components/ion-tab-bar.js';
import { defineCustomElement } from '@ionic/core/components/ion-tab-bar.js';
interface TabState {
activeTab?: string;
@ -172,7 +171,7 @@ export const IonTabBar = defineComponent({
ionRouter.registerHistoryChangeListener(() => this.checkActiveTab(ionRouter));
},
setup(_, { slots }) {
defineCustomElement('ion-tab-bar', IonTabBarCmp);
defineCustomElement();
return () => {
return h(

5
packages/vue/src/components/IonTabButton.ts
View File

@ -1,6 +1,5 @@
import { h, defineComponent, inject } from 'vue';
import { defineCustomElement } from '../utils';
import { IonTabButton as IonTabButtonCmp } from '@ionic/core/components/ion-tab-button.js';
import { defineCustomElement } from '@ionic/core/components/ion-tab-button.js';
export const IonTabButton = /*@__PURE__*/ defineComponent({
name: 'IonTabButton',
@ -16,7 +15,7 @@ export const IonTabButton = /*@__PURE__*/ defineComponent({
target: String
},
setup(props, { slots }) {
defineCustomElement('ion-tab-button', IonTabButtonCmp);
defineCustomElement();
const ionRouter: any = inject('navManager');
const onClick = (ev: Event) => {

8
packages/vue/src/utils.ts
View File

@ -57,11 +57,3 @@ export const getConfig = (): CoreConfig | null => {
}
return null;
};
export const defineCustomElement = (tagName: string, customElement: any) => {
if (typeof customElements === 'undefined') return;
if (!customElements.get(tagName)) {
customElements.define(tagName, customElement);
}
}