render-core 1.4.0 → 1.4.2

package/index.d.ts

@@ -1,21 +1,50 @@
-import { ContextController } from "./controller/ContextController";
-import { AbstractRenderJS, Component } from "render-refer";
-import { PluginGeneric } from "render-refer/generic/PluginGeneric";
-import { RenderGeneric } from "./generic/RenderGeneric";
-export declare var Property: {
-    STRING: string;
-    INT: string;
-    FLOAT: string;
-    BOOLEAN: string;
-    JSON: string;
-};
+import { RenderGeneric } from "./system/generic/RenderGeneric";
+import { ContextController } from "./system/define/ContextController";
+import { PluginGeneric } from "./tension/generic/PluginGeneric";
+import { HooksGeneric } from "./tension/generic/HooksGeneric";
+import { AbstractComponent } from "./tension/prototype/AbstractComponent";
+import { PrefaceGeneric } from "./tension/generic/PrefaceGeneric";
+/**
+ * This class is used to define the properties type
+ */
+export declare class PropertyType {
+    static STRING: 'string';
+    static INT: 'int';
+    static FLOAT: 'float';
+    static BOOLEAN: 'boolean';
+    static JSON: 'json';
+}
+export declare abstract class AbstractRenderJS implements RenderGeneric {
+    use_plugin(plugin: AbstractPlugin): void;
+}
+export declare abstract class AbstractPlugin implements PluginGeneric {
+    plugin(preface: PrefaceGeneric, hooks: HooksGeneric): void;
+}
+/**
+ * Here is the template class for render component!
+ */
+export declare class Component extends AbstractComponent {
+    constructor(config: {
+        name: string;
+        template: string;
+        config: {
+            boxMode: boolean;
+        };
+        boxStyle?: string;
+        props?: {} | string[];
+        data?: {};
+        computed?: {};
+        methods?: {};
+        watcher?: {};
+        beforeRender?: () => void;
+        afterRender?: () => void;
+    });
+}
 /**
  * This proto is the application proto.
  */
