@shijiu/jsview 1.9.730 → 1.9.747

package/dom/jsview-dom/src/dom-wrapper/style/StyleValue.js

@@ -1,385 +0,0 @@
-/* eslint-disable no-extra-boolean-cast */
-import Forge from "../../engine-js/ForgeDefine"
-
-class StyleValue {
-    static  ConvertInt(value) {
-        if(!value) {
-            return value;
-        }
-        if(typeof value == "number") {
-            return Math.floor(value);
-        }
-
-        if(typeof value == "string") {
-            return parseInt(value);
-        }
-
-        return value;
-    }
-
-    static  ConvertFloat(value) {
-        if(!value) {
-            return value;
-        }
-        if(typeof value !== "string") {
-            return value;
-        }
-
-        let ret = parseFloat(value);
-        return ret;
-    }
-
-    static  ConvertPx(value) {
-        if(!value) {
-            return value;
-        }
-        if(typeof value !== "string") {
-            return value;
-        }
-        if(value === "0") { // 0可以不写单位
-            return 0;
-        }
-
-        if(value.endsWith('px')) {
-            let ret = parseInt(value);
-            return ret;
-        }
-
-        return value;
-    }
-
-    static ConvertRect(str) {
-        let arrays = StyleValue.SplitString(str, ' ');
-
-        let rect = {
-            top    : arrays.length > 0 ? parseInt(arrays[0]) : 0,
-            right  : arrays.length > 1 ? parseInt(arrays[1]) : null,
-            bottom : arrays.length > 2 ? parseInt(arrays[2]) : null,
-            left   : arrays.length > 3 ? parseInt(arrays[3]) : null,
-        };
-        rect.right  = (!!rect.right || rect.right === 0 ? rect.right : rect.top);
-        rect.bottom = (!!rect.bottom || rect.bottom === 0 ? rect.bottom : rect.top);
-        rect.left   = (!!rect.left || rect.left === 0 ? rect.left : rect.right);
-        return rect;
-    }
-
-    static ConvertCorner(str) {
-        let arrays = StyleValue.SplitString(str, ' ');
-
-        let rect = {
-            topLeft     : arrays.length > 0 ? parseInt(arrays[0]) : 0,
-            topRight    : arrays.length > 1 ? parseInt(arrays[1]) : null,
-            bottomRight : arrays.length > 2 ? parseInt(arrays[2]) : null,
-            bottomLeft  : arrays.length > 3 ? parseInt(arrays[3]) : null,
-        };
-        rect.topRight    = (!!rect.topRight || rect.topRight === 0 ? rect.topRight : rect.topLeft);
-        rect.bottomRight = (!!rect.bottomRight || rect.bottomRight === 0 ? rect.bottomRight : rect.topLeft);
-        rect.bottomLeft  = (!!rect.bottomLeft || rect.bottomLeft === 0 ? rect.bottomLeft : rect.bottomRight);
-        return rect;
-    }
-
-    static ConvertSize(str) {
-        let arrays = StyleValue.SplitString(str, ' ');
-
-        let size = {
-            width     : arrays.length > 0 ? parseInt(arrays[0]) : 0,
-            height    : arrays.length > 1 ? parseInt(arrays[1]) : null,
-        };
-        size.height = (!!size.height || size.height === 0 ? size.height : size.width);
-        return size;
-    }
-
-    static ConvertAnimation(str) {
-        if(str === null || str.length === 0) {
-            return null;
-        }
-
-        let bezierStart = str.indexOf('cubic-bezier');
-        let arrays = [];
-        if(bezierStart >= 0) { // 防止贝塞尔里面的空格被拆分
-            let bezierEnd = str.indexOf(')');
-            let bezierStr = str.substring(bezierStart, bezierEnd + 1);
-            let bezierArray = StyleValue.SplitString(str, bezierStr);
-            for(let item of bezierArray) {
-                let subArrays = StyleValue.SplitString(item, ' ');
-                arrays = arrays.concat(subArrays);
-            }
-            arrays.push(bezierStr);
-        } else {
-            arrays = StyleValue.SplitString(str, ' ');
-        }
-
-        // 下面四个属性在animation字符串中是无序的，所以需要单独判断。
-        let timingFunction = null;
-        let delay          = 0;
-        let iterationCount = 1;
-        let direction      = str.includes("alternate");
-        for(let idx = 2; idx < arrays.length; idx++) { // 前两个选项固定是name和duration
-            if(arrays[idx] === "infinite") {
-                iterationCount = -1; // -1表示无限循环
-                continue;
-            }
-
-            let num = StyleValue.ConvertTimeMs(arrays[idx]);
-            if(isNaN(num) === false) { // 表示时间
-                delay = num;
-            } else {
-                num = parseFloat(arrays[idx]);
-                if (isNaN(num) === false) { // 表示次数
-                    iterationCount = num;
-                } else { // 不是数字，直接赋给timingFunction，省略判断
-                    timingFunction = arrays[idx];
-                }
-            }
-        }
-
-        let duration = arrays.length > 1 ? StyleValue.ConvertTimeMs(arrays[1]) : 0;
-        let anim = {
-            name           : arrays.length > 0 ? arrays[0] : "",
-            duration       : duration,
-            timingFunction : StyleValue.ConvertEasing(timingFunction, duration),
-            delay          : delay,
-            iterationCount : iterationCount,
-            direction      : direction,
-            originStr      : str,
-        };
-        // console.log("StyleValue.ConvertAnimation() anim=", anim);
-
-        return anim;
-    }
-
-    static ConvertTransition(str) {
-        if(str == null || str.length == 0) {
-            return null;
-        }
-        let transition = {};
-        let arrays = new Array();
-        let splitStr = str.split(',');
-        for (let idx = 0; idx < splitStr.length; idx++) {
-            if(splitStr[idx].indexOf('(') >= 0) { // 如果包含"(", 则将直到")"为止的内容当作一个部分
-                let endIdx = idx;
-                while (endIdx < splitStr.length && splitStr[endIdx].indexOf(')') < 0) { // 没有包含")"
-                    endIdx++;
-                }
-                let concatStr = "";
-                for (let subIdx = idx; subIdx <= endIdx; subIdx++) {
-                    if(subIdx != idx) {
-                        concatStr += ",";
-                    }
-                    concatStr += splitStr[subIdx];
-                }
-                idx = endIdx;
-                arrays = arrays.concat(concatStr);
-            } else {
-                arrays = arrays.concat(splitStr[idx]);
-            }
-        }
-        // console.warn("StyleValue.ConvertTransition() arrays=" + JSON.stringify(arrays));
-        for (let item of arrays) {
-            let ret = StyleValue.ConvertAnimation(item);
-            transition[ret.name] = ret;
-            if(ret.name == "all") {
-                let allProps = new Array("opacity", "left", "top", "width", "height", "transform");
-                for(let prop of allProps) {
-                    transition[prop] = ret;
-                }
-            }
-        }
-        return transition;
-    }
-
-    static ConvertTimeMs(str) {
-        if(!str) {
-            str = "";
-        }
-        str = str.trim();
-
-        let timing = NaN;
-        if(str.endsWith('ms')) {
-            timing = 1;
-        } else if(str.endsWith('s')) {
-            timing = 1000;
-        }
-        timing *= parseFloat(str);
-
-        return timing;
-    }
-
-    static ConvertEasing(str, duration) {
-        let easing = Forge.Easing.Circular.InOut;
-        if(!str) {
-            return easing;
-        }
-
-        if(str.includes('ease')) { // 加速用
-            if (str.includes('-in-out')) {
-                easing = Forge.Easing.Circular.InOut;
-            } else if (str.includes('-out')) {
-                easing = Forge.Easing.Circular.Out;
-            } else if (str.includes('-in')) {
-                easing = Forge.Easing.Circular.In;
-            } else {
-                easing = Forge.Easing.Circular.InOut;
-            }
-        } else if(str.includes('linear')) {
-            easing = null; // null是匀速动画
-        } else if(str.includes('cubic-bezier')) {
-            let bezier = StyleValue.ConvertBezier(str);
-            easing = new Forge.BezierEasing(bezier.x1, bezier.y1, bezier.x2, bezier.y2, duration);
-        } else if (str.includes("steps")) {
-            let steps = StyleValue.ConvertSteps(str);
-            easing = new Forge.StepsEasing(steps.steps, steps.type);
-        }
-
-        // console.log("StyleValue.ConvertEasing() easing=" + JSON.stringify(easing.Package()));
-        return easing;
-    }
-
-    static ConvertBezier(str) {
-        let startIdx = str.indexOf('(');
-        if(startIdx >= 0) {
-            str = str.substring(startIdx + 1);
-        }
-
-        let arrays = StyleValue.SplitString(str, ',');
-
-        let bezier = {
-            x1 : arrays.length > 0 ? parseFloat(arrays[0]) : 0,
-            y1 : arrays.length > 1 ? parseFloat(arrays[1]) : 0,
-            x2 : arrays.length > 2 ? parseFloat(arrays[2]) : 0,
-            y2 : arrays.length > 3 ? parseFloat(arrays[3]) : 0,
-        };
-        return bezier;
-    }
-
-    static ConvertSteps(str) {
-        let startIdx = str.indexOf('(');
-        if(startIdx >= 0) {
-            str = str.substring(startIdx + 1);
-        }
-        let arrays = StyleValue.SplitString(str, ',');
-        return {
-            steps: arrays.length > 0 ? parseInt(arrays[0]) : 1,
-            type: arrays.length > 1 ? (arrays[1].includes("start") ? 0 : 1) : 0,
-        }
-    }
-
-    static ConvertOverflow(str, overflow_define) {
-        if (!!str) {
-            if(!str.includes('visible')) {
-                return overflow_define.HIDDEN;
-            }
-        }
-
-        return overflow_define.VISIBLE; // default value
-    }
-
-    static ConvertObjectFit(str, object_fit_define) {
-        if(typeof(str) == "symbol") {
-            return str;
-        }
-
-        if(!str) {
-            str = "";
-        }
-
-        if(str.includes('fill')) {
-            return object_fit_define.FILL;
-        } else if(str.includes('contain')) {
-            return object_fit_define.CONTAIN;
-        } else if(str.includes('cover')) {
-            return object_fit_define.COVER;
-        } else if(str.includes('none')) {
-            return object_fit_define.NONE;
-        } else if(str.includes('scale-down')) {
-            return object_fit_define.SCALEDOWN;
-        }
-
-        return object_fit_define.CONTAIN; // default value
-    }
-
-    static ConvertGradient(str) {
-        if(!str) {
-            str = "";
-        }
-        str = str.trim();
-
-        if (!str.startsWith('linear-gradient')
-        && !str.startsWith('radial-gradient')) {
-            return str;
-        }
-
-        let gradient = {
-            rawValue: str,
-        }
-        let values = str.replace(/.*?\((.*)\)/, '$1');
-        let arrays = StyleValue.SplitStringOutsideParentheses(values, ',');
-        if (str.startsWith('linear-gradient')) {
-            if (arrays[0]?.startsWith('to ')
-            || arrays[0]?.endsWith('deg')) {
-                arrays = arrays.slice(1);
-                throw new Error("linear-gradient direction or angle is not supported.")
-            }
-            if (arrays.length < 2) {
-                console.error("linear-gradient colors is invalid.")
-            } else {
-                gradient.type = 'linear-gradient';
-                gradient.colors = arrays;
-            }
-        } else if (str.startsWith('radial-gradient')) {
-            throw new Error("radial-gradient is not supported.")
-        }
-
-        return gradient;
-    }
-
-    static SplitString(from, sep) {
-        if (!from) {
-            from = "";
-        }
-        let arrays = from.trim().split(sep);
-        if (sep !== ' ') {
-            return arrays;
-        }
-
-        //去除多个空格的条件下的影响
-        let ret = [];
-        for (let item of arrays) {
-            if (!item) {
-                continue;
-            }
-
-            ret.push(item);
-        }
-
-        return ret;
-    }
-
-    static SplitStringOutsideParentheses(from, sep) {
-        let arrays = [];
-
-        let splitStr = from.split(sep);
-        for (let idx = 0; idx < splitStr.length; idx++) {
-            if (splitStr[idx].indexOf('(') >= 0) { // 如果包含"(", 则将直到")"为止的内容当作一个部分
-                let endIdx = idx;
-                while (endIdx < splitStr.length && splitStr[endIdx].indexOf(')') < 0) { // 没有包含")"
-                    endIdx++;
-                }
-                let concatStr = "";
-                for (let subIdx = idx; subIdx <= endIdx; subIdx++) {
-                    if (subIdx != idx) {
-                        concatStr += sep;
-                    }
-                    concatStr += splitStr[subIdx];
-                }
-                idx = endIdx;
-                arrays = arrays.concat(concatStr.trim());
-            } else {
-                arrays = arrays.concat(splitStr[idx].trim());
-            }
-        }
-
-        return arrays;
-    }
-}
-export default StyleValue;

