fix(overlays): expose mode, id, keyboardClose

fixes #15366
This commit is contained in:
Manu Mtz.-Almeida
2018-08-29 16:19:51 +02:00
parent 16452b2455
commit cc960c3d48
37 changed files with 244 additions and 128 deletions

View File

@ -5,6 +5,10 @@ export interface PickerOptions {
cssClass?: string | string[];
backdropDismiss?: boolean;
animated?: boolean;
mode?: string;
keyboardClose?: boolean;
id?: string;
}
export interface PickerButton {

View File

@ -17,7 +17,6 @@ import { iosLeaveAnimation } from './animations/ios.leave';
export class Picker implements OverlayInterface {
private durationTimeout: any;
mode!: Mode;
presented = false;
animation?: Animation;
@ -27,10 +26,16 @@ export class Picker implements OverlayInterface {
@Prop({ context: 'config' }) config!: Config;
/** @hidden */
@Prop() overlayId!: number;
@Prop() overlayIndex!: number;
/**
* If the keyboard should be able to close the picker. Defaults to true.
* The mode determines which platform styles to use.
* Possible values are: `"ios"` or `"md"`.
*/
@Prop() mode!: Mode;
/**
* If true, the keyboard will be automatically dismissed when the overlay is presented.
*/
@Prop() keyboardClose = true;
@ -236,7 +241,7 @@ export class Picker implements OverlayInterface {
...getClassMap(this.cssClass)
},
style: {
zIndex: 20000 + this.overlayId
zIndex: 20000 + this.overlayIndex
}
};
}

View File

@ -18,9 +18,10 @@ A Picker is a dialog that displays a row of buttons and columns underneath. It a
| `cssClass` | `css-class` | Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. | `string`, `string[]` |
| `duration` | `duration` | Number of milliseconds to wait before dismissing the picker. | `number` |
| `enterAnimation` | -- | Animation to use when the picker is presented. | `AnimationBuilder` |
| `keyboardClose` | `keyboard-close` | If the keyboard should be able to close the picker. Defaults to true. | `boolean` |
| `keyboardClose` | `keyboard-close` | If true, the keyboard will be automatically dismissed when the overlay is presented. | `boolean` |
| `leaveAnimation` | -- | Animation to use when the picker is dismissed. | `AnimationBuilder` |
| `overlayId` | `overlay-id` | | `number` |
| `mode` | `mode` | The mode determines which platform styles to use. Possible values are: `"ios"` or `"md"`. | `Mode` |
| `overlayIndex` | `overlay-index` | | `number` |
| `showBackdrop` | `show-backdrop` | If true, a backdrop will be displayed behind the picker. Defaults to `true`. | `boolean` |