render-core 1.3.70 → 1.4.0

package/core/utility/styleUtility.d.ts

@@ -5,16 +5,17 @@ import { Component } from "render-refer";
  */
 export declare function checkStyleLabel(tag: string): boolean;
 /**
- *
+ * Here is the function go get all styles associated with the tag component.
  * @param component
  * @param styleLib
  */
 export declare function themeStyle(component: Component, styleLib: Map<string, object>): void;
 /**
- *
+ * Here is the function to resolve
  * @param tag
+ * @param styleLib
  */
-export declare function styleResolve(tag: string): void;
+export declare function styleResolveAndLoad(tag: string, styleLib: Map<string, Map<string, string>>): void;
 /**
  *
  * @param tag

package/core/utility/styleUtility.js

@@ -1,4 +1,5 @@
 import { loadStyle } from "../loader/loader";
+import RenderConfig from "../../runtime/config/RenderConfig";
 /**
  *
  * @param tag
@@ -16,7 +17,7 @@ export function checkStyleLabel(tag) {
     return false;
 }
 /**
- *
+ * Here is the function go get all styles associated with the tag component.
  * @param component
  * @param styleLib
  */
@@ -25,53 +26,40 @@ export function themeStyle(component, styleLib) {
     var dom = document.createElement("div");
     dom.innerHTML = template;
     var styles = dom.getElementsByTagName("template")[0].content.querySelectorAll("style");
-    var kk = new Map();
+    var componentStyleList = new Map();
     for (var i = 0; i < styles.length; i++) {
-        kk.set(styles[i].getAttribute("theme"), styles[i].innerText);
+        componentStyleList.set(styles[i].getAttribute("theme"), styles[i].innerText);
     }
-    styleLib.set(component.getName().toUpperCase(), kk);
+    styleLib.set(component.getName().toUpperCase(), componentStyleList);
 }
 /**
- *
+ * Here is the function to resolve
  * @param tag
+ * @param styleLib
  */
