render-core 1.4.31 → 1.4.32

package/verify/directive-linter.js

@@ -1,123 +1,152 @@
-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;
-}
+// import {Component} from "../index";
+// import DirectiveLocation from "./generic/location";
+// import LintError from "./generic/lintError";
+//
+// const BOOLEAN_CONDITION_DIRECTIVES = ["@if", "@show"];
+// const ARRAY_ITERATION_DIRECTIVES = ["@for", "@map"];
+// const MODEL_ELEMENT = ["INPUT", "SELECT", "TEXTAREA"];
+//
+// function parseTemplateForDirectives(template: string): DirectiveLocation[] {
+//     const directives: DirectiveLocation[] = [];
+//     const lines = template.split("\n");
+//
+//     for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+//         const line = lines[lineIndex];
+//
+//         const directiveRegex = /@(\w+)(?:\s*=\s*"([^"]*)"|\s*=\s*'([^']*)')?/g;
+//         let match;
+//
+//         while ((match = directiveRegex.exec(line)) !== null) {
+//             const directiveName = match[1];
+//             const expression = match[2] || match[3] || "";
+//
+//             const elementMatch = line.match(/<(\w+)/);
+//             const element = elementMatch ? elementMatch[1] : "unknown";
+//
+//             directives.push({
+//                 directive: `@${directiveName}`,
+//                 expression: expression,
+//                 element: element.toUpperCase(),
+//                 line: lineIndex + 1,
+//                 column: match.index + 1
+//             });
+//         }
+//     }
+//
+//     return directives;
+// }
+//
+// function inferType(value: any): string {
+//     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: Component): Map<string, string> {
+//     const types = new Map<string, string>();
+//     const data = component.getData();
+//
+//     if (data && typeof data === "object") {
+//         Object.keys(data).forEach(function(key: string) {
+//             types.set(key, inferType((data as any)[key]));
+//         });
+//     }
+//
+//     return types;
+// }
+//
+// function validateBooleanCondition(
+//     directive: DirectiveLocation,
+//     component: Component
+// ): LintError | null {
+//     const dataTypes = getDataTypes(component);
+//     const actualType = dataTypes.get(directive.expression);
+//
+//     if (actualType && actualType !== "boolean") {
+//         return {
+//             rule: "boolean-condition",
+//             message: `Directive '${directive.directive}' expects boolean but '${directive.expression}' is ${actualType}`,
+//             line: directive.line,
+//             column: directive.column
+//         };
+//     }
+//
+//     return null;
+// }
+//
+// function validateArrayIteration(
+//     directive: DirectiveLocation,
+//     component: Component
+// ): LintError | null {
+//     const dataTypes = getDataTypes(component);
+//     const actualType = dataTypes.get(directive.expression);
+//
+//     if (actualType && actualType !== "array") {
+//         return {
+//             rule: "array-iteration",
+//             message: `Directive '${directive.directive}' expects array but '${directive.expression}' is ${actualType}`,
+//             line: directive.line,
+//             column: directive.column
+//         };
+//     }
+//
+//     return null;
+// }
+//
+// function validateModelElement(
+//     directive: DirectiveLocation,
+//     component: Component
+// ): LintError | null {
+//     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 '${directive.element}'`,
+//             line: directive.line,
+//             column: directive.column
+//         };
+//     }
+//
+//     return null;
+// }
+//
+// export function lintComponent(component: Component): LintError[] {
+//     const errors: LintError[] = [];
+//     const template = component.getTemplate();
+//     const directives = parseTemplateForDirectives(template);
+//
+//     for (const directive of directives) {
+//         if (BOOLEAN_CONDITION_DIRECTIVES.indexOf(directive.directive) !== -1) {
+//             const error = validateBooleanCondition(directive, component);
+//             if (error) errors.push(error);
+//         }
+//
+//         if (ARRAY_ITERATION_DIRECTIVES.indexOf(directive.directive) !== -1) {
+//             const error = validateArrayIteration(directive, component);
+//             if (error) errors.push(error);
+//         }
+//
+//         if (directive.directive === "@model") {
+//             const error = validateModelElement(directive, component);
+//             if (error) errors.push(error);
+//         }
+//     }
+//
+//     return errors;
+// }
+//
+// export function lintComponents(components: Component[]): Map<string, LintError[]> {
+//     const allErrors = new Map<string, LintError[]>();
+//
+//     for (const component of components) {
+//         const errors = lintComponent(component);
+//         if (errors.length > 0) {
+//             allErrors.set(component.getName(), errors);
+//         }
+//     }
+//
+//     return allErrors;
+// }

package/xboot/entrance.d.ts

@@ -1,16 +1,4 @@
-import { Component } from "../index";
-/**
- * The entrance of weave
- * @param root
- */
-export declare function render_for_weave(root?: string): void;
 /**
  * The entrance of listen
  */
-export declare function render_for_listen(): void;
-/**
- * The entrance of render
- * @param component
- * @param mounter
- */
-export declare function render_for_render(component: Component, mounter: string): void;
+export declare function render_for_listen(params: Map<string, any>, pathParams: Map<string, any>): void;

package/xboot/entrance.js

@@ -1,53 +1,7 @@
-import { themeStyle } from "../system/utility/style/styleUtility";
-import { renderHtml } from "./renderProcessor";
-import { get_context_controller, get_style_library, get_tag_library } from "../system/recorder/table0/system_func_0";
-import { router_listener_with_router, router_listener_without_router } from "../kernel/router/router";
-/**
- * The entrance of weave
- * @param root
- */
-export function render_for_weave(root) {
-    get_tag_library().forEach(function (component) {
-        themeStyle(component, get_style_library());
-    });
-    if (root == null) {
-        //开始渲染
-        get_context_controller().componentAttachedRootElement = document.body;
-        renderHtml(document.children, get_context_controller());
-    }
-    else {
-        var mountPoint = document.getElementById(root);
-        if (mountPoint == null) {
-            get_context_controller().componentAttachedRootElement = document.body;
-            //开始渲染
-            console.warn("Mount point not found");
-            console.warn("Mount point was selected to body");
-            renderHtml(document.body.children, get_context_controller());
-        }
-        else {
-            //开始渲染
-            get_context_controller().componentAttachedRootElement = mountPoint;
-            renderHtml(mountPoint.children, get_context_controller());
-        }
-    }
-}
+import { router_listener_with_router } from "../kernel/router/router";
 /**
  * The entrance of listen
  */
-export function render_for_listen() {
-    get_tag_library().forEach(function (component) {
-        themeStyle(component, get_style_library());
-    });
-    router_listener_with_router(document.querySelector("webview"));
-}
-/**
- * The entrance of render
- * @param component
- * @param mounter
- */
-export function render_for_render(component, mounter) {
-    get_tag_library().forEach(function (component) {
-        themeStyle(component, get_style_library());
-    });
-    router_listener_without_router(component, document.getElementById(mounter));
+export function render_for_listen(params, pathParams) {
+    router_listener_with_router(document.body, params, pathParams);
 }

package/xboot/renderProcessor.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../system/prototype/ContextController";
+import { ContextController } from "../system/generic/controller/prototype/ContextController";
 /**
  * This function is used to render element below the mount point.
  * @param collection

package/xboot/tagProcessor.d.ts

@@ -1,7 +1,7 @@
-import { Component } from "../index";
+import { AdjustComponent, ControlComponent } from "../index";
 /**
  * This function is used to save the prototype component proto in the window object.
  * So, you can have a tip that we custom a property named 'tagLib' in the window object.
  * @param component
  */
-export declare function registerTagLib(component: Component | Component[]): void;
+export declare function registerTagLib(component: AdjustComponent | AdjustComponent[] | ControlComponent | ControlComponent[]): void;