render-core 1.0.90 → 1.0.92

package/library/lifecycle/afterMethods.d.ts

@@ -1,5 +1,4 @@
-import { Controller } from "../../class/controller/controller";
-import { ApiController } from "../../class/controller/apiController";
+import { ComponentController } from "../../class/controller/componentController";
 import { PageController } from "../../class/controller/pageController";
 /**
  * 该函数用于处理渲染后操作
@@ -7,11 +6,11 @@ import { PageController } from "../../class/controller/pageController";
  * @param child
  * @param link
  */
-export declare function afterMethodsTypeOne(controller: Controller, child: Element, link: Controller | ApiController | PageController): void;
+export declare function afterMethodsTypeOne(controller: ComponentController, child: Element, link: ComponentController | PageController): void;
 /**
  * 该函数用于处理渲染后操作
  * @param controller
  * @param child
  * @param link
  */
-export declare function afterMethodsTypeTwo(controller: Controller, child: Element, link: Controller | ApiController | PageController): void;
+export declare function afterMethodsTypeTwo(controller: ComponentController, child: Element, link: ComponentController | PageController): void;

package/library/lifecycle/controllerCycle.d.ts

@@ -1,6 +1,13 @@
-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 controllerCycleTypeOne(controller: Controller, proto: Component, child: Element, link: Controller | ApiController | PageController, tagTemplate: Element): void;
-export declare function controllerCycleTypeTwo(controller: Controller, proto: Component, child: Element, link: Controller | ApiController | PageController, tagTemplate: Element): void;
+/**
+ * This function is used to initiate the component controller object.
+ * @param controller
+ * @param proto
+ * @param child
+ * @param link
+ * @param tagTemplate
+ */
+export declare function controllerCycleTypeOne(controller: ComponentController, proto: Component, child: Element, link: ComponentController | PageController, tagTemplate: Element): void;
+export declare function controllerCycleTypeTwo(controller: ComponentController, proto: Component, child: Element, link: ComponentController | PageController, tagTemplate: Element): void;

package/library/lifecycle/controllerCycle.js

@@ -1,6 +1,14 @@
 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";
