render-core 1.4.9 → 1.4.10

package/system/utility/react/sectionUtility.js

@@ -0,0 +1,123 @@
+import { assignType, checkType, fileType, textType } from "./inputType";
+/**
+ *
+ * @param controller
+ */
+export function locateInputAddress(controller) {
+    //判断是否是输入导致的数据更新
+    if (controller.dataForMethod.hasOwnProperty("origin")) {
+        var doc = Reflect.get(controller.dataForMethod, "origin");
+        var target = document.getElementById(doc.id);
+        switch (doc.tag) {
+            case "INPUT":
+                locateInput(target, doc, controller);
+                break;
+            case "SELECT":
+                locateSelect(target, doc);
+                break;
+            case "TEXTAREA":
+                locateTextArea(target, doc, controller);
+                break;
+            default:
+                console.log("Can't locate input address");
+                break;
+        }
+    }
+}
+/**
+ *
+ * @param target
+ * @param doc
+ * @param controller
+ */
+function locateInput(target, doc, controller) {
+    switch (target.getAttribute("type")) {
+        case "text":
+            textType(target, doc, controller);
+            break;
+        case "color":
+            assignType(target, controller);
+            break;
+        case "date":
+            assignType(target, controller);
+            break;
+        case "time":
+            assignType(target, controller);
+            break;
+        case "email":
+            textType(target, doc, controller);
+            break;
+        case "url":
+            textType(target, doc, controller);
+            break;
+        case "week":
+            assignType(target, controller);
+            break;
+        case "tel":
+            textType(target, doc, controller);
+            break;
+        case "search":
+            textType(target, doc, controller);
+            break;
+        case "range":
+            assignType(target, controller);
+            break;
+        case "radio":
+            checkType(target);
+            break;
+        case "password":
+            textType(target, doc, controller);
+            break;
+        case "number":
+            textType(target, doc, controller);
+            break;
+        case "month":
+            assignType(target, controller);
+            break;
+        case "hidden":
+            assignType(target, controller);
+            break;
+        case "file":
+            fileType(target, controller);
+            break;
+        case "datetime-local":
+            assignType(target, controller);
+            break;
+        case "datetime":
+            assignType(target, controller);
+            break;
+        case "checkbox":
+            assignType(target, controller);
+            break;
+        default:
+            console.log("This type input can`t be tackled!");
+            break;
+    }
+}
+/**
+ *
+ * @param target
+ * @param doc
+ */
+function locateSelect(target, doc) {
+    // @ts-ignore
+    var list = target.getElementsByTagName("option");
+    for (var i = 0; i < list.length; i++) {
+        if (list[i].value === doc.selected)
+            list[i].selected = true;
+    }
+}
+/**
+ *
+ * @param target
+ * @param doc
+ * @param controller
+ */
+function locateTextArea(target, doc, controller) {
+    // @ts-ignore
+    target.value = controller.dataForMethod[target.getAttribute("name")];
+    // @ts-ignore
+    target.focus();
+    // @ts-ignore
+    target.setSelectionRange(doc.start, doc.start);
+}

package/system/utility/style/styleUtility.d.ts

@@ -0,0 +1,29 @@
+import { Component } from "../../../index";
+/**
+ *
+ * @param tag
+ */
+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 loader_tag_style(tag: string, styleLib: Map<string, Map<string, string>>): void;
+/**
+ *
+ * @param tag
+ * @param theme
+ */
+export declare function changeStyle(tag: string, theme: string): void;
+/**
+ *
+ * @param theme
+ */
+export declare function changeTheme(theme: string): void;

package/system/utility/style/styleUtility.js

@@ -0,0 +1,102 @@
+import { loadStyle } from "../../loader/loader";
+import { get_theme_style, set_theme_style } from "../../recorder/table1/system_func_1";
+import { get_style_library } from "../../recorder/table0/system_func_0";
+/**
+ *
+ * @param tag
+ */
+export function checkStyleLabel(tag) {
+    //获取所有的style标签
+    var styles = document.getElementsByTagName("style");
+    //遍历标签，查看是否已经加载tag样式
+    for (var i = 0; i < styles.length; i++) {
+        if (styles[i].getAttribute("tag") === tag.toUpperCase())
+            //样式已经加载
+            return true;
+    }
+    //样式未加载
+    return false;
+}
+/**
+ * Here is the function go get all styles associated with the tag component.
+ * @param component
+ * @param styleLib
+ */
+export function themeStyle(component, styleLib) {
+    var template = component.getTemplate();
+    var dom = document.createElement("div");
+    dom.innerHTML = template;
+    var styles = dom.getElementsByTagName("template")[0].content.querySelectorAll("style");
+    var componentStyleList = new Map();
+    for (var i = 0; i < styles.length; i++) {
+        componentStyleList.set(styles[i].getAttribute("theme"), styles[i].innerText);
+    }
+    styleLib.set(component.getName().toUpperCase(), componentStyleList);
+}
+/**
+ * Here is the function to resolve
+ * @param tag
+ * @param styleLib
+ */
+export function loader_tag_style(tag, styleLib) {
+    //获取到启动样式
+    var theme = get_theme_style();
+    if (styleLib.get(tag.toUpperCase())) {
+        if (styleLib.get(tag.toUpperCase()).get(theme) === undefined) {
+            console.log("tag:" + tag + " has no theme " + theme);
+            if (styleLib.get(tag.toUpperCase()).get("default") === undefined) {
+                console.log("tag:" + tag + " has no theme " + "default");
+            }
+            else {
+                loadStyle(tag, "default", styleLib.get(tag.toUpperCase()).get("default"));
+            }
+        }
+        else {
+            loadStyle(tag, theme, styleLib.get(tag.toUpperCase()).get(theme));
+        }
+    }
+}
+/**
+ *
+ * @param tag
+ * @param theme
+ */
+export function changeStyle(tag, theme) {
+    var styleTxt = get_style_library().get(tag.toUpperCase()).get(theme);
+    if (styleTxt === undefined) {
+        console.log("Dont`t find this style!");
+    }
+    else {
+        var style = document.createElement('style');
+        var text = document.createTextNode(styleTxt);
+        style.appendChild(text);
+        style.setAttribute("tag", tag.toUpperCase());
+        style.setAttribute("theme", theme);
+        var head = document.getElementsByTagName('head')[0];
+        var target = head.querySelector("style" + "[tag=" + tag.toUpperCase() + "]");
+        head.replaceChild(style, target);
+    }
+}
+/**
+ *
+ * @param theme
+ */
+export function changeTheme(theme) {
+    get_style_library().forEach(function (value, key) {
+        var styles = document.getElementsByTagName("style");
+        for (var i = 0; i < styles.length; i++) {
+            if (styles[i].getAttribute("tag") === key) {
+                var style = document.createElement('style');
+                if (value.get(theme)) {
+                    var text = document.createTextNode(value.get(theme));
+                    style.appendChild(text);
+                    style.setAttribute("tag", key.toUpperCase());
+                    style.setAttribute("theme", theme);
+                    var head = document.getElementsByTagName('head')[0];
+                    head.replaceChild(style, styles[i]);
+                }
+            }
+        }
+    });
+    set_theme_style(theme);
+}

