mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
icon and item docs wip
This commit is contained in:
@ -6,6 +6,9 @@ import {Ion} from '../ion';
|
|||||||
import {Button} from '../button/button';
|
import {Button} from '../button/button';
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Directive({
|
@Directive({
|
||||||
selector: 'icon',
|
selector: 'icon',
|
||||||
properties: [
|
properties: [
|
||||||
@ -20,6 +23,13 @@ import {Button} from '../button/button';
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
export class Icon {
|
export class Icon {
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
* @param {ElementRef} elementRef TODO
|
||||||
|
* @param {Button} hostButton TODO
|
||||||
|
* @param {IonicConfig} config TODO
|
||||||
|
* @param {Renderer} renderer TODO
|
||||||
|
*/
|
||||||
constructor(
|
constructor(
|
||||||
private elementRef: ElementRef,
|
private elementRef: ElementRef,
|
||||||
@Optional() @Host() hostButton: Button,
|
@Optional() @Host() hostButton: Button,
|
||||||
@ -61,6 +71,9 @@ export class Icon {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
onInit() {
|
onInit() {
|
||||||
if (this.mode == 'ios' && this.ios) {
|
if (this.mode == 'ios' && this.ios) {
|
||||||
this.name = this.ios;
|
this.name = this.ios;
|
||||||
|
@ -1,6 +1,8 @@
|
|||||||
import {Directive, ElementRef} from 'angular2/angular2';
|
import {Directive, ElementRef} from 'angular2/angular2';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Directive({
|
@Directive({
|
||||||
selector: 'ion-item-group',
|
selector: 'ion-item-group',
|
||||||
host: {
|
host: {
|
||||||
@ -8,12 +10,18 @@ import {Directive, ElementRef} from 'angular2/angular2';
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
export class ItemGroup {
|
export class ItemGroup {
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
* @param {ElementRef} elementRef TODO
|
||||||
|
*/
|
||||||
constructor(elementRef: ElementRef) {
|
constructor(elementRef: ElementRef) {
|
||||||
this.ele = elementRef.nativeElement;
|
this.ele = elementRef.nativeElement;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Directive({
|
@Directive({
|
||||||
selector: 'ion-item-group-title',
|
selector: 'ion-item-group-title',
|
||||||
host: {
|
host: {
|
||||||
@ -22,6 +30,10 @@ export class ItemGroup {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
export class ItemGroupTitle {
|
export class ItemGroupTitle {
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
* @param {ElementRef} elementRef TODO
|
||||||
|
*/
|
||||||
constructor(elementRef: ElementRef) {
|
constructor(elementRef: ElementRef) {
|
||||||
this.isSticky = true;
|
this.isSticky = true;
|
||||||
this.ele = elementRef.nativeElement;
|
this.ele = elementRef.nativeElement;
|
||||||
|
@ -1,13 +1,17 @@
|
|||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Decorator({
|
@Decorator({
|
||||||
selector: 'ion-primary-options'
|
selector: 'ion-primary-options'
|
||||||
})
|
})
|
||||||
export class ItemPrimaryOptions {
|
export class ItemPrimaryOptions {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Decorator({
|
@Decorator({
|
||||||
selector: 'ion-secondary-options'
|
selector: 'ion-secondary-options'
|
||||||
})
|
})
|
||||||
export class ItemSecondaryOptions {
|
export class ItemSecondaryOptions {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3,11 +3,18 @@ import {ElementRef, Host, Directive} from 'angular2/angular2';
|
|||||||
import {Item} from 'ionic/components/item/item';
|
import {Item} from 'ionic/components/item/item';
|
||||||
import {SlideGesture} from 'ionic/gestures/slide-gesture';
|
import {SlideGesture} from 'ionic/gestures/slide-gesture';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Directive({
|
@Directive({
|
||||||
selector: 'ion-primary-swipe-buttons'
|
selector: 'ion-primary-swipe-buttons'
|
||||||
})
|
})
|
||||||
export class ItemPrimarySwipeButtons {
|
export class ItemPrimarySwipeButtons {
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
* @param {ElementRef} elementRef TODO
|
||||||
|
* @param {Item} item TODO
|
||||||
|
*/
|
||||||
constructor(
|
constructor(
|
||||||
elementRef: ElementRef,
|
elementRef: ElementRef,
|
||||||
@Host() item: Item
|
@Host() item: Item
|
||||||
@ -19,6 +26,10 @@ export class ItemPrimarySwipeButtons {
|
|||||||
this.gesture.listen();
|
this.gesture.listen();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
* @param {boolean} isOpen TODO
|
||||||
|
*/
|
||||||
setOpen(isOpen) {
|
setOpen(isOpen) {
|
||||||
if (isOpen !== this.isOpen) {
|
if (isOpen !== this.isOpen) {
|
||||||
this.isOpen = isOpen;
|
this.isOpen = isOpen;
|
||||||
@ -29,6 +40,9 @@ export class ItemPrimarySwipeButtons {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Directive({
|
@Directive({
|
||||||
selector: 'ion-secondary-swipe-buttons'
|
selector: 'ion-secondary-swipe-buttons'
|
||||||
})
|
})
|
||||||
|
@ -4,7 +4,9 @@ import {ItemPrimaryOptions, ItemSecondaryOptions} from './item-options';
|
|||||||
import {ItemPrimarySwipeButtons, ItemSecondarySwipeButtons} from './item-swipe-buttons';
|
import {ItemPrimarySwipeButtons, ItemSecondarySwipeButtons} from './item-swipe-buttons';
|
||||||
import {dom} from 'ionic/util';
|
import {dom} from 'ionic/util';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
*/
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'ion-item,[ion-item]',
|
selector: 'ion-item,[ion-item]',
|
||||||
host: {
|
host: {
|
||||||
@ -21,6 +23,10 @@ import {dom} from 'ionic/util';
|
|||||||
directives: [NgIf]
|
directives: [NgIf]
|
||||||
})
|
})
|
||||||
export class Item {
|
export class Item {
|
||||||
|
/**
|
||||||
|
* TODO
|
||||||
|
* @param {ElementRef} elementRef TODO
|
||||||
|
*/
|
||||||
constructor(elementRef: ElementRef) {
|
constructor(elementRef: ElementRef) {
|
||||||
this._isOpen = false;
|
this._isOpen = false;
|
||||||
this._isSlideActive = false;
|
this._isSlideActive = false;
|
||||||
|
Reference in New Issue
Block a user