+/**
+ * This function is used to initiate the component controller object.
+ * @param controller
+ * @param proto
+ * @param child
+ * @param link
+ * @param tagTemplate
+ */
 export function controllerCycleTypeOne(controller, proto, child, link, tagTemplate) {
     //保持控制器模板对象
     controller.proto = proto;

package/library/lifecycle/mount.d.ts

@@ -1,3 +1,11 @@
-import { Controller } from "../../class/controller/controller";
+import { ComponentController } from "../../class/controller/componentController";
 import { Component } from "../../class/component/component";
-export declare function mount(controller: Controller, proto: Component, parent: ParentNode, child: Element, tagTemplate: Element): void;
+/**
+ * This function is used to mount the dom to the html document.
+ * @param controller
+ * @param proto
+ * @param parent
+ * @param child
+ * @param tagTemplate
+ */
+export declare function mount(controller: ComponentController, proto: Component, parent: ParentNode, child: Element, tagTemplate: Element): void;

package/library/lifecycle/mount.js

@@ -1,3 +1,11 @@
+/**
+ * This function is used to mount the dom to the html document.
+ * @param controller
+ * @param proto
+ * @param parent
+ * @param child
+ * @param tagTemplate
+ */
 export function mount(controller, proto, parent, child, tagTemplate) {
     //mount
     var renderSpace = document.createElement("div");

package/package.json

@@ -1,12 +1,9 @@
 {
   "name": "render-core",
-  "version": "1.0.90",
+  "version": "1.0.92",
   "description": "The core of render-js",
   "main": "index.js",
   "types": "index.d.ts",
-  "bin": {
-    "render-core": "./bin/bin.js"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com//render-js/render-core.git"

package/runtime/runtime.d.ts

@@ -1,3 +1,7 @@
 import { PageController } from "../class/controller/pageController";
+/**
+ *
+ * @param collection
+ * @param link
+ */
 export declare function renderHtml(collection: HTMLCollection, link: PageController): void;
-export declare function reloadPage(): void;

package/runtime/runtime.js

@@ -1,6 +1,10 @@
 import { isUnKnown } from "../core/utility/checkUtility";
 import { Render } from "../core/render/delivery";
-//检查元素是否为基元素
+/**
+ *
+ * @param collection
+ * @param link
+ */
 export function renderHtml(collection, link) {
     //遍历element节点，判断是否为自定义标签
     for (var i = 0; i < collection.length; i++) {
@@ -14,6 +18,3 @@ export function renderHtml(collection, link) {
         }
     }
 }
-export function reloadPage() {
-    this.run();
-}

package/runtime/tools.d.ts

@@ -0,0 +1,14 @@
+import { Component } from "../class/component/component";
+import { RenderJS } from "../index";
+/**
+ * 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.
+ * @param application
+ * @param component
+ */
+export declare function registerTagLib(application: RenderJS, component: Component | Component[]): void;
+/**
+ *
+ * @param renderjs
+ */
+export declare function render(renderjs: RenderJS): void;

package/runtime/tools.js

@@ -0,0 +1,50 @@
+import { Component } from "../class/component/component";
+import { themeStyle } from "../core/utility/styleUtility";
+import { AppController } from "../class/controller/appController";
+import { renderHtml } from "./runtime";
+/**
+ * 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.
+ * @param application
+ * @param component
+ */
+export function registerTagLib(application, component) {
+    //if the input parameter is an instance of Component,do the code block.
+    if (component instanceof 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 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!");
+            }
+        });
+    }
+}
+/**
+ *
+ * @param renderjs
+ */
+export function render(renderjs) {
+    //save tagLib to window
+    Reflect.set(window, "tagLib", renderjs.tagLib);
+    //获取styleLib对象
+    renderjs.tagLib.forEach(function (component) {
+        themeStyle(component, renderjs.styleLib);
+    });
+    //save styleLib to window
+    Reflect.set(window, "styleLib", renderjs.styleLib);
+    Reflect.set(window, "context", new AppController());
+    Reflect.set(window, "router", renderjs.router);
+    //开始渲染
+    renderHtml(document.body.children, renderjs.page);
+}

package/bin/bin.d.ts

@@ -1 +0,0 @@
-declare function version(): void;

package/bin/bin.js

@@ -1,4 +0,0 @@
-function version() {
-    console.log("version:1.0.x");
-}
-version();

package/class/component/apiComponent.d.ts

@@ -1,55 +0,0 @@
-interface EmbedBase {
-    getName(): string;
-    getTemplate(): string;
-    getData(): {};
-    getComputed(): {};
-    getMethods(): {};
-    getWatcher(): {};
-    getBeforeRender(): () => void;
-    getAfterRender(): () => void;
-    getBeforeUpdate(): () => void;
-    getAfterUpdate(): () => void;
-    getBeforeMount(): () => void;
-    getBeforeUnmount(): () => void;
-}
-export default class ApiComponent implements EmbedBase {
-    private readonly name;
-    private readonly template;
-    private readonly data;
-    private readonly methods?;
-    private readonly computed?;
-    private readonly watcher?;
-    private readonly beforeRender?;
-    private readonly afterRender?;
-    private readonly beforeUpdate?;
-    private readonly afterUpdate?;
-    private readonly beforeMount?;
-    private readonly beforeUnmount?;
-    constructor(config: {
-        name: string;
-        template: string;
-        data?: {};
-        computed?: {};
-        methods?: {};
-        watcher?: {};
-        beforeRender?: () => void;
-        afterRender?: () => void;
-        beforeUpdate?: () => void;
-        afterUpdate?: () => void;
-        beforeMount?: () => void;
-        beforeUnmount?: () => void;
-    });
-    getName(): string;
-    getTemplate(): string;
-    getData(): {};
-    getMethods(): {};
-    getComputed(): {};
-    getWatcher(): {};
-    getBeforeRender(): () => void;
-    getAfterRender(): () => void;
-    getBeforeUpdate(): () => void;
-    getAfterUpdate(): () => void;
-    getBeforeMount(): () => void;
-    getBeforeUnmount(): () => void;
-}
-export {};

package/class/component/apiComponent.js

@@ -1,111 +0,0 @@
-var ApiComponent = /** @class */ (function () {
-    function ApiComponent(config) {
-        //标签名称
-        this.name = config.name;
-        //标签模板样式
-        this.template = config.template;
-        //添加数据
-        if (typeof config.data == "undefined") {
-            this.data = {};
-        }
-        else {
-            this.data = config.data;
-        }
-        //添加计算属性
-        if (config.computed == "undefined") {
-            this.computed = {};
-        }
-        else {
-            this.computed = config.computed;
-        }
-        //添加方法属性
-        if (typeof config.methods == "undefined") {
-            this.methods = {};
-        }
-        else {
-            this.methods = config.methods;
-        }
-        //添加监控属性
-        if (typeof config.watcher == "undefined") {
-            this.watcher = {};
-        }
-        else {
-            this.watcher = config.watcher;
-        }
-        //生命周期函数
-        if (typeof config.beforeRender == "undefined") {
-            this.beforeRender = function () { };
-        }
-        else {
-            this.beforeRender = config.beforeRender;
-        }
-        if (typeof config.afterRender == "undefined") {
-            this.afterRender = function () { };
-        }
-        else {
-            this.afterRender = config.afterRender;
-        }
-        if (typeof config.beforeUpdate == "undefined") {
-            this.beforeUpdate = function () { };
-        }
-        else {
-            this.beforeUpdate = config.beforeUpdate;
-        }
-        if (typeof config.afterUpdate == "undefined") {
-            this.afterUpdate = function () { };
-        }
-        else {
-            this.afterUpdate = config.afterUpdate;
-        }
-        if (typeof config.beforeMount == "undefined") {
-            this.beforeMount = function () { };
-        }
-        else {
-            this.beforeMount = config.beforeMount;
-        }
-        if (typeof config.beforeUnmount == "undefined") {
-            this.beforeUnmount = function () { };
-        }
-        else {
-            this.beforeUnmount = config.beforeUnmount;
-        }
-    }
-    ApiComponent.prototype.getName = function () {
-        return this.name;
-    };
-    ApiComponent.prototype.getTemplate = function () {
-        return this.template;
-    };
-    ApiComponent.prototype.getData = function () {
-        return this.data;
-    };
-    ApiComponent.prototype.getMethods = function () {
-        return this.methods;
-    };
-    ApiComponent.prototype.getComputed = function () {
-        return this.computed;
-    };
-    ApiComponent.prototype.getWatcher = function () {
-        return this.watcher;
-    };
-    ApiComponent.prototype.getBeforeRender = function () {
-        return this.beforeRender;
-    };
-    ApiComponent.prototype.getAfterRender = function () {
-        return this.afterRender;
-    };
-    ApiComponent.prototype.getBeforeUpdate = function () {
-        return this.beforeUpdate;
-    };
-    ApiComponent.prototype.getAfterUpdate = function () {
-        return this.afterUpdate;
-    };
-    ApiComponent.prototype.getBeforeMount = function () {
-        return this.beforeMount;
-    };
-    ApiComponent.prototype.getBeforeUnmount = function () {
-        return this.beforeUnmount;
-    };
-    return ApiComponent;
-}());
-export default ApiComponent;

package/class/controller/apiController.d.ts

@@ -1,14 +0,0 @@
-import ApiComponent from "../component/apiComponent";
-import { Controller } from "./controller";
-export declare class ApiController {
-    root: ParentNode;
-    proto: ApiComponent;
-    solt: Map<string, any>;
-    preRender: boolean;
-    link: Map<string, {}>;
-    to: Controller[];
-    raw_data: {};
-    proxyForMethods: {};
-    constructor();
-    receiver(method: string, ...args: any[]): any;
-}

package/class/controller/apiController.js

@@ -1,17 +0,0 @@
-var ApiController = /** @class */ (function () {
-    function ApiController() {
-        this.link = new Map();
-        this.preRender = false;
-        this.solt = new Map();
-    }
-    //接收器
-    ApiController.prototype.receiver = function (method) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        return this.proto.getMethods()[method].apply(this.proxyForMethods, args);
-    };
-    return ApiController;
-}());
-export { ApiController };

