add and run prettier
This commit is contained in:
@ -1,8 +1,10 @@
|
||||
import {writable} from 'svelte/store'
|
||||
import { writable } from "svelte/store";
|
||||
|
||||
export default (sizes = {phone: 0, tablet: 768, desktop: 1024, xxl: 1749}) => {
|
||||
const defaultValue = {name: null, width: null, nodeWidth: null, rect: null}
|
||||
const {subscribe, unsubscribe, set} = writable(defaultValue);
|
||||
export default (
|
||||
sizes = { phone: 0, tablet: 768, desktop: 1024, xxl: 1749 },
|
||||
) => {
|
||||
const defaultValue = { name: null, width: null, nodeWidth: null, rect: null };
|
||||
const { subscribe, unsubscribe, set } = writable(defaultValue);
|
||||
|
||||
let ro = null;
|
||||
let node = null;
|
||||
@ -10,12 +12,12 @@ export default (sizes = {phone: 0, tablet: 768, desktop: 1024, xxl: 1749}) => {
|
||||
const unobserve = () => {
|
||||
if (!node) return;
|
||||
|
||||
ro.unobserve(node)
|
||||
ro.unobserve(node);
|
||||
|
||||
node = null;
|
||||
}
|
||||
};
|
||||
|
||||
const observe = nodeToObserve => {
|
||||
const observe = (nodeToObserve) => {
|
||||
if (!nodeToObserve) return null;
|
||||
|
||||
if (node) unobserve();
|
||||
@ -34,19 +36,25 @@ export default (sizes = {phone: 0, tablet: 768, desktop: 1024, xxl: 1749}) => {
|
||||
set(
|
||||
Object.entries(sizes)
|
||||
.sort((a, b) => a[1] - b[1])
|
||||
.reduce((cum, item) => item[1] <= nodeWidth ? {name: item[0], width: item[1], nodeWidth, rect} : cum, defaultValue),
|
||||
)
|
||||
.reduce(
|
||||
(cum, item) =>
|
||||
item[1] <= nodeWidth
|
||||
? { name: item[0], width: item[1], nodeWidth, rect }
|
||||
: cum,
|
||||
defaultValue,
|
||||
),
|
||||
);
|
||||
});
|
||||
|
||||
ro.observe(node)
|
||||
ro.observe(node);
|
||||
|
||||
return node;
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
subscribe,
|
||||
unsubscribe,
|
||||
observe,
|
||||
unobserve,
|
||||
}
|
||||
};
|
||||
};
|
||||
|
Reference in New Issue
Block a user