github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-12 19:52:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fiberkey compatibility

Browse Source
This commit is contained in:
Qi 2023-03-16 15:18:06 +08:00 committed by 刘菊萍(絮黎)
parent ba6bdda6a2
commit fb3aea4f27
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react-simulator-renderer/src/renderer.ts
View File

@ -4,7 +4,7 @@ import { host } from './host';
import SimulatorRendererView from './renderer-view'; import SimulatorRendererView from './renderer-view';
import { computed, observable as obx, untracked, makeObservable, configure } from 'mobx'; import { computed, observable as obx, untracked, makeObservable, configure } from 'mobx';
import { getClientRects } from './utils/get-client-rects'; import { getClientRects } from './utils/get-client-rects';
import { reactFindDOMNodes, FIBER_KEY } from './utils/react-find-dom-nodes'; import { reactFindDOMNodes, getReactInternalFiber } from './utils/react-find-dom-nodes';
import { import {
Asset, Asset,
isElement, isElement,
@ -565,7 +565,7 @@ function getClosestNodeInstance(
if (isElement(el)) { if (isElement(el)) {
el = cacheReactKey(el); el = cacheReactKey(el);
} else { } else {
return getNodeInstance(el[FIBER_KEY], specId); return getNodeInstance(getReactInternalFiber(el), specId);
} }
} }
while (el) { while (el) {

6
packages/react-simulator-renderer/src/utils/react-find-dom-nodes.ts
View File

@ -3,7 +3,9 @@ import { findDOMNode } from 'react-dom';
import { isElement } from '@alilc/lowcode-utils'; import { isElement } from '@alilc/lowcode-utils';
import { isDOMNode } from './is-dom-node'; import { isDOMNode } from './is-dom-node';
export const FIBER_KEY = '_reactInternalFiber'; export const getReactInternalFiber = (el: any) => {
return el._reactInternals || el._reactInternalFiber;
};
function elementsFromFiber(fiber: any, elements: Array<Element | Text>) { function elementsFromFiber(fiber: any, elements: Array<Element | Text>) {
if (fiber) { if (fiber) {
@ -28,7 +30,7 @@ export function reactFindDOMNodes(elem: ReactInstance | null): Array<Element | T
return [elem]; return [elem];
} }
const elements: Array<Element | Text> = []; const elements: Array<Element | Text> = [];
const fiberNode = (elem as any)[FIBER_KEY]; const fiberNode = getReactInternalFiber(elem);
elementsFromFiber(fiberNode?.child, elements); elementsFromFiber(fiberNode?.child, elements);
if (elements.length > 0) return elements; if (elements.length > 0) return elements;
try { try {