mirror of
https://github.com/go-gitea/gitea.git
synced 2025-12-05 01:10:26 +00:00
46d7adefe0
A big step towards enabling strict mode in Typescript. There was definitely a good share of potential bugs while refactoring this. When in doubt, I opted to keep the potentially broken behaviour. Notably, the `DOMEvent` type is gone, it was broken and we're better of with type assertions on `e.target`. --------- Signed-off-by: silverwind <me@silverwind.io> Signed-off-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: delvh <dev.lh@web.de> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
24 lines
908 B
TypeScript
24 lines
908 B
TypeScript
import type {SortableOptions, SortableEvent} from 'sortablejs';
|
|
import type SortableType from 'sortablejs';
|
|
|
|
export async function createSortable(el: Element, opts: {handle?: string} & SortableOptions = {}): Promise<SortableType> {
|
|
// @ts-expect-error: wrong type derived by typescript
|
|
const {Sortable} = await import(/* webpackChunkName: "sortablejs" */'sortablejs');
|
|
|
|
return new Sortable(el, {
|
|
animation: 150,
|
|
ghostClass: 'card-ghost',
|
|
onChoose: (e: SortableEvent) => {
|
|
const handle = opts.handle ? e.item.querySelector(opts.handle)! : e.item;
|
|
handle.classList.add('tw-cursor-grabbing');
|
|
opts.onChoose?.(e);
|
|
},
|
|
onUnchoose: (e: SortableEvent) => {
|
|
const handle = opts.handle ? e.item.querySelector(opts.handle)! : e.item;
|
|
handle.classList.remove('tw-cursor-grabbing');
|
|
opts.onUnchoose?.(e);
|
|
},
|
|
...opts,
|
|
} satisfies SortableOptions);
|
|
}
|