mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-15 17:42:15 +08:00
fix(vue): update output target and resolve type issues (#30239)
Issue number: fixes #30179 --------- ## What is the current behavior? There have been issues reported on version 8.4.3 related to the type information changing for Vue ## What is the new behavior? This patch updates the Vue components to be correctly types using a new version of the output target. ## Does this introduce a breaking change? - [ ] Yes - [x] No
This commit is contained in:
Christian Bromann
committed by
GitHub
GitHub
parent
11554a5d35
commit
6dcb143307
@ -1,23 +1,12 @@
|
||||
import type { JSX } from "@ionic/core/components";
|
||||
import { defineCustomElement } from "ionicons/components/ion-icon.js";
|
||||
import type { PropType } from "vue";
|
||||
import { h, defineComponent } from "vue";
|
||||
|
||||
import { getConfig } from "../utils";
|
||||
|
||||
export const IonIcon = /*@__PURE__*/ defineComponent({
|
||||
name: "IonIcon",
|
||||
props: {
|
||||
color: String,
|
||||
flipRtl: Boolean,
|
||||
icon: String,
|
||||
ios: String,
|
||||
lazy: String,
|
||||
md: String,
|
||||
mode: String,
|
||||
name: String,
|
||||
size: String,
|
||||
src: String,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
export const IonIcon = /*@__PURE__*/ defineComponent<JSX.IonIcon>(
|
||||
(props, { slots }) => {
|
||||
defineCustomElement();
|
||||
return () => {
|
||||
const { icon, ios, md, mode } = props;
|
||||
@ -47,4 +36,19 @@ export const IonIcon = /*@__PURE__*/ defineComponent({
|
||||
);
|
||||
};
|
||||
},
|
||||
});
|
||||
{
|
||||
name: "IonIcon",
|
||||
props: {
|
||||
color: { type: String as PropType<string> },
|
||||
flipRtl: { type: Boolean as PropType<boolean> },
|
||||
icon: { type: String as PropType<string> },
|
||||
ios: { type: String as PropType<string> },
|
||||
lazy: { type: Boolean as PropType<boolean> },
|
||||
md: { type: String as PropType<string> },
|
||||
mode: { type: String as PropType<string> },
|
||||
name: { type: String as PropType<string> },
|
||||
size: { type: String as PropType<string> },
|
||||
src: { type: String as PropType<string> },
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
import type { JSX, AnimationBuilder } from "@ionic/core/components";
|
||||
import { defineCustomElement } from "@ionic/core/components/ion-nav.js";
|
||||
import type { VNode } from "vue";
|
||||
import type { VNode, PropType } from "vue";
|
||||
import { defineComponent, h, shallowRef } from "vue";
|
||||
|
||||
import { VueDelegate } from "../framework-delegate";
|
||||
|
||||
export const IonNav = /*@__PURE__*/ defineComponent(
|
||||
(props) => {
|
||||
export const IonNav = /*@__PURE__*/ defineComponent<JSX.IonNav>(
|
||||
(props: JSX.IonNav) => {
|
||||
defineCustomElement();
|
||||
const views = shallowRef([]);
|
||||
|
||||
@ -39,7 +40,7 @@ export const IonNav = /*@__PURE__*/ defineComponent(
|
||||
default: true,
|
||||
},
|
||||
animation: {
|
||||
type: Function,
|
||||
type: Function as unknown as PropType<AnimationBuilder>,
|
||||
default: undefined,
|
||||
},
|
||||
root: {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
/* auto-generated vue proxies */
|
||||
import { defineContainer } from '@stencil/vue-output-target/runtime';
|
||||
import { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';
|
||||
|
||||
import type { JSX } from '@ionic/core';
|
||||
|
||||
@ -84,7 +84,7 @@ import { defineCustomElement as defineIonToggle } from '@ionic/core/components/i
|
||||
import { defineCustomElement as defineIonToolbar } from '@ionic/core/components/ion-toolbar.js';
|
||||
|
||||
|
||||
export const IonAccordion = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion-accordion', defineIonAccordion, [
|
||||
export const IonAccordion: StencilVueComponent<JSX.IonAccordion> = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion-accordion', defineIonAccordion, [
|
||||
'value',
|
||||
'disabled',
|
||||
'readonly',
|
||||
@ -93,7 +93,7 @@ export const IonAccordion = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion
|
||||
]);
|
||||
|
||||
|
||||
export const IonAccordionGroup = /*@__PURE__*/ defineContainer<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]>('ion-accordion-group', defineIonAccordionGroup, [
|
||||
export const IonAccordionGroup: StencilVueComponent<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]>('ion-accordion-group', defineIonAccordionGroup, [
|
||||
'animated',
|
||||
'multiple',
|
||||
'value',
|
||||
@ -109,10 +109,10 @@ export const IonAccordionGroup = /*@__PURE__*/ defineContainer<JSX.IonAccordionG
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonAvatar = /*@__PURE__*/ defineContainer<JSX.IonAvatar>('ion-avatar', defineIonAvatar);
|
||||
export const IonAvatar: StencilVueComponent<JSX.IonAvatar> = /*@__PURE__*/ defineContainer<JSX.IonAvatar>('ion-avatar', defineIonAvatar);
|
||||
|
||||
|
||||
export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-backdrop', defineIonBackdrop, [
|
||||
export const IonBackdrop: StencilVueComponent<JSX.IonBackdrop> = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-backdrop', defineIonBackdrop, [
|
||||
'visible',
|
||||
'tappable',
|
||||
'stopPropagation',
|
||||
@ -122,12 +122,12 @@ export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-b
|
||||
]);
|
||||
|
||||
|
||||
export const IonBadge = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
|
||||
export const IonBadge: StencilVueComponent<JSX.IonBadge> = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
export const IonBreadcrumb = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('ion-breadcrumb', defineIonBreadcrumb, [
|
||||
export const IonBreadcrumb: StencilVueComponent<JSX.IonBreadcrumb> = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('ion-breadcrumb', defineIonBreadcrumb, [
|
||||
'collapsed',
|
||||
'last',
|
||||
'showCollapsedIndicator',
|
||||
@ -151,7 +151,7 @@ export const IonBreadcrumb = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('i
|
||||
]);
|
||||
|
||||
|
||||
export const IonBreadcrumbs = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>('ion-breadcrumbs', defineIonBreadcrumbs, [
|
||||
export const IonBreadcrumbs: StencilVueComponent<JSX.IonBreadcrumbs> = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>('ion-breadcrumbs', defineIonBreadcrumbs, [
|
||||
'color',
|
||||
'maxItems',
|
||||
'itemsBeforeCollapse',
|
||||
@ -162,7 +162,7 @@ export const IonBreadcrumbs = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>(
|
||||
]);
|
||||
|
||||
|
||||
export const IonButton = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-button', defineIonButton, [
|
||||
export const IonButton: StencilVueComponent<JSX.IonButton> = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-button', defineIonButton, [
|
||||
'color',
|
||||
'buttonType',
|
||||
'disabled',
|
||||
@ -187,12 +187,12 @@ export const IonButton = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-butto
|
||||
]);
|
||||
|
||||
|
||||
export const IonButtons = /*@__PURE__*/ defineContainer<JSX.IonButtons>('ion-buttons', defineIonButtons, [
|
||||
export const IonButtons: StencilVueComponent<JSX.IonButtons> = /*@__PURE__*/ defineContainer<JSX.IonButtons>('ion-buttons', defineIonButtons, [
|
||||
'collapse'
|
||||
]);
|
||||
|
||||
|
||||
export const IonCard = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', defineIonCard, [
|
||||
export const IonCard: StencilVueComponent<JSX.IonCard> = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', defineIonCard, [
|
||||
'color',
|
||||
'button',
|
||||
'type',
|
||||
@ -206,26 +206,26 @@ export const IonCard = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', de
|
||||
]);
|
||||
|
||||
|
||||
export const IonCardContent = /*@__PURE__*/ defineContainer<JSX.IonCardContent>('ion-card-content', defineIonCardContent);
|
||||
export const IonCardContent: StencilVueComponent<JSX.IonCardContent> = /*@__PURE__*/ defineContainer<JSX.IonCardContent>('ion-card-content', defineIonCardContent);
|
||||
|
||||
|
||||
export const IonCardHeader = /*@__PURE__*/ defineContainer<JSX.IonCardHeader>('ion-card-header', defineIonCardHeader, [
|
||||
export const IonCardHeader: StencilVueComponent<JSX.IonCardHeader> = /*@__PURE__*/ defineContainer<JSX.IonCardHeader>('ion-card-header', defineIonCardHeader, [
|
||||
'color',
|
||||
'translucent'
|
||||
]);
|
||||
|
||||
|
||||
export const IonCardSubtitle = /*@__PURE__*/ defineContainer<JSX.IonCardSubtitle>('ion-card-subtitle', defineIonCardSubtitle, [
|
||||
export const IonCardSubtitle: StencilVueComponent<JSX.IonCardSubtitle> = /*@__PURE__*/ defineContainer<JSX.IonCardSubtitle>('ion-card-subtitle', defineIonCardSubtitle, [
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
export const IonCardTitle = /*@__PURE__*/ defineContainer<JSX.IonCardTitle>('ion-card-title', defineIonCardTitle, [
|
||||
export const IonCardTitle: StencilVueComponent<JSX.IonCardTitle> = /*@__PURE__*/ defineContainer<JSX.IonCardTitle>('ion-card-title', defineIonCardTitle, [
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.IonCheckbox["checked"]>('ion-checkbox', defineIonCheckbox, [
|
||||
export const IonCheckbox: StencilVueComponent<JSX.IonCheckbox, JSX.IonCheckbox["checked"]> = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.IonCheckbox["checked"]>('ion-checkbox', defineIonCheckbox, [
|
||||
'color',
|
||||
'name',
|
||||
'checked',
|
||||
@ -246,14 +246,14 @@ export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.Io
|
||||
'checked', 'ion-change');
|
||||
|
||||
|
||||
export const IonChip = /*@__PURE__*/ defineContainer<JSX.IonChip>('ion-chip', defineIonChip, [
|
||||
export const IonChip: StencilVueComponent<JSX.IonChip> = /*@__PURE__*/ defineContainer<JSX.IonChip>('ion-chip', defineIonChip, [
|
||||
'color',
|
||||
'outline',
|
||||
'disabled'
|
||||
]);
|
||||
|
||||
|
||||
export const IonCol = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defineIonCol, [
|
||||
export const IonCol: StencilVueComponent<JSX.IonCol> = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defineIonCol, [
|
||||
'offset',
|
||||
'offsetXs',
|
||||
'offsetSm',
|
||||
@ -281,7 +281,7 @@ export const IonCol = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defin
|
||||
]);
|
||||
|
||||
|
||||
export const IonContent = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-content', defineIonContent, [
|
||||
export const IonContent: StencilVueComponent<JSX.IonContent> = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-content', defineIonContent, [
|
||||
'color',
|
||||
'fullscreen',
|
||||
'fixedSlotPlacement',
|
||||
@ -299,7 +299,7 @@ export const IonContent = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-con
|
||||
]);
|
||||
|
||||
|
||||
export const IonDatetime = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.IonDatetime["value"]>('ion-datetime', defineIonDatetime, [
|
||||
export const IonDatetime: StencilVueComponent<JSX.IonDatetime, JSX.IonDatetime["value"]> = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.IonDatetime["value"]>('ion-datetime', defineIonDatetime, [
|
||||
'color',
|
||||
'name',
|
||||
'disabled',
|
||||
@ -349,14 +349,14 @@ export const IonDatetime = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.Io
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonDatetimeButton = /*@__PURE__*/ defineContainer<JSX.IonDatetimeButton>('ion-datetime-button', defineIonDatetimeButton, [
|
||||
export const IonDatetimeButton: StencilVueComponent<JSX.IonDatetimeButton> = /*@__PURE__*/ defineContainer<JSX.IonDatetimeButton>('ion-datetime-button', defineIonDatetimeButton, [
|
||||
'color',
|
||||
'disabled',
|
||||
'datetime'
|
||||
]);
|
||||
|
||||
|
||||
export const IonFab = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defineIonFab, [
|
||||
export const IonFab: StencilVueComponent<JSX.IonFab> = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defineIonFab, [
|
||||
'horizontal',
|
||||
'vertical',
|
||||
'edge',
|
||||
@ -364,7 +364,7 @@ export const IonFab = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defin
|
||||
]);
|
||||
|
||||
|
||||
export const IonFabButton = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion-fab-button', defineIonFabButton, [
|
||||
export const IonFabButton: StencilVueComponent<JSX.IonFabButton> = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion-fab-button', defineIonFabButton, [
|
||||
'color',
|
||||
'activated',
|
||||
'disabled',
|
||||
@ -387,30 +387,30 @@ export const IonFabButton = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion
|
||||
]);
|
||||
|
||||
|
||||
export const IonFabList = /*@__PURE__*/ defineContainer<JSX.IonFabList>('ion-fab-list', defineIonFabList, [
|
||||
export const IonFabList: StencilVueComponent<JSX.IonFabList> = /*@__PURE__*/ defineContainer<JSX.IonFabList>('ion-fab-list', defineIonFabList, [
|
||||
'activated',
|
||||
'side'
|
||||
]);
|
||||
|
||||
|
||||
export const IonFooter = /*@__PURE__*/ defineContainer<JSX.IonFooter>('ion-footer', defineIonFooter, [
|
||||
export const IonFooter: StencilVueComponent<JSX.IonFooter> = /*@__PURE__*/ defineContainer<JSX.IonFooter>('ion-footer', defineIonFooter, [
|
||||
'collapse',
|
||||
'translucent'
|
||||
]);
|
||||
|
||||
|
||||
export const IonGrid = /*@__PURE__*/ defineContainer<JSX.IonGrid>('ion-grid', defineIonGrid, [
|
||||
export const IonGrid: StencilVueComponent<JSX.IonGrid> = /*@__PURE__*/ defineContainer<JSX.IonGrid>('ion-grid', defineIonGrid, [
|
||||
'fixed'
|
||||
]);
|
||||
|
||||
|
||||
export const IonHeader = /*@__PURE__*/ defineContainer<JSX.IonHeader>('ion-header', defineIonHeader, [
|
||||
export const IonHeader: StencilVueComponent<JSX.IonHeader> = /*@__PURE__*/ defineContainer<JSX.IonHeader>('ion-header', defineIonHeader, [
|
||||
'collapse',
|
||||
'translucent'
|
||||
]);
|
||||
|
||||
|
||||
export const IonImg = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defineIonImg, [
|
||||
export const IonImg: StencilVueComponent<JSX.IonImg> = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defineIonImg, [
|
||||
'alt',
|
||||
'src',
|
||||
'ionImgWillLoad',
|
||||
@ -423,7 +423,7 @@ export const IonImg = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defin
|
||||
]);
|
||||
|
||||
|
||||
export const IonInfiniteScroll = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScroll>('ion-infinite-scroll', defineIonInfiniteScroll, [
|
||||
export const IonInfiniteScroll: StencilVueComponent<JSX.IonInfiniteScroll> = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScroll>('ion-infinite-scroll', defineIonInfiniteScroll, [
|
||||
'threshold',
|
||||
'disabled',
|
||||
'position',
|
||||
@ -433,13 +433,13 @@ export const IonInfiniteScroll = /*@__PURE__*/ defineContainer<JSX.IonInfiniteSc
|
||||
]);
|
||||
|
||||
|
||||
export const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScrollContent>('ion-infinite-scroll-content', defineIonInfiniteScrollContent, [
|
||||
export const IonInfiniteScrollContent: StencilVueComponent<JSX.IonInfiniteScrollContent> = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScrollContent>('ion-infinite-scroll-content', defineIonInfiniteScrollContent, [
|
||||
'loadingSpinner',
|
||||
'loadingText'
|
||||
]);
|
||||
|
||||
|
||||
export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput["value"]>('ion-input', defineIonInput, [
|
||||
export const IonInput: StencilVueComponent<JSX.IonInput, JSX.IonInput["value"]> = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput["value"]>('ion-input', defineIonInput, [
|
||||
'color',
|
||||
'autocapitalize',
|
||||
'autocomplete',
|
||||
@ -487,7 +487,7 @@ export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput
|
||||
'value', 'ion-input');
|
||||
|
||||
|
||||
export const IonInputPasswordToggle = /*@__PURE__*/ defineContainer<JSX.IonInputPasswordToggle>('ion-input-password-toggle', defineIonInputPasswordToggle, [
|
||||
export const IonInputPasswordToggle: StencilVueComponent<JSX.IonInputPasswordToggle> = /*@__PURE__*/ defineContainer<JSX.IonInputPasswordToggle>('ion-input-password-toggle', defineIonInputPasswordToggle, [
|
||||
'color',
|
||||
'showIcon',
|
||||
'hideIcon',
|
||||
@ -495,7 +495,7 @@ export const IonInputPasswordToggle = /*@__PURE__*/ defineContainer<JSX.IonInput
|
||||
]);
|
||||
|
||||
|
||||
export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
|
||||
export const IonItem: StencilVueComponent<JSX.IonItem> = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
|
||||
'color',
|
||||
'button',
|
||||
'detail',
|
||||
@ -512,16 +512,16 @@ export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', de
|
||||
]);
|
||||
|
||||
|
||||
export const IonItemDivider = /*@__PURE__*/ defineContainer<JSX.IonItemDivider>('ion-item-divider', defineIonItemDivider, [
|
||||
export const IonItemDivider: StencilVueComponent<JSX.IonItemDivider> = /*@__PURE__*/ defineContainer<JSX.IonItemDivider>('ion-item-divider', defineIonItemDivider, [
|
||||
'color',
|
||||
'sticky'
|
||||
]);
|
||||
|
||||
|
||||
export const IonItemGroup = /*@__PURE__*/ defineContainer<JSX.IonItemGroup>('ion-item-group', defineIonItemGroup);
|
||||
export const IonItemGroup: StencilVueComponent<JSX.IonItemGroup> = /*@__PURE__*/ defineContainer<JSX.IonItemGroup>('ion-item-group', defineIonItemGroup);
|
||||
|
||||
|
||||
export const IonItemOption = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('ion-item-option', defineIonItemOption, [
|
||||
export const IonItemOption: StencilVueComponent<JSX.IonItemOption> = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('ion-item-option', defineIonItemOption, [
|
||||
'color',
|
||||
'disabled',
|
||||
'download',
|
||||
@ -533,7 +533,7 @@ export const IonItemOption = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('i
|
||||
]);
|
||||
|
||||
|
||||
export const IonItemOptions = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>('ion-item-options', defineIonItemOptions, [
|
||||
export const IonItemOptions: StencilVueComponent<JSX.IonItemOptions> = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>('ion-item-options', defineIonItemOptions, [
|
||||
'side',
|
||||
'ionSwipe'
|
||||
], [
|
||||
@ -541,7 +541,7 @@ export const IonItemOptions = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>(
|
||||
]);
|
||||
|
||||
|
||||
export const IonItemSliding = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>('ion-item-sliding', defineIonItemSliding, [
|
||||
export const IonItemSliding: StencilVueComponent<JSX.IonItemSliding> = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>('ion-item-sliding', defineIonItemSliding, [
|
||||
'disabled',
|
||||
'ionDrag'
|
||||
], [
|
||||
@ -549,7 +549,7 @@ export const IonItemSliding = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>(
|
||||
]);
|
||||
|
||||
|
||||
export const IonLabel = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label', defineIonLabel, [
|
||||
export const IonLabel: StencilVueComponent<JSX.IonLabel> = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label', defineIonLabel, [
|
||||
'color',
|
||||
'position',
|
||||
'ionColor',
|
||||
@ -560,19 +560,19 @@ export const IonLabel = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label',
|
||||
]);
|
||||
|
||||
|
||||
export const IonList = /*@__PURE__*/ defineContainer<JSX.IonList>('ion-list', defineIonList, [
|
||||
export const IonList: StencilVueComponent<JSX.IonList> = /*@__PURE__*/ defineContainer<JSX.IonList>('ion-list', defineIonList, [
|
||||
'lines',
|
||||
'inset'
|
||||
]);
|
||||
|
||||
|
||||
export const IonListHeader = /*@__PURE__*/ defineContainer<JSX.IonListHeader>('ion-list-header', defineIonListHeader, [
|
||||
export const IonListHeader: StencilVueComponent<JSX.IonListHeader> = /*@__PURE__*/ defineContainer<JSX.IonListHeader>('ion-list-header', defineIonListHeader, [
|
||||
'color',
|
||||
'lines'
|
||||
]);
|
||||
|
||||
|
||||
export const IonMenu = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', defineIonMenu, [
|
||||
export const IonMenu: StencilVueComponent<JSX.IonMenu> = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', defineIonMenu, [
|
||||
'contentId',
|
||||
'menuId',
|
||||
'type',
|
||||
@ -594,7 +594,7 @@ export const IonMenu = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', de
|
||||
]);
|
||||
|
||||
|
||||
export const IonMenuButton = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('ion-menu-button', defineIonMenuButton, [
|
||||
export const IonMenuButton: StencilVueComponent<JSX.IonMenuButton> = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('ion-menu-button', defineIonMenuButton, [
|
||||
'color',
|
||||
'disabled',
|
||||
'menu',
|
||||
@ -603,13 +603,13 @@ export const IonMenuButton = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('i
|
||||
]);
|
||||
|
||||
|
||||
export const IonMenuToggle = /*@__PURE__*/ defineContainer<JSX.IonMenuToggle>('ion-menu-toggle', defineIonMenuToggle, [
|
||||
export const IonMenuToggle: StencilVueComponent<JSX.IonMenuToggle> = /*@__PURE__*/ defineContainer<JSX.IonMenuToggle>('ion-menu-toggle', defineIonMenuToggle, [
|
||||
'menu',
|
||||
'autoHide'
|
||||
]);
|
||||
|
||||
|
||||
export const IonNav = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defineIonNav, [
|
||||
export const IonNav: StencilVueComponent<JSX.IonNav> = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defineIonNav, [
|
||||
'delegate',
|
||||
'swipeGesture',
|
||||
'animated',
|
||||
@ -626,7 +626,7 @@ export const IonNav = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defin
|
||||
]);
|
||||
|
||||
|
||||
export const IonNavLink = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav-link', defineIonNavLink, [
|
||||
export const IonNavLink: StencilVueComponent<JSX.IonNavLink> = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav-link', defineIonNavLink, [
|
||||
'component',
|
||||
'componentProps',
|
||||
'routerDirection',
|
||||
@ -634,19 +634,19 @@ export const IonNavLink = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav
|
||||
]);
|
||||
|
||||
|
||||
export const IonNote = /*@__PURE__*/ defineContainer<JSX.IonNote>('ion-note', defineIonNote, [
|
||||
export const IonNote: StencilVueComponent<JSX.IonNote> = /*@__PURE__*/ defineContainer<JSX.IonNote>('ion-note', defineIonNote, [
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
export const IonPicker = /*@__PURE__*/ defineContainer<JSX.IonPicker>('ion-picker', defineIonPicker, [
|
||||
export const IonPicker: StencilVueComponent<JSX.IonPicker> = /*@__PURE__*/ defineContainer<JSX.IonPicker>('ion-picker', defineIonPicker, [
|
||||
'ionInputModeChange'
|
||||
], [
|
||||
'ionInputModeChange'
|
||||
]);
|
||||
|
||||
|
||||
export const IonPickerColumn = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn>('ion-picker-column', defineIonPickerColumn, [
|
||||
export const IonPickerColumn: StencilVueComponent<JSX.IonPickerColumn> = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn>('ion-picker-column', defineIonPickerColumn, [
|
||||
'disabled',
|
||||
'value',
|
||||
'color',
|
||||
@ -657,14 +657,14 @@ export const IonPickerColumn = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn
|
||||
]);
|
||||
|
||||
|
||||
export const IonPickerColumnOption = /*@__PURE__*/ defineContainer<JSX.IonPickerColumnOption>('ion-picker-column-option', defineIonPickerColumnOption, [
|
||||
export const IonPickerColumnOption: StencilVueComponent<JSX.IonPickerColumnOption> = /*@__PURE__*/ defineContainer<JSX.IonPickerColumnOption>('ion-picker-column-option', defineIonPickerColumnOption, [
|
||||
'disabled',
|
||||
'value',
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
export const IonProgressBar = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>('ion-progress-bar', defineIonProgressBar, [
|
||||
export const IonProgressBar: StencilVueComponent<JSX.IonProgressBar> = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>('ion-progress-bar', defineIonProgressBar, [
|
||||
'type',
|
||||
'reversed',
|
||||
'value',
|
||||
@ -673,7 +673,7 @@ export const IonProgressBar = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>(
|
||||
]);
|
||||
|
||||
|
||||
export const IonRadio = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio["value"]>('ion-radio', defineIonRadio, [
|
||||
export const IonRadio: StencilVueComponent<JSX.IonRadio, JSX.IonRadio["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio["value"]>('ion-radio', defineIonRadio, [
|
||||
'color',
|
||||
'name',
|
||||
'disabled',
|
||||
@ -690,7 +690,7 @@ export const IonRadio = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonRadioGroup = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]>('ion-radio-group', defineIonRadioGroup, [
|
||||
export const IonRadioGroup: StencilVueComponent<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]>('ion-radio-group', defineIonRadioGroup, [
|
||||
'allowEmptySelection',
|
||||
'compareWith',
|
||||
'name',
|
||||
@ -704,7 +704,7 @@ export const IonRadioGroup = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JS
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonRange = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange["value"]>('ion-range', defineIonRange, [
|
||||
export const IonRange: StencilVueComponent<JSX.IonRange, JSX.IonRange["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange["value"]>('ion-range', defineIonRange, [
|
||||
'color',
|
||||
'debounce',
|
||||
'name',
|
||||
@ -738,7 +738,7 @@ export const IonRange = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange
|
||||
'value', 'ion-input');
|
||||
|
||||
|
||||
export const IonRefresher = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion-refresher', defineIonRefresher, [
|
||||
export const IonRefresher: StencilVueComponent<JSX.IonRefresher> = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion-refresher', defineIonRefresher, [
|
||||
'pullMin',
|
||||
'pullMax',
|
||||
'closeDuration',
|
||||
@ -755,7 +755,7 @@ export const IonRefresher = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion
|
||||
]);
|
||||
|
||||
|
||||
export const IonRefresherContent = /*@__PURE__*/ defineContainer<JSX.IonRefresherContent>('ion-refresher-content', defineIonRefresherContent, [
|
||||
export const IonRefresherContent: StencilVueComponent<JSX.IonRefresherContent> = /*@__PURE__*/ defineContainer<JSX.IonRefresherContent>('ion-refresher-content', defineIonRefresherContent, [
|
||||
'pullingIcon',
|
||||
'pullingText',
|
||||
'refreshingSpinner',
|
||||
@ -763,10 +763,10 @@ export const IonRefresherContent = /*@__PURE__*/ defineContainer<JSX.IonRefreshe
|
||||
]);
|
||||
|
||||
|
||||
export const IonReorder = /*@__PURE__*/ defineContainer<JSX.IonReorder>('ion-reorder', defineIonReorder);
|
||||
export const IonReorder: StencilVueComponent<JSX.IonReorder> = /*@__PURE__*/ defineContainer<JSX.IonReorder>('ion-reorder', defineIonReorder);
|
||||
|
||||
|
||||
export const IonReorderGroup = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup>('ion-reorder-group', defineIonReorderGroup, [
|
||||
export const IonReorderGroup: StencilVueComponent<JSX.IonReorderGroup> = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup>('ion-reorder-group', defineIonReorderGroup, [
|
||||
'disabled',
|
||||
'ionItemReorder'
|
||||
], [
|
||||
@ -774,15 +774,15 @@ export const IonReorderGroup = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup
|
||||
]);
|
||||
|
||||
|
||||
export const IonRippleEffect = /*@__PURE__*/ defineContainer<JSX.IonRippleEffect>('ion-ripple-effect', defineIonRippleEffect, [
|
||||
export const IonRippleEffect: StencilVueComponent<JSX.IonRippleEffect> = /*@__PURE__*/ defineContainer<JSX.IonRippleEffect>('ion-ripple-effect', defineIonRippleEffect, [
|
||||
'type'
|
||||
]);
|
||||
|
||||
|
||||
export const IonRow = /*@__PURE__*/ defineContainer<JSX.IonRow>('ion-row', defineIonRow);
|
||||
export const IonRow: StencilVueComponent<JSX.IonRow> = /*@__PURE__*/ defineContainer<JSX.IonRow>('ion-row', defineIonRow);
|
||||
|
||||
|
||||
export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.IonSearchbar["value"]>('ion-searchbar', defineIonSearchbar, [
|
||||
export const IonSearchbar: StencilVueComponent<JSX.IonSearchbar, JSX.IonSearchbar["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.IonSearchbar["value"]>('ion-searchbar', defineIonSearchbar, [
|
||||
'color',
|
||||
'animated',
|
||||
'autocapitalize',
|
||||
@ -824,7 +824,7 @@ export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.
|
||||
'value', 'ion-input');
|
||||
|
||||
|
||||
export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonSegment["value"]>('ion-segment', defineIonSegment, [
|
||||
export const IonSegment: StencilVueComponent<JSX.IonSegment, JSX.IonSegment["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonSegment["value"]>('ion-segment', defineIonSegment, [
|
||||
'color',
|
||||
'disabled',
|
||||
'scrollable',
|
||||
@ -842,7 +842,7 @@ export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonS
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
|
||||
export const IonSegmentButton: StencilVueComponent<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
|
||||
'contentId',
|
||||
'disabled',
|
||||
'layout',
|
||||
@ -852,10 +852,10 @@ export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButt
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonSegmentContent = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
|
||||
export const IonSegmentContent: StencilVueComponent<JSX.IonSegmentContent> = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
|
||||
|
||||
|
||||
export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
|
||||
export const IonSegmentView: StencilVueComponent<JSX.IonSegmentView> = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
|
||||
'disabled',
|
||||
'ionSegmentViewScroll'
|
||||
], [
|
||||
@ -863,7 +863,7 @@ export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>(
|
||||
]);
|
||||
|
||||
|
||||
export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
|
||||
export const IonSelect: StencilVueComponent<JSX.IonSelect, JSX.IonSelect["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
|
||||
'cancelText',
|
||||
'color',
|
||||
'compareWith',
|
||||
@ -900,20 +900,20 @@ export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSel
|
||||
'value', 'ion-change');
|
||||
|
||||
|
||||
export const IonSelectModal = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
|
||||
export const IonSelectModal: StencilVueComponent<JSX.IonSelectModal> = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
|
||||
'header',
|
||||
'multiple',
|
||||
'options'
|
||||
]);
|
||||
|
||||
|
||||
export const IonSelectOption = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
|
||||
export const IonSelectOption: StencilVueComponent<JSX.IonSelectOption> = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
|
||||
'disabled',
|
||||
'value'
|
||||
]);
|
||||
|
||||
|
||||
export const IonSkeletonText = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText>('ion-skeleton-text', defineIonSkeletonText, [
|
||||
export const IonSkeletonText: StencilVueComponent<JSX.IonSkeletonText> = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText>('ion-skeleton-text', defineIonSkeletonText, [
|
||||
'animated',
|
||||
'ionStyle'
|
||||
], [
|
||||
@ -921,7 +921,7 @@ export const IonSkeletonText = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText
|
||||
]);
|
||||
|
||||
|
||||
export const IonSpinner = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spinner', defineIonSpinner, [
|
||||
export const IonSpinner: StencilVueComponent<JSX.IonSpinner> = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spinner', defineIonSpinner, [
|
||||
'color',
|
||||
'duration',
|
||||
'name',
|
||||
@ -929,7 +929,7 @@ export const IonSpinner = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spi
|
||||
]);
|
||||
|
||||
|
||||
export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion-split-pane', defineIonSplitPane, [
|
||||
export const IonSplitPane: StencilVueComponent<JSX.IonSplitPane> = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion-split-pane', defineIonSplitPane, [
|
||||
'contentId',
|
||||
'disabled',
|
||||
'when',
|
||||
@ -939,7 +939,7 @@ export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion
|
||||
]);
|
||||
|
||||
|
||||
export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
|
||||
export const IonTab: StencilVueComponent<JSX.IonTab> = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
|
||||
'active',
|
||||
'delegate',
|
||||
'tab',
|
||||
@ -947,12 +947,12 @@ export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defin
|
||||
]);
|
||||
|
||||
|
||||
export const IonText = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
|
||||
export const IonText: StencilVueComponent<JSX.IonText> = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.IonTextarea["value"]>('ion-textarea', defineIonTextarea, [
|
||||
export const IonTextarea: StencilVueComponent<JSX.IonTextarea, JSX.IonTextarea["value"]> = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.IonTextarea["value"]>('ion-textarea', defineIonTextarea, [
|
||||
'color',
|
||||
'autocapitalize',
|
||||
'autofocus',
|
||||
@ -994,10 +994,10 @@ export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.Io
|
||||
'value', 'ion-input');
|
||||
|
||||
|
||||
export const IonThumbnail = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);
|
||||
export const IonThumbnail: StencilVueComponent<JSX.IonThumbnail> = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);
|
||||
|
||||
|
||||
export const IonTitle = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title', defineIonTitle, [
|
||||
export const IonTitle: StencilVueComponent<JSX.IonTitle> = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title', defineIonTitle, [
|
||||
'color',
|
||||
'size',
|
||||
'ionStyle'
|
||||
@ -1006,7 +1006,7 @@ export const IonTitle = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title',
|
||||
]);
|
||||
|
||||
|
||||
export const IonToggle = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonToggle["checked"]>('ion-toggle', defineIonToggle, [
|
||||
export const IonToggle: StencilVueComponent<JSX.IonToggle, JSX.IonToggle["checked"]> = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonToggle["checked"]>('ion-toggle', defineIonToggle, [
|
||||
'color',
|
||||
'name',
|
||||
'checked',
|
||||
@ -1027,7 +1027,7 @@ export const IonToggle = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonTog
|
||||
'checked', 'ion-change');
|
||||
|
||||
|
||||
export const IonToolbar = /*@__PURE__*/ defineContainer<JSX.IonToolbar>('ion-toolbar', defineIonToolbar, [
|
||||
export const IonToolbar: StencilVueComponent<JSX.IonToolbar> = /*@__PURE__*/ defineContainer<JSX.IonToolbar>('ion-toolbar', defineIonToolbar, [
|
||||
'color'
|
||||
]);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user