mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
chore: format
This commit is contained in:
Nathan Walker
@@ -1,21 +1,24 @@
|
||||
import { Label } from "../label";
|
||||
import { LayoutBase } from "../layouts/layout-base";
|
||||
import {View, CSSType, CustomLayoutView, Template } from "../core/view";
|
||||
import {Property } from "../core/properties";
|
||||
import {layout } from "../../utils/utils";
|
||||
import { View, CSSType, CustomLayoutView, Template } from "../core/view";
|
||||
import { Property } from "../core/properties";
|
||||
import { layout } from "../../utils/utils";
|
||||
import { StackLayout } from "../layouts/stack-layout";
|
||||
import { ObservableArray, ChangedData } from "../../data/observable-array";
|
||||
import { addWeakEventListener, removeWeakEventListener } from "../core/weak-event-listener";
|
||||
import {
|
||||
addWeakEventListener,
|
||||
removeWeakEventListener,
|
||||
} from "../core/weak-event-listener";
|
||||
import { Builder } from "../builder";
|
||||
import { profile } from "../../profiling";
|
||||
|
||||
export module knownTemplates {
|
||||
export const itemTemplate = "itemTemplate";
|
||||
export const itemTemplate = "itemTemplate";
|
||||
}
|
||||
|
||||
export interface ItemsSource {
|
||||
length: number;
|
||||
getItem(index: number): any;
|
||||
length: number;
|
||||
getItem(index: number): any;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -23,130 +26,173 @@ export interface ItemsSource {
|
||||
*/
|
||||
@CSSType("Repeater")
|
||||
export class Repeater extends CustomLayoutView {
|
||||
private _isDirty = false;
|
||||
public ios;
|
||||
public android;
|
||||
private _isDirty = false;
|
||||
public ios;
|
||||
public android;
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
// TODO: Do we need this as property?
|
||||
this.itemsLayout = new StackLayout();
|
||||
}
|
||||
constructor() {
|
||||
super();
|
||||
// TODO: Do we need this as property?
|
||||
this.itemsLayout = new StackLayout();
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets or set the items collection of the Repeater.
|
||||
* The items property can be set to an array or an object defining length and getItem(index) method.
|
||||
*/
|
||||
public items: any[] | ItemsSource;
|
||||
/**
|
||||
* Gets or set the item template of the Repeater.
|
||||
*/
|
||||
public itemTemplate: string | Template;
|
||||
/**
|
||||
* Gets or set the items layout of the Repeater. Default value is StackLayout with orientation="vertical".
|
||||
*/
|
||||
public itemsLayout: LayoutBase;
|
||||
/**
|
||||
* Gets or set the items collection of the Repeater.
|
||||
* The items property can be set to an array or an object defining length and getItem(index) method.
|
||||
*/
|
||||
public items: any[] | ItemsSource;
|
||||
/**
|
||||
* Gets or set the item template of the Repeater.
|
||||
*/
|
||||
public itemTemplate: string | Template;
|
||||
/**
|
||||
* Gets or set the items layout of the Repeater. Default value is StackLayout with orientation="vertical".
|
||||
*/
|
||||
public itemsLayout: LayoutBase;
|
||||
|
||||
@profile()
|
||||
public onLoaded() {
|
||||
if (this._isDirty) {
|
||||
this.refresh();
|
||||
}
|
||||
@profile()
|
||||
public onLoaded() {
|
||||
if (this._isDirty) {
|
||||
this.refresh();
|
||||
}
|
||||
|
||||
super.onLoaded();
|
||||
}
|
||||
super.onLoaded();
|
||||
}
|
||||
|
||||
public _requestRefresh() {
|
||||
this._isDirty = true;
|
||||
if (this.isLoaded) {
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
public _requestRefresh() {
|
||||
this._isDirty = true;
|
||||
if (this.isLoaded) {
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Forces the Repeater to reload all its items.
|
||||
*/
|
||||
public refresh() {
|
||||
if (this.itemsLayout) {
|
||||
this.itemsLayout.removeChildren();
|
||||
}
|
||||
/**
|
||||
* Forces the Repeater to reload all its items.
|
||||
*/
|
||||
public refresh() {
|
||||
if (this.itemsLayout) {
|
||||
this.itemsLayout.removeChildren();
|
||||
}
|
||||
|
||||
if (!this.items) {
|
||||
return;
|
||||
}
|
||||
if (!this.items) {
|
||||
return;
|
||||
}
|
||||
|
||||
const length = this.items.length;
|
||||
for (let i = 0; i < length; i++) {
|
||||
const viewToAdd = this.itemTemplate ? Builder.parse(this.itemTemplate, this) : this._getDefaultItemContent(i);
|
||||
const dataItem = this._getDataItem(i);
|
||||
viewToAdd.bindingContext = dataItem;
|
||||
this.itemsLayout.addChild(viewToAdd);
|
||||
}
|
||||
const length = this.items.length;
|
||||
for (let i = 0; i < length; i++) {
|
||||
const viewToAdd = this.itemTemplate
|
||||
? Builder.parse(this.itemTemplate, this)
|
||||
: this._getDefaultItemContent(i);
|
||||
const dataItem = this._getDataItem(i);
|
||||
viewToAdd.bindingContext = dataItem;
|
||||
this.itemsLayout.addChild(viewToAdd);
|
||||
}
|
||||
|
||||
this._isDirty = false;
|
||||
}
|
||||
this._isDirty = false;
|
||||
}
|
||||
|
||||
public _onItemsChanged(data: ChangedData<any>) {
|
||||
// TODO: use the event args and optimize this code by remove/add single items instead of full rebuild.
|
||||
this._requestRefresh();
|
||||
}
|
||||
public _onItemsChanged(data: ChangedData<any>) {
|
||||
// TODO: use the event args and optimize this code by remove/add single items instead of full rebuild.
|
||||
this._requestRefresh();
|
||||
}
|
||||
|
||||
public _getDefaultItemContent(index: number): View {
|
||||
const lbl = new Label();
|
||||
lbl.bind({
|
||||
targetProperty: "text",
|
||||
sourceProperty: "$value"
|
||||
});
|
||||
public _getDefaultItemContent(index: number): View {
|
||||
const lbl = new Label();
|
||||
lbl.bind({
|
||||
targetProperty: "text",
|
||||
sourceProperty: "$value",
|
||||
});
|
||||
|
||||
return lbl;
|
||||
}
|
||||
return lbl;
|
||||
}
|
||||
|
||||
private _getDataItem(index: number): any {
|
||||
let items = <ItemsSource>this.items;
|
||||
private _getDataItem(index: number): any {
|
||||
let items = <ItemsSource>this.items;
|
||||
|
||||
return items.getItem ? items.getItem(index) : this.items[index];
|
||||
}
|
||||
return items.getItem ? items.getItem(index) : this.items[index];
|
||||
}
|
||||
|
||||
get _childrenCount(): number {
|
||||
return this.itemsLayout ? 1 : 0;
|
||||
}
|
||||
get _childrenCount(): number {
|
||||
return this.itemsLayout ? 1 : 0;
|
||||
}
|
||||
|
||||
public eachChildView(callback: (child: View) => boolean) {
|
||||
if (this.itemsLayout) {
|
||||
callback(this.itemsLayout);
|
||||
}
|
||||
}
|
||||
public eachChildView(callback: (child: View) => boolean) {
|
||||
if (this.itemsLayout) {
|
||||
callback(this.itemsLayout);
|
||||
}
|
||||
}
|
||||
|
||||
public onLayout(left: number, top: number, right: number, bottom: number): void {
|
||||
const insets = this.getSafeAreaInsets();
|
||||
public onLayout(
|
||||
left: number,
|
||||
top: number,
|
||||
right: number,
|
||||
bottom: number
|
||||
): void {
|
||||
const insets = this.getSafeAreaInsets();
|
||||
|
||||
const paddingLeft = this.effectiveBorderLeftWidth + this.effectivePaddingLeft + insets.left;
|
||||
const paddingTop = this.effectiveBorderTopWidth + this.effectivePaddingTop + insets.top;
|
||||
const paddingRight = this.effectiveBorderRightWidth + this.effectivePaddingRight + insets.right;
|
||||
const paddingBottom = this.effectiveBorderBottomWidth + this.effectivePaddingBottom + insets.bottom;
|
||||
const paddingLeft =
|
||||
this.effectiveBorderLeftWidth +
|
||||
this.effectivePaddingLeft +
|
||||
insets.left;
|
||||
const paddingTop =
|
||||
this.effectiveBorderTopWidth +
|
||||
this.effectivePaddingTop +
|
||||
insets.top;
|
||||
const paddingRight =
|
||||
this.effectiveBorderRightWidth +
|
||||
this.effectivePaddingRight +
|
||||
insets.right;
|
||||
const paddingBottom =
|
||||
this.effectiveBorderBottomWidth +
|
||||
this.effectivePaddingBottom +
|
||||
insets.bottom;
|
||||
|
||||
const childLeft = paddingLeft;
|
||||
const childTop = paddingTop;
|
||||
const childRight = right - left - paddingRight;
|
||||
const childBottom = bottom - top - paddingBottom;
|
||||
View.layoutChild(this, this.itemsLayout, childLeft, childTop, childRight, childBottom);
|
||||
}
|
||||
const childLeft = paddingLeft;
|
||||
const childTop = paddingTop;
|
||||
const childRight = right - left - paddingRight;
|
||||
const childBottom = bottom - top - paddingBottom;
|
||||
View.layoutChild(
|
||||
this,
|
||||
this.itemsLayout,
|
||||
childLeft,
|
||||
childTop,
|
||||
childRight,
|
||||
childBottom
|
||||
);
|
||||
}
|
||||
|
||||
public onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void {
|
||||
const result = View.measureChild(this, this.itemsLayout, widthMeasureSpec, heightMeasureSpec);
|
||||
public onMeasure(
|
||||
widthMeasureSpec: number,
|
||||
heightMeasureSpec: number
|
||||
): void {
|
||||
const result = View.measureChild(
|
||||
this,
|
||||
this.itemsLayout,
|
||||
widthMeasureSpec,
|
||||
heightMeasureSpec
|
||||
);
|
||||
|
||||
const width = layout.getMeasureSpecSize(widthMeasureSpec);
|
||||
const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
|
||||
const width = layout.getMeasureSpecSize(widthMeasureSpec);
|
||||
const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
|
||||
|
||||
const height = layout.getMeasureSpecSize(heightMeasureSpec);
|
||||
const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
|
||||
const height = layout.getMeasureSpecSize(heightMeasureSpec);
|
||||
const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
|
||||
|
||||
const widthAndState = View.resolveSizeAndState(result.measuredWidth, width, widthMode, 0);
|
||||
const heightAndState = View.resolveSizeAndState(result.measuredHeight, height, heightMode, 0);
|
||||
|
||||
this.setMeasuredDimension(widthAndState, heightAndState);
|
||||
}
|
||||
const widthAndState = View.resolveSizeAndState(
|
||||
result.measuredWidth,
|
||||
width,
|
||||
widthMode,
|
||||
0
|
||||
);
|
||||
const heightAndState = View.resolveSizeAndState(
|
||||
result.measuredHeight,
|
||||
height,
|
||||
heightMode,
|
||||
0
|
||||
);
|
||||
|
||||
this.setMeasuredDimension(widthAndState, heightAndState);
|
||||
}
|
||||
}
|
||||
|
||||
Repeater.prototype.recycleNativeView = "auto";
|
||||
@@ -155,9 +201,11 @@ Repeater.prototype.recycleNativeView = "auto";
|
||||
* Represents the item template property of each ListView instance.
|
||||
*/
|
||||
export const itemTemplateProperty = new Property<Repeater, string | Template>({
|
||||
name: "itemTemplate", affectsLayout: true, valueChanged: (target) => {
|
||||
target._requestRefresh();
|
||||
}
|
||||
name: "itemTemplate",
|
||||
affectsLayout: true,
|
||||
valueChanged: (target) => {
|
||||
target._requestRefresh();
|
||||
},
|
||||
});
|
||||
itemTemplateProperty.register(Repeater);
|
||||
|
||||
@@ -165,32 +213,46 @@ itemTemplateProperty.register(Repeater);
|
||||
* Represents the property backing the items property of each ListView instance.
|
||||
*/
|
||||
export const itemsProperty = new Property<Repeater, any[] | ItemsSource>({
|
||||
name: "items", affectsLayout: true, valueChanged: (target, oldValue, newValue) => {
|
||||
if (oldValue instanceof ObservableArray) {
|
||||
removeWeakEventListener(oldValue, ObservableArray.changeEvent, target._onItemsChanged, target);
|
||||
}
|
||||
name: "items",
|
||||
affectsLayout: true,
|
||||
valueChanged: (target, oldValue, newValue) => {
|
||||
if (oldValue instanceof ObservableArray) {
|
||||
removeWeakEventListener(
|
||||
oldValue,
|
||||
ObservableArray.changeEvent,
|
||||
target._onItemsChanged,
|
||||
target
|
||||
);
|
||||
}
|
||||
|
||||
if (newValue instanceof ObservableArray) {
|
||||
addWeakEventListener(newValue, ObservableArray.changeEvent, target._onItemsChanged, target);
|
||||
}
|
||||
if (newValue instanceof ObservableArray) {
|
||||
addWeakEventListener(
|
||||
newValue,
|
||||
ObservableArray.changeEvent,
|
||||
target._onItemsChanged,
|
||||
target
|
||||
);
|
||||
}
|
||||
|
||||
target._requestRefresh();
|
||||
}
|
||||
target._requestRefresh();
|
||||
},
|
||||
});
|
||||
itemsProperty.register(Repeater);
|
||||
|
||||
export const itemsLayoutProperty = new Property<Repeater, LayoutBase>({
|
||||
name: "itemsLayout", affectsLayout: true, valueChanged: (target, oldValue, newValue) => {
|
||||
if (oldValue) {
|
||||
target._removeView(oldValue);
|
||||
oldValue.removeChildren();
|
||||
}
|
||||
name: "itemsLayout",
|
||||
affectsLayout: true,
|
||||
valueChanged: (target, oldValue, newValue) => {
|
||||
if (oldValue) {
|
||||
target._removeView(oldValue);
|
||||
oldValue.removeChildren();
|
||||
}
|
||||
|
||||
if (newValue) {
|
||||
target._addView(newValue);
|
||||
}
|
||||
if (newValue) {
|
||||
target._addView(newValue);
|
||||
}
|
||||
|
||||
target._requestRefresh();
|
||||
}
|
||||
target._requestRefresh();
|
||||
},
|
||||
});
|
||||
itemsLayoutProperty.register(Repeater);
|
||||
|
||||
Reference in New Issue
Block a user