render-core 1.4.0 → 1.4.1

package/runtime/delivery.js

@@ -1,43 +0,0 @@
-import { isUnKnown } from "../core/utility/checkUtility";
-import { init_render } from "./render/InitRender";
-import { post_render } from "./render/PostRender";
-import { raw_render } from "./render/RawRender";
-import { getTemplate } from "../core/utility/templateUtility";
-import { styleResolveAndLoad } from "../core/utility/styleUtility";
-import RenderConfig from "./config/RenderConfig";
-//渲染自定义标签
-export function delivery(protoTypeComponent, componentAttachedRootElement, child, parentController, tagLib, styleLib, rjsLib) {
-    //获得模板元素
-    var tagTemplate = getTemplate(protoTypeComponent);
-    //加载组件样式
-    styleResolveAndLoad(protoTypeComponent.getName(), styleLib);
-    //注册当前解析元素
-    RenderConfig["crt"] = child;
-    //两种渲染方式
-    if (child.hasAttribute("name")) {
-        //需要保持状态的渲染
-        if (parentController.lazyComponent.has(child.getAttribute("name"))) {
-            //该元素存在旧数据，是更新渲染
-            init_render(protoTypeComponent, componentAttachedRootElement, child, parentController, tagTemplate, tagLib, styleLib, rjsLib);
-        }
-        else {
-            //该元素不存在旧数据，是第一次渲染
-            post_render(protoTypeComponent, componentAttachedRootElement, child, parentController, tagTemplate, tagLib, styleLib, rjsLib);
-        }
-    }
-    else {
-        //不需要保持状态的渲染
-        raw_render(protoTypeComponent, componentAttachedRootElement, child, parentController, tagTemplate, tagLib, styleLib, rjsLib);
-    }
-}
-//拓展标签深度渲染
-export function findComponent(collection, parentController, tagLib, styleLib, rjsLib) {
-    for (var i = 0; i < collection.length; i++) {
-        if (isUnKnown(collection[i].nodeName)) {
-            delivery(tagLib.get(collection[i].nodeName.toUpperCase()), collection[i].parentNode, collection[i], parentController, tagLib, styleLib, rjsLib);
-        }
-        else {
-            findComponent(collection[i].children, parentController, tagLib, styleLib, rjsLib);
-        }
-    }
-}

package/runtime/entrance.d.ts

@@ -1,7 +0,0 @@
-import { RenderJS } from "../index";
-/**
- * The entrance of render
- * @param renderJs
- * @param root
- */
-export declare function render(renderJs: RenderJS, root: string): void;

package/runtime/entrance.js

@@ -1,33 +0,0 @@
-import { themeStyle } from "../core/utility/styleUtility";
-import { renderHtml } from "./RenderProcessor";
-/**
- * The entrance of render
- * @param renderJs
- * @param root
- */
-export function render(renderJs, root) {
-    //获取styleLib对象
-    renderJs.tagLib.forEach(function (component) {
-        themeStyle(component, renderJs.styleLib);
-    });
-    if (root == null) {
-        //开始渲染
-        renderJs.contextController.componentAttachedRootElement = document.body;
-        renderHtml(document.children, renderJs.contextController, renderJs.tagLib, renderJs.styleLib, renderJs.rjsLib);
-    }
-    else {
-        var mountPoint = document.getElementById(root);
-        if (mountPoint == null) {
-            renderJs.contextController.componentAttachedRootElement = document.body;
-            //开始渲染
-            console.warn("Mount point not found");
-            console.warn("Mount point was selected to body");
-            renderHtml(document.body.children, renderJs.contextController, renderJs.tagLib, renderJs.styleLib, renderJs.rjsLib);
-        }
-        else {
-            //开始渲染
-            renderJs.contextController.componentAttachedRootElement = mountPoint;
-            renderHtml(mountPoint.children, renderJs.contextController, renderJs.tagLib, renderJs.styleLib, renderJs.rjsLib);
-        }
-    }
-}

package/runtime/render/PostRender.d.ts

