yystopf
/
inula
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Match-id-ab7f42b4bff3778e5cf92a84b85756ca83d2235a

This commit is contained in:
* 2022-08-08 11:42:54 +08:00 committed by *
parent 98e6acc030
commit d89c8b918c
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
libs/horizon/src/external/devtools.ts vendored
View File

@ -1,11 +1,11 @@
import {travelVNodeTree} from '../renderer/vnode/VNodeUtils'; import { travelVNodeTree } from '../renderer/vnode/VNodeUtils';
import {Hook, Reducer, Ref, Effect, CallBack, Memo} from '../renderer/hooks/HookType'; import { Hook, Reducer, Ref, Effect, CallBack, Memo } from '../renderer/hooks/HookType';
import {VNode} from '../renderer/vnode/VNode'; import { VNode } from '../renderer/vnode/VNode';
import {launchUpdateFromVNode} from '../renderer/TreeBuilder'; import { launchUpdateFromVNode } from '../renderer/TreeBuilder';
import {DomComponent} from '../renderer/vnode/VNodeTags'; import { DomComponent } from '../renderer/vnode/VNodeTags';
import {getElementTag} from '../renderer/vnode/VNodeCreator'; import { getElementTag } from '../renderer/vnode/VNodeCreator';
import {JSXElement} from '../renderer/Types'; import { JSXElement } from '../renderer/Types';
import {EffectConstant} from '../renderer/hooks/EffectConstant'; import { EffectConstant } from '../renderer/hooks/EffectConstant';
const isEffectHook = (state: any): state is Effect => !!state.effect; const isEffectHook = (state: any): state is Effect => !!state.effect;
const isRefHook = (state: any): state is Ref<any> => Object.prototype.hasOwnProperty.call(state, 'current'); const isRefHook = (state: any): state is Ref<any> => Object.prototype.hasOwnProperty.call(state, 'current');
@ -28,23 +28,23 @@ export const helper = {
}, },
// 获取 hook 名，hIndex值和存储的值 // 获取 hook 名，hIndex值和存储的值
getHookInfo: (hook: Hook<any, any>) => { getHookInfo: (hook: Hook<any, any>) => {
const {hIndex, state} = hook; const { hIndex, state } = hook;
if ((state as Reducer<any, any>).trigger) { if ((state as Reducer<any, any>).trigger) {
if ((state as Reducer<any, any>).isUseState) { if ((state as Reducer<any, any>).isUseState) {
return {name: HookName.StateHook, hIndex, value: (state as Reducer<any, any>).stateValue}; return { name: HookName.StateHook, hIndex, value: (state as Reducer<any, any>).stateValue };
} else if ((state as Reducer<any, any>).reducer) { } else if ((state as Reducer<any, any>).reducer) {
return {name: HookName.ReducerHook, hIndex, value: (state as Reducer<any, any>).stateValue}; return { name: HookName.ReducerHook, hIndex, value: (state as Reducer<any, any>).stateValue };
} }
} else if (isRefHook(state)) { } else if (isRefHook(state)) {
return {name: HookName.RefHook, hIndex, value: (state as Ref<any>).current}; return { name: HookName.RefHook, hIndex, value: (state as Ref<any>).current };
} else if (isEffectHook(state)) { } else if (isEffectHook(state)) {
const name = const name =
state.effectConstant == EffectConstant.LayoutEffect ? HookName.LayoutEffectHook : HookName.EffectHook; state.effectConstant == EffectConstant.LayoutEffect ? HookName.LayoutEffectHook : HookName.EffectHook;
return {name, hIndex, value: (state as Effect).effect}; return { name, hIndex, value: (state as Effect).effect };
} else if (isCallbackHook(state)) { } else if (isCallbackHook(state)) {
return {name: HookName.CallbackHook, hIndex, value: (state as CallBack<any>).func}; return { name: HookName.CallbackHook, hIndex, value: (state as CallBack<any>).func };
} else if (isMemoHook(state)) { } else if (isMemoHook(state)) {
return {name: HookName.MemoHook, hIndex, value: (state as Memo<any>).result}; return { name: HookName.MemoHook, hIndex, value: (state as Memo<any>).result };
} }
return null; return null;
}, },
@ -70,7 +70,7 @@ export const helper = {
} }
}, },
getComponentInfo: (vNode: VNode) => { getComponentInfo: (vNode: VNode) => {
const {props, state, hooks} = vNode; const { props, state, hooks } = vNode;
const info: any = {}; const info: any = {};
if (props && Object.keys(props).length !== 0) { if (props && Object.keys(props).length !== 0) {
info['Props'] = props; info['Props'] = props;
@ -98,7 +98,11 @@ export const helper = {
return true; return true;
} }
return false; return false;
}, null, vNode, null); },
null,
vNode,
null
);
return info; return info;
}, },
getElementTag: (element: JSXElement) => { getElementTag: (element: JSXElement) => {