package/dom/jsview-dom/src/dom-wrapper/style/TextStylePackMap.js

@@ -1,43 +0,0 @@
-class TextStylePackMap {
-    constructor() {
-        this._PersistMap = new Map();
-        this._PersistMax = 300;
-        this._PersistIdx = 0;
-        this._PersistTrackList = new Array(this._PersistMax);
-        this._TempMap = new Map();
-        this._TempMax = 50;
-        this._TempIdx = 0;
-        this._TempTrackList = new Array(this._TempMax);
-    }
-
-    getPersistPack(key) {
-        return this._PersistMap.get(key);
-    }
-
-    putPersistPack(key, pack) {
-        TextStylePackMap._putPack(this._PersistMap, this._PersistTrackList, this._PersistIdx, key, pack);
-        this._PersistIdx = (this._PersistIdx + 1) % this._PersistMax;
-    }
-
-    getTempPack(key) {
-        return this._TempMap.get(key);
-    }
-
-    putTempPack(key, pack) {
-        TextStylePackMap._putPack(this._TempMap, this._TempTrackList, this._TempIdx, key, pack);
-        this._TempIdx = (this._TempIdx + 1) % this._TempMax;
-    }
-
-    static _putPack(map, list, write_idx, key, pack) {
-        let expired_key = list[write_idx];
-        if (expired_key) {
-            // 轮换内容
-            map.delete(expired_key);
-            list[write_idx] = key;
-        }
-        map.set(key, pack);
-    }
-}
-
-let sTextStylePackMap = new TextStylePackMap();
-export default sTextStylePackMap

