render-core 1.0.89 → 1.0.91

package/core/render/PostRender.js

@@ -1,11 +1,11 @@
-import { Controller } from "../../class/controller/controller";
+import { ComponentController } from "../../class/controller/componentController";
 import { controllerCycleTypeTwo } from "../../library/lifecycle/controllerCycle";
 import { afterCmd, cmd } from "../../library/cmd/cmd";
 import { mount } from "../../library/lifecycle/mount";
 import { injectRefs } from "../inject/inject";
 import { afterMethodsTypeOne } from "../../library/lifecycle/afterMethods";
 import { findComponent } from "./delivery";
-import { resolver_solt } from "../cmd/v-solt";
+import { resolver_solt } from "../cmd/solt/v-solt";
 /**
  * 该函数用于初次渲染需要记录状态的组件
  * @param proto
@@ -16,7 +16,7 @@ import { resolver_solt } from "../cmd/v-solt";
  */
 export function post_render(proto, parent, child, link, tagTemplate) {
     //获取控制对象
-    var controller = new Controller();
+    var controller = new ComponentController();
     //解析solt
     resolver_solt(child, controller);
     //控制对象预处理

package/core/render/delivery.d.ts

@@ -1,6 +1,5 @@
-import { Controller } from "../../class/controller/controller";
+import { ComponentController } from "../../class/controller/componentController";
 import { Component } from "../../class/component/component";
-import { ApiController } from "../../class/controller/apiController";
 import { PageController } from "../../class/controller/pageController";
-export declare function Render(proto: Component, parent: ParentNode, child: Element, link: Controller | ApiController | PageController): void;
-export declare function findComponent(collection: HTMLCollection, link: Controller | ApiController | PageController): void;
+export declare function Render(proto: Component, parent: ParentNode, child: Element, link: ComponentController | PageController): void;
+export declare function findComponent(collection: HTMLCollection, link: ComponentController | PageController): void;

package/core/render/initRender.d.ts

@@ -1,6 +1,5 @@
 import { Component } from "../../class/component/component";
-import { Controller } from "../../class/controller/controller";
-import { ApiController } from "../../class/controller/apiController";
+import { ComponentController } from "../../class/controller/componentController";
 import { PageController } from "../../class/controller/pageController";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
@@ -10,4 +9,4 @@ import { PageController } from "../../class/controller/pageController";
  * @param link
  * @param tagTemplate
  */
-export declare function init_render(proto: Component, parent: ParentNode, child: Element, link: Controller | ApiController | PageController, tagTemplate: Element): void;
+export declare function init_render(proto: Component, parent: ParentNode, child: Element, link: ComponentController | PageController, tagTemplate: Element): void;

package/core/render/initRender.js

@@ -1,11 +1,11 @@
-import { Controller } from "../../class/controller/controller";
+import { ComponentController } from "../../class/controller/componentController";
 import { controllerCycleTypeOne } from "../../library/lifecycle/controllerCycle";
 import { afterCmd, cmd } from "../../library/cmd/cmd";
 import { mount } from "../../library/lifecycle/mount";
 import { injectRefs } from "../inject/inject";
 import { afterMethodsTypeOne } from "../../library/lifecycle/afterMethods";
 import { findComponent } from "./delivery";
-import { resolver_solt } from "../cmd/v-solt";
+import { resolver_solt } from "../cmd/solt/v-solt";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param proto
@@ -16,7 +16,7 @@ import { resolver_solt } from "../cmd/v-solt";
  */
 export function init_render(proto, parent, child, link, tagTemplate) {
     //获取控制对象
-    var controller = new Controller();
+    var controller = new ComponentController();
     //解析solt
     resolver_solt(child, controller);
     //控制对象预处理

package/core/render/partRender.js

@@ -1,5 +1,5 @@
-import { resolver_array_single } from "../cmd/v-index";
-import { resolver_map_single } from "../cmd/v-key";
+import { resolver_array_single } from "../cmd/loop/v-index";
+import { resolver_map_single } from "../cmd/loop/v-key";
 /**
  * 该函数用于处理数组类型数据的展开
  * @param baseRoot

package/core/render/rawRender.d.ts

@@ -1,6 +1,5 @@
 import { Component } from "../../class/component/component";
-import { Controller } from "../../class/controller/controller";
-import { ApiController } from "../../class/controller/apiController";
+import { ComponentController } from "../../class/controller/componentController";
 import { PageController } from "../../class/controller/pageController";
 /**
  * 该函数用于渲染不需要记录状态的组件
@@ -10,4 +9,4 @@ import { PageController } from "../../class/controller/pageController";
  * @param link
  * @param tagTemplate
  */
-export declare function raw_render(proto: Component, parent: ParentNode, child: Element, link: Controller | ApiController | PageController, tagTemplate: Element): void;
+export declare function raw_render(proto: Component, parent: ParentNode, child: Element, link: ComponentController | PageController, tagTemplate: Element): void;

package/core/render/rawRender.js

@@ -1,11 +1,11 @@
-import { Controller } from "../../class/controller/controller";
+import { ComponentController } from "../../class/controller/componentController";
 import { controllerCycleTypeTwo } from "../../library/lifecycle/controllerCycle";
 import { afterCmd, cmd } from "../../library/cmd/cmd";
 import { mount } from "../../library/lifecycle/mount";
 import { injectRefs } from "../inject/inject";
 import { afterMethodsTypeTwo } from "../../library/lifecycle/afterMethods";
 import { findComponent } from "./delivery";
-import { resolver_solt } from "../cmd/v-solt";
+import { resolver_solt } from "../cmd/solt/v-solt";
 /**
  * 该函数用于渲染不需要记录状态的组件
  * @param proto
@@ -16,7 +16,7 @@ import { resolver_solt } from "../cmd/v-solt";
  */
 export function raw_render(proto, parent, child, link, tagTemplate) {
     //获取控制对象
-    var controller = new Controller();
+    var controller = new ComponentController();
     //解析solt
     resolver_solt(child, controller);
     //控制对象预处理

package/core/render/updateRender.d.ts

@@ -1,6 +1,6 @@
-import { Controller } from "../../class/controller/controller";
+import { ComponentController } from "../../class/controller/componentController";
 /**
  * 更新渲染方法
  * @param controller
  */
-export declare function update_Render(controller: Controller): void;
+export declare function update_Render(controller: ComponentController): void;

package/core/render/updateRender.js

@@ -1,8 +1,8 @@
-import { bindModelForUpdater } from "../utility/miscUtility";
 import { afterCmd, cmdForUpdate } from "../../library/cmd/cmd";
 import { injectRefs } from "../inject/inject";
 import { findComponent } from "./delivery";
 import { getTemplate } from "../utility/templateUtility";
+import { locateInputAddress } from "../utility/sectionUtility";
 /**
  * 更新渲染方法
  * @param controller
@@ -38,7 +38,7 @@ export function update_Render(controller) {
     var afterRender = controller.proto.getAfterRender().bind(controller.raw_data);
     afterRender();
     //获取定位
-    bindModelForUpdater(controller.root.children, controller.proxyForMethods);
+    locateInputAddress(controller);
     //深度渲染
     findComponent(controller.root.children, controller);
 }

package/core/resolver/props.d.ts

@@ -1,3 +1,18 @@
+/**
+ * This function is used to resolve tag customed properties.
+ * @param node
+ * @param properties
+ */
 export declare function resolveProps(node: Element, properties: {} | []): any;
+/**
+ *
+ * @param node
+ * @param array
+ */
 export declare function getAllPropsByArray(node: Element, array: Array<string>): any;
+/**
+ *
+ * @param node
+ * @param object
+ */
 export declare function getAllPropsByObject(node: Element, object: {}): any;

package/core/resolver/props.js

@@ -1,3 +1,8 @@
+/**
+ * This function is used to resolve tag customed properties.
+ * @param node
+ * @param properties
+ */
 export function resolveProps(node, properties) {
     if (properties instanceof Array) {
         return getAllPropsByArray(node, properties);
@@ -6,6 +11,11 @@ export function resolveProps(node, properties) {
         return getAllPropsByObject(node, properties);
     }
 }
+/**
+ *
+ * @param node
+ * @param array
+ */
 export function getAllPropsByArray(node, array) {
     var props = new Map();
     array.forEach(function (value) {
@@ -15,6 +25,11 @@ export function getAllPropsByArray(node, array) {
     });
     return props;
 }
+/**
+ *
+ * @param node
+ * @param object
+ */
 export function getAllPropsByObject(node, object) {
     var props = new Map();
     for (var objectKey in object) {

package/core/resolver/query.d.ts

@@ -1 +1,4 @@
+/**
+ * This function is used to resolve the http parameters.
+ */
 export declare function resolve_Queries(): Map<string, any>;

package/core/resolver/query.js

@@ -1,3 +1,6 @@
+/**
+ * This function is used to resolve the http parameters.
+ */
 export function resolve_Queries() {
     var query = new Map();
     if (location.search !== undefined) {

package/core/utility/injectUtility.d.ts

@@ -1,12 +1,11 @@
-import { Controller } from "../../class/controller/controller";
-import { ApiController } from "../../class/controller/apiController";
+import { ComponentController } from "../../class/controller/componentController";
 import { PageController } from "../../class/controller/pageController";
 export declare function getCodeSpaceForProps(data: {}, $props: Map<string, object>): void;
 export declare function getCodeSpaceForQuery(data: {}, $query: Map<string, any>): void;
 export declare function getCodeSpaceForRef(data: {}, $ref: Map<string, Element>): void;
-export declare function getCommitMethod(controller: Controller | ApiController | PageController): any;
-export declare function getSetterMethod(controller: Controller | ApiController | PageController): any;
+export declare function getCommitMethod(controller: ComponentController | PageController): any;
+export declare function getSetterMethod(controller: ComponentController | PageController): any;
 export declare function getCodeSpaceForCommit(data: {}, commit: any): void;
-export declare function getPublishMethod(controller: Controller | ApiController | PageController): any;
+export declare function getPublishMethod(controller: ComponentController | PageController): any;
 export declare function getCodeSpaceForPublish(data: {}, publisher: any): void;
 export declare function getCodeSpaceForProperty(data: {}, setter: any): void;

package/core/utility/miscUtility.d.ts

@@ -4,4 +4,3 @@
  * @param component
  */
 export declare function addLabel(nodes: HTMLCollection, component: string): void;
-export declare function bindModelForUpdater(nodes: HTMLCollection, data: {}): void;

package/core/utility/miscUtility.js

@@ -10,47 +10,3 @@ export function addLabel(nodes, component) {
         addLabel(kk, component);
     }
 }
-export function bindModelForUpdater(nodes, data) {
-    for (var i = 0; i < nodes.length; i++) {
-        var result = nodes[i].hasAttribute("v-model");
-        if (result) {
-            var dataName = nodes[i].getAttribute("v-model");
-            nodes[i].removeAttribute("v-model");
-            var tagName = nodes[i].tagName;
-            nodes[i].setAttribute("name", dataName);
-            // @ts-ignore
-            nodes[i].setAttribute("value", data[dataName]);
-            if (tagName === "INPUT" || tagName === "SELECT" || tagName === "TEXTAREA") {
-                nodes[i].setAttribute("name", dataName);
-                // @ts-ignore
-                nodes[i].setAttribute("value", data[dataName]);
-                //光标定位
-                var listener = function (evt) {
-                    if (!evt.target.hasAttribute("flag")) {
-                        var element = evt.target;
-                        var dataName_1 = element.name;
-                        this[dataName_1] = element.value;
-                    }
-                };
-                var compositionstart = function (evt) {
-                    evt.target.setAttribute("flag", "false");
-                };
-                var compositionend = function (evt) {
-                    evt.target.setAttribute("flag", "true");
-                    var element = evt.target;
-                    var dataName = element.name;
-                    this[dataName] = element.value;
-                };
-                nodes[i].addEventListener("input", listener.bind(data));
-                nodes[i].addEventListener("compositionstart", compositionstart);
-                nodes[i].addEventListener("compositionend", compositionend.bind(data));
-                // @ts-ignore
-                nodes[i].focus();
-                // @ts-ignore
-                nodes[i].setSelectionRange(data[dataName].length, data[dataName].length);
-            }
-        }
-        var subElements = nodes[i].children;
-        bindModelForUpdater(subElements, data);
-    }
-}

package/core/utility/sectionUtility.d.ts

@@ -0,0 +1,6 @@
+import { ComponentController } from "../../class/controller/componentController";
+/**
+ *
+ * @param controller
+ */
+export declare function locateInputAddress(controller: ComponentController): void;

package/core/utility/sectionUtility.js

@@ -0,0 +1,11 @@
+/**
+ *
+ * @param controller
+ */
+export function locateInputAddress(controller) {
+    if (controller.proxyForMethods.hasOwnProperty("origin")) {
+        var doc = Reflect.get(controller.proxyForMethods, "origin");
+        // @ts-ignore
+        document.querySelector(doc.tag.concat("[cpn=".concat(doc.cpn).concat("]").concat("[cpn=".concat(doc.name).concat("]")))).focus();
+    }
+}

package/core/utility/styleUtility.d.ts

@@ -1,5 +1,22 @@
 import { Component } from "../../class/component/component";
+/**
+ *
+ * @param tag
+ */
 export declare function checkStyleLabel(tag: string): boolean;
+/**
+ *
+ * @param component
+ * @param styleLib
+ */
 export declare function themeStyle(component: Component, styleLib: Map<string, object>): void;
+/**
+ *
+ * @param tag
+ */
 export declare function styleResolve(tag: string): void;
+/**
+ *
+ * @param theme
+ */
 export declare function reloadStyle(theme: string): void;

package/core/utility/styleUtility.js

@@ -1,6 +1,10 @@
 import { loadStyle } from "../../library/loader/loader";
 // @ts-ignore
 import { sessionStorageEngin_read } from "render-status/read/read";
+/**
+ *
+ * @param tag
+ */
 export function checkStyleLabel(tag) {
     //获取所有的style标签
     var styles = document.getElementsByTagName("style");
@@ -13,6 +17,11 @@ export function checkStyleLabel(tag) {
     //样式未加载
     return false;
 }
+/**
+ *
+ * @param component
+ * @param styleLib
+ */
 export function themeStyle(component, styleLib) {
     var template = component.getTemplate();
     var dom = document.createElement("div");
@@ -24,6 +33,10 @@ export function themeStyle(component, styleLib) {
     }
     styleLib.set(component.getName().toUpperCase(), kk);
 }
+/**
+ *
+ * @param tag
+ */
 export function styleResolve(tag) {
     var theme = sessionStorageEngin_read("theme");
     if (Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme) === undefined) {
@@ -33,6 +46,10 @@ export function styleResolve(tag) {
         loadStyle(tag, theme, Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme));
     }
 }
+/**
+ *
+ * @param theme
+ */
 export function reloadStyle(theme) {
     Reflect.get(window, "styleLib").forEach(function (value, key) {
         var styles = document.getElementsByTagName("style");

package/core/utility/templateUtility.d.ts

@@ -1,3 +1,6 @@
 import { Component } from "../../class/component/component";
-import ApiComponent from "../../class/component/apiComponent";
-export declare function getTemplate(proto: Component | ApiComponent): Element;
+/**
+ *
+ * @param proto
+ */
+export declare function getTemplate(proto: Component): Element;

package/core/utility/templateUtility.js

@@ -1,3 +1,7 @@
+/**
+ *
+ * @param proto
+ */
 export function getTemplate(proto) {
     //生成DOM
     var temp = document.createElement("div");

package/index.d.ts

@@ -1,13 +1,29 @@
 import { Component } from "./class/component/component";
 import { routerController } from "render-security/class/Router";
+/**
+ * This class is the application class.
+ */
 export declare class RenderJS {
     readonly config: {};
     readonly tagLib: Map<string, Component>;
-    private routerC;
-    private readonly page;
+    readonly styleLib: Map<string, Map<string, string>>;
+    router: routerController;
+    private application;
+    private page;
     constructor();
+    /**
+     * If you want to hava a permission control to your application,you can
+     * use our extra router moudle to define the router.
+     * @param router
+     */
     addRouter(router: routerController): void;
+    /**
+     * You can use the method to register your single component or an array of components.
+     * @param component
+     */
     addTag(component: Component | Component[]): void;
+    /**
+     * This method is the boster method of the render.
+     */
     run(): void;
-    private render;
 }

package/index.js

@@ -1,82 +1,65 @@
-import { Component } from "./class/component/component";
 import meta from "./meta/meta";
-import { renderHtml } from "./runtime/runtime";
-import { themeStyle } from "./core/utility/styleUtility";
 // @ts-ignore
 import { redirect } from "render-security/utility/redirect";
 import { PageController } from "./class/controller/pageController";
-import { App } from "./meta/app";
-//页面RenderJs
+import { registerTagLib, render } from "./runtime/tools";
+import { AppController } from "./class/controller/appController";
+/**
+ * This class is the application class.
+ */
 var RenderJS = /** @class */ (function () {
-    //构造函数
     function RenderJS() {
+        //initiate the tagLib object
         this.tagLib = new Map();
+        //initiate the styleLib object
+        this.styleLib = new Map();
+        //initiate the application controller
+        this.application = new AppController();
+        //initiate the page controller
         this.page = new PageController();
+        //initiate the config object
         this.config = {};
         Reflect.set(this.config, "version", meta.version);
         Reflect.set(this.config, "theme", meta.style);
     }
-    //添加路由器
+    /**
+     * If you want to hava a permission control to your application,you can
+     * use our extra router moudle to define the router.
+     * @param router
+     */
     RenderJS.prototype.addRouter = function (router) {
-        this.routerC = router;
+        this.router = router;
     };
-    //添加自定义标签
+    /**
+     * You can use the method to register your single component or an array of components.
+     * @param component
+     */
     RenderJS.prototype.addTag = function (component) {
-        var _this = this;
-        if (component instanceof Component) {
-            if (!this.tagLib.has(component.getName().toUpperCase())) {
-                this.tagLib.set(component.getName().toUpperCase(), component);
-            }
-            else {
-                console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
-            }
-        }
-        else {
-            component.forEach(function (component) {
-                if (!_this.tagLib.has(component.getName().toUpperCase())) {
-                    _this.tagLib.set(component.getName().toUpperCase(), component);
-                }
-                else {
-                    console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
-                }
-            });
-        }
+        registerTagLib(this, component);
     };
-    //运行renderJs
+    /**
+     * This method is the boster method of the render.
+     */
     RenderJS.prototype.run = function () {
-        if (this.routerC) {
-            this.routerC.data.beforeRouter();
-            if (typeof this.routerC.getRule(location.href) === "boolean") {
-                this.render();
+        if (this.router) {
+            this.router.data.beforeRouter();
+            if (typeof this.router.getRule(location.href) === "boolean") {
+                render(this);
             }
             else {
-                if (this.routerC.getRule(location.href).beforeRouter()) {
-                    this.render();
+                if (this.router.getRule(location.href).beforeRouter()) {
+                    render(this);
                 }
                 else {
                     redirect("/http/400.html");
                 }
             }
-            this.routerC.data.afterRouter();
+            this.router.data.afterRouter();
         }
         else {
-            this.render();
+            render(this);
         }
     };
-    RenderJS.prototype.render = function () {
-        //保存全局tagLib对象
-        Reflect.set(window, "tagLib", this.tagLib);
-        //获取styleLib对象
-        var styleLib = new Map();
-        this.tagLib.forEach(function (component) {
-            themeStyle(component, styleLib);
-        });
-        Reflect.set(window, "styleLib", styleLib);
-        Reflect.set(window, "context", new App());
-        Reflect.set(window, "router", this.routerC);
-        //开始渲染
-        renderHtml(document.body.children, this.page);
-    };
     return RenderJS;
 }());
 export { RenderJS };

package/library/cmd/cmd.d.ts

@@ -1,7 +1,23 @@
 import { Component } from "../../class/component/component";
-import { Controller } from "../../class/controller/controller";
-import { ApiController } from "../../class/controller/apiController";
-import ApiComponent from "../../class/component/apiComponent";
-export declare function cmd(tagTemplate: Element, proto: Component | ApiComponent, controller: Controller | ApiController): void;
-export declare function afterCmd(templateSpace: ParentNode, proto: Component | ApiComponent, controller: Controller | ApiController): void;
-export declare function cmdForUpdate(tagTemplate: Element, proto: Component, controller: Controller | ApiController): void;
+import { ComponentController } from "../../class/controller/componentController";
+/**
+ * This function is used to resolver those commands which should be executed before mount.
+ * @param tagTemplate
+ * @param proto
+ * @param controller
+ */
+export declare function cmd(tagTemplate: Element, proto: Component, controller: ComponentController): void;
+/**
+ * This function is used to resolver those commands which should be executed after mount.
+ * @param templateSpace
+ * @param proto
+ * @param controller
+ */
+export declare function afterCmd(templateSpace: ParentNode, proto: Component, controller: ComponentController): void;
+/**
+ *
+ * @param tagTemplate
+ * @param proto
+ * @param controller
+ */
+export declare function cmdForUpdate(tagTemplate: Element, proto: Component, controller: ComponentController): void;