/* * Copyright [2019] [Doric.Pub] * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { Superview, View, Property, IView } from "../ui/view"; import { Stack, IStack } from "./layouts"; import { layoutConfig } from "../util/layoutconfig"; import { BridgeContext } from "../runtime/global"; export interface ISlideItem extends IStack { identifier?: string } export class SlideItem extends Stack implements ISlideItem { /** * Set to reuse native view */ @Property identifier?: string } export interface ISlider extends IView { renderPage: (index: number) => SlideItem itemCount: number batchCount?: number onPageSlided?: (index: number) => void } export class Slider extends Superview implements ISlider { private cachedViews: Map = new Map private ignoreDirtyCallOnce = false allSubviews() { return this.cachedViews.values() } @Property itemCount = 0 @Property renderPage!: (index: number) => SlideItem @Property batchCount = 3 @Property onPageSlided?: (index: number) => void private getItem(itemIdx: number) { let view = this.cachedViews.get(`${itemIdx}`) if (view === undefined) { view = this.renderPage(itemIdx) view.superview = this this.cachedViews.set(`${itemIdx}`, view) } return view } isDirty() { if (this.ignoreDirtyCallOnce) { this.ignoreDirtyCallOnce = false //Ignore the dirty call once. return false } return super.isDirty() } private renderBunchedItems(start: number, length: number) { this.ignoreDirtyCallOnce = true; return new Array(Math.min(length, this.itemCount - start)).fill(0).map((_, idx) => { const slideItem = this.getItem(start + idx) return slideItem.toModel() }) } slidePage(context: BridgeContext, page: number, smooth = false) { return this.nativeChannel(context, "slidePage")({ page, smooth }) } getSlidedPage(context: BridgeContext) { return this.nativeChannel(context, "getSlidedPage")() as Promise } } export function slider(config: ISlider) { const ret = new Slider for (let key in config) { Reflect.set(ret, key, Reflect.get(config, key, config), ret) } return ret } export function slideItem(item: View | View[], config?: ISlideItem) { return (new SlideItem).also((it) => { it.layoutConfig = layoutConfig().most() if (item instanceof View) { it.addChild(item) } else { item.forEach(e => { it.addChild(e) }) } if (config) { for (let key in config) { Reflect.set(it, key, Reflect.get(config, key, config), it) } } }) }