render-core 1.4.0 → 1.4.1

package/{core → system}/utility/styleUtility.js

@@ -1,5 +1,6 @@
 import { loadStyle } from "../loader/loader";
-import RenderConfig from "../../runtime/config/RenderConfig";
+import { get_theme_style, set_theme_style } from "../recorder/table1/system_func_1";
+import { get_style_library } from "../recorder/table0/system_func_0";
 /**
  *
  * @param tag
@@ -37,21 +38,23 @@ export function themeStyle(component, styleLib) {
  * @param tag
  * @param styleLib
  */
-export function styleResolveAndLoad(tag, styleLib) {
+export function loader_tag_style(tag, styleLib) {
     //获取到启动样式
-    var theme = RenderConfig["defaultTheme"];
-    if (styleLib.get(tag.toUpperCase()).get(theme) === undefined) {
-        console.log("tag:" + tag + " has no theme " + theme);
-        if (styleLib.get(tag.toUpperCase()).get("default") === undefined) {
-            console.log("tag:" + tag + " has no theme " + "default");
+    var theme = get_theme_style();
+    if (styleLib.get(tag.toUpperCase())) {
+        if (styleLib.get(tag.toUpperCase()).get(theme) === undefined) {
+            console.log("tag:" + tag + " has no theme " + theme);
+            if (styleLib.get(tag.toUpperCase()).get("default") === undefined) {
+                console.log("tag:" + tag + " has no theme " + "default");
+            }
+            else {
+                loadStyle(tag, "default", styleLib.get(tag.toUpperCase()).get("default"));
+            }
         }
         else {
-            loadStyle(tag, "default", styleLib.get(tag.toUpperCase()).get("default"));
+            loadStyle(tag, theme, styleLib.get(tag.toUpperCase()).get(theme));
         }
     }
-    else {
-        loadStyle(tag, theme, styleLib.get(tag.toUpperCase()).get(theme));
-    }
 }
 /**
  *
@@ -59,7 +62,7 @@ export function styleResolveAndLoad(tag, styleLib) {
  * @param theme
  */
 export function changeStyle(tag, theme) {
-    var styleTxt = RenderConfig["styleLib"].get(tag.toUpperCase()).get(theme);
+    var styleTxt = get_style_library().get(tag.toUpperCase()).get(theme);
     if (styleTxt === undefined) {
         console.log("Dont`t find this style!");
     }
@@ -79,7 +82,7 @@ export function changeStyle(tag, theme) {
  * @param theme
  */
 export function changeTheme(theme) {
-    RenderConfig["styleLib"].forEach(function (value, key) {
+    get_style_library().forEach(function (value, key) {
         var styles = document.getElementsByTagName("style");
         for (var i = 0; i < styles.length; i++) {
             if (styles[i].getAttribute("tag") === key) {
@@ -95,5 +98,5 @@ export function changeTheme(theme) {
             }
         }
     });
-    RenderConfig["defaultTheme"] = theme;
+    set_theme_style(theme);
 }

package/{core → system}/utility/templateUtility.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "render-refer";
+import { Component } from "../../index";
 /**
  * @param proto
  */

package/tension/DefaultRouterPlugin.d.ts

@@ -0,0 +1,17 @@
+import { PrefaceGeneric } from "./generic/PrefaceGeneric";
+import { HooksGeneric } from "./generic/HooksGeneric";
+import { Component } from "../index";
+import { PluginGeneric } from "./generic/PluginGeneric";
+export declare class DefaultRouterPlugin implements PluginGeneric {
+    private readonly routerTable;
+    constructor(routeTable: {
+        mode: string;
+        table: [
+            {
+                path: string;
+                component: Component;
+            }
+        ];
+    });
+    plugin(preface: PrefaceGeneric, hooks: HooksGeneric): void;
+}

package/tension/DefaultRouterPlugin.js

@@ -0,0 +1,11 @@
+import { RouterAction } from "./prototype/RouterAction";
+var DefaultRouterPlugin = /** @class */ (function () {
+    function DefaultRouterPlugin(routeTable) {
+        this.routerTable = routeTable;
+    }
+    DefaultRouterPlugin.prototype.plugin = function (preface, hooks) {
+        preface.set_router(new RouterAction(this.routerTable));
+    };
+    return DefaultRouterPlugin;
+}());
+export { DefaultRouterPlugin };

package/tension/generic/ComponentGeneric.d.ts

@@ -0,0 +1,13 @@
+export interface ComponentGeneric {
+    getName(): string;
+    getTemplate(): string;
+    getConfig(): {};
+    getBoxStyle(): string;
+    getProps(): {};
+    getData(): {};
+    getComputed(): {};
+    getMethods(): {};
+    getWatcher(): {};
+    getBeforeRender(): () => void;
+    getAfterRender(): () => void;
+}

package/{core/exexutor/executor.d.ts → tension/generic/HooksGeneric.d.ts}

@@ -1,7 +1,6 @@
-import { HooksGeneric } from "../../../render-refer/dist/generic/HooksGeneric";
-export declare class Executor implements HooksGeneric {
-    relocate(position: string): void;
-    redirect(url: string, parameters: {}): void;
+export interface HooksGeneric {
     changeStyle(tag: string, theme: string): void;
     changeTheme(theme: string): void;
+    relocate(position: string): void;
+    redirect(url: string, parameters: {}): void;
 }

package/tension/generic/OriginalDataGeneric.d.ts

@@ -0,0 +1,18 @@
+export interface OriginalDataGeneric {
+    $name?: string;
+    $props?: Map<string, any>;
+    $params?: Map<string, any>;
+    $refs?: Map<string, any>;
+    $redirect?: (url: string, parameters: {}) => void;
+    $relocate?: (position: string) => void;
+    $commit?: (method: string, ...args: [any]) => void;
+    $publish?: (method: string, ...args: [any]) => void;
+    $get?: (name: string) => any;
+    $set?: (name: string, value: any) => any;
+    $context?: {
+        getVersion(): string;
+        getDestination(): string;
+        changeStyle?: (tag: string, theme: string) => void;
+        changeTheme?: (theme: string) => void;
+    };
+}

package/tension/generic/PluginGeneric.d.ts

@@ -0,0 +1,5 @@
+import { HooksGeneric } from "./HooksGeneric";
+import { PrefaceGeneric } from "./PrefaceGeneric";
+export interface PluginGeneric {
+    plugin(preface: PrefaceGeneric, hooks: HooksGeneric): void;
+}

package/tension/generic/PrefaceGeneric.d.ts

@@ -0,0 +1,6 @@
+import { AbstractPlugin } from "../../index";
+import { AbstractRouter } from "../prototype/AbstractRouter";
+export interface PrefaceGeneric {
+    use_plugin(plugin: AbstractPlugin): void;
+    set_router(router: AbstractRouter): void;
+}

package/tension/generic/RouterGeneric.d.ts

@@ -0,0 +1,5 @@
+import { Component } from "../../index";
+export interface RouterGeneric {
+    getComponentByUrl(url: string): Component;
+    getQueriesByUrl(url: string): Map<string, any>;
+}

package/tension/generic/RouterGeneric.js

@@ -0,0 +1 @@
+export {};

package/tension/prototype/AbstractComponent.d.ts

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

package/tension/prototype/AbstractComponent.js

@@ -0,0 +1,113 @@
+/**
+ * This is the component prototype.
+ */
+var AbstractComponent = /** @class */ (function () {
+    function AbstractComponent(config) {
+        //标签名称
+        this.name = config.name;
+        //标签模板样式
+        this.template = config.template;
+        //添加box样式
+        if (typeof config === "undefined") {
+            this.config = {
+                boxMode: true
+            };
+        }
+        else {
+            this.config = config.config;
+        }
+        //添加box样式
+        if (typeof config.boxStyle === "undefined") {
+            this.boxStyle = "";
+        }
+        else {
+            this.boxStyle = config.boxStyle.replace(/^{/, "");
+            this.boxStyle = this.boxStyle.replace(/}$/, "");
+            this.boxStyle = this.boxStyle.replace(/\n/, "");
+            this.boxStyle = this.boxStyle.trim();
+        }
+        //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.name;
+    };
+    AbstractComponent.prototype.getTemplate = function () {
+        return this.template;
+    };
+    AbstractComponent.prototype.getConfig = function () {
+        return this.config;
+    };
+    AbstractComponent.prototype.getBoxStyle = function () {
+        return this.boxStyle;
+    };
+    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/tension/prototype/AbstractRouter.d.ts

@@ -0,0 +1,6 @@
+import { RouterGeneric } from "../generic/RouterGeneric";
+import { Component } from "../../index";
+export declare class AbstractRouter implements RouterGeneric {
+    getComponentByUrl(url: string): Component;
+    getQueriesByUrl(url: string): Map<string, any>;
+}

package/tension/prototype/AbstractRouter.js

@@ -0,0 +1,12 @@
+var AbstractRouter = /** @class */ (function () {
+    function AbstractRouter() {
+    }
+    AbstractRouter.prototype.getComponentByUrl = function (url) {
+        return undefined;
+    };
+    AbstractRouter.prototype.getQueriesByUrl = function (url) {
+        return undefined;
+    };
+    return AbstractRouter;
+}());
+export { AbstractRouter };

package/tension/prototype/HooksAction.d.ts

@@ -0,0 +1,7 @@
+import { HooksGeneric } from "../generic/HooksGeneric";
+export declare class HooksAction implements HooksGeneric {
+    relocate(position: string): void;
+    redirect(url: string, parameters: {}): void;
+    changeStyle(tag: string, theme: string): void;
+    changeTheme(theme: string): void;
+}

package/tension/prototype/HooksAction.js

@@ -0,0 +1,24 @@
+import { changeStyle, changeTheme } from "../../system/utility/styleUtility";
+import { redirect, relocate } from "../../system/http/Http";
+var HooksAction = /** @class */ (function () {
+    function HooksAction() {
+    }
+    //文档hash定位
+    HooksAction.prototype.relocate = function (position) {
+        relocate(position);
+    };
+    //文档URL跳转
+    HooksAction.prototype.redirect = function (url, parameters) {
+        redirect(url, parameters);
+    };
+    //更改tag样式
+    HooksAction.prototype.changeStyle = function (tag, theme) {
+        changeStyle(tag, theme);
+    };
+    //更改主题样式
+    HooksAction.prototype.changeTheme = function (theme) {
+        changeTheme(theme);
+    };
+    return HooksAction;
+}());
+export { HooksAction };

package/tension/prototype/PrefaceAction.d.ts

@@ -0,0 +1,7 @@
+import { PrefaceGeneric } from "../generic/PrefaceGeneric";
+import { AbstractRouter } from "./AbstractRouter";
+import { AbstractPlugin } from "../../index";
+export declare class PrefaceAction implements PrefaceGeneric {
+    set_router(router: AbstractRouter): void;
+    use_plugin(plugin: AbstractPlugin): void;
+}

package/tension/prototype/PrefaceAction.js

@@ -0,0 +1,14 @@
+import { set_router_for_application } from "../../system/recorder/table0/system_func_0";
+import { HooksAction } from "./HooksAction";
+var PrefaceAction = /** @class */ (function () {
+    function PrefaceAction() {
+    }
+    PrefaceAction.prototype.set_router = function (router) {
+        set_router_for_application(router);
+    };
+    PrefaceAction.prototype.use_plugin = function (plugin) {
+        plugin.plugin(new PrefaceAction(), new HooksAction());
+    };
+    return PrefaceAction;
+}());
+export { PrefaceAction };

package/tension/prototype/RouterAction.d.ts

@@ -0,0 +1,16 @@
+import { RouterGeneric } from "../generic/RouterGeneric";
+import { Component } from "../../index";
+export declare class RouterAction implements RouterGeneric {
+    private routerTable;
+    constructor(routeTable: {
+        mode?: string;
+        table?: [
+            {
+                path: string;
+                component: Component;
+            }
+        ];
+    });
+    getComponentByUrl(url: string): Component;
+    getQueriesByUrl(url: string): Map<string, any>;
+}

package/tension/prototype/RouterAction.js

@@ -0,0 +1,13 @@
+var RouterAction = /** @class */ (function () {
+    function RouterAction(routeTable) {
+        this.routerTable = routeTable;
+    }
+    RouterAction.prototype.getComponentByUrl = function (url) {
+        return undefined;
+    };
+    RouterAction.prototype.getQueriesByUrl = function (url) {
+        return undefined;
+    };
+    return RouterAction;
+}());
+export { RouterAction };

package/xboot/Entrance.d.ts

@@ -0,0 +1,7 @@
+import { Component } from "../index";
+/**
+ * The entrance of render
+ * @param root
+ */
+export declare function render_for_mpa(root: string): void;
+export declare function render_for_spa(component?: Component): void;

package/xboot/Entrance.js

@@ -0,0 +1,43 @@
+import { themeStyle } from "../system/utility/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 "../system/router/router";
+/**
+ * The entrance of render
+ * @param root
+ */
+export function render_for_mpa(root) {
+    //获取styleLib对象
+    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());
+        }
+    }
+}
+export function render_for_spa(component) {
+    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"));
+}

package/xboot/RenderProcessor.d.ts

@@ -0,0 +1,7 @@
+import { ContextController } from "../system/define/ContextController";
+/**
+ * This function is used to render element below the mount point.
+ * @param collection
+ * @param contextController
+ */
+export declare function renderHtml(collection: HTMLCollection, contextController: ContextController): void;

package/{runtime/renderProcessor.js → xboot/RenderProcessor.js}

@@ -1,31 +1,29 @@
-import { isUnKnown } from "../core/utility/checkUtility";
-import { delivery } from "./Delivery";
+import { isUnKnown } from "../system/utility/checkUtility";
+import { get_tag_library } from "../system/recorder/table0/system_func_0";
+import { mpa_delivery } from "../kernel/delivery/delivery";
 /**
  * This function is used to render element below the mount point.
  * @param collection
  * @param contextController
- * @param tagLib
- * @param styleLib
- * @param rjsLib
  */
-export function renderHtml(collection, contextController, tagLib, styleLib, rjsLib) {
+export function renderHtml(collection, contextController) {
     //遍历element节点，判断是否为自定义标签
     for (var i = 0; i < collection.length; i++) {
         if (isUnKnown(collection[i].nodeName.toUpperCase())) {
             //从tag库中获取该组件的定义
-            var component = tagLib.get(collection[i].nodeName.toUpperCase());
+            var component = get_tag_library().get(collection[i].nodeName.toUpperCase());
             if (typeof component === undefined) {
                 //没有找到定义，向控制台输出警告
                 console.error(collection[i].nodeName.toUpperCase() + " can't be found in renderJs, you should firstly register in renderJs");
             }
             else {
                 //找到，渲染自定义标签
-                delivery(component, collection[i].parentNode, collection[i], contextController, tagLib, styleLib, rjsLib);
+                mpa_delivery(component, collection[i].parentNode, collection[i], contextController);
             }
         }
         else {
             //非自定义标签，深度解析
-            renderHtml(collection[i].children, contextController, tagLib, styleLib, rjsLib);
+            renderHtml(collection[i].children, contextController);
         }
     }
 }

package/xboot/TagProcessor.d.ts

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

package/{runtime/tag → xboot}/TagProcessor.js

@@ -1,15 +1,15 @@
+import { get_tag_library } from "../system/recorder/table0/system_func_0";
 /**
  * This function is used to save the prototype component proto in the window object.
  * So, you can hava a tip that we custom a property named 'tagLib' in the window object.
- * @param application
  * @param component
  */
-export function registerTagLib(application, component) {
+export function registerTagLib(component) {
     if (Array.isArray(component)) {
         //if the input parameter is an array of Component,do the code block.
         component.forEach(function (component) {
-            if (!application.tagLib.has(component.getName().toUpperCase())) {
-                application.tagLib.set(component.getName().toUpperCase(), component);
+            if (!get_tag_library().has(component.getName().toUpperCase())) {
+                get_tag_library().set(component.getName().toUpperCase(), component);
             }
             else {
                 console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
@@ -17,8 +17,8 @@ export function registerTagLib(application, component) {
         });
     }
     else {
-        if (!application.tagLib.has(component.getName().toUpperCase())) {
-            application.tagLib.set(component.getName().toUpperCase(), component);
+        if (!get_tag_library().has(component.getName().toUpperCase())) {
+            get_tag_library().set(component.getName().toUpperCase(), component);
         }
         else {
             console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");

package/controller/ComponentController.d.ts

@@ -1,29 +0,0 @@
-import { Component } from "../../render-refer/dist";
-import { ControllerGeneric } from "../generic/ControllerGeneric";
-import { ContextController } from "./ContextController";
-export declare class ComponentController implements ControllerGeneric {
-    componentAttachedRootElement: ParentNode | Element;
-    prototypeOfComponent: Component;
-    parentController: ComponentController | ContextController;
-    anchor: HTMLElement;
-    begin: HTMLElement;
-    componentConfig: {
-        boxMode: boolean;
-        plugins?: Map<string, any>;
-    };
-    originalData: {};
-    dataForMethod: {};
-    dataForComputed: {};
-    salt: Map<string, any>;
-    lazyComponent: Map<string, {}>;
-    slaveComponent: ComponentController[];
-    method: {};
-    computed: {};
-    watcher: {};
-    constructor(config: {
-        boxMode: boolean;
-        $plugins?: Map<string, any>;
-    });
-    receiver(method: string, ...args: any[]): any;
-    flush(): void;
-}

package/controller/ComponentController.js

@@ -1,30 +0,0 @@
-import { update_Render } from "../runtime/update/UpdateRender";
-import RenderConfig from "../runtime/config/RenderConfig";
-var ComponentController = /** @class */ (function () {
-    //构造函数
-    function ComponentController(config) {
-        this.originalData = {};
-        this.method = {};
-        this.dataForMethod = {};
-        this.computed = {};
-        this.dataForComputed = {};
-        this.watcher = {};
-        this.lazyComponent = new Map();
-        this.slaveComponent = Array();
-        this.salt = new Map();
-        this.componentConfig = config;
-    }
-    //接收器
-    ComponentController.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);
-    };
-    ComponentController.prototype.flush = function () {
-        update_Render(this, RenderConfig["tagLib"], RenderConfig["styleLib"]);
-    };
-    return ComponentController;
-}());
-export { ComponentController };