From 574cefa7cf5490a483e4a480e1bc1bbffa0805de Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Fri, 4 Oct 2024 23:12:06 +0800 Subject: style: reformat code --- src/MenuItem.mjs | 7 +++---- src/dumbyUtils.mjs | 10 +++++----- src/utils.mjs | 4 ++-- 3 files changed, 10 insertions(+), 11 deletions(-) (limited to 'src') diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs index 864bc05..1b58e0b 100644 --- a/src/MenuItem.mjs +++ b/src/MenuItem.mjs @@ -99,7 +99,8 @@ export const pickBlockItem = ({ blocks, utils }) => const preview = block.querySelector('p') ?.textContent.substring(0, 15) ?.concat(' ', '... ') ?? '' - const item = new Item({ + + return new Item({ className: ['keep-menu', focus ? 'checked' : 'unchecked'], innerHTML: `(${index})${preview}`, @@ -114,11 +115,9 @@ export const pickBlockItem = ({ blocks, utils }) => // UX: remove menu after user select/deselect blocks const submenu = e.target.closest('.sub-menu') - submenu.onmouseleave = () => submenu.closest('.menu').style.display = 'none' + submenu.onmouseleave = () => { submenu.closest('.menu').style.display = 'none' } } }) - - return item } ) }) diff --git a/src/dumbyUtils.mjs b/src/dumbyUtils.mjs index c7b45f4..5de5b05 100644 --- a/src/dumbyUtils.mjs +++ b/src/dumbyUtils.mjs @@ -6,7 +6,7 @@ import { insideWindow, insideParent } from './utils' * * @param {Boolean} reverse -- focus previous map */ -export function focusNextMap(reverse = false) { +export function focusNextMap (reverse = false) { const renderedList = this.utils.renderedMaps() const index = renderedList.findIndex(e => e.classList.contains('focus')) const nextIndex = (index + (reverse ? -1 : 1)) % renderedList.length @@ -21,7 +21,7 @@ export function focusNextMap(reverse = false) { * * @param {Boolean} reverse -- focus previous block */ -export function focusNextBlock(reverse = false) { +export function focusNextBlock (reverse = false) { const blocks = this.blocks.filter(b => b.checkVisibility({ contentVisibilityAuto: true, @@ -56,7 +56,7 @@ export const scrollToBlock = block => { /** * focusDelay. Delay of throttle, value changes by cases */ -export function focusDelay() { +export function focusDelay () { return window.window.getComputedStyle(this.showcase).display === 'none' ? 50 : 300 } @@ -65,7 +65,7 @@ export function focusDelay() { * * @param {Boolean} reverse -- Switch to previous one */ -export function switchToNextLayout(reverse = false) { +export function switchToNextLayout (reverse = false) { const layouts = this.layouts const currentLayoutName = this.container.getAttribute('data-layout') const currentIndex = layouts.map(l => l.name).indexOf(currentLayoutName) @@ -81,7 +81,7 @@ export function switchToNextLayout(reverse = false) { /** * removeBlockFocus. */ -export function removeBlockFocus() { +export function removeBlockFocus () { this.blocks.forEach(b => b.classList.remove('focus')) } diff --git a/src/utils.mjs b/src/utils.mjs index 4eedf82..ddd3034 100644 --- a/src/utils.mjs +++ b/src/utils.mjs @@ -72,10 +72,10 @@ export const animateRectTransition = (element, rect, options = {}) => { * @param {Number} delay milliseconds * @returns {Any} return value of function call, or null if throttled */ -export function throttle(func, delay) { +export function throttle (func, delay) { let timerFlag = null - return function(...args) { + return function (...args) { const context = this if (timerFlag !== null) return null -- cgit v1.2.3-70-g09d2