Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-12 15:46:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Intra-line double link interaction

Browse Source
This commit is contained in:
xiaodong zuo
2022-08-19 11:56:57 +08:00
parent 9411422faf
commit c67d961d66
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
libs/components/editor-plugins/src/menu/double-link-menu/Container.tsx
+12 -9
View File
@@ -30,23 +30,22 @@ export const DoubleLinkMenuContainer = (
useEffect(() => {
if (needCheckIntoView) {
if (currentItem && menuRef.current) {
const itemEle =
const itemElement =
menuRef.current.querySelector<HTMLButtonElement>(
`.item-${currentItem}`
);
const scrollEle =
const scrollElement =
menuRef.current.querySelector<HTMLButtonElement>(
`.${commonListContainer}`
);
if (itemEle) {
const itemRect = domToRect(itemEle);
const scrollRect = domToRect(scrollEle);
if (itemElement) {
const itemRect = domToRect(itemElement);
const scrollRect = domToRect(scrollElement);
if (
itemRect.top < scrollRect.top ||
itemRect.bottom > scrollRect.bottom
) {
// IMP: may be do it with self function
itemEle.scrollIntoView({
itemElement.scrollIntoView({
block: 'nearest',
});
}
@@ -80,12 +79,16 @@ export const DoubleLinkMenuContainer = (
if (types && ['ArrowUp', 'ArrowDown'].includes(event.code)) {
event.preventDefault();
const isUpkey = event.code === 'ArrowUp';
const indexBound = isUpkey ? types.length - 1 : 0;
if (!currentItem && types.length) {
setCurrentItem(types[isUpkey ? types.length - 1 : 0]);
setCurrentItem(types[indexBound]);
}
if (currentItem) {
const idx = types.indexOf(currentItem);
if (isUpkey ? idx > 0 : idx < types.length - 1) {
const needChange = isUpkey
? idx > indexBound
: idx < indexBound;
if (needChange) {
setNeedCheckIntoView(true);
setCurrentItem(types[isUpkey ? idx - 1 : idx + 1]);
}