render-core 1.0.0

package/index.js

@@ -0,0 +1,64 @@
+import { Component } from "./class/component";
+import ApiComponent from "./class/apiComponent";
+import meta from "./meta/meta";
+import { renderHtml } from "./runtime/runtime";
+import { apiRender } from "./core/render/apiRender";
+import { ApiController } from "./class/apiController";
+//页面RenderJs
+var RenderJS = /** @class */ (function () {
+    //构造函数
+    function RenderJS() {
+        this.tagLib = new Map();
+        this.version = meta.version;
+    }
+    //添加自定义标签
+    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!");
+                }
+            });
+        }
+    };
+    //运行renderJs
+    RenderJS.prototype.run = function () {
+        Reflect.set(window, "tagLib", this.tagLib);
+        renderHtml(document.body.children, this.tagLib);
+    };
+    return RenderJS;
+}());
+export { RenderJS };
+//嵌入式RenderJs
+var EmbedRenderJs = /** @class */ (function () {
+    //构造函数
+    function EmbedRenderJs(config) {
+        this.apiComponent = new ApiComponent(config);
+    }
+    //渲染嵌入式app
+    EmbedRenderJs.prototype.render = function (selector) {
+        this.controller = apiRender(this.apiComponent, document.getElementById(selector), this.apiComponent.getName(), Reflect.get(window, "tagLib"), new ApiController());
+    };
+    //与嵌入式app交互
+    EmbedRenderJs.prototype.commit = function (method) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        return this.controller[method](args);
+    };
+    return EmbedRenderJs;
+}());
+export { EmbedRenderJs };

package/library/getter/getter.d.ts

@@ -0,0 +1 @@
+export declare function getGetter(data: {}): any;

package/library/getter/getter.js

@@ -0,0 +1,6 @@
+export function getGetter(data) {
+    var getter = function (obj, prop) {
+        return obj[prop];
+    };
+    return getter.bind(data);
+}

package/library/loader/loader.d.ts

@@ -0,0 +1 @@
+export declare function loadStyle(data: string, tag: string): void;

package/library/loader/loader.js

@@ -0,0 +1,11 @@
+import { checkStyleLabel } from "../../core/utility/styleUtility";
+export function loadStyle(data, tag) {
+    if (!checkStyleLabel(tag)) {
+        var style = document.createElement('style');
+        var text = document.createTextNode(data);
+        style.appendChild(text);
+        style.setAttribute("tag", tag.toUpperCase());
+        var head = document.getElementsByTagName('head')[0];
+        head.appendChild(style);
+    }
+}

package/library/setter/setter.d.ts

@@ -0,0 +1,5 @@
+import { Controller } from "../../class/controller";
+import { ApiController } from "../../class/apiController";
+export declare function getSetter(data: {}, updater: Controller): any;
+export declare function getSetterForInject(data: {}): (obj: any, prop: any, value: any) => boolean;
+export declare function getSetterForApi(data: {}, updater: ApiController): any;

package/library/setter/setter.js

@@ -0,0 +1,23 @@
+import { updateRender } from "../../core/render/updateRender";
+export function getSetter(data, updater) {
+    var setter = function (obj, prop, value) {
+        obj[prop] = value;
+        updateRender(this);
+        return true;
+    };
+    return setter.bind(updater);
+}
+export function getSetterForInject(data) {
+    return function (obj, prop, value) {
+        console.error("Meta filed can't be set value!");
+        return false;
+    };
+}
+export function getSetterForApi(data, updater) {
+    var setter = function (obj, prop, value) {
+        obj[prop] = value;
+        updateRender(this);
+        return true;
+    };
+    return setter.bind(updater);
+}

package/library/tag/extend.d.ts

@@ -0,0 +1,14 @@
+export declare function extendTag(component: {
+    name: string;
+    template: string;
+    data?: {};
+    computed?: {};
+    methods?: {};
+    components?: {};
+    beforeRender?: () => void;
+    afterRender?: () => void;
+    beforeUpdate?: () => void;
+    afterUpdate?: () => void;
+    beforeMount?: () => void;
+    beforeUnmount?: () => void;
+}): any;

package/library/tag/extend.js

@@ -0,0 +1,4 @@
+import { Component } from "../../class/component";
+export function extendTag(component) {
+    return new Component(component);
+}

