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

extend refresh behavior to the whole component

Browse Source
This commit is contained in:
Julien Barbay 2018-11-14 19:50:10 +09:00
parent 67cfcddb14
commit 2dc1ca2aaf
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,19 +29,27 @@ export default function render({
showMain();
const props = Object.entries(component.props)
const proxy = Object.entries(component.props)
.map(([name, def]) => ({ [name]: def.default }))
.reduce((wrapper, prop) => ({ ...wrapper, ...prop }), {});
.reduce((wrap, prop) => ({ ...wrap, ...prop }), {});
// at component creation || refresh by HMR
if (!root || !forceRender) {
if (root) root.$destroy();
if (!root) {
root = new Vue({
el: '#root',
beforeCreate() {
this.proxy = proxy;
},
render(h) {
return h('div', { attrs: { id: 'root' } }, [h(component, { props: this.proxy || null })]);
const props = this.proxy;
return h('div', { attrs: { id: 'root' } }, [h(component, { props })]);
},
});
} else if (forceRender) {
root.proxy = props;
} else {
root.proxy = proxy;
root.$forceUpdate();
}
}