render-core 1.4.22 → 1.4.25

package/index.js

@@ -21,8 +21,6 @@ import { AbstractComponent } from "./tension/prototype/AbstractComponent";
 import { set_context_controller } from "./system/recorder/table0/system_func_0";
 import { PrefaceAction } from "./tension/prototype/PrefaceAction";
 import { SystemInitPlugin } from "./tension/SystemInitPlugin";
-import { lintComponent } from "./verify/directive-linter";
-import { errorDisplay } from "./system/output/errorUtility";
 /**
  * This class is used to prototype the properties type
  */
@@ -97,15 +95,15 @@ var RenderJS = /** @class */ (function () {
      * @param component
      */
     RenderJS.prototype.add_tag = function (component) {
-        var errors = lintComponent(component);
-        if (errors.length > 0) {
-            errors.map(function (error) {
-                errorDisplay(component.getName(), error);
-            });
-        }
-        else {
-            registerTagLib(component);
-        }
+        // let errors:LintError[]  = lintComponent(component);
+        // if (errors.length > 0) {
+        //     errors.map(error => {
+        //         errorDisplay(component.getName(), error);
+        //     })
+        // }else {
+        //     registerTagLib(component);
+        // }
+        registerTagLib(component);
     };
     /**
      * This func is used to work under the route mode

package/kernel/directive/loop/v-array-utility.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 遍历根元素
+ * @param element
+ * @param index
+ * @param data
+ */
+export declare function resolver_array_single(element: Element, index: number, data: any): void;
+/**
+ * 遍历根元素的子元素
+ * @param elements
+ * @param index
+ * @param data
+ */
+export declare function parse_directive_array_multi(elements: HTMLCollection, index: number, data: any): void;

package/kernel/directive/loop/v-array-utility.js

@@ -0,0 +1,58 @@
+import { resolver_map_single } from "./v-map-utility";
+/**
+ * 遍历根元素
+ * @param element
+ * @param index
+ * @param data
+ */
+export function resolver_array_single(element, index, data) {
+    //解析data
+    if (element.hasAttribute("@data")) {
+        element.removeAttribute("@data");
+        // @ts-ignore
+        element.innerText = data;
+    }
+    //解析index
+    if (element.hasAttribute("@index")) {
+        element.removeAttribute("@index");
+        // @ts-ignore
+        element.innerText = index;
+    }
+    parse_directive_array_multi(element.children, index, data);
+}
+/**
+ * 遍历根元素的子元素
+ * @param elements
+ * @param index
+ * @param data
+ */
+export function parse_directive_array_multi(elements, index, data) {
+    //渲染模板子元素
+    for (var i = 0; i < elements.length; i++) {
+        //渲染文档
+        if (elements[i].hasAttribute("@array-document")) {
+            elements[i].removeAttribute("@array-document");
+            resolver_map_single(elements[i], data);
+        }
+        //渲染信息
+        if (elements[i].hasAttribute("@array-message")) {
+            var data_index = elements[i].getAttribute("@array-message");
+            elements[i].removeAttribute("@array-message");
+            // @ts-ignore
+            elements[i].innerText = data[data_index];
+        }
+        //解析data
+        if (elements[i].hasAttribute("@data")) {
+            elements[i].removeAttribute("@data");
+            // @ts-ignore
+            elements[i].innerText = data;
+        }
+        //解析index
+        if (elements[i].hasAttribute("@index")) {
+            elements[i].removeAttribute("@index");
+            // @ts-ignore
+            elements[i].innerText = index;
+        }
+        parse_directive_array_multi(elements[i].children, index, data);
+    }
+}

package/kernel/directive/loop/v-array.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 展开数据
+ * @param elements
+ * @param data
+ */
+export declare function parse_directive_for_of(elements: HTMLCollection, data: {}): void;
+/**
+ *
+ * @param baseRoot
+ * @param temp
+ * @param index
+ * @param data
+ */
+export declare function extractForArray(baseRoot: ParentNode, temp: Node, index: number, data: any): void;
+/**
+ * 该函数用于处理数组类型数据的展开
+ * @param baseRoot
+ * @param temp
+ * @param index
+ * @param data
+ */
+export declare function part_render_array(baseRoot: ParentNode, temp: Node, index: number, data: any): void;

package/kernel/directive/loop/v-array.js

@@ -0,0 +1,64 @@
+import { resolver_array_single } from "./v-array-utility";
+/**
+ * 展开数据
+ * @param elements
+ * @param data
+ */
+export function parse_directive_for_of(elements, data) {
+    var _loop_1 = function (i) {
+        var result = elements[i].hasAttribute("@array");
+        if (result) {
+            var dataName = elements[i].getAttribute("@array");
+            elements[i].removeAttribute("@array");
+            if (data[dataName] instanceof Array) {
+                data[dataName].forEach(function (value, index) {
+                    //从数组中取出一条信息，然后开始渲染
+                    extractForArray(elements[i].parentNode, elements[i], index, value);
+                    i++;
+                });
+                //将模板节点删除
+                elements[i].parentNode.removeChild(elements[i]);
+                //重新回到原来的索引值
+                i--;
+            }
+            else {
+                console.log("Instruction @for need an array datatype to extract!");
+            }
+        }
+        if (elements[i]) {
+            parse_directive_for_of(elements[i].children, data);
+        }
+        out_i_1 = i;
+    };
+    var out_i_1;
+    for (var i = 0; i < elements.length; i++) {
+        _loop_1(i);
+        i = out_i_1;
+    }
+}
+/**
+ *
+ * @param baseRoot
+ * @param temp
+ * @param index
+ * @param data
+ */
+export function extractForArray(baseRoot, temp, index, data) {
+    //将渲染出来的数据模板插入到根元素下
+    part_render_array(baseRoot, temp, index, data);
+}
+/**
+ * 该函数用于处理数组类型数据的展开
+ * @param baseRoot
+ * @param temp
+ * @param index
+ * @param data
+ */
+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);
+}

