pengjunjie/onlyoffice.github.io
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/onlyoffice.github.io.git synced 2026-04-07 14:04:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

[AI] Add auto align for tooltip

Browse Source
This commit is contained in:
Alexey Koshelev
2025-09-19 13:24:28 +03:00
parent 38ea6b9909
commit 99379808e4
2 changed files with 41 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
sdkjs-plugins/content/ai/components/Tooltip/script.js
View File

@ -119,13 +119,45 @@ function Tooltip(targetEl, options) {
}; };
this._updatePosition = function() { this._updatePosition = function() {
var rectTooltip = this.tooltipEl.getBoundingClientRect(); let rectTooltip = this.tooltipEl.getBoundingClientRect();
var rectEl = targetEl.getBoundingClientRect(); let rectEl = targetEl.getBoundingClientRect();
var yOffset = this.options.yOffset; let yOffset = this.options.yOffset;
var xOffset = this.options.xOffset; let xOffset = this.options.xOffset;
if (this.options.align == 'right') { let tooltipWidth = rectTooltip.width;
let align = this.options.align;
if (this.options.align === 'auto') {
let spaceLeft = rectEl.left + xOffset;
let spaceRight = window.innerWidth - (rectEl.right + xOffset);
let hasSpaceLeft, hasSpaceRight, hasSpaceCenter;
if (this.options.xAnchor === 'left') {
spaceRight += rectEl.width;
} else if (this.options.xAnchor === 'right') {
spaceLeft += rectEl.width;
} else {
spaceLeft += rectEl.width / 2;
spaceRight += rectEl.width / 2;
}
hasSpaceLeft = tooltipWidth <= spaceLeft;
hasSpaceRight = tooltipWidth <= spaceRight;
hasSpaceCenter = (tooltipWidth / 2 <= spaceLeft) && (tooltipWidth / 2 <= spaceRight);
if(hasSpaceCenter) {
align = 'center';
} else if (hasSpaceRight) {
align = 'left';
} else if (hasSpaceLeft) {
align = 'right';
}
}
if (align == 'right') {
xOffset = -rectTooltip.width; xOffset = -rectTooltip.width;
} else if (this.options.align == 'center') { } else if (align == 'center') {
xOffset = -rectTooltip.width / 2; xOffset = -rectTooltip.width / 2;
} }

6
sdkjs-plugins/content/ai/scripts/customProviders.js
View File

@ -153,10 +153,10 @@ window.Asc.plugin.onTranslate = function () {
innerEl.appendChild(linkEl); innerEl.appendChild(linkEl);
return innerEl; return innerEl;
}, },
xAnchor: 'left', xAnchor: 'center',
align: 'left', align: 'auto',
yOffset: 4, yOffset: 4,
width: 150, width: 145,
hasShadow: true, hasShadow: true,
keepAliveOnHover: true, keepAliveOnHover: true,
delay: 200, delay: 200,