/* * 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. */ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __metadata = (this && this.__metadata) || function (k, v) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); }; import { Property, Superview } from "../ui/view"; import { Stack } from "./layouts"; import { layoutConfig, LayoutSpec } from "../util/layoutconfig"; export class ListItem extends Stack { } __decorate([ Property, __metadata("design:type", String) ], ListItem.prototype, "identifier", void 0); export class List extends Superview { constructor() { super(...arguments); this.cachedViews = new Map; this.ignoreDirtyCallOnce = false; this.itemCount = 0; this.batchCount = 15; } allSubviews() { if (this.loadMoreView) { return [...this.cachedViews.values(), this.loadMoreView]; } else { return this.cachedViews.values(); } } reset() { this.cachedViews.clear(); this.itemCount = 0; } getItem(itemIdx) { let view = this.cachedViews.get(`${itemIdx}`); if (view === undefined) { view = this.renderItem(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(); } renderBunchedItems(start, length) { this.ignoreDirtyCallOnce = true; return new Array(Math.min(length, this.itemCount - start)).fill(0).map((_, idx) => { const listItem = this.getItem(start + idx); return listItem.toModel(); }); } toModel() { if (this.loadMoreView) { this.dirtyProps['loadMoreView'] = this.loadMoreView.viewId; } return super.toModel(); } } __decorate([ Property, __metadata("design:type", Object) ], List.prototype, "itemCount", void 0); __decorate([ Property, __metadata("design:type", Function) ], List.prototype, "renderItem", void 0); __decorate([ Property, __metadata("design:type", Object) ], List.prototype, "batchCount", void 0); __decorate([ Property, __metadata("design:type", Function) ], List.prototype, "onLoadMore", void 0); __decorate([ Property, __metadata("design:type", Boolean) ], List.prototype, "loadMore", void 0); __decorate([ Property, __metadata("design:type", ListItem) ], List.prototype, "loadMoreView", void 0); export function list(config) { const ret = new List; for (let key in config) { Reflect.set(ret, key, Reflect.get(config, key, config), ret); } return ret; } export function listItem(item) { return (new ListItem).also((it) => { it.layoutConfig = layoutConfig().most().configHeight(LayoutSpec.FIT); it.addChild(item); }); }