-export declare class RenderJS extends AbstractRenderJS implements RenderGeneric {
-    readonly tagLib: Map<string, Component>;
-    readonly styleLib: Map<string, Map<string, string>>;
-    readonly rjsLib: Map<string, any>;
+export declare class RenderJS extends AbstractRenderJS {
+    routeMode: boolean;
     contextController: ContextController;
     constructor();
     /**
@@ -27,32 +56,17 @@ export declare class RenderJS extends AbstractRenderJS implements RenderGeneric
     /**
      * This func is the plugin entry to third vendor
      */
-    use(plugin: PluginGeneric): void;
+    use_plugin(plugin: PluginGeneric): void;
     /**
      * You can use the method to register your single component or an array of components.
      * @param component
      */
     addTag(component: Component | Component[]): void;
-    /**
-     * This is the method to config some system's props.
-     * @param prop
-     * @param value
-     */
-    setConfig(prop: string, value: any): void;
-    /**
-     * This is the method to get some system's props.
-     * @param prop
-     */
-    getConfig(prop: string): any;
-    /**
-     * Inject something to global lib.
-     * @param prop
-     * @param value
-     */
-    injectElement(prop: string, value: any): void;
     /**
      * This method is the booster method of the render.
      * @return void
      */
-    run(root?: string): void;
+    run(component?: Component, root?: string): void;
+    private spa_run;
+    private mpa_run;
 }

package/index.js

@@ -13,20 +13,50 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { ContextController } from "./controller/ContextController";
-import { render } from "./runtime/Entrance";
-import { AbstractRenderJS } from "render-refer";
-import { registerTagLib } from "./runtime/tag/TagProcessor";
-import RenderConfig from "./runtime/config/RenderConfig";
-import { Executor } from "./core/exexutor/executor";
-//Props 解析字段
-export var Property = {
-    STRING: 'string',
-    INT: 'int',
-    FLOAT: 'float',
-    BOOLEAN: 'boolean',
-    JSON: 'json'
-};
+import { render_for_mpa, render_for_spa } from "./xboot/Entrance";
+import { registerTagLib } from "./xboot/TagProcessor";
+import { HooksAction } from "./tension/prototype/HooksAction";
+import { ContextController } from "./system/define/ContextController";
+import { AbstractComponent } from "./tension/prototype/AbstractComponent";
+import { get_router_for_application, set_context_controller } from "./system/recorder/table0/system_func_0";
+import { PrefaceAction } from "./tension/prototype/PrefaceAction";
+import { DefaultRouterPlugin } from "./tension/DefaultRouterPlugin";
+/**
+ * This class is used to define the properties type
+ */
+var PropertyType = /** @class */ (function () {
+    function PropertyType() {
+    }
+    return PropertyType;
+}());
+export { PropertyType };
+var AbstractRenderJS = /** @class */ (function () {
+    function AbstractRenderJS() {
+    }
+    AbstractRenderJS.prototype.use_plugin = function (plugin) {
+    };
+    return AbstractRenderJS;
+}());
+export { AbstractRenderJS };
+var AbstractPlugin = /** @class */ (function () {
+    function AbstractPlugin() {
+    }
+    AbstractPlugin.prototype.plugin = function (preface, hooks) {
+    };
+    return AbstractPlugin;
+}());
+export { AbstractPlugin };
+/**
+ * Here is the template class for render component!
+ */
+var Component = /** @class */ (function (_super) {
+    __extends(Component, _super);
+    function Component(config) {
+        return _super.call(this, config) || this;
+    }
+    return Component;
+}(AbstractComponent));
+export { Component };
 /**
  * This proto is the application proto.
  */
@@ -34,15 +64,10 @@ var RenderJS = /** @class */ (function (_super) {
     __extends(RenderJS, _super);
     function RenderJS() {
         var _this = _super.call(this) || this;
-        //initiate the tagLib object
-        _this.tagLib = new Map();
-        //initiate the styleLib object
-        _this.styleLib = new Map();
-        //initiate the lib
-        _this.rjsLib = new Map();
+        _this.routeMode = false;
         //initiate the page controller
         _this.contextController = new ContextController({
-            boxMode: true,
+            boxMode: false,
         });
         return _this;
     }
@@ -57,51 +82,41 @@ var RenderJS = /** @class */ (function (_super) {
     /**
      * This func is the plugin entry to third vendor
      */
-    RenderJS.prototype.use = function (plugin) {
-        plugin.plugin(this, new Executor());
+    RenderJS.prototype.use_plugin = function (plugin) {
+        plugin.plugin(new PrefaceAction(), new HooksAction());
     };
     /**
      * You can use the method to register your single component or an array of components.
      * @param component
      */
     RenderJS.prototype.addTag = function (component) {
-        registerTagLib(this, component);
-    };
-    /**
-     * This is the method to config some system's props.
-     * @param prop
-     * @param value
-     */
-    RenderJS.prototype.setConfig = function (prop, value) {
-        Reflect.set(RenderConfig, prop, value);
-    };
-    /**
-     * This is the method to get some system's props.
-     * @param prop
-     */
-    RenderJS.prototype.getConfig = function (prop) {
-        return Reflect.get(RenderConfig, prop);
-    };
-    /**
-     * Inject something to global lib.
-     * @param prop
-     * @param value
-     */
-    RenderJS.prototype.injectElement = function (prop, value) {
-        this.rjsLib.set(prop, value);
+        registerTagLib(component);
     };
     /**
      * This method is the booster method of the render.
      * @return void
      */
-    RenderJS.prototype.run = function (root) {
-        this.setConfig("tagLib", this.tagLib);
-        this.setConfig("styleLib", this.styleLib);
-        this.setConfig("rjsLib", this.rjsLib);
-        this.setConfig("context", this.contextController);
-        this.setConfig("render", this);
-        //execute
-        render(this, root);
+    RenderJS.prototype.run = function (component, root) {
+        set_context_controller(this.contextController);
+        if (get_router_for_application() == null) {
+            this.use_plugin(new DefaultRouterPlugin({
+                mode: "history",
+                table: [{
+                        path: "",
+                        component: null
+                    }]
+            }));
+        }
+        if (this.routeMode)
+            this.spa_run(component);
+        else
+            this.mpa_run(root);
+    };
+    RenderJS.prototype.spa_run = function (component) {
+        render_for_spa(component);
+    };
+    RenderJS.prototype.mpa_run = function (root) {
+        render_for_mpa(root);
     };
     return RenderJS;
 }(AbstractRenderJS));

package/kernel/delivery/delivery.d.ts

@@ -0,0 +1,5 @@
+import { ContextController } from "../../system/define/ContextController";
+import { Component } from "../../index";
+export declare function spa_delivery(protoTypeComponent: Component, componentAttachedRootElement: ParentNode, child: Element, parentController: ContextController): void;
+export declare function mpa_delivery(protoTypeComponent: Component, componentAttachedRootElement: ParentNode, child: Element, parentController: ContextController): void;
+export declare function findComponent(collection: HTMLCollection, parentController: ContextController): void;

package/kernel/delivery/delivery.js

@@ -0,0 +1,52 @@
+import { isUnKnown } from "../../system/utility/checkUtility";
+import { get_tag_library } from "../../system/recorder/table0/system_func_0";
+import { init_renderer } from "../renderer/initRender";
+import { post_renderer } from "../renderer/postRender";
+import { raw_renderer } from "../renderer/rawRender";
+import { renderHtml } from "../../xboot/RenderProcessor";
+export function spa_delivery(protoTypeComponent, componentAttachedRootElement, child, parentController) {
+    raw_renderer(protoTypeComponent, componentAttachedRootElement, child, parentController);
+}
+export function mpa_delivery(protoTypeComponent, componentAttachedRootElement, child, parentController) {
+    //两种渲染方式
+    if (child.hasAttribute("name")) {
+        //需要保持状态的渲染
+        if (parentController.lazyComponent.has(child.getAttribute("name"))) {
+            //该元素存在旧数据，是更新渲染
+            init_renderer(protoTypeComponent, componentAttachedRootElement, child, parentController);
+        }
+        else {
+            //该元素不存在旧数据，是第一次渲染
+            post_renderer(protoTypeComponent, componentAttachedRootElement, child, parentController);
+        }
+    }
+    else {
+        if (isUnKnown(child.nodeName.toUpperCase())) {
+            //从tag库中获取该组件的定义
+            var component = get_tag_library().get(child.nodeName.toUpperCase());
+            if (!component) {
+                //没有找到定义，向控制台输出警告
+                console.error(child.nodeName.toUpperCase() + " can't be found in renderJs, you should firstly register in renderJs");
+            }
+            else {
+                //找到，渲染自定义标签
+                raw_renderer(protoTypeComponent, componentAttachedRootElement, child, parentController);
+            }
+        }
+        else {
+            //非自定义标签，深度解析
+            renderHtml(child.children, parentController);
+        }
+    }
+}
+//拓展标签深度渲染
+export function findComponent(collection, parentController) {
+    for (var i = 0; i < collection.length; i++) {
+        if (isUnKnown(collection[i].nodeName)) {
+            mpa_delivery(get_tag_library().get(collection[i].nodeName.toUpperCase()), collection[i].parentNode, collection[i], parentController);
+        }
+        else {
+            findComponent(collection[i].children, parentController);
+        }
+    }
+}

package/kernel/directive/data/v-el.d.ts

@@ -0,0 +1,8 @@
+import { ContextController } from "../../../system/define/ContextController";
+/**
+ *
+ * @param node
+ * @param data
+ * @param controller
+ */
+export declare function parse_directive_expression(node: ParentNode, data: {}, controller: ContextController): void;

package/{core/cmd → kernel/directive}/data/v-el.js

@@ -4,7 +4,7 @@
  * @param data
  * @param controller
  */
-export function resolver_expression(node, data, controller) {
+export function parse_directive_expression(node, data, controller) {
     if (node.hasChildNodes()) {
         for (var j = 0; j < node.childNodes.length; j++) {
             if (node.childNodes[j].nodeType === 3) {
@@ -21,7 +21,7 @@ export function resolver_expression(node, data, controller) {
             }
             else if (node.childNodes[j].nodeType === 1) {
                 // @ts-ignore
-                resolver_expression(node.childNodes[j], data, controller);
+                parse_directive_expression(node.childNodes[j], data, controller);
             }
         }
     }

package/kernel/directive/data/v-html.d.ts

@@ -0,0 +1,8 @@
+import { ContextController } from "../../../system/define/ContextController";
+/**
+ *
+ * @param elements
+ * @param data
+ * @param controller
+ */
+export declare function parse_directive_html(elements: HTMLCollection, data: {}, controller: ContextController): void;

package/{core/cmd → kernel/directive}/data/v-html.js

@@ -4,7 +4,7 @@
  * @param data
  * @param controller
  */
-export function resolver_html(elements, data, controller) {
+export function parse_directive_html(elements, data, controller) {
     for (var i = 0; i < elements.length; i++) {
         if (elements[i].hasAttribute("@html")) {
             var dataName = elements[i].getAttribute("@html");
@@ -21,6 +21,6 @@ export function resolver_html(elements, data, controller) {
                 console.error("Can not find data:" + dataName + " in the component");
             }
         }
-        resolver_html(elements[i].children, data, controller);
+        parse_directive_html(elements[i].children, data, controller);
     }
 }

package/kernel/directive/data/v-txt.d.ts

@@ -0,0 +1,8 @@
+import { ContextController } from "../../../system/define/ContextController";
+/**
+ *
+ * @param elements
+ * @param data
+ * @param controller
+ */
+export declare function parse_directive_txt(elements: HTMLCollection, data: {}, controller: ContextController): void;

package/{core/cmd → kernel/directive}/data/v-txt.js

@@ -4,7 +4,7 @@
  * @param data
  * @param controller
  */
-export function resolver_txt(elements, data, controller) {
+export function parse_directive_txt(elements, data, controller) {
     for (var i = 0; i < elements.length; i++) {
         var result = elements[i].hasAttribute("@txt");
         if (result) {
@@ -24,6 +24,6 @@ export function resolver_txt(elements, data, controller) {
                 console.error("Can not find data:" + dataName + " in the component");
             }
         }
-        resolver_txt(elements[i].children, data, controller);
+        parse_directive_txt(elements[i].children, data, controller);
     }
 }

package/kernel/directive/justify/v-if.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param elements
+ * @param data
+ */
+export declare function parse_directive_if(elements: HTMLCollection, data: {}): void;

package/{core/cmd → kernel/directive}/justify/v-if.js

@@ -3,7 +3,7 @@
  * @param elements
  * @param data
  */
-export function resolver_if(elements, data) {
+export function parse_directive_if(elements, data) {
     var tag = false;
     //在当前级别下寻找到v-if
     for (var i = 0; i < elements.length; i++) {
@@ -26,7 +26,7 @@ export function resolver_if(elements, data) {
                 return;
             }
         }
-        resolver_if(elements[i].children, data);
+        parse_directive_if(elements[i].children, data);
     }
     //v-if渲染失败，寻找到是否匹配的v-else
     for (var j = 0; j < elements.length; j++) {

package/kernel/directive/justify/v-render.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param elements
+ * @param data
+ */
+export declare function parse_directive_render(elements: HTMLCollection, data: {}): void;

package/{core/cmd → kernel/directive}/justify/v-render.js

@@ -3,7 +3,7 @@
  * @param elements
  * @param data
  */
-export function resolver_render(elements, data) {
+export function parse_directive_render(elements, data) {
     for (var i = 0; i < elements.length; i++) {
         var result = elements[i].hasAttribute("@render");
         if (result) {
@@ -21,6 +21,6 @@ export function resolver_render(elements, data) {
                 console.log("@render instruct should be used with boolean!");
             }
         }
-        resolver_render(elements[i].children, data);
+        parse_directive_render(elements[i].children, data);
     }
 }

package/kernel/directive/justify/v-show.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param elements
+ * @param data
+ */
+export declare function parse_directive_show(elements: HTMLCollection, data: {}): void;

package/{core/cmd → kernel/directive}/justify/v-show.js

@@ -3,7 +3,7 @@
  * @param elements
  * @param data
  */
-export function resolver_show(elements, data) {
+export function parse_directive_show(elements, data) {
     for (var i = 0; i < elements.length; i++) {
         var result = elements[i].hasAttribute("@show");
         if (result) {
@@ -21,6 +21,6 @@ export function resolver_show(elements, data) {
                 console.log("@show instruct should be used with boolean!");
             }
         }
-        resolver_show(elements[i].children, data);
+        parse_directive_show(elements[i].children, data);
     }
 }

package/kernel/directive/justify/v-switch.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param elements
+ * @param data
+ */
+export declare function parse_directive_switch(elements: HTMLCollection, data: {}): void;

package/{core/cmd → kernel/directive}/justify/v-switch.js

@@ -3,7 +3,7 @@
  * @param elements
  * @param data
  */
-export function resolver_switch(elements, data) {
+export function parse_directive_switch(elements, data) {
     //在当前级别下寻找到v-if
     for (var i = 0; i < elements.length; i++) {
         //获取元素节点所有属性
@@ -30,6 +30,6 @@ export function resolver_switch(elements, data) {
                 }
             }
         }
-        resolver_switch(elements[i].children, data);
+        parse_directive_switch(elements[i].children, data);
     }
 }

package/{core/cmd → kernel/directive}/loop/v-for-utility.d.ts

@@ -11,4 +11,4 @@ export declare function resolver_array_single(element: Element, index: number, d
  * @param index
  * @param data
  */
-export declare function resolver_array_multi(elements: HTMLCollection, index: number, data: any): void;
+export declare function parse_directive_array_multi(elements: HTMLCollection, index: number, data: any): void;

package/{core/cmd → kernel/directive}/loop/v-for-utility.js

@@ -26,7 +26,7 @@ export function resolver_array_single(element, index, data) {
         // @ts-ignore
         element.innerText = index;
     }
-    resolver_array_multi(element.children, index, data);
+    parse_directive_array_multi(element.children, index, data);
 }
 /**
  * 遍历根元素的子元素
@@ -34,7 +34,7 @@ export function resolver_array_single(element, index, data) {
  * @param index
  * @param data
  */
-export function resolver_array_multi(elements, index, data) {
+export function parse_directive_array_multi(elements, index, data) {
     //渲染模板子元素
     for (var i = 0; i < elements.length; i++) {
         //渲染文档
@@ -61,6 +61,6 @@ export function resolver_array_multi(elements, index, data) {
             // @ts-ignore
             elements[i].innerText = index;
         }
-        resolver_array_multi(elements[i].children, index, data);
+        parse_directive_array_multi(elements[i].children, index, data);
     }
 }

package/{core/cmd → kernel/directive}/loop/v-for.d.ts

@@ -3,7 +3,7 @@
  * @param elements
  * @param data
  */
-export declare function resolver_for_of(elements: HTMLCollection, data: {}): void;
+export declare function parse_directive_for_of(elements: HTMLCollection, data: {}): void;
 /**
  *
  * @param baseRoot

package/{core/cmd → kernel/directive}/loop/v-for.js

@@ -4,7 +4,7 @@ import { resolver_array_single } from "./v-for-utility";
  * @param elements
  * @param data
  */
-export function resolver_for_of(elements, data) {
+export function parse_directive_for_of(elements, data) {
     var _loop_1 = function (i) {
         var result = elements[i].hasAttribute("@for");
         if (result) {
@@ -26,7 +26,7 @@ export function resolver_for_of(elements, data) {
             }
         }
         if (elements[i]) {
-            resolver_for_of(elements[i].children, data);
+            parse_directive_for_of(elements[i].children, data);
         }
         out_i_1 = i;
     };

package/{core/cmd → kernel/directive}/loop/v-map-utility.d.ts

@@ -9,4 +9,4 @@ export declare function resolver_map_single(element: Element, data: any): void;
  * @param elements
  * @param data
  */
-export declare function resolver_map_multi(elements: HTMLCollection, data: any): void;
+export declare function parse_directive_map_multi(elements: HTMLCollection, data: any): void;

package/{core/cmd → kernel/directive}/loop/v-map-utility.js

@@ -21,14 +21,14 @@ export function resolver_map_single(element, data) {
         element.innerText = data[property];
     }
     //深度展开
-    resolver_map_multi(element.children, data);
+    parse_directive_map_multi(element.children, data);
 }
 /**
  * 向根元素子元素展开数据
  * @param elements
  * @param data
  */
-export function resolver_map_multi(elements, data) {
+export function parse_directive_map_multi(elements, data) {
     var _loop_1 = function (i) {
         if (elements[i].hasAttribute("@map-document")) {
             //检查v-for-item
@@ -61,7 +61,7 @@ export function resolver_map_multi(elements, data) {
         }
         //深度展开
         if (elements[i]) {
-            resolver_map_multi(elements[i].children, data);
+            parse_directive_map_multi(elements[i].children, data);
         }
         out_i_1 = i;
     };

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

@@ -0,0 +1,6 @@
+/**
+ * 展开数据
+ * @param elements
+ * @param data
+ */
+export declare function parse_directive_for_map(elements: HTMLCollection, data: {}): void;

package/{core/cmd → kernel/directive}/loop/v-map.js

@@ -4,7 +4,7 @@ import { resolver_map_single } from "./v-map-utility";
  * @param elements
  * @param data
  */
-export function resolver_for_map(elements, data) {
+export function parse_directive_for_map(elements, data) {
     for (var i = 0; i < elements.length; i++) {
         var result = elements[i].hasAttribute("@map");
         if (result) {
@@ -18,7 +18,7 @@ export function resolver_for_map(elements, data) {
             }
         }
         if (elements[i]) {
-            resolver_for_map(elements[i].children, data);
+            parse_directive_for_map(elements[i].children, data);
         }
     }
 }

package/kernel/directive/method/v-on.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param elements
+ * @param methods
+ * @param data
+ * @param rawData
+ */
+export declare function parse_directive_event(elements: HTMLCollection, methods: {}, data: {}, rawData: {}): void;

package/{core/cmd → kernel/directive}/method/v-on.js

@@ -5,7 +5,7 @@
  * @param data
  * @param rawData
  */
-export function resolver_event(elements, methods, data, rawData) {
+export function parse_directive_event(elements, methods, data, rawData) {
     //遍历所有的元素节点
     for (var i = 0; i < elements.length; i++) {
         //获取元素节点所有属性
@@ -35,6 +35,6 @@ export function resolver_event(elements, methods, data, rawData) {
             }
         }
         //深度解析属性
-        resolver_event(elements[i].children, methods, data, rawData);
+        parse_directive_event(elements[i].children, methods, data, rawData);
     }
 }