@shijiu/jsview 1.9.730 → 1.9.747

package/dom/jsview-dom/src/dom-wrapper/node/Document.js

@@ -1,274 +0,0 @@
-/* eslint-disable no-extra-boolean-cast */
-import Node from "./Node"
-import AnchorElement from "./AnchorElement"
-import AudioElement from "./AudioElement"
-import DivElement from "./DivElement"
-import FDivElement from "./FDivElement"
-import HeadElement from "./HeadElement"
-import ImageElement from "./ImageElement"
-import JsvElement from "./JsvElement"
-import LinkElement from "./LinkElement"
-import ScriptElement from "./ScriptElement"
-import StyleElement from "./StyleElement"
-import UnknownElement from "./UnknownElement"
-import VideoElement from "./VideoElement"
-import Event from "../event/Event"
-import Text from "./Text"
-import Comment from "./Comment"
-import { FDivRoot, findFDivRootByName } from "../utils/FDivRoot"
-import JsvAudioTrackElement from "./JsvAudioTrackElement"
-import StyleSheet from "../style/StyleSheet"
-
-class Document extends Node {
-    constructor() {
-        // console.log("Document.constructor()");
-        super(Node.DOCUMENT_NODE)
-
-        this.location = window.location;
-        this.rootElement = new DivElement();
-        this.rootElement.ownerDocument = this;
-        this.rootElement.id = "root";
-        this.activeElement = this.rootElement;
-        this.head = new HeadElement();
-        // this.styleSheets = new StyleSheetList();
-        this.styleSheets = new Array();
-
-        if (window.JsView) {
-            this.styleSheets.push(new StyleSheet("@keyframes jsv-basic-slot {}"));
-        }
-
-        this.jsvIsReady = false;
-    }
-
-    //alert(msg) {
-        //// console.log("Document.alert() msg=" + msg);
-    //}
-
-    createElement(name) {
-        // console.log("Document.createElement() name=" + name);
-
-        switch(name) {
-            case Document.FDIV_ELEMENT:
-                return new FDivElement();
-            case Document.DIV_ELEMENT:
-                return new DivElement();
-            case Document.IMG_ELEMENT:
-                return new ImageElement();
-            case Document.STYLE_ELEMENT:
-                return new StyleElement();
-            case Document.AUDIO_ELEMENT:
-                return new AudioElement();
-            case Document.VIDEO_ELEMENT:
-                return new VideoElement();
-            case Document.LINK_ELEMENT:
-                // console.log("Document.createElement() create script")
-                if (!!window.JsView) {
-                    // Wrap script element
-                    return new LinkElement();
-                } else {
-                    // create real script for document.head.appendChild() calling, in case in html mode
-                    return window.originDocument.createElement(Document.LINK_ELEMENT);
-                }
-            case Document.SCRIPT_ELEMENT:
-                // console.log("Document.createElement() create script")
-                if (!!window.JsView) {
-                    // Wrap script element
-                    return new ScriptElement();
-                } else {
-                    // create real script for document.head.appendChild() calling, in case in html mode
-                    return window.originDocument.createElement(Document.SCRIPT_ELEMENT);
-                }
-            case Document.ANCHOR_ELEMENT:
-                return new AnchorElement();
-            case Document.SVG_ELEMENT:
-                return new SVGElement(); // 解决vue需要声明原生svg的需求(声明但不使用)
-            default:
-                if (name == Document.JSV_AUDIOTRACK_ELEMENT) {
-                    return new JsvAudioTrackElement();
-                }
-
-                if (!window.JsView) {
-                    // 用于html状态下，特殊tag的使用，例如jsve-svg或则 jsvsvg 在html状态下会转成真正的SVG标签
-                    return new JsvElement(name.startsWith("jsv") ? name : "jsve-" + name);
-                } else {
-                    if (name != 'template') {
-                        console.warn("Document.createElement() unknown name=" + name);
-                    }
-                    return new UnknownElement(name);
-                }
-        }
-    }
-
-    createTextNode(text) {
-        // console.log("Document.createTextNode() text=" + text);
-        return new Text(text);
-    }
-
-    createEvent(type) {
-        return new Event(type);
-    }
-
-    createComment(comment) {
-        return new Comment(comment);
-    }
-
-    getElementById(id) {
-        //console.log("Document.getElementById() id=" + id);
-        if(id === "root" // react root Node
-        || id === "app") { // vue root Node
-            return this.rootElement;
-        }
-
-        throw Error("Document.getElementById() id=" + id + " is UNIMPLEMENTED.");
-    }
-
-    getElementsByTagName(name) {
-        if(name.toLowerCase() === "head") {
-            if (!!window.JsView) {
-                return [this.head];
-            } else {
-                return window.originDocument.getElementsByTagName(name);
-            }
-        }
-        if(name.toLowerCase() === "link"
-        || name.toLowerCase() === "script"
-        || name.toLowerCase() === "style") {
-            return [];
-        }
-
-        throw Error("Document.getElementsByTagName() name=" + name + " is UNIMPLEMENTED.");
-    }
-
-    querySelector(selectors) {
-        // console.log("Document.querySelector() selectors=" + selectors);
-        if(selectors === 'root'
-        || selectors === '#app') {
-            return this.rootElement;
-        }
-        if(selectors === 'head') {
-            return this.head;
-        }
-        if(selectors === 'base') { // for vue router
-            return null;
-        }
-        if(selectors.startsWith("style[")
-        && selectors.endsWith("]")) { // vue style Node
-            return null;
-        }
-        if(selectors.startsWith("link[")
-        && selectors.endsWith("]")) { // vite modulepreload link Node
-            return null;
-        }
-
-        throw Error("Document.querySelector() selectors=" + selectors + " is UNIMPLEMENTED.");
-    }
-
-    jsvAppendStyleSheet(styleSheet) {
-        document.styleSheets.push(styleSheet);
-    }
-
-    jsvGetKeyFrames(name, scopedAttributes) {
-        if(window.JsvCode.Dom.StyleSheets) {
-            // Vue3的style中写keyframes
-            const styleSheets = window.JsvCode.Dom.StyleSheets;
-            for(const scoped of scopedAttributes) { // 先搜索scoped
-                const key = `${name}-${scoped.replace('data-v-','')}`
-                const value = styleSheets[key];
-                if(value) {
-                    return value;
-                }
-            }
-            // 如果没找到，搜索不带scoped的keyframes
-            const value = styleSheets[name];
-            if(value) {
-                return value;
-            }
-        }
-
-        // console.warn(">>>>>>>>>>>>>>>>>>>> name=", name);
-        // 遗留的旧搜索办法
-        // 先查找缓存
-        for(let styleSheet of this.styleSheets) {
-            for (let cssRule of styleSheet.cssRules) {
-                if(cssRule.name == name) {
-                    return cssRule.cssText;
-                }
-            }
-        }
-
-        let keyFrames = "@keyframes ";
-        let customKeyFrames = "-keyframes"; // 例如-webkit-keyframes
-        let keyName = keyFrames + name;
-        for(let styleSheet of this.styleSheets) {
-            let textContent = styleSheet.jsvTextContent;
-            let startIdx = textContent.indexOf(keyName);
-            // console.log(">>>>>>>>>>>>>>>>>>>> startIdx=", startIdx, " textContent=", textContent);
-            if(startIdx < 0) {
-                continue;
-            }
-
-            let customEndIdx = textContent.indexOf(customKeyFrames, startIdx + 1); // 寻找下一个"@keyframes"
-            let endIdx = textContent.indexOf(keyFrames, startIdx + 1); // 寻找下一个"@keyframes"
-            if(endIdx < 0) { // 当前是最后一个
-                endIdx = textContent.length;
-            }
-            if(customEndIdx > 0 && customEndIdx < endIdx) { // 去除自定义keyframes的部分
-                endIdx = customEndIdx;
-            }
-
-            let keyFramesContent = textContent.substring(startIdx, endIdx);
-            styleSheet.insertRule(keyFramesContent, 0);
-
-            // console.warn(">>>>>>>>>>>>>>>>>>>> StyleElement.jsvKeyFramesCache=", JSON.stringify(StyleElement.jsvKeyFramesCache));
-            return keyFramesContent;
-        }
-
-        return null;
-    }
-
-    jsvUpdateRootElement(jsvView) {
-        console.log("Document.jsvUpdateRootElement() this.jsvIsReady = true");
-        this.rootElement.jsvMainView = jsvView;
-        this.jsvIsReady = true;
-    }
-
-    jsvInitFDivRoot(app_root_div_name, dispatch_key_proxy, prebuild_element) {
-        if (!prebuild_element) {
-            // 更换rootElement
-            let root = document.createElement("fdiv");
-            this.rootElement.appendChild(root);
-            this.rootElement = root;
-            prebuild_element = this.rootElement;
-        }
-
-        // 创建FDivRoot
-        let fdiv_root = new FDivRoot(app_root_div_name, dispatch_key_proxy, prebuild_element);
-        return fdiv_root;
-    }
-
-    jsvGetFDivRoot(app_root_div_name) {
-        return findFDivRootByName(app_root_div_name);
-    }
-
-    set cookie(set_string) {
-        window.__JsvCookies.setCookie(set_string);
-    }
-
-    get cookie() {
-        return window.__JsvCookies.getCookie();
-    }
-}
-Document.ANCHOR_ELEMENT = 'a'
-Document.AUDIO_ELEMENT  = 'audio'
-Document.DIV_ELEMENT    = 'div'
-Document.IMG_ELEMENT    = 'img'
-Document.LINK_ELEMENT   = 'link'
-Document.SCRIPT_ELEMENT = 'script'
-Document.STYLE_ELEMENT  = 'style'
-Document.SVG_ELEMENT    = 'svg'
-Document.VIDEO_ELEMENT  = 'video'
-
-Document.FDIV_ELEMENT = 'fdiv'
-Document.JSV_AUDIOTRACK_ELEMENT = 'jsv-audiotrack'
-
-export default Document;