feat: add observeScrollingInterval in coordinator plugin

This commit is contained in:
pengfei.zhou
2023-03-13 22:09:57 +08:00
committed by osborn
parent 7db5d68db5
commit 52e5977d20
12 changed files with 247 additions and 15 deletions

View File

@@ -4597,7 +4597,17 @@ function coordinator(context) {
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
},
observeScrollingInterval: function (argument) {
if (context.entity instanceof Panel) {
var panel = context.entity;
panel.addOnRenderFinishedCallback(function () {
argument.scrollable = viewIdChains(argument.scrollable);
argument.onScrolledInterval = context.function2Id(argument.onScrolledInterval);
context.callNative("coordinator", "observeScrollingInterval", argument);
});
}
},
};
}

View File

@@ -3563,7 +3563,17 @@ function coordinator(context) {
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
},
observeScrollingInterval: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
argument.onScrolledInterval = context.function2Id(argument.onScrolledInterval);
context.callNative("coordinator", "observeScrollingInterval", argument);
});
}
},
};
}

View File

@@ -5103,7 +5103,17 @@ function coordinator(context) {
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
},
observeScrollingInterval: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
argument.onScrolledInterval = context.function2Id(argument.onScrolledInterval);
context.callNative("coordinator", "observeScrollingInterval", argument);
});
}
},
};
}

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

@@ -1666,6 +1666,12 @@ declare module "doric" {
end: number | Color;
};
}) => void;
observeScrollingInterval: (argument: {
scrollable: Scroller | List | FlowLayout;
observingInterval: number[];
inclusive?: "Left" | "Right" | undefined;
onScrolledInterval: (n: number) => void;
}) => void;
};
export function notch(context: BridgeContext): {
inset: () => Promise<{

View File

@@ -18,4 +18,10 @@ export declare function coordinator(context: BridgeContext): {
end: number | Color;
};
}) => void;
observeScrollingInterval: (argument: {
scrollable: Scroller | List | FlowLayout;
observingInterval: number[];
inclusive?: "Left" | "Right" | undefined;
onScrolledInterval: (n: number) => void;
}) => void;
};

View File

@@ -29,6 +29,16 @@ export function coordinator(context) {
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
},
observeScrollingInterval: (argument) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.addOnRenderFinishedCallback(() => {
argument.scrollable = viewIdChains(argument.scrollable);
argument.onScrolledInterval = context.function2Id(argument.onScrolledInterval);
context.callNative("coordinator", "observeScrollingInterval", argument);
});
}
},
};
}

View File

@@ -48,21 +48,45 @@ export function coordinator(context: BridgeContext) {
},
}) => {
if (context.entity instanceof Panel) {
const panel = context.entity
const panel = context.entity;
panel.addOnRenderFinishedCallback(() => {
(argument as any).scrollable = viewIdChains(argument.scrollable)
(argument as any).scrollable = viewIdChains(argument.scrollable);
if (argument.target instanceof View) {
(argument as any).target = viewIdChains(argument.target)
(argument as any).target = viewIdChains(argument.target);
}
if (argument.changing.start instanceof Color) {
argument.changing.start = argument.changing.start.toModel()
argument.changing.start = argument.changing.start.toModel();
}
if (argument.changing.end instanceof Color) {
argument.changing.end = argument.changing.end.toModel()
argument.changing.end = argument.changing.end.toModel();
}
context.callNative("coordinator", "verticalScrolling", argument)
})
context.callNative("coordinator", "verticalScrolling", argument);
});
}
}
},
observeScrollingInterval: (
argument: {
scrollable: Scroller | List | FlowLayout,
// [a_0, a_1, ...a_n] a_n-1<a_n
// It represents interval (-∞,a_0),(a_0,a_1), ... (a_n-1,a_n), (a_n, +∞)
// the real interval's length is n+1
observingInterval: number[],
// Left means interval is Left closed right open interval
// Right means interval is Left open right closed interval
// Default is Right
inclusive?: "Left" | "Right",
// When scroll accross an,call this function
// The argument means that it is scrolled to interval (a_n-1,a_n)
onScrolledInterval: (n: number) => void,
}) => {
if (context.entity instanceof Panel) {
const panel = context.entity;
panel.addOnRenderFinishedCallback(() => {
(argument as any).scrollable = viewIdChains(argument.scrollable);
(argument as any).onScrolledInterval = context.function2Id(argument.onScrolledInterval);
context.callNative("coordinator", "observeScrollingInterval", argument)
});
}
},
}
}