toPix 和 pixFormat

2 years ago · b7e9838417
65 changed files with 167 additions and 166 deletions
--- a/examples/useContext.html
+++ b/examples/useContext.html
@ -56,6 +56,8 @@
        return "calc(var(--css-scale) * " + pix + "px)";
    };

+    BI.toPix = BI.pixFormat;
+
    var Child = BI.inherit(BI.Widget, {
        render: function () {
            var label;
--- a/src/base/layer/layer.popup.js
+++ b/src/base/layer/layer.popup.js
@ -60,8 +60,8 @@ BI.PopupView = BI.inherit(BI.Widget, {
        }
        this.element.css({
            "z-index": BI.zIndex_popup,
-            "min-width": BI.toPix(o.minWidth),
-            "max-width": BI.toPix(o.maxWidth),
+            "min-width": BI.pixFormat(o.minWidth),
+            "max-width": BI.pixFormat(o.maxWidth),
        }).bind({ click: fn });

        this.element.bind("mousewheel", fn);
@ -135,11 +135,11 @@ BI.PopupView = BI.inherit(BI.Widget, {
        var o = this.options;
        this.button_group = BI.createWidget(o.el, { type: "bi.button_group", value: o.value });
        this.button_group.element.css({
-            "min-height": BI.toPix(o.minHeight),
-            "padding-top": BI.toPix(o.innerVgap),
-            "padding-bottom": BI.toPix(o.innerVgap),
-            "padding-left": BI.toPix(o.innerHgap),
-            "padding-right": BI.toPix(o.innerHgap),
+            "min-height": BI.pixFormat(o.minHeight),
+            "padding-top": BI.pixFormat(o.innerVgap),
+            "padding-bottom": BI.pixFormat(o.innerVgap),
+            "padding-left": BI.pixFormat(o.innerHgap),
+            "padding-right": BI.pixFormat(o.innerHgap),
        });

        return this.button_group;
@ -411,7 +411,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
            toolHeight = ((this.tool && this.tool.attr("height")) || 24) * ((this.tool && this.tool.isVisible()) ? 1 : 0);
        var resetHeight = h - tbHeight - tabHeight - toolHeight - 2 * this.options.innerVgap;
        this.view.resetHeight ? this.view.resetHeight(resetHeight) :
-            this.view.element.css({ "max-height": BI.toPix(resetHeight) });
+            this.view.element.css({ "max-height": BI.pixFormat(resetHeight) });
    },

    setValue: function (selectedValues) {
--- a/src/base/single/1.text.js
+++ b/src/base/single/1.text.js
@ -26,32 +26,32 @@
            var self = this, o = this.options;
            if (o.hgap + o.lgap > 0) {
                this.element.css({
-                    "padding-left": BI.toPix(o.hgap + o.lgap),
+                    "padding-left": BI.pixFormat(o.hgap + o.lgap),
                });
            }
            if (o.hgap + o.rgap > 0) {
                this.element.css({
-                    "padding-right": BI.toPix(o.hgap + o.rgap),
+                    "padding-right": BI.pixFormat(o.hgap + o.rgap),
                });
            }
            if (o.vgap + o.tgap > 0) {
                this.element.css({
-                    "padding-top": BI.toPix(o.vgap + o.tgap),
+                    "padding-top": BI.pixFormat(o.vgap + o.tgap),
                });
            }
            if (o.vgap + o.bgap > 0) {
                this.element.css({
-                    "padding-bottom": BI.toPix(o.vgap + o.bgap),
+                    "padding-bottom": BI.pixFormat(o.vgap + o.bgap),
                });
            }
            if (BI.isWidthOrHeight(o.height)) {
-                this.element.css({ lineHeight: BI.toPix(o.height) });
+                this.element.css({ lineHeight: BI.pixFormat(o.height) });
            }
            if (BI.isWidthOrHeight(o.lineHeight)) {
-                this.element.css({ lineHeight: BI.toPix(o.lineHeight) });
+                this.element.css({ lineHeight: BI.pixFormat(o.lineHeight) });
            }
            if (BI.isWidthOrHeight(o.maxWidth)) {
-                this.element.css({ maxWidth: BI.toPix(o.maxWidth) });
+                this.element.css({ maxWidth: BI.pixFormat(o.maxWidth) });
            }
            this.element.css({
                textAlign: o.textAlign,
--- a/src/base/single/button/buttons/button.icon.js
+++ b/src/base/single/button/buttons/button.icon.js
@ -31,7 +31,7 @@ BI.IconButton = BI.inherit(BI.BasicButton, {
            height: o.iconHeight,
        });
        if (BI.isNumber(o.height) && o.height > 0 && BI.isNull(o.iconWidth) && BI.isNull(o.iconHeight)) {
-            this.element.css("lineHeight", BI.toPix(o.height));
+            this.element.css("lineHeight", BI.pixFormat(o.height));
            BI.createWidget({
                type: "bi.default",
                element: this,
--- a/src/base/single/button/buttons/button.js
+++ b/src/base/single/button/buttons/button.js
@ -163,7 +163,7 @@
            });

            if (o.minWidth > 0) {
-                this.element.css({ "min-width": BI.toPix(o.minWidth) });
+                this.element.css({ "min-width": BI.pixFormat(o.minWidth) });
            }
        },

--- a/src/base/single/html/html.js
+++ b/src/base/single/html/html.js
@ -25,35 +25,35 @@ BI.Html = BI.inherit(BI.Single, {
        var self = this, o = this.options;
        if (o.hgap + o.lgap > 0) {
            this.element.css({
-                "padding-left": BI.toPix(o.hgap + o.lgap),
+                "padding-left": BI.pixFormat(o.hgap + o.lgap),
            });
        }
        if (o.hgap + o.rgap > 0) {
            this.element.css({
-                "padding-right": BI.toPix(o.hgap + o.rgap),
+                "padding-right": BI.pixFormat(o.hgap + o.rgap),
            });
        }
        if (o.vgap + o.tgap > 0) {
            this.element.css({
-                "padding-top": BI.toPix(o.vgap + o.tgap),
+                "padding-top": BI.pixFormat(o.vgap + o.tgap),
            });
        }
        if (o.vgap + o.bgap > 0) {
            this.element.css({
-                "padding-bottom": BI.toPix(o.vgap + o.bgap),
+                "padding-bottom": BI.pixFormat(o.vgap + o.bgap),
            });
        }
        if (BI.isNumber(o.height)) {
-            this.element.css({ lineHeight: BI.toPix(o.height) });
+            this.element.css({ lineHeight: BI.pixFormat(o.height) });
        }
        if (BI.isNumber(o.lineHeight)) {
-            this.element.css({ lineHeight: BI.toPix(o.lineHeight) });
+            this.element.css({ lineHeight: BI.pixFormat(o.lineHeight) });
        }
        if (BI.isWidthOrHeight(o.maxWidth)) {
            this.element.css({ maxWidth: o.maxWidth });
        }
        if (BI.isNumber(o.maxWidth)) {
-            this.element.css({ maxWidth: BI.toPix(o.maxWidth) })
+            this.element.css({ maxWidth: BI.pixFormat(o.maxWidth) })
        }
        this.element.css({
            textAlign: o.textAlign,
--- a/src/base/single/label/abstract.label.js
+++ b/src/base/single/label/abstract.label.js
@ -109,7 +109,7 @@
                }
                if (BI.isNumber(o.height) && o.height > 0) { // 1.4
                    this.element.css({
-                        "line-height": BI.toPix(o.height),
+                        "line-height": BI.pixFormat(o.height),
                    });
                    json.textAlign = o.textAlign;
                    delete json.maxWidth;
@ -183,7 +183,7 @@
            }
            if (BI.isNumber(o.height) && o.height > 0) { // 1.8
                this.element.css({
-                    "line-height": BI.toPix(o.height),
+                    "line-height": BI.pixFormat(o.height),
                });
                json.textAlign = o.textAlign;
                delete json.maxWidth;
@ -263,7 +263,7 @@
                if (BI.isNumber(o.height) && o.height > 0) { // 2.3
                    if (o.whiteSpace !== "normal") {
                        this.element.css({
-                            "line-height": BI.toPix(o.height - (o.vgap * 2)),
+                            "line-height": BI.pixFormat(o.height - (o.vgap * 2)),
                        });
                    }
                    delete json.maxWidth;
@ -325,7 +325,7 @@
            if (BI.isNumber(o.height) && o.height > 0) {
                if (o.whiteSpace !== "normal") {
                    this.element.css({
-                        "line-height": BI.toPix(o.height - (o.vgap * 2)),
+                        "line-height": BI.pixFormat(o.height - (o.vgap * 2)),
                    });
                }
                delete json.maxWidth;
--- a/src/base/single/label/icon.label.js
+++ b/src/base/single/label/icon.label.js
@ -29,7 +29,7 @@ BI.IconLabel = BI.inherit(BI.Single, {
            height: o.iconHeight,
        });
        if (BI.isNumber(o.height) && o.height > 0 && BI.isNull(o.iconWidth) && BI.isNull(o.iconHeight)) {
-            this.element.css("lineHeight", BI.toPix(o.lineHeight || o.height));
+            this.element.css("lineHeight", BI.pixFormat(o.lineHeight || o.height));
            BI.createWidget({
                type: "bi.default",
                element: this,
--- a/src/base/single/tip/tip.toast.js
+++ b/src/base/single/tip/tip.toast.js
@ -30,9 +30,8 @@ BI.Toast = BI.inherit(BI.Tip, {
    render: function () {
        var self = this, o = this.options, c = this._const;
        this.element.css({
-            // 这里直接使用px即可
-            minWidth: BI.toPix(o.closable ? c.closableMinWidth : c.minWidth),
-            maxWidth: BI.toPix(o.closable ? c.closableMaxWidth : c.maxWidth),
+            minWidth: BI.pixFormat(o.closable ? c.closableMinWidth : c.minWidth),
+            maxWidth: BI.pixFormat(o.closable ? c.closableMaxWidth : c.maxWidth),
        });
        this.element.addClass("toast-" + o.level);
        function fn(e) {
--- a/src/base/single/tip/tip.tooltip.js
+++ b/src/base/single/tip/tip.tooltip.js
@ -73,7 +73,7 @@ BI.Tooltip = BI.inherit(BI.Tip, {
    },

    setWidth: function (width) {
-        this.element.width(BI.toPix(width - 2 * this._const.hgap));
+        this.element.width(BI.pixFormat(width - 2 * this._const.hgap));
    },

    setText: function (text) {
--- a/src/case/colorchooser/colorchooser.js
+++ b/src/case/colorchooser/colorchooser.js
@ -36,8 +36,8 @@ BI.ColorChooser = BI.inherit(BI.Widget, {
                    self.trigger = _ref;
                },
                value: o.value,
-                width: o.el.type ? o.width : BI.pixFormat(o.width, 2),
-                height: o.el.type ? o.height : BI.pixFormat(o.height, 2)
+                width: o.el.type ? o.width : BI.toPix(o.width, 2),
+                height: o.el.type ? o.height : BI.toPix(o.height, 2)
            }, o.el),
            popup: () => ({
                el: BI.extend({
--- a/src/case/combo/icontextvaluecombo/combo.icontextvalue.js
+++ b/src/case/combo/icontextvaluecombo/combo.icontextvalue.js
@ -26,7 +26,7 @@ BI.IconTextValueCombo = BI.inherit(BI.Widget, {
            type: "bi.select_icon_text_trigger",
            cls: "icon-text-value-trigger",
            items: o.items,
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            text: o.text,
            iconCls: o.iconCls,
            value: o.value,
@ -54,8 +54,8 @@ BI.IconTextValueCombo = BI.inherit(BI.Widget, {
        });
        this.textIconCombo = BI.createWidget({
            type: "bi.combo",
-            height: BI.pixFormat(o.height, 2),
-            width: BI.pixFormat(o.width, 2),
+            height: BI.toPix(o.height, 2),
+            width: BI.toPix(o.width, 2),
            element: this,
            container: o.container,
            direction: o.direction,
--- a/src/case/combo/searchtextvaluecombo/combo.searchtextvalue.js
+++ b/src/case/combo/searchtextvaluecombo/combo.searchtextvalue.js
@ -28,8 +28,8 @@ BI.SearchTextValueCombo = BI.inherit(BI.Widget, {
            cls: (o.simple ? "bi-border-bottom" : "bi-border bi-border-radius") + " bi-focus-shadow",
            container: o.container,
            adjustLength: 2,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
-            width: BI.pixFormat(o.width, 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
+            width: BI.toPix(o.width, 2),
            ref: function () {
                self.combo = this;
            },
@ -41,7 +41,7 @@ BI.SearchTextValueCombo = BI.inherit(BI.Widget, {
                    self.trigger = this;
                },
                items: o.items,
-                height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+                height: BI.toPix(o.height, o.simple ? 1 : 2),
                text: o.text,
                defaultText: o.defaultText,
                value: o.value,
--- a/src/case/combo/textvaluecheckcombo/combo.textvaluecheck.js
+++ b/src/case/combo/textvaluecheckcombo/combo.textvaluecheck.js
@ -27,7 +27,7 @@ BI.TextValueCheckCombo = BI.inherit(BI.Widget, {
            type: "bi.select_text_trigger",
            cls: "text-value-trigger",
            items: o.items,
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            text: o.text,
            value: o.value
        });
@ -50,8 +50,8 @@ BI.TextValueCheckCombo = BI.inherit(BI.Widget, {
            container: o.container,
            direction: o.direction,
            element: this,
-            width: BI.pixFormat(o.width, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.width, 2),
+            height: BI.toPix(o.height, 2),
            adjustLength: 2,
            el: this.trigger,
            popup: {
--- a/src/case/combo/textvaluecombo/combo.textvalue.js
+++ b/src/case/combo/textvaluecombo/combo.textvalue.js
@ -55,7 +55,7 @@ BI.TextValueCombo = BI.inherit(BI.Widget, {
            ref: ref => this.trigger = ref,
            cls: "text-value-trigger",
            items: o.items,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            text: o.text,
            value: o.value,
            title,
@ -116,8 +116,8 @@ BI.TextValueCombo = BI.inherit(BI.Widget, {

        return {
            type: "bi.combo",
-            height: BI.pixFormat(o.height, 2),
-            width: BI.pixFormat(o.width, 2),
+            height: BI.toPix(o.height, 2),
+            width: BI.toPix(o.width, 2),
            ref: ref => this.combo = ref,
            container: o.container,
            direction: o.direction,
--- a/src/case/layer/panel.js
+++ b/src/case/layer/panel.js
@ -59,7 +59,7 @@ BI.Panel = BI.inherit(BI.Widget, {
            el: {
                type: "bi.left_right_vertical_adapt",
                cls: "panel-title bi-header-background bi-border-bottom",
-                height: BI.pixFormat(o.titleHeight, 1),
+                height: BI.toPix(o.titleHeight, 1),
                items: {
                    left: [this.text],
                    right: [this.button_group]
@ -67,7 +67,7 @@ BI.Panel = BI.inherit(BI.Widget, {
                lhgap: 10,
                rhgap: 10
            },
-            height: BI.pixFormat(o.titleHeight, 1)
+            height: BI.toPix(o.titleHeight, 1)
        };
    },

--- a/src/case/linearsegment/button.linear.segment.js
+++ b/src/case/linearsegment/button.linear.segment.js
@ -15,7 +15,7 @@ BI.LinearSegmentButton = BI.inherit(BI.BasicButton, {
            type: "bi.label",
            text: o.text,
            height: o.height,
-            textHeight: BI.pixFormat(o.height, 2),
+            textHeight: BI.toPix(o.height, 2),
            value: o.value,
            hgap: o.hgap,
            ref: function () {
--- a/src/case/list/list.select.js
+++ b/src/case/list/list.select.js
@ -192,7 +192,7 @@ BI.SelectList = BI.inherit(BI.Widget, {
    resetHeight: function (h) {
        var toolHeight = ( this.toolbar.element.outerHeight() || 25) * ( this.toolbar.isVisible() ? 1 : 0);
        this.list.resetHeight ? this.list.resetHeight(h - toolHeight) :
-            this.list.element.css({"max-height": BI.toPix(h - toolHeight)});
+            this.list.element.css({"max-height": BI.pixFormat(h - toolHeight)});
    },

    setNotSelectedValue: function () {
--- a/src/case/segment/segment.js
+++ b/src/case/segment/segment.js
@ -22,7 +22,7 @@ BI.Segment = BI.inherit(BI.Widget, {
            value: o.value,
            items: BI.createItems(o.items, {
                type: "bi.segment_button",
-                height: BI.pixFormat(o.height, 2),
+                height: BI.toPix(o.height, 2),
                whiteSpace: o.whiteSpace
            }),
            layout: [
--- a/src/case/tree/treeexpander/tree.expander.popup.js
+++ b/src/case/tree/treeexpander/tree.expander.popup.js
@ -25,8 +25,8 @@
            });

            if (o.showLine) {
-                this.popupView.element.css("margin-left", BI.toPix(-offset * (o.layer + 1)));
-                this.element.css("margin-left", BI.toPix(offset * (o.layer + 1)));
+                this.popupView.element.css("margin-left", BI.pixFormat(-offset * (o.layer + 1)));
+                this.element.css("margin-left", BI.pixFormat(offset * (o.layer + 1)));
            }

            return {
--- a/src/case/trigger/trigger.editor.js
+++ b/src/case/trigger/trigger.editor.js
@ -24,7 +24,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
        var self = this, o = this.options, c = this._const;
        this.editor = BI.createWidget({
            type: "bi.sign_editor",
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            value: o.value,
            validationChecker: o.validationChecker,
            quitChecker: o.quitChecker,
@ -57,7 +57,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
        BI.createWidget({
            element: this,
            type: "bi.horizontal_fill",
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            items: [
                {
                    el: this.editor,
@ -65,7 +65,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
                }, {
                    el: {
                        type: "bi.trigger_icon_button",
-                        width: o.triggerWidth || BI.pixFormat(o.height, 2)
+                        width: o.triggerWidth || BI.toPix(o.height, 2)
                    },
                    width: ""
                }
--- a/src/case/trigger/trigger.text.select.small.js
+++ b/src/case/trigger/trigger.text.select.small.js
@ -20,7 +20,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
        this.trigger = BI.createWidget({
            type: "bi.small_text_trigger",
            element: this,
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            text: obj.text,
            cls: obj.cls,
            textHgap: o.textHgap,
--- a/src/core/4.widget.js
+++ b/src/core/4.widget.js
@ -289,14 +289,14 @@
        _initElementWidth: function () {
            var o = this.options;
            if (BI.isWidthOrHeight(o.width)) {
-                this.element.css("width", BI.toPix(o.width));
+                this.element.css("width", BI.pixFormat(o.width));
            }
        },

        _initElementHeight: function () {
            var o = this.options;
            if (BI.isWidthOrHeight(o.height)) {
-                this.element.css("height", BI.toPix(o.height));
+                this.element.css("height", BI.pixFormat(o.height));
            }
        },

--- a/src/core/wrapper/layout.js
+++ b/src/core/wrapper/layout.js
@ -42,16 +42,16 @@ BI.Layout = BI.inherit(BI.Widget, {

    _init4Margin: function () {
        if (this.options.top) {
-            this.element.css("top", BI.toPix(this.options.top));
+            this.element.css("top", BI.pixFormat(this.options.top));
        }
        if (this.options.left) {
-            this.element.css("left", BI.toPix(this.options.left));
+            this.element.css("left", BI.pixFormat(this.options.left));
        }
        if (this.options.bottom) {
-            this.element.css("bottom", BI.toPix(this.options.bottom));
+            this.element.css("bottom", BI.pixFormat(this.options.bottom));
        }
        if (this.options.right) {
-            this.element.css("right", BI.toPix(this.options.right));
+            this.element.css("right", BI.pixFormat(this.options.right));
        }
    },

@ -289,7 +289,7 @@ BI.Layout = BI.inherit(BI.Widget, {
    },

    _optimiseGap: function (gap) {
-        return (gap > 0 && gap < 1) ? (gap * 100).toFixed(1) + "%" : BI.toPix(gap);
+        return (gap > 0 && gap < 1) ? (gap * 100).toFixed(1) + "%" : BI.pixFormat(gap);
    },

    _optimiseItemLgap: function (item) {
--- a/src/core/wrapper/layout/layout.flow.js
+++ b/src/core/wrapper/layout/layout.flow.js
@ -137,16 +137,16 @@ BI.FloatRightLayout = BI.inherit(BI.Layout, {
        var w = BI.FloatRightLayout.superclass._addElement.apply(this, arguments);
        w.element.css({position: "relative", float: "right"});
        if (BI.isNotNull(item.left)) {
-            w.element.css({left: BI.toPix(item.left)});
+            w.element.css({left: BI.pixFormat(item.left)});
        }
        if (BI.isNotNull(item.right)) {
-            w.element.css({right: BI.toPix(item.right)});
+            w.element.css({right: BI.pixFormat(item.right)});
        }
        if (BI.isNotNull(item.top)) {
-            w.element.css({top: BI.toPix(item.top)});
+            w.element.css({top: BI.pixFormat(item.top)});
        }
        if (BI.isNotNull(item.bottom)) {
-            w.element.css({bottom: BI.toPix(item.bottom)});
+            w.element.css({bottom: BI.pixFormat(item.bottom)});
        }
        if (o.vgap + o.tgap + this._optimiseItemTgap(item) + this._optimiseItemVgap(item) !== 0) {
            var top = o.vgap / 2 + o.tgap + this._optimiseItemTgap(item) + this._optimiseItemVgap(item);
--- a/src/core/wrapper/layout/layout.inline.js
+++ b/src/core/wrapper/layout/layout.inline.js
@ -47,7 +47,7 @@ BI.InlineLayout = BI.inherit(BI.Layout, {
            }
        }
        if (columnSize > 0) {
-            w.element.width(columnSize < 1 ? ((columnSize * 100).toFixed(1) + "%") : BI.toPix(columnSize));
+            w.element.width(columnSize < 1 ? ((columnSize * 100).toFixed(1) + "%") : BI.pixFormat(columnSize));
        }
        w.element.css({
            position: "relative",
@ -69,8 +69,8 @@ BI.InlineLayout = BI.inherit(BI.Layout, {
                gap += o.hgap + o.lgap + o.rgap + this._optimiseItemLgap(o.items[k]) + this._optimiseItemRgap(o.items[k]) + this._optimiseItemHgap(o.items[k]);
                length += cz;
            }
-            length = length > 0 && length < 1 ? (length * 100).toFixed(1) + "%" : BI.toPix(length);
-            gap = gap > 0 && gap < 1 ? (gap * 100).toFixed(1) + "%" : BI.toPix(gap);
+            length = length > 0 && length < 1 ? (length * 100).toFixed(1) + "%" : BI.pixFormat(length);
+            gap = gap > 0 && gap < 1 ? (gap * 100).toFixed(1) + "%" : BI.pixFormat(gap);
            if (columnSize === "fill") {
                w.element.css("min-width", "calc((100% - " + length + " - " + gap + ")" + (fillCount > 1 ? "/" + fillCount : "") + ")");
            }
@ -86,7 +86,7 @@ BI.InlineLayout = BI.inherit(BI.Layout, {
        if (o.verticalAlign === BI.VerticalAlign.Stretch && BI.isNull(item.height)) {
            var top = o.innerVgap + o.vgap + o.tgap + this._optimiseItemTgap(item) + this._optimiseItemVgap(item),
                bottom = o.innerVgap + o.vgap + o.bgap + this._optimiseItemBgap(item) + this._optimiseItemVgap(item);
-            var gap = (top + bottom) > 0 && (top + bottom) < 1 ? ((top + bottom) * 100).toFixed(1) + "%" : BI.toPix(top + bottom);
+            var gap = (top + bottom) > 0 && (top + bottom) < 1 ? ((top + bottom) * 100).toFixed(1) + "%" : BI.pixFormat(top + bottom);
            w.element.css("height", "calc(100% - " + gap + ")");
        }
        return w;
--- a/src/widget/date/calendar/popup.month.js
+++ b/src/widget/date/calendar/popup.month.js
@ -68,7 +68,7 @@ BI.MonthPopup = BI.inherit(BI.Widget, {
                    whiteSpace: "nowrap",
                    once: false,
                    forceSelected: true,
-                    height: BI.pixFormat(BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, 1),
+                    height: BI.toPix(BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, 1),
                    width: 30,
                    value: td,
                    text: td,
--- a/src/widget/dynamicdate/dynamicdate.combo.js
+++ b/src/widget/dynamicdate/dynamicdate.combo.js
@ -50,13 +50,13 @@ BI.DynamicDateCombo = BI.inherit(BI.Single, {
                    el: {
                        type: "bi.horizontal_fill",
                        columnSize: [this.constants.iconWidth, "fill"],
-                        height: BI.pixFormat(opts.height, border),
+                        height: BI.toPix(opts.height, border),
                        items: [{
                            el: {
                                type: "bi.icon_button",
                                cls: "bi-trigger-icon-button date-change-h-font",
-                                width: BI.pixFormat(opts.height, border),
-                                height: BI.pixFormat(opts.height, border),
+                                width: BI.toPix(opts.height, border),
+                                height: BI.toPix(opts.height, border),
                                ref: function () {
                                    self.changeIcon = this;
                                }
@ -69,8 +69,8 @@ BI.DynamicDateCombo = BI.inherit(BI.Single, {
                            format: opts.format,
                            allowEdit: opts.allowEdit,
                            watermark: opts.watermark,
-                            iconWidth: BI.pixFormat(opts.height, border),
-                            height: BI.pixFormat(opts.height, border),
+                            iconWidth: BI.toPix(opts.height, border),
+                            height: BI.toPix(opts.height, border),
                            value: opts.value,
                            ref: function () {
                                self.trigger = this;
--- a/src/widget/dynamicdate/dynamicdate.param.item.js
+++ b/src/widget/dynamicdate/dynamicdate.param.item.js
@ -21,7 +21,7 @@ BI.DynamicDateParamItem = BI.inherit(BI.Widget, {
                el: {
                    type: "bi.sign_editor",
                    cls: "bi-border bi-focus-shadow bi-border-radius",
-                    height: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 2),
+                    height: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 2),
                    validationChecker: function (v) {
                        return BI.isNaturalNumber(v);
                    },
--- a/src/widget/dynamicdate/dynamicdate.popup.js
+++ b/src/widget/dynamicdate/dynamicdate.popup.js
@ -26,7 +26,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
                        cls: "bi-high-light bi-split-top",
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Clear"),
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        listeners: [{
                            eventName: BI.TextButton.EVENT_CHANGE,
                            action: function () {
@ -37,7 +37,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
                        type: "bi.text_button",
                        cls: "bi-split-left bi-split-right bi-high-light bi-split-top",
                        shadow: true,
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        text: BI.i18nText("BI-Multi_Date_Today"),
                        disabled: this._checkTodayValid(),
                        ref: function () {
@ -52,7 +52,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-high-light bi-split-top",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_OK"),
                        listeners: [{
--- a/src/widget/dynamicdatetime/dynamicdatetime.combo.js
+++ b/src/widget/dynamicdatetime/dynamicdatetime.combo.js
@ -50,13 +50,13 @@ BI.DynamicDateTimeCombo = BI.inherit(BI.Single, {
                    el: {
                        type: "bi.horizontal_fill",
                        columnSize: [this.constants.iconWidth, "fill"],
-                        height: BI.pixFormat(opts.height, border),
+                        height: BI.toPix(opts.height, border),
                        items: [{
                            el: {
                                type: "bi.icon_button",
                                cls: "bi-trigger-icon-button date-change-h-font",
                                width: this.constants.iconWidth,
-                                height: BI.pixFormat(opts.height, border),
+                                height: BI.toPix(opts.height, border),
                                ref: function () {
                                    self.changeIcon = this;
                                }
@ -70,7 +70,7 @@ BI.DynamicDateTimeCombo = BI.inherit(BI.Single, {
                            watermark: opts.watermark,
                            format: opts.format,
                            iconWidth: this.constants.iconWidth,
-                            height: BI.pixFormat(opts.height, border),
+                            height: BI.toPix(opts.height, border),
                            value: opts.value,
                            ref: function () {
                                self.trigger = this;
--- a/src/widget/dynamicdatetime/dynamicdatetime.popup.js
+++ b/src/widget/dynamicdatetime/dynamicdatetime.popup.js
@ -25,7 +25,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
                    items: [[{
                        type: "bi.text_button",
                        cls: "bi-high-light bi-split-top",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Clear"),
                        listeners: [{
@ -37,7 +37,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-split-left bi-split-right bi-high-light bi-split-top",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Multi_Date_Today"),
                        disabled: this._checkTodayValid(),
@ -53,7 +53,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-high-light bi-split-top",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_OK"),
                        listeners: [{
--- a/src/widget/editor/editor.search.js
+++ b/src/widget/editor/editor.search.js
@ -20,7 +20,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
        this.editor = BI.createWidget(o.el, {
            type: "bi.editor",
            simple: o.simple,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            watermark: o.watermark,
            allowBlank: true,
            hgap: 1,
@ -44,7 +44,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
        });
        BI.createWidget({
            element: this,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            type: "bi.htape",
            items: [
                {
--- a/src/widget/editor/editor.text.js
+++ b/src/widget/editor/editor.text.js
@ -29,8 +29,8 @@ BI.TextEditor = BI.inherit(BI.Widget, {
        this.editor = BI.createWidget({
            type: "bi.editor",
            element: this,
-            width: BI.pixFormat(o.width, border),
-            height: BI.pixFormat(o.height, border),
+            width: BI.toPix(o.width, border),
+            height: BI.toPix(o.height, border),
            simple: o.simple,
            hgap: o.hgap,
            vgap: o.vgap,
--- a/src/widget/intervalslider/intervalslider.js
+++ b/src/widget/intervalslider/intervalslider.js
@ -60,8 +60,8 @@ BI.IntervalSlider = BI.inherit(BI.Single, {
            cls: "slider-editor-button",
            text: this.options.unit,
            allowBlank: false,
-            width: BI.pixFormat(c.EDITOR_WIDTH, 2),
-            height: BI.pixFormat(c.EDITOR_HEIGHT, 2),
+            width: BI.toPixDITOR_WIDTH, 2),
+            height: BI.toPix(c.EDITOR_HEIGHT, 2),
            validationChecker: function (v) {
                return self._checkValidation(v);
            }
@ -88,8 +88,8 @@ BI.IntervalSlider = BI.inherit(BI.Single, {
            cls: "slider-editor-button",
            text: this.options.unit,
            allowBlank: false,
-            width: BI.pixFormat(c.EDITOR_WIDTH, 2),
-            height: BI.pixFormat(c.EDITOR_HEIGHT, 2),
+            width: BI.toPix(c.EDITOR_WIDTH, 2),
+            height: BI.toPix(c.EDITOR_HEIGHT, 2),
            validationChecker: function (v) {
                return self._checkValidation(v);
            }
--- a/src/widget/multilayerselecttree/multilayerselecttree.combo.js
+++ b/src/widget/multilayerselecttree/multilayerselecttree.combo.js
@ -31,8 +31,8 @@ BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, {
        if (o.allowEdit) {
            return {
                type: "bi.absolute",
-                width: BI.pixFormat(o.width, 2),
-                height: BI.pixFormat(o.height, 2),
+                width: BI.toPix(o.width, 2),
+                height: BI.toPix(o.height, 2),
                cls,
                items: [
                    {
@ -54,7 +54,7 @@ BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, {
                },
                text: o.text,
                defaultText: o.defaultText,
-                height: BI.pixFormat(o.height, 2),
+                height: BI.toPix(o.height, 2),
                items: o.items,
                value: o.value,
                tipType: o.tipType,
@ -68,8 +68,8 @@ BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, {
        var self = this, o = this.options;
        return {
            type: "bi.combo",
-            width: BI.pixFormat(o.width, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.width, 2),
+            height: BI.toPix(o.height, 2),
            container: o.container,
            destroyWhenHide: o.destroyWhenHide,
            adjustLength: 2,
@ -133,7 +133,7 @@ BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, {
                itemsCreator: o.itemsCreator,
                valueFormatter: o.valueFormatter,
                watermark: o.watermark,
-                height: BI.pixFormat(o.height, 2),
+                height: BI.toPix(o.height, 2),
                text: o.text,
                defaultText: o.defaultText,
                value: o.value,
@ -209,8 +209,8 @@ BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, {
            ref: function (_ref) {
                self.triggerBtn = _ref;
            },
-            width: BI.pixFormat(o.height, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.height, 2),
+            height: BI.toPix(o.height, 2),
            listeners: [
                {
                    eventName: BI.TriggerIconButton.EVENT_CHANGE,
--- a/src/widget/multilayerselecttree/multilayerselecttree.popup.js
+++ b/src/widget/multilayerselecttree/multilayerselecttree.popup.js
@ -56,7 +56,7 @@ BI.MultiLayerSelectTreePopup = BI.inherit(BI.Widget, {
            self.fireEvent(BI.MultiLayerSelectTreePopup.EVENT_CHANGE);
        });

-        this.tree.css("min-height", BI.toPix(o.minHeight - 10));
+        this.tree.css("min-height", BI.pixFormat(o.minHeight - 10));
    },

    getValue: function () {
--- a/src/widget/multilayersingletree/multilayersingletree.combo.js
+++ b/src/widget/multilayersingletree/multilayersingletree.combo.js
@ -33,8 +33,8 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
        if (o.allowEdit) {
            return {
                type: "bi.absolute",
-                width: BI.pixFormat(o.width, 2),
-                height: BI.pixFormat(o.height, 2),
+                width: BI.toPix(o.width, 2),
+                height: BI.toPix(o.height, 2),
                cls,
                items: [
                    {
@ -56,7 +56,7 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
                },
                text: o.text,
                defaultText: o.defaultText,
-                height: BI.pixFormat(o.height, 2),
+                height: BI.toPix(o.height, 2),
                items: o.items,
                value: o.value,
                tipType: o.tipType,
@ -131,7 +131,7 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
                items: o.items,
                itemsCreator: o.itemsCreator,
                valueFormatter: o.valueFormatter,
-                height: BI.pixFormat(o.height, 2),
+                height: BI.toPix(o.height, 2),
                text: o.text,
                defaultText: o.defaultText,
                value: o.value,
@ -205,8 +205,8 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
            ref: function (_ref) {
                self.triggerBtn = _ref;
            },
-            width: BI.pixFormat(o.height, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.height, 2),
+            height: BI.toPix(o.height, 2),
            listeners: [
                {
                    eventName: BI.TriggerIconButton.EVENT_CHANGE,
--- a/src/widget/multilayersingletree/multilayersingletree.popup.js
+++ b/src/widget/multilayersingletree/multilayersingletree.popup.js
@ -55,7 +55,7 @@ BI.MultiLayerSingleTreePopup = BI.inherit(BI.Widget, {
            self.fireEvent(BI.MultiLayerSingleTreePopup.EVENT_CHANGE);
        });

-        this.tree.css("min-height", BI.toPix(o.minHeight - 10));
+        this.tree.css("min-height", BI.pixFormat(o.minHeight - 10));
    },

    getValue: function () {
--- a/src/widget/multiselect/multiselect.combo.js
+++ b/src/widget/multiselect/multiselect.combo.js
@ -45,7 +45,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
        this.trigger = BI.createWidget({
            type: "bi.multi_select_trigger",
            allowEdit: o.allowEdit,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            text: o.text,
            defaultText: o.defaultText,
            masker: {
--- a/src/widget/multiselect/multiselect.combo.nobar.js
+++ b/src/widget/multiselect/multiselect.combo.nobar.js
@ -41,7 +41,7 @@ BI.MultiSelectNoBarCombo = BI.inherit(BI.Single, {

        this.trigger = BI.createWidget({
            type: "bi.multi_select_trigger",
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            text: o.text,
            defaultText: o.defaultText,
            masker: {
--- a/src/widget/multiselect/multiselect.insert.combo.js
+++ b/src/widget/multiselect/multiselect.insert.combo.js
@ -40,7 +40,7 @@ BI.MultiSelectInsertCombo = BI.inherit(BI.Single, {
        this.trigger = BI.createWidget({
            type: "bi.multi_select_insert_trigger",
            allowEdit: o.allowEdit,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            text: o.text,
            watermark: o.watermark,
            defaultText: o.defaultText,
--- a/src/widget/multiselect/multiselect.insert.combo.nobar.js
+++ b/src/widget/multiselect/multiselect.insert.combo.nobar.js
@ -41,7 +41,7 @@ BI.MultiSelectInsertNoBarCombo = BI.inherit(BI.Single, {

        this.trigger = BI.createWidget({
            type: "bi.multi_select_insert_trigger",
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            text: o.text,
            // adapter: this.popup,
            masker: {
--- a/src/widget/multitree/multi.tree.combo.js
+++ b/src/widget/multitree/multi.tree.combo.js
@ -27,7 +27,7 @@ BI.MultiTreeCombo = BI.inherit(BI.Single, {
        this.trigger = BI.createWidget({
            type: "bi.multi_select_trigger",
            allowEdit: o.allowEdit,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            valueFormatter: o.valueFormatter,
            text: o.text,
            defaultText: o.defaultText,
--- a/src/widget/multitree/multi.tree.insert.combo.js
+++ b/src/widget/multitree/multi.tree.insert.combo.js
@ -28,7 +28,7 @@ BI.MultiTreeInsertCombo = BI.inherit(BI.Single, {
        this.trigger = BI.createWidget({
            type: "bi.multi_select_trigger",
            allowEdit: o.allowEdit,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            valueFormatter: o.valueFormatter,
            text: o.text,
            defaultText: o.defaultText,
--- a/src/widget/multitree/multi.tree.list.combo.js
+++ b/src/widget/multitree/multi.tree.list.combo.js
@ -32,7 +32,7 @@ BI.MultiTreeListCombo = BI.inherit(BI.Single, {
            text: o.text,
            defaultText: o.defaultText,
            watermark: o.watermark,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            valueFormatter: o.valueFormatter,
            masker: {
                offset: {
--- a/src/widget/numbereditor/number.editor.js
+++ b/src/widget/numbereditor/number.editor.js
@ -27,7 +27,7 @@ BI.NumberEditor = BI.inherit(BI.Widget, {
        var self = this, o = this.options;
        this.editor = BI.createWidget({
            type: "bi.sign_editor",
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            simple: o.simple,
            allowBlank: o.allowBlank,
            value: o.valueFormatter(o.value),
@ -87,7 +87,7 @@ BI.NumberEditor = BI.inherit(BI.Widget, {
        });
        BI.createWidget({
            type: "bi.htape",
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            element: this,
            items: [this.editor, {
                el: {
--- a/src/widget/numberinterval/numberinterval.js
+++ b/src/widget/numberinterval/numberinterval.js
@ -36,7 +36,7 @@ BI.NumberInterval = BI.inherit(BI.Single, {
        BI.NumberInterval.superclass._init.apply(this, arguments);
        this.smallEditor = BI.createWidget({
            type: "bi.number_interval_single_editor",
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            watermark: o.watermark,
            allowBlank: o.allowBlank,
            value: o.min,
@ -61,7 +61,7 @@ BI.NumberInterval = BI.inherit(BI.Single, {
        this.smallTip = BI.createWidget({
            type: "bi.label",
            text: o.numTip,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            invisible: true
        });
        BI.createWidget({
@ -76,7 +76,7 @@ BI.NumberInterval = BI.inherit(BI.Single, {

        this.bigEditor = BI.createWidget({
            type: "bi.number_interval_single_editor",
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            watermark: o.watermark,
            allowBlank: o.allowBlank,
            value: o.max,
@ -99,7 +99,7 @@ BI.NumberInterval = BI.inherit(BI.Single, {
        this.bigTip = BI.createWidget({
            type: "bi.label",
            text: o.numTip,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            invisible: true
        });
        BI.createWidget({
@ -114,8 +114,8 @@ BI.NumberInterval = BI.inherit(BI.Single, {
        this.smallCombo = BI.createWidget({
            type: "bi.icon_combo",
            cls: "number-interval-small-combo" + (o.simple ? "" : " bi-border-top bi-border-bottom bi-border-right bi-border-corner-right-radius"),
-            height: BI.pixFormat(o.height, o.simple ? 0 : 2),
-            width: BI.pixFormat(c.width, c.border),
+            height: BI.toPix(o.height, o.simple ? 0 : 2),
+            width: BI.toPix(c.width, c.border),
            items: [{
                text: "(" + BI.i18nText("BI-Less_Than") + ")",
                iconCls: "less-font",
@ -134,8 +134,8 @@ BI.NumberInterval = BI.inherit(BI.Single, {
        this.bigCombo = BI.createWidget({
            type: "bi.icon_combo",
            cls: "number-interval-big-combo" + (o.simple ? "" : " bi-border-top bi-border-bottom bi-border-left bi-border-corner-left-radius"),
-            height: BI.pixFormat(o.height, o.simple ? 0 : 2),
-            width: BI.pixFormat(c.width, c.border),
+            height: BI.toPix(o.height, o.simple ? 0 : 2),
+            width: BI.toPix(c.width, c.border),
            items: [{
                text: "(" + BI.i18nText("BI-Less_Than") + ")",
                iconCls: "less-font",
@ -155,7 +155,7 @@ BI.NumberInterval = BI.inherit(BI.Single, {
            type: "bi.label",
            text: BI.i18nText("BI-Basic_Value"),
            textHeight: o.height,
-            // width: BI.pixFormat(o.width, o.simple ? 0 : c.border * 2),
+            // width: BI.toPix(o.width, o.simple ? 0 : c.border * 2),
            hgap: 5,
            height: o.height,
            level: "warning",
--- a/src/widget/searchmultitextvaluecombo/multitextvalue.combo.search.js
+++ b/src/widget/searchmultitextvaluecombo/multitextvalue.combo.search.js
@ -35,7 +35,7 @@ BI.SearchMultiTextValueCombo = BI.inherit(BI.Single, {
        this.trigger = BI.createWidget({
            type: "bi.search_multi_select_trigger",
            text: o.text,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            // adapter: this.popup,
            masker: {
                offset: {
--- a/src/widget/selecttree/selecttree.combo.js
+++ b/src/widget/selecttree/selecttree.combo.js
@ -22,7 +22,7 @@ BI.SelectTreeCombo = BI.inherit(BI.Widget, {
        this.trigger = BI.createWidget({
            type: "bi.single_tree_trigger",
            text: o.text,
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            items: o.items,
            value: o.value,
            allowClear: o.allowClear,
@ -41,8 +41,8 @@ BI.SelectTreeCombo = BI.inherit(BI.Widget, {

        this.combo = BI.createWidget({
            type: "bi.combo",
-            width: BI.pixFormat(o.width, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.width, 2),
+            height: BI.toPix(o.height, 2),
            container: o.container,
            element: this,
            adjustLength: 2,
--- a/src/widget/singleselect/singleselect.combo.js
+++ b/src/widget/singleselect/singleselect.combo.js
@ -31,7 +31,7 @@ BI.SingleSelectCombo = BI.inherit(BI.Single, {

        this.trigger = BI.createWidget({
            type: "bi.single_select_trigger",
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            // adapter: this.popup,
            allowNoSelect: o.allowNoSelect,
            allowEdit: o.allowEdit,
--- a/src/widget/singleselect/singleselect.insert.combo.js
+++ b/src/widget/singleselect/singleselect.insert.combo.js
@ -32,7 +32,7 @@ BI.SingleSelectInsertCombo = BI.inherit(BI.Single, {
        this.trigger = BI.createWidget({
            type: "bi.single_select_trigger",
            watermark: o.watermark,
-            height: BI.pixFormat(o.height, o.simple ? 1 : 2),
+            height: BI.toPix(o.height, o.simple ? 1 : 2),
            allowNoSelect: o.allowNoSelect,
            allowEdit: o.allowEdit,
            // adapter: this.popup,
--- a/src/widget/singleselect/singleselect.list.js
+++ b/src/widget/singleselect/singleselect.list.js
@ -120,7 +120,7 @@ BI.SingleSelectList = BI.inherit(BI.Widget, {

    resetHeight: function (h) {
        this.list.resetHeight ? this.list.resetHeight(h) :
-            this.list.element.css({"max-height": BI.toPix(h - (this.options.allowNoSelect ? this._constants.itemHeight : 0))});
+            this.list.element.css({"max-height": BI.pixFormat(h - (this.options.allowNoSelect ? this._constants.itemHeight : 0))});
    },

    setNotSelectedValue: function () {
--- a/src/widget/singleslider/singleslider.js
+++ b/src/widget/singleslider/singleslider.js
@ -99,8 +99,8 @@ BI.SingleSlider = BI.inherit(BI.Single, {
            type: "bi.sign_text_editor",
            cls: "slider-editor-button",
            text: o.unit,
-            width: BI.pixFormat(c.EDITOR_WIDTH, 2),
-            height: BI.pixFormat(c.EDITOR_HEIGHT, 2),
+            width: BI.toPix(c.EDITOR_WIDTH, 2),
+            height: BI.toPix(c.EDITOR_HEIGHT, 2),
            allowBlank: false,
            textAlign: "center",
            validationChecker: function (v) {
--- a/src/widget/singleslider/singleslider.label.js
+++ b/src/widget/singleslider/singleslider.label.js
@ -97,7 +97,7 @@ BI.SingleSliderLabel = BI.inherit(BI.Single, {
        this.label = BI.createWidget({
            type: "bi.label",
            height: c.HEIGHT,
-            width: BI.pixFormat(c.EDITOR_WIDTH, 2)
+            width: BI.toPix(c.EDITOR_WIDTH, 2)
        });

        this._setVisible(false);
--- a/src/widget/singletree/singletree.combo.js
+++ b/src/widget/singletree/singletree.combo.js
@ -24,7 +24,7 @@ BI.SingleTreeCombo = BI.inherit(BI.Widget, {
            type: "bi.single_tree_trigger",
            text: o.text,
            defaultText: o.defaultText,
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            items: o.items,
            value: o.value,
            allowClear: o.allowClear,
@ -43,8 +43,8 @@ BI.SingleTreeCombo = BI.inherit(BI.Widget, {

        this.combo = BI.createWidget({
            type: "bi.combo",
-            width: BI.pixFormat(o.width, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.width, 2),
+            height: BI.toPix(o.height, 2),
            container: o.container,
            element: this,
            adjustLength: 2,
--- a/src/widget/textvaluedownlistcombo/combo.textvaluedownlist.js
+++ b/src/widget/textvaluedownlistcombo/combo.textvaluedownlist.js
@ -22,7 +22,7 @@ BI.TextValueDownListCombo = BI.inherit(BI.Widget, {
        this.trigger = BI.createWidget({
            type: "bi.down_list_select_text_trigger",
            cls: "text-value-down-list-trigger",
-            height: BI.pixFormat(o.height, 2),
+            height: BI.toPix(o.height, 2),
            items: o.items,
            text: o.text,
            value: value
@ -33,8 +33,8 @@ BI.TextValueDownListCombo = BI.inherit(BI.Widget, {
            element: this,
            chooseType: BI.Selection.Single,
            adjustLength: 2,
-            width: BI.pixFormat(o.width, 2),
-            height: BI.pixFormat(o.height, 2),
+            width: BI.toPix(o.width, 2),
+            height: BI.toPix(o.height, 2),
            el: this.trigger,
            value: BI.isNull(value) ? [] : [value],
            items: BI.deepClone(o.items)
--- a/src/widget/time/time.combo.js
+++ b/src/widget/time/time.combo.js
@ -72,10 +72,10 @@
                        el: {
                            type: "bi.horizontal_fill",
                            columnSize: ["fill", this.constants.iconWidth],
-                            height: BI.pixFormat(opts.height, 2),
+                            height: BI.toPix(opts.height, 2),
                            items: [{
                                type: "bi.time_trigger",
-                                height: BI.pixFormat(opts.height, 2),
+                                height: BI.toPix(opts.height, 2),
                                allowEdit: opts.allowEdit,
                                watermark: opts.watermark,
                                format: opts.format,
--- a/src/widget/year/combo.year.js
+++ b/src/widget/year/combo.year.js
@ -23,7 +23,7 @@ BI.DynamicYearCombo = BI.inherit(BI.Widget, {
            simple: o.simple,
            min: o.minDate,
            max: o.maxDate,
-            height: BI.pixFormat(o.height, border),
+            height: BI.toPix(o.height, border),
            value: o.value || "",
            watermark: o.watermark
        });
@ -143,7 +143,7 @@ BI.DynamicYearCombo = BI.inherit(BI.Widget, {
                            type: "bi.icon_button",
                            cls: "bi-trigger-icon-button",
                            width: this._const.iconWidth,
-                            height: BI.pixFormat(o.height, border),
+                            height: BI.toPix(o.height, border),
                            ref: function () {
                                self.changeIcon = this;
                            }
--- a/src/widget/year/popup.year.js
+++ b/src/widget/year/popup.year.js
@ -32,7 +32,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
                    items: [[{
                        type: "bi.text_button",
                        cls: "bi-split-top bi-high-light",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Clear"),
                        listeners: [{
@ -43,7 +43,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
                        }]
                    }, {
                        type: "bi.text_button",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        cls: "bi-split-left bi-split-right bi-high-light bi-split-top",
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Current_Year"),
@ -60,7 +60,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-split-top bi-high-light",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_OK"),
                        listeners: [{
--- a/src/widget/yearmonth/card.static.yearmonth.js
+++ b/src/widget/yearmonth/card.static.yearmonth.js
@ -19,7 +19,7 @@ BI.StaticYearMonthCard = BI.inherit(BI.Widget, {
                    whiteSpace: "nowrap",
                    once: false,
                    forceSelected: true,
-                    height: BI.pixFormat(BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, 1),
+                    height: BI.toPix(BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, 1),
                    width: 38,
                    value: td,
                    text: td,
--- a/src/widget/yearmonth/combo.yearmonth.js
+++ b/src/widget/yearmonth/combo.yearmonth.js
@ -22,7 +22,7 @@ BI.DynamicYearMonthCombo = BI.inherit(BI.Single, {
            simple: o.simple,
            min: o.minDate,
            max: o.maxDate,
-            height: BI.pixFormat(o.height, border),
+            height: BI.toPix(o.height, border),
            value: o.value || "",
            watermark: o.watermark,
        });
@ -142,8 +142,8 @@ BI.DynamicYearMonthCombo = BI.inherit(BI.Single, {
                        el: {
                            type: "bi.icon_button",
                            cls: "bi-trigger-icon-button",
-                            width: BI.pixFormat(o.height, border),
-                            height: BI.pixFormat(o.height, border),
+                            width: BI.toPix(o.height, border),
+                            height: BI.toPix(o.height, border),
                            ref: function () {
                                self.changeIcon = this;
                            }
--- a/src/widget/yearmonth/popup.yearmonth.js
+++ b/src/widget/yearmonth/popup.yearmonth.js
@ -32,7 +32,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
                    items: [[{
                        type: "bi.text_button",
                        cls: "bi-split-top bi-high-light",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Clear"),
                        listeners: [{
@ -44,7 +44,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-split-left bi-split-right bi-high-light bi-split-top",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Current_Month"),
                        disabled: this._checkTodayValid(),
@ -60,7 +60,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-split-top bi-high-light",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_OK"),
                        listeners: [{
--- a/src/widget/yearquarter/combo.yearquarter.js
+++ b/src/widget/yearquarter/combo.yearquarter.js
@ -25,7 +25,7 @@ BI.DynamicYearQuarterCombo = BI.inherit(BI.Widget, {
            simple: o.simple,
            min: o.minDate,
            max: o.maxDate,
-            height: BI.pixFormat(o.height, border),
+            height: BI.toPix(o.height, border),
            value: o.value || "",
            watermark: o.watermark,
        });
@ -146,7 +146,7 @@ BI.DynamicYearQuarterCombo = BI.inherit(BI.Widget, {
                            type: "bi.icon_button",
                            cls: "bi-trigger-icon-button",
                            width: this._consts.iconWidth,
-                            height: BI.pixFormat(o.height, border),
+                            height: BI.toPix(o.height, border),
                            ref: function () {
                                self.changeIcon = this;
                            }
--- a/src/widget/yearquarter/popup.yearquarter.js
+++ b/src/widget/yearquarter/popup.yearquarter.js
@ -27,7 +27,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
                        type: "bi.text_button",
                        cls: "bi-split-top bi-high-light",
                        shadow: true,
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        text: BI.i18nText("BI-Basic_Clear"),
                        listeners: [{
                            eventName: BI.TextButton.EVENT_CHANGE,
@ -38,7 +38,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
                    }, {
                        type: "bi.text_button",
                        cls: "bi-split-left bi-split-right bi-high-light bi-split-top",
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        shadow: true,
                        text: BI.i18nText("BI-Basic_Current_Quarter"),
                        disabled: this._checkTodayValid(),
@ -55,7 +55,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
                        type: "bi.text_button",
                        cls: "bi-split-top bi-high-light",
                        shadow: true,
-                        textHeight: BI.pixFormat(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
+                        textHeight: BI.toPix(BI.SIZE_CONSANTS.TOOL_BAR_HEIGHT, 1),
                        text: BI.i18nText("BI-Basic_OK"),
                        listeners: [{
                            eventName: BI.TextButton.EVENT_CHANGE,