bobe 0.0.43 → 0.0.45

package/dist/bobe.cjs.js

@@ -32,11 +32,13 @@ let FakeType = function (FakeType) {
   FakeType[FakeType["Component"] = 16] = "Component";
   FakeType[FakeType["Fragment"] = 32] = "Fragment";
   FakeType[FakeType["ForItem"] = 64] = "ForItem";
+  FakeType[FakeType["Context"] = 128] = "Context";
   return FakeType;
 }({});
 const CondBit = FakeType.If | FakeType.Fail | FakeType.Else;
 const LogicalBit = FakeType.If | FakeType.Fail | FakeType.Else | FakeType.For | FakeType.ForItem;
 FakeType.If | FakeType.Fail | FakeType.Else | FakeType.For | FakeType.ForItem | FakeType.Component | FakeType.Fragment;
+const ContextBit = FakeType.If | FakeType.Fail | FakeType.Else | FakeType.ForItem | FakeType.Context;
 const TokenizerSwitcherBit = FakeType.Component | FakeType.Fragment;
 let NodeSort = function (NodeSort) {
   NodeSort[NodeSort["Logic"] = 1] = "Logic";
@@ -44,6 +46,7 @@ let NodeSort = function (NodeSort) {
   NodeSort[NodeSort["Component"] = 4] = "Component";
   NodeSort[NodeSort["CtxProvider"] = 8] = "CtxProvider";
   NodeSort[NodeSort["TokenizerSwitcher"] = 16] = "TokenizerSwitcher";
+  NodeSort[NodeSort["Context"] = 32] = "Context";
   return NodeSort;
 }({});
 (function (TerpEvt) {
@@ -1370,6 +1373,9 @@ function macInc(arr) {
 }
 
 const KEY_INDEX = '__BOBE_KEY_INDEX';
+let _ctxStack;
+const getCtxStack = () => _ctxStack;
+const setCtxStack = stack => _ctxStack = stack;
 
 const _excluded = ["dentStack", "isFirstToken"];
 class Interpreter {
@@ -1384,6 +1390,7 @@ class Interpreter {
     this.rootComponent = componentNode;
     this.tokenizer.nextToken();
     const stack = new MultiTypeStack();
+    setCtxStack(stack);
     stack.push({
       node: root,
       prev: null
@@ -1420,7 +1427,7 @@ class Interpreter {
         stack.push({
           node: ctx.current,
           prev: ctx.prevSibling
-        }, !ctx.current.__logicType ? NodeSort.Real : (ctx.current.__logicType & LogicalBit ? NodeSort.Logic : 0) | (ctx.current.__logicType & TokenizerSwitcherBit ? NodeSort.TokenizerSwitcher : 0) | (ctx.current.__logicType === FakeType.Component ? NodeSort.Component : 0) | NodeSort.CtxProvider);
+        }, !ctx.current.__logicType ? NodeSort.Real : (ctx.current.__logicType & LogicalBit ? NodeSort.Logic : 0) | (ctx.current.__logicType & TokenizerSwitcherBit ? NodeSort.TokenizerSwitcher : 0) | (ctx.current.__logicType & ContextBit ? NodeSort.Context : 0) | (ctx.current.__logicType === FakeType.Component ? NodeSort.Component : 0) | (ctx.current.__logicType !== FakeType.Context ? NodeSort.CtxProvider : 0));
         if (ctx.current.__logicType) {
           if (isLogicNode) {
             aoye.setPulling(ctx.current.effect);
@@ -1544,6 +1551,8 @@ class Interpreter {
     let _node;
     if (value === 'if' || value === 'else' || value === 'fail') {
       return this.condDeclaration(ctx);
+    } else if (value === 'context') {
+      _node = this.createContextNode();
     } else if (value === 'for') {
       return this.forDeclaration();
     } else if (hookType) {
@@ -1571,12 +1580,29 @@ class Interpreter {
     this.tokenizer.nextToken();
     this.headerLine(_node);
     this.extensionLines(_node);
+    this.onePropParsed = this.oneRealPropParsed;
     if (_node.__logicType & TokenizerSwitcherBit) {
-      this.onePropParsed = this.oneRealPropParsed;
       this.tokenizer = _node.tokenizer;
     }
     return _node;
   }
+  createContextNode() {
+    const child = aoye.deepSignal({}, aoye.getPulling());
+    const parentContext = this.ctx.stack.peekByType(NodeSort.Context)?.node?.context;
+    if (parentContext) {
+      Object.setPrototypeOf(child, parentContext);
+    }
+    this.onePropParsed = createStoreOnePropParsed(child);
+    const node = {
+      __logicType: FakeType.Context,
+      context: child,
+      realParent: null,
+      realBefore: null,
+      realAfter: null
+    };
+    node.realAfter = this.insertAfterAnchor('context-after');
+    return node;
+  }
   forDeclaration() {
     const arrExp = this.tokenizer.jsExp().value;
     this.tokenizer.nextToken();
@@ -1856,6 +1882,7 @@ class Interpreter {
       scope.get();
     }, null);
     data = this.getItemData(forNode, i, parentData);
+    const context = this.ctx.stack.peekByType(NodeSort.Context)?.node?.data;
     forItemNode = {
       id: this.forItemId++,
       __logicType: FakeType.ForItem,
@@ -1865,7 +1892,8 @@ class Interpreter {
       forNode,
       key: forNode.getKey?.(data),
       effect: null,
-      data
+      data,
+      context
     };
     forItemNode.effect = scope;
     return forItemNode;
@@ -1949,26 +1977,7 @@ class Interpreter {
       data: child,
       tokenizer: render ? render(true) : child.ui(true)
     };
-    this.onePropParsed = (data, _, key, value, valueIsMapKey, isFn, hookI) => {
-      if (isFn) {
-        child[aoye.Keys.Raw][key] = value;
-      } else if (valueIsMapKey) {
-        aoye.shareSignal(data, value, child, key);
-      } else {
-        const meta = child[aoye.Keys.Meta];
-        const cells = meta.cells;
-        if (typeof value === 'function') {
-          const computed = new aoye.Computed(() => value(data));
-          cells.set(key, computed);
-          child[aoye.Keys.Raw][key] = undefined;
-        } else {
-          cells.set(key, {
-            get: () => value
-          });
-          child[aoye.Keys.Raw][key] = value;
-        }
-      }
-    };
+    this.onePropParsed = createStoreOnePropParsed(child);
     node.realAfter = this.insertAfterAnchor('component-after');
     return node;
   }
@@ -1991,6 +2000,7 @@ class Interpreter {
     const noCond = value === true;
     const valueIsMapKey = !noCond && Reflect.has(data[aoye.Keys.Raw], value);
     const owner = ctx.stack.peekByType(NodeSort.TokenizerSwitcher)?.node;
+    const context = ctx.stack.peekByType(NodeSort.Context)?.node?.data;
     const ifNode = {
       __logicType: isElse ? FakeType.Else : isIf ? FakeType.If : FakeType.Fail,
       snapshot: this.tokenizer.snapshot(),
@@ -2002,7 +2012,8 @@ class Interpreter {
       isFirstRender: true,
       effect: null,
       owner,
-      data
+      data,
+      context
     };
     let signal;
     switch (keyWord.value) {
@@ -2220,6 +2231,29 @@ class Interpreter {
     node.props[key] = value;
   }
 }
+function createStoreOnePropParsed(child) {
+  const onePropParsed = (data, _, key, value, valueIsMapKey, isFn, hookI) => {
+    if (isFn) {
+      child[aoye.Keys.Raw][key] = value;
+    } else if (valueIsMapKey) {
+      aoye.shareSignal(data, value, child, key);
+    } else {
+      const meta = child[aoye.Keys.Meta];
+      const cells = meta.cells;
+      if (typeof value === 'function') {
+        const computed = new aoye.Computed(() => value(data));
+        cells.set(key, computed);
+        child[aoye.Keys.Raw][key] = undefined;
+      } else {
+        cells.set(key, {
+          get: () => value
+        });
+        child[aoye.Keys.Raw][key] = value;
+      }
+    }
+  };
+  return onePropParsed;
+}
 
 function bobe(fragments, ...values) {
   const ui = function ui(isSub) {
@@ -2251,11 +2285,27 @@ function customRender(option) {
   };
 }
 
+const context = name => {
+  const stack = getCtxStack();
+  if (!stack) {
+    throw new Error('context() api 只能在组件中使用');
+  }
+  let context = stack.peekByType(NodeSort.Context)?.node?.context;
+  if (name) {
+    context = context?.[name];
+  }
+  if (!context) {
+    console.warn(`context(${name ?? ''}) 为空`);
+  }
+  return context;
+};
+
 exports.Compiler = Compiler;
 exports.NodeType = NodeType;
 exports.ParseSyntaxError = ParseSyntaxError;
 exports.Tokenizer = Tokenizer;
 exports.bobe = bobe;
+exports.context = context;
 exports.customRender = customRender;
 Object.keys(aoye).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {