Skip to content

Z
zeroing-engine
Commit 8e410772 authored by haiyoucuv's avatar haiyoucuv
Browse files
Options

1

parent 0d4eb013
Expand all Show whitespace changes
Inline Side-by-side
Showing with 97 additions and 88 deletions
.idea/workspace.xml
View file @ 8e410772
......@@ -2,14 +2,11 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="af35c04f-08f6-48ed-85db-2f94c60e87fd" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_2020_5_14,_2_47_下午_[Default_Changelist]1/shelved.patch" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Update_at_2020_5_14__2_47___Default_Changelist_1.xml" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/debug/engine.js" beforeDir="false" afterPath="$PROJECT_DIR$/debug/engine.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/debug/engine.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/debug/engine.js.map" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/zeroing/decorators/AlignManager.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/zeroing/decorators/AlignManager.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/zeroing/game-warpper/GameStage.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/zeroing/game-warpper/GameStage.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/zeroing/launcher.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/zeroing/launcher.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/zeroing/decorators/auto-adjust.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/zeroing/decorators/auto-adjust.ts" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
......@@ -178,7 +175,7 @@
<workItem from="1589888428282" duration="5840000" />
<workItem from="1589990226868" duration="35000" />
<workItem from="1590026135813" duration="6205000" />
<workItem from="1590111768143" duration="617000" />
<workItem from="1590111768143" duration="4117000" />
</task>
<task id="LOCAL-00001" summary="11">
<created>1590043861171</created>
......
debug/engine.js
View file @ 8e410772
......@@ -1914,43 +1914,45 @@ var tslib = {__extends: __extends,__assign: __assign,__rest: __rest,__decorate:
var _this = this;
if (!that.alignEnabled)
return;
var percentWidth = that.percentWidth, percentHeight = that.percentHeight, top = that.top, bottom = that.bottom, left = that.left, right = that.right, horizonCenter = that.horizonCenter, verticalCenter = that.verticalCenter;
var percentWidth = that.percentWidth, percentHeight = that.percentHeight, top = that.top, bottom = that.bottom, left = that.left, right = that.right, percentTop = that.percentTop, percentBottom = that.percentBottom, percentLeft = that.percentLeft, percentRight = that.percentRight, horizonCenter = that.horizonCenter, verticalCenter = that.verticalCenter;
var _a = that._width, tW_Z = _a === void 0 ? 0 : _a, _b = that._height, tH_Z = _b === void 0 ? 0 : _b;
var _c = (that.parent || {}), _d = _c._width, pW_Z = _d === void 0 ? 0 : _d, _e = _c._height, pH_Z = _e === void 0 ? 0 : _e;
top /= 100;
bottom /= 100;
left /= 100;
right /= 100;
if (toBoolean(left) && toBoolean(right)) {
that.x = left * pW_Z;
that.width = (1 - left - right) * pW_Z;
var judgePL = toBoolean(percentLeft), judgePR = toBoolean(percentRight);
var judgePT = toBoolean(percentTop), judgePB = toBoolean(percentBottom);
var _left = judgePL ? percentLeft / 100 * pW_Z : left;
var _right = judgePR ? percentRight / 100 * pW_Z : right;
var _top = judgePT ? percentTop / 100 * pH_Z : top;
var _bottom = judgePB ? percentBottom / 100 * pH_Z : bottom;
if (tt(_left, _right)) {
that.x = _left;
that.width = pW_Z - _left - _right;
}
else {
toBoolean(percentWidth) && (tW_Z = that.width = pW_Z * percentWidth / 100);
if (toBoolean(horizonCenter)) {
that.x = pW_Z / 2 - tW_Z / 2 + horizonCenter;
}
else if (toBoolean(left)) {
that.x = left * pW_Z;
else if (toBoolean(_left)) {
that.x = _left;
}
else if (toBoolean(right)) {
that.x = (1 - right) * pW_Z - tW_Z;
else if (toBoolean(_right)) {
that.x = pW_Z - _right - tW_Z;
}
}
if (toBoolean(top) && toBoolean(bottom)) {
that.y = top * pH_Z;
that.height = (1 - top - bottom) * pH_Z;
if (toBoolean(_top) && toBoolean(_bottom)) {
that.y = _top;
that.height = pH_Z - _top - _bottom;
}
else {
toBoolean(percentHeight) && (tH_Z = that.height = pH_Z * percentHeight / 100);
if (toBoolean(verticalCenter)) {
that.y = pH_Z / 2 - tH_Z / 2 + verticalCenter;
}
else if (toBoolean(top)) {
that.y = top * pH_Z;
else if (toBoolean(_top)) {
that.y = _top;
}
else if (toBoolean(bottom)) {
that.y = (1 - bottom) * pH_Z - tH_Z;
else if (toBoolean(_bottom)) {
that.y = pH_Z - _bottom - tH_Z;
}
}
that.children.forEach(function (v) { return _this.align(v); });
......@@ -1992,6 +1994,17 @@ var tslib = {__extends: __extends,__assign: __assign,__rest: __rest,__decorate:
};
return AlignManager;
}());
function tt() {
var v = [];
for (var _i = 0; _i < arguments.length; _i++) {
v[_i] = arguments[_i];
}
for (var i = 0; i < v.length; i++) {
if (!toBoolean(v[i]))
return false;
}
return true;
}
var alignMgr = new AlignManager();
function applyAutoAdjust(ctor) {
......@@ -2053,6 +2066,10 @@ var tslib = {__extends: __extends,__assign: __assign,__rest: __rest,__decorate:
top: NaN,
right: NaN,
bottom: NaN,
percentLeft: NaN,
percentTop: NaN,
percentRight: NaN,
percentBottom: NaN,
horizonCenter: NaN,
verticalCenter: NaN,
autoWidth: false,
......
debug/engine.js.map
View file @ 8e410772
This diff is collapsed.
src/zeroing/decorators/AlignManager.ts
View file @ 8e410772
......@@ -49,47 +49,63 @@ class AlignManager {
// that.alignEnabled = false;
// }
let {percentWidth, percentHeight, top, bottom, left, right, horizonCenter, verticalCenter} = that;
let {
percentWidth, percentHeight,
top, bottom, left, right,
percentTop, percentBottom, percentLeft, percentRight,
horizonCenter, verticalCenter
} = that;
let {_width: tW_Z = 0, _height: tH_Z = 0} = that;
const {_width: pW_Z = 0, _height: pH_Z = 0} = (that.parent || {});
top /= 100;
bottom /= 100;
left /= 100;
right /= 100;
/// TODO null / 100 == 0 ?????? wtf!!!!
// percentWidth /= 100;
// percentHeight /= 100;
// percentTop /= 100;
// percentBottom /= 100;
// percentLeft /= 100;
// percentRight /= 100;
let judgePL = toBoolean(percentLeft)
, judgePR = toBoolean(percentRight);
let judgePT = toBoolean(percentTop)
, judgePB = toBoolean(percentBottom);
// 先转化一下
let _left = judgePL ? percentLeft / 100 * pW_Z : left;
let _right = judgePR ? percentRight / 100 * pW_Z : right;
let _top = judgePT ? percentTop / 100 * pH_Z : top;
let _bottom = judgePB ? percentBottom / 100 * pH_Z : bottom;
/**
* 计算 width 和 x 值
*/
if (toBoolean(left) && toBoolean(right)) { // left right 都有则直接拉伸或缩小
if (tt(_left, _right)) { // _left _right 都有则直接拉伸或缩小
that.x = left * pW_Z;
that.x = _left;
that.width = (1 - left - right) * pW_Z;
that.width = pW_Z - _left - _right;
} else {
// 先设置下自己的 width
toBoolean(percentWidth) && (tW_Z = that.width = pW_Z * percentWidth / 100);
// if (toBoolean(percentWidth)) {
//
// tW_Z = that.width = pW_Z * percentWidth / 100;
//
// }
// 先考虑 horizonCenter 属性
if (toBoolean(horizonCenter)) {
// x 值 = 父节点的中间值 - 自己宽度的一半 - 居中差值
that.x = pW_Z / 2 - tW_Z / 2 + horizonCenter;
} else if (toBoolean(left)) { // 假如有左边距
} else if (toBoolean(_left)) { // 假如有 _left
that.x = left * pW_Z;
that.x = _left;
} else if (toBoolean(right)) { // 假如有右边距
} else if (toBoolean(_right)) { // 假如有 _right
that.x = (1 - right) * pW_Z - tW_Z;
that.x = pW_Z - _right - tW_Z;
}
}
......@@ -97,11 +113,11 @@ class AlignManager {
/**
* 计算 height 和 y 值
*/
if (toBoolean(top) && toBoolean(bottom)) { // top bottom 都有则直接拉伸或缩小
if (toBoolean(_top) && toBoolean(_bottom)) { // _top _bottom 都有则直接拉伸或缩小
that.y = top * pH_Z;
that.y = _top;
that.height = (1 - top - bottom) * pH_Z;
that.height = pH_Z - _top - _bottom;
} else {
// 先设置下自己的 height
......@@ -112,13 +128,13 @@ class AlignManager {
// x 值 = 父节点的中间值 - 自己高度的一半 - 居中差值
that.y = pH_Z / 2 - tH_Z / 2 + verticalCenter;
} else if (toBoolean(top)) { // 假如有 top
} else if (toBoolean(_top)) { // 假如有 _top
that.y = top * pH_Z;
that.y = _top;
} else if (toBoolean(bottom)) { // 假如有 bottom
} else if (toBoolean(_bottom)) { // 假如有 _bottom
that.y = (1 - bottom) * pH_Z - tH_Z;
that.y = pH_Z - _bottom - tH_Z;
}
}
......@@ -208,4 +224,11 @@ class AlignManager {
}
}
function tt(...v) {
for (let i = 0; i < v.length; i++) {
if (!toBoolean(v[i])) return false;
}
return true;
}
export let alignMgr = new AlignManager();
src/zeroing/decorators/auto-adjust.ts
View file @ 8e410772
......@@ -19,9 +19,7 @@ export function applyAutoAdjust(ctor: Function) {
};
let temp = new AdjustProxy(null);
for (let key in temp.data) {
if (key == 'alignMode'
// || key == 'percentWidth' || key == 'percentHeight'
) continue;
if (key == 'alignMode') continue;
Object.defineProperty(ctor.prototype, key, {
get: function() {
......@@ -39,40 +37,6 @@ export function applyAutoAdjust(ctor: Function) {
});
}
// Object.defineProperty(ctor.prototype, 'percentWidth', {
// get: function() {
// return this.adjustProxy.data['percentWidth'];
// },
// set: function(v) {
// const adjustProxy: AdjustProxy = this.adjustProxy;
// if(adjustProxy.data['percentWidth'] !== v) {
// adjustProxy.data['percentWidth'] = v;
// adjustProxy.makeDirty();
//
// this._autoWidth = false;
// }
// },
// enumerable: true,
// configurable: true
// });
//
// Object.defineProperty(ctor.prototype, 'percentHeight', {
// get: function() {
// return this.adjustProxy.data['percentHeight'];
// },
// set: function(v) {
// const adjustProxy: AdjustProxy = this.adjustProxy;
// if(adjustProxy.data['percentHeight'] !== v) {
// adjustProxy.data['percentHeight'] = v;
// adjustProxy.makeDirty();
//
// this._autoHeight = isNaN(this._height) || this._height === null || this._height === undefined;
// }
// },
// enumerable: true,
// configurable: true
// });
Object.defineProperty(ctor.prototype, 'alignMode', {
get: function() {
return this.adjustProxy.data['alignMode'];
......@@ -104,21 +68,29 @@ class AdjustProxy {
data = {
percentWidth: NaN,
percentHeight: NaN,
left: NaN,
top: NaN,
right: NaN,
bottom: NaN,
percentLeft: NaN,
percentTop: NaN,
percentRight: NaN,
percentBottom: NaN,
horizonCenter: NaN,
verticalCenter: NaN,
autoWidth:false,
autoHeight:false,
autoWidth: false,
autoHeight: false,
alignEnabled: true,
alignMode: ALIGN_MODE.ALWAYS,
};
private _host;
// private _sizeDirty = false;
constructor(host) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment