render-core 1.4.30 → 1.4.32

package/kernel/renderer/rawRender.d.ts

@@ -1,5 +1,5 @@
-import { ContextController } from "../../system/prototype/ContextController";
-import { Component } from "../../index";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param protoType
@@ -7,4 +7,4 @@ import { Component } from "../../index";
  * @param child
  * @param parentController
  */
-export declare function raw_renderer(protoType: Component, parent: ParentNode, child: ChildNode, parentController: ContextController): void;
+export declare function raw_renderer(protoType: AdjustComponent | ControlComponent, parent: ParentNode, child: Element, parentController: ContextController): void;

package/kernel/renderer/rawRender.js

@@ -1,16 +1,17 @@
-import { ContextController } from "../../system/prototype/ContextController";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
 import { directive_parse_collection_for_after, directive_parse_collection_for_before } from "../../system/utility/directive/cmdUtility";
 import { archive_mount, extract_mount } from "../../system/lifecycle/mount";
 import { inject_$commit_to_data, inject_$getter_to_data, inject_$http_to_data, inject_$name_to_data, inject_$pathVariable_to_data, inject_$plugins_to_data, inject_$props_to_data, inject_$publish_to_data, inject_$refs_to_data, inject_$setter_to_data, inject_computed_to_controller, inject_method_to_data, inject_watcher_to_controller, } from "../../system/injection/injector";
 import { after_process_for_post } from "../../system/lifecycle/lifeCycle";
 import { findComponent } from "../delivery/delivery";
-import { parse_directive_salt_collect } from "../directive/salt/v-solt";
+import { parse_directive_salt_collect } from "../directive/slot/v-slot";
 import { getTemplate } from "../../system/utility/initiate/templateUtility";
 import { loader_tag_style } from "../../system/utility/style/styleUtility";
 import { get_style_library } from "../../system/recorder/table0/system_func_0";
 import { get_proxy_for_computed, get_proxy_for_method, get_proxy_for_watcher } from "../proxyer/getProxy";
 import { dataInject } from "../../system/utility/data/dataUtility";
 import { get_commit_method, get_getter_method, get_publish_method, get_setter_method } from "../../system/injection/injection";
