render-core 1.0.52 → 1.0.54

package/class/controller/partController.d.ts

@@ -0,0 +1,3 @@
+export declare class partController {
+    constructor();
+}

package/class/controller/partController.js

@@ -0,0 +1,7 @@
+var partController = /** @class */ (function () {
+    //构造函数
+    function partController() {
+    }
+    return partController;
+}());
+export { partController };

package/core/cmd/v-for.js

@@ -1,3 +1,4 @@
+import { extractForArray, extractForMap } from "../utility/vForUtility";
 export function resolver_for_of(elements, data) {
     for (var i = 0; i < elements.length; i++) {
         var result = elements[i].hasAttribute("v-for-of");
@@ -5,10 +6,13 @@ export function resolver_for_of(elements, data) {
             var dataName = elements[i].getAttribute("v-for-of");
             elements[i].removeAttribute("v-for-of");
             for (var _i = 0, _a = data[dataName]; _i < _a.length; _i++) {
-                var Element_1 = _a[_i];
+                var dataItem = _a[_i];
+                //将该模板节点在此处展开
+                extractForArray(elements[i].parentNode, elements[i], data[dataName].index(dataItem), dataItem);
             }
+            elements[i].parentNode.removeChild(elements[i]);
         }
-        resolver_for_each(elements[i].children, data);
+        resolver_for_of(elements[i].children, data);
     }
 }
 export function resolver_for_each(elements, data) {
@@ -17,8 +21,10 @@ export function resolver_for_each(elements, data) {
         if (result) {
             var dataName = elements[i].getAttribute("v-for-each");
             elements[i].removeAttribute("v-for-each");
-            for (var Key in data[dataName]) {
+            for (var key in data[dataName]) {
+                extractForMap(elements[i].parentNode, elements[i], key, data[dataName][key]);
             }
+            elements[i].parentNode.removeChild(elements[i]);
         }
         resolver_for_each(elements[i].children, data);
     }

package/core/cmd/v-index.d.ts

@@ -0,0 +1,2 @@
+export declare function resolver_array_single(element: Element, index: number, data: any): void;
+export declare function resolver_array_multi(elements: HTMLCollection, index: number, data: any): void;

package/core/cmd/v-index.js

@@ -0,0 +1,36 @@
+export function resolver_array_single(element, index, data) {
+    var result = element.hasAttribute("v-data");
+    if (result) {
+        var dataName = element.getAttribute("v-data");
+        element.removeAttribute("v-data");
+        // @ts-ignore
+        elements[i].innerText = JSON.stringify(data);
+    }
+    result = element.hasAttribute("v-index");
+    if (result) {
+        var dataName = element.getAttribute("v-index");
+        element.removeAttribute("v-index");
+        // @ts-ignore
+        element.innerText = JSON.stringify(data);
+    }
+    var subElements = element.children;
+    resolver_array_multi(subElements, index, data);
+}
+export function resolver_array_multi(elements, index, data) {
+    for (var i = 0; i < elements.length; i++) {
+        var result = elements[i].hasAttribute("v-data");
+        if (result) {
+            elements[i].removeAttribute("v-data");
+            // @ts-ignore
+            elements[i].innerText = JSON.stringify(data);
+        }
+        result = elements[i].hasAttribute("v-index");
+        if (result) {
+            elements[i].removeAttribute("v-index");
+            // @ts-ignore
+            elements[i].innerText = JSON.stringify(index);
+        }
+        var subElements = elements[i].children;
+        resolver_array_multi(subElements, index, data);
+    }
+}

package/core/cmd/v-key.d.ts

@@ -0,0 +1,2 @@
+export declare function resolver_map_single(element: Element, key: string, data: any): void;
+export declare function resolver_map_multi(elements: HTMLCollection, key: string, data: any): void;

package/core/cmd/v-key.js

@@ -0,0 +1,52 @@
+import { part_render_map } from "../render/partRender";
+export function resolver_map_single(element, key, data) {
+    //检查v-data
+    var result = element.hasAttribute("v-data");
+    if (result) {
+        element.removeAttribute("v-data");
+        // @ts-ignore
+        elements[i].innerText = JSON.stringify(data);
+    }
+    //检查v-key
+    result = element.hasAttribute("v-key");
+    if (result) {
+        element.removeAttribute("v-key");
+        // @ts-ignore
+        element.innerText = JSON.stringify(data);
+    }
+    //检查v-for-of
+    result = element.hasAttribute("v-for-item");
+    if (result) {
+        element.removeAttribute("v-for-item");
+        part_render_map(element.parentNode, element, key, data);
+    }
+    //深度展开
+    var subElements = element.children;
+    resolver_map_multi(subElements, key, data);
+}
+export function resolver_map_multi(elements, key, data) {
+    for (var i = 0; i < elements.length; i++) {
+        //检查v-data
+        var result = elements[i].hasAttribute("v-data");
+        if (result) {
+            elements[i].removeAttribute("v-data");
+            // @ts-ignore
+            elements[i].innerText = JSON.stringify(data);
+        }
+        //检查v-key
+        result = elements[i].hasAttribute("v-key");
+        if (result) {
+            elements[i].removeAttribute("v-key");
+            // @ts-ignore
+            elements[i].innerText = JSON.stringify(index);
+        }
+        //检查v-for-of
+        result = elements[i].hasAttribute("v-for-item");
+        if (result) {
+            elements[i].removeAttribute("v-for-item");
+            part_render_map(elements[i].parentNode, elements[i], key, data);
+        }
+        var subElements = elements[i].children;
+        resolver_map_multi(subElements, key, data);
+    }
+}

package/core/cmd/v-switch.js

@@ -10,12 +10,15 @@ export function resolver_switch(elements, data) {
             //如何属性匹配
             if (result !== null) {
                 //属性
-                var action = result[0].substring(9);
+                var property = result[0].substring(9);
                 //值
-                var method = elements[i].getAttribute(result[0]);
+                var value = elements[i].getAttribute(result[0]);
                 //删除属性
                 elements[i].removeAttribute(result[0]);
-                if (data[action] !== method) {
+                if (data[property] === value) {
+                    break;
+                }
+                else {
                     // @ts-ignore
                     elements[i].style.display = "none";
                     break;

package/core/cmd/v-txt.d.ts

@@ -1 +1 @@
-export declare function resolver_txt(elements: HTMLCollection, data: {}): void;
+export declare function resolver_txt(elements: HTMLCollection, data: any): void;

package/core/render/partRender.d.ts

@@ -0,0 +1,2 @@
+export declare function part_render_array(baseRoot: ParentNode, temp: Node, index: number, data: any): void;
+export declare function part_render_map(baseRoot: ParentNode, temp: Node, key: string, data: any): void;

package/core/render/partRender.js

@@ -0,0 +1,16 @@
+import { resolver_array_single } from "../cmd/v-index";
+import { resolver_map_single } from "../cmd/v-key";
+export function part_render_array(baseRoot, temp, index, data) {
+    // @ts-ignore
+    var clone = temp.cloneNode(true);
+    // @ts-ignore
+    resolver_array_single(clone, index, data);
+    baseRoot.insertBefore(clone, temp);
+}
+export function part_render_map(baseRoot, temp, key, data) {
+    // @ts-ignore
+    var clone = temp.cloneNode(true);
+    // @ts-ignore
+    resolver_map_single(clone, key, data);
+    baseRoot.insertBefore(clone, temp);
+}

package/core/utility/vForUtility.d.ts

@@ -0,0 +1,2 @@
+export declare function extractForArray(baseRoot: ParentNode, temp: Node, index: number, data: any): void;
+export declare function extractForMap(baseRoot: ParentNode, temp: Node, key: string, data: any): void;

package/core/utility/vForUtility.js

@@ -0,0 +1,7 @@
+import { part_render_array, part_render_map } from "../render/partRender";
+export function extractForArray(baseRoot, temp, index, data) {
+    part_render_array(baseRoot, temp, index, data);
+}
+export function extractForMap(baseRoot, temp, key, data) {
+    part_render_map(baseRoot, temp, key, data);
+}

package/library/cmd/cmd.js

@@ -8,6 +8,7 @@ import { resolver_show } from "../../core/cmd/v-show";
 import { resolver_render } from "../../core/cmd/v-render";
 import { resolver_if } from "../../core/cmd/v-if";
 import { resolver_switch } from "../../core/cmd/v-switch";
+import { resolver_for_each, resolver_for_of } from "../../core/cmd/v-for";
 export function cmd(tagTemplate, proto, controller) {
     //给所有元素添加上npm=tag标志
     addLabel(tagTemplate.children, proto.getName());
@@ -31,6 +32,10 @@ export function afterCmd(templateSpace, proto, controller) {
     resolver_if(templateSpace.children, controller.proxyForMethods);
     //v-switch
     resolver_switch(templateSpace.children, controller.proxyForMethods);
+    //v-for-each
+    resolver_for_each(templateSpace.children, controller.proxyForMethods);
+    //v-for-of
+    resolver_for_of(templateSpace.children, controller.proxyForMethods);
 }
 export function cmdForUpdate(tagTemplate, proto, controller) {
     //给所有元素添加上npm=tag标志

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "description": "The core for render-js",
   "main": "index.js",
   "types": "index.d.ts",