package/dom/jsview-dom/src/dom-wrapper/style/URL.js

@@ -1,144 +0,0 @@
-class URL {
-    constructor(value, parseTotal) {
-        this.href = '';
-        this.origin = '';
-        this.protocol = '';
-        this.host = '';
-        this.hostname = '';
-        this.port = '';
-        this.pathname = '';
-        this.search = '';
-        this.hash = '';
-        if (!value) {
-            return;
-        }
-        if (value.startsWith('url') === true) {
-            let startIdx = value.indexOf('(') + 1;
-            let endIdx = value.lastIndexOf(')');
-            value = value.substring(startIdx, endIdx).trim();
-            if (value === "undefined" || value === "null" || value.length === 0) {
-                // 空内容，不进行其他自动解析和填充
-                return;
-            }
-        }
-
-        if (value.startsWith('data:') === true) {
-            this.href = value;
-            return;
-        }
-
-        let schema_idx = value.indexOf("://");
-        if ((schema_idx < 0 || schema_idx > 10)
-            && (!value.startsWith('./') && !value.startsWith('/'))) {
-            /* 无schema时认为是相对路径 */
-            value = "./" + value;
-        }
-        if (value.startsWith('/') === true) {
-            value = document.location.origin + value;
-        } else if (value.startsWith('./') === true || value.startsWith('../') === true) {
-            if (typeof window.JsView !== "undefined"
-                && typeof window.JsView.Dom.JsSubPath !== "undefined") {
-                if (typeof window.JsView.Dom.__MainPath === "undefined"
-                    || (window.JsView.Dom.__MainPathRef === "undefined"
-                        || window.JsView.Dom.__MainPathRef !== document.location.href)) {
-                    // Update MainPath from JsSubPath & location.href
-                    if (!window.JsView.Dom.JsSubPath.startsWith('/'))
-                        window.JsView.Dom.JsSubPath = "/" + window.JsView.Dom.JsSubPath;
-                    if (!window.JsView.Dom.JsSubPath.endsWith('/'))
-                        window.JsView.Dom.JsSubPath = window.JsView.Dom.JsSubPath + "/";
-                    window.JsView.Dom.__MainPathRef = document.location.href;
-                    let subPathIdx = document.location.pathname.lastIndexOf(window.JsView.Dom.JsSubPath);
-                    window.JsView.Dom.__MainPath = document.location.origin + document.location.pathname.substring(0, subPathIdx) + '/';
-                }
-                let main_path = window.JsView.Dom.__MainPath;
-
-                if (value.startsWith('./')) {
-                    // "./"格式
-                    // 为了避免部分服务器不支持 ./ 的相对寻址，尽量去掉./的修饰
-                    // 因为 window.JsView.Dom.__MainPath 一定以 '/' 结尾，所以'./' 整体全部去掉
-                    value = main_path + value.substring(2);
-                } else {
-                    // "../"格式
-                    // URL支持 https://xxxx/../../ 的相对寻路径格式(服务端支持)，所以不用刻意去去掉../的处理
-                    value = main_path + value;
-                }
-            }
-        }
-
-        this.href = value;
-        if (!parseTotal) {
-            return;
-        }
-
-        let url_parsed_left = this.href;
-
-        // Parse .hash
-        let hash_idx = url_parsed_left.indexOf('#');
-        if (hash_idx > 0) {
-            // Build hash
-            this.hash = url_parsed_left.substring(hash_idx);
-
-            // Remove hash from url parsed string
-            url_parsed_left = url_parsed_left.substring(0, hash_idx);
-        }
-
-        // Parse .search
-        let search_idx = url_parsed_left.indexOf('?');
-        if (search_idx > 1) {
-            this.search = url_parsed_left.substring(search_idx);
-            // Remove search from parsed string
-            url_parsed_left = url_parsed_left.substring(0, search_idx);
-        }
-
-        let protocolHostPath = url_parsed_left;
-
-        // Parse .protocol
-        let idx = protocolHostPath.indexOf('://');
-        this.protocol = (idx > 0 ? protocolHostPath.substring(0, idx + 1) : "");
-        let hostPath = (idx > 1 ? protocolHostPath.substring(idx + 3) : "");
-
-        // Parse .host .pathname .origin
-        idx = hostPath.indexOf('/');
-        this.host = (idx > 0 ? hostPath.substring(0, idx) : "");
-        this.pathname = (idx > 1 ? hostPath.substring(idx) : "");
-        this.origin = (idx > 0 ? this.protocol + "//" + this.host : "");
-        // if(!this.origin) {
-        //     throw Error("Failed to parse total url.");
-        // }
-
-        // Parse .hostname .port
-        if (this.host.startsWith('[')) {
-            // ipv6 
-
-            // ip part
-            let idx = this.host.indexOf(']');
-            this.hostname = this.host.substring(0, idx + 1);
-
-            // port part
-            let port_part = this.host.substring(idx + 1);
-            idx = port_part.indexOf(":");
-            this.port = (idx > 1 ? this.host.substring(idx + 1) : "");
-        } else {
-            // ipv4 or domain
-            let idx = this.host.indexOf(':');
-            this.hostname = (idx > 0 ? this.host.substring(0, idx) : this.host);
-            this.port = (idx > 1 ? this.host.substring(idx + 1) : "");
-        }
-
-        // console.log("create total parse URL, this=", this);
-    }
-
-    replace(newUrl) {
-        this.href = newUrl;
-    }
-}
-
-// 向JsView 的 XML http Request 注册 URL转换处理
-if (window.JsView) {
-    window.JsView.registerUriConverter?.((origin_url) => {
-        let converter = new URL(origin_url, false);
-        return converter.href;
-    });
-}
-
-export default URL;

