iOS: update horizontal list beforeDragging & add itemCanDrag

This commit is contained in:
王劲鹏 2022-09-01 10:19:18 +08:00 committed by osborn
parent a452cde882
commit ef4eb4d517
2 changed files with 60 additions and 14 deletions

View File

@ -66,11 +66,21 @@ class ListVM extends ViewModel<ListModel, ListVH> {
onAttached(state: ListModel, vh: ListVH) { onAttached(state: ListModel, vh: ListVH) {
vh.list.apply({ vh.list.apply({
canDrag: true, canDrag: true,
itemCanDrag: (from) => {
if (from === 0) {
return false;
} else {
return true;
}
},
beforeDragging: (from) => {
return [0, 1, 2]
},
onDragging: (from, to) => { onDragging: (from, to) => {
log(`onDragging, from: ${from}, to: ${to}`) loge(`onDragging from: ${from}, to: ${to}`)
}, },
onDragged: (from, to) => { onDragged: (from, to) => {
log(`onDragged, from: ${from}, to: ${to}`) loge(`onDragged from: ${from}, to: ${to}`)
}, },
renderItem: (index) => { renderItem: (index) => {
const data = state.data[index] const data = state.data[index]

View File

@ -72,11 +72,12 @@ @interface DoricHorizontalListNode () <UICollectionViewDataSource, UICollectionV
@property(nonatomic, strong) DoricJSDispatcher *jsDispatcher; @property(nonatomic, strong) DoricJSDispatcher *jsDispatcher;
@property(nonatomic, strong) UILongPressGestureRecognizer *longPress; @property(nonatomic, strong) UILongPressGestureRecognizer *longPress;
@property(nonatomic, strong) NSIndexPath *initialDragIndexPath;
@property(nonatomic, strong) NSIndexPath *currentDragIndexPath; @property(nonatomic, strong) NSIndexPath *currentDragIndexPath;
@property(nonatomic, copy) NSString *itemCanDragFuncId;
@property(nonatomic, copy) NSString *beforeDraggingFuncId; @property(nonatomic, copy) NSString *beforeDraggingFuncId;
@property(nonatomic, copy) NSString *onDraggingFuncId; @property(nonatomic, copy) NSString *onDraggingFuncId;
@property(nonatomic, copy) NSString *onDraggedFuncId; @property(nonatomic, copy) NSString *onDraggedFuncId;
@property(nonatomic, strong) NSArray *swapDisabled;
@property(nonatomic, assign) NSUInteger rowCount; @property(nonatomic, assign) NSUInteger rowCount;
@property(nonatomic, assign) BOOL needReload; @property(nonatomic, assign) BOOL needReload;
@ -124,29 +125,29 @@ - (void)longPressAction:(UILongPressGestureRecognizer *)sender {
NSIndexPath *indexPath = [self.view indexPathForItemAtPoint:locationInView]; NSIndexPath *indexPath = [self.view indexPathForItemAtPoint:locationInView];
if (sender.state == UIGestureRecognizerStateBegan) { if (sender.state == UIGestureRecognizerStateBegan) {
if (indexPath != nil) { if (indexPath != nil) {
self.initialDragIndexPath = indexPath; [self.view beginInteractiveMovementForItemAtIndexPath:indexPath];
self.currentDragIndexPath = indexPath; self.currentDragIndexPath = indexPath;
if (self.beforeDraggingFuncId != nil) { if (self.beforeDraggingFuncId != nil) {
[self callJSResponse:self.beforeDraggingFuncId, @(indexPath.row), nil]; DoricAsyncResult *asyncResult = [self callJSResponse:self.beforeDraggingFuncId, @(indexPath.row), nil];
JSValue *model = [asyncResult waitUntilResult];
if (model.isArray) {
self.swapDisabled = [model toArray];
}
} }
} }
} else if (sender.state == UIGestureRecognizerStateChanged) { } else if (sender.state == UIGestureRecognizerStateChanged) {
[self.view updateInteractiveMovementTargetPosition:[sender locationInView:self.view]];
if ((indexPath != nil) && (indexPath != self.currentDragIndexPath)) { if ((indexPath != nil) && (indexPath != self.currentDragIndexPath)) {
NSString *fromValue = self.itemViewIds[@(self.currentDragIndexPath.row)];
NSString *toValue = self.itemViewIds[@(indexPath.row)];
self.itemViewIds[@(self.currentDragIndexPath.row)] = toValue;
self.itemViewIds[@(indexPath.row)] = fromValue;
[self.view moveItemAtIndexPath:self.currentDragIndexPath toIndexPath:indexPath];
if (self.onDraggingFuncId != nil) { if (self.onDraggingFuncId != nil) {
[self callJSResponse:self.onDraggingFuncId, @(self.currentDragIndexPath.row), @(indexPath.row), nil]; [self callJSResponse:self.onDraggingFuncId, @(self.currentDragIndexPath.row), @(indexPath.row), nil];
} }
self.currentDragIndexPath = indexPath; self.currentDragIndexPath = indexPath;
} }
} else if (sender.state == UIGestureRecognizerStateEnded) { } else if (sender.state == UIGestureRecognizerStateEnded) {
if (self.onDraggedFuncId != nil) { [self.view endInteractiveMovement];
[self callJSResponse:self.onDraggedFuncId, @(self.initialDragIndexPath.row), @(self.currentDragIndexPath.row), nil]; } else {
} [self.view cancelInteractiveMovement];
} }
} }
@ -194,6 +195,8 @@ - (void)blendView:(UICollectionView *)view forPropName:(NSString *)name propValu
} else if ([@"canDrag" isEqualToString:name]) { } else if ([@"canDrag" isEqualToString:name]) {
bool canDrag = [prop boolValue]; bool canDrag = [prop boolValue];
[self.longPress setEnabled:canDrag]; [self.longPress setEnabled:canDrag];
} else if ([@"itemCanDrag" isEqualToString:name]) {
self.itemCanDragFuncId = prop;
} else if ([@"beforeDragging" isEqualToString:name]) { } else if ([@"beforeDragging" isEqualToString:name]) {
self.beforeDraggingFuncId = prop; self.beforeDraggingFuncId = prop;
} else if ([@"onDragging" isEqualToString:name]) { } else if ([@"onDragging" isEqualToString:name]) {
@ -493,6 +496,38 @@ - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL
} }
} }
- (NSIndexPath *)collectionView:(UICollectionView *)collectionView targetIndexPathForMoveFromItemAtIndexPath:(NSIndexPath *)currentIndexPath toProposedIndexPath:(NSIndexPath *)proposedIndexPath {
if (self.swapDisabled != nil) {
for (int i = 0; i != self.swapDisabled.count; i++) {
if (proposedIndexPath.row == [self.swapDisabled[i] intValue]) {
return currentIndexPath;
}
}
}
return proposedIndexPath;
}
- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath {
if (self.itemCanDragFuncId != nil) {
DoricAsyncResult *asyncResult = [self callJSResponse:self.itemCanDragFuncId, @(indexPath.row), nil];
JSValue *model = [asyncResult waitUntilResult];
if (model.isBoolean) {
return [model toBool];
}
}
return true;
}
- (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {
NSString *fromValue = self.itemViewIds[@(sourceIndexPath.row)];
NSString *toValue = self.itemViewIds[@(destinationIndexPath.row)];
self.itemViewIds[@(sourceIndexPath.row)] = toValue;
self.itemViewIds[@(destinationIndexPath.row)] = fromValue;
if (self.onDraggedFuncId != nil) {
[self callJSResponse:self.onDraggedFuncId, @(sourceIndexPath.row), @(destinationIndexPath.row), nil];
}
}
- (NSMutableSet<DoricDidScrollBlock> *)didScrollBlocks { - (NSMutableSet<DoricDidScrollBlock> *)didScrollBlocks {
if (!_didScrollBlocks) { if (!_didScrollBlocks) {
_didScrollBlocks = [NSMutableSet new]; _didScrollBlocks = [NSMutableSet new];
@ -549,6 +584,7 @@ - (void)reset {
self.loadMoreViewId = nil; self.loadMoreViewId = nil;
self.onScrollFuncId = nil; self.onScrollFuncId = nil;
self.onScrollEndFuncId = nil; self.onScrollEndFuncId = nil;
self.itemCanDragFuncId = nil;
self.beforeDraggingFuncId = nil; self.beforeDraggingFuncId = nil;
self.onDraggingFuncId = nil; self.onDraggingFuncId = nil;
self.onDraggedFuncId = nil; self.onDraggedFuncId = nil;