-export function styleResolve(tag) {
-    var theme = sessionStorage.getItem("theme_style");
-    if (Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme) === undefined) {
+export function styleResolveAndLoad(tag, styleLib) {
+    //获取到启动样式
+    var theme = RenderConfig["defaultTheme"];
+    if (styleLib.get(tag.toUpperCase()).get(theme) === undefined) {
         console.log("tag:" + tag + " has no theme " + theme);
-        if (Reflect.get(window, "styleLib").get(tag.toUpperCase()).get("default") === undefined) {
+        if (styleLib.get(tag.toUpperCase()).get("default") === undefined) {
             console.log("tag:" + tag + " has no theme " + "default");
         }
         else {
-            loadStyle(tag, "default", Reflect.get(window, "styleLib").get(tag.toUpperCase()).get("default"));
+            loadStyle(tag, "default", styleLib.get(tag.toUpperCase()).get("default"));
         }
     }
     else {
-        loadStyle(tag, theme, Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme));
+        loadStyle(tag, theme, styleLib.get(tag.toUpperCase()).get(theme));
     }
 }
-// /**
-//  * 从url中获取主题参数
-//  * @param name
-//  */
-// function getUrlParam(name:string):string {
-//     //构造一个含有目标参数的正则表达式对象
-//     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
-//     //匹配目标参数
-//     var r = window.location.search.substr(1).match(reg);
-//     //返回参数值
-//     if(r != null) {
-//         return decodeURI(r[2]);
-//     }
-//     return undefined;
-// }
 /**
  *
  * @param tag
  * @param theme
  */
 export function changeStyle(tag, theme) {
-    var styleTxt = Reflect.get(window, "styleLib").get(tag.toUpperCase()).get(theme);
+    var styleTxt = RenderConfig["styleLib"].get(tag.toUpperCase()).get(theme);
     if (styleTxt === undefined) {
         console.log("Dont`t find this style!");
     }
@@ -91,7 +79,7 @@ export function changeStyle(tag, theme) {
  * @param theme
  */
 export function changeTheme(theme) {
-    Reflect.get(window, "styleLib").forEach(function (value, key) {
+    RenderConfig["styleLib"].forEach(function (value, key) {
         var styles = document.getElementsByTagName("style");
         for (var i = 0; i < styles.length; i++) {
             if (styles[i].getAttribute("tag") === key) {
@@ -107,5 +95,5 @@ export function changeTheme(theme) {
             }
         }
     });
-    sessionStorage.setItem("theme_style", theme);
+    RenderConfig["defaultTheme"] = theme;
 }

package/generic/ApplicationGeneric.d.ts

@@ -0,0 +1,4 @@
+export interface ApplicationGeneric {
+    getVersion(): string;
+    getDescription(): string;
+}

package/generic/ApplicationGeneric.js

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

package/generic/ConfigGeneric.d.ts

@@ -0,0 +1,3 @@
+export interface ConfigGeneric {
+    setDeepProxy(value: boolean): void;
+}

package/generic/ConfigGeneric.js

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

package/generic/ControllerGeneric.d.ts

@@ -0,0 +1,22 @@
+import { ComponentController } from "../controller/ComponentController";
+import { Component } from "../../render-refer/dist";
+import { ContextController } from "../controller/ContextController";
+export interface ControllerGeneric {
+    componentAttachedRootElement: ParentNode;
+    prototypeOfComponent: Component;
+    parentController: ContextController | ComponentController;
+    componentConfig: {
+        boxMode: boolean;
+    };
+    originalData: {};
+    dataForMethod: {};
+    dataForComputed: {};
+    salt: Map<string, any>;
+    lazyComponent: Map<string, {}>;
+    slaveComponent: ComponentController[];
+    method: {};
+    computed: {};
+    watcher: {};
+    receiver(method: string, ...args: any[]): any;
+    flush(): void;
+}

package/generic/ControllerGeneric.js

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

package/generic/RenderGeneric.d.ts

@@ -1,5 +1,5 @@
 import { AbstractPlugin } from "render-refer";
 export interface RenderGeneric {
     use(plugin: AbstractPlugin): void;
-    run(): void;
+    run(root: string): void;
 }

package/generic/StyleGeneric.d.ts

@@ -0,0 +1,4 @@
+export interface StyleGeneric {
+    changeStyle(tag: string, theme: string): void;
+    changeTheme(theme: string): void;
+}

package/generic/StyleGeneric.js

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

package/generic/originalDataGeneric.d.ts

@@ -0,0 +1,4 @@
+export interface OriginalDataGeneric {
+    $name?: string;
+    $commit?: (method: string, ...args: [any]) => void;
+}

package/generic/originalDataGeneric.js

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

package/http/generic/HttpGeneric.d.ts

@@ -1,2 +1,4 @@
-export interface HTMLCollection {
+export interface HttpGeneric {
+    relocate(position: string): void;
+    redirect(url: string, parameters: {}): void;
 }

package/index.d.ts

@@ -1,16 +1,29 @@
-import { PageController } from "./proto/controller/PageController";
+import { ContextController } from "./controller/ContextController";
 import { AbstractRenderJS, Component } from "render-refer";
 import { PluginGeneric } from "render-refer/generic/PluginGeneric";
 import { RenderGeneric } from "./generic/RenderGeneric";
+export declare var Property: {
+    STRING: string;
+    INT: string;
+    FLOAT: string;
+    BOOLEAN: string;
+    JSON: string;
+};
 /**
  * This proto is the application proto.
  */
 export declare class RenderJS extends AbstractRenderJS implements RenderGeneric {
     readonly tagLib: Map<string, Component>;
     readonly styleLib: Map<string, Map<string, string>>;
-    private readonly application;
-    page: PageController;
+    readonly rjsLib: Map<string, any>;
+    contextController: ContextController;
     constructor();
+    /**
+     * Inject element to the window environment.
+     * @param name
+     * @param func
+     */
+    static registerElement(name: string, func: any): void;
     /**
      * This func is the plugin entry to third vendor
      */
@@ -21,20 +34,25 @@ export declare class RenderJS extends AbstractRenderJS implements RenderGeneric
      */
     addTag(component: Component | Component[]): void;
     /**
-     * mount some base object
-     * @return void
+     * This is the method to config some system's props.
+     * @param prop
+     * @param value
+     */
+    setConfig(prop: string, value: any): void;
+    /**
+     * This is the method to get some system's props.
+     * @param prop
      */
-    private mount;
+    getConfig(prop: string): any;
+    /**
+     * Inject something to global lib.
+     * @param prop
+     * @param value
+     */
+    injectElement(prop: string, value: any): void;
     /**
      * This method is the booster method of the render.
      * @return void
      */
-    run(): void;
-    init(): void;
+    run(root?: string): void;
 }
-/**
- * Inject element to the window environment.
- * @param name
- * @param func
- */
-export declare function registerElement(name: string, func: any): void;

package/index.js

@@ -13,12 +13,20 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { PageController } from "./proto/controller/PageController";
+import { ContextController } from "./controller/ContextController";
 import { render } from "./runtime/Entrance";
-import { changeStyle, changeTheme } from "./core/utility/styleUtility";
-import { AppController } from "./proto/controller/AppController";
 import { AbstractRenderJS } from "render-refer";
-import { registerTagLib } from "./runtime/TagProcessor";
+import { registerTagLib } from "./runtime/tag/TagProcessor";
+import RenderConfig from "./runtime/config/RenderConfig";
+import { Executor } from "./core/exexutor/executor";
+//Props 解析字段
+export var Property = {
+    STRING: 'string',
+    INT: 'int',
+    FLOAT: 'float',
+    BOOLEAN: 'boolean',
+    JSON: 'json'
+};
 /**
  * This proto is the application proto.
  */
@@ -30,17 +38,27 @@ var RenderJS = /** @class */ (function (_super) {
         _this.tagLib = new Map();
         //initiate the styleLib object
         _this.styleLib = new Map();
-        //initiate the application controller
-        _this.application = new AppController();
+        //initiate the lib
+        _this.rjsLib = new Map();
         //initiate the page controller
-        _this.page = new PageController();
+        _this.contextController = new ContextController({
+            boxMode: true,
+        });
         return _this;
     }
+    /**
+     * Inject element to the window environment.
+     * @param name
+     * @param func
+     */
+    RenderJS.registerElement = function (name, func) {
+        Reflect.set(window, name, func);
+    };
     /**
      * This func is the plugin entry to third vendor
      */
     RenderJS.prototype.use = function (plugin) {
-        plugin.plugin(this);
+        plugin.plugin(this, new Executor());
     };
     /**
      * You can use the method to register your single component or an array of components.
@@ -50,41 +68,41 @@ var RenderJS = /** @class */ (function (_super) {
         registerTagLib(this, component);
     };
     /**
-     * mount some base object
-     * @return void
+     * This is the method to config some system's props.
+     * @param prop
+     * @param value
+     */
+    RenderJS.prototype.setConfig = function (prop, value) {
+        Reflect.set(RenderConfig, prop, value);
+    };
+    /**
+     * This is the method to get some system's props.
+     * @param prop
      */
-    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.page);
+    RenderJS.prototype.getConfig = function (prop) {
+        return Reflect.get(RenderConfig, prop);
+    };
+    /**
+     * Inject something to global lib.
+     * @param prop
+     * @param value
+     */
+    RenderJS.prototype.injectElement = function (prop, value) {
+        this.rjsLib.set(prop, value);
     };
     /**
      * This method is the booster method of the render.
      * @return void
      */
-    RenderJS.prototype.run = function () {
-        //挂载对象
-        this.mount();
-        //注册函数
-        this.registerElements("changeStyle", changeStyle);
-        //注册函数
-        this.registerElements("changeTheme", changeTheme);
-        //初始化
-        this.init();
+    RenderJS.prototype.run = function (root) {
+        this.setConfig("tagLib", this.tagLib);
+        this.setConfig("styleLib", this.styleLib);
+        this.setConfig("rjsLib", this.rjsLib);
+        this.setConfig("context", this.contextController);
+        this.setConfig("render", this);
         //execute
-        render(this);
-    };
-    RenderJS.prototype.init = function () {
+        render(this, root);
     };
     return RenderJS;
 }(AbstractRenderJS));
 export { RenderJS };
-/**
- * Inject element to the window environment.
- * @param name
- * @param func
- */
-export function registerElement(name, func) {
-    Reflect.set(window, name, func);
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "render-core",
-  "version": "1.3.70",
+  "version": "1.4.0",
   "description": "The extendable javascript web framework",
   "main": "index.js",
   "types": "index.d.ts",
@@ -17,7 +17,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "render-refer": "0.0.9"
+    "render-refer": "1.4.0"
   },
   "devDependencies": {
     "typescript": "^5.8.3"

package/proto/controller/ComponentController.d.ts

@@ -1,13 +1,16 @@
 import { Component } from "render-refer";
 export declare class ComponentController {
-    root: ParentNode;
-    proto: Component;
-    mode: string;
-    solt: Map<string, any>;
-    link: Map<string, {}>;
-    to: ComponentController[];
-    raw_data: {};
-    proxyForMethods: {};
+    componentAttachedRootElement: ParentNode;
+    prototypeOfComponent: Component;
+    originalData: {};
+    dataForMethod: {};
+    dataForComputed: {};
+    componentConfig: {
+        boxMode: boolean;
+    };
+    salt: Map<string, any>;
+    lazyComponent: Map<string, {}>;
+    slaveComponent: ComponentController[];
     computed: {};
     watcher: {};
     constructor();

package/proto/controller/ComponentController.js

@@ -1,13 +1,15 @@
 var ComponentController = /** @class */ (function () {
     //构造函数
     function ComponentController() {
-        this.link = new Map();
-        this.to = Array();
-        this.raw_data = {};
-        this.solt = new Map();
+        this.lazyComponent = new Map();
+        this.slaveComponent = Array();
+        this.originalData = {};
+        this.salt = new Map();
         this.computed = {};
         this.watcher = {};
-        this.mode = "box";
+        this.componentConfig = {
+            boxMode: true
+        };
     }
     //接收器
     ComponentController.prototype.receiver = function (method) {
@@ -15,7 +17,7 @@ var ComponentController = /** @class */ (function () {
         for (var _i = 1; _i < arguments.length; _i++) {
             args[_i - 1] = arguments[_i];
         }
-        return this.proto.getMethods()[method].apply(this.proxyForMethods, args);
+        return this.prototypeOfComponent.getMethods()[method].apply(this.dataForMethod, args);
     };
     return ComponentController;
 }());

package/proto/controller/PageController.d.ts

@@ -2,11 +2,11 @@ import { ComponentController } from "./ComponentController";
 export declare class PageController {
     private methods;
     private currentTag;
-    solt: Map<string, any>;
-    raw_data: {};
-    proxyForMethods: {};
-    to: ComponentController[];
-    link: Map<string, {}>;
+    salt: Map<string, any>;
+    originalData: {};
+    dataForMethod: {};
+    slaveComponent: ComponentController[];
+    lazyComponent: Map<string, {}>;
     constructor();
     /**
      *

package/proto/controller/PageController.js

@@ -3,10 +3,10 @@ var PageController = /** @class */ (function () {
     function PageController() {
         //注入系统方法
         this.methods = Reflect.get(window, "pageMethods");
-        this.link = new Map();
-        this.to = Array();
+        this.lazyComponent = new Map();
+        this.slaveComponent = Array();
         this.crtTag = null;
-        this.solt = new Map();
+        this.salt = new Map();
     }
     /**
      *

package/runtime/config/RenderConfig.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    deepProxy: boolean;
+    defaultTheme: string;
+    context: any;
+    render: any;
+    tagLib: any;
+    styleLib: any;
+    rjsLib: any;
+    pluginsLib: any;
+    crt: any;
+};
+export default _default;

package/runtime/config/RenderConfig.js

@@ -0,0 +1,11 @@
+export default {
+    deepProxy: true,
+    defaultTheme: "default",
+    context: null,
+    render: null,
+    tagLib: null,
+    styleLib: null,
+    rjsLib: null,
+    pluginsLib: null,
+    crt: null
+};

package/runtime/config/config.d.ts

@@ -0,0 +1,4 @@
+export declare var RenderConfig: {
+    deepReact: boolean;
+    defaultTheme: string;
+};

package/runtime/config/config.js

@@ -0,0 +1,4 @@
+export var RenderConfig = {
+    deepReact: true,
+    defaultTheme: "default"
+};

package/runtime/config.d.ts

@@ -0,0 +1,3 @@
+export declare var RenderConfig: {
+    deepReact: boolean;
+};

package/runtime/config.js

@@ -0,0 +1,3 @@
+export var RenderConfig = {
+    deepReact: true
+};

package/runtime/delivery.d.ts

@@ -0,0 +1,5 @@
+import { ComponentController } from "../controller/ComponentController";
+import { ContextController } from "../controller/ContextController";
+import { Component } from "../../render-refer/dist";
+export declare function delivery(protoTypeComponent: Component, componentAttachedRootElement: ParentNode, child: Element, parentController: ComponentController | ContextController, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>, rjsLib: Map<string, any>): void;
+export declare function findComponent(collection: HTMLCollection, parentController: ComponentController | ContextController, tagLib: Map<string, Component>, styleLib: Map<string, Map<string, string>>, rjsLib: Map<string, any>): void;

package/runtime/delivery.js

@@ -0,0 +1,43 @@
+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 → entrance.d.ts}

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

package/runtime/entrance.js

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,15 @@
+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;