GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

modified render function to focus on Vue props

Browse Source
This commit is contained in:
Julien Barbay 2018-11-14 19:33:38 +09:00
parent 0ab99ea939
commit 67cfcddb14
1 changed files with 15 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
app/vue/src/client/preview/render.js
View File

@ -3,49 +3,6 @@ import Vue from 'vue';
let root = null;
function updateComponent(component) {
const [lastStory] = root.$children;
if (!lastStory) {
return false;
}
if (typeof component.data !== 'function') {
return false;
}
const data = component.data();
if (!data) {
return false;
}
Object.entries(data).forEach(([key, value]) => {
lastStory[key] = value;
});
lastStory.$forceUpdate();
return true;
}
function renderRoot({ forceRender, component }) {
if (root) {
if (forceRender === true && updateComponent(component)) {
return;
}
root.$destroy();
}
root = new Vue({
el: '#root',
render(h) {
return h('div', { attrs: { id: 'root' } }, [h(component)]);
},
});
}
export default function render({
story,
selectedKind,
@ -72,5 +29,19 @@ export default function render({
showMain();
renderRoot({ forceRender, component });
const props = Object.entries(component.props)
.map(([name, def]) => ({ [name]: def.default }))
.reduce((wrapper, prop) => ({ ...wrapper, ...prop }), {});
if (!root) {
root = new Vue({
el: '#root',
render(h) {
return h('div', { attrs: { id: 'root' } }, [h(component, { props: this.proxy || null })]);
},
});
} else if (forceRender) {
root.proxy = props;
root.$forceUpdate();
}
}