package/dom/jsview-dom/src/dom-wrapper/utils/EventHandler.js

@@ -1,42 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2020-06-29 18:27:41
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2020-06-30 10:45:07
- * @Description: file content
- */ 
-
-/* eslint-disable no-unused-vars */
-let REACT_TOKEN =null;
-
-class EventHandler{
-    static getHandlers(ele) {
-        const handlers = EventHandler.reactEventHandlers(ele);
-        if(handlers) { // react hooked event
-            return handlers;
-        } else if(ele._vei) { // Vue3 hooked event
-            return ele._vei;
-        }
-
-        return {};
-    }
-
-
-    static reactEventHandlers(ele) {
-        if (REACT_TOKEN == null) {
-            EventHandler._getReactToken(ele);
-        }
-        return ele["__reactEventHandlers$" + REACT_TOKEN]
-    }
-
-    static _getReactToken(ele) {
-        for (let key in ele) {
-            if (key.indexOf("__reactEventHandlers") >= 0 || key.indexOf("__reactInternalInstance") >= 0) {
-                let index = key.indexOf("$");
-                REACT_TOKEN = key.substring(index + 1);
-                break;
-            }
-        }
-    }
-}
-export default EventHandler;

package/dom/jsview-dom/src/dom-wrapper/utils/FDivRoot.js

