fix: onDocumentChange

This commit is contained in:
rorya.lyj 2020-08-16 15:49:52 +08:00
parent 4e6f0a3fbb
commit eb60d1f091
2 changed files with 15 additions and 9 deletions

View File

@ -39,11 +39,23 @@ const originCloneElement = (window as any).Rax.cloneElement;
}; };
export default class SimulatorRendererView extends Component<{ rendererContainer: SimulatorRendererContainer }> { export default class SimulatorRendererView extends Component<{ rendererContainer: SimulatorRendererContainer }> {
render() { private unlisten: any;
componentDidMount() {
const { rendererContainer } = this.props; const { rendererContainer } = this.props;
rendererContainer.onDocumentChange(() => { this.unlisten = rendererContainer.onDocumentChange(() => {
this.forceUpdate(); this.forceUpdate();
}); });
}
componentWillUnmount() {
if (this.unlisten) {
this.unlisten();
}
}
render() {
const { rendererContainer } = this.props;
return ( return (
<Layout rendererContainer={rendererContainer}> <Layout rendererContainer={rendererContainer}>
<Routes rendererContainer={rendererContainer} history={rendererContainer.history} /> <Routes rendererContainer={rendererContainer} history={rendererContainer.history} />
@ -94,9 +106,6 @@ function getDeviceView(view: any, device: string, mode: string) {
} }
class Layout extends Component<{ rendererContainer: SimulatorRendererContainer }> { class Layout extends Component<{ rendererContainer: SimulatorRendererContainer }> {
shouldComponentUpdate() {
return true;
}
render() { render() {
const { rendererContainer, children } = this.props; const { rendererContainer, children } = this.props;
const layout = rendererContainer.layout; const layout = rendererContainer.layout;
@ -125,9 +134,6 @@ class Renderer extends Component<{
this.forceUpdate(); this.forceUpdate();
}); });
} }
shouldComponentUpdate() {
return true;
}
render() { render() {
const { documentInstance } = this.props; const { documentInstance } = this.props;
const { container } = documentInstance; const { container } = documentInstance;

View File

@ -53,5 +53,5 @@
"publishConfig": { "publishConfig": {
"registry": "http://registry.npm.alibaba-inc.com" "registry": "http://registry.npm.alibaba-inc.com"
}, },
"homepage": "https:/unpkg.alibaba-inc.com/@ali/lowcode-react-renderer@0.8.18/build/index.html" "homepage": "https://unpkg.alibaba-inc.com/@ali/lowcode-react-renderer@0.8.18/build/index.html"
} }