@@ -1,15 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { ContextController } from "../../controller/ContextController";
-import { Component } from "../../../render-refer/dist";
-/**
- * 该函数用于初次渲染需要记录状态的组件
- * @param protoType
- * @param parent
- * @param child
- * @param componentController
- * @param tagTemplate
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export declare function post_render(protoType: Component, parent: ParentNode, child: Element, componentController: ComponentController | ContextController, tagTemplate: Element, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>, rjsLib: Map<string, any>): void;

package/runtime/render/PostRender.js

@@ -1,49 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { controllerCycleTypeTwo } from "../../core/lifecycle/controllerCycle";
-import { afterCmd, cmdUtility } from "../../core/utility/cmdUtility";
-import { mount, unBox } from "../../core/lifecycle/mount";
-import { injectRefs } from "../../core/inject/inject";
-import { afterMethodsTypeOne } from "../../core/lifecycle/afterMethods";
-import { findComponent } from "../Delivery";
-import { resolver_salt } from "../../core/cmd/solt/v-solt";
-/**
- * 该函数用于初次渲染需要记录状态的组件
- * @param protoType
- * @param parent
- * @param child
- * @param componentController
- * @param tagTemplate
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export function post_render(protoType, parent, child, componentController, tagTemplate, tagLib, styleLib, rjsLib) {
-    //获取控制对象
-    var controller = new ComponentController({
-        boxMode: true
-    });
-    controller.componentConfig["$plugins"] = rjsLib;
-    controller.parentController = componentController;
-    //解析salt
-    resolver_salt(child, controller);
-    //控制对象预处理
-    controllerCycleTypeTwo(controller, protoType, componentController, tagLib, styleLib);
-    //beforeRender
-    protoType.getBeforeRender().call(controller.originalData);
-    //解析指令
-    cmdUtility(tagTemplate, protoType, controller);
-    //mount
-    mount(controller, protoType, parent, child, tagTemplate);
-    injectRefs(controller);
-    //渲染后处理
-    afterCmd(controller.componentAttachedRootElement, controller.prototypeOfComponent, controller);
-    //后处理
-    afterMethodsTypeOne(controller, child, componentController);
-    //afterRender
-    protoType.getAfterRender().call(controller.dataForMethod);
-    //深度渲染
-    findComponent(controller.componentAttachedRootElement.children, controller, tagLib, styleLib, rjsLib);
-    if (!protoType.getConfig()["boxMode"]) {
-        unBox(controller);
-    }
-}

package/runtime/render/delivery.d.ts

@@ -1,5 +0,0 @@
-import { ComponentController } from "../../proto/controller/ComponentController";
-import { PageController } from "../../proto/controller/PageController";
-import { Component } from "../../../render-refer/dist";
-export declare function delivery(protoTypeComponent: Component, componentAttachedRootElement: ParentNode, child: Element, controller: ComponentController | PageController): void;
-export declare function findComponent(collection: HTMLCollection, link: ComponentController | PageController): void;

package/runtime/render/delivery.js

@@ -1,42 +0,0 @@
-import { isUnKnown } from "../../core/utility/checkUtility";
-import { init_render } from "./initRender";
-import { post_render } from "./PostRender";
-import { raw_render } from "./rawRender";
-import { getTemplate } from "../../core/utility/templateUtility";
-import { styleResolve } from "../../core/utility/styleUtility";
-//渲染自定义标签
-export function delivery(protoTypeComponent, componentAttachedRootElement, child, controller) {
-    //获得模板元素
-    var tagTemplate = getTemplate(protoTypeComponent);
-    //注册当前解析元素
-    Reflect.get(window, "context").crtTag = child;
-    //解析样式
-    styleResolve(protoTypeComponent.getName());
-    //两种渲染方式
-    if (child.hasAttribute("name")) {
-        //需要保持状态的渲染
-        if (controller.lazyComponent.has(child.getAttribute("name"))) {
-            //该元素存在旧数据，是更新渲染
-            init_render(protoTypeComponent, componentAttachedRootElement, child, controller, tagTemplate);
-        }
-        else {
-            //该元素不存在旧数据，是第一次渲染
-            post_render(protoTypeComponent, componentAttachedRootElement, child, controller, tagTemplate);
-        }
-    }
-    else {
-        //不需要保持状态的渲染
-        raw_render(protoTypeComponent, componentAttachedRootElement, child, controller, tagTemplate);
-    }
-}
-//拓展标签深度渲染
-export function findComponent(collection, link) {
-    for (var i = 0; i < collection.length; i++) {
-        if (isUnKnown(collection[i].nodeName)) {
-            delivery(Reflect.get(window, "tagLib").get(collection[i].nodeName.toUpperCase()), collection[i].parentNode, collection[i], link);
-        }
-        else {
-            findComponent(collection[i].children, link);
-        }
-    }
-}

package/runtime/render/initRender.d.ts

@@ -1,15 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { ContextController } from "../../controller/ContextController";
-import { Component } from "../../../render-refer/dist";
-/**
- * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
- * @param protoType
- * @param parent
- * @param child
- * @param componentController
- * @param tagTemplate
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export declare function init_render(protoType: Component, parent: ParentNode, child: Element, componentController: ComponentController | ContextController, tagTemplate: Element, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>, rjsLib: Map<string, any>): void;

package/runtime/render/initRender.js

@@ -1,46 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { controllerCycleTypeOne } from "../../core/lifecycle/controllerCycle";
-import { afterCmd, cmdUtility } from "../../core/utility/cmdUtility";
-import { mount, unBox } from "../../core/lifecycle/mount";
-import { injectRefs } from "../../core/inject/inject";
-import { afterMethodsTypeOne } from "../../core/lifecycle/afterMethods";
-import { findComponent } from "../Delivery";
-import { resolver_salt } from "../../core/cmd/solt/v-solt";
-/**
- * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
- * @param protoType
- * @param parent
- * @param child
- * @param componentController
- * @param tagTemplate
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export function init_render(protoType, parent, child, componentController, tagTemplate, tagLib, styleLib, rjsLib) {
-    //获取控制对象
-    var controller = new ComponentController({
-        boxMode: true
-    });
-    controller.componentConfig["$plugins"] = rjsLib;
-    controller.parentController = componentController;
-    //解析salt
-    resolver_salt(child, controller);
-    //控制对象预处理
-    controllerCycleTypeOne(controller, protoType, child, componentController, tagLib, styleLib);
-    //内存中模板处理
-    cmdUtility(tagTemplate, protoType, controller);
-    //mount
-    mount(controller, protoType, parent, child, tagTemplate);
-    //获取
-    injectRefs(controller);
-    //渲染后数据处理
-    afterCmd(controller.componentAttachedRootElement, protoType, controller);
-    //后处理
-    afterMethodsTypeOne(controller, child, componentController);
-    //深度渲染
-    findComponent(tagTemplate.children, controller, tagLib, styleLib, rjsLib);
-    if (!protoType.getConfig()["boxMode"]) {
-        unBox(controller);
-    }
-}

package/runtime/render/rawRender.d.ts

@@ -1,15 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { ContextController } from "../../controller/ContextController";
-import { Component } from "../../../render-refer/dist";
-/**
- * 该函数用于渲染不需要记录状态的组件
- * @param protoType
- * @param parent
- * @param child
- * @param componentController
- * @param tagTemplate
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export declare function raw_render(protoType: Component, parent: ParentNode, child: Element, componentController: ComponentController | ContextController, tagTemplate: Element, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>, rjsLib: Map<string, any>): void;

package/runtime/render/rawRender.js

@@ -1,50 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { controllerCycleTypeTwo } from "../../core/lifecycle/controllerCycle";
-import { afterCmd, cmdUtility } from "../../core/utility/cmdUtility";
-import { mount, unBox } from "../../core/lifecycle/mount";
-import { injectRefs } from "../../core/inject/inject";
-import { afterMethodsTypeTwo } from "../../core/lifecycle/afterMethods";
-import { findComponent } from "../Delivery";
-import { resolver_salt } from "../../core/cmd/solt/v-solt";
-/**
- * 该函数用于渲染不需要记录状态的组件
- * @param protoType
- * @param parent
- * @param child
- * @param componentController
- * @param tagTemplate
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export function raw_render(protoType, parent, child, componentController, tagTemplate, tagLib, styleLib, rjsLib) {
-    //获取控制对象
-    var controller = new ComponentController({
-        boxMode: true
-    });
-    controller.componentConfig["$plugins"] = rjsLib;
-    controller.parentController = componentController;
-    //解析salt
-    resolver_salt(child, controller);
-    //控制对象预处理
-    controllerCycleTypeTwo(controller, protoType, componentController, tagLib, styleLib);
-    //beforeRender,可以获取数据而不触发更新
-    protoType.getBeforeRender().call(controller.originalData);
-    //解析指令（模板处理）
-    cmdUtility(tagTemplate, protoType, controller);
-    //mount
-    mount(controller, protoType, parent, child, tagTemplate);
-    //获取注入引用资源
-    injectRefs(controller);
-    //渲染后处理
-    afterCmd(controller.componentAttachedRootElement, protoType, controller);
-    //后处理（数据渲染）
-    afterMethodsTypeTwo(controller, child, componentController);
-    //afterRender，可以操作渲染后的dom
-    protoType.getAfterRender().call(controller.dataForMethod);
-    //深度渲染
-    findComponent(controller.componentAttachedRootElement.children, controller, tagLib, styleLib, rjsLib);
-    if (!protoType.getConfig()["boxMode"]) {
-        unBox(controller);
-    }
-}

package/runtime/renderProcessor.d.ts

@@ -1,11 +0,0 @@
-import { ContextController } from "../controller/ContextController";
-import { Component } from "render-refer";
-/**
- * This function is used to render element below the mount point.
- * @param collection
- * @param contextController
- * @param tagLib
- * @param styleLib
- * @param rjsLib
- */
-export declare function renderHtml(collection: HTMLCollection, contextController: ContextController, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>, rjsLib: Map<string, any>): void;

