render-core 1.3.64 → 1.3.66

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

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../../class/component/componentController";
+import { ComponentController } from "../../../lib/proto/controller/ComponentController";
 /**
  *
  * @param node

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

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../../class/component/componentController";
+import { ComponentController } from "../../../lib/proto/controller/ComponentController";
 /**
  *
  * @param elements

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

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../../class/component/componentController";
+import { ComponentController } from "../../../lib/proto/controller/ComponentController";
 /**
  *
  * @param elements

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

@@ -1,5 +1,5 @@
-import { ComponentController } from "../../../class/component/componentController";
-import { PageController } from "../../../class/controller/pageController";
+import { ComponentController } from "../../../lib/proto/controller/ComponentController";
+import { PageController } from "../../../lib/proto/controller/PageController";
 /**
  * 此函数用于解析自定义元素solt
  * @param tagTemplate

package/core/inject/inject.d.ts

@@ -1,5 +1,5 @@
-import { ComponentController } from "../../class/component/componentController";
-import { Component } from "../../class/component/component";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { Component } from "render-refer";
 /**
  * 向raw_data中注入props和Query
  * @param controller

package/core/lifecycle/afterMethods.d.ts

@@ -1,5 +1,5 @@
-import { ComponentController } from "../../class/component/componentController";
-import { PageController } from "../../class/controller/pageController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { PageController } from "../../lib/proto/controller/PageController";
 /**
  * 该函数用于处理渲染后操作
  * @param controller

package/core/lifecycle/controllerCycle.d.ts

@@ -1,6 +1,6 @@
-import { ComponentController } from "../../class/component/componentController";
-import { Component } from "../../class/component/component";
-import { PageController } from "../../class/controller/pageController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { Component } from "../../lib/proto/component";
+import { PageController } from "../../lib/proto/controller/PageController";
 /**
  * This function is used to initiate the component controller object.
  * @param controller

package/core/lifecycle/mount.d.ts

@@ -1,5 +1,5 @@
-import { ComponentController } from "../../class/component/componentController";
-import { Component } from "../../class/component/component";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { Component } from "../../lib/proto/component";
 /**
  * This function is used to mount the dom to the html document.
  * @param controller

package/core/proxy/getProxy.d.ts

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 /**
  * 获取data对象的代理对象
  * @param obj

package/core/render/PostRender.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "../../class/component/component";
-import { ComponentController } from "../../class/component/componentController";
-import { PageController } from "../../class/controller/pageController";
+import { Component } from "../../lib/proto/component";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { PageController } from "../../lib/proto/controller/PageController";
 /**
  * 该函数用于初次渲染需要记录状态的组件
  * @param proto

package/core/render/PostRender.js

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 import { controllerCycleTypeTwo } from "../lifecycle/controllerCycle";
 import { afterCmd, cmdUtility } from "../utility/cmdUtility";
 import { mount, unBox } from "../lifecycle/mount";

package/core/render/delivery.d.ts

@@ -1,5 +1,5 @@
-import { ComponentController } from "../../class/component/componentController";
-import { Component } from "../../class/component/component";
-import { PageController } from "../../class/controller/pageController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { Component } from "../../lib/proto/component";
+import { PageController } from "../../lib/proto/controller/PageController";
 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,6 @@
-import { Component } from "../../class/component/component";
-import { ComponentController } from "../../class/component/componentController";
-import { PageController } from "../../class/controller/pageController";
+import { Component } from "../../lib/proto/component";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { PageController } from "../../lib/proto/controller/PageController";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param proto

package/core/render/initRender.js

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 import { controllerCycleTypeOne } from "../lifecycle/controllerCycle";
 import { afterCmd, cmdUtility } from "../utility/cmdUtility";
 import { mount, unBox } from "../lifecycle/mount";

package/core/render/rawRender.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "../../class/component/component";
-import { ComponentController } from "../../class/component/componentController";
-import { PageController } from "../../class/controller/pageController";
+import { Component } from "../../lib/proto/component";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { PageController } from "../../lib/proto/controller/PageController";
 /**
  * 该函数用于渲染不需要记录状态的组件
  * @param proto

package/core/render/rawRender.js

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 import { controllerCycleTypeTwo } from "../lifecycle/controllerCycle";
 import { afterCmd, cmdUtility } from "../utility/cmdUtility";
 import { mount, unBox } from "../lifecycle/mount";

package/core/render/updateRender.d.ts

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 /**
  * 更新渲染方法
  * @param controller

package/core/resolver/props.js

@@ -48,6 +48,9 @@ export function getAllPropsByObject(node, object) {
                 case "string":
                     props.set(objectKey, node.getAttribute(objectKey));
                     break;
+                case "json":
+                    props.set(objectKey, JSON.parse(node.getAttribute(objectKey)));
+                    break;
                 default:
                     props.set(objectKey, node.getAttribute(objectKey));
                     break;

package/core/utility/cmdUtility.d.ts

@@ -1,5 +1,5 @@
-import { Component } from "../../class/component/component";
-import { ComponentController } from "../../class/component/componentController";
+import { Component } from "../../lib/proto/component";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 /**
  * This function is used to resolver those commands which should be executed before mount.
  * @param tagTemplate

package/core/utility/injectUtility.d.ts

@@ -1,5 +1,5 @@
-import { ComponentController } from "../../class/component/componentController";
-import { PageController } from "../../class/controller/pageController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
+import { PageController } from "../../lib/proto/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;

package/core/utility/inputType.d.ts

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 export declare function textType(target: any, doc: any, controller: ComponentController): void;
 export declare function assignType(target: any, doc: any, controller: ComponentController): void;
 export declare function fileType(target: any, doc: any, controller: ComponentController): void;

package/core/utility/sectionUtility.d.ts

@@ -1,4 +1,4 @@
-import { ComponentController } from "../../class/component/componentController";
+import { ComponentController } from "../../lib/proto/controller/ComponentController";
 /**
  *
  * @param controller

package/core/utility/styleUtility.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "../../class/component/component";
+import { Component } from "../../lib/proto/component";
 /**
  *
  * @param tag

package/core/utility/templateUtility.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "../../class/component/component";
+import { Component } from "../../lib/proto/component";
 /**
  *
  * @param proto

package/http/{redirect/redirect.d.ts → Http.d.ts}

@@ -8,4 +8,4 @@ export declare function redirect(url: string, parameters: {}): void;
  * locate the position
  * @param position
  */
