2019-12-04 13:29:26 +08:00
|
|
|
/*
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
*
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
* limitations under the License.
|
|
|
|
*/
|
|
|
|
//
|
|
|
|
// Created by pengfei.zhou on 2019/11/28.
|
|
|
|
//
|
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
#import <DoricCore/Doric.h>
|
2019-12-04 13:29:26 +08:00
|
|
|
#import "DoricFlowLayoutNode.h"
|
|
|
|
#import "DoricFlowLayoutItemNode.h"
|
|
|
|
#import "DoricExtensions.h"
|
|
|
|
#import <JavaScriptCore/JavaScriptCore.h>
|
2020-03-25 13:30:35 +08:00
|
|
|
#import "DoricJSDispatcher.h"
|
2019-12-04 13:29:26 +08:00
|
|
|
|
|
|
|
@protocol DoricFlowLayoutDelegate
|
|
|
|
- (CGFloat)doricFlowLayoutItemHeightAtIndexPath:(NSIndexPath *)indexPath;
|
|
|
|
|
2019-12-13 18:09:18 +08:00
|
|
|
- (CGFloat)doricFlowLayoutItemWidthAtIndexPath:(NSIndexPath *)indexPath;
|
2019-12-14 14:51:18 +08:00
|
|
|
|
2021-10-11 15:58:46 +08:00
|
|
|
- (BOOL)doricFlowLayoutItemFullSpan:(NSIndexPath *)indexPath;
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (CGFloat)doricFlowLayoutColumnSpace;
|
|
|
|
|
|
|
|
- (CGFloat)doricFlowLayoutRowSpace;
|
|
|
|
|
|
|
|
- (NSInteger)doricFlowLayoutColumnCount;
|
|
|
|
|
|
|
|
@end
|
|
|
|
|
|
|
|
@interface DoricFlowLayout : UICollectionViewLayout
|
|
|
|
@property(nonatomic, readonly) NSInteger columnCount;
|
|
|
|
@property(nonatomic, readonly) CGFloat columnSpace;
|
|
|
|
@property(nonatomic, readonly) CGFloat rowSpace;
|
|
|
|
@property(nonatomic, strong) NSMutableDictionary <NSNumber *, NSNumber *> *columnHeightInfo;
|
|
|
|
@property(nonatomic, weak) id <DoricFlowLayoutDelegate> delegate;
|
2022-09-08 18:34:27 +08:00
|
|
|
@property(nonatomic, copy) NSArray<UICollectionViewLayoutAttributes *> *layoutAttributes;
|
|
|
|
@property(nonatomic, copy) NSArray<NSValue *> *unionRects;
|
2022-08-31 20:52:36 +08:00
|
|
|
@property(nonatomic, strong) NSArray *swapDisabled;
|
2019-12-04 13:29:26 +08:00
|
|
|
@end
|
|
|
|
|
|
|
|
@implementation DoricFlowLayout
|
|
|
|
- (instancetype)init {
|
|
|
|
if (self = [super init]) {
|
|
|
|
_columnHeightInfo = [NSMutableDictionary new];
|
|
|
|
}
|
|
|
|
return self;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSInteger)columnCount {
|
|
|
|
return self.delegate.doricFlowLayoutColumnCount ?: 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CGFloat)columnSpace {
|
|
|
|
return self.delegate.doricFlowLayoutColumnSpace ?: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CGFloat)rowSpace {
|
|
|
|
return self.delegate.doricFlowLayoutRowSpace ?: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds {
|
|
|
|
return YES;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)prepareLayout {
|
|
|
|
[super prepareLayout];
|
|
|
|
for (int i = 0; i < self.columnCount; i++) {
|
|
|
|
self.columnHeightInfo[@(i)] = @(0);
|
|
|
|
}
|
|
|
|
NSMutableArray *array = [NSMutableArray array];
|
|
|
|
NSInteger count = [self.collectionView numberOfItemsInSection:0];
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
NSNumber *minYOfColumn = @(0);
|
2021-06-17 19:59:32 +08:00
|
|
|
NSArray<NSNumber *> *keys = self.columnHeightInfo.allKeys;
|
2021-07-15 16:39:57 +08:00
|
|
|
NSArray<NSNumber *> *sortedKeys = [keys sortedArrayUsingComparator:^NSComparisonResult(NSNumber *obj1, NSNumber *obj2) {
|
2021-10-11 15:58:46 +08:00
|
|
|
return ([obj1 intValue] <= [obj2 intValue] ? NSOrderedAscending : NSOrderedDescending);
|
2021-06-17 19:59:32 +08:00
|
|
|
}];
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
for (int i = 0; i < count; i++) {
|
|
|
|
minYOfColumn = @(0);
|
2022-09-08 18:34:27 +08:00
|
|
|
NSIndexPath *indexPath = [NSIndexPath indexPathForRow:i inSection:0];
|
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
UICollectionViewLayoutAttributes *attrs = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
for (NSNumber *key in sortedKeys) {
|
|
|
|
if ([self.columnHeightInfo[key] floatValue] < [self.columnHeightInfo[minYOfColumn] floatValue]) {
|
|
|
|
minYOfColumn = key;
|
|
|
|
}
|
|
|
|
}
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
CGFloat width = [self.delegate doricFlowLayoutItemWidthAtIndexPath:indexPath];
|
|
|
|
CGFloat height = [self.delegate doricFlowLayoutItemHeightAtIndexPath:indexPath];
|
|
|
|
CGFloat x = 0;
|
|
|
|
CGFloat y = [self.columnHeightInfo[minYOfColumn] floatValue];
|
|
|
|
if (y > 0) {
|
|
|
|
y += self.rowSpace;
|
|
|
|
}
|
2021-07-15 16:39:57 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
if ([self.delegate doricFlowLayoutItemFullSpan:indexPath]) {
|
|
|
|
NSNumber *maxYColumn = @(0);
|
|
|
|
for (NSNumber *key in sortedKeys) {
|
|
|
|
if ([self.columnHeightInfo[key] floatValue] > [self.columnHeightInfo[maxYColumn] floatValue]) {
|
|
|
|
maxYColumn = key;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
CGFloat maxY = [self.columnHeightInfo[maxYColumn] floatValue];
|
|
|
|
y = maxY + self.rowSpace;
|
|
|
|
for (NSNumber *key in self.columnHeightInfo.allKeys) {
|
|
|
|
self.columnHeightInfo[key] = @(y + height);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
CGFloat columnWidth = (self.collectionView.width - (self.columnCount - 1) * self.columnSpace) / self.columnCount;
|
|
|
|
x = (columnWidth + self.columnSpace) * [minYOfColumn integerValue];
|
|
|
|
self.columnHeightInfo[minYOfColumn] = @(y + height);
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
2022-08-31 20:52:36 +08:00
|
|
|
attrs.frame = CGRectMake(x, y, width, height);
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
[array addObject:attrs];
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
2022-08-31 20:52:36 +08:00
|
|
|
self.layoutAttributes = array;
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
NSMutableArray *mutableCopy = [NSMutableArray array];
|
|
|
|
long idx = 0;
|
|
|
|
NSInteger itemCounts = count;
|
2022-09-08 18:34:27 +08:00
|
|
|
while (idx < itemCounts) {
|
2022-08-31 20:52:36 +08:00
|
|
|
CGRect rect1 = self.layoutAttributes[idx].frame;
|
|
|
|
idx = MIN(idx + count, itemCounts) - 1;
|
|
|
|
CGRect rect2 = self.layoutAttributes[idx].frame;
|
|
|
|
[mutableCopy addObject:[NSValue valueWithCGRect:CGRectUnion(rect1, rect2)]];
|
|
|
|
idx += 1;
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
2022-08-31 20:52:36 +08:00
|
|
|
self.unionRects = mutableCopy;
|
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect {
|
|
|
|
NSInteger begin = 0;
|
|
|
|
NSInteger end = self.unionRects.count;
|
2022-09-08 18:34:27 +08:00
|
|
|
NSMutableArray<UICollectionViewLayoutAttributes *> *attrs = [NSMutableArray array];
|
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
for (int i = 0; i < end; i++) {
|
|
|
|
if (CGRectIntersectsRect(rect, [self.unionRects[i] CGRectValue])) {
|
|
|
|
begin = i * self.layoutAttributes.count;
|
|
|
|
break;
|
2019-12-13 18:09:18 +08:00
|
|
|
}
|
2022-08-31 20:52:36 +08:00
|
|
|
}
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
for (long i = self.unionRects.count - 1; i >= 0; i--) {
|
|
|
|
if (CGRectIntersectsRect(rect, [self.unionRects[i] CGRectValue])) {
|
|
|
|
end = MIN((i + 1) * self.layoutAttributes.count, self.layoutAttributes.count);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
for (NSInteger i = begin; i < end; i++) {
|
|
|
|
UICollectionViewLayoutAttributes *attr = self.layoutAttributes[i];
|
|
|
|
if (CGRectIntersectsRect(rect, attr.frame)) {
|
|
|
|
[attrs addObject:attr];
|
2021-10-11 15:58:46 +08:00
|
|
|
}
|
2019-12-13 18:09:18 +08:00
|
|
|
}
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
return attrs;
|
|
|
|
}
|
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
|
|
|
|
return self.layoutAttributes[indexPath.row];
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (CGSize)collectionViewContentSize {
|
|
|
|
CGFloat width = self.collectionView.width;
|
|
|
|
CGFloat height = 0;
|
|
|
|
for (NSNumber *column in self.columnHeightInfo.allValues) {
|
|
|
|
height = MAX(height, [column floatValue]);
|
|
|
|
}
|
|
|
|
return CGSizeMake(width, height);
|
|
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
|
|
@interface DoricFlowLayoutViewCell : UICollectionViewCell
|
|
|
|
@property(nonatomic, strong) DoricFlowLayoutItemNode *viewNode;
|
|
|
|
@end
|
|
|
|
|
|
|
|
@implementation DoricFlowLayoutViewCell
|
|
|
|
@end
|
|
|
|
|
|
|
|
@interface DoricFlowLayoutView : UICollectionView
|
|
|
|
@end
|
|
|
|
|
|
|
|
@implementation DoricFlowLayoutView
|
|
|
|
@end
|
|
|
|
|
|
|
|
@interface DoricFlowLayoutNode () <UICollectionViewDataSource, UICollectionViewDelegate, DoricFlowLayoutDelegate>
|
|
|
|
@property(nonatomic, strong) NSMutableDictionary <NSNumber *, NSString *> *itemViewIds;
|
|
|
|
@property(nonatomic, strong) NSMutableDictionary <NSNumber *, NSValue *> *itemSizeInfo;
|
|
|
|
@property(nonatomic, assign) NSUInteger itemCount;
|
|
|
|
@property(nonatomic, assign) NSUInteger batchCount;
|
|
|
|
@property(nonatomic, assign) NSUInteger columnCount;
|
|
|
|
@property(nonatomic, assign) CGFloat columnSpace;
|
|
|
|
@property(nonatomic, assign) CGFloat rowSpace;
|
2019-12-07 10:59:20 +08:00
|
|
|
@property(nonatomic, copy) NSString *renderItemFuncId;
|
2019-12-13 18:09:18 +08:00
|
|
|
|
|
|
|
@property(nonatomic, copy) NSString *onLoadMoreFuncId;
|
|
|
|
@property(nonatomic, copy) NSString *loadMoreViewId;
|
|
|
|
@property(nonatomic, assign) BOOL loadMore;
|
2020-03-10 17:23:55 +08:00
|
|
|
@property(nonatomic, strong) NSMutableSet <DoricDidScrollBlock> *didScrollBlocks;
|
2020-03-11 13:41:22 +08:00
|
|
|
@property(nonatomic, copy) NSString *onScrollFuncId;
|
|
|
|
@property(nonatomic, copy) NSString *onScrollEndFuncId;
|
2020-03-25 13:30:35 +08:00
|
|
|
@property(nonatomic, strong) DoricJSDispatcher *jsDispatcher;
|
2021-07-15 16:39:57 +08:00
|
|
|
@property(nonatomic, assign) NSInteger loadAnchor;
|
2022-08-25 14:47:11 +08:00
|
|
|
|
|
|
|
@property(nonatomic, strong) UILongPressGestureRecognizer *longPress;
|
|
|
|
@property(nonatomic, strong) NSIndexPath *currentDragIndexPath;
|
2022-08-31 20:52:36 +08:00
|
|
|
@property(nonatomic, copy) NSString *itemCanDragFuncId;
|
2022-08-25 14:47:11 +08:00
|
|
|
@property(nonatomic, copy) NSString *beforeDraggingFuncId;
|
|
|
|
@property(nonatomic, copy) NSString *onDraggingFuncId;
|
|
|
|
@property(nonatomic, copy) NSString *onDraggedFuncId;
|
2022-08-31 20:52:36 +08:00
|
|
|
@property(nonatomic, strong) NSArray *swapDisabled;
|
2019-12-04 13:29:26 +08:00
|
|
|
@end
|
|
|
|
|
|
|
|
@implementation DoricFlowLayoutNode
|
|
|
|
- (instancetype)initWithContext:(DoricContext *)doricContext {
|
|
|
|
if (self = [super initWithContext:doricContext]) {
|
|
|
|
_itemViewIds = [NSMutableDictionary new];
|
|
|
|
_itemSizeInfo = [NSMutableDictionary new];
|
|
|
|
_batchCount = 15;
|
|
|
|
_columnCount = 2;
|
2021-07-08 11:28:32 +08:00
|
|
|
_loadAnchor = -1;
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
return self;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (UICollectionView *)build {
|
|
|
|
DoricFlowLayout *flowLayout = [[DoricFlowLayout alloc] init];
|
|
|
|
flowLayout.delegate = self;
|
|
|
|
return [[[DoricFlowLayoutView alloc] initWithFrame:CGRectZero
|
|
|
|
collectionViewLayout:flowLayout]
|
|
|
|
also:^(UICollectionView *it) {
|
|
|
|
it.backgroundColor = [UIColor whiteColor];
|
2021-07-15 15:57:12 +08:00
|
|
|
it.pagingEnabled = NO;
|
2019-12-04 13:29:26 +08:00
|
|
|
it.delegate = self;
|
|
|
|
it.dataSource = self;
|
2021-07-15 17:15:55 +08:00
|
|
|
it.showsVerticalScrollIndicator = NO;
|
|
|
|
it.showsHorizontalScrollIndicator = NO;
|
2020-03-13 16:43:40 +08:00
|
|
|
if (@available(iOS 11, *)) {
|
|
|
|
it.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
|
|
|
|
}
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-25 14:47:11 +08:00
|
|
|
self.longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressAction:)];
|
|
|
|
[it addGestureRecognizer:self.longPress];
|
|
|
|
[self.longPress setEnabled:NO];
|
2019-12-04 13:29:26 +08:00
|
|
|
}];
|
|
|
|
}
|
|
|
|
|
2022-08-25 14:47:11 +08:00
|
|
|
- (void)longPressAction:(UILongPressGestureRecognizer *)sender {
|
|
|
|
CGPoint locationInView = [sender locationInView:self.view];
|
|
|
|
NSIndexPath *indexPath = [self.view indexPathForItemAtPoint:locationInView];
|
|
|
|
if (sender.state == UIGestureRecognizerStateBegan) {
|
|
|
|
if (indexPath != nil) {
|
2022-08-31 20:52:36 +08:00
|
|
|
[self.view beginInteractiveMovementForItemAtIndexPath:indexPath];
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-25 14:47:11 +08:00
|
|
|
self.currentDragIndexPath = indexPath;
|
2022-09-08 18:34:27 +08:00
|
|
|
|
2022-08-25 14:47:11 +08:00
|
|
|
if (self.beforeDraggingFuncId != nil) {
|
2022-08-31 20:52:36 +08:00
|
|
|
DoricAsyncResult *asyncResult = [self callJSResponse:self.beforeDraggingFuncId, @(indexPath.row), nil];
|
|
|
|
JSValue *model = [asyncResult waitUntilResult];
|
|
|
|
if (model.isArray) {
|
|
|
|
self.swapDisabled = [model toArray];
|
|
|
|
}
|
2022-08-25 14:47:11 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (sender.state == UIGestureRecognizerStateChanged) {
|
2022-08-31 20:52:36 +08:00
|
|
|
[self.view updateInteractiveMovementTargetPosition:[sender locationInView:self.view]];
|
2022-08-25 14:47:11 +08:00
|
|
|
if ((indexPath != nil) && (indexPath != self.currentDragIndexPath)) {
|
|
|
|
if (self.onDraggingFuncId != nil) {
|
|
|
|
[self callJSResponse:self.onDraggingFuncId, @(self.currentDragIndexPath.row), @(indexPath.row), nil];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (sender.state == UIGestureRecognizerStateEnded) {
|
2022-08-31 20:52:36 +08:00
|
|
|
[self.view endInteractiveMovement];
|
|
|
|
} else {
|
|
|
|
[self.view cancelInteractiveMovement];
|
2022-08-25 14:47:11 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (void)blendView:(UICollectionView *)view forPropName:(NSString *)name propValue:(id)prop {
|
2021-04-23 17:47:11 +08:00
|
|
|
if ([@"scrollable" isEqualToString:name]) {
|
|
|
|
self.view.scrollEnabled = [prop boolValue];
|
2021-04-30 14:32:53 +08:00
|
|
|
} else if ([@"bounces" isEqualToString:name]) {
|
|
|
|
self.view.bounces = [prop boolValue];
|
2023-03-13 19:17:56 +08:00
|
|
|
} else if ([@"scrollsToTop" isEqualToString:name]) {
|
|
|
|
self.view.scrollsToTop = [prop boolValue];
|
2021-04-23 17:47:11 +08:00
|
|
|
} else if ([@"columnSpace" isEqualToString:name]) {
|
2019-12-04 13:29:26 +08:00
|
|
|
self.columnSpace = [prop floatValue];
|
|
|
|
[self.view.collectionViewLayout invalidateLayout];
|
|
|
|
} else if ([@"rowSpace" isEqualToString:name]) {
|
|
|
|
self.rowSpace = [prop floatValue];
|
|
|
|
[self.view.collectionViewLayout invalidateLayout];
|
|
|
|
} else if ([@"columnCount" isEqualToString:name]) {
|
|
|
|
self.columnCount = [prop unsignedIntegerValue];
|
|
|
|
[self.view reloadData];
|
|
|
|
[self.view.collectionViewLayout invalidateLayout];
|
|
|
|
} else if ([@"itemCount" isEqualToString:name]) {
|
|
|
|
self.itemCount = [prop unsignedIntegerValue];
|
|
|
|
[self.view reloadData];
|
|
|
|
} else if ([@"renderItem" isEqualToString:name]) {
|
2019-12-07 10:59:20 +08:00
|
|
|
if ([self.renderItemFuncId isEqualToString:prop]) {
|
|
|
|
} else {
|
2021-10-29 11:08:23 +08:00
|
|
|
self.loadAnchor = -1;
|
2019-12-07 10:59:20 +08:00
|
|
|
[self.itemViewIds removeAllObjects];
|
|
|
|
[self clearSubModel];
|
|
|
|
[self.view reloadData];
|
|
|
|
self.renderItemFuncId = prop;
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
} else if ([@"batchCount" isEqualToString:name]) {
|
|
|
|
self.batchCount = [prop unsignedIntegerValue];
|
2019-12-13 18:09:18 +08:00
|
|
|
} else if ([@"onLoadMore" isEqualToString:name]) {
|
|
|
|
self.onLoadMoreFuncId = prop;
|
|
|
|
} else if ([@"loadMoreView" isEqualToString:name]) {
|
|
|
|
self.loadMoreViewId = prop;
|
|
|
|
} else if ([@"loadMore" isEqualToString:name]) {
|
2022-06-23 17:09:54 +08:00
|
|
|
BOOL loadMore = [prop boolValue];
|
|
|
|
if (loadMore != self.loadMore) {
|
|
|
|
self.loadMore = loadMore;
|
|
|
|
[self.view reloadData];
|
|
|
|
}
|
2020-03-11 13:41:22 +08:00
|
|
|
} else if ([@"onScroll" isEqualToString:name]) {
|
|
|
|
self.onScrollFuncId = prop;
|
|
|
|
} else if ([@"onScrollEnd" isEqualToString:name]) {
|
|
|
|
self.onScrollEndFuncId = prop;
|
2022-08-25 14:47:11 +08:00
|
|
|
} else if ([@"canDrag" isEqualToString:name]) {
|
|
|
|
bool canDrag = [prop boolValue];
|
|
|
|
[self.longPress setEnabled:canDrag];
|
2022-08-31 20:52:36 +08:00
|
|
|
} else if ([@"itemCanDrag" isEqualToString:name]) {
|
|
|
|
self.itemCanDragFuncId = prop;
|
2022-08-25 14:47:11 +08:00
|
|
|
} else if ([@"beforeDragging" isEqualToString:name]) {
|
|
|
|
self.beforeDraggingFuncId = prop;
|
|
|
|
} else if ([@"onDragging" isEqualToString:name]) {
|
|
|
|
self.onDraggingFuncId = prop;
|
|
|
|
} else if ([@"onDragged" isEqualToString:name]) {
|
|
|
|
self.onDraggedFuncId = prop;
|
2019-12-14 14:51:18 +08:00
|
|
|
} else {
|
2019-12-04 13:29:26 +08:00
|
|
|
[super blendView:view forPropName:name propValue:prop];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSDictionary *)itemModelAt:(NSUInteger)position {
|
2021-10-11 18:10:59 +08:00
|
|
|
if (self.loadMore && position >= self.itemCount) {
|
2021-10-11 15:58:46 +08:00
|
|
|
if (self.loadMoreViewId && self.loadMoreViewId.length > 0) {
|
|
|
|
return [self subModelOf:self.loadMoreViewId];
|
|
|
|
} else {
|
|
|
|
return nil;
|
|
|
|
}
|
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
NSString *viewId = self.itemViewIds[@(position)];
|
|
|
|
if (viewId && viewId.length > 0) {
|
|
|
|
return [self subModelOf:viewId];
|
|
|
|
} else {
|
2021-04-14 16:53:38 +08:00
|
|
|
DoricAsyncResult *result = [self pureCallJSResponse:@"renderBunchedItems", @(position), @(self.batchCount), nil];
|
2021-01-06 11:56:30 +08:00
|
|
|
NSArray *array = [result waitUntilResult:^(JSValue *models) {
|
|
|
|
return [models toArray];
|
|
|
|
}];
|
2019-12-04 13:29:26 +08:00
|
|
|
[array enumerateObjectsUsingBlock:^(NSDictionary *obj, NSUInteger idx, BOOL *stop) {
|
|
|
|
NSString *thisViewId = obj[@"id"];
|
|
|
|
[self setSubModel:obj in:thisViewId];
|
|
|
|
NSUInteger pos = position + idx;
|
|
|
|
self.itemViewIds[@(pos)] = thisViewId;
|
|
|
|
}];
|
|
|
|
return array[0];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (DoricViewNode *)subNodeWithViewId:(NSString *)viewId {
|
|
|
|
__block DoricViewNode *ret = nil;
|
|
|
|
[self.doricContext.driver ensureSyncInMainQueue:^{
|
|
|
|
for (UICollectionViewCell *collectionViewCell in self.view.visibleCells) {
|
|
|
|
if ([collectionViewCell isKindOfClass:[DoricFlowLayoutViewCell class]]) {
|
|
|
|
DoricFlowLayoutItemNode *node = ((DoricFlowLayoutViewCell *) collectionViewCell).viewNode;
|
|
|
|
if ([viewId isEqualToString:node.viewId]) {
|
|
|
|
ret = node;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
return ret;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)blendSubNode:(NSDictionary *)subModel {
|
2021-12-03 17:33:22 +08:00
|
|
|
NSString *viewId = subModel[@"id"];
|
|
|
|
DoricViewNode *viewNode = [self subNodeWithViewId:viewId];
|
|
|
|
BOOL skipReload = NO;
|
2023-01-03 16:42:52 +08:00
|
|
|
|
2022-12-09 16:33:00 +08:00
|
|
|
NSMutableDictionary *model = [[self subModelOf:viewId] mutableCopy];
|
|
|
|
[self recursiveMixin:subModel to:model];
|
|
|
|
[self setSubModel:model in:viewId];
|
2023-01-03 16:42:52 +08:00
|
|
|
|
2021-12-03 17:33:22 +08:00
|
|
|
if (viewNode) {
|
|
|
|
CGSize originSize = viewNode.view.frame.size;
|
|
|
|
[viewNode blend:subModel[@"props"]];
|
|
|
|
[viewNode.view.doricLayout apply];
|
|
|
|
[viewNode requestLayout];
|
|
|
|
if (CGSizeEqualToSize(originSize, viewNode.view.frame.size)) {
|
|
|
|
skipReload = YES;
|
2021-10-20 17:49:46 +08:00
|
|
|
}
|
2021-12-03 17:33:22 +08:00
|
|
|
}
|
2023-01-03 16:42:52 +08:00
|
|
|
|
2021-12-03 17:33:22 +08:00
|
|
|
if (skipReload) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
dispatch_async(dispatch_get_main_queue(), ^{
|
2019-12-10 19:57:46 +08:00
|
|
|
[self.itemViewIds enumerateKeysAndObjectsUsingBlock:^(NSNumber *_Nonnull key, NSString *_Nonnull obj, BOOL *_Nonnull stop) {
|
|
|
|
if ([viewId isEqualToString:obj]) {
|
|
|
|
*stop = YES;
|
|
|
|
NSIndexPath *indexPath = [NSIndexPath indexPathForRow:[key integerValue] inSection:0];
|
|
|
|
[UIView performWithoutAnimation:^{
|
|
|
|
[self.view reloadItemsAtIndexPaths:@[indexPath]];
|
|
|
|
}];
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
});
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
- (void)callItem:(NSUInteger)position size:(CGSize)size {
|
|
|
|
NSValue *old = self.itemSizeInfo[@(position)];
|
|
|
|
if (old && CGSizeEqualToSize([old CGSizeValue], size)) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
self.itemSizeInfo[@(position)] = [NSValue valueWithCGSize:size];
|
2021-04-14 12:39:38 +08:00
|
|
|
if (self.view.doricLayout.widthSpec == DoricLayoutFit || self.view.doricLayout.heightSpec == DoricLayoutFit) {
|
|
|
|
DoricSuperNode *node = self.superNode;
|
|
|
|
while (node.superNode != nil) {
|
|
|
|
node = node.superNode;
|
|
|
|
}
|
|
|
|
[node requestLayout];
|
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
[self.view.collectionViewLayout invalidateLayout];
|
|
|
|
}
|
|
|
|
|
2021-02-02 19:52:39 +08:00
|
|
|
|
|
|
|
- (void)callLoadMore {
|
|
|
|
if (self.itemCount != self.loadAnchor) {
|
|
|
|
self.loadAnchor = self.itemCount;
|
|
|
|
[self callJSResponse:self.onLoadMoreFuncId, nil];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
|
2021-10-11 18:10:59 +08:00
|
|
|
return self.itemCount + (self.loadMore ? 1 : 0);
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
|
2023-01-03 16:42:52 +08:00
|
|
|
@try {
|
|
|
|
NSUInteger position = (NSUInteger) indexPath.row;
|
|
|
|
NSDictionary *model = [self itemModelAt:position];
|
|
|
|
NSDictionary *props = model[@"props"];
|
|
|
|
NSString *identifier = props[@"identifier"] ?: @"doricCell";
|
|
|
|
if (self.loadMore
|
|
|
|
&& position >= self.itemCount
|
|
|
|
&& self.onLoadMoreFuncId) {
|
|
|
|
identifier = @"doricLoadMoreCell";
|
|
|
|
[self callLoadMore];
|
|
|
|
}
|
|
|
|
[collectionView registerClass:[DoricFlowLayoutViewCell class] forCellWithReuseIdentifier:identifier];
|
|
|
|
DoricFlowLayoutViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];
|
|
|
|
if (!cell.viewNode) {
|
|
|
|
DoricFlowLayoutItemNode *itemNode = (DoricFlowLayoutItemNode *) [DoricViewNode create:self.doricContext withType:@"FlowLayoutItem"];
|
|
|
|
[itemNode initWithSuperNode:self];
|
|
|
|
cell.viewNode = itemNode;
|
|
|
|
[cell.contentView addSubview:itemNode.view];
|
|
|
|
} else {
|
|
|
|
[cell.viewNode reset];
|
|
|
|
}
|
2019-12-14 14:51:18 +08:00
|
|
|
|
2023-01-03 16:42:52 +08:00
|
|
|
DoricFlowLayoutItemNode *node = cell.viewNode;
|
|
|
|
node.viewId = model[@"id"];
|
|
|
|
[node blend:props];
|
2021-10-11 18:32:14 +08:00
|
|
|
|
2023-01-03 16:42:52 +08:00
|
|
|
BOOL fullSpan = self.loadMore && position >= self.itemCount;
|
|
|
|
if (props[@"fullSpan"]) {
|
|
|
|
fullSpan = [props[@"fullSpan"] boolValue];
|
|
|
|
}
|
|
|
|
CGFloat width = fullSpan ? collectionView.width : (collectionView.width - (self.columnCount - 1) * self.columnSpace) / self.columnCount;
|
|
|
|
CGFloat height = node.view.doricLayout.heightSpec == DoricLayoutFit ? CGFLOAT_MAX : collectionView.height;
|
|
|
|
[node.view.doricLayout apply:CGSizeMake(width, height)];
|
|
|
|
[node requestLayout];
|
|
|
|
[self callItem:position size:node.view.frame.size];
|
|
|
|
return cell;
|
|
|
|
} @catch (NSException *exception) {
|
|
|
|
[self.doricContext.driver.registry onException:exception inContext:self.doricContext];
|
|
|
|
return nil;
|
2021-10-11 18:32:14 +08:00
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
2022-08-31 20:52:36 +08:00
|
|
|
- (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;
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (CGFloat)doricFlowLayoutItemHeightAtIndexPath:(NSIndexPath *)indexPath {
|
|
|
|
NSUInteger position = (NSUInteger) indexPath.row;
|
|
|
|
NSValue *value = self.itemSizeInfo[@(position)];
|
|
|
|
if (value) {
|
|
|
|
return [value CGSizeValue].height;
|
|
|
|
} else {
|
|
|
|
return 100;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-12-13 18:09:18 +08:00
|
|
|
- (CGFloat)doricFlowLayoutItemWidthAtIndexPath:(NSIndexPath *)indexPath {
|
|
|
|
NSUInteger position = (NSUInteger) indexPath.row;
|
|
|
|
NSValue *value = self.itemSizeInfo[@(position)];
|
|
|
|
if (value) {
|
|
|
|
return [value CGSizeValue].width;
|
|
|
|
} else {
|
|
|
|
return 100;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (CGFloat)doricFlowLayoutColumnSpace {
|
|
|
|
return self.columnSpace;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CGFloat)doricFlowLayoutRowSpace {
|
|
|
|
return self.rowSpace;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSInteger)doricFlowLayoutColumnCount {
|
|
|
|
return self.columnCount;
|
|
|
|
}
|
|
|
|
|
2021-10-11 15:58:46 +08:00
|
|
|
- (BOOL)doricFlowLayoutItemFullSpan:(NSIndexPath *)indexPath {
|
|
|
|
NSUInteger position = (NSUInteger) indexPath.row;
|
2021-10-11 18:32:14 +08:00
|
|
|
BOOL fullSpan = self.loadMore && position >= self.itemCount;
|
|
|
|
NSDictionary *model = [self itemModelAt:position];
|
|
|
|
if (model[@"props"][@"fullSpan"]) {
|
|
|
|
fullSpan = [model[@"props"][@"fullSpan"] boolValue];
|
2021-10-11 16:26:56 +08:00
|
|
|
}
|
2021-10-11 18:32:14 +08:00
|
|
|
return fullSpan;
|
2021-10-11 15:58:46 +08:00
|
|
|
}
|
|
|
|
|
2020-02-13 15:36:01 +08:00
|
|
|
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
|
2020-03-10 17:23:55 +08:00
|
|
|
for (DoricDidScrollBlock block in self.didScrollBlocks) {
|
|
|
|
block(scrollView);
|
2020-02-13 22:18:13 +08:00
|
|
|
}
|
2020-03-11 13:41:22 +08:00
|
|
|
if (self.onScrollFuncId) {
|
2020-03-25 13:30:35 +08:00
|
|
|
if (!self.jsDispatcher) {
|
|
|
|
self.jsDispatcher = [DoricJSDispatcher new];
|
|
|
|
}
|
|
|
|
__weak typeof(self) __self = self;
|
|
|
|
[self.jsDispatcher dispatch:^DoricAsyncResult * {
|
|
|
|
__strong typeof(__self) self = __self;
|
|
|
|
return [self callJSResponse:self.onScrollFuncId,
|
|
|
|
@{
|
|
|
|
@"x": @(self.view.contentOffset.x),
|
|
|
|
@"y": @(self.view.contentOffset.y),
|
|
|
|
},
|
|
|
|
nil];
|
|
|
|
}];
|
2020-03-11 13:41:22 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
|
|
|
|
if (self.onScrollEndFuncId) {
|
|
|
|
[self callJSResponse:self.onScrollEndFuncId,
|
|
|
|
@{
|
|
|
|
@"x": @(self.view.contentOffset.x),
|
|
|
|
@"y": @(self.view.contentOffset.y),
|
|
|
|
},
|
|
|
|
nil];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
|
|
|
|
if (!decelerate) {
|
|
|
|
if (self.onScrollEndFuncId) {
|
|
|
|
[self callJSResponse:self.onScrollEndFuncId,
|
|
|
|
@{
|
|
|
|
@"x": @(self.view.contentOffset.x),
|
|
|
|
@"y": @(self.view.contentOffset.y),
|
|
|
|
},
|
|
|
|
nil];
|
|
|
|
}
|
|
|
|
}
|
2020-02-13 15:36:01 +08:00
|
|
|
}
|
2020-03-10 17:23:55 +08:00
|
|
|
|
|
|
|
- (NSMutableSet<DoricDidScrollBlock> *)didScrollBlocks {
|
|
|
|
if (!_didScrollBlocks) {
|
|
|
|
_didScrollBlocks = [NSMutableSet new];
|
|
|
|
}
|
|
|
|
return _didScrollBlocks;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)addDidScrollBlock:(__nonnull DoricDidScrollBlock)didScrollListener {
|
|
|
|
[self.didScrollBlocks addObject:didScrollListener];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)removeDidScrollBlock:(__nonnull DoricDidScrollBlock)didScrollListener {
|
|
|
|
[self.didScrollBlocks removeObject:didScrollListener];
|
|
|
|
}
|
2021-10-12 16:33:04 +08:00
|
|
|
|
|
|
|
- (NSArray *)findVisibleItems {
|
|
|
|
return [[self.view.indexPathsForVisibleItems map:^id(NSIndexPath *obj) {
|
|
|
|
return @(obj.row);
|
|
|
|
}] sortedArrayUsingComparator:^NSComparisonResult(NSNumber *obj1, NSNumber *obj2) {
|
|
|
|
if (obj1.unsignedIntegerValue > obj2.unsignedIntegerValue) {
|
|
|
|
return NSOrderedDescending;
|
|
|
|
} else if (obj1.unsignedIntegerValue < obj2.unsignedIntegerValue) {
|
|
|
|
return NSOrderedAscending;
|
|
|
|
} else {
|
|
|
|
return NSOrderedSame;
|
|
|
|
}
|
|
|
|
|
|
|
|
}];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSArray *)findCompletelyVisibleItems {
|
|
|
|
NSArray<__kindof UICollectionViewCell *> *items = [self.view.visibleCells filter:^BOOL(__kindof UICollectionViewCell *obj) {
|
|
|
|
return CGRectContainsRect(self.view.bounds, obj.frame);
|
|
|
|
}];
|
|
|
|
return [[items map:^id(__kindof UICollectionViewCell *obj) {
|
|
|
|
return @([self.view indexPathForCell:obj].row);
|
|
|
|
}] sortedArrayUsingComparator:^NSComparisonResult(NSNumber *obj1, NSNumber *obj2) {
|
|
|
|
if (obj1.unsignedIntegerValue > obj2.unsignedIntegerValue) {
|
|
|
|
return NSOrderedDescending;
|
|
|
|
} else if (obj1.unsignedIntegerValue < obj2.unsignedIntegerValue) {
|
|
|
|
return NSOrderedAscending;
|
|
|
|
} else {
|
|
|
|
return NSOrderedSame;
|
|
|
|
}
|
|
|
|
|
|
|
|
}];
|
|
|
|
}
|
2021-10-27 16:03:11 +08:00
|
|
|
|
|
|
|
- (void)reset {
|
|
|
|
[super reset];
|
|
|
|
self.view.scrollEnabled = YES;
|
|
|
|
self.renderItemFuncId = nil;
|
|
|
|
self.onLoadMoreFuncId = nil;
|
|
|
|
self.loadMoreViewId = nil;
|
|
|
|
self.onScrollFuncId = nil;
|
|
|
|
self.onScrollEndFuncId = nil;
|
2022-08-31 20:52:36 +08:00
|
|
|
self.itemCanDragFuncId = nil;
|
2022-08-25 14:47:11 +08:00
|
|
|
self.beforeDraggingFuncId = nil;
|
|
|
|
self.onDraggingFuncId = nil;
|
|
|
|
self.onDraggedFuncId = nil;
|
2021-10-27 16:03:11 +08:00
|
|
|
self.loadMore = NO;
|
|
|
|
}
|
2021-11-12 16:23:01 +08:00
|
|
|
|
|
|
|
- (void)subNodeContentChanged:(DoricViewNode *)subNode {
|
|
|
|
[subNode.view.doricLayout apply];
|
|
|
|
[super subNodeContentChanged:subNode];
|
|
|
|
}
|
2022-08-16 17:57:51 +08:00
|
|
|
|
|
|
|
- (void)reload {
|
|
|
|
self.loadAnchor = -1;
|
|
|
|
[self.itemViewIds.allValues forEach:^(NSString *obj) {
|
|
|
|
[self removeSubModel:obj];
|
|
|
|
}];
|
|
|
|
[self.itemViewIds removeAllObjects];
|
|
|
|
dispatch_async(dispatch_get_main_queue(), ^{
|
|
|
|
[self.view reloadData];
|
|
|
|
});
|
|
|
|
}
|
2022-08-31 20:52:36 +08:00
|
|
|
|
|
|
|
- (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];
|
|
|
|
}
|
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
@end
|