render-core 1.3.71 → 1.4.1

package/system/utility/inputType.js

@@ -0,0 +1,20 @@
+export function textType(target, doc, controller) {
+    // @ts-ignore
+    target.value = controller.dataForMethod[target.getAttribute("name")];
+    // @ts-ignore
+    target.focus();
+    // @ts-ignore
+    target.setSelectionRange(doc.start, doc.start);
+}
+export function assignType(target, controller) {
+    // @ts-ignore
+    target.value = controller.dataForMethod[target.getAttribute("name")];
+}
+export function fileType(target, controller) {
+    // @ts-ignore
+    target.files = controller.dataForMethod[target.getAttribute("name")];
+}
+export function checkType(target) {
+    // @ts-ignore
+    target.checked = "checked";
+}

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

@@ -2,3 +2,4 @@ export declare function inputUtility(element: Element, space: Object): void;
 export declare function filesType(element: Element, space: Object): void;
 export declare function selectUtility(element: Element, space: Object): void;
 export declare function textareaUtility(element: Element, space: Object): void;
+export declare function changeUtility(element: Element, space: Object): void;

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

@@ -98,3 +98,11 @@ export function textareaUtility(element, space) {
         start: element.selectionStart
     });
 }
+export function changeUtility(element, space) {
+    Reflect.set(space, "origin", {
+        tag: element.tagName,
+        id: element.getAttribute("id"),
+        // @ts-ignore
+        start: element.selectionStart
+    });
+}

package/system/utility/miscUtility.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 给组件元素添加cpn标签
+ * @param nodes
+ * @param component
+ */
+export declare function add_label_to_element(nodes: HTMLCollection, component: string): void;

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

@@ -3,10 +3,10 @@
  * @param nodes
  * @param component
  */
