diff --git a/examples/useContext.html b/examples/useContext.html index 00bc3a455..723152250 100644 --- 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; diff --git a/package.json b/package.json index d247c3dab..4f9c42e73 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "fineui", - "version": "2.0.20221021181414", + "version": "2.0.20221024101340", "description": "fineui", "main": "dist/fineui_without_conflict.min.js", "types": "dist/lib/index.d.ts", diff --git a/src/base/layer/layer.popup.js b/src/base/layer/layer.popup.js index 1e768ae2c..dbeb7e8fe 100644 --- 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.isNumeric(o.minWidth) ? (BI.pixFormat(o.minWidth)) : o.minWidth, - "max-width": BI.isNumeric(o.maxWidth) ? (BI.pixFormat(o.maxWidth)) : o.maxWidth, + "min-width": BI.pixFormat(o.minWidth), + "max-width": BI.pixFormat(o.maxWidth), }).bind({ click: fn }); this.element.bind("mousewheel", fn); @@ -135,7 +135,7 @@ 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.isNumeric(o.minHeight) ? (BI.pixFormat(o.minHeight)) : o.minHeight, + "min-height": BI.pixFormat(o.minHeight), "padding-top": BI.pixFormat(o.innerVgap), "padding-bottom": BI.pixFormat(o.innerVgap), "padding-left": BI.pixFormat(o.innerHgap), diff --git a/src/base/single/1.text.js b/src/base/single/1.text.js index 9c4244a9d..f31ebfe43 100644 --- a/src/base/single/1.text.js +++ b/src/base/single/1.text.js @@ -45,13 +45,13 @@ }); } if (BI.isWidthOrHeight(o.height)) { - this.element.css({ lineHeight: BI.isNumber(o.height) ? BI.pixFormat(o.height) : o.height }); + this.element.css({ lineHeight: BI.pixFormat(o.height) }); } if (BI.isWidthOrHeight(o.lineHeight)) { - this.element.css({ lineHeight: BI.isNumber(o.lineHeight) ? BI.pixFormat(o.lineHeight) : o.lineHeight }); + this.element.css({ lineHeight: BI.pixFormat(o.lineHeight) }); } if (BI.isWidthOrHeight(o.maxWidth)) { - this.element.css({ maxWidth: BI.isNumber(o.maxWidth) ? BI.pixFormat(o.maxWidth) : o.maxWidth }); + this.element.css({ maxWidth: BI.pixFormat(o.maxWidth) }); } this.element.css({ textAlign: o.textAlign, diff --git a/src/base/single/button/buttons/button.js b/src/base/single/button/buttons/button.js index a8da2e32b..39cfffda3 100644 --- a/src/base/single/button/buttons/button.js +++ b/src/base/single/button/buttons/button.js @@ -98,8 +98,8 @@ type: "bi.icon_label", cls: o.loading ? loadingCls : (o.iconCls || o.icon), width: this._const.iconWidth, - height: BI.pixFormat(lineHeight, hasBorder ? 2 : 0), - lineHeight: BI.pixFormat(lineHeight, hasBorder ? 2 : 0), + height: BI.toPix(lineHeight, hasBorder ? 2 : 0), + lineHeight: BI.toPix(lineHeight, hasBorder ? 2 : 0), // 不设置,自定义按钮无法居中 iconWidth: o.iconWidth, iconHeight: o.iconHeight, @@ -120,8 +120,8 @@ whiteSpace: o.whiteSpace, textAlign: o.textAlign, textWidth: textWidth, - textHeight: BI.pixFormat(textHeight, hasBorder ? 2 : 0), - height: BI.pixFormat(lineHeight, hasBorder ? 2 : 0), + textHeight: BI.toPix(textHeight, hasBorder ? 2 : 0), + height: BI.toPix(lineHeight, hasBorder ? 2 : 0), value: o.value, title: null, }); diff --git a/src/base/single/tip/tip.toast.js b/src/base/single/tip/tip.toast.js index 18af9e8e7..e347ae062 100644 --- a/src/base/single/tip/tip.toast.js +++ b/src/base/single/tip/tip.toast.js @@ -30,7 +30,6 @@ BI.Toast = BI.inherit(BI.Tip, { render: function () { var self = this, o = this.options, c = this._const; this.element.css({ - // 这里直接使用px即可 minWidth: BI.pixFormat(o.closable ? c.closableMinWidth : c.minWidth), maxWidth: BI.pixFormat(o.closable ? c.closableMaxWidth : c.maxWidth), }); diff --git a/src/case/colorchooser/colorchooser.js b/src/case/colorchooser/colorchooser.js index e60ee42f9..218ea56b0 100644 --- 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({ diff --git a/src/case/combo/icontextvaluecombo/combo.icontextvalue.js b/src/case/combo/icontextvaluecombo/combo.icontextvalue.js index 704c80f14..9a920240a 100644 --- 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, diff --git a/src/case/combo/searchtextvaluecombo/combo.searchtextvalue.js b/src/case/combo/searchtextvaluecombo/combo.searchtextvalue.js index d394a6017..63f73944a 100644 --- 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, diff --git a/src/case/combo/textvaluecheckcombo/combo.textvaluecheck.js b/src/case/combo/textvaluecheckcombo/combo.textvaluecheck.js index 12c300f22..9c5f0d0fc 100644 --- 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: { diff --git a/src/case/combo/textvaluecombo/combo.textvalue.js b/src/case/combo/textvaluecombo/combo.textvalue.js index 78cb6fc24..1128f4ed8 100644 --- 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, diff --git a/src/case/layer/panel.js b/src/case/layer/panel.js index 45f5cbf79..5c41e35d9 100644 --- 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) }; }, diff --git a/src/case/linearsegment/button.linear.segment.js b/src/case/linearsegment/button.linear.segment.js index d6c5abe5d..c9954925c 100644 --- 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 () { diff --git a/src/case/segment/segment.js b/src/case/segment/segment.js index 55d8d18db..dac7754d1 100644 --- 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: [ diff --git a/src/case/trigger/trigger.editor.js b/src/case/trigger/trigger.editor.js index 4998ea583..5bdcc8f56 100644 --- 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,9 +65,9 @@ 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: o.triggerWidth || BI.pixFormat(o.height, 2) + width: "" } ] }); diff --git a/src/case/trigger/trigger.icon.text.js b/src/case/trigger/trigger.icon.text.js index 36d156e13..a102b5d0c 100644 --- a/src/case/trigger/trigger.icon.text.js +++ b/src/case/trigger/trigger.icon.text.js @@ -42,7 +42,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, { BI.createWidget({ element: this, type: "bi.horizontal_fill", - columnSize: [BI.isEmptyString(o.iconCls) ? 0 : (o.iconWrapperWidth || o.height), "fill", o.triggerWidth || o.height], + columnSize: ["", "fill", ""], ref: function (_ref) { self.wrapper = _ref; }, @@ -50,7 +50,9 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, { el: { type: "bi.icon_change_button", cls: "icon-combo-trigger-icon", + width: o.triggerWidth || o.height, iconCls: o.iconCls, + invisible: !o.iconCls, ref: function (_ref) { self.icon = _ref; }, @@ -74,21 +76,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, { setIcon: function (iconCls) { var o = this.options; this.icon.setIcon(iconCls); - var iconItem = this.wrapper.attr("items")[0]; - var textItem = this.wrapper.attr("items")[1]; - if (BI.isNull(iconCls) || BI.isEmptyString(iconCls)) { - if (iconItem.width !== 0) { - iconItem.width = 0; - textItem.lgap = 5; - this.wrapper.resize(); - } - } else { - if (iconItem.width !== (o.iconWrapperWidth || o.height)) { - iconItem.width = (o.iconWrapperWidth || o.height); - textItem.lgap = 0; - this.wrapper.resize(); - } - } + this.icon.setVisible(!!iconCls); }, setTextCls: function (cls) { diff --git a/src/case/trigger/trigger.text.js b/src/case/trigger/trigger.text.js index fe72fde60..6e7273252 100644 --- a/src/case/trigger/trigger.text.js +++ b/src/case/trigger/trigger.text.js @@ -60,7 +60,7 @@ BI.TextTrigger = BI.inherit(BI.Trigger, { return ({ type: "bi.horizontal_fill", - columnSize: ["fill", o.triggerWidth || o.height], + columnSize: ["fill", ""], items: [ { el: label, @@ -68,6 +68,8 @@ BI.TextTrigger = BI.inherit(BI.Trigger, { }, { el: o.allowClear ? { type: "bi.vertical_adapt", + width: o.triggerWidth || o.height, + height: o.height, horizontalAlign: "left", scrollable: false, items: [ @@ -80,7 +82,6 @@ BI.TextTrigger = BI.inherit(BI.Trigger, { cls: "close-h-font " + (o.allowClear ? "clear-button" : ""), stopPropagation: true, width: o.triggerWidth || o.height, - height: o.height, invisible: !BI.isNotEmptyString(o.text), handler: function () { self.fireEvent(BI.TextTrigger.EVENT_CLEAR); diff --git a/src/case/trigger/trigger.text.select.small.js b/src/case/trigger/trigger.text.select.small.js index 8e81a7ac7..adbd5603c 100644 --- 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, diff --git a/src/case/trigger/trigger.text.small.js b/src/case/trigger/trigger.text.small.js index 6fbb04c3c..27c395a69 100644 --- a/src/case/trigger/trigger.text.small.js +++ b/src/case/trigger/trigger.text.small.js @@ -43,7 +43,7 @@ BI.SmallTextTrigger = BI.inherit(BI.Trigger, { width: "fill" }, { el: this.trigerButton, - width: o.triggerWidth || o.height + width: "" } ] }); diff --git a/src/core/4.widget.js b/src/core/4.widget.js index bca87b9fc..ab85900ff 100644 --- 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.isNumber(o.width) ? BI.pixFormat(o.width) : 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.isNumber(o.height) ? BI.pixFormat(o.height) : o.height); + this.element.css("height", BI.pixFormat(o.height)); } }, @@ -927,6 +927,16 @@ return vm; }; + BI.execWithContext = function (_context, fn) { + BI.Widget.pushContext(_context); + try { + fn(); + } catch (e) { + // nothing + } + BI.Widget.popContext(); + }; + BI.watch = function (vm, watch, handler) { // 必须要保证组件当前环境存在 if (BI.Widget.current) { diff --git a/src/core/constant/var.js b/src/core/constant/var.js index fc89511f5..f9acb8b30 100644 --- a/src/core/constant/var.js +++ b/src/core/constant/var.js @@ -15,12 +15,13 @@ BI._.extend(BI, { emptyStr: "", pixUnit: "px", pixRatio: 1, + // 一定返回最终的单位 pixFormat: function (pix, border) { if (!BI.isNumber(pix)) { return pix; } - if (BI.pixUnit === "px" && BI.pixRatio === 1) { - return (pix - (border || 0)) / BI.pixRatio + BI.pixUnit; + if (BI.pixUnit === "px") { + return (pix / BI.pixRatio - (border || 0)) + BI.pixUnit; } var length = pix / BI.pixRatio + BI.pixUnit; if (border > 0) { @@ -28,6 +29,18 @@ BI._.extend(BI, { } return length; }, + toPix: function (pix, border) { + if (!BI.isNumber(pix)) { + return pix; + } + if (BI.pixUnit === "px") { + return pix - (border || 0) * BI.pixRatio; + } + if (border > 0) { + return `calc(${pix / BI.pixRatio + BI.pixUnit} - ${border + "px"})`; + } + return pix; + }, emptyFn: function () { }, empty: null, diff --git a/src/core/wrapper/layout.js b/src/core/wrapper/layout.js index b1ae46ba7..8ca284d30 100644 --- 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.isNumber(this.options.top) ? BI.pixFormat(this.options.top) : this.options.top); + this.element.css("top", BI.pixFormat(this.options.top)); } if (this.options.left) { - this.element.css("left", BI.isNumber(this.options.left) ? BI.pixFormat(this.options.left) : this.options.left); + this.element.css("left", BI.pixFormat(this.options.left)); } if (this.options.bottom) { - this.element.css("bottom", BI.isNumber(this.options.bottom) ? BI.pixFormat(this.options.bottom) : this.options.bottom); + this.element.css("bottom", BI.pixFormat(this.options.bottom)); } if (this.options.right) { - this.element.css("right", BI.isNumber(this.options.right) ? BI.pixFormat(this.options.right) : this.options.right); + this.element.css("right", BI.pixFormat(this.options.right)); } }, diff --git a/src/core/wrapper/layout/layout.flow.js b/src/core/wrapper/layout/layout.flow.js index de14999f7..13b9fdb54 100644 --- 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.isNumber(item.left) ? BI.pixFormat(item.left) : item.left}); + w.element.css({left: BI.pixFormat(item.left)}); } if (BI.isNotNull(item.right)) { - w.element.css({right: BI.isNumber(item.right) ? BI.pixFormat(item.right) : item.right}); + w.element.css({right: BI.pixFormat(item.right)}); } if (BI.isNotNull(item.top)) { - w.element.css({top: BI.isNumber(item.top) ? BI.pixFormat(item.top) : item.top}); + w.element.css({top: BI.pixFormat(item.top)}); } if (BI.isNotNull(item.bottom)) { - w.element.css({bottom: BI.isNumber(item.bottom) ? BI.pixFormat(item.bottom) : 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); diff --git a/src/core/wrapper/layout/layout.tape.js b/src/core/wrapper/layout/layout.tape.js index a3fa8bcf0..185af813d 100644 --- a/src/core/wrapper/layout/layout.tape.js +++ b/src/core/wrapper/layout/layout.tape.js @@ -92,7 +92,7 @@ BI.HTapeLayout = BI.inherit(BI.Layout, { left: self._optimiseGap(left[i] + self._optimiseItemLgap(item) + self._optimiseItemHgap(item) + o.hgap + o.lgap) }); - if (columnSize === "" || columnSize === "fill") { + if (BI.isNull(columnSize) || columnSize === "" || columnSize === "fill") { return true; } }); @@ -110,7 +110,7 @@ BI.HTapeLayout = BI.inherit(BI.Layout, { right: self._optimiseGap(right[i] + self._optimiseItemRgap(item) + self._optimiseItemHgap(item) + o.hgap + o.rgap) }); - if (columnSize === "" || columnSize === "fill") { + if (BI.isNull(columnSize) || columnSize === "" || columnSize === "fill") { return true; } }); diff --git a/src/less/base/single/editor/editor.textarea.less b/src/less/base/single/editor/editor.textarea.less index dc0a77a03..e5e8152be 100644 --- a/src/less/base/single/editor/editor.textarea.less +++ b/src/less/base/single/editor/editor.textarea.less @@ -6,10 +6,11 @@ white-space: pre-wrap; word-break: break-all; font-size: @font-size-12; + font-size: calc(var(--css-scale, 1) * @font-size-12); line-height: 21px; - & { - border: none; - } + line-height: calc(var(--css-scale, 1) * 21px); + + border: none; } & .textarea-watermark{ max-height: 100%; diff --git a/src/less/widget/year/popup.year.less b/src/less/widget/year/popup.year.less index 148f40508..2d9e7e133 100644 --- a/src/less/widget/year/popup.year.less +++ b/src/less/widget/year/popup.year.less @@ -2,7 +2,6 @@ .bi-year-popup { & .year-popup-navigation { - line-height: 30px; & > .center-element { border-left: 1px solid @color-bi-border-year-popup; } @@ -26,4 +25,4 @@ } } } -} \ No newline at end of file +} diff --git a/src/widget/date/calendar/popup.month.js b/src/widget/date/calendar/popup.month.js index 911f578a1..402c6ffc2 100644 --- 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, diff --git a/src/widget/dynamicdate/dynamicdate.combo.js b/src/widget/dynamicdate/dynamicdate.combo.js index 4508f8e50..3219fb298 100644 --- 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; diff --git a/src/widget/dynamicdate/dynamicdate.param.item.js b/src/widget/dynamicdate/dynamicdate.param.item.js index 26c1ad101..ed8c4dea0 100644 --- 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); }, diff --git a/src/widget/dynamicdate/dynamicdate.popup.js b/src/widget/dynamicdate/dynamicdate.popup.js index 843980eda..1f0967e58 100644 --- 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: [{ diff --git a/src/widget/dynamicdatetime/dynamicdatetime.combo.js b/src/widget/dynamicdatetime/dynamicdatetime.combo.js index 5077d7866..54a445415 100644 --- a/src/widget/dynamicdatetime/dynamicdatetime.combo.js +++ b/src/widget/dynamicdatetime/dynamicdatetime.combo.js @@ -8,7 +8,7 @@ BI.DynamicDateTimeCombo = BI.inherit(BI.Single, { }, props: { - baseCls: "bi-dynamic-date-combo", + baseCls: "bi-dynamic-date--time-combo", height: 24, minDate: "1900-01-01", maxDate: "2099-12-31", @@ -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; diff --git a/src/widget/dynamicdatetime/dynamicdatetime.popup.js b/src/widget/dynamicdatetime/dynamicdatetime.popup.js index cf57d339e..e7858ba35 100644 --- 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: [{ diff --git a/src/widget/editor/editor.search.js b/src/widget/editor/editor.search.js index fea367c66..29e4983eb 100644 --- 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: [ { diff --git a/src/widget/editor/editor.text.js b/src/widget/editor/editor.text.js index c2da87b02..4525a2a7b 100644 --- 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, diff --git a/src/widget/intervalslider/intervalslider.js b/src/widget/intervalslider/intervalslider.js index 9f1fb51c8..71351dd71 100644 --- 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.toPix(c.EDITOR_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); } diff --git a/src/widget/multilayerselecttree/multilayerselecttree.combo.js b/src/widget/multilayerselecttree/multilayerselecttree.combo.js index 6be90346a..9d334bffd 100644 --- 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, diff --git a/src/widget/multilayersingletree/multilayersingletree.combo.js b/src/widget/multilayersingletree/multilayersingletree.combo.js index d63207f6a..74876e8d5 100644 --- 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, diff --git a/src/widget/multiselect/multiselect.combo.js b/src/widget/multiselect/multiselect.combo.js index 807bffcdb..5651fa04f 100644 --- 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: { diff --git a/src/widget/multiselect/multiselect.combo.nobar.js b/src/widget/multiselect/multiselect.combo.nobar.js index 16b24855e..1734124af 100644 --- 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: { diff --git a/src/widget/multiselect/multiselect.insert.combo.js b/src/widget/multiselect/multiselect.insert.combo.js index b473b4628..6540e0dc9 100644 --- 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, diff --git a/src/widget/multiselect/multiselect.insert.combo.nobar.js b/src/widget/multiselect/multiselect.insert.combo.nobar.js index ad47d1608..c7ff2109d 100644 --- 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: { diff --git a/src/widget/multiselect/multiselect.loader.nobar.js b/src/widget/multiselect/multiselect.loader.nobar.js index c8e259cd3..dde974df8 100644 --- a/src/widget/multiselect/multiselect.loader.nobar.js +++ b/src/widget/multiselect/multiselect.loader.nobar.js @@ -173,7 +173,7 @@ BI.MultiSelectNoBarLoader = BI.inherit(BI.Widget, { }, resetHeight: function (h) { - this.button_group.element.css({ "max-height": BI.pixFormat(h) }); + this.button_group.element.css({ "max-height": BI.toPix(h) }); }, resetWidth: function () { diff --git a/src/widget/multiselect/search/multiselect.search.insert.pane.js b/src/widget/multiselect/search/multiselect.search.insert.pane.js index e72b64661..d459dc73a 100644 --- a/src/widget/multiselect/search/multiselect.search.insert.pane.js +++ b/src/widget/multiselect/search/multiselect.search.insert.pane.js @@ -54,11 +54,11 @@ BI.MultiSelectSearchInsertPane = BI.inherit(BI.Widget, { }); this.resizer = BI.createWidget({ - type: "bi.vtape", + type: "bi.vertical_fill", + rowSize: ["", "fill"], element: this, items: [{ el: this.addNotMatchTip, - height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, }, { el: this.loader, }], diff --git a/src/widget/multiselectlist/multiselectlist.insert.js b/src/widget/multiselectlist/multiselectlist.insert.js index cc905c88f..8b6e8785f 100644 --- a/src/widget/multiselectlist/multiselectlist.insert.js +++ b/src/widget/multiselectlist/multiselectlist.insert.js @@ -74,7 +74,6 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, { ref: function (ref) { self.editor = ref; }, - height: o.searcherHeight || BI.SIZE_CONSANTS.TRIGGER_HEIGHT, }, isAutoSearch: false, isAutoSync: false, @@ -83,7 +82,6 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, { }, adapter: this.adapter, popup: this.searcherPane, - height: 200, masker: false, listeners: [{ eventName: BI.Searcher.EVENT_START, @@ -168,14 +166,13 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, { }); BI.createWidget({ - type: "bi.vtape", + type: "bi.vertical_fill", + rowSize: ["", "fill"], element: this, items: [{ el: this.trigger, - height: o.searcherHeight || BI.SIZE_CONSANTS.TRIGGER_HEIGHT, }, { el: this.adapter, - height: "fill" }] }); BI.createWidget({ diff --git a/src/widget/multitree/multi.tree.combo.js b/src/widget/multitree/multi.tree.combo.js index 83b0cb741..d48e8d6db 100644 --- 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, diff --git a/src/widget/multitree/multi.tree.insert.combo.js b/src/widget/multitree/multi.tree.insert.combo.js index ab3922f13..c9ce5545f 100644 --- 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, diff --git a/src/widget/multitree/multi.tree.list.combo.js b/src/widget/multitree/multi.tree.list.combo.js index 41a3d15a8..9b82b8780 100644 --- 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: { diff --git a/src/widget/numbereditor/number.editor.js b/src/widget/numbereditor/number.editor.js index 0dead38cf..383560bf8 100644 --- 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: { diff --git a/src/widget/numberinterval/numberinterval.js b/src/widget/numberinterval/numberinterval.js index c68de273b..0c3c488bd 100644 --- 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", diff --git a/src/widget/searchmultitextvaluecombo/multitextvalue.combo.search.js b/src/widget/searchmultitextvaluecombo/multitextvalue.combo.search.js index e6259e684..4fdbf42ee 100644 --- 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: { diff --git a/src/widget/selecttree/selecttree.combo.js b/src/widget/selecttree/selecttree.combo.js index 5f2147bae..5095c120d 100644 --- 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, diff --git a/src/widget/singleselect/search/singleselect.search.pane.insert.js b/src/widget/singleselect/search/singleselect.search.pane.insert.js index 95fd13cc3..6c1e49af2 100644 --- a/src/widget/singleselect/search/singleselect.search.pane.insert.js +++ b/src/widget/singleselect/search/singleselect.search.pane.insert.js @@ -15,7 +15,7 @@ BI.SingleSelectSearchInsertPane = BI.inherit(BI.Widget, { _defaultConfig: function () { return BI.extend(BI.SingleSelectSearchInsertPane.superclass._defaultConfig.apply(this, arguments), { - baseCls: "bi-single-select-search-pane bi-card", + baseCls: "bi-single-select-search-pane-insert bi-card", allowNoSelect: false, itemsCreator: BI.emptyFn, valueFormatter: BI.emptyFn, @@ -53,7 +53,8 @@ BI.SingleSelectSearchInsertPane = BI.inherit(BI.Widget, { }); this.resizer = BI.createWidget({ - type: "bi.vtape", + type: "bi.vertical_fill", + rowSize: ["", "fill"], element: this, items: [{ type: "bi.vertical", @@ -92,4 +93,4 @@ BI.SingleSelectSearchInsertPane = BI.inherit(BI.Widget, { BI.SingleSelectSearchInsertPane.EVENT_CHANGE = "EVENT_CHANGE"; -BI.shortcut("bi.single_select_search_insert_pane", BI.SingleSelectSearchInsertPane); \ No newline at end of file +BI.shortcut("bi.single_select_search_insert_pane", BI.SingleSelectSearchInsertPane); diff --git a/src/widget/singleselect/search/singleselect.search.pane.js b/src/widget/singleselect/search/singleselect.search.pane.js index e5364e261..ea923c5f6 100644 --- a/src/widget/singleselect/search/singleselect.search.pane.js +++ b/src/widget/singleselect/search/singleselect.search.pane.js @@ -53,11 +53,11 @@ BI.SingleSelectSearchPane = BI.inherit(BI.Widget, { }); this.resizer = BI.createWidget({ - type: "bi.vtape", + type: "bi.vertical_fill", + rowSize: ["", "fill"], element: this, items: [{ el: this.tooltipClick, - height: 0 }, { el: this.loader }] @@ -98,4 +98,4 @@ BI.SingleSelectSearchPane = BI.inherit(BI.Widget, { BI.SingleSelectSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; -BI.shortcut("bi.single_select_search_pane", BI.SingleSelectSearchPane); \ No newline at end of file +BI.shortcut("bi.single_select_search_pane", BI.SingleSelectSearchPane); diff --git a/src/widget/singleselect/singleselect.combo.js b/src/widget/singleselect/singleselect.combo.js index 81140cfd0..cc4d7c261 100644 --- 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, diff --git a/src/widget/singleselect/singleselect.insert.combo.js b/src/widget/singleselect/singleselect.insert.combo.js index 039283d79..a36bf0bd6 100644 --- 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, diff --git a/src/widget/singleselect/singleselectlist.insert.js b/src/widget/singleselect/singleselectlist.insert.js index f9bce32e6..9e953468c 100644 --- a/src/widget/singleselect/singleselectlist.insert.js +++ b/src/widget/singleselect/singleselectlist.insert.js @@ -6,7 +6,7 @@ BI.SingleSelectInsertList = BI.inherit(BI.Single, { _defaultConfig: function () { return BI.extend(BI.SingleSelectInsertList.superclass._defaultConfig.apply(this, arguments), { - baseCls: "bi-multi-select-insert-list", + baseCls: "bi-single-select-insert-list", allowNoSelect: false, itemsCreator: BI.emptyFn, itemWrapper: BI.emptyFn, @@ -81,7 +81,6 @@ BI.SingleSelectInsertList = BI.inherit(BI.Single, { }, adapter: this.adapter, popup: this.searcherPane, - height: 200, masker: false, value: o.value, listeners: [{ @@ -124,14 +123,13 @@ BI.SingleSelectInsertList = BI.inherit(BI.Single, { }); BI.createWidget({ - type: "bi.vtape", + type: "bi.vertical_fill", + rowSize: ["", "fill"], element: this, items: [{ el: this.trigger, - height: 24 }, { el: this.adapter, - height: "fill" }] }); BI.createWidget({ diff --git a/src/widget/singleslider/singleslider.js b/src/widget/singleslider/singleslider.js index 15410cb1a..8cf77b180 100644 --- 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) { diff --git a/src/widget/singleslider/singleslider.label.js b/src/widget/singleslider/singleslider.label.js index 7e8da3019..c9ec33998 100644 --- 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); diff --git a/src/widget/singletree/singletree.combo.js b/src/widget/singletree/singletree.combo.js index 2c9319c59..589c205c6 100644 --- 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, diff --git a/src/widget/textvaluedownlistcombo/combo.textvaluedownlist.js b/src/widget/textvaluedownlistcombo/combo.textvaluedownlist.js index 146472c30..9410d9190 100644 --- a/src/widget/textvaluedownlistcombo/combo.textvaluedownlist.js +++ b/src/widget/textvaluedownlistcombo/combo.textvaluedownlist.js @@ -5,7 +5,7 @@ BI.TextValueDownListCombo = BI.inherit(BI.Widget, { _defaultConfig: function (config) { return BI.extend(BI.TextValueDownListCombo.superclass._defaultConfig.apply(this, arguments), { - baseCls: "bi-text-value-down-list-combo " + (config.simple ? "bi-border-bottom" : "bi-border"), + baseCls: "bi-text-value-down-list-combo bi-border-radius " + (config.simple ? "bi-border-bottom" : "bi-border"), height: 24, }); }, @@ -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) diff --git a/src/widget/time/time.combo.js b/src/widget/time/time.combo.js index 1ba03c2d3..6f3f8947d 100644 --- 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, diff --git a/src/widget/year/combo.year.js b/src/widget/year/combo.year.js index c9f456a1b..558a6c62a 100644 --- 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; } diff --git a/src/widget/year/popup.year.js b/src/widget/year/popup.year.js index 6a7c883c6..2e6d4b952 100644 --- a/src/widget/year/popup.year.js +++ b/src/widget/year/popup.year.js @@ -11,7 +11,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, { }, props: { - baseCls: "bi-year-popup", + baseCls: "bi-dynamic-year-popup", behaviors: {}, min: "1900-01-01", // 最小日期 max: "2099-12-31", // 最大日期, @@ -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: [{ @@ -243,4 +243,4 @@ BI.DynamicYearPopup.BUTTON_CLEAR_EVENT_CHANGE = "BUTTON_CLEAR_EVENT_CHANGE"; BI.DynamicYearPopup.BUTTON_lABEL_EVENT_CHANGE = "BUTTON_lABEL_EVENT_CHANGE"; BI.DynamicYearPopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE"; BI.DynamicYearPopup.EVENT_CHANGE = "EVENT_CHANGE"; -BI.shortcut("bi.dynamic_year_popup", BI.DynamicYearPopup); \ No newline at end of file +BI.shortcut("bi.dynamic_year_popup", BI.DynamicYearPopup); diff --git a/src/widget/yearmonth/card.static.yearmonth.js b/src/widget/yearmonth/card.static.yearmonth.js index c0ababb9a..6ba4a94bc 100644 --- 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, diff --git a/src/widget/yearmonth/combo.yearmonth.js b/src/widget/yearmonth/combo.yearmonth.js index 23b9dfd01..4a85db0f2 100644 --- 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; } diff --git a/src/widget/yearmonth/popup.yearmonth.js b/src/widget/yearmonth/popup.yearmonth.js index f1bcd11a2..1b80214d7 100644 --- 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: [{ diff --git a/src/widget/yearquarter/combo.yearquarter.js b/src/widget/yearquarter/combo.yearquarter.js index 0292ef55b..455fd9901 100644 --- 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; } diff --git a/src/widget/yearquarter/popup.yearquarter.js b/src/widget/yearquarter/popup.yearquarter.js index 638cebec3..6cfbc519a 100644 --- 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,