PM
вооот, так вот,мне нужно с компонента форварднуть дальше эвенты
тоже самое же все:
<Component on:something />
Size: a a a
2020 October 20
К
хак от Алексея, который автор русской документации
PM
у меня <div use:events
а, ну это только для дом элементов конечно
К
ну т.е. наверх компонента я могу форварднуть, а из компонента дальше наверх ВСЕ - не могу
PM
ну т.е. наверх компонента я могу форварднуть, а из компонента дальше наверх ВСЕ - не могу
через несколько слоев что ли?
К
ну чтобы не писать для всех событий типа <Comp1 on:click on:mouseup ....
К
с дом-ноды я могу это через экшн
PM
ну чтобы не писать для всех событий типа <Comp1 on:click on:mouseup ....
это ты лучше у автора хака спроси)
К
я думал, вы из одного пантеона =)
MZ
Вот это подкат 😅
К
import {bubble, listen} from 'svelte/internal';
export function getEventsAction(component, self) {
return node => {
const events = Object.keys(component.$$.callbacks);
const listeners = [];
events.forEach(
event => listeners.push(
listen(node, event, e => {if (self) {e.stopPropagation();} return bubble(component, e);})
)
);
return {
destroy: () => {
listeners.forEach(
listener => listener()
);
}
}
};
}при вызове true вторым аргументом передаёшь и всё. На нужном элементе события без бабблинга работают. Но да, это не лучшее решение. Просто надо было быстро.
я про этот хак
PM
я думал, вы из одного пантеона =)
я не юзаю такие хаки, будет официальный on:* будут юзать. но я и не пишут UI киты, там это действительно нужно
К
я не юзаю такие хаки, будет официальный on:* будут юзать. но я и не пишут UI киты, там это действительно нужно
да, мне нужно для компонентов как раз. Чтобы под каждый кейс не дорабатывать один и тот же компонент
PM
да, мне нужно для компонентов как раз. Чтобы под каждый кейс не дорабатывать один и тот же компонент
я тоже компоненты юзаю, но они все заточены под приложение, поэтому таких проблем нет. появляется необходимость форварднуть новый ивент, я просто дописываю форвард. не бывает что абсолютно все компоненты требуют форвардить все ивенты в системах с не универсальными компонентами.
PM
а вообще, не знаю попробуй может:
const events = Object.keys(component.$$.callbacks);
const listeners = [];
events.forEach(
event => component.$on(event, e => bubble(component, e))
);
К
Вот это подкат 😅
да не, это-то шутка, просто хак мне Паша подкинул, я думал, он в курсе
PM
да не, это-то шутка, просто хак мне Паша подкинул, я думал, он в курсе
не я не мог, пытался скрыть его насколько это возможно. это @AlexxNB наверняка хвастался))))
PM
знал что в разнос пойдет кто-то)
PM
а вообще, не знаю попробуй может:
const events = Object.keys(component.$$.callbacks);
const listeners = [];
events.forEach(
event => component.$on(event, e => bubble(component, e))
);
короче я хз как там это устроено, но аналог listen для компонента это .$on на его инстансе. думаю исходя из этого можно что-то придумать
К
а вообще, не знаю попробуй может:
const events = Object.keys(component.$$.callbacks);
const listeners = [];
events.forEach(
event => component.$on(event, e => bubble(component, e))
);
ммм... тут component - Это current_component?