Browse Source

Pull request #2532: 无JIRA absolute支持inset shorthand

Merge in VISUAL/fineui from ~DAILER/fineui:master to master

* commit '99b13b44f0b07070c2ffb8a74f55d7c9a66945d5':
  无JIRA absolute支持inset shorthand
  无JIRA absolute支持inset shorthand
  无JIRA absolute支持inset shorthand
es6
Dailer 3 years ago
parent
commit
92ec6173f9
  1. 46
      src/core/wrapper/layout/layout.absolute.js
  2. 1
      typescript/shims-tsx.ts

46
src/core/wrapper/layout/layout.absolute.js

@ -24,21 +24,43 @@ BI.AbsoluteLayout = BI.inherit(BI.Layout, {
var o = this.options; var o = this.options;
var w = BI.AbsoluteLayout.superclass._addElement.apply(this, arguments); var w = BI.AbsoluteLayout.superclass._addElement.apply(this, arguments);
var left = 0, right = 0, top = 0, bottom = 0; var left = 0, right = 0, top = 0, bottom = 0;
if (BI.isNotNull(item.left)) { var offsets = BI.pick(item, ["top", "right", "bottom", "left"]);
w.element.css({left: BI.isNumber(item.left) ? this._optimiseGap(item.left) : item.left});
left += item.left; if (BI.isKey(item.inset)) {
var insets = BI.map((item.inset + "").split(" "), function (i, str) {
return BI.parseFloat(str);
});
switch (insets.length) {
case 1:
offsets = {top: insets[0], bottom: insets[0], left: insets[0], right: insets[0]}
break;
case 2:
offsets = {top: insets[0], bottom: insets[0], left: insets[1], right: insets[1]}
break;
case 3:
offsets = {top: insets[0], left: insets[1], right: insets[1], bottom: insets[2]}
break
case 4:
default:
offsets = {top: insets[0], right: insets[1], bottom: insets[2], left: insets[3]}
break;
}
}
if (BI.isNotNull(offsets.left)) {
w.element.css({left: BI.isNumber(offsets.left) ? this._optimiseGap(offsets.left) : offsets.left});
left += offsets.left;
} }
if (BI.isNotNull(item.right)) { if (BI.isNotNull(offsets.right)) {
w.element.css({right: BI.isNumber(item.right) ? this._optimiseGap(item.right) : item.right}); w.element.css({right: BI.isNumber(offsets.right) ? this._optimiseGap(offsets.right) : offsets.right});
right += item.right; right += offsets.right;
} }
if (BI.isNotNull(item.top)) { if (BI.isNotNull(offsets.top)) {
w.element.css({top: BI.isNumber(item.top) ? this._optimiseGap(item.top) : item.top}); w.element.css({top: BI.isNumber(offsets.top) ? this._optimiseGap(offsets.top) : offsets.top});
top += item.top; top += offsets.top;
} }
if (BI.isNotNull(item.bottom)) { if (BI.isNotNull(offsets.bottom)) {
w.element.css({bottom: BI.isNumber(item.bottom) ? this._optimiseGap(item.bottom) : item.bottom}); w.element.css({bottom: BI.isNumber(offsets.bottom) ? this._optimiseGap(offsets.bottom) : offsets.bottom});
bottom += item.bottom; bottom += offsets.bottom;
} }
if (BI.isNotNull(o.hgap)) { if (BI.isNotNull(o.hgap)) {

1
typescript/shims-tsx.ts

@ -13,6 +13,7 @@ interface UIProps {
bgap: number; bgap: number;
vgap: number; vgap: number;
hgap: number; hgap: number;
inset: number | string;
} }
// 一些布局的附加属性 // 一些布局的附加属性

Loading…
Cancel
Save