Search
    Preparing search index...

    Interface DragDropContextProps

    Контекст для настройки системы перетаскивания.

    interface DragDropContextProps {
        children: ReactNode;
        dragHandleUsageInstructions?: string;
        enableDefaultSensors?: boolean;
        nonce?: string;
        sensors?: (
            (
                api: {
                    canGetLock: (id: string) => boolean;
                    findClosestDraggableId: (event: Event) => null | string;
                    findOptionsForDraggable: (
                        id: string,
                    ) =>
                        | null
                        | {
                            canDragInteractiveElements: boolean;
                            isEnabled: boolean;
                            shouldRespectForcePress: boolean;
                        };
                    isLockClaimed: () => boolean;
                    tryGetLock: (
                        draggableId: string,
                        forceStop?: () => void,
                        options?: { sourceEvent?: Event },
                    ) => null | PreDragActions;
                    tryReleaseLock: () => void;
                },
            ) => void
        )[];
        onBeforeCapture(before: BeforeCapture): void;
        onBeforeDragStart(initial: DragStart): void;
        onDragEnd(
            result: DropResult,
            provided: { announce: (message: string) => void },
        ): void;
        onDragStart(
            initial: DragStart,
            provided: { announce: (message: string) => void },
        ): void;
        onDragUpdate(
            initial: DragUpdate,
            provided: { announce: (message: string) => void },
        ): void;
    }
    Index

    Properties

    children dragHandleUsageInstructions? enableDefaultSensors? nonce? sensors?

    Methods

    onBeforeCapture? onBeforeDragStart? onDragEnd onDragStart? onDragUpdate?

    Properties

    children: ReactNode

    Дочерние элементы, которые будут отрисованы внутри контекста.

    dragHandleUsageInstructions?: string

    Инструкции по использованию области захвата.

    enableDefaultSensors?: boolean

    Включать ли сенсоры по умолчанию.

    nonce?: string

    Строка nonce для скриптов (CSP).

    sensors?: (
        (
            api: {
                canGetLock: (id: string) => boolean;
                findClosestDraggableId: (event: Event) => null | string;
                findOptionsForDraggable: (
                    id: string,
                ) =>
                    | null
                    | {
                        canDragInteractiveElements: boolean;
                        isEnabled: boolean;
                        shouldRespectForcePress: boolean;
                    };
                isLockClaimed: () => boolean;
                tryGetLock: (
                    draggableId: string,
                    forceStop?: () => void,
                    options?: { sourceEvent?: Event },
                ) => null | PreDragActions;
                tryReleaseLock: () => void;
            },
        ) => void
    )[]

    Массив функций инициализации пользовательских сенсоров.

    Объект для работы с блокировкой перетаскивания и поиском элементов.

    Methods

    • Вызывается перед захватом элемента.

      Parameters

      • before: BeforeCapture

        Данные о перетаскиваемом элементе до старта.

      Returns void

    • Вызывается перед началом перетаскивания.

      Parameters

      • initial: DragStart

        Начальные сведения о перетаскивании.

      Returns void

    • Вызывается в конце перетаскивания.

      Parameters

      • result: DropResult

        Итоговое состояние.

      • provided: { announce: (message: string) => void }

        Объект с функцией объявления сообщений.

      Returns void

    • Вызывается при старте перетаскивания.

      Parameters

      • initial: DragStart

        Начальные сведения о перетаскивании.

      • provided: { announce: (message: string) => void }

        Объект с функцией объявления сообщений.

      Returns void

    • Вызывается при изменении положения перетаскиваемого элемента.

      Parameters

      • initial: DragUpdate

        Текущее состояние перетаскивания.

      • provided: { announce: (message: string) => void }

        Объект с функцией объявления сообщений.

      Returns void

    On This Page

    Properties
    Methods