CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-06 06:50:49 +12:00
Code Issues Projects Releases Wiki Activity

backup

Browse source
This commit is contained in:
Michael Shanks 2020-01-28 21:22:31 +00:00
parent 7a0f7da119
commit 6526305284
4 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/client/src/createApp.js
View file

@ -50,17 +50,17 @@ export const createApp = (componentLibraries, appDefinition, user, uiFunctions)
if(isFunction(event)) event(context);
}
const initialiseChildrenParams = (hydrate, parentContext) => ({
const initialiseChildrenParams = (hydrate, parentContext, childIndex) => ({
bb, coreApi, store, parentContext,
componentLibraries, appDefinition,
hydrate, uiFunctions
hydrate, uiFunctions, childIndex
});
const bb = (componentProps, componentContext, parent) => ({
hydrateChildren: _initialiseChildren(initialiseChildrenParams(true, componentContext)),
appendChildren: _initialiseChildren(initialiseChildrenParams(false, componentContext)),
const bb = (componentProps, componentContext, childIndex) => ({
hydrateChildren: _initialiseChildren(initialiseChildrenParams(true, componentContext, childIndex)),
appendChildren: _initialiseChildren(initialiseChildrenParams(false, componentContext, childIndex)),
insertChildren: (props, htmlElement, anchor) =>
_initialiseChildren(initialiseChildrenParams(false, componentContext))
_initialiseChildren(initialiseChildrenParams(false, componentContext, childIndex))
(props, htmlElement, anchor),
context: componentContext,
props: componentProps,

2
packages/client/src/index.js
View file

@ -35,7 +35,7 @@ export const loadBudibase = async ({
props = appDefinition.props;
}
const _app = createApp(
const app = createApp(
componentLibraries,
appDefinition,
user,

18
packages/client/src/render/initialiseChildren.js
View file

@ -12,7 +12,7 @@ export const _initialiseChildren = (initialiseOpts) =>
(childrenProps, htmlElement, anchor=null) => {
const { uiFunctions, bb, coreApi,
store, componentLibraries,
store, componentLibraries, childIndex,
appDefinition, parentContext, hydrate } = initialiseOpts;
const childComponents = [];
@ -23,6 +23,7 @@ export const _initialiseChildren = (initialiseOpts) =>
}
}
let childIndex = 0;
for(let childProps of childrenProps) {
const {componentName, libName} = splitName(childProps._component);
@ -36,14 +37,19 @@ export const _initialiseChildren = (initialiseOpts) =>
const componentConstructor = componentLibraries[libName][componentName];
const {component, context} = renderComponent({
const {component, context, lastChildIndex} = renderComponent({
componentConstructor,uiFunctions,
htmlElement, anchor,
htmlElement, anchor, childIndex,
parentContext, initialProps, bb});
bind(component);
childComponents.push({component, context});
childIndex = lastChildIndex;
const unsubscribe = bind(component);
childComponents.push({
component,
context,
unsubscribe
});
}
return childComponents;

5
packages/client/src/render/renderComponent.js
View file

@ -2,7 +2,7 @@
export const renderComponent = ({
componentConstructor, uiFunctions,
htmlElement, anchor, parentContext,
initialProps, bb}) => {
initialProps, bb, childIndex}) => {
const func = initialProps._id
? uiFunctions[componentProps._id]
@ -27,6 +27,8 @@ export const renderComponent = ({
hydrate:false,
anchor
});
childIndex += 1;
}
if(func) {
@ -37,6 +39,7 @@ export const renderComponent = ({
return ({
context: componentContext,
lastChildIndex: childIndex,
component
});
}