bobe 0.0.53 → 0.0.56

package/dist/index.d.ts

@@ -11,10 +11,7 @@ declare class Interpreter {
     ctx: ProgramCtx;
     rootComponent: ComponentNode$1 | null;
     program(root: any, componentNode?: ComponentNode$1, before?: any, ctxProvider?: any): ComponentNode$1;
-    insertAfterAnchor(name?: string): {
-        name: string;
-        nextSibling: any;
-    };
+    insertAfterAnchor(name?: string): any;
     /** 处理
      *                    是逻辑                               是普通
      * 父节点       将子节点加入 directList         调用 insert 方法挨个插入子节点
@@ -31,10 +28,16 @@ declare class Interpreter {
      *  */
     declaration(ctx: ProgramCtx): any;
     createContextNode(): ContextNode;
+    formatForCollection(collection: any): {
+        arr: any[];
+        keys: string[] | null;
+    };
     forDeclaration(): ForNode | ForItemNode;
     insertForItem(forNode: ForNode, i: number, parentData: any, newChildren: ForItemNode[], before: any, snapshotForUpdate: any): void;
     removeForItem(children: ForItemNode[], i: number): void;
-    reuseForItem(child: ForItemNode, data: any, itemExp: string | ((value: any) => any), i: number, indexName?: string): void;
+    reuseForItem(child: ForItemNode, data: any, itemExp: string | ((value: any) => any), i: number, indexName?: string, 
+    /** Map/Set 等有 key 时，index 值为 key */
+    indexValue?: any): void;
     forItemId: number;
     createForItem(forNode: ForNode, i: number, parentData: any): ForItemNode;
     getItemData(forNode: ForNode, i: number, parentData: any): Record<any, any>;
@@ -80,22 +83,15 @@ declare class Interpreter {
      */
     attributeList(_node: any, data: any): string;
     config(opt: TerpConf): void;
-    createNode(name: string): {
-        name: string;
-        props: {};
-        nextSibling: any;
-    };
+    createNode(name: string): any;
     nextSib(node: any): any;
     firstChild(node: any): any;
-    createAnchor(name: string): {
-        name: string;
-        nextSibling: any;
-    };
+    createAnchor(name: string): any;
     insertAfter(parent: any, node: any, prev: any): void;
     defaultInsert(parent: any, node: any, prev: any): void;
     remove(node: any, parent?: any, prev?: any): void;
     defaultRemove(node: any, parent: any, prevSibling: any): void;
-    setProp(node: any, key: string, value: any, hookI?: number): void | undefined | (() => void);
+    setProp(node: any, key: string, value: any, hookI?: number): any | (() => void);
     Effect: typeof Effect;
     effect: typeof effect$1;
 }
@@ -258,6 +254,9 @@ type ForNode = Omit<LogicNode, 'data'> & {
     indexName?: string;
     getKey?: (data: any) => any;
     arr: any[];
+    /** 响应式版本：数组为 proxy、Map/Set 的 item 已被 deepSignal 包装 */
+    reactiveArr: any[];
+    keys: string[] | null;
     arrSignal: Signal<any[]> | Computed<any[]>;
     effect: Effect;
     i: number;
@@ -568,5 +567,5 @@ declare const context: IContext;
 
 declare const effect: (callback: (...args: ValueDiff[]) => void, depOrOpt?: Dep[] | Dep | CustomEffectOpt, opt?: CustomEffectOpt) => aoye.Effect;
 
-export { Compiler, NodeType, ParseErrorCode, ParseSyntaxError, Tokenizer, bobe, context, customRender, effect };
+export { Compiler, FakeType, NodeType, ParseErrorCode, ParseSyntaxError, Tokenizer, bobe, context, customRender, effect };
 export type { ASTNodeType, BaseNode, CommentNode, ComponentNode, ConditionalNode, DynamicValue, ElementNode, FragmentNode, IContext, InterpolationNode, LoopNode, ParseError, Program, Property, PropertyKeyNode, PropertyValue, SourceLocation, StaticValue, TemplateNode, TextNode };

package/dist/index.umd.js

@@ -244,6 +244,7 @@
     }
     isEof() {
       if (!this.token) return false;
+      if (this.i >= this.code.length && !this.waitingTokens.len) return true;
       return this.token.type & TokenType.Identifier && this.token.value === Tokenizer.EofId;
     }
     setToken(type, value, dt = 1) {
@@ -1657,6 +1658,44 @@
       node.realAfter = this.insertAfterAnchor('context-after');
       return node;
     }
+    formatForCollection(collection) {
+      const res = {
+        arr: [],
+        keys: null
+      };
+      if (Array.isArray(collection)) {
+        res.arr = collection;
+        return res;
+      }
+      if (collection instanceof Map) {
+        res.keys = [];
+        collection.forEach((v, k) => {
+          res.arr.push(v);
+          res.keys.push(k);
+        });
+        return res;
+      }
+      if (typeof collection === 'object' && collection !== null) {
+        if (collection[Symbol.iterator]) {
+          res.arr = Array.from(collection);
+          return res;
+        }
+        res.arr = Object.values(collection);
+        res.keys = Object.keys(collection);
+        return res;
+      }
+      if (typeof collection === 'number') {
+        res.arr = Array.from({
+          length: collection
+        });
+        return res;
+      }
+      if (typeof collection === 'string') {
+        res.arr = collection.split('');
+        return res;
+      }
+      return res;
+    }
     forDeclaration() {
       const arrExp = this.tokenizer.jsExp().value;
       this.tokenizer.nextToken();
@@ -1693,6 +1732,8 @@
         realBefore: prevSibling?.realAfter || prevSibling,
         realAfter: null,
         arr: null,
+        reactiveArr: null,
+        keys: null,
         arrSignal: null,
         itemExp,
         indexName,
@@ -1719,11 +1760,17 @@
         const snapshotForUpdate = _objectWithoutProperties(_forNode$snapshot, _excluded);
       let isFirstRender = true;
       forNode.effect = new this.Effect(() => {
-        let arr = arrSignal.get();
+        const collection = arrSignal.get();
+        const _this$formatForCollec = this.formatForCollection(collection),
+          formattedArr = _this$formatForCollec.arr,
+          keys = _this$formatForCollec.keys;
+        let arr = formattedArr;
         arr[aoye.Keys.Iterator];
         const prevCtx = aoye.getPulling();
         aoye.setPulling(null);
-        forNode.arr = arr = aoye.toRaw(arr);
+        forNode.reactiveArr = formattedArr;
+        forNode.arr = Array.isArray(collection) ? aoye.toRaw(arr) : arr;
+        forNode.keys = keys;
         const children = forNode.children;
         if (isFirstRender) {
           const len = arr.length;
@@ -1761,7 +1808,7 @@
             for (let i = minLen; i--;) {
               const child = children[i];
               newChildren[i] = child;
-              this.reuseForItem(child, arr[i], itemExp, i, indexName);
+              this.reuseForItem(child, arr[i], itemExp, i, indexName, keys?.[i]);
             }
           } else {
             let s = 0,
@@ -1774,7 +1821,7 @@
               const key = forNode.getKey(itemData);
               if (old === key) {
                 newChildren[s] = child;
-                this.reuseForItem(child, arr[s], itemExp, s, indexName);
+                this.reuseForItem(child, arr[s], itemExp, s, indexName, keys?.[s]);
                 s++;
               } else {
                 break;
@@ -1787,7 +1834,7 @@
               const key = forNode.getKey(itemData);
               if (old === key) {
                 newChildren[e2] = child;
-                this.reuseForItem(child, arr[e2], itemExp, e2, indexName);
+                this.reuseForItem(child, arr[e2], itemExp, e2, indexName, keys?.[e2]);
                 e1--;
                 e2--;
               } else {
@@ -1829,7 +1876,7 @@
                 }
                 const child = children[i];
                 newChildren[newI] = child;
-                this.reuseForItem(child, arr[newI], itemExp, newI, indexName);
+                this.reuseForItem(child, arr[newI], itemExp, newI, indexName, keys?.[newI]);
                 new2oldI[newI - s2] = i;
                 key2new.delete(key);
                 if (newI < maxIncNewI) {
@@ -1915,15 +1962,15 @@
       this.remove(child.realAfter);
       child.effect.dispose();
     }
-    reuseForItem(child, data, itemExp, i, indexName) {
+    reuseForItem(child, data, itemExp, i, indexName, indexValue) {
       if (typeof itemExp === 'string') {
         child.data[itemExp] = data;
         if (indexName) {
-          child.data[indexName] = i;
+          child.data[indexName] = indexValue ?? i;
         }
       } else {
         indexName = indexName || KEY_INDEX;
-        child.data[indexName] = i;
+        child.data[indexName] = indexValue ?? i;
       }
     }
     forItemId = 0;
@@ -1957,23 +2004,24 @@
         itemExp = forNode.itemExp,
         vars = forNode.vars,
         arrSignal = forNode.arrSignal,
-        getKey = forNode.getKey;
+        getKey = forNode.getKey,
+        keys = forNode.keys;
       let indexName = forNode.indexName;
       let data;
       if (typeof itemExp === 'string') {
         data = aoye.deepSignal(indexName ? {
           [itemExp]: arr[i],
-          [indexName]: i
+          [indexName]: keys?.[i] ?? i
         } : {
           [itemExp]: arr[i]
         }, aoye.getPulling());
       } else {
         indexName = indexName ?? KEY_INDEX;
         const rawData = {
-          [indexName]: i
+          [indexName]: keys?.[i] ?? i
         };
         data = aoye.deepSignal(rawData, aoye.getPulling());
-        const computedData = new aoye.Computed(() => itemExp(arrSignal.get()[getKey ? data[indexName] : i]));
+        const computedData = new aoye.Computed(() => itemExp((arrSignal.get(), forNode.reactiveArr)[getKey ? data[indexName] : keys ? (data[indexName], i) : i]));
         const cells = data[aoye.Keys.Meta].cells;
         for (let i = 0; i < vars.length; i++) {
           const name = vars[i];
@@ -2378,6 +2426,7 @@
         tokenizer
       };
       terp.program(root, componentNode);
+      aoye.flushMicroEffectManual();
       return [componentNode, store];
     };
   }
@@ -2426,6 +2475,7 @@
     get: function () { return aoye.Store; }
   });
   exports.Compiler = Compiler;
+  exports.FakeType = FakeType;
   exports.NodeType = NodeType;
   exports.ParseSyntaxError = ParseSyntaxError;
   exports.Tokenizer = Tokenizer;