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

Match-id-98ddbf9f0fc3a569ddf1eedfc960b09377dbc737

This commit is contained in:
* 2022-09-28 17:10:18 +08:00 committed by *
parent ccbf2b44c7
commit 0c13e7c7de
3 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
libs/horizon/index.ts
View File

@ -32,6 +32,7 @@ import { callRenderQueueImmediate } from './src/renderer/taskExecutor/RenderQueu
import { runAsyncEffects } from './src/renderer/submit/HookEffectHandler'; import { runAsyncEffects } from './src/renderer/submit/HookEffectHandler';
import { import {
isContextProvider, isContextProvider,
isContextConsumer,
isElement, isElement,
isForwardRef, isForwardRef,
isFragment, isFragment,
@ -101,7 +102,8 @@ const Horizon = {
isLazy, isLazy,
isMemo, isMemo,
isPortal, isPortal,
isContextProvider isContextProvider,
isContextConsumer
}; };
export const version = __VERSION__; export const version = __VERSION__;
@ -149,7 +151,8 @@ export {
isLazy, isLazy,
isMemo, isMemo,
isPortal, isPortal,
isContextProvider isContextProvider,
isContextConsumer
}; };
export default Horizon; export default Horizon;

21
libs/horizon/src/external/HorizonIs.ts vendored
View File

@ -13,10 +13,18 @@ import {
TYPE_SUSPENSE, TYPE_SUSPENSE,
} from './JSXElementType'; } from './JSXElementType';
function isObject(i) { function isObject(anyThing) {
return Object.prototype.toString.call(i) === '[object Object]'; return Object.prototype.toString.call(anyThing) === '[object Object]';
} }
/**
* 获取传入的element的类型
* 1. fragment, suspense 属于内置标签，类型位于type
* 2. memo, lazy, forwardRef 属于包装函数，产生新的对象，类型位于type.vtype
* 3. Context.Provider/Consumer 的类型是框架定义的对象，类型位于type.vtype
* 4. portal比较特殊，函数结果直接可以作为element，类型位于vtype
* @param ele
*/
function getType(ele: any) { function getType(ele: any) {
if (isObject(ele)) { if (isObject(ele)) {
const type = ele.type; const type = ele.type;
@ -25,12 +33,12 @@ function getType(ele: any) {
} }
const vtypeOfType = type?.vtype; const vtypeOfType = type?.vtype;
if ([TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(vtypeOfType)) { if ([TYPE_MEMO, TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(vtypeOfType)) {
return vtypeOfType; return vtypeOfType;
} }
const vtype = ele.vtype; const vtype = ele.vtype;
if([TYPE_MEMO, TYPE_FORWARD_REF, TYPE_PORTAL].includes(vtype)) { if(TYPE_PORTAL === vtype) {
return vtype; return vtype;
} }
} }
@ -65,3 +73,8 @@ export function isPortal(ele: any) {
export function isContextProvider(ele: any) { export function isContextProvider(ele: any) {
return getType(ele) === TYPE_PROVIDER; return getType(ele) === TYPE_PROVIDER;
} }
// Context.consumer的类型就是context的类型
export function isContextConsumer(ele: any) {
return getType(ele) === TYPE_CONTEXT;
}

6
scripts/__tests__/HorizonIsTest/index.test.js
View File

@ -31,8 +31,8 @@ describe('HorizonIs', () => {
}); });
it('should identify memo component', () => { it('should identify memo component', () => {
const memo = Horizon.memo(App); const MemoComp = Horizon.memo(App);
expect(Horizon.isMemo(memo)).toBe(true); expect(Horizon.isMemo(<MemoComp />)).toBe(true);
}); });
it('should identify forwardRef', () => { it('should identify forwardRef', () => {
@ -54,5 +54,7 @@ describe('HorizonIs', () => {
const TestContext = Horizon.createContext(false); const TestContext = Horizon.createContext(false);
expect(Horizon.isContextProvider(<TestContext.Provider />)).toBe(true); expect(Horizon.isContextProvider(<TestContext.Provider />)).toBe(true);
expect(Horizon.isContextProvider(<TestContext.Consumer />)).toBe(false); expect(Horizon.isContextProvider(<TestContext.Consumer />)).toBe(false);
expect(Horizon.isContextConsumer(<TestContext.Provider />)).toBe(false);
expect(Horizon.isContextConsumer(<TestContext.Consumer />)).toBe(true);
}); });
}); });