package/runtime/tag/TagProcessor.d.ts

@@ -1,9 +0,0 @@
-import { RenderJS } from "../../index";
-import { Component } from "../../../render-refer/dist";
-/**
- * This function is used to save the prototype component proto 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;

package/runtime/tagProcessor.d.ts

@@ -1,9 +0,0 @@
-import { Component } from "render-refer";
-import { RenderJS } from "../index";
-/**
- * This function is used to save the prototype component proto 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;

package/runtime/tagProcessor.js

@@ -1,27 +0,0 @@
-/**
- * This function is used to save the prototype component proto 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 function registerTagLib(application, component) {
-    if (Array.isArray(component)) {
-        //if the input parameter is an array of Component,do the code block.
-        component.forEach(function (component) {
-            if (!application.tagLib.has(component.getName().toUpperCase())) {
-                application.tagLib.set(component.getName().toUpperCase(), component);
-            }
-            else {
-                console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
-            }
-        });
-    }
-    else {
-        if (!application.tagLib.has(component.getName().toUpperCase())) {
-            application.tagLib.set(component.getName().toUpperCase(), component);
-        }
-        else {
-            console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
-        }
-    }
-}

package/runtime/update/updateRender.d.ts

@@ -1,10 +0,0 @@
-import { ComponentController } from "../../controller/ComponentController";
-import { Component } from "../../../render-refer/dist";
-import { ContextController } from "../../controller/ContextController";
-/**
- * 更新渲染方法
- * @param controller
- * @param tagLib
- * @param styleLib
- */
-export declare function update_Render(controller: ComponentController | ContextController, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>): void;

