You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
3.0 KiB
87 lines
3.0 KiB
4 months ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.getPositionByRectPoints = void 0;
|
||
|
|
exports.positionOf = positionOf;
|
||
|
|
exports.hasPosition = hasPosition;
|
||
|
|
exports.getXYByRelativePlacement = getXYByRelativePlacement;
|
||
|
|
exports.getXYByPlacement = getXYByPlacement;
|
||
|
|
exports.getXYByAnchor = getXYByAnchor;
|
||
|
|
const anchor_1 = require("./anchor");
|
||
|
|
const placement_1 = require("./placement");
|
||
|
|
/**
|
||
|
|
* <zh/> 获取节点/ combo 的位置坐标
|
||
|
|
*
|
||
|
|
* <en/> Get the position of node/combo
|
||
|
|
* @param datum - <zh/> 节点/ combo 的数据 | <en/> data of node/combo
|
||
|
|
* @returns - <zh/> 坐标 | <en/> position
|
||
|
|
*/
|
||
|
|
function positionOf(datum) {
|
||
|
|
const { x = 0, y = 0, z = 0 } = datum.style || {};
|
||
|
|
return [+x, +y, +z];
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* <zh/> 检查数据是否有位置坐标
|
||
|
|
*
|
||
|
|
* <en/> Check if the data has a position coordinate
|
||
|
|
* @param datum - <zh/> 节点/ combo 的数据 | <en/> data of node/combo
|
||
|
|
* @returns - <zh/> 是否有位置坐标 | <en/> Whether there is a position coordinate
|
||
|
|
*/
|
||
|
|
function hasPosition(datum) {
|
||
|
|
const { x, y, z } = datum.style || {};
|
||
|
|
return x !== undefined || y !== undefined || z !== undefined;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* <zh/> 获取相对位置坐标
|
||
|
|
*
|
||
|
|
* <en/> Get position by relative placement
|
||
|
|
* @param bbox - <zh/> 元素包围盒 | <en/> element bounding box
|
||
|
|
* @param placement - <zh/> 相对于元素的位置 | <en/> Point relative to element
|
||
|
|
* @returns - <zh/> 坐标 | <en/> position
|
||
|
|
*/
|
||
|
|
function getXYByRelativePlacement(bbox, placement) {
|
||
|
|
const [x, y] = placement;
|
||
|
|
const { min, max } = bbox;
|
||
|
|
return [min[0] + x * (max[0] - min[0]), min[1] + y * (max[1] - min[1])];
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* <zh/> 获取位置坐标
|
||
|
|
*
|
||
|
|
* <en/> Get position by placement
|
||
|
|
* @param bbox - <zh/> 元素包围盒 | <en/> element bounding box
|
||
|
|
* @param placement - <zh/> 相对于元素的位置 | <en/> Point relative to element
|
||
|
|
* @returns - <zh/> 坐标 | <en/> position
|
||
|
|
*/
|
||
|
|
function getXYByPlacement(bbox, placement = 'center') {
|
||
|
|
const relativePlacement = (0, placement_1.parsePlacement)(placement);
|
||
|
|
return getXYByRelativePlacement(bbox, relativePlacement);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* <zh/> 获取锚点坐标
|
||
|
|
*
|
||
|
|
* <en/> Get anchor position
|
||
|
|
* @param bbox - <zh/> 元素包围盒 | <en/> element bounding box
|
||
|
|
* @param anchor - <zh/> 锚点位置 | <en/> Anchor
|
||
|
|
* @returns - <zh/> 坐标 | <en/> position
|
||
|
|
*/
|
||
|
|
function getXYByAnchor(bbox, anchor) {
|
||
|
|
const parsedAnchor = (0, anchor_1.parseAnchor)(anchor);
|
||
|
|
return getXYByRelativePlacement(bbox, parsedAnchor);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* <zh/> 通过 rect points 路径点获取 position 方位配置.
|
||
|
|
*
|
||
|
|
* <en/> The rect points command is used to obtain the position and orientation configuration.
|
||
|
|
* @param points Points
|
||
|
|
* @returns `{ left: number; right: number; top: number; bottom: number }`
|
||
|
|
*/
|
||
|
|
const getPositionByRectPoints = (points) => {
|
||
|
|
const [p1, p2] = points;
|
||
|
|
return {
|
||
|
|
left: Math.min(p1[0], p2[0]),
|
||
|
|
right: Math.max(p1[0], p2[0]),
|
||
|
|
top: Math.min(p1[1], p2[1]),
|
||
|
|
bottom: Math.max(p1[1], p2[1]),
|
||
|
|
};
|
||
|
|
};
|
||
|
|
exports.getPositionByRectPoints = getPositionByRectPoints;
|
||
|
|
//# sourceMappingURL=position.js.map
|