跳到主要内容

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​

ParameterType
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​

ParameterType
itemIdstring
targetGroupIdstring
targetIndexnumber

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​

ParameterType
targetItemIdstring
dropModeQueryDropMode
isValidboolean
depthnumber

Returns​

void


start()​

start(itemId): void;

Defined in: packages/rxdb-model-vue/src/query-builder/query-group/query-drag-drop.ts:45

开始拖拽:记录被拖项

Parameters​

ParameterType
itemIdstring

Returns​

void