mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
refactor(show): remove show/hide-when components (#16098)
This commit is contained in:
126
core/src/components.d.ts
vendored
126
core/src/components.d.ts
vendored
@ -1595,59 +1595,6 @@ export namespace Components {
|
||||
'translucent'?: boolean;
|
||||
}
|
||||
|
||||
interface IonHideWhen {
|
||||
/**
|
||||
* If the current media query matches this value, the element will hide.
|
||||
*/
|
||||
'mediaQuery'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will hide. Accepts a comma separated list of modes to match against.
|
||||
*/
|
||||
'modes': string;
|
||||
/**
|
||||
* If `false`, and two or more conditions are set, the element will hide when all are true. If `true`, and two or more conditions are set, the element will hide when at least one is true.
|
||||
*/
|
||||
'or': boolean;
|
||||
/**
|
||||
* If the current orientation matches this value, the element will hide.
|
||||
*/
|
||||
'orientation'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will hide. Accepts a comma separated list of platforms to match against.
|
||||
*/
|
||||
'platform'?: string;
|
||||
/**
|
||||
* If the current screen width matches the given size, the element will hide. Uses the build in sizes of xs, sm, md, lg, xl.
|
||||
*/
|
||||
'size'?: string;
|
||||
}
|
||||
interface IonHideWhenAttributes extends StencilHTMLAttributes {
|
||||
/**
|
||||
* If the current media query matches this value, the element will hide.
|
||||
*/
|
||||
'mediaQuery'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will hide. Accepts a comma separated list of modes to match against.
|
||||
*/
|
||||
'modes'?: string;
|
||||
/**
|
||||
* If `false`, and two or more conditions are set, the element will hide when all are true. If `true`, and two or more conditions are set, the element will hide when at least one is true.
|
||||
*/
|
||||
'or'?: boolean;
|
||||
/**
|
||||
* If the current orientation matches this value, the element will hide.
|
||||
*/
|
||||
'orientation'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will hide. Accepts a comma separated list of platforms to match against.
|
||||
*/
|
||||
'platform'?: string;
|
||||
/**
|
||||
* If the current screen width matches the given size, the element will hide. Uses the build in sizes of xs, sm, md, lg, xl.
|
||||
*/
|
||||
'size'?: string;
|
||||
}
|
||||
|
||||
interface IonImg {
|
||||
/**
|
||||
* This attribute defines the alternative text describing the image. Users will see this text displayed if the image URL is wrong, the image is not in one of the supported formats, or if the image is not yet downloaded.
|
||||
@ -4238,59 +4185,6 @@ export namespace Components {
|
||||
'value'?: any | null;
|
||||
}
|
||||
|
||||
interface IonShowWhen {
|
||||
/**
|
||||
* If the current media query matches this value, the element will show.
|
||||
*/
|
||||
'mediaQuery'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will show. Accepts a comma separated list of modes to match against.
|
||||
*/
|
||||
'modes': string;
|
||||
/**
|
||||
* If `false`, and two or more conditions are set, the element will show when all are true. If `true`, and two or more conditions are set, the element will show when at least one is true.
|
||||
*/
|
||||
'or': boolean;
|
||||
/**
|
||||
* If the current orientation matches this value, the element will show.
|
||||
*/
|
||||
'orientation'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will show. Accepts a comma separated list of platform to match against.
|
||||
*/
|
||||
'platform'?: string;
|
||||
/**
|
||||
* If the current screen width matches the given size, the element will show. Uses the build in sizes of xs, sm, md, lg, xl.
|
||||
*/
|
||||
'size'?: string;
|
||||
}
|
||||
interface IonShowWhenAttributes extends StencilHTMLAttributes {
|
||||
/**
|
||||
* If the current media query matches this value, the element will show.
|
||||
*/
|
||||
'mediaQuery'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will show. Accepts a comma separated list of modes to match against.
|
||||
*/
|
||||
'modes'?: string;
|
||||
/**
|
||||
* If `false`, and two or more conditions are set, the element will show when all are true. If `true`, and two or more conditions are set, the element will show when at least one is true.
|
||||
*/
|
||||
'or'?: boolean;
|
||||
/**
|
||||
* If the current orientation matches this value, the element will show.
|
||||
*/
|
||||
'orientation'?: string;
|
||||
/**
|
||||
* If the current platform matches the given value, the element will show. Accepts a comma separated list of platform to match against.
|
||||
*/
|
||||
'platform'?: string;
|
||||
/**
|
||||
* If the current screen width matches the given size, the element will show. Uses the build in sizes of xs, sm, md, lg, xl.
|
||||
*/
|
||||
'size'?: string;
|
||||
}
|
||||
|
||||
interface IonSkeletonText {
|
||||
/**
|
||||
* Width for the element to render at. Default is 100%
|
||||
@ -5315,7 +5209,6 @@ declare global {
|
||||
'IonFooter': Components.IonFooter;
|
||||
'IonGrid': Components.IonGrid;
|
||||
'IonHeader': Components.IonHeader;
|
||||
'IonHideWhen': Components.IonHideWhen;
|
||||
'IonImg': Components.IonImg;
|
||||
'IonInfiniteScrollContent': Components.IonInfiniteScrollContent;
|
||||
'IonInfiniteScroll': Components.IonInfiniteScroll;
|
||||
@ -5366,7 +5259,6 @@ declare global {
|
||||
'IonSelectOption': Components.IonSelectOption;
|
||||
'IonSelectPopover': Components.IonSelectPopover;
|
||||
'IonSelect': Components.IonSelect;
|
||||
'IonShowWhen': Components.IonShowWhen;
|
||||
'IonSkeletonText': Components.IonSkeletonText;
|
||||
'IonSlide': Components.IonSlide;
|
||||
'IonSlides': Components.IonSlides;
|
||||
@ -5419,7 +5311,6 @@ declare global {
|
||||
'ion-footer': Components.IonFooterAttributes;
|
||||
'ion-grid': Components.IonGridAttributes;
|
||||
'ion-header': Components.IonHeaderAttributes;
|
||||
'ion-hide-when': Components.IonHideWhenAttributes;
|
||||
'ion-img': Components.IonImgAttributes;
|
||||
'ion-infinite-scroll-content': Components.IonInfiniteScrollContentAttributes;
|
||||
'ion-infinite-scroll': Components.IonInfiniteScrollAttributes;
|
||||
@ -5470,7 +5361,6 @@ declare global {
|
||||
'ion-select-option': Components.IonSelectOptionAttributes;
|
||||
'ion-select-popover': Components.IonSelectPopoverAttributes;
|
||||
'ion-select': Components.IonSelectAttributes;
|
||||
'ion-show-when': Components.IonShowWhenAttributes;
|
||||
'ion-skeleton-text': Components.IonSkeletonTextAttributes;
|
||||
'ion-slide': Components.IonSlideAttributes;
|
||||
'ion-slides': Components.IonSlidesAttributes;
|
||||
@ -5678,12 +5568,6 @@ declare global {
|
||||
new (): HTMLIonHeaderElement;
|
||||
};
|
||||
|
||||
interface HTMLIonHideWhenElement extends Components.IonHideWhen, HTMLStencilElement {}
|
||||
var HTMLIonHideWhenElement: {
|
||||
prototype: HTMLIonHideWhenElement;
|
||||
new (): HTMLIonHideWhenElement;
|
||||
};
|
||||
|
||||
interface HTMLIonImgElement extends Components.IonImg, HTMLStencilElement {}
|
||||
var HTMLIonImgElement: {
|
||||
prototype: HTMLIonImgElement;
|
||||
@ -5984,12 +5868,6 @@ declare global {
|
||||
new (): HTMLIonSelectElement;
|
||||
};
|
||||
|
||||
interface HTMLIonShowWhenElement extends Components.IonShowWhen, HTMLStencilElement {}
|
||||
var HTMLIonShowWhenElement: {
|
||||
prototype: HTMLIonShowWhenElement;
|
||||
new (): HTMLIonShowWhenElement;
|
||||
};
|
||||
|
||||
interface HTMLIonSkeletonTextElement extends Components.IonSkeletonText, HTMLStencilElement {}
|
||||
var HTMLIonSkeletonTextElement: {
|
||||
prototype: HTMLIonSkeletonTextElement;
|
||||
@ -6130,7 +6008,6 @@ declare global {
|
||||
'ion-footer': HTMLIonFooterElement
|
||||
'ion-grid': HTMLIonGridElement
|
||||
'ion-header': HTMLIonHeaderElement
|
||||
'ion-hide-when': HTMLIonHideWhenElement
|
||||
'ion-img': HTMLIonImgElement
|
||||
'ion-infinite-scroll-content': HTMLIonInfiniteScrollContentElement
|
||||
'ion-infinite-scroll': HTMLIonInfiniteScrollElement
|
||||
@ -6181,7 +6058,6 @@ declare global {
|
||||
'ion-select-option': HTMLIonSelectOptionElement
|
||||
'ion-select-popover': HTMLIonSelectPopoverElement
|
||||
'ion-select': HTMLIonSelectElement
|
||||
'ion-show-when': HTMLIonShowWhenElement
|
||||
'ion-skeleton-text': HTMLIonSkeletonTextElement
|
||||
'ion-slide': HTMLIonSlideElement
|
||||
'ion-slides': HTMLIonSlidesElement
|
||||
@ -6234,7 +6110,6 @@ declare global {
|
||||
'ion-footer': HTMLIonFooterElement;
|
||||
'ion-grid': HTMLIonGridElement;
|
||||
'ion-header': HTMLIonHeaderElement;
|
||||
'ion-hide-when': HTMLIonHideWhenElement;
|
||||
'ion-img': HTMLIonImgElement;
|
||||
'ion-infinite-scroll-content': HTMLIonInfiniteScrollContentElement;
|
||||
'ion-infinite-scroll': HTMLIonInfiniteScrollElement;
|
||||
@ -6285,7 +6160,6 @@ declare global {
|
||||
'ion-select-option': HTMLIonSelectOptionElement;
|
||||
'ion-select-popover': HTMLIonSelectPopoverElement;
|
||||
'ion-select': HTMLIonSelectElement;
|
||||
'ion-show-when': HTMLIonShowWhenElement;
|
||||
'ion-skeleton-text': HTMLIonSkeletonTextElement;
|
||||
'ion-slide': HTMLIonSlideElement;
|
||||
'ion-slides': HTMLIonSlidesElement;
|
||||
|
Reference in New Issue
Block a user