Skip to content

Variable: Sortable

ts
const Sortable: DefineComponent<ExtractPropTypes<AppendDefault<SortablePropDefinitions, {
}>>, () => any[], {
}, {
}, {
}, ComponentOptionsMixin, ComponentOptionsMixin, EmitFunctions<{
  error: () => true;
  update:model-value: (value: any[]) => boolean;
  update:modelValue: (value: any[]) => boolean;
}>, string, PublicProps, ToResolvedProps<ExtractPropTypes<AppendDefault<SortablePropDefinitions, {
}>>, EmitFunctions<{
  error: () => true;
  update:model-value: (value: any[]) => boolean;
  update:modelValue: (value: any[]) => boolean;
}>>, {
  animation: number | undefined;
  chosenClass: string | undefined;
  dataIdAttr: string | undefined;
  delay: number | undefined;
  delayOnTouchOnly: boolean | undefined;
  direction:   | (evt: SortableEvent, target: HTMLElement, dragEl: HTMLElement) => Direction
     | Direction
     | undefined;
  disabled: boolean | undefined;
  dragClass: string | undefined;
  dragoverBubble: boolean | undefined;
  dropBubble: boolean | undefined;
  easing: string | undefined;
  emptyInsertThreshold: number | undefined;
  fallbackClass: string | undefined;
  fallbackOffset:   | {
     x: number;
     y: number;
   }
     | undefined;
  fallbackOnBody: boolean | undefined;
  fallbackTolerance: number | undefined;
  filter:   | string
     | (this: Sortable, event: Event | TouchEvent, target: HTMLElement, sortable: Sortable) => boolean
     | undefined;
  forceFallback: boolean | undefined;
  ghostClass: string | undefined;
  group: string | GroupOptions | undefined;
  handle: string | undefined;
  ignore: string | undefined;
  invertedSwapThreshold: number | undefined;
  invertSwap: boolean | undefined;
  itemTag: Renderable;
  itemTagProps: RenderableProps;
  modelValue: any[];
  onError: (error: unknown) => void | undefined;
  onSortableAdd: (evt: SortableEvent) => void | undefined;
  onSortableChange: (evt: SortableEvent) => void | undefined;
  onSortableChoose: (evt: SortableEvent) => void | undefined;
  onSortableClone: (evt: SortableEvent) => void | undefined;
  onSortableEnd: (evt: SortableEvent) => void | undefined;
  onSortableFilter: (evt: SortableEvent) => void | undefined;
  onSortableMove: (evt: MoveEvent, event: Event) => void | undefined;
  onSortableRemove: (evt: SortableEvent) => void | undefined;
  onSortableSort: (evt: SortableEvent) => void | undefined;
  onSortableStart: (evt: SortableEvent) => void | undefined;
  onSortableUnchoose: (evt: SortableEvent) => void | undefined;
  onSortableUpdate: (evt: SortableEvent) => void | undefined;
  onUpdate:modelValue: (value: any[]) => void | undefined;
  preventOnFilter: boolean | undefined;
  removeCloneOnHide: boolean | undefined;
  sort: boolean | undefined;
  swapThreshold: number | undefined;
  tag: Renderable;
  tagProps: RenderableProps;
  tagSlot: string;
  touchStartThreshold: number | undefined;
}, SortableComponentSlots, {
}, {
}, string, ComponentProvideOptions, true, {
}, any>;