هوکها
توابع
کامپوننتهای مرتبه بالا
reorderDragable
reorderDragable تابع برای بازآرایی آیتمها درون یا بین مناطق کششی در یک واسط کشیدن و رها کردن استفاده میشود، با استفاده از ساختار DraggableLocation.
Example
import reorderDragable from '@/utils/reorderDragable';
const quoteMap = {
list1: ['item1', 'item2', 'item3'],
list2: ['item4', 'item5'],
};
const source = { droppableId: 'list1', index: 1 }; // Moving item2
const destination = { droppableId: 'list2', index: 1 }; // To position 1 in list2
const result = reorderDragable({ quoteMap, source, destination });
// output:
// {
// quoteMap: {
// list1: ['item1', 'item3'],
// list2: ['item4', 'item2', 'item5'],
// }
// }
Params
| param | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| quoteMap | یک شیء که کلیدها نماینده مناطق کششی مختلف (لیستها) هستند، و مقادیر آرایههایی از آیتمها در هر منطقه هستند. | T extends Record<string, unknown[]> | - |
| source | مکان شروع آیتم کشیده شده. این شامل droppableId و اندیس آیتم است. | {droppableId: string; index: number;} | - |
| destination | مکان هدف که آیتم در آنجا رها میشود، شامل droppableId و اندیس. | {droppableId: string; index: number;} | - |
Return
| بازگشتی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| quoteMap | یک شیء جدید با لیستهای بهروزرسانی شده، بازتابدهنده آیتمهای بازآرایی شده، چه در همان لیست یا بین لیستهای مختلف. | T | - |