render-core 1.0.99 → 1.0.101

package/class/controller/contextController.d.ts

@@ -0,0 +1,4 @@
+export declare class ContextController {
+    mixin: {};
+    constructor();
+}

package/class/controller/contextController.js

@@ -0,0 +1,7 @@
+var ContextController = /** @class */ (function () {
+    function ContextController() {
+        this.mixin = {};
+    }
+    return ContextController;
+}());
+export { ContextController };

package/class/controller/pageController.d.ts

@@ -4,6 +4,7 @@ export declare class PageController {
     private currentTag;
     solt: Map<string, any>;
     raw_data: {};
+    mixin: {};
     to: ComponentController[];
     link: Map<string, {}>;
     constructor();

package/class/controller/pageController.js

@@ -7,6 +7,7 @@ var PageController = /** @class */ (function () {
         this.to = Array();
         this.crtTag = null;
         this.solt = new Map();
+        this.mixin = {};
     }
     //接收器
     PageController.prototype.receiver = function (method) {
@@ -14,6 +15,7 @@ var PageController = /** @class */ (function () {
         for (var _i = 1; _i < arguments.length; _i++) {
             args[_i - 1] = arguments[_i];
         }
+        this.methods[method].call(args);
     };
     Object.defineProperty(PageController.prototype, "crtTag", {
         //返回当前页面的渲染元素

package/class/tips/renderTip.d.ts

@@ -0,0 +1,7 @@
+export interface RenderTip {
+    use(callable: any): void;
+    configApp(config: {}): void;
+    configContext(cinfig: {}): void;
+    mixin(mix: {}): void;
+    mount(): void;
+}

package/class/tips/renderTip.js

@@ -0,0 +1 @@
+export {};

package/core/cmd/react/v-model.js

@@ -1,3 +1,4 @@
+import { compositionend, compositionstart, listerner } from "../../utility/modelUtility";
 /**
  * 绑定数据模型
  * @param nodes
@@ -10,32 +11,8 @@ export function resolver_model(nodes, data) {
             nodes[i].removeAttribute("v-model");
             var tagName = nodes[i].tagName;
             nodes[i].setAttribute("name", dataName);
-            if (tagName === "INPUT" || tagName === "SELECT" || tagName === "TEXTAREA") {
-                var listener = function (evt) {
-                    if (!evt.target.hasAttribute("flag")) {
-                        //Get the event element
-                        var element = evt.target;
-                        //Get the name attribute
-                        var dataName_1 = element.name;
-                        Reflect.set(this, "origin", {
-                            cpn: element.getAttribute("cpn"),
-                            tag: element.nodeName,
-                            name: element.getAttribute("name")
-                        });
-                        //Update the value
-                        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));
+            if (tagName === "INPUT" || tagName === "SELECT" || tagName === "TEXTAREA" || tagName === "DATALIST") {
+                nodes[i].addEventListener("input", listerner.bind(data));
                 nodes[i].addEventListener("compositionstart", compositionstart);
                 nodes[i].addEventListener("compositionend", compositionend.bind(data));
             }

package/{library → core}/lifecycle/controllerCycle.js

@@ -1,6 +1,6 @@
-import { inject, injectComputed, injectMethod, injectWatcher } from "../../core/inject/inject";
-import { getProxyObject } from "../../core/proxy/getProxy";
-import { getCodeSpaceForCommit, getCodeSpaceForProperty, getCodeSpaceForPublish, getCommitMethod, getPublishMethod, getSetterMethod } from "../../core/utility/injectUtility";
+import { inject, injectComputed, injectMethod, injectWatcher } from "../inject/inject";
+import { getProxyObject } from "../proxy/getProxy";
+import { getCodeSpaceForCommit, getCodeSpaceForProperty, getCodeSpaceForPublish, getCommitMethod, getPublishMethod, getSetterMethod } from "../utility/injectUtility";
 /**
  * This function is used to initiate the component controller object.
  * @param controller

package/{library → core}/loader/loader.js

@@ -1,4 +1,4 @@
-import { checkStyleLabel } from "../../core/utility/styleUtility";
+import { checkStyleLabel } from "../utility/styleUtility";
 /**
  * 加载自定义标签样式
  * @param tag

package/core/render/PostRender.js

@@ -1,9 +1,9 @@
 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 { controllerCycleTypeTwo } from "../lifecycle/controllerCycle";
+import { afterCmd, cmdUtility } from "../utility/cmdUtility";
+import { mount } from "../lifecycle/mount";
 import { injectRefs } from "../inject/inject";
-import { afterMethodsTypeOne } from "../../library/lifecycle/afterMethods";
+import { afterMethodsTypeOne } from "../lifecycle/afterMethods";
 import { findComponent } from "./delivery";
 import { resolver_solt } from "../cmd/solt/v-solt";
 /**
@@ -25,7 +25,7 @@ export function post_render(proto, parent, child, link, tagTemplate) {
     var beforeRender = proto.getBeforeRender().bind(controller.raw_data);
     beforeRender();
     //解析指令
-    cmd(tagTemplate, proto, controller);
+    cmdUtility(tagTemplate, proto, controller);
     //beforeMount
     var beforeMount = proto.getBeforeMount().bind(controller.raw_data);
     beforeMount();

package/core/render/initRender.js

@@ -1,9 +1,9 @@
 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 { controllerCycleTypeOne } from "../lifecycle/controllerCycle";
+import { afterCmd, cmdUtility } from "../utility/cmdUtility";
+import { mount } from "../lifecycle/mount";
 import { injectRefs } from "../inject/inject";
-import { afterMethodsTypeOne } from "../../library/lifecycle/afterMethods";
+import { afterMethodsTypeOne } from "../lifecycle/afterMethods";
 import { findComponent } from "./delivery";
 import { resolver_solt } from "../cmd/solt/v-solt";
 /**
@@ -25,7 +25,7 @@ export function init_render(proto, parent, child, link, tagTemplate) {
     var beforeRender = proto.getBeforeRender().bind(controller.raw_data);
     beforeRender();
     //内存中数据渲染
-    cmd(tagTemplate, proto, controller);
+    cmdUtility(tagTemplate, proto, controller);
     //beforeMount
     var beforeMount = proto.getBeforeMount().bind(controller.raw_data);
     beforeMount();

package/core/render/rawRender.js

@@ -1,9 +1,9 @@
 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 { controllerCycleTypeTwo } from "../lifecycle/controllerCycle";
+import { afterCmd, cmdUtility } from "../utility/cmdUtility";
+import { mount } from "../lifecycle/mount";
 import { injectRefs } from "../inject/inject";
-import { afterMethodsTypeTwo } from "../../library/lifecycle/afterMethods";
+import { afterMethodsTypeTwo } from "../lifecycle/afterMethods";
 import { findComponent } from "./delivery";
 import { resolver_solt } from "../cmd/solt/v-solt";
 /**
@@ -25,7 +25,7 @@ export function raw_render(proto, parent, child, link, tagTemplate) {
     var beforeRender = proto.getBeforeRender().bind(controller.raw_data);
     beforeRender();
     //解析指令
-    cmd(tagTemplate, proto, controller);
+    cmdUtility(tagTemplate, proto, controller);
     //beforeMount
     var beforeMount = proto.getBeforeMount().bind(controller.raw_data);
     beforeMount();

package/core/render/updateRender.js

@@ -1,4 +1,4 @@
-import { afterCmd, cmdForUpdate } from "../../library/cmd/cmd";
+import { afterCmd, cmdUtility, } from "../utility/cmdUtility";
 import { injectRefs } from "../inject/inject";
 import { findComponent } from "./delivery";
 import { getTemplate } from "../utility/templateUtility";
@@ -17,7 +17,7 @@ export function update_Render(controller) {
     var beforeRender = controller.proto.getBeforeRender().bind(controller.raw_data);
     beforeRender();
     //解析指令
-    cmdForUpdate(tagTemplate, controller.proto, controller);
+    cmdUtility(tagTemplate, controller.proto, controller);
     //beforeUnmount
     var beforeUnmount = controller.proto.getBeforeUnmount().bind(controller.raw_data);
     beforeUnmount();

package/core/utility/checkUtility.js

@@ -1,4 +1,4 @@
-import metaTagLib from "../../runtime/database/metaTagLib";
+import metaTagLib from "../../runtime/metaTagLib";
 export function isUnKnown(element) {
     return !metaTagLib.some(function (ele) { return ele == element; });
 }

package/{library/cmd/cmd.d.ts → core/utility/cmdUtility.d.ts}

@@ -6,7 +6,7 @@ import { ComponentController } from "../../class/controller/componentController"
  * @param proto
  * @param controller
  */
-export declare function cmd(tagTemplate: Element, proto: Component, controller: ComponentController): void;
+export declare function cmdUtility(tagTemplate: Element, proto: Component, controller: ComponentController): void;
 /**
  * This function is used to resolver those commands which should be executed after mount.
  * @param templateSpace
@@ -14,10 +14,3 @@ export declare function cmd(tagTemplate: Element, proto: Component, controller:
  * @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;

package/core/utility/cmdUtility.js

@@ -0,0 +1,57 @@
+import { addLabel } from "./miscUtility";
+import { resolver_event } from "../cmd/method/v-on";
+import { resolver_html } from "../cmd/data/v-html";
+import { resolver_txt } from "../cmd/data/v-txt";
+import { resolver_model } from "../cmd/react/v-model";
+import { resolver_bind } from "../cmd/property/v-bind";
+import { resolver_show } from "../cmd/justify/v-show";
+import { resolver_render } from "../cmd/justify/v-render";
+import { resolver_if } from "../cmd/justify/v-if";
+import { resolver_switch } from "../cmd/justify/v-switch";
+import { resolver_for_each, resolver_for_of } from "../cmd/loop/v-for";
+import { extract_solt } from "../cmd/solt/v-solt";
+import { resolver_experssion } from "../cmd/data/v-el";
+/**
+ * This function is used to resolver those commands which should be executed before mount.
+ * @param tagTemplate
+ * @param proto
+ * @param controller
+ */
+export function cmdUtility(tagTemplate, proto, controller) {
+    //给所有元素添加上npm=tag标志
+    addLabel(tagTemplate.children, proto.getName());
+    //将元素事件绑定到元素上
+    resolver_event(tagTemplate.children, proto.getMethods(), controller.proxyForMethods);
+    //渲染html
+    resolver_html(tagTemplate.children, controller.proxyForMethods, controller);
+    //渲染text
+    resolver_txt(tagTemplate.children, controller.proxyForMethods, controller);
+    //绑定数据
+    resolver_model(tagTemplate.children, controller.proxyForMethods);
+    //渲染属性
+    resolver_bind(tagTemplate.children, controller.proxyForMethods);
+    //solt
+    extract_solt(tagTemplate.children, controller);
+}
+/**
+ * This function is used to resolver those commands which should be executed after mount.
+ * @param templateSpace
+ * @param proto
+ * @param controller
+ */
+export function afterCmd(templateSpace, proto, controller) {
+    //v-show
+    resolver_show(templateSpace.children, controller.proxyForMethods);
+    //v-render
+    resolver_render(templateSpace.children, controller.proxyForMethods);
+    //v-if
+    resolver_if(templateSpace.children, controller.proxyForMethods);
+    //v-switch
+    resolver_switch(templateSpace.children, controller.proxyForMethods);
+    //v-for-each
+    resolver_for_each(templateSpace.children, controller.proxyForMethods);
+    //v-for-of
+    resolver_for_of(templateSpace.children, controller.proxyForMethods);
+    //v-el
+    resolver_experssion(controller.root, controller.proxyForMethods, controller);
+}

package/core/utility/modelUtility.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ * @param evt
+ */
+export declare function compositionstart(evt: any): void;
+/**
+ *
+ * @param evt
+ */
+export declare function listerner(evt: any): void;
+/**
+ *
+ * @param evt
+ */
+export declare function compositionend(evt: any): void;

package/core/utility/modelUtility.js

@@ -0,0 +1,36 @@
+/**
+ *
+ * @param evt
+ */
+export function compositionstart(evt) {
+    evt.target.setAttribute("flag", "false");
+}
+/**
+ *
+ * @param evt
+ */
+export function listerner(evt) {
+    if (!evt.target.hasAttribute("flag")) {
+        //Get the event element
+        var element = evt.target;
+        //Get the name attribute
+        var dataName = element.name;
+        Reflect.set(this, "origin", {
+            cpn: element.getAttribute("cpn"),
+            tag: element.nodeName,
+            name: element.getAttribute("name")
+        });
+        //Update the value
+        this[dataName] = element.value;
+    }
+}
+/**
+ *
+ * @param evt
+ */
+export function compositionend(evt) {
+    evt.target.setAttribute("flag", "true");
+    var element = evt.target;
+    var dataName = element.name;
+    this[dataName] = element.value;
+}

package/core/utility/styleUtility.js

@@ -1,4 +1,4 @@
-import { loadStyle } from "../../library/loader/loader";
+import { loadStyle } from "../loader/loader";
 // @ts-ignore
 import { sessionStorageEngin_read } from "render-status/read/read";
 /**

package/core/utility/vForUtility.d.ts

@@ -1,2 +1,15 @@
+/**
+ *
+ * @param baseRoot
+ * @param temp
+ * @param index
+ * @param data
+ */
 export declare function extractForArray(baseRoot: ParentNode, temp: Node, index: number, data: any): void;
+/**
+ *
+ * @param baseRoot
+ * @param temp
+ * @param data
+ */
 export declare function extractForMap(baseRoot: ParentNode, temp: Node, data: any): void;

package/core/utility/vForUtility.js

@@ -1,7 +1,20 @@
 import { part_render_array, part_render_map } from "../render/partRender";
+/**
+ *
+ * @param baseRoot
+ * @param temp
+ * @param index
+ * @param data
+ */
 export function extractForArray(baseRoot, temp, index, data) {
     part_render_array(baseRoot, temp, index, data);
 }
+/**
+ *
+ * @param baseRoot
+ * @param temp
+ * @param data
+ */
 export function extractForMap(baseRoot, temp, data) {
     part_render_map(baseRoot, temp, data);
 }

package/index.d.ts

@@ -1,17 +1,39 @@
 import { Component } from "./class/component/component";
 import { routerController } from "render-security/class/Router";
 import { PageController } from "./class/controller/pageController";
+import { RenderTip } from "./class/tips/renderTip";
 /**
  * This class is the application class.
  */
-export declare class RenderJS {
+export declare class RenderJS implements RenderTip {
     readonly config: {};
     readonly tagLib: Map<string, Component>;
     readonly styleLib: Map<string, Map<string, string>>;
     router: routerController;
     private application;
+    private context;
     page: PageController;
     constructor();
+    /**
+     *
+     * @param config
+     */
+    configApp(config: {}): void;
+    /**
+     *
+     * @param cinfig
+     */
+    configContext(cinfig: {}): void;
+    /**
+     *
+     * @param callable
+     */
+    use(callable: any): void;
+    /**
+     *
+     * @param mix
+     */
+    mixin(mix: {}): void;
     /**
      * If you want to hava a permission control to your application,you can
      * use our extra router moudle to define the router.
@@ -23,6 +45,10 @@ export declare class RenderJS {
      * @param component
      */
     addTag(component: Component | Component[]): void;
+    /**
+     * mount some base object
+     */
+    mount(): void;
     /**
      * This method is the boster method of the render.
      */

package/index.js

@@ -1,9 +1,7 @@
-import meta from "./meta/meta";
-// @ts-ignore
-import { redirect } from "render-security/utility/redirect";
 import { PageController } from "./class/controller/pageController";
-import { registerTagLib, render } from "./runtime/tools";
+import { executor, registerTagLib } from "./runtime/tools";
 import { AppController } from "./class/controller/appController";
+import { ContextController } from "./class/controller/contextController";
 /**
  * This class is the application class.
  */
@@ -15,13 +13,40 @@ var RenderJS = /** @class */ (function () {
         this.styleLib = new Map();
         //initiate the application controller
         this.application = new AppController();
+        this.context = new ContextController();
         //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);
     }
+    /**
+     *
+     * @param config
+     */
+    RenderJS.prototype.configApp = function (config) {
+        throw new Error("Method not implemented.");
+    };
+    /**
+     *
+     * @param cinfig
+     */
+    RenderJS.prototype.configContext = function (cinfig) {
+        throw new Error("Method not implemented.");
+    };
+    /**
+     *
+     * @param callable
+     */
+    RenderJS.prototype.use = function (callable) {
+        callable(this);
+    };
+    /**
+     *
+     * @param mix
+     */
+    RenderJS.prototype.mixin = function (mix) {
+        this.page.mixin = mix;
+    };
     /**
      * If you want to hava a permission control to your application,you can
      * use our extra router moudle to define the router.
@@ -38,28 +63,27 @@ var RenderJS = /** @class */ (function () {
         registerTagLib(this, component);
     };
     /**
-     * This method is the boster method of the render.
+     * mount some base object
      */
-    RenderJS.prototype.run = function () {
+    RenderJS.prototype.mount = function () {
+        Reflect.set(window, "tagLib", this.tagLib);
+        Reflect.set(window, "styleLib", this.styleLib);
+        Reflect.set(window, "appSite", this.application);
+        Reflect.set(window, "context", this.context);
+        Reflect.set(window, "page", this.page);
         if (this.router) {
-            this.router.data.beforeRouter();
-            if (typeof this.router.getRule(location.href) === "boolean") {
-                render(this);
-            }
-            else {
-                if (this.router.getRule(location.href).beforeRouter()) {
-                    render(this);
-                }
-                else {
-                    redirect("/http/400.html");
-                }
-            }
-            this.router.data.afterRouter();
-        }
-        else {
-            render(this);
+            Reflect.set(window, "router", this.router);
         }
     };
+    /**
+     * This method is the boster method of the render.
+     */
+    RenderJS.prototype.run = function () {
+        //挂载对象
+        this.mount();
+        //execute
+        executor(this);
+    };
     return RenderJS;
 }());
 export { RenderJS };

package/package.json

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

package/runtime/tools.d.ts

@@ -12,3 +12,7 @@ export declare function registerTagLib(application: RenderJS, component: Compone
  * @param renderjs
  */
 export declare function render(renderjs: RenderJS): void;
+/**
+ *
+ */
+export declare function executor(renderjs: RenderJS): void;

package/runtime/tools.js

@@ -2,6 +2,7 @@ import { Component } from "../class/component/component";
 import { themeStyle } from "../core/utility/styleUtility";
 import { AppController } from "../class/controller/appController";
 import { renderHtml } from "./runtime";
+import { redirect } from "render-security/utility/redirect";
 /**
  * This function is used to save the protype component class in the window object.
  * So, you can hava a tip that we customed a property named 'tagLib' in the window object.
@@ -48,3 +49,31 @@ export function render(renderjs) {
     //开始渲染
     renderHtml(document.body.children, renderjs.page);
 }
+/**
+ *
+ */
+export function executor(renderjs) {
+    // @ts-ignore
+    if (window.router) {
+        // @ts-ignore
+        window.router.data.beforeRouter();
+        // @ts-ignore
+        if (typeof window.router.getRule(location.href) === "boolean") {
+            render(renderjs);
+        }
+        else {
+            // @ts-ignore
+            if (window.router.getRule(location.href).beforeRouter()) {
+                render(renderjs);
+            }
+            else {
+                redirect("/http/400.html");
+            }
+        }
+        // @ts-ignore
+        window.router.data.afterRouter();
+    }
+    else {
+        render(renderjs);
+    }
+}

package/library/cmd/cmd.js

@@ -1,77 +0,0 @@
-import { addLabel } from "../../core/utility/miscUtility";
-import { resolver_event } from "../../core/cmd/method/v-on";
-import { resolver_html } from "../../core/cmd/data/v-html";
-import { resolver_txt } from "../../core/cmd/data/v-txt";
-import { resolver_model } from "../../core/cmd/react/v-model";
-import { resolver_bind } from "../../core/cmd/property/v-bind";
-import { resolver_show } from "../../core/cmd/justify/v-show";
-import { resolver_render } from "../../core/cmd/justify/v-render";
-import { resolver_if } from "../../core/cmd/justify/v-if";
-import { resolver_switch } from "../../core/cmd/justify/v-switch";
-import { resolver_for_each, resolver_for_of } from "../../core/cmd/loop/v-for";
-import { extract_solt } from "../../core/cmd/solt/v-solt";
-import { resolver_experssion } from "../../core/cmd/data/v-el";
-/**
- * This function is used to resolver those commands which should be executed before mount.
- * @param tagTemplate
- * @param proto
- * @param controller
- */
-export function cmd(tagTemplate, proto, controller) {
-    //给所有元素添加上npm=tag标志
-    addLabel(tagTemplate.children, proto.getName());
-    //将元素事件绑定到元素上
-    resolver_event(tagTemplate.children, proto.getMethods(), controller.proxyForMethods);
-    //渲染html
-    resolver_html(tagTemplate.children, controller.proxyForMethods, controller);
-    //渲染text
-    resolver_txt(tagTemplate.children, controller.proxyForMethods, controller);
-    //绑定数据
-    resolver_model(tagTemplate.children, controller.proxyForMethods);
-    //渲染属性
-    resolver_bind(tagTemplate.children, controller.proxyForMethods);
-    //solt
-    extract_solt(tagTemplate.children, controller);
-}
-/**
- * This function is used to resolver those commands which should be executed after mount.
- * @param templateSpace
- * @param proto
- * @param controller
- */
-export function afterCmd(templateSpace, proto, controller) {
-    //v-show
-    resolver_show(templateSpace.children, controller.proxyForMethods);
-    //v-render
-    resolver_render(templateSpace.children, controller.proxyForMethods);
-    //v-if
-    resolver_if(templateSpace.children, controller.proxyForMethods);
-    //v-switch
-    resolver_switch(templateSpace.children, controller.proxyForMethods);
-    //v-for-each
-    resolver_for_each(templateSpace.children, controller.proxyForMethods);
-    //v-for-of
-    resolver_for_of(templateSpace.children, controller.proxyForMethods);
-    //v-el
-    resolver_experssion(controller.root, controller.proxyForMethods, controller);
-}
-/**
- *
- * @param tagTemplate
- * @param proto
- * @param controller
- */
-export function cmdForUpdate(tagTemplate, proto, controller) {
-    //给所有元素添加上npm=tag标志
-    addLabel(tagTemplate.children, proto.getName());
-    //将元素事件绑定到元素上
-    resolver_event(tagTemplate.children, proto.getMethods(), controller.proxyForMethods);
-    //渲染html
-    resolver_html(tagTemplate.children, controller.proxyForMethods, controller);
-    //渲染text
-    resolver_txt(tagTemplate.children, controller.proxyForMethods, controller);
-    //v-show
-    resolver_show(tagTemplate.children, controller.proxyForMethods);
-    //v-render
-    resolver_render(tagTemplate.children, controller.proxyForMethods);
-}