package/core/cmd/v-el.d.ts

@@ -1 +0,0 @@
-export declare function express_langulage(node: ParentNode, data: {}): void;

package/core/cmd/v-html.d.ts

@@ -1 +0,0 @@
-export declare function resolver_html(elements: HTMLCollection, data: {}): void;

package/core/cmd/v-html.js

@@ -1,18 +0,0 @@
-export function resolver_html(elements, data) {
-    for (var i = 0; i < elements.length; i++) {
-        var result = elements[i].hasAttribute("v-html");
-        if (result) {
-            var dataName = elements[i].getAttribute("v-html");
-            elements[i].removeAttribute("v-html");
-            // @ts-ignore
-            try {
-                elements[i].innerHTML = data[dataName]();
-            }
-            catch (e) {
-                elements[i].innerHTML = data[dataName];
-            }
-        }
-        var subElements = elements[i].children;
-        resolver_html(subElements, data);
-    }
-}

package/core/cmd/v-solt.d.ts

@@ -1,15 +0,0 @@
-import { Controller } from "../../class/controller/controller";
-import { ApiController } from "../../class/controller/apiController";
-import { PageController } from "../../class/controller/pageController";
-/**
- * 此函数用于解析自定义元素solt
- * @param tagTemplate
- * @param controller
- */
-export declare function resolver_solt(tagTemplate: Element, controller: Controller | ApiController | PageController): void;
-/**
- * 此函数用于展开solt
- * @param elements
- * @param controller
- */
-export declare function extract_solt(elements: HTMLCollection, controller: Controller | ApiController | PageController): void;

package/core/cmd/v-txt.d.ts

@@ -1 +0,0 @@
-export declare function resolver_txt(elements: HTMLCollection, data: any): void;

package/meta/app.d.ts

@@ -1,3 +0,0 @@
-export declare class App {
-    setTheme(theme: string): void;
-}

package/meta/app.js

@@ -1,19 +0,0 @@
-// @ts-ignore
-import { status_write } from "render-status";
-import { reloadStyle } from "../core/utility/styleUtility";
-var App = /** @class */ (function () {
-    function App() {
-    }
-    //更改会话样式
-    App.prototype.setTheme = function (theme) {
-        status_write({
-            type: "session",
-            fields: {
-                theme: theme
-            }
-        });
-        reloadStyle(theme);
-    };
-    return App;
-}());
-export { App };