package/runtime/update/updateRender.js

@@ -1,38 +0,0 @@
-import { afterCmd, cmdUtility, } from "../../core/utility/cmdUtility";
-import { injectRefs } from "../../core/inject/inject";
-import { findComponent } from "../Delivery";
-import { getTemplate } from "../../core/utility/templateUtility";
-import { mountForUpdate } from "../../core/lifecycle/mount";
-/**
- * 更新渲染方法
- * @param controller
- * @param tagLib
- * @param styleLib
- */
-export function update_Render(controller, tagLib, styleLib) {
-    //生成DOM
-    var tagTemplate = getTemplate(controller.prototypeOfComponent);
-    //清除保存的发布对象
-    controller.slaveComponent = Array();
-    //解析指令
-    cmdUtility(tagTemplate, controller.prototypeOfComponent, controller);
-    //mount
-    if (!controller.componentConfig.boxMode) {
-        var renderSpace = mountForUpdate(tagTemplate);
-        while (controller.begin.nextSibling !== controller.anchor) {
-            controller.componentAttachedRootElement.removeChild(controller.begin.nextSibling);
-        }
-        while (renderSpace.hasChildNodes()) {
-            controller.componentAttachedRootElement.insertBefore(renderSpace.firstChild, controller.anchor);
-        }
-        while (renderSpace.hasChildNodes()) {
-            controller.componentAttachedRootElement.insertBefore(renderSpace.firstChild, controller.anchor);
-        }
-    }
-    //注入
-    injectRefs(controller);
-    //渲染后处理
-    afterCmd(controller.componentAttachedRootElement, controller.prototypeOfComponent, controller);
-    //深度渲染
-    findComponent(controller.componentAttachedRootElement.children, controller, tagLib, styleLib, controller.componentConfig["rjsLib"]);
-}