package/meta/meta.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    version: string;
+};
+export default _default;

package/meta/meta.js

@@ -0,0 +1,3 @@
+export default {
+    version: "2.0.0",
+};

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "render-core",
+  "version": "1.0.0",
+  "description": "The router for render-js",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com//render-js/render.git"
+  },
+  "author": "mutian",
+  "license": "MIT"
+}

package/runtime/database/metaTagLib.d.ts

@@ -0,0 +1,2 @@
+declare let metaTagLib: string[];
+export default metaTagLib;

package/runtime/database/metaTagLib.js

@@ -0,0 +1,27 @@
+var metaTagLib = [];
+var tableTag = ["FORM", "INPUT", "TEXTAREA", "BUTTON", "SELECT", "OPTGROUP", "OPTION", "LABEL", "FIELDSET", "LEGEND", "DATALIST", "KEYGEN", "OUTPUT"];
+metaTagLib = metaTagLib.concat(tableTag);
+var frameTag = ["FRAME", "FRAMESET", "NOFRAMES", "IFRAME"];
+metaTagLib = metaTagLib.concat(frameTag);
+var imgTag = ["IMG", "MAP", "AREA", "CANVAS", "FIGCAPTION", "FIGURE", "AUDIO", "VIDEO", "SOURCE", "TRACK"];
+metaTagLib = metaTagLib.concat(imgTag);
+var linkTag = ["A", "LINK", "MAIN", "NAV"];
+metaTagLib = metaTagLib.concat(linkTag);
+var listTag = ["UL", "OL", "LI", "DIR", "DL", "DT", "DD", "MENU", "COMMAND"];
+metaTagLib = metaTagLib.concat(listTag);
+var titleTag = ["H1", "H2", "H3", "H4", "H5", "H6"];
+metaTagLib = metaTagLib.concat(titleTag);
+var tbTag = ["TABLE", "CAPTION", "TH", "TR", "TD", "THEAD", "TBODY", "TFOOT", "COL", "COLGROUP"];
+metaTagLib = metaTagLib.concat(tbTag);
+var styleTag = ["STYLE", "DIV", "SPAN", "HEADER", "FOOTER", "SECTION", "ARTICLE", "ASIDE", "DETAILS", "DIALOG", "SUMMARY"];
+metaTagLib = metaTagLib.concat(styleTag);
+var metaTag = ["HEAD", "META", "BASE", "BASEFONT"];
+metaTagLib = metaTagLib.concat(metaTag);
+var programTag = ["SCRIPT", "NOSCRIPT", "APPLET", "EMBED", "OBJECT", "PARAM"];
+metaTagLib = metaTagLib.concat(programTag);
+var formTag = ["ACRONYM", "ABBR", "ADDRESS", "B", "BDI", "BDO", "BIG", "BLOCKQUOTE", "CENTER", "CITE", "CODE", "DEL", "DFN", "EM", "FONT", "I", "INS", "KBD", "MARK", "METER", "PRE", "PROGRESS", "Q", "RP", "RT", "RUBY", "S", "SAMP", "SMALL", "STRIKE", "STRONG", "SUB", "SUP", "TIME", "TT", "U", "VAR", "WBR"];
+metaTagLib = metaTagLib.concat(formTag);
+var baseTag = ["!DOCTYPE", "HTML", "TITLE", "BODY", "P", "BR", "HR", "!--...--"];
+metaTagLib = metaTagLib.concat(baseTag);
+//返回数组
+export default metaTagLib;

package/runtime/runtime.d.ts

@@ -0,0 +1,2 @@
+import { Component } from "../class/component";
+export declare function renderHtml(collection: HTMLCollection, tagLib: Map<string, Component>): void;

package/runtime/runtime.js

@@ -0,0 +1,16 @@
+import { isUnKnown } from "../core/utility/checkUtility";
+import { resolver } from "../core/utility/miscUtility";
+//检查元素是否为基元素
+export function renderHtml(collection, tagLib) {
+    //遍历element节点，判断是否为自定义标签
+    for (var i = 0; i < collection.length; i++) {
+        if (isUnKnown(collection[i].nodeName.toUpperCase())) {
+            //自定义标签
+            resolver(collection[i], tagLib);
+        }
+        else {
+            //非自定义标签，深度解析
+            renderHtml(collection[i].children, tagLib);
+        }
+    }
+}