@awayjs/view
Version:
View for AwayJS
281 lines (280 loc) • 12 kB
JavaScript
import { __extends } from "tslib";
import { AbstractionBase } from '@awayjs/core';
/**
* Picks a 3d object from a view or scene by 3D raycast calculations.
* Performs an initial coarse boundary calculation to return a subset of entities whose bounding volumes intersect with the specified ray,
* then triggers an optional picking collider on individual renderable objects to further determine the precise values of the picking ray collision.
*
* @class away.pick.RaycastPicker
*/
var TabPicker = /** @class */ (function (_super) {
__extends(TabPicker, _super);
function TabPicker() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._tabNodes = [];
_this._customTabNodes = [];
_this._customTabNodesSorted = [];
return _this;
}
Object.defineProperty(TabPicker.prototype, "node", {
/**
*
* @returns {INode}
*/
get: function () {
return this._asset;
},
enumerable: false,
configurable: true
});
/**
* Creates a new <code>RaycastPicker</code> object.
*
* @param findClosestCollision Determines whether the picker searches for the closest bounds collision along the ray,
* or simply returns the first collision encountered. Defaults to false.
*/
TabPicker.prototype.init = function (node, pool) {
_super.prototype.init.call(this, node, pool);
};
TabPicker.prototype.sortTabEnabledEntities = function () {
if (this._customTabNodes.length <= 0 && this._tabNodes.length <= 0)
return;
var snapGridY = 10;
var len = 0;
var orderedOnY = [];
var i = 0;
var e = 0;
if (this._customTabNodes.length > 0) {
while (i < this._customTabNodes.length) {
if (this._customTabNodes[i]) {
this._customTabNodes[i] = this._customTabNodes[i].reverse();
}
i++;
}
return;
}
// first sort into rows based on global y-position, snapping y-positions to a grid
// than sort the rows by global x-position
len = this._tabNodes.length;
for (i = 0; i < len; i++) {
var enabledNode = this._tabNodes[i];
var scenePosition = enabledNode.parent.getMatrix3D().position;
//console.log("enabledEntity.scenePosition.y", scenePosition.y);
var ySnappedToGrid = Math.floor(scenePosition.y / snapGridY);
if (orderedOnY.length <= ySnappedToGrid) {
orderedOnY.length = ySnappedToGrid + 1;
}
if (!orderedOnY[ySnappedToGrid])
orderedOnY[ySnappedToGrid] = [];
orderedOnY[ySnappedToGrid].push(enabledNode);
}
this._tabNodes.length = 0;
for (i = 0; i < orderedOnY.length; i++) {
var entityRow = orderedOnY[i];
if (entityRow) {
//console.log("entityRow", entityRow.length);
entityRow = entityRow.sort(function (a, b) {
return a.parent.getMatrix3D().position.x > b.parent.getMatrix3D().position.x ? 1 : -1;
});
for (e = 0; e < entityRow.length; e++) {
//console.log("2enabledEntity.scenePosition.y", entityRow[e].transform.concatenatedMatrix3D.position.y);
//console.log("2enabledEntity.scenePosition.x", entityRow[e].transform.concatenatedMatrix3D.position.x);
this._tabNodes[this._tabNodes.length] = entityRow[e];
}
}
}
};
TabPicker.prototype.traverse = function () {
this._tabNodes.length = 0;
this._customTabNodes.length = 0;
this._customTabNodesSorted.length = 0;
this._asset.acceptTraverser(this);
this.sortTabEnabledEntities();
this._invalid = false;
};
TabPicker.prototype.getTraverser = function (node) {
return this;
};
TabPicker.prototype.getNextTabEntity = function (currentFocus) {
if (this._invalid)
this.traverse();
if (this._customTabNodes.length <= 0 && this._tabNodes.length <= 0)
return currentFocus;
if (this._customTabNodes.length > 0) {
var i = 0;
var i2 = 0;
var t = 0;
var t2 = 0;
if (currentFocus) {
while (i < this._customTabNodes.length) {
if (this._customTabNodes[i]) {
for (t = 0; t < this._customTabNodes[i].length; t++) {
if (this._customTabNodes[i][t] == currentFocus) {
t2 = t + 1;
while (t2 < this._customTabNodes[i].length) {
if (this._customTabNodes[i][t2])
return this._customTabNodes[i][t2];
t2++;
}
i2 = i + 1;
while (i2 < this._customTabNodes.length) {
if (this._customTabNodes[i2]) {
for (t2 = 0; t2 < this._customTabNodes[i2].length; t2++) {
if (this._customTabNodes[i2][t2])
return this._customTabNodes[i2][t2];
}
}
i2++;
}
i2 = 0;
while (i2 < this._customTabNodes.length) {
if (this._customTabNodes[i2]) {
for (t2 = 0; t2 < this._customTabNodes[i2].length; t2++) {
if (this._customTabNodes[i2][t2])
return this._customTabNodes[i2][t2];
}
}
i2++;
}
}
}
}
i++;
}
}
i2 = 0;
while (i2 < this._customTabNodes.length) {
if (this._customTabNodes[i2]) {
for (t2 = 0; t2 < this._customTabNodes[i2].length; t2++) {
if (this._customTabNodes[i2][t2])
return this._customTabNodes[i2][t2];
}
}
i2++;
}
return currentFocus;
}
var len = this._tabNodes.length;
for (var i = 0; i < len; i++) {
if (this._tabNodes[i] == currentFocus) {
if (i == len - 1) {
return this._tabNodes[0];
}
return this._tabNodes[i + 1];
}
}
// this point we would already have exit out if tabEntities.length was 0
return this._tabNodes[0];
};
TabPicker.prototype.getPrevTabEntity = function (currentFocus) {
if (this._invalid)
this.traverse();
if (this._customTabNodes.length <= 0 && this._tabNodes.length <= 0)
return currentFocus;
if (this._customTabNodes.length > 0) {
var i = this._customTabNodes.length;
var i2 = 0;
var t = 0;
var t2 = 0;
if (currentFocus) {
while (i > 0) {
i--;
if (this._customTabNodes[i]) {
for (t = this._customTabNodes[i].length - 1; t >= 0; t--) {
if (this._customTabNodes[i][t] == currentFocus) {
t2 = t - 1;
while (t2 > 0) {
t2--;
if (this._customTabNodes[i][t2])
return this._customTabNodes[i][t2];
}
i2 = i - 1;
while (i2 > 0) {
i2--;
if (this._customTabNodes[i2]) {
for (t2 = this._customTabNodes[i2].length - 1; t2 >= 0; t2--) {
if (this._customTabNodes[i2][t2])
return this._customTabNodes[i2][t2];
}
}
}
i2 = this._customTabNodes.length;
while (i2 > 0) {
i2--;
if (this._customTabNodes[i2]) {
for (t2 = this._customTabNodes[i2].length - 1; t2 >= 0; t2--) {
if (this._customTabNodes[i2][t2])
return this._customTabNodes[i2][t2];
}
}
}
}
}
}
}
}
i2 = this._customTabNodes.length - 1;
while (i2 > 0) {
i2--;
if (this._customTabNodes[i2]) {
for (t2 = this._customTabNodes[i2].length - 1; t2 >= 0; t2--) {
if (this._customTabNodes[i2][t2])
return this._customTabNodes[i2][t2];
}
}
}
return currentFocus;
}
if (currentFocus) {
var len = this._tabNodes.length;
for (var i = len - 1; i >= 0; i--) {
if (this._tabNodes[i] == currentFocus) {
if (i == 0) {
return this._tabNodes[this._tabNodes.length - 1];
}
return this._tabNodes[i - 1];
}
}
}
// this point we would already have exit out if tabEntities.length was 0
return this._tabNodes[0];
};
/**
* Returns true if the current node is at least partly in the frustum. If so, the partition node knows to pass on the traverser to its children.
*
* @param node The Partition3DNode object to frustum-test.
*/
TabPicker.prototype.enterNode = function (node) {
if (node.isInvisible())
return false;
return true;
};
TabPicker.prototype.dispose = function () {
//TODO
};
/**
*
* @param entity
*/
TabPicker.prototype.applyEntity = function (node) {
var tabContainer = node.container;
if (tabContainer.tabEnabled) {
if (tabContainer.assetType != '[asset TextField]' || tabContainer.type == 'input') {
// add the entity to the correct tab list.
if (tabContainer.tabIndex >= 0) {
if (this._customTabNodes.length < tabContainer.tabIndex)
this._customTabNodes.length = tabContainer.tabIndex;
if (!this._customTabNodes[tabContainer.tabIndex]) {
this._customTabNodes[tabContainer.tabIndex] = [];
}
this._customTabNodes[tabContainer.tabIndex].push(node);
}
else {
this._tabNodes[this._tabNodes.length] = node;
}
}
}
};
return TabPicker;
}(AbstractionBase));
export { TabPicker };