render-core 1.3.41 → 1.3.42

package/class/tips/renderTip.d.ts

@@ -1,3 +1,4 @@
+import { RenderJS } from "../../index";
 export interface RenderTip {
-    use(callable: any): void;
+    use(callable: (render: RenderJS) => void): void;
 }

package/core/utility/styleUtility.d.ts

@@ -15,3 +15,14 @@ export declare function themeStyle(component: Component, styleLib: Map<string, o
  * @param tag
  */
 export declare function styleResolve(tag: string): void;
+/**
+ *
+ * @param tag
+ * @param theme
+ */
+export declare function changeStyle(tag: string, theme: string): void;
+/**
+ *
+ * @param theme
+ */
+export declare function changeTheme(theme: string): void;

package/core/utility/styleUtility.js

@@ -36,7 +36,7 @@ export function themeStyle(component, styleLib) {
  * @param tag
  */
 export function styleResolve(tag) {
-    var theme = getUrlParam("theme");
+    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) {
@@ -50,18 +50,62 @@ export function styleResolve(tag) {
         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;
+// }
 /**
- * 从url中获取主题参数
- * @param name
+ *
+ * @param tag
+ * @param theme
  */
-function getUrlParam(name) {
-    //构造一个含有目标参数的正则表达式对象
-    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
-    //匹配目标参数
-    var r = window.location.search.substr(1).match(reg);
-    //返回参数值
-    if (r != null) {
-        return decodeURI(r[2]);
+export function changeStyle(tag, theme) {
+    var styleTxt = Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme);
+    if (styleTxt === undefined) {
+        console.log("Dont`t find this style!");
     }
-    return undefined;
+    else {
+        var style = document.createElement('style');
+        var text = document.createTextNode(styleTxt);
+        style.appendChild(text);
+        style.setAttribute("tag", tag.toUpperCase());
+        style.setAttribute("theme", theme);
+        var head = document.getElementsByTagName('head')[0];
+        var target = head.querySelector("style" + "[tag=" + tag.toUpperCase() + "]");
+        head.replaceChild(style, target);
+    }
+}
+/**
+ *
+ * @param theme
+ */
+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)) {
+                    var text = document.createTextNode(value.get(theme));
+                    style.appendChild(text);
+                    style.setAttribute("tag", key.toUpperCase());
+                    style.setAttribute("theme", theme);
+                    var head = document.getElementsByTagName('head')[0];
+                    head.replaceChild(style, styles[i]);
+                }
+            }
+        }
+    });
+    sessionStorage.setItem("theme_style", theme);
 }

package/index.d.ts

@@ -5,17 +5,16 @@ import { RenderTip } from "./class/tips/renderTip";
  * This class is the application class.
  */
 export declare class RenderJS implements RenderTip {
-    readonly config: {};
     readonly tagLib: Map<string, Component>;
     readonly styleLib: Map<string, Map<string, string>>;
     private readonly application;
     page: PageController;
     constructor();
     /**
-     *
+     * This func is the plugin entry to third vendor
      * @param callable
      */
-    use(callable: any): void;
+    use(callable: (render: RenderJS) => void): void;
     /**
      * You can use the method to register your single component or an array of components.
      * @param component
@@ -30,15 +29,9 @@ export declare class RenderJS implements RenderTip {
      */
     run(): void;
     /**
-     *
+     * Use the func to register some tool-functions to the windows object.
      * @param name
      * @param func
      */
     registerElements(name: string, func: any): void;
 }
-/**
- * The tool to register element to window
- * @param name
- * @param func
- */
-export declare function registerElements(name: string, func: any): void;

package/index.js

@@ -1,6 +1,7 @@
 import { PageController } from "./class/controller/pageController";
 import { registerTagLib, render } from "./runtime/tools";
 import { AppController } from "./class/controller/appController";
+import { changeStyle, changeTheme } from "./core/utility/styleUtility";
 /**
  * This class is the application class.
  */
@@ -14,11 +15,9 @@ var RenderJS = /** @class */ (function () {
         this.application = new AppController();
         //initiate the page controller
         this.page = new PageController();
-        //initiate the config object
-        this.config = {};
     }
     /**
-     *
+     * This func is the plugin entry to third vendor
      * @param callable
      */
     RenderJS.prototype.use = function (callable) {
@@ -46,11 +45,18 @@ var RenderJS = /** @class */ (function () {
     RenderJS.prototype.run = function () {
         //挂载对象
         this.mount();
+        //注册函数
+        this.registerElements("changeStyle", changeStyle);
+        //注册函数
+        this.registerElements("changeTheme", changeTheme);
+        this.use(function (render) {
+            sessionStorage.setItem("theme_style", "default");
+        });
         //execute
         render(this);
     };
     /**
-     *
+     * Use the func to register some tool-functions to the windows object.
      * @param name
      * @param func
      */
@@ -60,11 +66,3 @@ var RenderJS = /** @class */ (function () {
     return RenderJS;
 }());
 export { RenderJS };
-/**
- * The tool to register element to window
- * @param name
- * @param func
- */
-export function registerElements(name, func) {
-    Reflect.set(window, name, func);
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.3.41",
+  "version": "1.3.42",
   "description": "The extendable javascript web framework",
   "main": "index.js",
   "types": "index.d.ts",