javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 10:01:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(all): update to one (part 3) (#18874)

Browse Source
This commit is contained in:
Manu MA
2019-07-25 20:22:44 +02:00
committed by GitHub
parent 9b85e13493
commit e82648bda2
105 changed files with 1238 additions and 1377 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
core/src/components/slides/slides.tsx
View File

@ -1,4 +1,4 @@
import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Method, Prop, Watch, h } from '@stencil/core';
import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Listen, Method, Prop, Watch, h } from '@stencil/core';
import { getIonMode } from '../../global/ionic-global';
import { rIC } from '../../utils/helpers.js';
@ -463,28 +463,25 @@ export class Slides implements ComponentInterface {
return { ...swiperOptions, ...this.options, ...mergedEventOptions };
}
hostData() {
const mode = getIonMode(this);
return {
class: {
[`${mode}`]: true,
// Used internally for styling
[`slides-${mode}`]: true,
'swiper-container': true
}
};
}
render() {
return [
<div class="swiper-wrapper">
<slot></slot>
</div>,
this.pager && <div class="swiper-pagination" ref={el => this.paginationEl = el}></div>,
this.scrollbar && <div class="swiper-scrollbar" ref={el => this.scrollbarEl = el}></div>
];
const mode = getIonMode(this);
return (
<Host
class={{
[`${mode}`]: true,
// Used internally for styling
[`slides-${mode}`]: true,
'swiper-container': true
}}
>
<div class="swiper-wrapper">
<slot></slot>
</div>
{this.pager && <div class="swiper-pagination" ref={el => this.paginationEl = el}></div>}
{this.scrollbar && <div class="swiper-scrollbar" ref={el => this.scrollbarEl = el}></div>}
</Host>
);
}
}