-export declare function locate(position: string): void;
+export declare function relocate(position: string): void;

package/http/{redirect/redirect.js → Http.js}

@@ -31,6 +31,6 @@ export function redirect(url, parameters) {
  * locate the position
  * @param position
  */
-export function locate(position) {
+export function relocate(position) {
     location.hash = position;
 }

package/index.d.ts

@@ -1,10 +1,11 @@
-import { Component } from "./class/component/component";
-import { PageController } from "./class/controller/pageController";
-import { RenderTip } from "./class/tips/renderTip";
+import { PageController } from "./lib/proto/controller/PageController";
+import { AbstractRenderJS, Component } from "render-refer";
+import { PluginGeneric } from "render-refer/generic/PluginGeneric";
+import { RenderGeneric } from "./lib/generic/RenderGeneric";
 /**
- * This class is the application class.
+ * This proto is the application proto.
  */
-export declare class RenderJS implements RenderTip {
+export declare class RenderJS extends AbstractRenderJS implements RenderGeneric {
     readonly tagLib: Map<string, Component>;
     readonly styleLib: Map<string, Map<string, string>>;
     private readonly application;
@@ -12,9 +13,8 @@ export declare class RenderJS implements RenderTip {
     constructor();
     /**
      * This func is the plugin entry to third vendor
-     * @param callable
      */
-    use(callable: (render: RenderJS) => void): void;
+    use(plugin: PluginGeneric): void;
     /**
      * You can use the method to register your single component or an array of components.
      * @param component
@@ -22,22 +22,18 @@ export declare class RenderJS implements RenderTip {
     addTag(component: Component | Component[]): void;
     /**
      * mount some base object
+     * @return void
      */
     private mount;
     /**
      * This method is the booster method of the render.
+     * @return void
      */
     run(): void;
-    /**
-     * Use the func to register some tool-functions to the windows object.
-     * @param name
-     * @param func
-     */
-    registerElements(name: string, func: any): void;
 }
 /**
- * Use the func to register some tool-functions to the windows object.
+ * Inject element to the window environment.
  * @param name
  * @param func
  */
-export declare function registerElements(name: string, func: any): void;
+export declare function registerElement(name: string, func: any): void;

package/index.js

@@ -1,27 +1,45 @@
-import { PageController } from "./class/controller/pageController";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { PageController } from "./lib/proto/controller/PageController";
 import { registerTagLib, render } from "./runtime/tools";
-import { AppController } from "./class/controller/appController";
 import { changeStyle, changeTheme } from "./core/utility/styleUtility";
+import { AppController } from "./lib/proto/controller/AppController";
+import { AbstractRenderJS } from "render-refer";
 /**
- * This class is the application class.
+ * This proto is the application proto.
  */
-var RenderJS = /** @class */ (function () {
+var RenderJS = /** @class */ (function (_super) {
+    __extends(RenderJS, _super);
     function RenderJS() {
+        var _this = _super.call(this) || this;
         //initiate the tagLib object
-        this.tagLib = new Map();
+        _this.tagLib = new Map();
         //initiate the styleLib object
-        this.styleLib = new Map();
+        _this.styleLib = new Map();
         //initiate the application controller
-        this.application = new AppController();
+        _this.application = new AppController();
         //initiate the page controller
-        this.page = new PageController();
+        _this.page = new PageController();
+        return _this;
     }
     /**
      * This func is the plugin entry to third vendor
-     * @param callable
      */
-    RenderJS.prototype.use = function (callable) {
-        callable(this);
+    RenderJS.prototype.use = function (plugin) {
+        plugin.plugin(this);
     };
     /**
      * You can use the method to register your single component or an array of components.
@@ -32,6 +50,7 @@ var RenderJS = /** @class */ (function () {
     };
     /**
      * mount some base object
+     * @return void
      */
     RenderJS.prototype.mount = function () {
         Reflect.set(window, "tagLib", this.tagLib);
@@ -41,6 +60,7 @@ var RenderJS = /** @class */ (function () {
     };
     /**
      * This method is the booster method of the render.
+     * @return void
      */
     RenderJS.prototype.run = function () {
         //挂载对象
@@ -49,29 +69,17 @@ var RenderJS = /** @class */ (function () {
         this.registerElements("changeStyle", changeStyle);
         //注册函数
         this.registerElements("changeTheme", changeTheme);
-        //plugin
-        this.use(function (render) {
-            sessionStorage.setItem("theme_style", "default");
-        });
         //execute
         render(this);
     };
-    /**
-     * Use the func to register some tool-functions to the windows object.
-     * @param name
-     * @param func
-     */
-    RenderJS.prototype.registerElements = function (name, func) {
-        Reflect.set(window, name, func);
-    };
     return RenderJS;
-}());
+}(AbstractRenderJS));
 export { RenderJS };
 /**
- * Use the func to register some tool-functions to the windows object.
+ * Inject element to the window environment.
  * @param name
  * @param func
  */
-export function registerElements(name, func) {
+export function registerElement(name, func) {
     Reflect.set(window, name, func);
 }

package/lib/generic/RenderGeneric.d.ts

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

package/{class/controller/appController.d.ts → lib/proto/controller/AppController.d.ts}

@@ -1,6 +1,6 @@
 /**
- * This class is associated with localStorage.
- */
+* This proto is associated with localStorage.
+*/
 export declare class AppController {
     /**
      * 资源定向

package/{class/controller/appController.js → lib/proto/controller/AppController.js}

@@ -1,7 +1,7 @@
-import { locate, redirect } from "../../http/redirect/redirect";
+import { relocate, redirect } from "../../../http/Http";
 /**
- * This class is associated with localStorage.
- */
+* This proto is associated with localStorage.
+*/
 var AppController = /** @class */ (function () {
     function AppController() {
     }
@@ -18,7 +18,7 @@ var AppController = /** @class */ (function () {
      * @param position
      */
     AppController.prototype.locate = function (position) {
-        locate(position);
+        relocate(position);
     };
     return AppController;
 }());

package/{class/component/componentController.d.ts → lib/proto/controller/ComponentController.d.ts}

@@ -1,4 +1,4 @@
-import { Component } from "./component";
+import { Component } from "render-refer";
 export declare class ComponentController {
     root: ParentNode;
     proto: Component;

package/{class/controller/pageController.d.ts → lib/proto/controller/PageController.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentController } from "../component/componentController";
+import { ComponentController } from "./ComponentController";
 export declare class PageController {
     private methods;
     private currentTag;

package/package.json

@@ -1,16 +1,26 @@
-{
-  "name": "render-core",
-  "version": "1.3.64",
-  "description": "The extendable javascript web framework",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com//render-js/render-core.git"
-  },
-  "author": {
-    "name": "mutian",
-    "email": "mutian-xiangcai@outlook.com"
-  },
-  "license": "MIT"
-}
+{
+  "name": "render-core",
+  "version": "1.3.66",
+  "description": "The extendable javascript web framework",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "tsc"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com//render-js/render-core.git"
+  },
+  "author": {
+    "name": "mutian-xiangcai",
+    "email": "mutian_xiangcai@outlook.com"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "render-refer": "0.0.7"
+  },
+  "devDependencies": {
+    "typescript": "^5.8.3"
+  }
+}

package/runtime/runtime.d.ts

@@ -1,4 +1,4 @@
-import { PageController } from "../class/controller/pageController";
+import { PageController } from "../lib/proto/controller/PageController";
 /**
  *
  * @param collection

package/runtime/tools.d.ts

@@ -1,7 +1,7 @@
-import { Component } from "../class/component/component";
 import { RenderJS } from "../index";
+import { Component } from "render-refer";
 /**
- * This function is used to save the prototype component class in the window object.
+ * This function is used to save the prototype component proto in the window object.
  * So, you can hava a tip that we custom a property named 'tagLib' in the window object.
  * @param application
  * @param component

package/runtime/tools.js

@@ -1,8 +1,8 @@
-import { Component } from "../class/component/component";
 import { themeStyle } from "../core/utility/styleUtility";
 import { renderHtml } from "./runtime";
+import { Component } from "render-refer";
 /**
- * This function is used to save the prototype component class in the window object.
+ * This function is used to save the prototype component proto in the window object.
  * So, you can hava a tip that we custom a property named 'tagLib' in the window object.
  * @param application
  * @param component

package/class/component/component.d.ts

@@ -1,41 +0,0 @@
-import { RenderBase } from "../tips/componentTip";
-/**
- * This is the component class.
- */
-export declare class Component implements RenderBase {
-    private readonly name;
-    private readonly template;
-    private readonly mode;
-    private readonly boxStyle?;
-    private readonly props?;
-    private readonly data?;
-    private readonly methods?;
-    private readonly computed?;
-    private readonly watcher?;
-    private readonly beforeRender?;
-    private readonly afterRender?;
-    constructor(config: {
-        name: string;
-        template: string;
-        mode?: string;
-        boxStyle?: string;
-        props?: {} | string[];
-        data?: {};
-        computed?: {};
-        methods?: {};
-        watcher?: {};
-        beforeRender?: () => void;
-        afterRender?: () => void;
-    });
-    getName(): string;
-    getTemplate(): string;
-    getMode(): string;
-    getBoxStyle(): string;
-    getProps(): {};
-    getData(): {};
-    getMethods(): {};
-    getComputed(): {};
-    getWatcher(): {};
-    getBeforeRender(): () => void;
-    getAfterRender(): () => void;
-}

package/class/component/component.js

@@ -1,111 +0,0 @@
-/**
- * This is the component class.
- */
-var Component = /** @class */ (function () {
-    function Component(config) {
-        //标签名称
-        this.name = config.name;
-        //标签模板样式
-        this.template = config.template;
-        //添加box样式
-        if (typeof config.mode === "undefined") {
-            this.mode = "box";
-        }
-        else {
-            this.mode = config.mode;
-        }
-        //添加box样式
-        if (typeof config.boxStyle === "undefined") {
-            this.boxStyle = "";
-        }
-        else {
-            this.boxStyle = config.boxStyle.replace(/^{/, "");
-            this.boxStyle = this.boxStyle.replace(/}$/, "");
-            this.boxStyle = this.boxStyle.replace(/\n/, "");
-            this.boxStyle = this.boxStyle.trim();
-        }
-        //props validate
-        if (typeof config.props === "undefined") {
-            this.props = [];
-        }
-        else {
-            this.props = config.props;
-        }
-        //添加数据
-        if (typeof config.data === "undefined") {
-            this.data = {};
-        }
-        else {
-            this.data = config.data;
-        }
-        //添加计算属性
-        if (typeof 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;
-        }
-    }
-    Component.prototype.getName = function () {
-        return this.name;
-    };
-    Component.prototype.getTemplate = function () {
-        return this.template;
-    };
-    Component.prototype.getMode = function () {
-        return this.mode;
-    };
-    Component.prototype.getBoxStyle = function () {
-        return this.boxStyle;
-    };
-    Component.prototype.getProps = function () {
-        return this.props;
-    };
-    Component.prototype.getData = function () {
-        return this.data;
-    };
-    Component.prototype.getMethods = function () {
-        return this.methods;
-    };
-    Component.prototype.getComputed = function () {
-        return this.computed;
-    };
-    Component.prototype.getWatcher = function () {
-        return this.watcher;
-    };
-    Component.prototype.getBeforeRender = function () {
-        return this.beforeRender;
-    };
-    Component.prototype.getAfterRender = function () {
-        return this.afterRender;
-    };
-    return Component;
-}());
-export { Component };

package/class/tips/componentTip.d.ts

@@ -1,13 +0,0 @@
-export interface RenderBase {
-    getName(): string;
-    getTemplate(): string;
-    getMode(): string;
-    getBoxStyle(): string;
-    getProps(): {};
-    getData(): {};
-    getComputed(): {};
-    getMethods(): {};
-    getWatcher(): {};
-    getBeforeRender(): () => void;
-    getAfterRender(): () => void;
-}

package/class/tips/renderTip.d.ts

@@ -1,4 +0,0 @@
-import { RenderJS } from "../../index";
-export interface RenderTip {
-    use(callable: (render: RenderJS) => void): void;
-}

package/class/tips/renderTip.js

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