render-core 1.0.101 → 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,4 +1,10 @@
 export declare class ContextController {
-    mixin: {};
+    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,7 +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.mixin = {};
+        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,11 +4,12 @@ export declare class PageController {
     private currentTag;
     solt: Map<string, any>;
     raw_data: {};
-    mixin: {};
+    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,7 +7,7 @@ var PageController = /** @class */ (function () {
         this.to = Array();
         this.crtTag = null;
         this.solt = new Map();
-        this.mixin = {};
+        this.mixinData = {};
     }
     //接收器
     PageController.prototype.receiver = function (method) {
@@ -17,6 +17,8 @@ var PageController = /** @class */ (function () {
         }
         this.methods[method].call(args);
     };
+    PageController.prototype.mixin = function (mix) {
+    };
     Object.defineProperty(PageController.prototype, "crtTag", {
         //返回当前页面的渲染元素
         get: function () {

package/class/tips/appTip.d.ts

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

package/class/tips/renderTip.d.ts

@@ -2,6 +2,7 @@ export interface RenderTip {
     use(callable: any): void;
     configApp(config: {}): void;
     configContext(cinfig: {}): void;
-    mixin(mix: {}): void;
+    contextMixin(mix: {}): void;
+    pageMixin(mix: {}): any;
     mount(): void;
 }

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

@@ -33,7 +33,12 @@ export declare class RenderJS implements RenderTip {
      *
      * @param mix
      */
-    mixin(mix: {}): void;
+    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.

package/index.js

@@ -13,6 +13,7 @@ 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();
@@ -24,14 +25,16 @@ var RenderJS = /** @class */ (function () {
      * @param config
      */
     RenderJS.prototype.configApp = function (config) {
-        throw new Error("Method not implemented.");
+        this.application.saveFileds(config);
+        this.application.loadFileds();
     };
     /**
      *
      * @param cinfig
      */
     RenderJS.prototype.configContext = function (cinfig) {
-        throw new Error("Method not implemented.");
+        this.context.saveFileds(cinfig);
+        this.context.loadFileds();
     };
     /**
      *
@@ -44,8 +47,15 @@ var RenderJS = /** @class */ (function () {
      *
      * @param mix
      */
-    RenderJS.prototype.mixin = function (mix) {
-        this.page.mixin = 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
@@ -68,9 +78,9 @@ var RenderJS = /** @class */ (function () {
     RenderJS.prototype.mount = function () {
         Reflect.set(window, "tagLib", this.tagLib);
         Reflect.set(window, "styleLib", this.styleLib);
-        Reflect.set(window, "appSite", this.application);
-        Reflect.set(window, "context", this.context);
         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);
         }

package/package.json

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