package/kernel/directive/loop/v-map-utility.js

@@ -1,4 +1,4 @@
-import { extractForArray } from "./v-for";
+import { extractForArray } from "./v-array";
 /**
  * 展开数据
  * @param element

package/kernel/proxyer/getProxy.js

@@ -5,50 +5,27 @@ import { locateInputAddress } from "../../system/utility/react/sectionUtility";
  * @param updater
  */
 export function get_proxy_for_method(data, updater) {
-    function isPlainObject(value) {
-        return value !== null && typeof value === 'object' && !Array.isArray(value);
-    }
-    function createProxy(target) {
-        return new Proxy(target, {
-            set: function (obj, prop, value) {
-                var existed = prop in obj;
-                if (isPlainObject(value)) {
-                    value = wrapObject(value);
-                }
-                Reflect.set(obj, prop, value);
-                // Only activate updater when an existing property of a plain object changes.
-                // Adding new properties or mutating arrays does not activate it.
-                if (isPlainObject(obj) && existed) {
-                    update_Render(updater);
-                    try {
-                        if (updater.watcher && typeof updater.watcher[prop] === 'function') {
-                            updater.watcher[prop](obj[prop], value);
-                        }
-                    }
-                    catch (error) {
-                        // silently ignore missing watchers
-                    }
-                    locateInputAddress(updater);
-                    Reflect.deleteProperty(updater, 'origin');
-                }
-                return true;
-            }
-        });
-    }
-    function wrapObject(target) {
-        if (!isPlainObject(target)) {
-            return target;
+    var handel = {};
+    handel["set"] = get_setter_for_method_proxy(updater);
+    return new Proxy(data, handel);
+}
+/**
+ * @param updater
+ */
+function get_setter_for_method_proxy(updater) {
+    var setter = function (obj, prop, value) {
+        Reflect.set(obj, prop, value);
+        update_Render(this);
+        try {
+            this.watcher[prop](obj[prop], value);
         }
-        for (var _i = 0, _a = Object.keys(target); _i < _a.length; _i++) {
-            var key = _a[_i];
-            var value = target[key];
-            if (isPlainObject(value)) {
-                target[key] = wrapObject(value);
-            }
+        catch (error) {
         }
-        return createProxy(target);
-    }
-    return wrapObject(data);
+        locateInputAddress(this);
+        Reflect.deleteProperty(this, "origin");
+        return true;
+    };
+    return setter.bind(updater);
 }
 /**
  * @param origin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.4.22",
+  "version": "1.4.25",
   "description": "The extendable javascript web framework",
   "main": "index.js",
   "types": "index.d.ts",

package/system/utility/directive/cmdUtility.js

@@ -8,7 +8,7 @@ import { parse_directive_show } from "../../../kernel/directive/justify/v-show";
 import { parse_directive_render } from "../../../kernel/directive/justify/v-render";
 import { parse_directive_if } from "../../../kernel/directive/justify/v-if";
 import { parse_directive_switch } from "../../../kernel/directive/justify/v-switch";
-import { parse_directive_for_of } from "../../../kernel/directive/loop/v-for";
+import { parse_directive_for_of } from "../../../kernel/directive/loop/v-array";
 import { parse_directive_salt_extract } from "../../../kernel/directive/salt/v-solt";
 import { parse_directive_expression } from "../../../kernel/directive/data/v-el";
 import { parse_directive_for_map } from "../../../kernel/directive/loop/v-map";