render-core 1.3.12 → 1.3.14

package/class/controller/appController.d.ts

@@ -3,28 +3,33 @@ import { AppTip } from "../tips/appTip";
  * This class is associated with localStorage.
  */
 export declare class AppController implements AppTip {
-    private readonly fileds;
+    private readonly fields;
     constructor();
     /**
-     * This method is used to add customed data.
-     * @param fileds
+     * This method is used to add custom data.
+     * @param fields
      */
-    saveFileds(fileds: {}): void;
+    saveFields(fields: {}): void;
     /**
      * 更新数据
      * @private
      */
-    loadFileds(): void;
+    loadFields(): void;
     /**
      * store fields
      */
-    storeFileds(): void;
-    setFiled(filed: string, value: any): void;
+    storeFields(): void;
+    /**
+     *
+     * @param field
+     * @param value
+     */
+    setField(field: string, value: any): void;
     /**
      * 获取数据
-     * @param filed
+     * @param field
      */
-    getFiled(filed: string): any;
+    getField(field: string): any;
     /**
      * 资源定向
      * @param url

package/class/controller/appController.js

@@ -6,27 +6,24 @@ import { status_read, status_write } from "../../index";
 var AppController = /** @class */ (function () {
     //系统变量
     function AppController() {
-        this.fileds = {
+        this.fields = {
             system_theme: {
                 data: "default",
-                react: true,
-                callback: function (value, context) {
-                    context.setFiled("system_theme", value);
-                }
+                react: true
             }
         };
     }
     /**
-     * This method is used to add customed data.
-     * @param fileds
+     * This method is used to add custom data.
+     * @param fields
      */
-    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);
+    AppController.prototype.saveFields = function (fields) {
+        for (var fieldsKey in fields) {
+            if (Reflect.has(this.fields, fieldsKey)) {
+                console.log("This filed is a system filed, please have a new name for the filed:" + fieldsKey);
             }
             else {
-                Reflect.set(this.fileds, filedsKey, fileds[filedsKey]);
+                Reflect.set(this.fields, fieldsKey, fields[fieldsKey]);
             }
         }
     };
@@ -34,17 +31,17 @@ var AppController = /** @class */ (function () {
      * 更新数据
      * @private
      */
-    AppController.prototype.loadFileds = function () {
-        for (var filedsKey in this.fileds) {
-            if (this.fileds[filedsKey].react) {
+    AppController.prototype.loadFields = function () {
+        for (var fieldsKey in this.fields) {
+            if (this.fields[fieldsKey].react) {
                 if (status_read({
                     type: "local",
-                    fields: [filedsKey]
-                })[filedsKey]) {
-                    this.fileds[filedsKey].data = status_read({
+                    fields: [fieldsKey]
+                })[fieldsKey]) {
+                    this.fields[fieldsKey].data = status_read({
                         type: "local",
-                        fields: [filedsKey]
-                    })[filedsKey];
+                        fields: [fieldsKey]
+                    })[fieldsKey];
                 }
             }
         }
@@ -52,39 +49,44 @@ var AppController = /** @class */ (function () {
     /**
      * store fields
      */
-    AppController.prototype.storeFileds = function () {
-        for (var filedsKey in this.fileds) {
+    AppController.prototype.storeFields = function () {
+        for (var fieldsKey in this.fields) {
             var data = {};
-            Reflect.set(data, filedsKey, this.fileds[filedsKey]);
+            Reflect.set(data, fieldsKey, this.fields[fieldsKey]["data"]);
             status_write({
                 type: "local",
                 fields: data
             });
         }
     };
-    AppController.prototype.setFiled = function (filed, value) {
+    /**
+     *
+     * @param field
+     * @param value
+     */
+    AppController.prototype.setField = function (field, value) {
         var data = {};
-        Reflect.set(data, filed, value);
+        Reflect.set(data, field, value);
         //写入数
         status_write({
             type: "local",
             fields: data
         });
         //更新数据
-        this.loadFileds();
+        this.loadFields();
         //执行回调
-        if (this.fileds[filed].callback) {
+        if (this.fields[field].callback) {
             // @ts-ignore
             this.fileds[filed].callback(value, window.context);
         }
     };
     /**
      * 获取数据
-     * @param filed
+     * @param field
      */
-    AppController.prototype.getFiled = function (filed) {
-        if (this.fileds[filed]) {
-            return this.fileds[filed].data;
+    AppController.prototype.getField = function (field) {
+        if (this.fields[field]) {
+            return this.fields[field].data;
         }
         else {
             return null;

package/class/controller/contextController.d.ts

@@ -1,24 +1,18 @@
 export declare class ContextController {
-    private readonly fileds;
-    private meta;
+    private readonly fields;
     constructor();
-    saveFileds(fileds: {}): void;
-    loadFileds(): void;
-    storeFileds(): void;
+    saveFields(fields: {}): void;
+    loadFields(): void;
+    storeFields(): void;
     /**
      * 写入数据
-     * @param filed
+     * @param field
      * @param value
      */
-    setFiled(filed: string, value: any): void;
+    setField(field: string, value: any): void;
     /**
      * 获取数据
-     * @param filed
+     * @param field
      */
-    getFiled(filed: string): any;
-    /**
-     * 返回系统数据
-     * @param filed
-     */
-    getMeta(filed: string): string;
+    getField(field: string): any;
 }

package/class/controller/contextController.js

@@ -1,48 +1,42 @@
-import { reloadStyle } from "../../core/utility/styleUtility";
-import meta from "../../meta/meta";
 import { status_read, status_write } from "../../index";
 var ContextController = /** @class */ (function () {
     function ContextController() {
-        this.fileds = {
+        this.fields = {
             system_theme: {
                 data: "default",
-                react: true,
-                callback: function (value) {
-                    reloadStyle(value);
-                }
+                react: true
             }
         };
-        this.meta = meta;
     }
-    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);
+    ContextController.prototype.saveFields = function (fields) {
+        for (var fieldsKey in fields) {
+            if (Reflect.has(this.fields, fieldsKey)) {
+                console.log("This field is a system field, please have a new name for the field:" + fieldsKey);
             }
             else {
-                Reflect.set(this.fileds, filedsKey, fileds[filedsKey]);
+                Reflect.set(this.fields, fieldsKey, fields[fieldsKey]);
             }
         }
     };
-    ContextController.prototype.loadFileds = function () {
-        for (var filedsKey in this.fileds) {
-            if (this.fileds[filedsKey].react) {
+    ContextController.prototype.loadFields = function () {
+        for (var fieldsKey in this.fields) {
+            if (this.fields[fieldsKey].react) {
                 if (status_read({
                     type: "session",
-                    fields: [filedsKey]
-                })[filedsKey]) {
-                    this.fileds[filedsKey].data = status_read({
+                    fields: [fieldsKey]
+                })[fieldsKey]) {
+                    this.fields[fieldsKey].data = status_read({
                         type: "session",
-                        fields: [filedsKey]
-                    })[filedsKey];
+                        fields: [fieldsKey]
+                    })[fieldsKey];
                 }
             }
         }
     };
-    ContextController.prototype.storeFileds = function () {
-        for (var filedsKey in this.fileds) {
+    ContextController.prototype.storeFields = function () {
+        for (var fieldsKey in this.fields) {
             var data = {};
-            Reflect.set(data, filedsKey, this.fileds[filedsKey]);
+            Reflect.set(data, fieldsKey, this.fields[fieldsKey]["data"]);
             status_write({
                 type: "session",
                 fields: data
@@ -51,12 +45,12 @@ var ContextController = /** @class */ (function () {
     };
     /**
      * 写入数据
-     * @param filed
+     * @param field
      * @param value
      */
-    ContextController.prototype.setFiled = function (filed, value) {
+    ContextController.prototype.setField = function (field, value) {
         var data = {};
-        Reflect.set(data, filed, value);
+        Reflect.set(data, field, value);
         //写入数据
         status_write({
             type: "session",
@@ -64,32 +58,25 @@ var ContextController = /** @class */ (function () {
         });
         //更新数据
         // @ts-ignore
-        this.loadFileds();
+        this.loadfields();
         //数据回调
-        if (this.fileds[filed]) {
+        if (this.fields[field].callback) {
             // @ts-ignore
-            this.fileds[filed].callback(value, window.appSite);
+            this.fields[field].callback(value, window.appSite);
         }
     };
     /**
      * 获取数据
-     * @param filed
+     * @param field
      */
-    ContextController.prototype.getFiled = function (filed) {
-        if (this.fileds[filed]) {
-            return this.fileds[filed].data;
+    ContextController.prototype.getField = function (field) {
+        if (this.fields[field]) {
+            return this.fields[field].data;
         }
         else {
             return null;
         }
     };
-    /**
-     * 返回系统数据
-     * @param filed
-     */
-    ContextController.prototype.getMeta = function (filed) {
-        return this.meta[filed];
-    };
     return ContextController;
 }());
 export { ContextController };

package/class/controller/pageController.d.ts

@@ -8,13 +8,16 @@ export declare class PageController {
     to: ComponentController[];
     link: Map<string, {}>;
     constructor();
+    /**
+     *
+     * @param method
+     * @param args
+     */
     receiver(method: string, ...args: any[]): void;
-    set crtTag(element: Element);
-    get crtTag(): Element;
     /**
-     * Change the tag theme
-     * @param tag
-     * @param style
+     *
+     * @param element
      */
-    changeTheme(tag: any, style: string): void;
+    set crtTag(element: Element);
+    get crtTag(): Element;
 }

package/class/controller/pageController.js

@@ -1,4 +1,3 @@
-import { changeStyle } from "../../core/utility/styleUtility";
 var PageController = /** @class */ (function () {
     //构造函数
     function PageController() {
@@ -9,34 +8,33 @@ var PageController = /** @class */ (function () {
         this.crtTag = null;
         this.solt = new Map();
     }
-    //接收器
+    /**
+     *
+     * @param method
+     * @param args
+     */
     PageController.prototype.receiver = function (method) {
         var args = [];
         for (var _i = 1; _i < arguments.length; _i++) {
             args[_i - 1] = arguments[_i];
         }
-        this.methods[method].call(window, args);
+        Reflect.get(window, method).call(window, args);
     };
     Object.defineProperty(PageController.prototype, "crtTag", {
         //返回当前页面的渲染元素
         get: function () {
             return this.currentTag;
         },
-        //设置当前页面的渲染元素
+        /**
+         *
+         * @param element
+         */
         set: function (element) {
             this.currentTag = element;
         },
         enumerable: false,
         configurable: true
     });
-    /**
-     * Change the tag theme
-     * @param tag
-     * @param style
-     */
-    PageController.prototype.changeTheme = function (tag, style) {
-        changeStyle(tag, style);
-    };
     return PageController;
 }());
 export { PageController };

package/core/utility/styleUtility.d.ts

@@ -26,3 +26,4 @@ export declare function reloadStyle(theme: string): void;
  * @param theme
  */
 export declare function changeStyle(tag: string, theme: string): void;
+export declare function changeTheme(theme: string): void;

package/core/utility/styleUtility.js

@@ -94,3 +94,21 @@ export function changeStyle(tag, theme) {
         head.replaceChild(style, target);
     }
 }
+export function changeTheme(theme) {
+    Reflect.get(window, "styleLib").forEach(function (value, key) {
+        var styles = document.getElementsByTagName("style");
+        for (var i = 0; i < styles.length; i++) {
+            if (styles[i].getAttribute("tag") === key) {
+                var style = document.createElement('style');
+                if (value.get(theme.toUpperCase())) {
+                    var text = document.createTextNode(value.get(theme.toUpperCase()));
+                    style.appendChild(text);
+                    style.setAttribute("tag", key.toUpperCase());
+                    style.setAttribute("theme", theme.toUpperCase());
+                    var head = document.getElementsByTagName('head')[0];
+                    head.replaceChild(style, styles[i]);
+                }
+            }
+        }
+    });
+}

package/func/Theme.d.ts

@@ -0,0 +1,16 @@
+/**
+ *
+ * @param tag
+ * @param theme
+ */
+export declare function changeTagTheme(tag: string, theme: string): void;
+/**
+ *
+ * @param theme
+ */
+export declare function changeSessionTheme(theme: string): void;
+/**
+ *
+ * @param theme
+ */
+export declare function changeApplicationTheme(theme: string): void;

package/func/Theme.js

@@ -0,0 +1,33 @@
+import { changeStyle, changeTheme } from "../core/utility/styleUtility";
+/**
+ *
+ * @param tag
+ * @param theme
+ */
+export function changeTagTheme(tag, theme) {
+    changeStyle(tag, theme);
+}
+/**
+ *
+ * @param theme
+ */
+export function changeSessionTheme(theme) {
+    var application = Reflect.get(window, "context");
+    application.setField("system_theme", {
+        data: theme,
+        react: true,
+        callback: function (value, context) {
+            context.setFiled("system_theme", theme);
+        }
+    });
+    changeTheme(application.getField("system_theme"));
+}
+/**
+ *
+ * @param theme
+ */
+export function changeApplicationTheme(theme) {
+    var application = Reflect.get(window, "appSite");
+    application.setField("system_theme", theme);
+    changeTheme(application.getField("system_theme"));
+}

package/index.d.ts

@@ -8,8 +8,8 @@ export declare class RenderJS implements RenderTip {
     readonly config: {};
     readonly tagLib: Map<string, Component>;
     readonly styleLib: Map<string, Map<string, string>>;
-    private application;
-    private context;
+    private readonly application;
+    private readonly context;
     page: PageController;
     constructor();
     /**
@@ -37,9 +37,15 @@ export declare class RenderJS implements RenderTip {
      */
     private mount;
     /**
-     * This method is the boster method of the render.
+     * This method is the booster method of the render.
      */
     run(): void;
+    /**
+     *
+     * @param name
+     * @param func
+     */
+    registerElements(name: string, func: any): void;
 }
 /**
  * The tool to register element to window

package/index.js

@@ -27,18 +27,18 @@ var RenderJS = /** @class */ (function () {
      * @param config
      */
     RenderJS.prototype.configApp = function (config) {
-        this.application.saveFileds(config);
-        this.application.storeFileds();
-        this.application.loadFileds();
+        this.application.saveFields(config);
+        this.application.storeFields();
+        this.application.loadFields();
     };
     /**
      *
      * @param config
      */
     RenderJS.prototype.configContext = function (config) {
-        this.context.saveFileds(config);
-        this.context.storeFileds();
-        this.context.loadFileds();
+        this.context.saveFields(config);
+        this.context.storeFields();
+        this.context.loadFields();
     };
     /**
      *
@@ -65,7 +65,7 @@ var RenderJS = /** @class */ (function () {
         Reflect.set(window, "page", this.page);
     };
     /**
-     * This method is the boster method of the render.
+     * This method is the booster method of the render.
      */
     RenderJS.prototype.run = function () {
         //挂载对象
@@ -73,6 +73,14 @@ var RenderJS = /** @class */ (function () {
         //execute
         render(this);
     };
+    /**
+     *
+     * @param name
+     * @param func
+     */
+    RenderJS.prototype.registerElements = function (name, func) {
+        Reflect.set(window, name, func);
+    };
     return RenderJS;
 }());
 export { RenderJS };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "description": "The core of render-js",
   "keywords": [
     "render",

package/runtime/tools.d.ts

@@ -1,14 +1,14 @@
 import { Component } from "../class/component/component";
 import { RenderJS } from "../index";
 /**
- * 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.
+ * This function is used to save the prototype component class 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 declare function registerTagLib(application: RenderJS, component: Component | Component[]): void;
 /**
- * The entrancy of render
+ * The entrance of render
  * @param renderjs
  */
 export declare function render(renderjs: RenderJS): void;

package/runtime/tools.js

@@ -1,9 +1,10 @@
 import { Component } from "../class/component/component";
 import { themeStyle } from "../core/utility/styleUtility";
 import { renderHtml } from "./runtime";
+import { changeApplicationTheme, changeSessionTheme, changeTagTheme } from "../func/Theme";
 /**
- * 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.
+ * This function is used to save the prototype component class 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
  */
@@ -30,7 +31,7 @@ export function registerTagLib(application, component) {
     }
 }
 /**
- * The entrancy of render
+ * The entrance of render
  * @param renderjs
  */
 export function render(renderjs) {
@@ -38,6 +39,9 @@ export function render(renderjs) {
     renderjs.tagLib.forEach(function (component) {
         themeStyle(component, renderjs.styleLib);
     });
+    renderjs.registerElements("changeTagTheme", changeTagTheme);
+    renderjs.registerElements("changeSessionTheme", changeSessionTheme);
+    renderjs.registerElements("changeApplicationTheme", changeApplicationTheme);
     //开始渲染
     renderHtml(document.body.children, renderjs.page);
 }

package/status/read/read.d.ts

@@ -1,10 +1,10 @@
 /**
- * This function is used to get vaule from sessionStorage.
+ * This function is used to get value from sessionStorage.
  * @param filed
  */
 export declare function sessionStorageEngin_read(filed: string): any;
 /**
- * This function is used to get vaule from localStorage.
+ * This function is used to get value from localStorage.
  * @param filed
  */
 export declare function localStorageEngine_read(filed: string): any;

package/status/read/read.js

@@ -1,5 +1,5 @@
 /**
- * This function is used to get vaule from sessionStorage.
+ * This function is used to get value from sessionStorage.
  * @param filed
  */
 export function sessionStorageEngin_read(filed) {
@@ -12,7 +12,7 @@ export function sessionStorageEngin_read(filed) {
     }
 }
 /**
- * This function is used to get vaule from localStorage.
+ * This function is used to get value from localStorage.
  * @param filed
  */
 export function localStorageEngine_read(filed) {