render-core 1.4.5 → 1.4.6

package/index.d.ts

@@ -4,6 +4,7 @@ import { PluginGeneric } from "./tension/generic/plugin/PluginGeneric";
 import { HooksGeneric } from "./tension/generic/plugin/hooks/HooksGeneric";
 import { AbstractComponent } from "./tension/prototype/AbstractComponent";
 import { PrefaceGeneric } from "./tension/generic/plugin/preface/PrefaceGeneric";
+import { RouterGeneric } from "./tension/generic/router/RouterGeneric";
 /**
  * This class is used to prototype the properties type
  */
@@ -17,14 +18,15 @@ export declare class PropertyType {
 /**
  *
  */
-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;
 }
 /**
  *
  */
-export declare abstract class AbstractPlugin implements PluginGeneric {
-    plugin(preface: PrefaceGeneric, hooks: HooksGeneric): void;
+export declare abstract class AbstractRouter implements RouterGeneric {
+    getComponent(): Component;
+    getPathVariable(): Map<string, any>;
 }
 /**
  * Here is the template class for render component!
@@ -46,52 +48,37 @@ export declare class Component extends AbstractComponent {
         afterRender?: () => void;
     });
 }
+/**
+ * This func is used to extend window environment
+ * @param on
+ * @param func
+ */
+export declare function extend_window(on: string, func: any): void;
 /**
  * This proto is the application proto.
  */
-export declare class RenderJS extends AbstractRenderJS {
+export declare class RenderJS implements RenderGeneric {
     contextController: ContextController;
     constructor();
     /**
-     * Inject element to the window environment.
-     * @param name
-     * @param func
-     */
-    static registerElement(name: string, func: any): void;
-    setRouteTable(value: {
-        routeMode: string;
-        table: [
-            {
-                path: string;
-                component: Component;
-            }
-        ];
-    }): void;
-    setRouteMode(value: boolean): void;
-    /**
-     * This func is the plugin entry to third vendor
+     * This func is used to execute plugins
      */
     use_plugin(plugin: PluginGeneric): void;
     /**
-     * You can use the method to register your single component or an array of components.
+     * This unc is used to register component to system
      * @param component
      */
-    addTag(component: Component | Component[]): void;
+    add_tag(component: Component): void;
     /**
-     * This method is the booster method of the render.
-     * @return void
+     * This func is used to work under the route mode
      */
-    run(component?: Component, root?: string): void;
+    listen(): void;
     /**
-     *
-     * @param component
-     * @private
+     * This func is used to work under the directive render mode
      */
-    private spa_run;
+    render(component: Component, mounter: string): void;
     /**
-     *
-     * @param root
-     * @private
+     * This func is used to work under the weave  mode
      */
-    private mpa_run;
+    weave(mounter: string): void;
 }

package/index.js

@@ -13,7 +13,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { render_for_mpa, render_for_spa } from "./xboot/entrance";
+import { render_for_listen, render_for_render, render_for_weave } from "./xboot/entrance";
 import { registerTagLib } from "./xboot/tagProcessor";
 import { HooksAction } from "./tension/prototype/HooksAction";
 import { ContextController } from "./system/prototype/ContextController";
@@ -21,7 +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 { get_route_mode, set_path_variable, set_router_mode } from "./system/recorder/table1/system_func_1";
 /**
  * This class is used to prototype the properties type
  */
@@ -34,25 +33,29 @@ export { PropertyType };
 /**
  *
  */
-var AbstractRenderJS = /** @class */ (function () {
-    function AbstractRenderJS() {
+var AbstractPlugin = /** @class */ (function () {
+    function AbstractPlugin() {
     }
-    AbstractRenderJS.prototype.use_plugin = function (plugin) {
+    AbstractPlugin.prototype.plugin = function (preface, hooks) {
     };
-    return AbstractRenderJS;
+    return AbstractPlugin;
 }());
-export { AbstractRenderJS };
+export { AbstractPlugin };
 /**
  *
  */
-var AbstractPlugin = /** @class */ (function () {
-    function AbstractPlugin() {
+var AbstractRouter = /** @class */ (function () {
+    function AbstractRouter() {
     }
-    AbstractPlugin.prototype.plugin = function (preface, hooks) {
+    AbstractRouter.prototype.getComponent = function () {
+        return undefined;
     };
-    return AbstractPlugin;
+    AbstractRouter.prototype.getPathVariable = function () {
+        return undefined;
+    };
+    return AbstractRouter;
 }());
-export { AbstractPlugin };
+export { AbstractRouter };
 /**
  * Here is the template class for render component!
  */
@@ -64,75 +67,60 @@ var Component = /** @class */ (function (_super) {
     return Component;
 }(AbstractComponent));
 export { Component };
+/**
+ * This func is used to extend window environment
+ * @param on
+ * @param func
+ */
+export function extend_window(on, func) {
+    Reflect.set(window, on, func);
+}
 /**
  * This proto is the application proto.
  */
-var RenderJS = /** @class */ (function (_super) {
-    __extends(RenderJS, _super);
+var RenderJS = /** @class */ (function () {
     function RenderJS() {
-        var _this = _super.call(this) || this;
         /* initiate the page controller */
-        _this.contextController = new ContextController({
+        this.contextController = new ContextController({
             boxMode: false,
         });
         /* init the basis extension */
-        _this.use_plugin(new SystemInitPlugin());
-        return _this;
+        this.use_plugin(new SystemInitPlugin());
     }
     /**
-     * Inject element to the window environment.
-     * @param name
-     * @param func
-     */
-    RenderJS.registerElement = function (name, func) {
-        Reflect.set(window, name, func);
-    };
-    RenderJS.prototype.setRouteTable = function (value) {
-        set_path_variable(value);
-    };
-    RenderJS.prototype.setRouteMode = function (value) {
-        set_router_mode(value);
-    };
-    /**
-     * This func is the plugin entry to third vendor
+     * This func is used to execute plugins
      */
     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.
+     * This unc is used to register component to system
      * @param component
      */
-    RenderJS.prototype.addTag = function (component) {
+    RenderJS.prototype.add_tag = function (component) {
         registerTagLib(component);
     };
     /**
-     * This method is the booster method of the render.
-     * @return void
+     * This func is used to work under the route mode
      */
-    RenderJS.prototype.run = function (component, root) {
+    RenderJS.prototype.listen = function () {
         set_context_controller(this.contextController);
-        if (get_route_mode())
-            this.spa_run(component);
-        else
-            this.mpa_run(root);
+        render_for_listen();
     };
     /**
-     *
-     * @param component
-     * @private
+     * This func is used to work under the directive render mode
      */
-    RenderJS.prototype.spa_run = function (component) {
-        render_for_spa(component);
+    RenderJS.prototype.render = function (component, mounter) {
+        set_context_controller(this.contextController);
+        render_for_render(component, mounter);
     };
     /**
-     *
-     * @param root
-     * @private
+     * This func is used to work under the weave  mode
      */
-    RenderJS.prototype.mpa_run = function (root) {
-        render_for_mpa(root);
+    RenderJS.prototype.weave = function (mounter) {
+        set_context_controller(this.contextController);
+        render_for_weave(mounter);
     };
     return RenderJS;
-}(AbstractRenderJS));
+}());
 export { RenderJS };

package/kernel/delivery/delivery.js

@@ -1,6 +1,6 @@
 import { ContextController } from "../../system/prototype/ContextController";
 import { isUnKnown } from "../../system/utility/checkUtility";
-import { get_tag_library } from "../../system/recorder/table0/system_func_0";
+import { get_tag_library, set_context_controller } 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";
@@ -23,6 +23,7 @@ export function direct_delivery(protoTypeComponent) {
     var context = new ContextController({
         boxMode: true
     });
+    set_context_controller(context);
     var webview = document.querySelector("webview");
     raw_renderer(protoTypeComponent, webview.parentNode, webview, context);
 }

package/kernel/router/router.d.ts

@@ -7,6 +7,6 @@ export declare function router_listener_with_router(view: HTMLElement): void;
 /**
  *
  * @param component
- * @param view
+ * @param mounter
  */
-export declare function router_listener_without_router(component: Component, view: HTMLElement): void;
+export declare function router_listener_without_router(component: Component, mounter: HTMLElement): void;

package/kernel/router/router.js

@@ -7,26 +7,31 @@ import { set_path_variable } from "../../system/recorder/table1/system_func_1";
  * @param view
  */
 export function router_listener_with_router(view) {
-    if (view !== null) {
-        var controller = get_context_controller();
-        var router = get_system_ext_router();
-        var component = router.getComponent();
-        set_path_variable(router.getPathVariable());
-        spa_delivery(component, view.parentNode, view, controller);
+    if (!get_system_ext_router())
+        console.log("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.log("Without view element to render");
     }
-    else
-        console.log("Without view element to render");
 }
 /**
  *
  * @param component
- * @param view
+ * @param mounter
  */
-export function router_listener_without_router(component, view) {
-    if (view !== null) {
+export function router_listener_without_router(component, mounter) {
+    if (mounter !== null) {
         var controller = get_context_controller();
-        spa_delivery(component, view.parentNode, view, controller);
+        spa_delivery(component, mounter.parentNode, mounter, controller);
     }
     else
-        console.log("Without view element to render");
+        console.log("Without mounter element to render");
 }

package/package.json

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

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

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

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

@@ -3,5 +3,6 @@ declare const _default: {
     routerMode: boolean;
     simpleRouteTable: any;
     getPathVariable: any;
+    userEnvironment: {};
 };
 export default _default;

package/system/recorder/table1/system_t_1.js

@@ -2,5 +2,6 @@ export default {
     styleTheme: "default",
     routerMode: false,
     simpleRouteTable: null,
-    getPathVariable: null
+    getPathVariable: null,
+    userEnvironment: {}
 };

package/xboot/Entrance.d.ts

@@ -3,9 +3,14 @@ import { Component } from "../index";
  * The entrance of render
  * @param root
  */
-export declare function render_for_mpa(root: string): void;
+export declare function render_for_weave(root?: string): void;
+/**
+ *
+ */
+export declare function render_for_listen(): void;
 /**
  *
  * @param component
+ * @param mounter
  */
-export declare function render_for_spa(component?: Component): void;
+export declare function render_for_render(component: Component, mounter: string): void;

package/xboot/Entrance.js

@@ -6,7 +6,7 @@ import { router_listener_with_router, router_listener_without_router } from "../
  * The entrance of render
  * @param root
  */
-export function render_for_mpa(root) {
+export function render_for_weave(root) {
     //获取styleLib对象
     get_tag_library().forEach(function (component) {
         themeStyle(component, get_style_library());
@@ -32,16 +32,23 @@ export function render_for_mpa(root) {
         }
     }
 }
+/**
+ *
+ */
+export function render_for_listen() {
+    get_tag_library().forEach(function (component) {
+        themeStyle(component, get_style_library());
+    });
+    router_listener_with_router(document.querySelector("webview"));
+}
 /**
  *
  * @param component
+ * @param mounter
  */
-export function render_for_spa(component) {
+export function render_for_render(component, mounter) {
     get_tag_library().forEach(function (component) {
         themeStyle(component, get_style_library());
     });
-    if (component == null)
-        router_listener_with_router(document.querySelector("webview"));
-    else
-        router_listener_without_router(component, document.querySelector("webview"));
+    router_listener_without_router(component, document.getElementById(mounter));
 }