render-core 1.4.30 → 1.4.32

package/index.d.ts

@@ -1,8 +1,8 @@
 import { RenderGeneric } from "./system/generic/render/RenderGeneric";
-import { ContextController } from "./system/prototype/ContextController";
+import { ContextController } from "./system/generic/controller/prototype/ContextController";
 import { PluginGeneric } from "./tension/generic/plugin/PluginGeneric";
 import { HooksGeneric } from "./tension/generic/plugin/hooks/HooksGeneric";
-import { AbstractComponent } from "./tension/prototype/AbstractComponent";
+import { AbstractComponent } from "./system/generic/component/instance/AbstractComponent";
 import { PrefaceGeneric } from "./tension/generic/plugin/preface/PrefaceGeneric";
 import { RouterGeneric } from "./tension/generic/router/RouterGeneric";
 /**
@@ -15,6 +15,12 @@ export declare class PropertyType {
     static BOOLEAN: 'boolean';
     static JSON: 'json';
 }
+/**
+ * This func is used to extend window environment
+ * @param on
+ * @param func
+ */
+export declare function extend_window(on: string, func: any): void;
 /**
  * This abstract class is the plugin interface class for those who want to develop plugin for the system
  */
@@ -28,23 +34,62 @@ export declare abstract class AbstractRouter implements RouterGeneric {
     /**
      * The method must be overwritten by developer
      */
-    getComponent(): Component;
-    /**
-     * The method must be overwritten by developer
-     */
-    getPathVariable(): Map<string, any>;
+    getComponent(): {
+        params: Map<string, any>;
+        pathParams: Map<string, any>;
+        component: PageComponent;
+    };
 }
 /**
  * Here is the template class for render component!
  */
