render-core 1.0.14 → 1.0.16

package/index.js

@@ -1,10 +1,11 @@
 import { Component } from "./class/component";
 import meta from "./meta/meta";
-import { renderHtml } from "./runtime/runtime";
+import { reloadPage, renderHtml } from "./runtime/runtime";
 import { themeStyle } from "./core/utility/styleUtility";
 // @ts-ignore
 import { redirect } from "render-security/utility/redirect";
 import { PageController } from "./class/pageController";
+import { App } from "./meta/app";
 //页面RenderJs
 var RenderJS = /** @class */ (function () {
     //构造函数
@@ -71,8 +72,10 @@ var RenderJS = /** @class */ (function () {
             themeStyle(component, styleLib);
         });
         Reflect.set(window, "styleLib", styleLib);
+        Reflect.set(window, "context", new App());
+        //开始渲染
         renderHtml(document.body.children, this.page);
-        window.onload = this.run;
+        window.onload = reloadPage.bind(this);
     };
     return RenderJS;
 }());

package/library/style/style.d.ts

@@ -1 +1,2 @@
 export declare function styleResolve(tag: string): void;
+export declare function reloadStyle(theme: string): void;

package/library/style/style.js

@@ -10,3 +10,19 @@ export function styleResolve(tag) {
         loadStyle(tag, theme, Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme));
     }
 }
+export function reloadStyle(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');
+                var text = document.createTextNode(value[theme]);
+                style.appendChild(text);
+                style.setAttribute("tag", key.toUpperCase());
+                style.setAttribute("theme", theme);
+                var head = document.getElementsByTagName('head')[0];
+                head.replaceChild(styles[i], style);
+            }
+        }
+    });
+}

package/meta/app.d.ts

@@ -0,0 +1,4 @@
+export declare class App {
+    constructor();
+    setTheme(theme: string): void;
+}

package/meta/app.js

@@ -0,0 +1,19 @@
+// @ts-ignore
+import { status_write } from "render-status";
+import { reloadStyle } from "../library/style/style";
+var App = /** @class */ (function () {
+    function App() {
+    }
+    //更改会话样式
+    App.prototype.setTheme = function (theme) {
+        status_write({
+            type: "session",
+            fields: {
+                theme: theme
+            }
+        });
+        reloadStyle(theme);
+    };
+    return App;
+}());
+export { App };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "The router for render-js",
   "main": "index.js",
   "types": "index.d.ts",

package/runtime/runtime.d.ts

@@ -1,2 +1,3 @@
 import { PageController } from "../class/pageController";
 export declare function renderHtml(collection: HTMLCollection, link: PageController): void;
+export declare function reloadPage(): void;

package/runtime/runtime.js

@@ -14,3 +14,6 @@ export function renderHtml(collection, link) {
         }
     }
 }
+export function reloadPage() {
+    this.run();
+}