feat:should receive multi onRenderFinishedCallbacks

This commit is contained in:
pengfei.zhou 2020-03-10 19:18:33 +08:00 committed by osborn
parent f3f28c55f8
commit 1f5fd7de30
12 changed files with 104 additions and 40 deletions

View File

@ -127,6 +127,19 @@ class ImageDemo extends Panel {
end: Color.RED,
}
})
coordinator(context).verticalScrolling({
scrollable: it,
scrollRange: {
start: 0,
end: 100,
},
target: imageView,
changing: {
name: "width",
start: 10,
end: 200,
}
})
}).in(rootView)
}
}

View File

@ -898,6 +898,7 @@ var Panel = /** @class */ (function () {
function Panel() {
this.__root__ = new Root;
this.headviews = new Map;
this.onRenderFinishedCallback = [];
}
Panel.prototype.onCreate = function () { };
Panel.prototype.onDestroy = function () { };
@ -1127,11 +1128,18 @@ var Panel = /** @class */ (function () {
});
}
Promise.all(promises).then(function (_) {
if (_this.onRenderFinished) {
_this.onRenderFinished();
}
});
};
Panel.prototype.onRenderFinished = function () {
this.onRenderFinishedCallback.forEach(function (e) {
e();
});
this.onRenderFinishedCallback.length = 0;
};
Panel.prototype.addOnRenderFinishedCallback = function (cb) {
this.onRenderFinishedCallback.push(cb);
};
__decorate$2([
NativeCall,
__metadata$2("design:type", Function),
@ -2917,7 +2925,7 @@ function coordinator(context) {
verticalScrolling: function (argument) {
if (context.entity instanceof Panel) {
var panel = context.entity;
panel.onRenderFinished = function () {
panel.addOnRenderFinishedCallback(function () {
argument.scrollable = viewIdChains(argument.scrollable);
if (argument.target instanceof View) {
argument.target = viewIdChains(argument.target);
@ -2928,8 +2936,8 @@ function coordinator(context) {
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel();
}
return context.callNative("coordinator", "verticalScrolling", argument);
};
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
};

View File

@ -669,6 +669,7 @@ class Panel {
constructor() {
this.__root__ = new Root;
this.headviews = new Map;
this.onRenderFinishedCallback = [];
}
onCreate() { }
onDestroy() { }
@ -820,11 +821,18 @@ class Panel {
});
}
Promise.all(promises).then(_ => {
if (this.onRenderFinished) {
this.onRenderFinished();
}
});
}
onRenderFinished() {
this.onRenderFinishedCallback.forEach(e => {
e();
});
this.onRenderFinishedCallback.length = 0;
}
addOnRenderFinishedCallback(cb) {
this.onRenderFinishedCallback.push(cb);
}
}
__decorate$2([
NativeCall,
@ -2209,7 +2217,7 @@ function coordinator(context) {
verticalScrolling: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.onRenderFinished = () => {
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
if (argument.target instanceof View) {
argument.target = viewIdChains(argument.target);
@ -2220,8 +2228,8 @@ function coordinator(context) {
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel();
}
return context.callNative("coordinator", "verticalScrolling", argument);
};
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
};

View File

@ -2128,6 +2128,7 @@ class Panel {
constructor() {
this.__root__ = new Root;
this.headviews = new Map;
this.onRenderFinishedCallback = [];
}
onCreate() { }
onDestroy() { }
@ -2279,11 +2280,18 @@ class Panel {
});
}
Promise.all(promises).then(_ => {
if (this.onRenderFinished) {
this.onRenderFinished();
}
});
}
onRenderFinished() {
this.onRenderFinishedCallback.forEach(e => {
e();
});
this.onRenderFinishedCallback.length = 0;
}
addOnRenderFinishedCallback(cb) {
this.onRenderFinishedCallback.push(cb);
}
}
__decorate$2([
NativeCall,
@ -3668,7 +3676,7 @@ function coordinator(context) {
verticalScrolling: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.onRenderFinished = () => {
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
if (argument.target instanceof View) {
argument.target = viewIdChains(argument.target);
@ -3679,8 +3687,8 @@ function coordinator(context) {
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel();
}
return context.callNative("coordinator", "verticalScrolling", argument);
};
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
};

3
doric-js/index.d.ts vendored
View File

@ -284,13 +284,14 @@ declare module 'doric/lib/src/ui/panel' {
onShow(): void;
onHidden(): void;
abstract build(rootView: Group): void;
onRenderFinished?: () => void;
addHeadView(type: string, v: View): void;
allHeadViews(): IterableIterator<Map<string, View>>;
removeHeadView(type: string, v: View | string): void;
clearHeadViews(type: string): void;
getRootView(): Root;
getInitData(): object | undefined;
onRenderFinished(): void;
addOnRenderFinishedCallback(cb: () => void): void;
}
}

View File

@ -15,7 +15,7 @@ export function coordinator(context) {
verticalScrolling: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.onRenderFinished = () => {
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
if (argument.target instanceof View) {
argument.target = viewIdChains(argument.target);
@ -26,8 +26,8 @@ export function coordinator(context) {
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel();
}
return context.callNative("coordinator", "verticalScrolling", argument);
};
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
};

View File

@ -12,7 +12,7 @@ export declare abstract class Panel {
private __data__?;
private __root__;
private headviews;
onRenderFinished?: () => void;
private onRenderFinishedCallback;
addHeadView(type: string, v: View): void;
allHeadViews(): IterableIterator<Map<string, View>>;
removeHeadView(type: string, v: View | string): void;
@ -30,4 +30,6 @@ export declare abstract class Panel {
private nativeRender;
private hookBeforeNativeCall;
private hookAfterNativeCall;
onRenderFinished(): void;
addOnRenderFinishedCallback(cb: () => void): void;
}

View File

@ -37,6 +37,7 @@ export class Panel {
constructor() {
this.__root__ = new Root;
this.headviews = new Map;
this.onRenderFinishedCallback = [];
}
onCreate() { }
onDestroy() { }
@ -188,11 +189,18 @@ export class Panel {
});
}
Promise.all(promises).then(_ => {
if (this.onRenderFinished) {
this.onRenderFinished();
}
});
}
onRenderFinished() {
this.onRenderFinishedCallback.forEach(e => {
e();
});
this.onRenderFinishedCallback.length = 0;
}
addOnRenderFinishedCallback(cb) {
this.onRenderFinishedCallback.push(cb);
}
}
__decorate([
NativeCall,

View File

@ -49,7 +49,7 @@ export function coordinator(context: BridgeContext) {
}) => {
if (context.entity instanceof Panel) {
const panel = context.entity
panel.onRenderFinished = () => {
panel.addOnRenderFinishedCallback(() => {
(argument as any).scrollable = viewIdChains(argument.scrollable)
if (argument.target instanceof View) {
(argument as any).target = viewIdChains(argument.target)
@ -60,8 +60,8 @@ export function coordinator(context: BridgeContext) {
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel()
}
return context.callNative("coordinator", "verticalScrolling", argument)
}
context.callNative("coordinator", "verticalScrolling", argument)
})
}
}
}

View File

@ -45,7 +45,7 @@ export abstract class Panel {
private __root__ = new Root
private headviews: Map<string, Map<string, View>> = new Map
onRenderFinished?: () => void
private onRenderFinishedCallback: Array<() => void> = []
addHeadView(type: string, v: View) {
let map = this.headviews.get(type)
@ -209,9 +209,17 @@ export abstract class Panel {
})
}
Promise.all(promises).then(_ => {
if (this.onRenderFinished) {
this.onRenderFinished()
}
})
}
onRenderFinished() {
this.onRenderFinishedCallback.forEach(e => {
e()
})
this.onRenderFinishedCallback.length = 0
}
addOnRenderFinishedCallback(cb: () => void) {
this.onRenderFinishedCallback.push(cb)
}
}

View File

@ -2186,6 +2186,7 @@ class Panel {
constructor() {
this.__root__ = new Root;
this.headviews = new Map;
this.onRenderFinishedCallback = [];
}
onCreate() { }
onDestroy() { }
@ -2337,11 +2338,18 @@ class Panel {
});
}
Promise.all(promises).then(_ => {
if (this.onRenderFinished) {
this.onRenderFinished();
}
});
}
onRenderFinished() {
this.onRenderFinishedCallback.forEach(e => {
e();
});
this.onRenderFinishedCallback.length = 0;
}
addOnRenderFinishedCallback(cb) {
this.onRenderFinishedCallback.push(cb);
}
}
__decorate$2([
NativeCall,
@ -3726,7 +3734,7 @@ function coordinator(context) {
verticalScrolling: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.onRenderFinished = () => {
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
if (argument.target instanceof View) {
argument.target = viewIdChains(argument.target);
@ -3737,8 +3745,8 @@ function coordinator(context) {
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel();
}
return context.callNative("coordinator", "verticalScrolling", argument);
};
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
};

File diff suppressed because one or more lines are too long