Match-id-a177994d0b3fe27dac34cee64bf01b1ba92b9310

libs/horizon/src/external/ChildrenUtil.ts

@@ -12,12 +12,7 @@ function getItemKey(item: any, index: number): string {
   return '.' + index.toString(36);
 }
 
-function mapChildrenToArray(
-  children: any,
-  arr: Array<any>,
-  prefix: string,
-  callback?: Function,
-): number | void {
+function mapChildrenToArray(children: any, arr: Array<any>, prefix: string, callback?: Function): number | void {
   const type = typeof children;
   switch (type) {
     // 继承原有规格，undefined和boolean类型按照null处理
@@ -43,37 +38,20 @@ function mapChildrenToArray(
         processArrayChildren(children, arr, prefix, callback);
         return;
       }
-      throw new Error(
-        'Object is invalid as a Horizon child. '
-      );
+      throw new Error('Object is invalid as a Horizon child. ');
     // No Default
   }
 }
 
-function processArrayChildren(
-  children: any,
-  arr: Array<any>,
-  prefix: string,
-  callback: Function,
-) {
+function processArrayChildren(children: any, arr: Array<any>, prefix: string, callback: Function) {
   for (let i = 0; i < children.length; i++) {
     const childItem = children[i];
     const nextPrefix = prefix + getItemKey(childItem, i);
-    mapChildrenToArray(
-      childItem,
-      arr,
-      nextPrefix,
-      callback,
-    );
+    mapChildrenToArray(childItem, arr, nextPrefix, callback);
   }
 }
 
-function callMapFun(
-  children: any,
-  arr: Array<any>,
-  prefix: string,
-  callback: Function,
-) {
+function callMapFun(children: any, arr: Array<any>, prefix: string, callback: Function) {
   let mappedChild = callback(children);
   if (Array.isArray(mappedChild)) {
     // 维持原有规格，如果callback返回结果是数组，处理函数修改为返回数组item
@@ -83,9 +61,8 @@ function callMapFun(
     if (isValidElement(mappedChild)) {
       const childKey = prefix === '' ? getItemKey(children, 0) : '';
       const mappedKey = getItemKey(mappedChild, 0);
-      const newKey = prefix + childKey + (mappedChild.key && mappedKey !== getItemKey(children, 0)
-        ? '.$' + mappedChild.key
-        : '');
+      const newKey =
+        prefix + childKey + (mappedChild.key && mappedKey !== getItemKey(children, 0) ? '.$' + mappedChild.key : '');
       // 返回一个修改key的children
       mappedChild = JSXElement(
         mappedChild.type,
@@ -93,6 +70,7 @@ function callMapFun(
         mappedChild.ref,
         mappedChild.belongClassVNode,
         mappedChild.props,
+        mappedChild.source
       );
     }
     arr.push(mappedChild);
@@ -100,11 +78,7 @@ function callMapFun(
 }
 
 // 在 children 里的每个直接子节点上调用一个函数，并将 this 设置为 thisArg
-function mapChildren(
-  children: any,
-  func: Function,
-  context?: any,
-): Array<any> {
+function mapChildren(children: any, func: Function, context?: any): Array<any> {
   if (children === null || children === undefined) {
     return children;
   }
@@ -121,27 +95,22 @@ const Children = {
   },
   map: mapChildren,
   // 并非所有元素都会计数,只计数调用callMapFun函数次数
-  count: (children) => {
+  count: children => {
     let n = 0;
     mapChildren(children, () => {
       n++;
     });
     return n;
   },
-  only: (children) => {
-    throwIfTrue(
-      !isValidElement(children),
-      'Horizon.Children.only function received invalid element.'
-    );
+  only: children => {
+    throwIfTrue(!isValidElement(children), 'Horizon.Children.only function received invalid element.');
     return children;
   },
-  toArray: (children) => {
+  toArray: children => {
     const result = [];
     mapChildrenToArray(children, result, '', child => child);
     return result;
   },
-}
-
-export {
-  Children
 };
+
+export { Children };

libs/horizon/src/external/JSXElement.ts

@@ -31,7 +31,7 @@ function isValidKey(key) {
     'key',
     'ref',
     '__source',
-    '__self'
+    '__self',
   ];
   return !keyArray.includes(key);
 }
@@ -74,9 +74,7 @@ function buildElement(isClone, type, setting, children) {
     mergeDefault(props, element.defaultProps);
   }
 
-  const source = setting?.__source === undefined ? null : setting.__source;
-
-  return JSXElement(element, key, ref, vNode, props, source);
+  return JSXElement(element, key, ref, vNode, props, setting?.__source ?? null);
 }
 
 // 创建Element结构体，供JSX编译时调用

libs/horizon/src/external/devtools.ts

@@ -98,11 +98,7 @@ export const helper = {
           return true;
         }
         return false;
-      },
-      null,
-      vNode,
-      null
-    );
+      }, null, vNode, null);
     return info;
   },
   getElementTag: (element: JSXElement) => {

libs/horizon/src/renderer/Types.ts

@@ -27,8 +27,8 @@ export type ProviderType<T> = {
 
 export type ContextType<T> = {
   vtype: number;
-  Consumer: ContextType<T>;
-  Provider: ProviderType<T>;
+  Consumer: ContextType<T> | null;
+  Provider: ProviderType<T> | null;
   value: T;
 };
 

libs/horizon/src/renderer/render/MemoComponent.ts

@@ -26,7 +26,7 @@ export function captureMemoComponent(
     if (type === TYPE_STRICT_MODE || type === TYPE_FRAGMENT || type === TYPE_PROFILER) {
       newChild = createFragmentVNode(null, newProps.children);
     } else {
-      newChild = createUndeterminedVNode(type, null, newProps);
+      newChild = createUndeterminedVNode(type, null, newProps,processing.src);
     }
     newChild.parent = processing;
     newChild.ref = processing.ref;

libs/horizon/src/renderer/vnode/VNode.ts

@@ -77,8 +77,8 @@ export class VNode {
 
   // 根节点数据
   toUpdateNodes: Set<VNode> | null; // 保存要更新的节点
-  delegatedEvents: Set<string>
-  delegatedNativeEvents: Set<string>
+  delegatedEvents: Set<string>;
+  delegatedNativeEvents: Set<string>;
 
   belongClassVNode: VNode | null = null; // 记录JSXElement所属class vNode，处理ref的时候使用
 
@@ -86,7 +86,7 @@ export class VNode {
   isStoreChange: boolean;
   observers: Set<any> | null = null; // 记录这个函数组件/类组件依赖哪些Observer
   classComponentWillUnmount: Function | null; // HorizonX会在classComponentWillUnmount中清除对VNode的引入用
-  source: Source | null; // 节点所在代码位置
+  src: Source | null; // 节点所在代码位置
 
   constructor(tag: VNodeTag, props: any, key: null | string, realNode) {
     this.tag = tag; // 对应组件的类型，比如ClassComponent等
@@ -117,7 +117,7 @@ export class VNode {
         this.isStoreChange = false;
         this.observers = null;
         this.classComponentWillUnmount = null;
-        this.source = null;
+        this.src = null;
         break;
       case ClassComponent:
         this.realNode = null;
@@ -132,18 +132,18 @@ export class VNode {
         this.isStoreChange = false;
         this.observers = null;
         this.classComponentWillUnmount = null;
-        this.source = null;
+        this.src = null;
         break;
       case DomPortal:
         this.realNode = null;
         this.context = null;
-        this.source = null;
+        this.src = null;
         break;
       case DomComponent:
         this.realNode = null;
         this.changeList = null;
         this.context = null;
-        this.source = null;
+        this.src = null;
         break;
       case DomText:
         this.realNode = null;
@@ -155,17 +155,17 @@ export class VNode {
           didCapture: false,
           promiseResolved: false,
           oldChildStatus: '',
-          childStatus: ''
+          childStatus: '',
         };
-        this.source = null;
+        this.src = null;
         break;
       case ContextProvider:
-        this.source = null;
+        this.src = null;
         this.context = null;
         break;
       case MemoComponent:
         this.effectList = null;
-        this.source = null;
+        this.src = null;
         break;
       case LazyComponent:
         this.realNode = null;
@@ -173,7 +173,7 @@ export class VNode {
         this.isLazyComponent = true;
         this.lazyType = null;
         this.updates = null;
-        this.source = null;
+        this.src = null;
         break;
       case Fragment:
         break;

libs/horizon/src/renderer/vnode/VNodeCreator.ts

@@ -132,7 +132,7 @@ export function createUndeterminedVNode(type, key, props, source) {
   if (isLazy) {
     vNode.lazyType = type;
   }
-  vNode.source = source;
+  vNode.src = source;
   return vNode;
 }
 

package.json

@@ -37,7 +37,7 @@
     "@babel/plugin-transform-shorthand-properties": "7.16.7",
     "@babel/plugin-transform-spread": "7.16.7",
     "@babel/plugin-transform-template-literals": "7.16.7",
-    "@babel/plugin-transform-react-jsx-source": "^7.18.6",
+    "@babel/plugin-transform-react-jsx-source": "^7.16.7",
     "@babel/preset-env": "7.16.7",
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",