@@ -1,86 +0,0 @@
-/* eslint-disable no-extra-boolean-cast */
-/* eslint-disable no-prototype-builtins */
-
-import { TriggerFocus } from "../utils/focusableNode"
-
-let sWindowRootMap = {};
-
-function findFDivRootByName(app_root_div_name) {
-    return sWindowRootMap[app_root_div_name];
-}
-
-class FDivRoot {
-    constructor(app_root_div_name, dispatch_key_proxy, root_element) {
-        this._Element = root_element;        
-
-        // 加入到window root map中
-        if (sWindowRootMap.hasOwnProperty(app_root_div_name)) {
-            console.error(`Warn: FDivRoot duplicate name=${app_root_div_name}`);
-        }
-        sWindowRootMap[app_root_div_name] = this;
-
-        // 进行初始化
-        this._DoInit(dispatch_key_proxy);
-    }
-
-    _DoInit(dispatch_key_proxy) {
-        let root_focus_node = this._Element.FocusNodeRef;
-
-        // 创建RouterHub
-        this._Element.setAttribute("new-namespace", "__AppRoot__");
-
-        // 初始化DispatchKeyProxy
-        if (dispatch_key_proxy) {
-            root_focus_node.setDispatchKeyProxy(
-                dispatch_key_proxy.keyDown,
-                dispatch_key_proxy.keyUp);
-        }
-
-        // 接管全部由引擎过来的所有按键信息
-        if(!!window.JsView) {
-            // JsView环境: 和Activity关联以对接按键事件
-            let forge_ext = window.JsView.ForgeExt;
-            root_focus_node.attachToActivity(forge_ext.RootActivity, forge_ext.RootView);
-        } else {
-            // HTML环境: hook window的keydown和keyup
-            window.addEventListener('keydown', (ev) => {
-                var tag_name=document.activeElement.tagName; // 当前获取焦点的对象的tagName
-                if (!tag_name || tag_name.toLowerCase() !== "input") {
-                    root_focus_node.dispatchKeyDown(ev);
-                    if (ev.preventDefault) {
-                        ev.preventDefault();
-                    }
-                }
-            });
-
-            window.addEventListener('keyup', (ev) => {
-                var tag_name=document.activeElement.tagName; // 当前获取焦点的对象的tagName
-                if (!tag_name || tag_name.toLowerCase() !== "input") {
-                    root_focus_node.dispatchKeyUp(ev);
-                    if (ev.preventDefault) {
-                        ev.preventDefault();
-                    }
-                }
-            });
-        }
-    }
-
-    getElement() {
-        return this._Element;
-    }
-
-    getHub() {
-        return this._Element.jsvGetHub();
-    }
-
-    onMounted() {
-        // 进行Mounted操作，触发focus处理
-        this._Element.FocusNodeRef.updateMountState();
-        TriggerFocus();
-    }
-}
-
-export {
-    FDivRoot,
-    findFDivRootByName
-}