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

fix(reorder): support for slot="start"

Browse Source
This commit is contained in:
Manuel Mtz-Almeida
2017-09-20 12:11:48 +02:00
parent bdf4f60e9e
commit 22c0ea5bcd
4 changed files with 3 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/core/src/components/list/list.tsx
View File

@ -17,16 +17,8 @@ import { ItemSliding } from '../item-sliding/item-sliding';
export class List { export class List {
@State() openContainer: ItemSliding; @State() openContainer: ItemSliding;
@Prop() radioGroup: boolean;
render() { render() {
if (this.radioGroup) {
return (
<ion-radio-group>
<slot></slot>
</ion-radio-group>
);
}
return <slot></slot>; return <slot></slot>;
} }

5
packages/core/src/components/reorder/reorder-group.tsx
View File

@ -163,8 +163,6 @@ export class ReorderGroup {
/** /**
* @input {string} Which side of the view the ion-reorder should be placed. Default `"end"`. * @input {string} Which side of the view the ion-reorder should be placed. Default `"end"`.
*/ */
@Prop() side: string;
@PropDidChange('enabled') @PropDidChange('enabled')
enabledChanged(enabled: boolean) { enabledChanged(enabled: boolean) {
if (enabled) { if (enabled) {
@ -330,8 +328,7 @@ export class ReorderGroup {
class: { class: {
'reorder-enabled': this._enabled, 'reorder-enabled': this._enabled,
'reorder-list-active': this._actived, 'reorder-list-active': this._actived,
'reorder-visible': this._iconVisible, 'reorder-visible': this._iconVisible
'reorder-side-start': this.side === 'start'
} }
}; };
} }

2
packages/core/src/components/reorder/reorder.scss
View File

@ -52,7 +52,7 @@ ion-reorder ion-icon {
pointer-events: none; pointer-events: none;
} }
.reorder-side-start ion-reorder { ion-reorder[slot="start"] {
@include transform(translate3d(-$reorder-initial-transform, 0, 0)); @include transform(translate3d(-$reorder-initial-transform, 0, 0));
order: -1; order: -1;

3
packages/core/src/components/reorder/test/basic.html
View File

@ -30,8 +30,7 @@
<ion-reorder slot="end"></ion-reorder> <ion-reorder slot="end"></ion-reorder>
</ion-item> </ion-item>
<ion-item>Item 3 <ion-item>Item 3
<ion-icon reorderAnchor name="pizza" slot="end"></ion-icon> <ion-reorder slot="start"></ion-reorder>
</ion-item> </ion-item>
<ion-item>Item 4 <ion-item>Item 4
<ion-icon reorderAnchor name="pizza" slot="end"></ion-icon> <ion-icon reorderAnchor name="pizza" slot="end"></ion-icon>