render-core 1.4.20 → 1.4.22

package/kernel/proxyer/getProxy.js

@@ -5,27 +5,50 @@ import { locateInputAddress } from "../../system/utility/react/sectionUtility";
  * @param updater
  */
 export function get_proxy_for_method(data, updater) {
-    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);
+    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;
         }
-        catch (error) {
+        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);
+            }
         }
-        locateInputAddress(this);
-        Reflect.deleteProperty(this, "origin");
-        return true;
-    };
-    return setter.bind(updater);
+        return createProxy(target);
+    }
+    return wrapObject(data);
 }
 /**
  * @param origin

package/kernel/renderer/updateRender.d.ts

@@ -1,6 +1,6 @@
 import { ContextController } from "../../system/prototype/ContextController";
 /**
- * 更新渲染方法
+ * Method for upgrade
  * @param currentController
  */
 export declare function update_Render(currentController: ContextController): void;

package/kernel/renderer/updateRender.js

@@ -4,7 +4,7 @@ import { findComponent } from "../delivery/delivery";
 import { getTemplate } from "../../system/utility/initiate/templateUtility";
 import { archive_mount, mountForUpdate } from "../../system/lifecycle/mount";
 /**
- * 更新渲染方法
+ * Method for upgrade
  * @param currentController
  */
 export function update_Render(currentController) {

package/package.json

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

package/system/lifecycle/lifeCycle.d.ts

@@ -1,13 +1,13 @@
 import { ContextController } from "../prototype/ContextController";
 /**
- * 该函数用于处理渲染后操作
+ * This function handles pre-render operations
  * @param currenController
  * @param child
  * @param parentController
  */
 export declare function after_process_for_init(currenController: ContextController, child: ChildNode, parentController: ContextController): void;
 /**
- * 该函数用于处理渲染后操作
+ * This function handles post-render operations
  * @param currentController
  * @param parentController
  */

package/system/lifecycle/lifeCycle.js

@@ -1,5 +1,5 @@
 /**
- * 该函数用于处理渲染后操作
+ * This function handles pre-render operations
  * @param currenController
  * @param child
  * @param parentController
@@ -11,7 +11,7 @@ export function after_process_for_init(currenController, child, parentController
     parentController.lazyComponent.set(child.getAttribute("name"), controller.originalData);
 }
 /**
- * 该函数用于处理渲染后操作
+ * This function handles post-render operations
  * @param currentController
  * @param parentController
  */

package/system/lifecycle/mount.d.ts

@@ -1,7 +1,7 @@
 import { ContextController } from "../prototype/ContextController";
 import { Component } from "../../index";
 /**
- * This function is used to mount the dom to the html document.
+ * This function is used to mount the dom to the HTML document.
  * @param controller
  * @param proto
  * @param parent

package/system/lifecycle/mount.js

@@ -1,5 +1,5 @@
 /**
- * This function is used to mount the dom to the html document.
+ * This function is used to mount the dom to the HTML document.
  * @param controller
  * @param proto
  * @param parent

package/lint/directive-linter.d.ts

@@ -1,16 +0,0 @@
-import { Component } from "../index";
-export interface DirectiveLocation {
-    directive: string;
-    expression: string;
-    element: string;
-    line: number;
-    column: number;
-}
-export interface LintError {
-    rule: string;
-    message: string;
-    line: number;
-    column: number;
-}
-export declare function lintComponent(component: Component): LintError[];
-export declare function lintComponents(components: Component[]): Map<string, LintError[]>;

package/lint/directive-linter.js

@@ -1,123 +0,0 @@
-var BOOLEAN_CONDITION_DIRECTIVES = ["@if", "@show"];
-var ARRAY_ITERATION_DIRECTIVES = ["@for", "@map"];
-var MODEL_ELEMENT = ["INPUT", "SELECT", "TEXTAREA"];
-function parseTemplateForDirectives(template) {
-    var directives = [];
-    var lines = template.split("\n");
-    for (var lineIndex = 0; lineIndex < lines.length; lineIndex++) {
-        var line = lines[lineIndex];
-        var directiveRegex = /@(\w+)(?:\s*=\s*"([^"]*)"|\s*=\s*'([^']*)')?/g;
-        var match = void 0;
-        while ((match = directiveRegex.exec(line)) !== null) {
-            var directiveName = match[1];
-            var expression = match[2] || match[3] || "";
-            var elementMatch = line.match(/<(\w+)/);
-            var element = elementMatch ? elementMatch[1] : "unknown";
-            directives.push({
-                directive: "@".concat(directiveName),
-                expression: expression,
-                element: element.toUpperCase(),
-                line: lineIndex + 1,
-                column: match.index + 1
-            });
-        }
-    }
-    return directives;
-}
-function inferType(value) {
-    if (value === true || value === false)
-        return "boolean";
-    if (Array.isArray(value))
-        return "array";
-    if (typeof value === "number")
-        return "number";
-    if (typeof value === "string")
-        return "string";
-    if (typeof value === "object" && value !== null)
-        return "object";
-    if (value === null)
-        return "null";
-    return "unknown";
-}
-function getDataTypes(component) {
-    var types = new Map();
-    var data = component.getData();
-    if (data && typeof data === "object") {
-        Object.keys(data).forEach(function (key) {
-            types.set(key, inferType(data[key]));
-        });
-    }
-    return types;
-}
-function validateBooleanCondition(directive, component) {
-    var dataTypes = getDataTypes(component);
-    var actualType = dataTypes.get(directive.expression);
-    if (actualType && actualType !== "boolean") {
-        return {
-            rule: "boolean-condition",
-            message: "Directive '".concat(directive.directive, "' expects boolean but '").concat(directive.expression, "' is ").concat(actualType),
-            line: directive.line,
-            column: directive.column
-        };
-    }
-    return null;
-}
-function validateArrayIteration(directive, component) {
-    var dataTypes = getDataTypes(component);
-    var actualType = dataTypes.get(directive.expression);
-    if (actualType && actualType !== "array") {
-        return {
-            rule: "array-iteration",
-            message: "Directive '".concat(directive.directive, "' expects array but '").concat(directive.expression, "' is ").concat(actualType),
-            line: directive.line,
-            column: directive.column
-        };
-    }
-    return null;
-}
-function validateModelElement(directive, component) {
-    if (MODEL_ELEMENT.indexOf(directive.element) === -1) {
-        return {
-            rule: "valid-model-element",
-            message: "Directive '@model' can only be used on INPUT, SELECT, or TEXTAREA, but found '".concat(directive.element, "'"),
-            line: directive.line,
-            column: directive.column
-        };
-    }
-    return null;
-}
-export function lintComponent(component) {
-    var errors = [];
-    var template = component.getTemplate();
-    var directives = parseTemplateForDirectives(template);
-    for (var _i = 0, directives_1 = directives; _i < directives_1.length; _i++) {
-        var directive = directives_1[_i];
-        if (BOOLEAN_CONDITION_DIRECTIVES.indexOf(directive.directive) !== -1) {
-            var error = validateBooleanCondition(directive, component);
-            if (error)
-                errors.push(error);
-        }
-        if (ARRAY_ITERATION_DIRECTIVES.indexOf(directive.directive) !== -1) {
-            var error = validateArrayIteration(directive, component);
-            if (error)
-                errors.push(error);
-        }
-        if (directive.directive === "@model") {
-            var error = validateModelElement(directive, component);
-            if (error)
-                errors.push(error);
-        }
-    }
-    return errors;
-}
-export function lintComponents(components) {
-    var allErrors = new Map();
-    for (var _i = 0, components_1 = components; _i < components_1.length; _i++) {
-        var component = components_1[_i];
-        var errors = lintComponent(component);
-        if (errors.length > 0) {
-            allErrors.set(component.getName(), errors);
-        }
-    }
-    return allErrors;
-}

package/system/output/error.js

@@ -1,4 +0,0 @@
-window.onerror = function (message, source, lineno, colno, error) {
-    console.error("捕获到全局错误：", message, "在", source, "的第", lineno, "行");
-    return true;
-};