-export declare class Component extends AbstractComponent {
+export declare class AdjustComponent extends AbstractComponent {
+    constructor(config: {
+        template: {
+            name: string;
+            vDate: string;
+            template: string;
+        };
+        style?: string;
+        props?: {} | string[];
+        data?: {};
+        computed?: {};
+        methods?: {};
+        watcher?: {};
+        beforeRender?: () => void;
+        afterRender?: () => void;
+    });
+}
+/**
+ * Here is the template class for render component!
+ */
+export declare class ControlComponent extends AbstractComponent {
+    constructor(config: {
+        template: {
+            name: string;
+            vDate: string;
+            template: string;
+        };
+        style?: string;
+        props?: {} | string[];
+        data?: {};
+        computed?: {};
+        methods?: {};
+        watcher?: {};
+        beforeRender?: () => void;
+        afterRender?: () => void;
+    });
+}
+/**
+ * Here is the template class for render pageComponent!
+ */
+export declare class PageComponent extends AbstractComponent {
     constructor(config: {
-        name: string;
-        template: string;
-        config: {
-            boxMode: boolean;
+        template: {
+            name: string;
+            vDate: string;
+            template: string;
         };
-        boxStyle?: string;
         props?: {} | string[];
         data?: {};
         computed?: {};
@@ -53,38 +98,26 @@ export declare class Component extends AbstractComponent {
         beforeRender?: () => void;
         afterRender?: () => void;
     });
+    render_method_for_listen(params: Map<string, any>, pathParams: Map<string, any>): void;
 }
 /**
  * This proto is the application proto.
  */
 export declare class RenderJS implements RenderGeneric {
     contextController: ContextController;
-    constructor();
-    /**
-     * This func is used to execute plugins
-     */
-    use_plugin(plugin: PluginGeneric): void;
+    renderRouter: AbstractRouter;
+    constructor(router: AbstractRouter);
     /**
      * This unc is used to register component to system
      * @param component
      */
-    add_tag(component: Component): void;
+    add_tag(component: AdjustComponent | ControlComponent): void;
     /**
-     * This func is used to work under the route mode
-     */
-    listen(): void;
-    /**
-     * This func is used to work under the directive render mode
+     * This func is used to execute plugins
      */
-    render(component: Component, mounter: string): void;
+    use_plugin(plugin: PluginGeneric): void;
     /**
-     * This func is used to work under the weave  mode
+     * This func is used to work under the route mode
      */
-    weave(mounter: string): void;
+    listen(): void;
 }
-/**
- * This func is used to extend window environment
- * @param on
- * @param func
- */
-export declare function extend_window(on: string, func: any): void;

package/index.js

@@ -13,16 +13,14 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { render_for_listen, render_for_render, render_for_weave } from "./xboot/entrance";
+import { render_for_listen } from "./xboot/entrance";
 import { registerTagLib } from "./xboot/tagProcessor";
 import { HooksAction } from "./tension/prototype/HooksAction";
-import { ContextController } from "./system/prototype/ContextController";
-import { AbstractComponent } from "./tension/prototype/AbstractComponent";
+import { ContextController } from "./system/generic/controller/prototype/ContextController";
+import { AbstractComponent } from "./system/generic/component/instance/AbstractComponent";
 import { set_context_controller } from "./system/recorder/table0/system_func_0";
 import { PrefaceAction } from "./tension/prototype/PrefaceAction";
 import { SystemInitPlugin } from "./tension/SystemInitPlugin";
-import { lintComponent } from "./verify/directive-linter";
-import { errorDisplay } from "./system/output/errorUtility";
 /**
  * This class is used to prototype the properties type
  */
@@ -32,6 +30,14 @@ var PropertyType = /** @class */ (function () {
     return PropertyType;
 }());
 export { PropertyType };
+/**
+ * This func is used to extend window environment
+ * @param on
+ * @param func
+ */
+export function extend_window(on, func) {
+    Reflect.set(window, on, func);
+}
 /**
  * This abstract class is the plugin interface class for those who want to develop plugin for the system
  */
@@ -54,84 +60,84 @@ var AbstractRouter = /** @class */ (function () {
     AbstractRouter.prototype.getComponent = function () {
         return undefined;
     };
-    /**
-     * The method must be overwritten by developer
-     */
-    AbstractRouter.prototype.getPathVariable = function () {
-        return new Map();
-    };
     return AbstractRouter;
 }());
 export { AbstractRouter };
 /**
  * Here is the template class for render component!
  */
-var Component = /** @class */ (function (_super) {
-    __extends(Component, _super);
-    function Component(config) {
+var AdjustComponent = /** @class */ (function (_super) {
+    __extends(AdjustComponent, _super);
+    function AdjustComponent(config) {
+        return _super.call(this, config) || this;
+    }
+    return AdjustComponent;
+}(AbstractComponent));
+export { AdjustComponent };
+/**
+ * Here is the template class for render component!
+ */
+var ControlComponent = /** @class */ (function (_super) {
+    __extends(ControlComponent, _super);
+    function ControlComponent(config) {
         return _super.call(this, config) || this;
     }
-    return Component;
+    return ControlComponent;
 }(AbstractComponent));
-export { Component };
+export { ControlComponent };
+/**
+ * Here is the template class for render pageComponent!
+ */
+var PageComponent = /** @class */ (function (_super) {
+    __extends(PageComponent, _super);
+    function PageComponent(config) {
+        return _super.call(this, config) || this;
+    }
+    PageComponent.prototype.render_method_for_listen = function (params, pathParams) {
+        render_for_listen(params, pathParams);
+    };
+    return PageComponent;
+}(AbstractComponent));
+export { PageComponent };
 /**
  * This proto is the application proto.
  */
 var RenderJS = /** @class */ (function () {
-    function RenderJS() {
+    function RenderJS(router) {
+        var _this = this;
         /* initiate the page controller */
         this.contextController = new ContextController({
             boxMode: false,
         });
+        this.renderRouter = router;
         /* init the basis extension */
         this.use_plugin(new SystemInitPlugin());
+        /* init the event */
+        window.addEventListener("route:change", function () {
+            _this.listen();
+        });
     }
-    /**
-     * This func is used to execute plugins
-     */
-    RenderJS.prototype.use_plugin = function (plugin) {
-        plugin.plugin(new PrefaceAction(), new HooksAction());
-    };
     /**
      * This unc is used to register component to system
      * @param component
      */
     RenderJS.prototype.add_tag = function (component) {
-        var errors = lintComponent(component);
-        errors.map(function (error) {
-            errorDisplay(component.getName(), error);
-        });
         registerTagLib(component);
     };
     /**
-     * This func is used to work under the route mode
-     */
-    RenderJS.prototype.listen = function () {
-        set_context_controller(this.contextController);
-        render_for_listen();
-    };
-    /**
-     * This func is used to work under the directive render mode
+     * This func is used to execute plugins
      */
-    RenderJS.prototype.render = function (component, mounter) {
-        set_context_controller(this.contextController);
-        render_for_render(component, mounter);
+    RenderJS.prototype.use_plugin = function (plugin) {
+        plugin.plugin(new PrefaceAction(), new HooksAction());
     };
     /**
-     * This func is used to work under the weave  mode
+     * This func is used to work under the route mode
      */
-    RenderJS.prototype.weave = function (mounter) {
+    RenderJS.prototype.listen = function () {
         set_context_controller(this.contextController);
-        render_for_weave(mounter);
+        var component = this.renderRouter.getComponent();
+        component.component.render_method_for_listen(component.params, component.pathParams);
     };
     return RenderJS;
 }());
 export { RenderJS };
-/**
- * This func is used to extend window environment
- * @param on
- * @param func
- */
-export function extend_window(on, func) {
-    Reflect.set(window, on, func);
-}

package/kernel/delivery/delivery.d.ts

@@ -1,17 +1,11 @@
-import { ContextController } from "../../system/prototype/ContextController";
-import { Component } from "../../index";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
 /**
  * @param protoTypeComponent
  * @param componentAttachedRootElement
- * @param child
  * @param parentController
  */
-export declare function spa_delivery(protoTypeComponent: Component, componentAttachedRootElement: ParentNode, child: Element, parentController: ContextController): void;
-/**
- *
- * @param protoTypeComponent
- */
-export declare function direct_delivery(protoTypeComponent: Component): void;
+export declare function spa_delivery(protoTypeComponent: ControlComponent | AdjustComponent, componentAttachedRootElement: Element, parentController: ContextController): void;
 /**
  *
  * @param protoTypeComponent
@@ -19,7 +13,7 @@ export declare function direct_delivery(protoTypeComponent: Component): void;
  * @param child
  * @param parentController
  */
-export declare function mpa_delivery(protoTypeComponent: Component, componentAttachedRootElement: ParentNode, child: Element, parentController: ContextController): void;
+export declare function mpa_delivery(protoTypeComponent: ControlComponent | AdjustComponent, componentAttachedRootElement: ParentNode, child: Element, parentController: ContextController): void;
 /**
  *
  * @param collection

package/kernel/delivery/delivery.js

@@ -1,30 +1,17 @@
-import { ContextController } from "../../system/prototype/ContextController";
-import { get_tag_library, set_context_controller } from "../../system/recorder/table0/system_func_0";
+import { get_tag_library } from "../../system/recorder/table0/system_func_0";
 import { init_renderer } from "../renderer/initRender";
 import { post_renderer } from "../renderer/postRender";
 import { raw_renderer } from "../renderer/rawRender";
 import { renderHtml } from "../../xboot/renderProcessor";
 import { tag_unknown_check } from "../../system/recorder/table2/system_func_2";
+import { page_renderer } from "../renderer/pageRender";
 /**
  * @param protoTypeComponent
  * @param componentAttachedRootElement
- * @param child
  * @param parentController
  */
-export function spa_delivery(protoTypeComponent, componentAttachedRootElement, child, parentController) {
-    raw_renderer(protoTypeComponent, componentAttachedRootElement, child, parentController);
-}
-/**
- *
- * @param protoTypeComponent
- */
-export function direct_delivery(protoTypeComponent) {
-    var context = new ContextController({
-        boxMode: true
-    });
-    set_context_controller(context);
-    var webview = document.querySelector("webview");
-    raw_renderer(protoTypeComponent, webview.parentNode, webview, context);
+export function spa_delivery(protoTypeComponent, componentAttachedRootElement, parentController) {
+    page_renderer(protoTypeComponent, componentAttachedRootElement, parentController);
 }
 /**
  *

package/kernel/directive/data/v-el.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../../system/prototype/ContextController";
+import { ContextController } from "../../../system/generic/controller/prototype/ContextController";
 /**
  *
  * @param node

package/kernel/directive/data/v-html.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../../system/prototype/ContextController";
+import { ContextController } from "../../../system/generic/controller/prototype/ContextController";
 /**
  *
  * @param elements

package/kernel/directive/data/v-txt.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../../system/prototype/ContextController";
+import { ContextController } from "../../../system/generic/controller/prototype/ContextController";
 /**
  *
  * @param elements

package/kernel/directive/justify/v-if.js

@@ -30,9 +30,9 @@ export function parse_directive_if(elements, data) {
     }
     //v-if渲染失败，寻找到是否匹配的v-else
     for (var j = 0; j < elements.length; j++) {
-        var result = elements[j].hasAttribute("v-else");
+        var result = elements[j].hasAttribute("@else");
         if (result) {
-            elements[j].removeAttribute("v-else");
+            elements[j].removeAttribute("@else");
             if (tag) {
                 // @ts-ignore
                 elements[j].style.display = "none";

package/kernel/directive/slot/v-slot.d.ts

@@ -0,0 +1,13 @@
+import { ContextController } from "../../../system/generic/controller/prototype/ContextController";
+/**
+ * 此函数用于解析自定义元素salt
+ * @param tagTemplate
+ * @param controller
+ */
+export declare function parse_directive_salt_collect(tagTemplate: ChildNode, controller: ContextController): void;
+/**
+ * 此函数用于展开salt
+ * @param elements
+ * @param controller
+ */
+export declare function parse_directive_salt_extract(elements: HTMLCollection, controller: ContextController): void;

package/kernel/directive/slot/v-slot.js

@@ -0,0 +1,46 @@
+/**
+ * 此函数用于解析自定义元素salt
+ * @param tagTemplate
+ * @param controller
+ */
+export function parse_directive_salt_collect(tagTemplate, controller) {
+    if (tagTemplate.hasChildNodes()) {
+        // @ts-ignore
+        var list = tagTemplate.querySelectorAll("slot");
+        if (list.length !== 0) {
+            list.forEach(function (value) {
+                if (value.hasAttribute("name"))
+                    controller.salt.set(value.getAttribute("name"), value.innerHTML);
+                else
+                    controller.salt.set("default", value.innerHTML);
+            });
+        }
+        else {
+            // @ts-ignore
+            controller.salt.set("default", tagTemplate.innerHTML);
+        }
+    }
+}
+/**
+ * 此函数用于展开salt
+ * @param elements
+ * @param controller
+ */
+export function parse_directive_salt_extract(elements, controller) {
+    for (var i = 0; i < elements.length; i++) {
+        var result = elements[i].hasAttribute("@slot");
+        if (result) {
+            var dataName = elements[i].getAttribute("@slot");
+            elements[i].removeAttribute("@slot");
+            if (!dataName) {
+                elements[i].innerHTML = controller.salt.get("default");
+            }
+            else {
+                // @ts-ignore
+                elements[i].innerHTML = controller.solt.get(dataName);
+            }
+        }
+        //深度解析
+        parse_directive_salt_extract(elements[i].children, controller);
+    }
+}

package/kernel/proxyer/getProxy.d.ts

@@ -1,4 +1,4 @@
-import { ContextController } from "../../system/prototype/ContextController";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
 /**
  * @param data
  * @param updater

package/kernel/renderer/initRender.d.ts

@@ -1,5 +1,5 @@
-import { ContextController } from "../../system/prototype/ContextController";
-import { Component } from "../../index";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param protoType
@@ -7,4 +7,4 @@ import { Component } from "../../index";
  * @param child
  * @param parentController
  */
-export declare function init_renderer(protoType: Component, parent: ParentNode, child: ChildNode, parentController: ContextController): void;
+export declare function init_renderer(protoType: AdjustComponent | ControlComponent, parent: ParentNode, child: ChildNode, parentController: ContextController): void;

package/kernel/renderer/initRender.js

@@ -1,4 +1,4 @@
-import { ContextController } from "../../system/prototype/ContextController";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
 import { directive_parse_collection_for_after, directive_parse_collection_for_before } from "../../system/utility/directive/cmdUtility";
 import { archive_mount, extract_mount } from "../../system/lifecycle/mount";
 import { inject_$commit_to_data, inject_$getter_to_data, inject_$http_to_data, inject_$name_to_data, inject_$pathVariable_to_data, inject_$plugins_to_data, inject_$props_to_data, inject_$publish_to_data, inject_$refs_to_data, inject_$setter_to_data, inject_computed_to_controller, inject_method_to_data, inject_watcher_to_controller, } from "../../system/injection/injector";
@@ -9,7 +9,8 @@ import { loader_tag_style } from "../../system/utility/style/styleUtility";
 import { get_style_library } from "../../system/recorder/table0/system_func_0";
 import { get_proxy_for_computed, get_proxy_for_method, get_proxy_for_watcher } from "../proxyer/getProxy";
 import { get_commit_method, get_getter_method, get_publish_method, get_setter_method } from "../../system/injection/injection";
-import { parse_directive_salt_collect } from "../directive/salt/v-solt";
+import { AdjustComponent } from "../../index";
+import { parse_directive_salt_collect } from "../directive/slot/v-slot";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param protoType
@@ -28,7 +29,7 @@ export function init_renderer(protoType, parent, child, parentController) {
     /* initiate to controller */
     currentController.parentController = parentController;
     currentController.prototypeOfComponent = protoType;
-    currentController.componentConfig.boxMode = protoType.getConfig()["boxMode"];
+    currentController.componentConfig.boxMode = protoType instanceof AdjustComponent;
     // @ts-ignore
     currentController.originalData = parentController.lazyComponent.get(child.getAttribute("name"));
     currentController.dataForMethod = get_proxy_for_method(currentController.originalData, currentController);
@@ -61,7 +62,7 @@ export function init_renderer(protoType, parent, child, parentController) {
     after_process_for_init(currentController, child, parentController);
     /* find the next element to render */
     findComponent(currentController.componentAttachedRootElement.children, currentController);
-    if (!protoType.getConfig()["boxMode"])
-        /* extract mount */
-        extract_mount(currentController);
+    if (protoType instanceof AdjustComponent) { }
+    /* extract mount */
+    extract_mount(currentController);
 }

package/kernel/renderer/pageRender.d.ts

@@ -0,0 +1,9 @@
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
+/**
+ * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
+ * @param protoType
+ * @param parent
+ * @param parentController
+ */
+export declare function page_renderer(protoType: AdjustComponent | ControlComponent, parent: Element, parentController: ContextController): void;

package/kernel/renderer/pageRender.js

@@ -0,0 +1,53 @@
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
+import { directive_parse_collection_for_after, directive_parse_collection_for_before } from "../../system/utility/directive/cmdUtility";
+import { inject_$commit_to_data, inject_$getter_to_data, inject_$http_to_data, inject_$name_to_data, inject_$pathVariable_to_data, inject_$plugins_to_data, inject_$publish_to_data, inject_$refs_to_data, inject_$setter_to_data, inject_computed_to_controller, inject_method_to_data, inject_watcher_to_controller, } from "../../system/injection/injector";
+import { after_process_for_post } from "../../system/lifecycle/lifeCycle";
+import { findComponent } from "../delivery/delivery";
+import { get_proxy_for_computed, get_proxy_for_method, get_proxy_for_watcher } from "../proxyer/getProxy";
+import { dataInject } from "../../system/utility/data/dataUtility";
+import { get_commit_method, get_getter_method, get_publish_method, get_setter_method } from "../../system/injection/injection";
+import { AdjustComponent } from "../../index";
+/**
+ * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
+ * @param protoType
+ * @param parent
+ * @param parentController
+ */
+export function page_renderer(protoType, parent, parentController) {
+    /* initiate the rang vars */
+    parent.innerHTML = protoType.getTemplate();
+    var currentController = new ContextController({ boxMode: true });
+    /* initiate to controller */
+    currentController.parentController = parentController;
+    currentController.prototypeOfComponent = protoType;
+    currentController.componentConfig.boxMode = (protoType instanceof AdjustComponent);
+    // @ts-ignore
+    currentController.originalData = dataInject(protoType.getData());
+    currentController.dataForMethod = get_proxy_for_method(currentController.originalData, currentController);
+    currentController.dataForComputed = get_proxy_for_computed(currentController.originalData);
+    currentController.dataForWatcher = get_proxy_for_watcher(currentController.originalData);
+    /* inject to original data source */
+    inject_$name_to_data(protoType.getName(), currentController.originalData);
+    inject_$refs_to_data(document.body, currentController.originalData);
+    inject_$plugins_to_data(currentController.originalData);
+    inject_$http_to_data(currentController.originalData);
+    inject_$pathVariable_to_data(currentController.originalData);
+    inject_$commit_to_data(currentController.originalData, get_commit_method(currentController));
+    inject_$publish_to_data(currentController.originalData, get_publish_method(currentController));
+    inject_$setter_to_data(currentController.originalData, get_setter_method(currentController));
+    inject_$getter_to_data(currentController.originalData, get_getter_method(currentController));
+    /* initiate method, computed, watcher */
+    inject_method_to_data(currentController, protoType);
+    inject_computed_to_controller(currentController, protoType);
+    inject_watcher_to_controller(currentController, protoType);
+    protoType.getBeforeRender().apply(currentController.originalData, null);
+    /* directive parse before */
+    directive_parse_collection_for_before(document.body, protoType, currentController);
+    /* directive parse after */
+    directive_parse_collection_for_after(currentController.componentAttachedRootElement, currentController);
+    protoType.getAfterRender().apply(currentController.dataForMethod, null);
+    /* after process for render */
+    after_process_for_post(currentController, parentController);
+    /* find the next element to render */
+    findComponent(currentController.componentAttachedRootElement.children, currentController);
+}

package/kernel/renderer/postRender.d.ts

@@ -1,5 +1,5 @@
-import { ContextController } from "../../system/prototype/ContextController";
-import { Component } from "../../index";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
+import { AdjustComponent, ControlComponent } from "../../index";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param protoType
@@ -7,4 +7,4 @@ import { Component } from "../../index";
  * @param child
  * @param parentController
  */
-export declare function post_renderer(protoType: Component, parent: ParentNode, child: ChildNode, parentController: ContextController): void;
+export declare function post_renderer(protoType: AdjustComponent | ControlComponent, parent: ParentNode, child: ChildNode, parentController: ContextController): void;

package/kernel/renderer/postRender.js

@@ -1,16 +1,17 @@
-import { ContextController } from "../../system/prototype/ContextController";
+import { ContextController } from "../../system/generic/controller/prototype/ContextController";
 import { directive_parse_collection_for_after, directive_parse_collection_for_before } from "../../system/utility/directive/cmdUtility";
 import { archive_mount, extract_mount } from "../../system/lifecycle/mount";
 import { inject_$commit_to_data, inject_$getter_to_data, inject_$http_to_data, inject_$name_to_data, inject_$pathVariable_to_data, inject_$plugins_to_data, inject_$props_to_data, inject_$publish_to_data, inject_$refs_to_data, inject_$setter_to_data, inject_computed_to_controller, inject_method_to_data, inject_watcher_to_controller, } from "../../system/injection/injector";
 import { after_process_for_post } from "../../system/lifecycle/lifeCycle";
 import { findComponent } from "../delivery/delivery";
-import { parse_directive_salt_collect } from "../directive/salt/v-solt";
+import { parse_directive_salt_collect } from "../directive/slot/v-slot";
 import { getTemplate } from "../../system/utility/initiate/templateUtility";
 import { loader_tag_style } from "../../system/utility/style/styleUtility";
 import { get_style_library } from "../../system/recorder/table0/system_func_0";
 import { get_proxy_for_computed, get_proxy_for_method, get_proxy_for_watcher } from "../proxyer/getProxy";
 import { dataInject } from "../../system/utility/data/dataUtility";
 import { get_commit_method, get_getter_method, get_publish_method, get_setter_method } from "../../system/injection/injection";
+import { AdjustComponent } from "../../index";
 /**
  * 该函数用于处理需要更更新时候，需要从父组件提取数据状态的渲染操作
  * @param protoType
@@ -29,7 +30,7 @@ export function post_renderer(protoType, parent, child, parentController) {
     /* initiate to controller */
     currentController.parentController = parentController;
     currentController.prototypeOfComponent = protoType;
-    currentController.componentConfig.boxMode = protoType.getConfig()["boxMode"];
+    currentController.componentConfig.boxMode = protoType instanceof AdjustComponent;
     // @ts-ignore
     currentController.originalData = dataInject(protoType.getData());
     currentController.dataForMethod = get_proxy_for_method(currentController.originalData, currentController);
@@ -62,7 +63,7 @@ export function post_renderer(protoType, parent, child, parentController) {
     after_process_for_post(currentController, parentController);
     /* find the next element to render */
     findComponent(currentController.componentAttachedRootElement.children, currentController);
-    if (!protoType.getConfig()["boxMode"])
+    if (protoType instanceof AdjustComponent)
         /* extract mount */
         extract_mount(currentController);
 }