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

feat(): add action-sheet role classes

Browse Source
This commit is contained in:
mhartington
2017-08-08 12:45:28 -04:00
parent f33af0623f
commit c1e2133461
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/core/src/components/action-sheet/action-sheet.tsx
View File

@ -5,7 +5,7 @@ import {
EventEmitter,
Listen,
Prop,
State
CssClassMap
} from '@stencil/core';
import { AnimationBuilder, Animation, Ionic } from '../../index';
@ -25,7 +25,6 @@ import iOSLeaveAnimation from './animations/ios.leave';
})
export class ActionSheet {
private animation: Animation;
private durationTimeout: any;
@Element() private el: HTMLElement;
@ -162,7 +161,8 @@ export class ActionSheet {
? <div class="action-sheet-sub-title">{this.subTitle}</div>
: null}
{this.buttons.map(b =>
<button class="action-sheet-button" onClick={() => this.click(b)}>
<button class={this.buttonClass(b)}
onClick={() => this.click(b)}>
{b.icon
? <ion-icon name={b.icon} class="action-sheet-icon" />
: null}
@ -174,6 +174,17 @@ export class ActionSheet {
</div>
];
}
buttonClass(button: ActionSheetButton): CssClassMap {
let buttonClass: string[] = !button.role
? ['action-sheet-button']
: [`action-sheet-button`, `action-sheet-${button.role}`]
return buttonClass.reduce((prevValue: any, cssClass: any) => {
prevValue[cssClass] = true;
return prevValue;
}, {});
}
}
export interface ActionSheetOptions {