+import { AdjustComponent } from "../../index";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param protoType
@@ -29,7 +30,7 @@ export function raw_renderer(protoType, parent, child, parentController) {
     /* initiate to controller */
     currentController.parentController = parentController;
     currentController.prototypeOfComponent = protoType;
-    currentController.componentConfig.boxMode = protoType.getConfig()["boxMode"];
+    currentController.componentConfig.boxMode = protoType instanceof AdjustComponent;
     // @ts-ignore
     currentController.originalData = dataInject(protoType.getData());
     currentController.dataForMethod = get_proxy_for_method(currentController.originalData, currentController);
@@ -62,7 +63,7 @@ export function raw_renderer(protoType, parent, child, parentController) {
     after_process_for_post(currentController, parentController);
     /* find the next element to render */
     findComponent(currentController.componentAttachedRootElement.children, currentController);
-    if (!protoType.getConfig()["boxMode"])
+    if (protoType instanceof AdjustComponent)
         /* extract mount */
         extract_mount(currentController);
 }

package/kernel/renderer/updateRender.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../system/prototype/ContextController";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
 /**
  * Method for upgrade
  * @param currentController

package/kernel/router/router.d.ts

@@ -1,12 +1,6 @@
-import { Component } from "../../index";
 /**
- *
  * @param view
+ * @param params
+ * @param pathParams
  */
-export declare function router_listener_with_router(view: HTMLElement): void;
-/**
- *
- * @param component
- * @param mounter
- */
-export declare function router_listener_without_router(component: Component, mounter: HTMLElement): void;
+export declare function router_listener_with_router(view: HTMLElement, params: Map<string, any>, pathParams: Map<string, any>): void;

package/kernel/router/router.js

@@ -1,37 +1,17 @@
 import { get_context_controller } from "../../system/recorder/table0/system_func_0";
 import { spa_delivery } from "../delivery/delivery";
 import { get_system_ext_router } from "../../system/recorder/table3/system_func_3";
-import { set_path_variable } from "../../system/recorder/table1/system_func_1";
+import { set_params_variable, set_path_variable } from "../../system/recorder/table1/system_func_1";
 /**
- *
  * @param view
+ * @param params
+ * @param pathParams
  */
-export function router_listener_with_router(view) {
-    if (!get_system_ext_router())
-        console.warn("Router not supported");
-    else {
-        if (view !== null) {
-            var controller = get_context_controller();
-            var router = get_system_ext_router();
-            var component = router.getComponent();
-            var variable = router.getPathVariable();
-            set_path_variable(variable);
-            spa_delivery(component, view.parentNode, view, controller);
-        }
-        else
-            console.warn("Without view element to render");
-    }
-}
-/**
- *
- * @param component
- * @param mounter
- */
-export function router_listener_without_router(component, mounter) {
-    if (mounter !== null) {
-        var controller = get_context_controller();
-        spa_delivery(component, mounter.parentNode, mounter, controller);
-    }
-    else
-        console.warn("Without mounter element to render");
+export function router_listener_with_router(view, params, pathParams) {
+    var controller = get_context_controller();
+    var router = get_system_ext_router();
+    var component = router.getComponent();
+    set_params_variable(params);
+    set_path_variable(pathParams);
+    spa_delivery(component.component, view, controller);
 }

package/package.json

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

package/system/generic/component/ComponentGeneric.d.ts

@@ -1,8 +1,8 @@
 export interface ComponentGeneric {
     getName(): string;
     getTemplate(): string;
-    getConfig(): {};
-    getBoxStyle(): string;
+    getStyle(): string;
+    getVDate(): string;
     getProps(): {};
     getData(): {};
     getMethods(): {};

package/system/generic/component/instance/AbstractComponent.d.ts

@@ -0,0 +1,41 @@
+import { ComponentGeneric } from "../ComponentGeneric";
+/**
+ * This is the component prototype.
+ */
+export declare abstract class AbstractComponent implements ComponentGeneric {
+    private readonly template;
+    private readonly style;
+    private readonly props?;
+    private readonly data?;
+    private readonly methods?;
+    private readonly computed?;
+    private readonly watcher?;
+    private readonly beforeRender?;
+    private readonly afterRender?;
+    protected constructor(config: {
+        template: {
+            name: string;
+            vDate: string;
+            template: string;
+        };
+        style?: string;
+        props?: {} | string[];
+        data?: {};
+        computed?: {};
+        methods?: {};
+        watcher?: {};
+        beforeRender?: () => void;
+        afterRender?: () => void;
+    });
+    getName(): string;
+    getTemplate(): string;
+    getVDate(): string;
+    getStyle(): string;
+    getProps(): {};
+    getData(): {};
+    getMethods(): {};
+    getComputed(): {};
+    getWatcher(): {};
+    getBeforeRender(): () => void;
+    getAfterRender(): () => void;
+}

package/system/generic/component/instance/AbstractComponent.js

@@ -0,0 +1,98 @@
+/**
+ * This is the component prototype.
+ */
+var AbstractComponent = /** @class */ (function () {
+    function AbstractComponent(config) {
+        //标签模板样式
+        this.template = config.template;
+        if (typeof config.style === "undefined") {
+            this.style = "";
+        }
+        else {
+            this.style = config.style;
+        }
+        //props validate
+        if (typeof config.props === "undefined") {
+            this.props = [];
+        }
+        else {
+            this.props = config.props;
+        }
+        //添加数据
+        if (typeof config.data === "undefined") {
+            this.data = {};
+        }
+        else {
+            this.data = config.data;
+        }
+        //添加计算属性
+        if (typeof config.computed === "undefined") {
+            this.computed = {};
+        }
+        else {
+            this.computed = config.computed;
+        }
+        //添加方法属性
+        if (typeof config.methods === "undefined") {
+            this.methods = {};
+        }
+        else {
+            this.methods = config.methods;
+        }
+        //添加监控属性
+        if (typeof config.watcher === "undefined") {
+            this.watcher = {};
+        }
+        else {
+            this.watcher = config.watcher;
+        }
+        //生命周期函数
+        if (typeof config.beforeRender === "undefined") {
+            this.beforeRender = function () { };
+        }
+        else {
+            this.beforeRender = config.beforeRender;
+        }
+        if (typeof config.afterRender === "undefined") {
+            this.afterRender = function () { };
+        }
+        else {
+            this.afterRender = config.afterRender;
+        }
+    }
+    AbstractComponent.prototype.getName = function () {
+        return this.template.name;
+    };
+    AbstractComponent.prototype.getTemplate = function () {
+        return this.template.template;
+    };
+    AbstractComponent.prototype.getVDate = function () {
+        return this.template.vDate;
+    };
+    AbstractComponent.prototype.getStyle = function () {
+        return this.style;
+    };
+    AbstractComponent.prototype.getProps = function () {
+        return this.props;
+    };
+    AbstractComponent.prototype.getData = function () {
+        return this.data;
+    };
+    AbstractComponent.prototype.getMethods = function () {
+        return this.methods;
+    };
+    AbstractComponent.prototype.getComputed = function () {
+        return this.computed;
+    };
+    AbstractComponent.prototype.getWatcher = function () {
+        return this.watcher;
+    };
+    AbstractComponent.prototype.getBeforeRender = function () {
+        return this.beforeRender;
+    };
+    AbstractComponent.prototype.getAfterRender = function () {
+        return this.afterRender;
+    };
+    return AbstractComponent;
+}());
+export { AbstractComponent };

package/system/generic/controller/ControllerGeneric.d.ts

@@ -1,12 +1,12 @@
-import { ContextController } from "../../prototype/ContextController";
-import { Component } from "../../../index";
+import { ContextController } from "./prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../../index";
 import { OriginalDataGeneric } from "../data/OriginalDataGeneric";
 /**
  * The class is the prototype of controller
  */
 export interface ControllerGeneric {
     componentAttachedRootElement: ParentNode;
-    prototypeOfComponent: Component;
+    prototypeOfComponent: AdjustComponent | ControlComponent;
     parentController: ContextController;
     anchorBegin: HTMLElement;
     anchorEnd: HTMLElement;

package/system/generic/controller/prototype/ContextController.d.ts

@@ -0,0 +1,30 @@
+import { ControllerGeneric } from "../ControllerGeneric";
+import { AdjustComponent, ControlComponent } from "../../../../index";
+import { OriginalDataGeneric } from "../../data/OriginalDataGeneric";
+import { ComputedDataGeneric } from "../../data/ComputedDataGeneric";
+import { WatcherDataGeneric } from "../../data/WatcherDataGeneric";
+export declare class ContextController implements ControllerGeneric {
+    componentAttachedRootElement: ParentNode | Element;
+    prototypeOfComponent: AdjustComponent | ControlComponent;
+    parentController: ContextController;
+    anchorBegin: HTMLElement;
+    anchorEnd: HTMLElement;
+    componentConfig: {
+        boxMode: boolean;
+        plugins?: Map<string, any>;
+    };
+    originalData: OriginalDataGeneric;
+    dataForMethod: OriginalDataGeneric;
+    dataForComputed: ComputedDataGeneric;
+    dataForWatcher: WatcherDataGeneric;
+    salt: Map<string, any>;
+    lazyComponent: Map<string, {}>;
+    slaveComponent: ContextController[];
+    method: {};
+    computed: {};
+    watcher: {};
+    constructor(config: {
+        boxMode: boolean;
+    });
+    receiver(method: string, ...args: any[]): any;
+}

package/system/generic/controller/prototype/ContextController.js

@@ -0,0 +1,17 @@
+var ContextController = /** @class */ (function () {
+    function ContextController(config) {
+        this.componentConfig = config;
+        this.lazyComponent = new Map();
+        this.slaveComponent = Array();
+        this.salt = new Map();
+    }
+    ContextController.prototype.receiver = function (method) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        return this.prototypeOfComponent.getMethods()[method].apply(this.dataForMethod, args);
+    };
+    return ContextController;
+}());
+export { ContextController };

package/system/generic/controller/prototype/HttpAction.d.ts

@@ -0,0 +1,9 @@
+import { HttpGeneric } from "../../http/HttpGeneric";
+export declare class HttpAction implements HttpGeneric {
+    redirect(url: string, parameters: {}): void;
+    /**
+     * locate the position
+     * @param position
+     */
+    relocate(position: string): void;
+}

package/system/generic/controller/prototype/HttpAction.js

@@ -0,0 +1,37 @@
+var HttpAction = /** @class */ (function () {
+    function HttpAction() {
+    }
+    HttpAction.prototype.redirect = function (url, parameters) {
+        if (parameters !== null) {
+            var params = Object.getOwnPropertyNames(parameters);
+            if (params.length !== 0) {
+                var queries_1 = "";
+                params.forEach(function (value) {
+                    if (queries_1 === "") {
+                        queries_1 = queries_1 + value + "=" + parameters[value].toString();
+                    }
+                    else {
+                        queries_1 = queries_1 + "&" + value + "=" + parameters[value].toString();
+                    }
+                });
+                queries_1 = encodeURI(queries_1);
+                location.href = url + "?" + queries_1;
+            }
+            else {
+                location.href = url;
+            }
+        }
+        else {
+            location.href = url;
+        }
+    };
+    /**
+     * locate the position
+     * @param position
+     */
+    HttpAction.prototype.relocate = function (position) {
+        location.hash = position;
+    };
+    return HttpAction;
+}());
+export { HttpAction };

package/system/generic/data/ComputedDataGeneric.d.ts

@@ -1,4 +1,4 @@
-import { HttpAction } from "../../prototype/HttpAction";
+import { HttpAction } from "../controller/prototype/HttpAction";
 export interface ComputedDataGeneric {
     $name?: string;
     $props?: Map<string, any>;

package/system/generic/data/OriginalDataGeneric.d.ts

@@ -1,4 +1,4 @@
-import { HttpAction } from "../../prototype/HttpAction";
+import { HttpAction } from "../controller/prototype/HttpAction";
 export interface OriginalDataGeneric {
     $name?: string;
     $props?: Map<string, any>;

package/system/generic/data/WatcherDataGeneric.d.ts

@@ -1,4 +1,4 @@
-import { HttpAction } from "../../prototype/HttpAction";
+import { HttpAction } from "../controller/prototype/HttpAction";
 export interface WatcherDataGeneric {
     $name?: string;
     $props?: Map<string, any>;

package/system/generic/render/RenderGeneric.d.ts

@@ -1,9 +1,7 @@
 import { PluginGeneric } from "../../../tension/generic/plugin/PluginGeneric";
-import { Component } from "../../../index";
+import { AdjustComponent, ControlComponent } from "../../../index";
 export interface RenderGeneric {
     use_plugin(plugin: PluginGeneric): void;
-    add_tag(component: Component): void;
+    add_tag(component: AdjustComponent | ControlComponent): void;
     listen(): void;
-    render(component: Component, mounter: string): void;
-    weave(mounter: string): void;
 }

package/system/injection/injection.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../prototype/ContextController";
+import { ContextController } from "../generic/controller/prototype/ContextController";
 /**
  *
  * @param controller

package/system/injection/injector.d.ts

@@ -1,5 +1,5 @@
-import { ContextController } from "../prototype/ContextController";
-import { Component } from "../../index";
+import { ContextController } from "../generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
 /**
  *
  * @param name
@@ -63,16 +63,16 @@ export declare function inject_$getter_to_data(data: {}, getter: any): void;
  * @param controller
  * @param proto
  */
-export declare function inject_method_to_data(controller: ContextController, proto: Component): void;
+export declare function inject_method_to_data(controller: ContextController, proto: AdjustComponent | ControlComponent): void;
 /**
  *
  * @param controller
  * @param proto
  */
-export declare function inject_watcher_to_controller(controller: ContextController, proto: Component): void;
+export declare function inject_watcher_to_controller(controller: ContextController, proto: AdjustComponent | ControlComponent): void;
 /**
  *
  * @param controller
  * @param proto
  */
-export declare function inject_computed_to_controller(controller: ContextController, proto: Component): void;
+export declare function inject_computed_to_controller(controller: ContextController, proto: AdjustComponent | ControlComponent): void;

package/system/lifecycle/lifeCycle.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../prototype/ContextController";
+import { ContextController } from "../generic/controller/prototype/ContextController";
 /**
  * This function handles pre-render operations
  * @param currenController

package/system/lifecycle/mount.d.ts

@@ -1,5 +1,5 @@
-import { ContextController } from "../prototype/ContextController";
-import { Component } from "../../index";
+import { ContextController } from "../generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
 /**
  * This function is used to mount the dom to the HTML document.
  * @param controller
@@ -8,7 +8,7 @@ import { Component } from "../../index";
  * @param child
  * @param tagTemplate
  */
-export declare function archive_mount(controller: ContextController, proto: Component, parent: ParentNode, child: ChildNode, tagTemplate: Element): void;
+export declare function archive_mount(controller: ContextController, proto: AdjustComponent | ControlComponent, parent: ParentNode, child: ChildNode, tagTemplate: Element): void;
 /**
  * Insert elements without div element
  * @param root

package/system/lifecycle/mount.js

@@ -10,7 +10,7 @@ export function archive_mount(controller, proto, parent, child, tagTemplate) {
     //mount
     var renderSpace = document.createElement("div");
     //给box添加样式
-    renderSpace.setAttribute("style", proto.getBoxStyle());
+    renderSpace.setAttribute("style", proto.getStyle());
     //指定渲染空间
     controller.componentAttachedRootElement = renderSpace;
     //开始渲染

package/system/recorder/table0/system_func_0.d.ts

@@ -1,20 +1,20 @@
-import { Component } from "../../../index";
-import { ContextController } from "../../prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../../index";
+import { ContextController } from "../../generic/controller/prototype/ContextController";
 /**
  * Use the func to inject a tag component to the tag-library.
  * @param tagName The tag name
  * @param tagDefine The tag prototype class
  */
-export declare function tag_library_inject(tagName: string, tagDefine: Component): void;
+export declare function tag_library_inject(tagName: string, tagDefine: AdjustComponent | ControlComponent): void;
 /**
  * Use the func to get a tag prototype class
  * @param tagName The name of tag you want to search
  */
-export declare function tag_library_search(tagName: string): Component | null;
+export declare function tag_library_search(tagName: string): AdjustComponent | ControlComponent | null;
 /**
  * From the system_t_0 table, get tag library
  */
-export declare function get_tag_library(): Map<string, Component>;
+export declare function get_tag_library(): Map<string, AdjustComponent | ControlComponent>;
 /**
  * From the system_t_0 table, get style library
  */

package/system/recorder/table0/system_t_0.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "../../../index";
+import { AdjustComponent, ControlComponent } from "../../../index";
 declare const _default: {
-    tagLib: Map<string, Component>;
+    tagLib: Map<string, AdjustComponent | ControlComponent>;
     styleLib: Map<string, Map<string, string>>;
     contextController: any;
 };

package/system/recorder/table1/system_func_1.d.ts

@@ -4,5 +4,7 @@ export declare function set_router_mode(value: boolean): void;
 export declare function get_route_mode(): boolean;
 export declare function set_path_variable(value: object): void;
 export declare function get_path_variable(): Map<string, string>;
+export declare function set_params_variable(value: object): void;
+export declare function get_params_variable(): Map<string, string>;
 export declare function get_route_table(): object;
 export declare function set_route_table(value: object): void;

package/system/recorder/table1/system_func_1.js

@@ -17,6 +17,12 @@ export function set_path_variable(value) {
 export function get_path_variable() {
     return Reflect.get(system_t_1, "pathVariable");
 }
+export function set_params_variable(value) {
+    Reflect.set(system_t_1, "params", value);
+}
+export function get_params_variable() {
+    return Reflect.get(system_t_1, "params");
+}
 export function get_route_table() {
     return Reflect.get(system_t_1, "routeTable");
 }

package/system/recorder/table3/system_func_3.d.ts

@@ -1,4 +1,4 @@
-import { HttpAction } from "../../prototype/HttpAction";
+import { HttpAction } from "../../generic/controller/prototype/HttpAction";
 import { RouterGeneric } from "../../../tension/generic/router/RouterGeneric";
 export declare function set_system_ext_router(router: RouterGeneric): void;
 export declare function get_system_ext_router(): RouterGeneric;

package/system/utility/directive/cmdUtility.d.ts

@@ -1,12 +1,12 @@
-import { ContextController } from "../../prototype/ContextController";
-import { Component } from "../../../index";
+import { ContextController } from "../../generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../../index";
 /**
  * This function is used to parse_directive those commands which should be executed before mount.
  * @param tagTemplate
  * @param proto
  * @param controller
  */
-export declare function directive_parse_collection_for_before(tagTemplate: Element, proto: Component, controller: ContextController): void;
+export declare function directive_parse_collection_for_before(tagTemplate: Element, proto: AdjustComponent | ControlComponent, controller: ContextController): void;
 /**
  * This function is used to parse_directive those commands which should be executed after mount.
  * @param templateSpace

package/system/utility/directive/cmdUtility.js

@@ -9,7 +9,7 @@ import { parse_directive_render } from "../../../kernel/directive/justify/v-rend
 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-array";
-import { parse_directive_salt_extract } from "../../../kernel/directive/salt/v-solt";
+import { parse_directive_salt_extract } from "../../../kernel/directive/slot/v-slot";
 import { parse_directive_expression } from "../../../kernel/directive/data/v-el";
 import { parse_directive_for_map } from "../../../kernel/directive/loop/v-map";
 /**

package/system/utility/initiate/miscUtility.js

@@ -1,3 +1,4 @@
+import { hashName } from "../style/styleUtility";
 /**
  * This func used to add tag label to the content of the user tag
  * @param nodes
@@ -5,7 +6,7 @@
  */
 export function add_label_to_element(nodes, component) {
     for (var i = 0; i < nodes.length; i++) {
-        nodes[i].setAttribute("cpn", component);
+        nodes[i].setAttribute("v-data", hashName(component));
         var kk = nodes[i].children;
         add_label_to_element(kk, component);
     }

package/system/utility/initiate/templateUtility.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "../../../index";
+import { AdjustComponent, ControlComponent } from "../../../index";
 /**
  * This func used to get the view tag from the template
  * @param proto
  */
-export declare function getTemplate(proto: Component): Element;
+export declare function getTemplate(proto: AdjustComponent | ControlComponent): Element;

package/system/utility/react/inputType.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../prototype/ContextController";
+import { ContextController } from "../../generic/controller/prototype/ContextController";
 /**
  * This func used to resolve input-data which is the text type
  * @param target

package/system/utility/react/sectionUtility.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../prototype/ContextController";
+import { ContextController } from "../../generic/controller/prototype/ContextController";
 /**
  *
  * @param controller