QueryDragDropHandler
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:33
拖拽状态机:记录被拖项、目标项与放置模式,drop 时调用移动函数并复位。
Constructors
Constructor
new QueryDragDropHandler(moveItemFn): QueryDragDropHandler;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:42
Parameters
| Parameter | Type |
|---|---|
moveItemFn | (itemId, targetGroupId, targetIndex) => void |
Returns
QueryDragDropHandler
Properties
state
readonly state: Ref<QueryDragDropState>;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:35
当前拖拽状态(响应式)
Methods
drop()
drop(
itemId,
targetGroupId,
targetIndex
): void;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:63
放置:调用移动函数(服务层拒绝如循环嵌套时静默忽略)并复位
Parameters
| Parameter | Type |
|---|---|
itemId | string |
targetGroupId | string |
targetIndex | number |
Returns
void
end()
end(): void;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:73
拖拽结束(未放置):复位
Returns
void
leave()
leave(): void;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:57
离开目标:清掉目标但保留被拖项
Returns
void
over()
over(
targetItemId,
dropMode,
isValid,
depth
): void;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:50
拖拽经过目标:记录目标与放置模式;更深层的目标优先
Parameters
| Parameter | Type |
|---|---|
targetItemId | string |
dropMode | QueryDropMode |
isValid | boolean |
depth | number |
Returns
void
start()
start(itemId): void;
Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:45
开始拖拽:记录被拖项
Parameters
| Parameter | Type |
|---|---|
itemId | string |
Returns
void