@shijiu/jsview 1.9.730 → 1.9.747

package/dom/jsview-dom/src/dom-browser-hook/StyleFormatCheck.js

@@ -1,559 +0,0 @@
-/**
- * Created by luocf on 2020/3/4.
- */
-
-/* eslint-disable no-unused-vars */
-class StyleFormat {
-    static _isUndefined(name, value) {
-        let is_undefined = typeof value == "undefined";
-        if (is_undefined) {
-            console.error(name+" property is undefined!");
-        }
-        return is_undefined;
-    }
-    static _isUndefinedOrNumber(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return true;
-        }
-
-        return typeof value == "number";
-    }
-    static _keyframesCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value.indexOf("transform") < 0  && value.indexOf("opacity") < 0) {
-            console.error("keyframes property is only support transform and opacity, value:", value);
-        }
-    }
-
-    static _objectFit(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        const test_list = 'fill contain cover none scale-down';
-        if (test_list.indexOf(value) < 0) {
-            console.error(" objectFit is only support one of string[" + test_list + "]");
-        }
-    }
-
-    static _clipPathCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (!value.startsWith("inset")) {
-            console.error("clipPath property is support inset only.");
-        }
-    }
-    static _transitionOtherCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        console.error(name+" property is not support, you can use transition property, e.g. transition='width 2s'");
-    }
-
-    static _transitionCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-    }
-
-    static _transformCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value.length > 0
-            && value.indexOf("translate3d") < 0
-            && value.indexOf("scale3d") < 0
-            && value.indexOf("rotate3d") < 0
-            && value.indexOf("skew") < 0) {
-            console.error("transform property's value only support translate3d、scale3d、rotate3d、skew, value:", value);
-        }
-    }
-
-    static _transformOriginCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-
-        if (value.length > 0
-            && value.indexOf("%") < 0
-            && value.indexOf("left") < 0
-            && value.indexOf("center") < 0
-            && value.indexOf("top") < 0
-            && value.indexOf("right")  < 0
-            && value.indexOf("bottom") < 0) {
-            console.error("transformOrigin property's value only support XX%、left、top、right, bottom:", value);
-        }
-    }
-
-    static _textOverflowCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        switch (value) {
-            case "clip":
-            case "ellipsis":
-                break;
-            default:
-                console.error("textOverflow property's value is not support, value:", value);
-                break;
-        }
-    }
-
-    static _whiteSpaceCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        switch (value) {
-            case "normal":
-            case "nowrap":
-            case "pre-wrap":
-                break;
-            default:
-                console.error("whiteSpace property's value is not support, value:", value);
-                break;
-        }
-    }
-
-    static _textAlignCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        switch (value) {
-            case "left":
-            case "right":
-            case "center":
-            case "start":
-            case "end":
-                break;
-            default:
-                console.error("textAlign property's value is not support, value:", value);
-                break;
-        }
-    }
-
-    static _lineHeightCheck(name,value) {
-        if (StyleFormat._isUndefinedOrNumber(name, value)) {
-            return;
-        }
-        switch (value) {
-            case "normal":
-            case "inherit":
-                console.error("lineHeight property's value is support number only, value:", value);
-                break;
-            default:
-                if (value.indexOf("%") >= 0) {
-                    console.error("lineHeight property's value is support number only, value:", value);
-                }
-                break;
-        }
-    }
-    
-    static _colorCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        StyleFormat._checkColorFormat("Color()", value);
-    }
-
-    static _visibilityCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value !== "visible" && value !== "hidden" && value !== "inherit") {
-            console.error("visibility property's value is not support, value:", value);
-        }
-    }
-
-    static _displayCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-
-        if (value !== "block" && value !== "inline" && value !== "none"
-            && value !== "inline-block" && value !== "inherit" && value !== "") {
-            console.error("display property's value is not support, value:", value);
-        }
-    }
-
-
-    static _overflowCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value !== "visible" && value !== "hidden") {
-            console.error("overflow property's value is support visible or hidden only, value:", value);
-        }
-    }
-    static _topCheck(name, value) {
-        if (StyleFormat._isUndefinedOrNumber(name, value)) {
-            return;
-        }
-        switch(value) {
-            case "auto":
-            case "inherit":
-                console.error("top property's value is support number only, value:", value);
-                break;
-            default:
-                if (value.indexOf("%") >= 0) {
-                    console.error("top property's value is support number only, value:", value);
-                }
-                break;
-        }
-
-    }
-    static _leftCheck(name, value) {
-        if (StyleFormat._isUndefinedOrNumber(name, value)) {
-            return;
-        }
-        switch(value) {
-            case "auto":
-            case "inherit":
-                console.error("left property's value is support number only, value:", value);
-                break;
-            default:
-                if (value.indexOf("%") >= 0) {
-                    console.error("left property's value is support number only, value:", value);
-                }
-                break;
-        }
-    }
-    static _heightCheck(name, value) {
-        if (StyleFormat._isUndefinedOrNumber(name, value)) {
-            return;
-        }
-        switch(value) {
-            case "auto":
-            case "inherit":
-                console.error("height property's value is support number only, value:", value);
-                break;
-            default:
-                if (value.indexOf("%") >=0) {
-                    console.error("height property's value is support number only, value:", value);
-                }
-                break;
-        }
-
-    }
-    static _widthCheck(name, value) {
-        if (StyleFormat._isUndefinedOrNumber(name, value)) {
-            return;
-        }
-        switch(value) {
-            case "auto":
-            case "inherit":
-                console.error("width property's value is support number only, value:", value);
-                break;
-            default:
-                if (value.indexOf("%") >= 0) {
-                    console.error("width property's value is support number only, value:", value);
-                }
-                break;
-        }
-    }
-
-    static _backfaceVisibility(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        switch(value) {
-            case "visible":
-            case "hidden":
-                break;
-            default:
-                console.error("backfaceVisibility property's value is support visible/hidden only, value: ", value);
-        }
-    }
-
-    static _perspectiveCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-    }
-
-    static _WebkitTextStroke(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        const split_value = value.split(" ");
-        if (split_value.length < 2) {
-            console.error("Error: WebkitTextStroke should format of(width color) such as: '1px rgba(255,255,255,1.0)'")
-        }
-    }
-
-    static _zIndexCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (isNaN(value)) {
-            console.error("zIndex property's value is support number only, value: ", value);
-        }
-    }
-
-    static _fontSizeCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-
-        if (typeof value == "number") {
-            return;
-        }
-
-        switch(value) {
-            case "smaller":
-            case "larger":
-            case "inherit":
-            case "x-small":
-            case "xx-small":
-            case "small":
-            case "large":
-            case "medium":
-            case "x-large":
-            case "xx-large":
-                console.error("fontSize property's value is support number only, value:", value);
-                break;
-            default:
-                if (value.indexOf("%") >= 0) {
-                    console.error("fontSize property's value is support number only, value:", value);
-                }
-                break;
-        }
-
-    }
-
-    static _fontWeightCheck(name ,value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value !== "bold") {
-            console.error("fontWeight property's value is support bold only, value:", value);
-        }
-    }
-
-    static _fontStyleCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value !== "italic") {
-            console.error("fontWeight property's value is support italic only, value:", value);
-        }
-    }
-
-    static _borderRadiusCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        let radius = value.split(" ");
-        if (radius.length > 4) {
-           console.error("borderRadius property's value is not support, value:", value);
-        }
-    }
-
-    static _borderImageWidthCheck(name, value) {
-        if (StyleFormat._isUndefinedOrNumber(name, value)) {
-            return;
-        }
-    }
-    static _borderImageOutsetCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        let outset = value.split(" ");
-        if (outset.length > 4) {
-            console.error("borderImageOutsetCheck property's value is not support, value:", value);
-        }
-    }
-
-    static _borderImageCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value.indexOf("fill") < 0) {
-            console.error("borderImage property's value is not contain fill, e.g. source slice, but value:", value);
-        }
-    }
-
-    static _backgroundOtherCheck(name,value) {
-        console.error(name+" property not support, you can use backgroundImage property, e.g. backgroundImage=`url(${iconImgPath})`");
-    }
-
-    static _backgroundImageCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-       if (value == "inherit") {
-           console.error("backgroundImage property's value is not support, value:", value);
-       }
-    }
-
-    static _backgroundColorCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-
-        return StyleFormat._checkColorFormat("backgroundColor", value);
-    }
-
-    static _animationCheck(name, value) {
-
-    }
-
-    static _animationOtherNotSupport(name, value) {
-        console.error(name+" property is not support, you can use animation property, e.g. animation='mymove 5s infinite'");
-    }
-
-    static _transformStyleCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        switch(value) {
-            case "flat":
-            case "preserve-3d":
-                break;
-            default:
-                console.error("transformStyle property value is not valid", value)
-        }
-    }
-
-    static _perspectiveOriginCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-        if (value.length > 0
-            && value.indexOf("%") < 0
-            && value.indexOf("left") < 0
-            && value.indexOf("center") < 0
-            && value.indexOf("top") < 0
-            && value.indexOf("right")  < 0
-            && value.indexOf("bottom") < 0) {
-            console.error("perspectiveOrigin property's value only support XX%、left、top、right, bottom:", value);
-        }
-    }
-
-    static _textShadowCheck(name, value) {
-        if (StyleFormat._isUndefined(name, value)) {
-            return;
-        }
-
-        if (value.length > 0) {
-            let shadow_set_parts = value.replace(/\(.*\)/g, "").split(","); // 去除所有内容括号后检查
-            if (shadow_set_parts.length > 1) {
-                console.error("textShadow: NOT support more than one part settings");
-                return;
-            }
-
-            const shadow_set = value.split(" ");
-            if (
-              (shadow_set.length === 4 || (shadow_set.length === 5 && shadow_set[4].length === 0)) // 设定分段个数校验
-              && !(isNaN(parseInt(shadow_set[0]))) // offset x设定值校验
-              && !(isNaN(parseInt(shadow_set[1]))) // offset y设定值校验
-            ) {
-                // blur设定值校验, Native对于blur为0的配置不进行描画
-                if (!(parseFloat(shadow_set[2]) > 0)) {
-                    console.error(`textShadow: blur shadow above 0(now=${value})`);
-                    return;
-                }
-
-                // 对颜色格式进行校验
-                if (!StyleFormat._checkColorFormat("textShadow", shadow_set[3])) {
-                    return;
-                }
-            } else {
-                console.error(`textShadow: format should be "offsetX offsetY blurSize color"(0 0 1 rgba(100,100,100,1)), !NOT space in rgba()`);
-            }
-        }
-    }
-
-    static _checkColorFormat(method_name, color_value) {
-        if (color_value.indexOf("rgba(") === 0 || color_value.indexOf("rgb(") === 0) {
-            // format is good
-        } else if (color_value.indexOf("#") === 0) {
-            if (color_value.length !== 7) {
-                console.error(`${method_name} color value's length is not valid, value:${color_value}`);
-                return false;
-            }
-        } else {
-            console.error(`${method_name} color value is not valid, need startwith rgba or #, value:[${color_value}]`);
-            return false;
-        }
-
-        return true;
-    }
-
-    static _directionCheck(method_name, value) {
-        if (value !== "rtl" || value !== "ltr") {
-            console.error(`${method_name} direction value is not valid, need rtl or ltr, value:[${value}]`);
-            return false;
-        }
-
-        return true;
-    }
-
-    static _JsvVideoRotationCheck(method_name, value) {
-        if (isNaN(parseInt(value))) {
-            console.error(`${method_name} value is not valid, value:${value}`);
-            return false;
-        }
-        return true;
-    }
-
-    static get(name) {
-       return StyleFormat.ValidStyleMap[name];
-    }
-}
-
-StyleFormat.ValidStyleMap = {
-    "animation": {check: StyleFormat._animationCheck},
-    "animationName": {check: StyleFormat._animationOtherNotSupport},
-    "animationDuration": {check: StyleFormat._animationOtherNotSupport},
-    "animationTimingFunction": {check: StyleFormat._animationOtherNotSupport},
-    "animationDelay": {check: StyleFormat._animationOtherNotSupport},
-    "animationIterationCount": {check: StyleFormat._animationOtherNotSupport},
-    "animationDirection": {check: StyleFormat._animationOtherNotSupport},
-    "animationPlayState": {check: StyleFormat._animationOtherNotSupport},
-    "animationFillMode": {check: StyleFormat._animationOtherNotSupport},
-    "background": {check: StyleFormat._backgroundOtherCheck},
-    "backgroundColor": {check: StyleFormat._backgroundColorCheck},
-    "backgroundImage": {check: StyleFormat._backgroundImageCheck},
-    "borderImage": {check: StyleFormat._borderImageCheck},
-    "borderImageOutset": {check: StyleFormat._borderImageOutsetCheck},
-    "borderImageWidth": {check: StyleFormat._borderImageWidthCheck},
-    "borderRadius": {check: StyleFormat._borderRadiusCheck},
-    "height":{check: StyleFormat._heightCheck},
-    "width": {check: StyleFormat._widthCheck},
-    "zIndex": {check: StyleFormat._zIndexCheck},
-    "fontFamily": {check: null},
-    "fontSize": {check: StyleFormat._fontSizeCheck},
-    "fontStyle": {check: StyleFormat._fontStyleCheck},
-    "fontWeight":  {check: StyleFormat._fontWeightCheck},
-    "left": {check: StyleFormat._leftCheck},
-    "overflow": {check: StyleFormat._overflowCheck},
-    "top": {check: StyleFormat._topCheck},
-    "visibility":{check: StyleFormat._visibilityCheck},
-    "display":{check: StyleFormat._displayCheck},
-    "color":{check: StyleFormat._colorCheck},
-    "lineHeight":{check: StyleFormat._lineHeightCheck},
-    "textAlign":{check: StyleFormat._textAlignCheck},
-    "whiteSpace":{check: StyleFormat._whiteSpaceCheck},
-    "textOverflow":{check: StyleFormat._textOverflowCheck},
-    "transform":{check: StyleFormat._transformCheck},
-    "transformOrigin":{check: StyleFormat._transformOriginCheck},
-    "transition":{check: StyleFormat._transitionCheck},
-    "transitionProperty":{check: StyleFormat._transitionOtherCheck},
-    "transitionDuration":{check: StyleFormat._transitionOtherCheck},
-    "transitionTimingFunction":{check: StyleFormat._transitionOtherCheck},
-    "transitionDelay":{check: StyleFormat._transitionOtherCheck},
-    "clipPath":{check: StyleFormat._clipPathCheck},
-    "keyframes": {check:StyleFormat._keyframesCheck},
-    "objectFit": {check:StyleFormat._objectFit},
-    "perspective": {check: StyleFormat._perspectiveCheck},
-    "backfaceVisibility": {check: StyleFormat._backfaceVisibility},
-    "transformStyle": {check: StyleFormat._transformStyleCheck},
-    "perspectiveOrigin": {check: StyleFormat._perspectiveCheck},
-    "WebkitTextStroke": {check: StyleFormat._WebkitTextStroke},
-    "textShadow": {check: StyleFormat._textShadowCheck},
-    "JsvVideoRotation": {check: StyleFormat._JsvVideoRotationCheck},
-    "direction": {check: StyleFormat._directoinCheck}
-};
-export default StyleFormat;

package/dom/jsview-dom/src/dom-browser-hook/index.js

@@ -1,6 +0,0 @@
-import { backupOriginDocument } from "./OriginDocument"
-import { hookOriginDocument } from "./HookDocument"
-
-console.log("Using JsView HTML Hook");
-backupOriginDocument();
-hookOriginDocument();