render-core 1.0.130 → 1.2.0

package/class/component/component.d.ts

@@ -5,6 +5,7 @@ import { RenderBase } from "../tips/componentTip";
 export declare class Component implements RenderBase {
     private readonly name;
     private readonly template;
+    private readonly mode;
     private readonly boxStyle?;
     private readonly props?;
     private readonly data?;
@@ -16,6 +17,7 @@ export declare class Component implements RenderBase {
     constructor(config: {
         name: string;
         template: string;
+        mode?: string;
         boxStyle?: string;
         props?: {} | string[];
         data?: {};
@@ -27,6 +29,7 @@ export declare class Component implements RenderBase {
     });
     getName(): string;
     getTemplate(): string;
+    getMode(): string;
     getBoxStyle(): string;
     getProps(): {};
     getData(): {};

package/class/component/component.js

@@ -8,6 +8,13 @@ var Component = /** @class */ (function () {
         //标签模板样式
         this.template = config.template;
         //添加box样式
+        if (typeof config.mode === "undefined") {
+            this.mode = "box";
+        }
+        else {
+            this.mode = "insert";
+        }
+        //添加box样式
         if (typeof config.boxStyle === "undefined") {
             this.boxStyle = "";
         }
@@ -69,6 +76,9 @@ var Component = /** @class */ (function () {
     Component.prototype.getTemplate = function () {
         return this.template;
     };
+    Component.prototype.getMode = function () {
+        return this.mode;
+    };
     Component.prototype.getBoxStyle = function () {
         return this.boxStyle;
     };

package/class/tips/componentTip.d.ts

@@ -1,6 +1,7 @@
 export interface RenderBase {
     getName(): string;
     getTemplate(): string;
+    getMode(): string;
     getBoxStyle(): string;
     getProps(): {};
     getData(): {};

package/core/lifecycle/mount.d.ts

@@ -9,3 +9,8 @@ import { Component } from "../../class/component/component";
  * @param tagTemplate
  */
 export declare function mount(controller: ComponentController, proto: Component, parent: ParentNode, child: Element, tagTemplate: Element): void;
+/**
+ * insert elements without div elment
+ * @param root
+ */
+export declare function unBox(root: ParentNode): void;

package/core/lifecycle/mount.js

@@ -19,3 +19,13 @@ export function mount(controller, proto, parent, child, tagTemplate) {
         renderSpace.append(tagTemplate.firstChild);
     }
 }
+/**
+ * insert elements without div elment
+ * @param root
+ */
+export function unBox(root) {
+    while (root.hasChildNodes()) {
+        root.parentNode.insertBefore(root.firstChild, root);
+    }
+    root.parentNode.removeChild(root);
+}

package/core/render/PostRender.js

@@ -1,7 +1,7 @@
 import { ComponentController } from "../../class/controller/componentController";
 import { controllerCycleTypeTwo } from "../lifecycle/controllerCycle";
 import { afterCmd, cmdUtility } from "../utility/cmdUtility";
-import { mount } from "../lifecycle/mount";
+import { mount, unBox } from "../lifecycle/mount";
 import { injectRefs } from "../inject/inject";
 import { afterMethodsTypeOne } from "../lifecycle/afterMethods";
 import { findComponent } from "./delivery";
@@ -38,4 +38,7 @@ export function post_render(proto, parent, child, link, tagTemplate) {
     afterRender();
     //深度渲染
     findComponent(controller.root.children, controller);
+    if (proto.getMode() === "insert") {
+        unBox(controller.root);
+    }
 }

package/core/render/initRender.js

@@ -1,7 +1,7 @@
 import { ComponentController } from "../../class/controller/componentController";
 import { controllerCycleTypeOne } from "../lifecycle/controllerCycle";
 import { afterCmd, cmdUtility } from "../utility/cmdUtility";
-import { mount } from "../lifecycle/mount";
+import { mount, unBox } from "../lifecycle/mount";
 import { injectRefs } from "../inject/inject";
 import { afterMethodsTypeOne } from "../lifecycle/afterMethods";
 import { findComponent } from "./delivery";
@@ -33,4 +33,7 @@ export function init_render(proto, parent, child, link, tagTemplate) {
     afterMethodsTypeOne(controller, child, link);
     //深度渲染
     findComponent(tagTemplate.children, controller);
+    if (proto.getMode() === "insert") {
+        unBox(controller.root);
+    }
 }

package/core/render/rawRender.js

@@ -1,7 +1,7 @@
 import { ComponentController } from "../../class/controller/componentController";
 import { controllerCycleTypeTwo } from "../lifecycle/controllerCycle";
 import { afterCmd, cmdUtility } from "../utility/cmdUtility";
-import { mount } from "../lifecycle/mount";
+import { mount, unBox } from "../lifecycle/mount";
 import { injectRefs } from "../inject/inject";
 import { afterMethodsTypeTwo } from "../lifecycle/afterMethods";
 import { findComponent } from "./delivery";
@@ -39,4 +39,7 @@ export function raw_render(proto, parent, child, link, tagTemplate) {
     afterRender();
     //深度渲染
     findComponent(controller.root.children, controller);
+    if (proto.getMode() === "insert") {
+        unBox(controller.root);
+    }
 }

package/package.json

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