render-core 1.0.100 → 1.0.102

package/class/controller/appController.d.ts

@@ -1,6 +1,9 @@
 import { AppTip } from "../tips/appTip";
 export declare class AppController implements AppTip {
+    private fileds;
     constructor();
-    setTheme(theme: string): void;
-    getInstance(): AppController;
+    saveFileds(fileds: {}): void;
+    loadFileds(): void;
+    setFiled(filed: string, value: any): void;
+    getFiled(filed: string): any;
 }

package/class/controller/appController.js

@@ -1,21 +1,62 @@
 // @ts-ignore
-import { status_write } from "render-status";
+import { status_read, status_write } from "render-status";
 import { reloadStyle } from "../../core/utility/styleUtility";
 var AppController = /** @class */ (function () {
     function AppController() {
+        this.fileds = {
+            them: {
+                data: "default",
+                react: true,
+                callback: function (value, context) {
+                    reloadStyle(value);
+                    context.setFiled("theme", value);
+                }
+            }
+        };
     }
-    //更改会话样式
-    AppController.prototype.setTheme = function (theme) {
+    AppController.prototype.saveFileds = function (fileds) {
+        for (var filedsKey in fileds) {
+            if (Reflect.has(this.fileds, filedsKey)) {
+                console.log("This filed is a systemed filed, please have a new name for the filed:" + filedsKey);
+            }
+            else {
+                Reflect.set(this.fileds, filedsKey, fileds[filedsKey]);
+            }
+        }
+    };
+    AppController.prototype.loadFileds = function () {
+        for (var filedsKey in this.fileds) {
+            if (this.fileds[filedsKey].react) {
+                if (status_read({
+                    type: "local",
+                    fields: [filedsKey]
+                })[filedsKey]) {
+                    this.fileds[filedsKey].data = status_read({
+                        type: "local",
+                        fields: [filedsKey]
+                    })[filedsKey];
+                }
+            }
+        }
+    };
+    AppController.prototype.setFiled = function (filed, value) {
         status_write({
-            type: "session",
+            type: "local",
             fields: {
-                theme: theme
+                theme: JSON.stringify(value)
             }
         });
-        reloadStyle(theme);
+        this.loadFileds();
+        // @ts-ignore
+        this.fileds[filed].callback(value, window.context);
     };
-    AppController.prototype.getInstance = function () {
-        return this;
+    AppController.prototype.getFiled = function (filed) {
+        if (this.fileds[filed]) {
+            return this.fileds[filed].data;
+        }
+        else {
+            return null;
+        }
     };
     return AppController;
 }());

package/class/controller/contextController.d.ts

@@ -1,3 +1,10 @@
 export declare class ContextController {
+    private fileds;
+    private mixinData;
     constructor();
+    saveFileds(fileds: {}): void;
+    loadFileds(): void;
+    setFiled(filed: string, value: any): void;
+    getFiled(filed: string): any;
+    mixin(mix: {}): void;
 }

package/class/controller/contextController.js

@@ -1,6 +1,66 @@
+// @ts-ignore
+import { status_read, status_write } from "render-status";
+import { reloadStyle } from "../../core/utility/styleUtility";
 var ContextController = /** @class */ (function () {
     function ContextController() {
+        this.mixinData = {};
+        this.fileds = {
+            them: {
+                data: "default",
+                react: true,
+                callback: function (value, context) {
+                    reloadStyle(value);
+                }
+            }
+        };
     }
+    ContextController.prototype.saveFileds = function (fileds) {
+        for (var filedsKey in fileds) {
+            if (Reflect.has(this.fileds, filedsKey)) {
+                console.log("This filed is a systemed filed, please have a new name for the filed:" + filedsKey);
+            }
+            else {
+                Reflect.set(this.fileds, filedsKey, fileds[filedsKey]);
+            }
+        }
+    };
+    ContextController.prototype.loadFileds = function () {
+        for (var filedsKey in this.fileds) {
+            if (this.fileds[filedsKey].react) {
+                if (status_read({
+                    type: "session",
+                    fields: [filedsKey]
+                })[filedsKey]) {
+                    this.fileds[filedsKey].data = status_read({
+                        type: "session",
+                        fields: [filedsKey]
+                    })[filedsKey];
+                }
+            }
+        }
+    };
+    ContextController.prototype.setFiled = function (filed, value) {
+        status_write({
+            type: "session",
+            fields: {
+                theme: JSON.stringify(value)
+            }
+        });
+        this.loadFileds();
+        // @ts-ignore
+        this.fileds[filed].callback(value, window.context);
+    };
+    ContextController.prototype.getFiled = function (filed) {
+        if (this.fileds[filed]) {
+            return this.fileds[filed].data;
+        }
+        else {
+            return null;
+        }
+    };
+    ContextController.prototype.mixin = function (mix) {
+        this.mixinData = mix;
+    };
     return ContextController;
 }());
 export { ContextController };

package/class/controller/pageController.d.ts

@@ -4,10 +4,12 @@ export declare class PageController {
     private currentTag;
     solt: Map<string, any>;
     raw_data: {};
+    private mixinData;
     to: ComponentController[];
     link: Map<string, {}>;
     constructor();
     receiver(method: string, ...args: any[]): void;
+    mixin(mix: {}): void;
     set crtTag(element: Element);
     get crtTag(): Element;
 }

package/class/controller/pageController.js

@@ -7,6 +7,7 @@ var PageController = /** @class */ (function () {
         this.to = Array();
         this.crtTag = null;
         this.solt = new Map();
+        this.mixinData = {};
     }
     //接收器
     PageController.prototype.receiver = function (method) {
@@ -14,6 +15,9 @@ var PageController = /** @class */ (function () {
         for (var _i = 1; _i < arguments.length; _i++) {
             args[_i - 1] = arguments[_i];
         }
+        this.methods[method].call(args);
+    };
+    PageController.prototype.mixin = function (mix) {
     };
     Object.defineProperty(PageController.prototype, "crtTag", {
         //返回当前页面的渲染元素

package/class/tips/appTip.d.ts

@@ -1,3 +1,2 @@
 export interface AppTip {
-    getInstance(): any;
 }

package/class/tips/renderTip.d.ts

@@ -1,3 +1,8 @@
 export interface RenderTip {
     use(callable: any): void;
+    configApp(config: {}): void;
+    configContext(cinfig: {}): void;
+    contextMixin(mix: {}): void;
+    pageMixin(mix: {}): any;
+    mount(): void;
 }

package/core/cmd/react/v-model.js

@@ -1,3 +1,4 @@
+import { compositionend, compositionstart, listerner } from "../../utility/modelUtility";
 /**
  * 绑定数据模型
  * @param nodes
@@ -11,31 +12,7 @@ export function resolver_model(nodes, data) {
             var tagName = nodes[i].tagName;
             nodes[i].setAttribute("name", dataName);
             if (tagName === "INPUT" || tagName === "SELECT" || tagName === "TEXTAREA" || tagName === "DATALIST") {
-                var listener = function (evt) {
-                    if (!evt.target.hasAttribute("flag")) {
-                        //Get the event element
-                        var element = evt.target;
-                        //Get the name attribute
-                        var dataName_1 = element.name;
-                        Reflect.set(this, "origin", {
-                            cpn: element.getAttribute("cpn"),
-                            tag: element.nodeName,
-                            name: element.getAttribute("name")
-                        });
-                        //Update the value
-                        this[dataName_1] = element.value;
-                    }
-                };
-                var compositionstart = function (evt) {
-                    evt.target.setAttribute("flag", "false");
-                };
-                var compositionend = function (evt) {
-                    evt.target.setAttribute("flag", "true");
-                    var element = evt.target;
-                    var dataName = element.name;
-                    this[dataName] = element.value;
-                };
-                nodes[i].addEventListener("input", listener.bind(data));
+                nodes[i].addEventListener("input", listerner.bind(data));
                 nodes[i].addEventListener("compositionstart", compositionstart);
                 nodes[i].addEventListener("compositionend", compositionend.bind(data));
             }

package/core/utility/modelUtility.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ * @param evt
+ */
+export declare function compositionstart(evt: any): void;
+/**
+ *
+ * @param evt
+ */
+export declare function listerner(evt: any): void;
+/**
+ *
+ * @param evt
+ */
+export declare function compositionend(evt: any): void;

package/core/utility/modelUtility.js

@@ -0,0 +1,36 @@
+/**
+ *
+ * @param evt
+ */
+export function compositionstart(evt) {
+    evt.target.setAttribute("flag", "false");
+}
+/**
+ *
+ * @param evt
+ */
+export function listerner(evt) {
+    if (!evt.target.hasAttribute("flag")) {
+        //Get the event element
+        var element = evt.target;
+        //Get the name attribute
+        var dataName = element.name;
+        Reflect.set(this, "origin", {
+            cpn: element.getAttribute("cpn"),
+            tag: element.nodeName,
+            name: element.getAttribute("name")
+        });
+        //Update the value
+        this[dataName] = element.value;
+    }
+}
+/**
+ *
+ * @param evt
+ */
+export function compositionend(evt) {
+    evt.target.setAttribute("flag", "true");
+    var element = evt.target;
+    var dataName = element.name;
+    this[dataName] = element.value;
+}

package/core/utility/styleUtility.js

@@ -1,6 +1,4 @@
 import { loadStyle } from "../loader/loader";
-// @ts-ignore
-import { sessionStorageEngin_read } from "render-status/read/read";
 /**
  *
  * @param tag
@@ -38,7 +36,8 @@ export function themeStyle(component, styleLib) {
  * @param tag
  */
 export function styleResolve(tag) {
-    var theme = sessionStorageEngin_read("theme");
+    // @ts-ignore
+    var theme = window.context.getFiled("theme");
     if (Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme) === undefined) {
         console.log("tag:" + tag + " has no theme " + theme);
     }

package/index.d.ts

@@ -11,8 +11,34 @@ export declare class RenderJS implements RenderTip {
     readonly styleLib: Map<string, Map<string, string>>;
     router: routerController;
     private application;
+    private context;
     page: PageController;
     constructor();
+    /**
+     *
+     * @param config
+     */
+    configApp(config: {}): void;
+    /**
+     *
+     * @param cinfig
+     */
+    configContext(cinfig: {}): void;
+    /**
+     *
+     * @param callable
+     */
+    use(callable: any): void;
+    /**
+     *
+     * @param mix
+     */
+    contextMixin(mix: {}): void;
+    /**
+     *
+     * @param mix
+     */
+    pageMixin(mix: {}): void;
     /**
      * If you want to hava a permission control to your application,you can
      * use our extra router moudle to define the router.
@@ -25,10 +51,9 @@ export declare class RenderJS implements RenderTip {
      */
     addTag(component: Component | Component[]): void;
     /**
-     *
-     * @param callable
+     * mount some base object
      */
-    use(callable: any): void;
+    mount(): void;
     /**
      * This method is the boster method of the render.
      */

package/index.js

@@ -1,9 +1,7 @@
-import meta from "./meta/meta";
-// @ts-ignore
-import { redirect } from "render-security/utility/redirect";
 import { PageController } from "./class/controller/pageController";
-import { registerTagLib, render } from "./runtime/tools";
+import { executor, registerTagLib } from "./runtime/tools";
 import { AppController } from "./class/controller/appController";
+import { ContextController } from "./class/controller/contextController";
 /**
  * This class is the application class.
  */
@@ -15,13 +13,50 @@ var RenderJS = /** @class */ (function () {
         this.styleLib = new Map();
         //initiate the application controller
         this.application = new AppController();
+        //initiate the context controller
+        this.context = new ContextController();
         //initiate the page controller
         this.page = new PageController();
         //initiate the config object
         this.config = {};
-        Reflect.set(this.config, "version", meta.version);
-        Reflect.set(this.config, "theme", meta.style);
     }
+    /**
+     *
+     * @param config
+     */
+    RenderJS.prototype.configApp = function (config) {
+        this.application.saveFileds(config);
+        this.application.loadFileds();
+    };
+    /**
+     *
+     * @param cinfig
+     */
+    RenderJS.prototype.configContext = function (cinfig) {
+        this.context.saveFileds(cinfig);
+        this.context.loadFileds();
+    };
+    /**
+     *
+     * @param callable
+     */
+    RenderJS.prototype.use = function (callable) {
+        callable(this);
+    };
+    /**
+     *
+     * @param mix
+     */
+    RenderJS.prototype.contextMixin = function (mix) {
+        this.context.mixin(mix);
+    };
+    /**
+     *
+     * @param mix
+     */
+    RenderJS.prototype.pageMixin = function (mix) {
+        this.page.mixin(mix);
+    };
     /**
      * If you want to hava a permission control to your application,you can
      * use our extra router moudle to define the router.
@@ -38,34 +73,26 @@ var RenderJS = /** @class */ (function () {
         registerTagLib(this, component);
     };
     /**
-     *
-     * @param callable
+     * mount some base object
      */
-    RenderJS.prototype.use = function (callable) {
-        callable(this);
+    RenderJS.prototype.mount = function () {
+        Reflect.set(window, "tagLib", this.tagLib);
+        Reflect.set(window, "styleLib", this.styleLib);
+        Reflect.set(window, "page", this.page);
+        Reflect.set(window, "context", this.context);
+        Reflect.set(window, "appSite", this.application);
+        if (this.router) {
+            Reflect.set(window, "router", this.router);
+        }
     };
     /**
      * This method is the boster method of the render.
      */
     RenderJS.prototype.run = function () {
-        if (this.router) {
-            this.router.data.beforeRouter();
-            if (typeof this.router.getRule(location.href) === "boolean") {
-                render(this);
-            }
-            else {
-                if (this.router.getRule(location.href).beforeRouter()) {
-                    render(this);
-                }
-                else {
-                    redirect("/http/400.html");
-                }
-            }
-            this.router.data.afterRouter();
-        }
-        else {
-            render(this);
-        }
+        //挂载对象
+        this.mount();
+        //execute
+        executor(this);
     };
     return RenderJS;
 }());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.0.100",
+  "version": "1.0.102",
   "description": "The core of render-js",
   "main": "index.js",
   "types": "index.d.ts",

package/runtime/tools.d.ts

@@ -12,3 +12,7 @@ export declare function registerTagLib(application: RenderJS, component: Compone
  * @param renderjs
  */
 export declare function render(renderjs: RenderJS): void;
+/**
+ *
+ */
+export declare function executor(renderjs: RenderJS): void;

package/runtime/tools.js

@@ -2,6 +2,7 @@ import { Component } from "../class/component/component";
 import { themeStyle } from "../core/utility/styleUtility";
 import { AppController } from "../class/controller/appController";
 import { renderHtml } from "./runtime";
+import { redirect } from "render-security/utility/redirect";
 /**
  * This function is used to save the protype component class in the window object.
  * So, you can hava a tip that we customed a property named 'tagLib' in the window object.
@@ -48,3 +49,31 @@ export function render(renderjs) {
     //开始渲染
     renderHtml(document.body.children, renderjs.page);
 }
+/**
+ *
+ */
+export function executor(renderjs) {
+    // @ts-ignore
+    if (window.router) {
+        // @ts-ignore
+        window.router.data.beforeRouter();
+        // @ts-ignore
+        if (typeof window.router.getRule(location.href) === "boolean") {
+            render(renderjs);
+        }
+        else {
+            // @ts-ignore
+            if (window.router.getRule(location.href).beforeRouter()) {
+                render(renderjs);
+            }
+            else {
+                redirect("/http/400.html");
+            }
+        }
+        // @ts-ignore
+        window.router.data.afterRouter();
+    }
+    else {
+        render(renderjs);
+    }
+}