render-core 1.0.32 → 1.0.34

package/class/component.d.ts

@@ -1,6 +1,7 @@
 interface RenderBase {
     getName(): string;
     getTemplate(): string;
+    getBoxStyle(): {};
     getProps(): {};
     getData(): {};
     getComputed(): {};
@@ -16,6 +17,7 @@ interface RenderBase {
 export declare class Component implements RenderBase {
     private readonly name;
     private readonly template;
+    private readonly boxStyle?;
     private readonly props?;
     private readonly data?;
     private readonly methods?;
@@ -30,6 +32,7 @@ export declare class Component implements RenderBase {
     constructor(config: {
         name: string;
         template: string;
+        boxStyle?: {};
         props?: {} | string[];
         data?: {};
         computed?: {};
@@ -44,6 +47,7 @@ export declare class Component implements RenderBase {
     });
     getName(): string;
     getTemplate(): string;
+    getBoxStyle(): {};
     getProps(): {};
     getData(): {};
     getMethods(): {};

package/class/component.js

@@ -4,6 +4,13 @@ var Component = /** @class */ (function () {
         this.name = config.name;
         //标签模板样式
         this.template = config.template;
+        //添加box样式
+        if (typeof config.boxStyle === "undefined") {
+            this.boxStyle = {};
+        }
+        else {
+            this.boxStyle = config.boxStyle;
+        }
         //添加数据
         if (typeof config.props === "undefined") {
             this.props = [];
@@ -19,7 +26,7 @@ var Component = /** @class */ (function () {
             this.data = config.data;
         }
         //添加计算属性
-        if (config.computed === "undefined") {
+        if (typeof config.computed === "undefined") {
             this.computed = {};
         }
         else {
@@ -83,6 +90,9 @@ var Component = /** @class */ (function () {
     Component.prototype.getTemplate = function () {
         return this.template;
     };
+    Component.prototype.getBoxStyle = function () {
+        return this.boxStyle;
+    };
     Component.prototype.getProps = function () {
         return this.props;
     };

package/core/render/updateRender.js

@@ -2,6 +2,7 @@ import { bindModelForUpdater } from "../utility/miscUtility";
 import { findComponent } from "./initRender";
 import { getTemplate } from "../../library/template/template";
 import { cmdForUpdate } from "../../library/cmd/cmd";
+import { injectProps } from "../../library/inject/inject";
 export function updateRender(controller) {
     //生成DOM
     var tagTemplate = getTemplate(controller.proto);
@@ -29,6 +30,7 @@ export function updateRender(controller) {
     //afterRender
     var afterRender = controller.proto.getAfterRender().bind(controller.raw_data);
     afterRender();
+    injectProps(controller, tagTemplate);
     //获取定位
     bindModelForUpdater(controller.root.children, controller.proxyForMethods);
     //深度渲染

package/index.js

@@ -1,6 +1,6 @@
 import { Component } from "./class/component";
 import meta from "./meta/meta";
-import { reloadPage, renderHtml } from "./runtime/runtime";
+import { renderHtml } from "./runtime/runtime";
 import { themeStyle } from "./core/utility/styleUtility";
 // @ts-ignore
 import { redirect } from "render-security/utility/redirect";
@@ -76,7 +76,6 @@ var RenderJS = /** @class */ (function () {
         Reflect.set(window, "router", this.routerC);
         //开始渲染
         renderHtml(document.body.children, this.page);
-        window.onload = reloadPage.bind(this);
     };
     return RenderJS;
 }());

package/library/inject/inject.d.ts

@@ -1,6 +1,7 @@
 import { Controller } from "../../class/controller";
 import { Component } from "../../class/component";
 export declare function inject(controller: Controller, tagTemplate: Element): void;
+export declare function injectProps(controller: Controller, tagTemplate: Element): void;
 export declare function injectMethod(controller: Controller, proto: Component): void;
 export declare function injectWatcher(controller: Controller, proto: Component): void;
 export declare function injectComputed(controller: Controller, proto: Component): void;

package/library/inject/inject.js

@@ -7,9 +7,10 @@ export function inject(controller, tagTemplate) {
     getCodeSpaceForProps(controller.raw_data, resolveProps(Reflect.get(window, "context").crtTag, controller.proto.getProps()));
     //注入query
     getCodeSpaceForQuery(controller.raw_data, resolve_Queries());
-    //注入ref
+}
+export function injectProps(controller, tagTemplate) {
     var refs = new Map();
-    resolver_Refs(tagTemplate.children, refs);
+    resolver_Refs(controller.root.children, refs);
     getCodeSpaceForRef(controller.raw_data, refs);
 }
 export function injectMethod(controller, proto) {

package/library/render/render.js

@@ -2,7 +2,7 @@ import { Controller } from "../../class/controller";
 import { getCodeSpaceForCommit, getCodeSpaceForPublish, getCommitMethod, getPublishMethod } from "../../core/utility/injectUtility";
 import { getProxyObject } from "../../core/proxy/getProxy";
 import { findComponent } from "../../core/render/initRender";
-import { inject, injectComputed, injectMethod, injectWatcher } from "../inject/inject";
+import { inject, injectComputed, injectMethod, injectProps, injectWatcher } from "../inject/inject";
 import { cmd } from "../cmd/cmd";
 export function init_render(proto, parent, child, link, tagTemplate) {
     //获取控制对象
@@ -32,6 +32,13 @@ export function init_render(proto, parent, child, link, tagTemplate) {
     beforeMount();
     //mount
     var renderSpace = document.createElement("div");
+    //给box添加样式
+    for (var boxStyleKey in proto.getBoxStyle()) {
+        renderSpace["style"].setProperty(boxStyleKey, proto.getBoxStyle()[boxStyleKey]);
+    }
+    //指定渲染空间
+    controller.root = renderSpace;
+    //开始渲染
     parent.replaceChild(renderSpace, child);
     while (tagTemplate.hasChildNodes()) {
         renderSpace.append(tagTemplate.firstChild);
@@ -39,8 +46,7 @@ export function init_render(proto, parent, child, link, tagTemplate) {
     //afterRender
     var afterRender = proto.getAfterRender().bind(controller.raw_data);
     afterRender();
-    //指定渲染空间
-    controller.root = renderSpace;
+    injectProps(controller, tagTemplate);
     //将本控制对象保存到父控制对象的发布数组中
     link.to.push(controller);
     //将执行空间保存到父控制对象
@@ -76,7 +82,13 @@ export function post_render(proto, parent, child, link, tagTemplate) {
     beforeMount();
     //mount
     var renderSpace = document.createElement("div");
+    //给box添加样式
+    for (var boxStyleKey in proto.getBoxStyle()) {
+        renderSpace["style"].setProperty(boxStyleKey, proto.getBoxStyle()[boxStyleKey]);
+    }
+    //指定渲染空间
     controller.root = renderSpace;
+    //开始渲染
     parent.replaceChild(renderSpace, child);
     while (tagTemplate.hasChildNodes()) {
         renderSpace.append(tagTemplate.firstChild);
@@ -84,7 +96,10 @@ export function post_render(proto, parent, child, link, tagTemplate) {
     //afterRender
     var afterRender = proto.getAfterRender().bind(controller.raw_data);
     afterRender();
+    injectProps(controller, tagTemplate);
     link.to.push(controller);
+    //将执行空间保存到父控制对象
+    link.link.set(child.getAttribute("name"), controller.raw_data);
     //深度渲染
     findComponent(controller.root.children, controller);
 }
@@ -116,7 +131,13 @@ export function raw_render(proto, parent, child, link, tagTemplate) {
     beforeMount();
     //mount
     var renderSpace = document.createElement("div");
+    //给box添加样式
+    for (var boxStyleKey in proto.getBoxStyle()) {
+        renderSpace["style"].setProperty(boxStyleKey, proto.getBoxStyle()[boxStyleKey]);
+    }
+    //指定渲染空间
     controller.root = renderSpace;
+    //开始渲染
     parent.replaceChild(renderSpace, child);
     while (tagTemplate.hasChildNodes()) {
         renderSpace.append(tagTemplate.firstChild);
@@ -124,6 +145,7 @@ export function raw_render(proto, parent, child, link, tagTemplate) {
     //afterRender
     var afterRender = proto.getAfterRender().bind(controller.raw_data);
     afterRender();
+    injectProps(controller, tagTemplate);
     link.to.push(controller);
     //深度渲染
     findComponent(controller.root.children, controller);

package/package.json

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