github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-15 18:58:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 部分组件属性修改不生效问题

Browse Source
This commit is contained in:
liujuping.liujupin 2021-09-29 20:42:12 +08:00
parent c21d7f13f3
commit 621e66dca2
1 changed files with 23 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/renderer-core/src/hoc/leaf.tsx
View File

@ -27,7 +27,7 @@ export type IComponentHoc = {
export type IComponentConstruct = (Comp: types.IBaseRenderer, info: IComponentHocInfo) => types.Constructor; export type IComponentConstruct = (Comp: types.IBaseRenderer, info: IComponentHocInfo) => types.Constructor;
const whitelist: string[] = []; // const whitelist: string[] = [];
interface IProps { interface IProps {
_leaf: Node | undefined; _leaf: Node | undefined;
@ -135,15 +135,19 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
this.recordInfo.node = node; this.recordInfo.node = node;
} }
get isInWhitelist() { // get isInWhitelist() {
return whitelist.includes(schema.componentName); // return whitelist.includes(schema.componentName);
} // }
componentWillReceiveProps(nextProps: any) { componentWillReceiveProps(nextProps: any) {
const { _leaf, __tag, children, ...rest } = nextProps; const { _leaf, __tag, children, ...rest } = nextProps;
if (nextProps.__tag === this.state.__tag) { if (nextProps.__tag === this.state.__tag) {
const nextProps = getProps(this.leaf?.export?.(TransformStage.Render) as types.ISchema, Comp, componentInfo);
this.setState({ this.setState({
nodeProps: rest, nodeProps: {
...rest,
...nextProps,
},
}); });
return null; return null;
} }
@ -163,32 +167,6 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
}); });
} }
// static getDerivedStateFromProps(props: any, state: any) {
// if (props.__tag === state.__tag) {
// return null;
// }
// if (props._leaf && this.state.leaf && props._leaf !== this.state.leaf) {
// this.disposeFunctions.forEach(fn => fn());
// }
// return {
// nodeChildren: props.children,
// nodeProps: props.nodeProps,
// childrenInState: true,
// __tag: props.__tag,
// _leaf: props._leaf,
// };
// }
shouldComponentUpdate() {
if (this.isInWhitelist) {
__debug(`${schema.componentName} is in leaf Hoc whitelist`);
container.rerender();
return false;
}
return true;
}
/** 监听参数变化 */ /** 监听参数变化 */
initOnPropsChangeEvent(leaf = this.leaf): void { initOnPropsChangeEvent(leaf = this.leaf): void {
@ -198,6 +176,11 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
} = propChangeInfo; } = propChangeInfo;
const node = leaf; const node = leaf;
// if (this.isInWhitelist) {
// container.rerender();
// return;
// }
// 如果循坏条件变化，从根节点重新渲染 // 如果循坏条件变化，从根节点重新渲染
// 目前多层循坏无法判断需要从哪一层开始渲染，故先粗暴解决 // 目前多层循坏无法判断需要从哪一层开始渲染，故先粗暴解决
if (key === '___loop___') { if (key === '___loop___') {
@ -229,6 +212,11 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
return; return;
} }
// if (this.isInWhitelist) {
// container.rerender();
// return;
// }
__debug(`${leaf?.componentName} component trigger onVisibleChange event`); __debug(`${leaf?.componentName} component trigger onVisibleChange event`);
this.beforeRender(RerenderType.VisibleChanged); this.beforeRender(RerenderType.VisibleChanged);
this.setState({ this.setState({
@ -248,6 +236,10 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
type, type,
node, node,
} = param || {}; } = param || {};
// if (this.isInWhitelist) {
// container.rerender();
// return;
// }
this.beforeRender(`${RerenderType.ChildChanged}-${type}`, node); this.beforeRender(`${RerenderType.ChildChanged}-${type}`, node);
__debug(`${leaf} component trigger onChildrenChange event`); __debug(`${leaf} component trigger onChildrenChange event`);
const nextChild = getChildren(leaf?.export?.(TransformStage.Render) as types.ISchema, Comp); const nextChild = getChildren(leaf?.export?.(TransformStage.Render) as types.ISchema, Comp);