-export function addLabel(nodes, component) {
+export function add_label_to_element(nodes, component) {
     for (var i = 0; i < nodes.length; i++) {
         nodes[i].setAttribute("cpn", component);
         var kk = nodes[i].children;
-        addLabel(kk, component);
+        add_label_to_element(kk, component);
     }
 }

package/system/utility/sectionUtility.d.ts

@@ -0,0 +1,6 @@
+import { ContextController } from "../define/ContextController";
+/**
+ *
+ * @param controller
+ */
+export declare function locateInputAddress(controller: ContextController): void;

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

@@ -5,8 +5,8 @@ import { assignType, checkType, fileType, textType } from "./inputType";
  */
 export function locateInputAddress(controller) {
     //判断是否是输入导致的数据更新
-    if (controller.proxyForMethods.hasOwnProperty("origin")) {
-        var doc = Reflect.get(controller.proxyForMethods, "origin");
+    if (controller.dataForMethod.hasOwnProperty("origin")) {
+        var doc = Reflect.get(controller.dataForMethod, "origin");
         var target = document.getElementById(doc.id);
         switch (doc.tag) {
             case "INPUT":
@@ -18,6 +18,9 @@ export function locateInputAddress(controller) {
             case "TEXTAREA":
                 locateTextArea(target, doc, controller);
                 break;
+            default:
+                console.log("Can't locate input address");
+                break;
         }
     }
 }
@@ -27,13 +30,13 @@ function locateInput(target, doc, controller) {
             textType(target, doc, controller);
             break;
         case "color":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "date":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "time":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "email":
             textType(target, doc, controller);
@@ -42,7 +45,7 @@ function locateInput(target, doc, controller) {
             textType(target, doc, controller);
             break;
         case "week":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "tel":
             textType(target, doc, controller);
@@ -51,7 +54,7 @@ function locateInput(target, doc, controller) {
             textType(target, doc, controller);
             break;
         case "range":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "radio":
             checkType(target);
@@ -63,31 +66,31 @@ function locateInput(target, doc, controller) {
             textType(target, doc, controller);
             break;
         case "month":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "hidden":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "file":
-            fileType(target, doc, controller);
+            fileType(target, controller);
             break;
         case "datetime-local":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "datetime":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         case "checkbox":
-            assignType(target, doc, controller);
+            assignType(target, controller);
             break;
         default:
-            console.log("This type input can`t be dealed!");
+            console.log("This type input can`t be tackled!");
             break;
     }
 }
 function locateTextArea(target, doc, controller) {
     // @ts-ignore
-    target.value = controller.proxyForMethods[target.getAttribute("name")];
+    target.value = controller.dataForMethod[target.getAttribute("name")];
     // @ts-ignore
     target.focus();
     // @ts-ignore

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

@@ -1,20 +1,21 @@
-import { Component } from "render-refer";
+import { Component } from "../../index";
 /**
  *
  * @param tag
  */
 export declare function checkStyleLabel(tag: string): boolean;
 /**
- *
+ * Here is the function go get all styles associated with the tag component.
  * @param component
  * @param styleLib
  */
 export declare function themeStyle(component: Component, styleLib: Map<string, object>): void;
 /**
- *
+ * Here is the function to resolve
  * @param tag
+ * @param styleLib
  */
-export declare function styleResolve(tag: string): void;
+export declare function loader_tag_style(tag: string, styleLib: Map<string, Map<string, string>>): void;
 /**
  *
  * @param tag

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

@@ -1,4 +1,6 @@
 import { loadStyle } from "../loader/loader";
+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
@@ -16,7 +18,7 @@ export function checkStyleLabel(tag) {
     return false;
 }
 /**
- *
+ * Here is the function go get all styles associated with the tag component.
  * @param component
  * @param styleLib
  */
@@ -25,53 +27,42 @@ export function themeStyle(component, styleLib) {
     var dom = document.createElement("div");
     dom.innerHTML = template;
     var styles = dom.getElementsByTagName("template")[0].content.querySelectorAll("style");
-    var kk = new Map();
+    var componentStyleList = new Map();
     for (var i = 0; i < styles.length; i++) {
-        kk.set(styles[i].getAttribute("theme"), styles[i].innerText);
+        componentStyleList.set(styles[i].getAttribute("theme"), styles[i].innerText);
     }
-    styleLib.set(component.getName().toUpperCase(), kk);
+    styleLib.set(component.getName().toUpperCase(), componentStyleList);
 }
 /**
- *
+ * Here is the function to resolve
  * @param tag
+ * @param styleLib
  */
-export function styleResolve(tag) {
-    var theme = sessionStorage.getItem("theme_style");
-    if (Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme) === undefined) {
-        console.log("tag:" + tag + " has no theme " + theme);
-        if (Reflect.get(window, "styleLib").get(tag.toUpperCase()).get("default") === undefined) {
-            console.log("tag:" + tag + " has no theme " + "default");
+export function loader_tag_style(tag, styleLib) {
+    //获取到启动样式
+    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", Reflect.get(window, "styleLib").get(tag.toUpperCase()).get("default"));
+            loadStyle(tag, theme, styleLib.get(tag.toUpperCase()).get(theme));
         }
     }
-    else {
-        loadStyle(tag, theme, Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme));
-    }
 }
-// /**
-//  * 从url中获取主题参数
-//  * @param name
-//  */
-// function getUrlParam(name:string):string {
-//     //构造一个含有目标参数的正则表达式对象
-//     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
-//     //匹配目标参数
-//     var r = window.location.search.substr(1).match(reg);
-//     //返回参数值
-//     if(r != null) {
-//         return decodeURI(r[2]);
-//     }
-//     return undefined;
-// }
 /**
  *
  * @param tag
  * @param theme
  */
 export function changeStyle(tag, theme) {
-    var styleTxt = Reflect.get(window, "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!");
     }
@@ -91,7 +82,7 @@ export function changeStyle(tag, theme) {
  * @param theme
  */
 export function changeTheme(theme) {
-    Reflect.get(window, "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) {
@@ -107,5 +98,5 @@ export function changeTheme(theme) {
             }
         }
     });
-    sessionStorage.setItem("theme_style", 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/tension/generic/ComponentGeneric.js

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

package/tension/generic/HooksGeneric.d.ts

@@ -0,0 +1,6 @@
+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/HooksGeneric.js

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

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/OriginalDataGeneric.js

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

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/PluginGeneric.js

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

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/PrefaceGeneric.js

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

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 };