package/tension/prototype/HooksAction.js

@@ -1,4 +1,4 @@
-import { changeStyle, changeTheme } from "../../system/utility/styleUtility";
+import { changeStyle, changeTheme } from "../../system/utility/style/styleUtility";
 import { direct_delivery } from "../../kernel/delivery/delivery";
 var HooksAction = /** @class */ (function () {
     function HooksAction() {

package/xboot/Entrance.d.ts

@@ -1,15 +1,15 @@
 import { Component } from "../index";
 /**
- * The entrance of render
+ * The entrance of weave
  * @param root
  */
 export declare function render_for_weave(root?: string): void;
 /**
- *
+ * The entrance of listen
  */
 export declare function render_for_listen(): void;
 /**
- *
+ * The entrance of render
  * @param component
  * @param mounter
  */

package/xboot/Entrance.js

@@ -1,13 +1,12 @@
-import { themeStyle } from "../system/utility/styleUtility";
+import { themeStyle } from "../system/utility/style/styleUtility";
 import { renderHtml } from "./renderProcessor";
 import { get_context_controller, get_style_library, get_tag_library } from "../system/recorder/table0/system_func_0";
 import { router_listener_with_router, router_listener_without_router } from "../kernel/router/router";
 /**
- * The entrance of render
+ * The entrance of weave
  * @param root
  */
 export function render_for_weave(root) {
-    //获取styleLib对象
     get_tag_library().forEach(function (component) {
         themeStyle(component, get_style_library());
     });
@@ -33,7 +32,7 @@ export function render_for_weave(root) {
     }
 }
 /**
- *
+ * The entrance of listen
  */
 export function render_for_listen() {
     get_tag_library().forEach(function (component) {
@@ -42,7 +41,7 @@ export function render_for_listen() {
     router_listener_with_router(document.querySelector("webview"));
 }
 /**
- *
+ * The entrance of render
  * @param component
  * @param mounter
  */

package/xboot/RenderProcessor.js

@@ -1,6 +1,6 @@
-import { isUnKnown } from "../system/utility/checkUtility";
 import { get_tag_library } from "../system/recorder/table0/system_func_0";
 import { mpa_delivery } from "../kernel/delivery/delivery";
+import { tag_unknown_check } from "../system/recorder/table2/system_func_2";
 /**
  * This function is used to render element below the mount point.
  * @param collection
@@ -8,7 +8,7 @@ import { mpa_delivery } from "../kernel/delivery/delivery";
  */
 export function renderHtml(collection, contextController) {
     for (var i = 0; i < collection.length; i++) {
-        if (isUnKnown(collection[i].nodeName.toUpperCase())) {
+        if (tag_unknown_check(collection[i].nodeName.toUpperCase())) {
             var component = get_tag_library().get(collection[i].nodeName.toUpperCase());
             if (typeof component === undefined)
                 console.error(collection[i].nodeName.toUpperCase() + " can't be found in renderJs, you should firstly register in renderJs");

package/xboot/TagProcessor.js

@@ -7,20 +7,16 @@ import { get_tag_library } from "../system/recorder/table0/system_func_0";
 export function registerTagLib(component) {
     if (Array.isArray(component)) {
         component.forEach(function (component) {
-            if (!get_tag_library().has(component.getName().toUpperCase())) {
+            if (!get_tag_library().has(component.getName().toUpperCase()))
                 get_tag_library().set(component.getName().toUpperCase(), component);
-            }
-            else {
+            else
                 console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
-            }
         });
     }
     else {
-        if (!get_tag_library().has(component.getName().toUpperCase())) {
+        if (!get_tag_library().has(component.getName().toUpperCase()))
             get_tag_library().set(component.getName().toUpperCase(), component);
-        }
-        else {
+        else
             console.warn("The Tag:" + component.getName().toUpperCase() + "has been registered!");
-        }
     }
 }