rename dir

doric-iOS/Pod/Classes/Shader/DoricFlowLayoutItemNode.h

@@ -0,0 +1,25 @@
+/*
+ * 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.
+//
+
+#import <Foundation/Foundation.h>
+#import "DoricStackNode.h"
+
+
+@interface DoricFlowLayoutItemNode : DoricStackNode
+@end

doric-iOS/Pod/Classes/Shader/DoricFlowLayoutItemNode.m

@@ -0,0 +1,48 @@
+/*
+ * 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.
+//
+
+#import "DoricFlowLayoutItemNode.h"
+
+@interface DoricFlowLayoutItemView : DoricStackView
+@end
+
+@implementation DoricFlowLayoutItemView
+@end
+
+@interface DoricFlowLayoutItemNode ()
+@end
+
+
+@implementation DoricFlowLayoutItemNode
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        self.reusable = YES;
+    }
+    return self;
+}
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode {
+    [super initWithSuperNode:superNode];
+    self.reusable = YES;
+}
+
+- (DoricStackView *)build {
+    return [DoricFlowLayoutItemView new];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricFlowLayoutNode.h

@@ -0,0 +1,24 @@
+/*
+ * 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.
+//
+
+#import <Foundation/Foundation.h>
+#import "DoricSuperNode.h"
+
+@interface DoricFlowLayoutNode : DoricSuperNode<UICollectionView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricFlowLayoutNode.m

@@ -0,0 +1,372 @@
+/*
+ * 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.
+//
+
+#import "DoricFlowLayoutNode.h"
+#import "DoricFlowLayoutItemNode.h"
+#import "DoricExtensions.h"
+#import <JavaScriptCore/JavaScriptCore.h>
+
+@protocol DoricFlowLayoutDelegate
+- (CGFloat)doricFlowLayoutItemHeightAtIndexPath:(NSIndexPath *)indexPath;
+
+- (CGFloat)doricFlowLayoutItemWidthAtIndexPath:(NSIndexPath *)indexPath;
+
+- (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;
+@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);
+    }
+}
+
+- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect {
+    for (int i = 0; i < self.columnCount; i++) {
+        self.columnHeightInfo[@(i)] = @(0);
+    }
+    NSMutableArray *array = [NSMutableArray array];
+    NSInteger count = [self.collectionView numberOfItemsInSection:0];
+    for (int i = 0; i < count; i++) {
+        UICollectionViewLayoutAttributes *attrs = [self layoutAttributesForItemAtIndexPath:[NSIndexPath indexPathForItem:i inSection:0]];
+        [array addObject:attrs];
+    }
+    return array;
+}
+
+- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
+    NSNumber *minYOfColumn = @(0);
+    for (NSNumber *key in self.columnHeightInfo.allKeys) {
+        if ([self.columnHeightInfo[key] floatValue] < [self.columnHeightInfo[minYOfColumn] floatValue]) {
+            minYOfColumn = key;
+        }
+    }
+
+    CGFloat width = [self.delegate doricFlowLayoutItemWidthAtIndexPath:indexPath];
+    CGFloat height = [self.delegate doricFlowLayoutItemHeightAtIndexPath:indexPath];
+    CGFloat x = (width + self.columnSpace) * [minYOfColumn integerValue];
+    CGFloat y = [self.columnHeightInfo[minYOfColumn] floatValue];
+    if (y > 0) {
+        y += self.rowSpace;
+    }
+
+    if (width == self.collectionView.width) {
+        CGFloat maxY = 0;
+        for (NSNumber *column in self.columnHeightInfo.allValues) {
+            maxY = MAX(maxY, [column floatValue]);
+        }
+        y = maxY + self.rowSpace;
+    } else {
+        self.columnHeightInfo[minYOfColumn] = @(y + height);
+    }
+    UICollectionViewLayoutAttributes *attrs = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
+    attrs.frame = CGRectMake(x, y, width, height);
+    return attrs;
+}
+
+- (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
+- (CGSize)sizeThatFits:(CGSize)size {
+    if (self.subviews.count > 0) {
+        CGFloat width = size.width;
+        CGFloat height = size.height;
+        for (UIView *child in self.subviews) {
+            CGSize childSize = [child measureSize:size];
+            width = MAX(childSize.width, width);
+            height = MAX(childSize.height, height);
+        }
+        return CGSizeMake(width, height);
+    }
+    return size;
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    [super layoutSelf:targetSize];
+    [self reloadData];
+}
+@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;
+@property(nonatomic, copy) NSString *renderItemFuncId;
+
+@property(nonatomic, copy) NSString *onLoadMoreFuncId;
+@property(nonatomic, copy) NSString *loadMoreViewId;
+@property(nonatomic, assign) BOOL loadMore;
+@end
+
+@implementation DoricFlowLayoutNode
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        _itemViewIds = [NSMutableDictionary new];
+        _itemSizeInfo = [NSMutableDictionary new];
+        _batchCount = 15;
+        _columnCount = 2;
+    }
+    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];
+                it.pagingEnabled = YES;
+                it.delegate = self;
+                it.dataSource = self;
+                [it registerClass:[DoricFlowLayoutViewCell class] forCellWithReuseIdentifier:@"doricCell"];
+                [it registerClass:[DoricFlowLayoutViewCell class] forCellWithReuseIdentifier:@"doricLoadMoreCell"];
+            }];
+}
+
+- (void)blendView:(UICollectionView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"columnSpace" isEqualToString:name]) {
+        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]) {
+        if ([self.renderItemFuncId isEqualToString:prop]) {
+        } else {
+            [self.itemViewIds removeAllObjects];
+            [self clearSubModel];
+            [self.view reloadData];
+            self.renderItemFuncId = prop;
+        }
+
+    } else if ([@"batchCount" isEqualToString:name]) {
+        self.batchCount = [prop unsignedIntegerValue];
+    } else if ([@"onLoadMore" isEqualToString:name]) {
+        self.onLoadMoreFuncId = prop;
+    } else if ([@"loadMoreView" isEqualToString:name]) {
+        self.loadMoreViewId = prop;
+    } else if ([@"loadMore" isEqualToString:name]) {
+        self.loadMore = [prop boolValue];
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (NSDictionary *)itemModelAt:(NSUInteger)position {
+    if (position >= self.itemCount) {
+        return [self subModelOf:self.loadMoreViewId];
+    }
+    NSString *viewId = self.itemViewIds[@(position)];
+    if (viewId && viewId.length > 0) {
+        return [self subModelOf:viewId];
+    } else {
+        DoricAsyncResult *result = [self callJSResponse:@"renderBunchedItems", @(position), @(self.batchCount), nil];
+        JSValue *models = [result waitUntilResult];
+        NSArray *array = [models toArray];
+        [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 {
+    dispatch_async(dispatch_get_main_queue(), ^{
+        NSString *viewId = subModel[@"id"];
+        DoricViewNode *viewNode = [self subNodeWithViewId:viewId];
+        if (viewNode) {
+            [viewNode blend:subModel[@"props"]];
+        } else {
+            NSMutableDictionary *model = [[self subModelOf:viewId] mutableCopy];
+            [self recursiveMixin:subModel to:model];
+            [self setSubModel:model in:viewId];
+        }
+        [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]];
+                }];
+            }
+        }];
+    });
+}
+
+- (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];
+    [self.view.collectionViewLayout invalidateLayout];
+}
+
+- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
+    return self.itemCount + (self.loadMore ? 1 : 0);
+}
+
+- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
+    NSUInteger position = (NSUInteger) indexPath.row;
+    NSDictionary *model = [self itemModelAt:position];
+    NSDictionary *props = model[@"props"];
+
+    DoricFlowLayoutViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"doricCell" forIndexPath:indexPath];
+    if (!cell.viewNode) {
+        DoricFlowLayoutItemNode *itemNode = [[DoricFlowLayoutItemNode alloc] initWithContext:self.doricContext];
+        [itemNode initWithSuperNode:self];
+        cell.viewNode = itemNode;
+        [cell.contentView addSubview:itemNode.view];
+    }
+
+    DoricFlowLayoutItemNode *node = cell.viewNode;
+    node.viewId = model[@"id"];
+    [node blend:props];
+    CGFloat width = (collectionView.width - (self.columnCount - 1) * self.columnSpace) / self.columnCount;
+    CGSize size = [node.view measureSize:CGSizeMake(width, collectionView.height)];
+    if (position > 0 && position >= self.itemCount && self.onLoadMoreFuncId) {
+        size = CGSizeMake(collectionView.width, size.height);
+        [self callJSResponse:self.onLoadMoreFuncId, nil];
+    }
+
+    [node.view layoutSelf:size];
+    [self callItem:position size:size];
+    return cell;
+}
+
+- (CGFloat)doricFlowLayoutItemHeightAtIndexPath:(NSIndexPath *)indexPath {
+    NSUInteger position = (NSUInteger) indexPath.row;
+    NSValue *value = self.itemSizeInfo[@(position)];
+    if (value) {
+        return [value CGSizeValue].height;
+    } else {
+        return 100;
+    }
+}
+
+- (CGFloat)doricFlowLayoutItemWidthAtIndexPath:(NSIndexPath *)indexPath {
+    NSUInteger position = (NSUInteger) indexPath.row;
+    NSValue *value = self.itemSizeInfo[@(position)];
+    if (value) {
+        return [value CGSizeValue].width;
+    } else {
+        return 100;
+    }
+}
+
+
+- (CGFloat)doricFlowLayoutColumnSpace {
+    return self.columnSpace;
+}
+
+- (CGFloat)doricFlowLayoutRowSpace {
+    return self.rowSpace;
+}
+
+- (NSInteger)doricFlowLayoutColumnCount {
+    return self.columnCount;
+}
+
+@end

doric-iOS/Pod/Classes/Shader/DoricGroupNode.h

@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+//
+//  DoricGroupNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricSuperNode.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface DoricGroupNode <V:UIView *> : DoricSuperNode<V>
+@end
+
+NS_ASSUME_NONNULL_END

doric-iOS/Pod/Classes/Shader/DoricGroupNode.m

@@ -0,0 +1,170 @@
+/*
+ * 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.
+ */
+//
+//  DoricGroupNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricGroupNode.h"
+
+@interface DoricGroupNode ()
+@property(nonatomic, copy) NSArray<DoricViewNode *> *childNodes;
+@property(nonatomic, copy) NSArray <NSString *> *childViewIds;
+@end
+
+@implementation DoricGroupNode
+
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        _childNodes = @[];
+        _childViewIds = @[];
+    }
+    return self;
+}
+
+- (UIView *)build {
+    UIView *ret = [[UIView alloc] init];
+    ret.clipsToBounds = YES;
+    return ret;
+}
+
+- (void)blendView:(UIView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"children" isEqualToString:name]) {
+        self.childViewIds = prop;
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)blend:(NSDictionary *)props {
+    [super blend:props];
+    [self configChildNodes];
+}
+
+- (DoricLayoutConfig *)generateDefaultLayoutParams {
+    DoricLayoutConfig *params = [[DoricLayoutConfig alloc] init];
+    return params;
+}
+
+- (void)configChildNodes {
+    NSMutableArray *childNodes = [self.childNodes mutableCopy];
+    for (NSUInteger idx = 0; idx < self.childViewIds.count; idx++) {
+        NSString *viewId = self.childViewIds[idx];
+        NSDictionary *model = [self subModelOf:viewId];
+        NSString *type = model[@"type"];
+        if (idx < self.childNodes.count) {
+            DoricViewNode *oldNode = childNodes[idx];
+            if ([viewId isEqualToString:oldNode.viewId]) {
+                ///Same,skip
+            } else {
+                if (self.reusable) {
+                    if ([oldNode.type isEqualToString:type]) {
+                        ///Same type,can be reused
+                        oldNode.viewId = viewId;
+                        [oldNode blend:model[@"props"]];
+                    } else {
+                        ///Replace this view
+                        [childNodes removeObjectAtIndex:idx];
+                        [oldNode.view removeFromSuperview];
+                        DoricViewNode *viewNode = [DoricViewNode create:self.doricContext withType:type];
+                        if ([viewNode isKindOfClass:[DoricGroupNode class]]) {
+                            ((DoricGroupNode *) viewNode).reusable = self.reusable;
+                        }
+                        viewNode.viewId = viewId;
+                        [viewNode initWithSuperNode:self];
+                        [viewNode blend:model[@"props"]];
+                        [childNodes insertObject:viewNode atIndex:idx];
+                        [self.view insertSubview:viewNode.view atIndex:idx];
+                    }
+                } else {
+                    ///Find in remain nodes
+                    NSInteger position = -1;
+                    for (NSUInteger start = idx + 1; start < childNodes.count; start++) {
+                        DoricViewNode *node = childNodes[start];
+                        if ([viewId isEqualToString:node.viewId]) {
+                            position = start;
+                            break;
+                        }
+                    }
+                    if (position >= 0) {
+                        ///Found ,swap idx,position
+                        DoricViewNode *reused = childNodes[(NSUInteger) position];
+                        [childNodes removeObjectAtIndex:(NSUInteger) position];
+                        [childNodes removeObjectAtIndex:idx];
+                        [childNodes insertObject:reused atIndex:idx];
+                        [childNodes insertObject:oldNode atIndex:(NSUInteger) position];
+
+                        ///View swap index
+                        [reused.view removeFromSuperview];
+                        [oldNode.view removeFromSuperview];
+                        [self.view insertSubview:reused.view atIndex:idx];
+                        [self.view insertSubview:oldNode.view atIndex:position];
+                    } else {
+                        ///Not found,insert
+                        DoricViewNode *viewNode = [DoricViewNode create:self.doricContext withType:type];
+                        viewNode.viewId = viewId;
+                        [viewNode initWithSuperNode:self];
+                        [viewNode blend:model[@"props"]];
+                        [childNodes insertObject:viewNode atIndex:idx];
+                        [self.view insertSubview:viewNode.view atIndex:idx];
+                    }
+                }
+            }
+        } else {
+            /// Insert
+            DoricViewNode *viewNode = [DoricViewNode create:self.doricContext withType:type];
+            if ([viewNode isKindOfClass:[DoricGroupNode class]]) {
+                ((DoricGroupNode *) viewNode).reusable = self.reusable;
+            }
+            viewNode.viewId = viewId;
+            [viewNode initWithSuperNode:self];
+            [viewNode blend:model[@"props"]];
+            [childNodes addObject:viewNode];
+            [self.view addSubview:viewNode.view];
+        }
+    }
+
+    NSUInteger count = childNodes.count;
+    for (NSUInteger idx = self.childViewIds.count; idx < count; idx++) {
+        DoricViewNode *viewNode = childNodes.lastObject;
+        [childNodes removeLastObject];
+        [viewNode.view removeFromSuperview];
+    }
+    self.childNodes = [childNodes copy];
+}
+
+- (void)blendSubNode:(NSDictionary *)subModel {
+    NSString *viewId = subModel[@"id"];
+    [self.childNodes enumerateObjectsUsingBlock:^(DoricViewNode *obj, NSUInteger idx, BOOL *stop) {
+        if ([viewId isEqualToString:obj.viewId]) {
+            [obj blend:subModel[@"props"]];
+            *stop = YES;
+        }
+    }];
+}
+
+- (DoricViewNode *)subNodeWithViewId:(NSString *)viewId {
+    for (DoricViewNode *viewNode in self.childNodes) {
+        if ([viewId isEqualToString:viewNode.viewId]) {
+            return viewNode;
+        }
+    }
+    return nil;
+}
+
+@end

doric-iOS/Pod/Classes/Shader/DoricHLayoutNode.h

@@ -0,0 +1,26 @@
+/*
+ * 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.
+ */
+//
+//  DoricHLayoutNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricGroupNode.h"
+
+@interface DoricHLayoutNode : DoricGroupNode<DoricHLayoutView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricHLayoutNode.m

@@ -0,0 +1,40 @@
+/*
+ * 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.
+ */
+//
+//  DoricHLayoutNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricHLayoutNode.h"
+#import "DoricUtil.h"
+
+@implementation DoricHLayoutNode
+- (DoricHLayoutView *)build {
+    return [DoricHLayoutView new];
+}
+
+- (void)blendView:(DoricHLayoutView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([name isEqualToString:@"gravity"]) {
+        view.gravity = (DoricGravity) [(NSNumber *) prop integerValue];
+    } else if ([name isEqualToString:@"space"]) {
+        view.space = [(NSNumber *) prop floatValue];
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricImageNode.h

@@ -0,0 +1,31 @@
+/*
+ * 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.
+ */
+//
+//  DoricImageNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/8/6.
+//
+
+#import "DoricViewNode.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface DoricImageNode : DoricViewNode<UIImageView *>
+
+@end
+
+NS_ASSUME_NONNULL_END

doric-iOS/Pod/Classes/Shader/DoricImageNode.m

@@ -0,0 +1,104 @@
+/*
+ * 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.
+ */
+//
+//  DoricImageNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/8/6.
+//
+
+#import "DoricImageNode.h"
+#import "Doric.h"
+#import "YYWebImage.h"
+
+@interface DoricImageNode ()
+@property(nonatomic, copy) NSString *loadCallbackId;
+@property(nonatomic, assign) BOOL isBlur;
+@end
+
+@implementation DoricImageNode
+
+- (UIImageView *)build {
+    return [[YYAnimatedImageView new] also:^(UIImageView *it) {
+        it.clipsToBounds = YES;
+    }];
+}
+
+- (void)blend:(NSDictionary *)props {
+    NSInteger value = [props[@"isBlur"] intValue];
+    if(value == 1) {
+        self.isBlur = YES;
+    }
+    
+    [super blend:props];
+}
+
+- (void)blendView:(UIImageView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"imageUrl" isEqualToString:name]) {
+        __weak typeof(self) _self = self;
+        [view yy_setImageWithURL:[NSURL URLWithString:prop] placeholder:nil options:0 completion:^(UIImage *image, NSURL *url, YYWebImageFromType from, YYWebImageStage stage, NSError *error) {
+            __strong typeof(_self) self = _self;
+            if (error) {
+                if (self.loadCallbackId.length > 0) {
+                    [self callJSResponse:self.loadCallbackId, nil];
+                }
+            } else {
+                if (self.loadCallbackId.length > 0) {
+                    [self callJSResponse:self.loadCallbackId,
+                                         @{@"width": @(image.size.width), @"height": @(image.size.height)},
+                                    nil];
+                }
+                [self requestLayout];
+            }
+            
+            if(self.isBlur) {
+                UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
+                UIVisualEffectView *effectView = [[UIVisualEffectView alloc]initWithEffect:blurEffect];
+                effectView.frame = CGRectMake(0, 0, image.size.width, image.size.height);
+                [view addSubview:effectView];
+            }
+        }];
+    } else if ([@"scaleType" isEqualToString:name]) {
+        switch ([prop integerValue]) {
+            case 1: {
+                self.view.contentMode = UIViewContentModeScaleAspectFit;
+                break;
+            }
+            case 2: {
+                self.view.contentMode = UIViewContentModeScaleAspectFill;
+                break;
+            }
+            default: {
+                self.view.contentMode = UIViewContentModeScaleToFill;
+                break;
+            }
+        }
+    } else if ([@"loadCallback" isEqualToString:name]) {
+        self.loadCallbackId = prop;
+    } else if ([@"imageBase64" isEqualToString:name]) {
+        NSString *base64 = prop;
+        if (YES == [base64 hasPrefix:@"data:image"]) {
+            base64 = [base64 componentsSeparatedByString:@","].lastObject;
+        }
+        NSData *imageData = [[NSData alloc] initWithBase64EncodedString:base64
+                                                                options:NSDataBase64DecodingIgnoreUnknownCharacters];
+        UIImage *image = [UIImage imageWithData:imageData];
+        self.view.image = image;
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricInputNode.h

@@ -0,0 +1,31 @@
+/*
+* 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.
+*/
+//
+//  DoricInputNode.h
+//  Doric
+//
+//  Created by 姜腾 on 2019/12/11.
+//
+
+#import "DoricViewNode.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface DoricInputNode : DoricViewNode<UITextView *>
+
+@end
+
+NS_ASSUME_NONNULL_END

doric-iOS/Pod/Classes/Shader/DoricInputNode.m

@@ -0,0 +1,173 @@
+/*
+* 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.
+*/
+//
+//  DoricInputNode.m
+//  Doric
+//
+//  Created by 姜腾 on 2019/12/11.
+//
+
+#import "DoricInputNode.h"
+#import "DoricUtil.h"
+#import "DoricPromise.h"
+
+typedef void (^onTextChangeBlock)(NSString *text,DoricInputNode *node);
+typedef void (^onFocusChangeBlock)(BOOL focused,DoricInputNode *node);
+
+@interface DoricInputNode()<UITextViewDelegate>
+@property(nonatomic, copy) onTextChangeBlock onTextChange;
+@property(nonatomic, copy) onFocusChangeBlock onFocusShange;
+@property(nonatomic, strong) UILabel *placeholderLabel;
+
+@end
+
+@implementation DoricInputNode
+- (UITextView *)build {
+    UITextView *v = [[UITextView alloc] init];
+    v.delegate = self;
+    return v;
+}
+
+- (void)blendView:(UITextView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([name isEqualToString:@"text"]) {
+        view.text = prop;
+    } else if ([name isEqualToString:@"textSize"]) {
+        view.font = [UIFont systemFontOfSize:[(NSNumber *) prop floatValue]];
+    } else if ([name isEqualToString:@"textColor"]) {
+        view.textColor = DoricColor(prop);
+    } else if ([name isEqualToString:@"textAlignment"]) {
+        DoricGravity gravity = (DoricGravity) [(NSNumber *) prop integerValue];
+        NSTextAlignment alignment = NSTextAlignmentCenter;
+        if ((gravity & LEFT) == LEFT) {
+            alignment = NSTextAlignmentLeft;
+        } else if ((gravity & RIGHT) == RIGHT) {
+            alignment = NSTextAlignmentRight;
+        }
+        view.textAlignment = alignment;
+    } else if ([name isEqualToString:@"multiline"]) {
+        BOOL mutilin = [(NSNumber *) prop boolValue];
+        if (!mutilin) {
+            view.textContainer.maximumNumberOfLines = 1;
+        }else {
+            view.textContainer.maximumNumberOfLines = 0;
+        }
+    } else if ([name isEqualToString:@"hintText"]) {
+        self.placeholderLabel.text = (NSString *)prop;
+    } else if ([name isEqualToString:@"hintTextColor"]) {
+        self.placeholderLabel.textColor = DoricColor(prop);
+    } else if ([name isEqualToString:@"onTextChange"]) {
+        if ([prop isKindOfClass:[NSString class]]) {
+            self.onTextChange = ^(NSString *text, DoricInputNode *node) {
+                [node callJSResponse:prop,text,nil];
+            };
+        }else {
+            self.onTextChange = nil;
+        }
+    } else if ([name isEqualToString:@"onFocusChange"]) {
+        if ([prop isKindOfClass:[NSString class]]) {
+            self.onFocusShange = ^(BOOL focused, DoricInputNode *node) {
+                [node callJSResponse:prop,@(focused),nil];
+            };
+        }else {
+            self.onFocusShange = nil;
+        }
+
+    } else{
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)blend:(NSDictionary *)props {
+    [super blend:props];
+    [self updatePlaceholderLabel];
+    [self.view.superview setNeedsLayout];
+}
+
+#pragma mark - Doric-JS api
+- (NSString *)getText {
+    return self.view.text;
+}
+
+- (void)setSelection:(NSDictionary *)params withPromise:(DoricPromise *)promise {
+    NSString *start = params[@"start"];
+    NSString *end = params[@"end"];
+    
+    if (([start isKindOfClass:[NSString class]] || [start isKindOfClass:[NSNumber class]]) &&
+        ([start isKindOfClass:[NSString class]] || [start isKindOfClass:[NSNumber class]])) {
+        self.view.selectedRange = NSMakeRange(start.intValue, end.intValue - start.intValue);
+    }
+    
+    [promise resolve:nil];
+}
+
+- (void)requestFocus {
+    [self.view becomeFirstResponder];
+}
+
+- (void)releaseFocus {
+    [self.view resignFirstResponder];
+}
+
+#pragma mark - UITextViewDelegate
+- (BOOL)textViewShouldBeginEditing:(UITextView *)textView {
+    if (self.onFocusShange) {
+        self.onFocusShange(YES, self);
+    }
+    return YES;
+}
+- (BOOL)textViewShouldEndEditing:(UITextView *)textView {
+    if (self.onFocusShange) {
+        self.onFocusShange(NO, self);
+    }
+    return YES;
+}
+
+- (void)textViewDidChange:(UITextView *)textView {
+    if (self.onTextChange) {
+        self.onTextChange(textView.text, self);
+    }
+    [self updatePlaceholderLabel];
+}
+
+#pragma mark - placeholderLabel
+- (UILabel *)placeholderLabel {
+    if (!_placeholderLabel) {
+        _placeholderLabel = [[UILabel alloc] init];
+        _placeholderLabel.numberOfLines = 0;
+        _placeholderLabel.userInteractionEnabled = NO;
+    }
+    return _placeholderLabel;
+}
+
+- (void)updatePlaceholderLabel {
+    if (self.view.text.length) {
+        [self.placeholderLabel removeFromSuperview];
+        return;
+    } else {
+        [self.view insertSubview:self.placeholderLabel atIndex:0];
+    }
+  
+    self.placeholderLabel.textAlignment = self.view.textAlignment;
+    CGFloat lineFragmentPadding = self.view.textContainer.lineFragmentPadding;
+    UIEdgeInsets textContainerInset = self.view.textContainerInset;
+
+    CGFloat x = lineFragmentPadding + textContainerInset.left;
+    CGFloat y = textContainerInset.top;
+    CGFloat width = CGRectGetWidth(self.view.bounds) - x - lineFragmentPadding - textContainerInset.right;
+    CGFloat height = [self.placeholderLabel sizeThatFits:CGSizeMake(width, 0)].height;
+    self.placeholderLabel.frame = CGRectMake(x, y, width, height);
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricLayouts.h

@@ -0,0 +1,106 @@
+/*
+ * 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/10/23.
+//
+
+#import <Foundation/Foundation.h>
+#import <CoreGraphics/CoreGraphics.h>
+#import <UIKit/UIKit.h>
+
+typedef UIEdgeInsets DoricMargin;
+typedef UIEdgeInsets DoricPadding;
+
+DoricMargin DoricMarginMake(CGFloat left, CGFloat top, CGFloat right, CGFloat bottom);
+
+typedef NS_ENUM(NSInteger, DoricLayoutSpec) {
+    DoricLayoutExact = 0,
+    DoricLayoutWrapContent = 1,
+    DoricLayoutAtMost = 2,
+};
+
+typedef NS_ENUM(NSInteger, DoricGravity) {
+    SPECIFIED = 1,
+    START = 1 << 1,
+    END = 1 << 2,
+    SHIFT_X = 0,
+    SHIFT_Y = 4,
+    LEFT = (START | SPECIFIED) << SHIFT_X,
+    RIGHT = (END | SPECIFIED) << SHIFT_X,
+    TOP = (START | SPECIFIED) << SHIFT_Y,
+    BOTTOM = (END | SPECIFIED) << SHIFT_Y,
+    CENTER_X = SPECIFIED << SHIFT_X,
+    CENTER_Y = SPECIFIED << SHIFT_Y,
+    CENTER = CENTER_X | CENTER_Y,
+};
+
+@interface DoricLayoutConfig : NSObject
+@property(nonatomic, assign) DoricLayoutSpec widthSpec;
+@property(nonatomic, assign) DoricLayoutSpec heightSpec;
+@property(nonatomic) DoricMargin margin;
+@property(nonatomic, assign) DoricGravity alignment;
+@property(nonatomic, assign) NSUInteger weight;
+
+- (instancetype)init;
+
+- (instancetype)initWithWidth:(DoricLayoutSpec)width height:(DoricLayoutSpec)height;
+
+- (instancetype)initWithWidth:(DoricLayoutSpec)width height:(DoricLayoutSpec)height margin:(DoricMargin)margin;
+
+@end
+
+
+@interface DoricLayoutContainer : UIView
+@end
+
+@interface DoricStackView : DoricLayoutContainer
+@end
+
+@interface DoricLinearView : DoricLayoutContainer
+@property(nonatomic, assign) DoricGravity gravity;
+@property(nonatomic, assign) CGFloat space;
+@end
+
+
+@interface DoricVLayoutView : DoricLinearView
+@end
+
+@interface DoricHLayoutView : DoricLinearView
+@end
+
+@interface UIView (DoricLayoutConfig)
+@property(nonatomic, strong) DoricLayoutConfig *layoutConfig;
+@end
+
+@interface UIView (DoricPadding)
+@property(nonatomic, assign) DoricPadding padding;
+@end
+
+@interface UIView (DoricTag)
+@property(nonatomic, copy) NSString *tagString;
+
+- (UIView *)viewWithTagString:(NSString *)tagString;
+@end
+
+@interface UIView (DoricLayouts)
+- (void)layoutSelf:(CGSize)targetSize;
+
+- (CGSize)measureSize:(CGSize)targetSize;
+
+- (void)doricLayoutSubviews;
+
+- (BOOL)requestFromSubview:(UIView *)subview;
+@end

doric-iOS/Pod/Classes/Shader/DoricLayouts.m

@@ -0,0 +1,484 @@
+/*
+ * 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/10/23.
+//
+
+#import "DoricLayouts.h"
+#import <objc/runtime.h>
+#import "UIView+Doric.h"
+
+static const void *kLayoutConfig = &kLayoutConfig;
+
+@implementation UIView (DoricLayoutConfig)
+@dynamic layoutConfig;
+
+- (void)setLayoutConfig:(DoricLayoutConfig *)layoutConfig {
+    objc_setAssociatedObject(self, kLayoutConfig, layoutConfig, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+}
+
+- (DoricLayoutConfig *)layoutConfig {
+    return objc_getAssociatedObject(self, kLayoutConfig);
+}
+
+@end
+
+static const void *kLayoutPadding = &kLayoutPadding;
+
+@implementation UIView (DoricPadding)
+@dynamic padding;
+
+- (void)setPadding:(DoricPadding)padding {
+    objc_setAssociatedObject(self, kLayoutPadding, [NSValue value:&padding withObjCType:@encode(DoricPadding)], OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+}
+
+- (DoricPadding)padding {
+    DoricPadding value;
+    value.left = value.right = value.top = value.bottom = 0;
+    [objc_getAssociatedObject(self, kLayoutPadding) getValue:&value];
+    return value;
+}
+
+@end
+
+static const void *kTagString = &kTagString;
+
+@implementation UIView (DoricTag)
+
+- (void)setTagString:(NSString *)tagString {
+    objc_setAssociatedObject(self, kTagString, tagString, OBJC_ASSOCIATION_COPY_NONATOMIC);
+    self.tag = [tagString hash];
+}
+
+- (NSString *)tagString {
+    return objc_getAssociatedObject(self, kTagString);
+}
+
+
+- (UIView *)viewWithTagString:(NSString *)tagString {
+    // notice the potential hash collision
+    return [self viewWithTag:[tagString hash]];
+}
+
+@end
+
+
+@implementation UIView (DoricLayouts)
+/**
+ * Measure self's size
+ * */
+- (CGSize)measureSize:(CGSize)targetSize {
+    CGFloat width = self.width;
+    CGFloat height = self.height;
+
+    DoricLayoutConfig *config = self.layoutConfig;
+    if (!config) {
+        config = [DoricLayoutConfig new];
+    }
+    if (config.widthSpec == DoricLayoutAtMost
+            || config.widthSpec == DoricLayoutWrapContent) {
+        width = targetSize.width - config.margin.left - config.margin.right;
+    }
+    if (config.heightSpec == DoricLayoutAtMost
+            || config.heightSpec == DoricLayoutWrapContent) {
+        height = targetSize.height - config.margin.top - config.margin.bottom;
+    }
+    DoricPadding padding = self.padding;
+    CGSize contentSize = [self sizeThatFits:CGSizeMake(
+            width - padding.left - padding.right,
+            height - padding.top - padding.bottom)];
+    if (config.widthSpec == DoricLayoutWrapContent) {
+        width = contentSize.width + padding.left + padding.right;
+    }
+    if (config.heightSpec == DoricLayoutWrapContent) {
+        height = contentSize.height + padding.left + padding.top + padding.bottom;
+    }
+    return CGSizeMake(width, height);
+}
+
+/**
+ * layout self and subviews
+ * */
+- (void)layoutSelf:(CGSize)targetSize {
+    self.width = targetSize.width;
+    self.height = targetSize.height;
+    for (UIView *view in self.subviews) {
+        [view layoutSelf:[view measureSize:targetSize]];
+    }
+}
+
+
+- (void)doricLayoutSubviews {
+    if ([self.superview requestFromSubview:self]) {
+        [self.superview doricLayoutSubviews];
+    } else {
+        [self layoutSelf:CGSizeMake(self.width, self.height)];
+    }
+}
+
+- (BOOL)requestFromSubview:(UIView *)subview {
+    if (self.layoutConfig
+            && self.layoutConfig.widthSpec != DoricLayoutExact
+            && self.layoutConfig.heightSpec != DoricLayoutExact) {
+        return YES;
+    }
+    return NO;
+}
+@end
+
+DoricMargin DoricMarginMake(CGFloat left, CGFloat top, CGFloat right, CGFloat bottom) {
+    DoricMargin margin;
+    margin.left = left;
+    margin.top = top;
+    margin.right = right;
+    margin.bottom = bottom;
+    return margin;
+}
+
+@implementation DoricLayoutConfig
+- (instancetype)init {
+    if (self = [super init]) {
+        _widthSpec = DoricLayoutExact;
+        _heightSpec = DoricLayoutExact;
+    }
+    return self;
+}
+
+- (instancetype)initWithWidth:(DoricLayoutSpec)width height:(DoricLayoutSpec)height {
+    if (self = [super init]) {
+        _widthSpec = width;
+        _heightSpec = height;
+    }
+    return self;
+}
+
+- (instancetype)initWithWidth:(DoricLayoutSpec)width height:(DoricLayoutSpec)height margin:(DoricMargin)margin {
+    if (self = [super init]) {
+        _widthSpec = width;
+        _heightSpec = height;
+        _margin = margin;
+    }
+    return self;
+}
+@end
+
+
+@interface DoricLayoutContainer ()
+@property(nonatomic, assign) CGFloat contentWidth;
+@property(nonatomic, assign) CGFloat contentHeight;
+@property(nonatomic, assign) NSUInteger contentWeight;
+@end
+
+@implementation DoricLayoutContainer
+- (void)setNeedsLayout {
+    [super setNeedsLayout];
+}
+
+- (void)layoutSubviews {
+    [super layoutSubviews];
+    [self doricLayoutSubviews];
+}
+@end
+
+
+@interface DoricStackView ()
+@end
+
+@implementation DoricStackView
+
+- (CGSize)sizeThatFits:(CGSize)size {
+    CGFloat contentWidth = 0;
+    CGFloat contentHeight = 0;
+    for (UIView *child in self.subviews) {
+        if (child.isHidden) {
+            continue;
+        }
+        DoricLayoutConfig *childConfig = child.layoutConfig;
+        if (!childConfig) {
+            childConfig = [DoricLayoutConfig new];
+        }
+        CGSize childSize;
+        if (CGAffineTransformEqualToTransform(child.transform, CGAffineTransformIdentity)) {
+            childSize = [child measureSize:CGSizeMake(size.width, size.height)];
+        } else {
+            childSize = child.bounds.size;
+        }
+        contentWidth = MAX(contentWidth, childSize.width + childConfig.margin.left + childConfig.margin.right);
+        contentHeight = MAX(contentHeight, childSize.height + childConfig.margin.top + childConfig.margin.bottom);
+    }
+    self.contentWidth = contentWidth;
+    self.contentHeight = contentHeight;
+    return CGSizeMake(contentWidth, contentHeight);
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    self.width = targetSize.width;
+    self.height = targetSize.height;
+    DoricPadding padding = self.padding;
+
+    for (UIView *child in self.subviews) {
+        if (child.isHidden) {
+            continue;
+        }
+        if (!CGAffineTransformEqualToTransform(child.transform, CGAffineTransformIdentity)) {
+            continue;
+        }
+        DoricLayoutConfig *childConfig = child.layoutConfig;
+        if (!childConfig) {
+            childConfig = [DoricLayoutConfig new];
+        }
+        CGSize size = [child measureSize:CGSizeMake(
+                targetSize.width - padding.left - padding.right,
+                targetSize.height - padding.top - padding.bottom)];
+        [child layoutSelf:size];
+        DoricGravity gravity = childConfig.alignment;
+        if ((gravity & LEFT) == LEFT) {
+            child.left = padding.left;
+        } else if ((gravity & RIGHT) == RIGHT) {
+            child.right = targetSize.width - padding.right;
+        } else if ((gravity & CENTER_X) == CENTER_X) {
+            child.centerX = targetSize.width / 2;
+        } else {
+            if (childConfig.margin.left) {
+                child.left = childConfig.margin.left + padding.left;
+            } else if (childConfig.margin.right) {
+                child.right = targetSize.width - childConfig.margin.right - padding.right;
+            }
+        }
+        if ((gravity & TOP) == TOP) {
+            child.top = padding.top;
+        } else if ((gravity & BOTTOM) == BOTTOM) {
+            child.bottom = targetSize.height - padding.bottom;
+        } else if ((gravity & CENTER_Y) == CENTER_Y) {
+            child.centerY = targetSize.height / 2;
+        } else {
+            if (childConfig.margin.top) {
+                child.top = childConfig.margin.top + padding.top;
+            } else if (childConfig.margin.bottom) {
+                child.bottom = targetSize.height - childConfig.margin.bottom - padding.bottom;
+            }
+        }
+    }
+}
+@end
+
+@implementation DoricLinearView
+@end
+
+@implementation DoricVLayoutView
+
+- (CGSize)sizeThatFits:(CGSize)size {
+    CGFloat contentWidth = 0;
+    CGFloat contentHeight = 0;
+    NSUInteger contentWeight = 0;
+    for (UIView *child in self.subviews) {
+        if (child.isHidden) {
+            continue;
+        }
+        DoricLayoutConfig *childConfig = child.layoutConfig;
+        if (!childConfig) {
+            childConfig = [DoricLayoutConfig new];
+        }
+        CGSize childSize;
+        if (CGAffineTransformEqualToTransform(child.transform, CGAffineTransformIdentity)) {
+            childSize = [child measureSize:CGSizeMake(size.width, size.height - contentHeight)];
+        } else {
+            childSize = child.bounds.size;
+        }
+        contentWidth = MAX(contentWidth, childSize.width + childConfig.margin.left + childConfig.margin.right);
+        contentHeight += childSize.height + self.space + childConfig.margin.top + childConfig.margin.bottom;
+        contentWeight += childConfig.weight;
+    }
+    contentHeight -= self.space;
+    self.contentWidth = contentWidth;
+    self.contentHeight = contentHeight;
+    self.contentWeight = contentWeight;
+    if (contentWeight) {
+        contentHeight = size.height;
+    }
+    return CGSizeMake(contentWidth, contentHeight);
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    self.width = targetSize.width;
+    self.height = targetSize.height;
+    DoricPadding padding = self.padding;
+    CGFloat yStart = padding.top;
+    if ((self.gravity & TOP) == TOP) {
+        yStart = padding.top;
+    } else if ((self.gravity & BOTTOM) == BOTTOM) {
+        yStart = targetSize.height - self.contentHeight - padding.bottom;
+    } else if ((self.gravity & CENTER_Y) == CENTER_Y) {
+        yStart = (targetSize.height - self.contentHeight - padding.top - padding.bottom) / 2 + padding.top;
+    }
+    CGFloat remain = targetSize.height - self.contentHeight - padding.top - padding.bottom;
+    for (UIView *child in self.subviews) {
+        if (child.isHidden) {
+            continue;
+        }
+        if (!CGAffineTransformEqualToTransform(child.transform, CGAffineTransformIdentity)) {
+            continue;
+        }
+        DoricLayoutConfig *childConfig = child.layoutConfig;
+        if (!childConfig) {
+            childConfig = [DoricLayoutConfig new];
+        }
+
+        CGSize size = [child measureSize:CGSizeMake(
+                targetSize.width - padding.left - padding.right,
+                targetSize.height - yStart - padding.bottom)];
+        if (childConfig.weight) {
+            size.height += remain / self.contentWeight * childConfig.weight;
+        }
+        [child layoutSelf:size];
+        DoricGravity gravity = childConfig.alignment | self.gravity;
+        if ((gravity & LEFT) == LEFT) {
+            child.left = padding.left;
+        } else if ((gravity & RIGHT) == RIGHT) {
+            child.right = self.width - padding.right;
+        } else if ((gravity & CENTER_X) == CENTER_X) {
+            child.centerX = targetSize.width / 2;
+        } else if (childConfig.margin.left) {
+            child.left = childConfig.margin.left + padding.left;
+        } else if (childConfig.margin.right) {
+            child.right = targetSize.width - childConfig.margin.right - padding.right;
+        } else {
+            child.left = padding.left;
+        }
+        if (childConfig.margin.top) {
+            yStart += childConfig.margin.top;
+        }
+        child.top = yStart;
+        yStart = child.bottom + self.space;
+        if (childConfig.margin.bottom) {
+            yStart += childConfig.margin.bottom;
+        }
+    }
+}
+@end
+
+@implementation DoricHLayoutView
+- (CGSize)sizeThatFits:(CGSize)size {
+    CGFloat contentWidth = 0;
+    CGFloat contentHeight = 0;
+    NSUInteger contentWeight = 0;
+    for (UIView *child in self.subviews) {
+        if (child.isHidden) {
+            continue;
+        }
+        DoricLayoutConfig *childConfig = child.layoutConfig;
+        if (!childConfig) {
+            childConfig = [DoricLayoutConfig new];
+        }
+        CGSize childSize;
+        if (CGAffineTransformEqualToTransform(child.transform, CGAffineTransformIdentity)) {
+            childSize = [child measureSize:CGSizeMake(size.width - contentWidth, size.height)];
+        } else {
+            childSize = child.bounds.size;
+        }
+        contentWidth += childSize.width + self.space + childConfig.margin.left + childConfig.margin.right;
+        contentHeight = MAX(contentHeight, childSize.height + childConfig.margin.top + childConfig.margin.bottom);
+        contentWeight += childConfig.weight;
+    }
+    contentWidth -= self.space;
+    self.contentWidth = contentWidth;
+    self.contentHeight = contentHeight;
+    self.contentWeight = contentWeight;
+    if (contentWeight) {
+        contentWidth = size.width;
+    }
+    return CGSizeMake(contentWidth, contentHeight);
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    self.width = targetSize.width;
+    self.height = targetSize.height;
+    DoricPadding padding = self.padding;
+    CGFloat xStart = padding.left;
+    if ((self.gravity & LEFT) == LEFT) {
+        xStart = padding.left;
+    } else if ((self.gravity & RIGHT) == RIGHT) {
+        xStart = targetSize.width - self.contentWidth - padding.right;
+    } else if ((self.gravity & CENTER_X) == CENTER_X) {
+        xStart = (targetSize.width - self.contentWidth - padding.left - padding.right) / 2 + padding.left;
+    }
+    CGFloat remain = targetSize.width - self.contentWidth - padding.left - padding.right;
+    for (UIView *child in self.subviews) {
+        if (child.isHidden) {
+            continue;
+        }
+        if (!CGAffineTransformEqualToTransform(child.transform, CGAffineTransformIdentity)) {
+            continue;
+        }
+        DoricLayoutConfig *childConfig = child.layoutConfig;
+        if (!childConfig) {
+            childConfig = [DoricLayoutConfig new];
+        }
+
+        CGSize size = [child measureSize:CGSizeMake(
+                targetSize.width - xStart - padding.right,
+                targetSize.height - padding.top - padding.bottom)];
+        if (childConfig.weight) {
+            size.width += remain / self.contentWeight * childConfig.weight;
+        }
+
+        [child layoutSelf:size];
+
+        DoricGravity gravity = childConfig.alignment | self.gravity;
+        if ((gravity & TOP) == TOP) {
+            child.top = padding.top;
+        } else if ((gravity & BOTTOM) == BOTTOM) {
+            child.bottom = targetSize.height - padding.bottom;
+        } else if ((gravity & CENTER_Y) == CENTER_Y) {
+            child.centerY = targetSize.height / 2;
+        } else if (childConfig.margin.top) {
+            child.top = childConfig.margin.top + padding.top;
+        } else if (childConfig.margin.bottom) {
+            child.bottom = targetSize.height - childConfig.margin.bottom - padding.bottom;
+        } else {
+            child.top = padding.top;
+        }
+
+        if (childConfig.margin.left) {
+            xStart += childConfig.margin.left;
+        }
+        child.left = xStart;
+        xStart = child.right + self.space;
+        if (childConfig.margin.right) {
+            xStart += childConfig.margin.right;
+        }
+    }
+}
+@end
+
+
+DoricVLayoutView *vLayout(NSArray <__kindof UIView *> *views) {
+    DoricVLayoutView *layout = [[DoricVLayoutView alloc] initWithFrame:CGRectZero];
+    for (__kindof UIView *uiView in views) {
+        [layout addSubview:uiView];
+    }
+    layout.layoutConfig = [[DoricLayoutConfig alloc] initWithWidth:DoricLayoutWrapContent height:DoricLayoutWrapContent];
+    return layout;
+}
+
+DoricHLayoutView *hLayout(NSArray <__kindof UIView *> *views) {
+    DoricHLayoutView *layout = [[DoricHLayoutView alloc] initWithFrame:CGRectZero];
+    for (__kindof UIView *uiView in views) {
+        [layout addSubview:uiView];
+    }
+    layout.layoutConfig = [[DoricLayoutConfig alloc] initWithWidth:DoricLayoutWrapContent height:DoricLayoutWrapContent];
+    return layout;
+}

doric-iOS/Pod/Classes/Shader/DoricListItemNode.h

@@ -0,0 +1,25 @@
+/*
+ * 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/15.
+//
+
+#import <Foundation/Foundation.h>
+
+#import "DoricStackNode.h"
+
+@interface DoricListItemNode : DoricStackNode
+@end

doric-iOS/Pod/Classes/Shader/DoricListItemNode.m

@@ -0,0 +1,49 @@
+/*
+ * 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/15.
+//
+
+#import "DoricListItemNode.h"
+#import "DoricExtensions.h"
+
+@interface DoricListItemNode ()
+@end
+
+@interface DoricListItemView : DoricStackView
+@end
+
+@implementation DoricListItemView
+@end
+
+
+@implementation DoricListItemNode
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        self.reusable = YES;
+    }
+    return self;
+}
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode {
+    [super initWithSuperNode:superNode];
+    self.reusable = YES;
+}
+
+- (DoricStackView *)build {
+    return [DoricListItemView new];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricListNode.h

@@ -0,0 +1,24 @@
+/*
+ * 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/15.
+//
+
+#import <Foundation/Foundation.h>
+#import "DoricSuperNode.h"
+
+@interface DoricListNode : DoricSuperNode<UITableView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricListNode.m

@@ -0,0 +1,246 @@
+/*
+ * 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/15.
+//
+
+#import <JavaScriptCore/JavaScriptCore.h>
+#import "DoricListNode.h"
+#import "DoricExtensions.h"
+#import "DoricListItemNode.h"
+#import "DoricLayouts.h"
+#import "DoricRefreshableNode.h"
+
+@interface DoricTableViewCell : UITableViewCell
+@property(nonatomic, strong) DoricListItemNode *doricListItemNode;
+@end
+
+@implementation DoricTableViewCell
+@end
+
+@interface DoricTableView : UITableView
+@end
+
+@implementation DoricTableView
+- (CGSize)sizeThatFits:(CGSize)size {
+    if (self.subviews.count > 0) {
+        CGFloat width = size.width;
+        CGFloat height = 0;
+
+        for (UIView *child in self.subviews) {
+            CGSize childSize = [child measureSize:size];
+            width = MAX(childSize.width, width);
+            height += childSize.height;
+        }
+        return CGSizeMake(width, MAX(height, size.height));
+    }
+    return size;
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    [super layoutSelf:targetSize];
+    [self reloadData];
+}
+@end
+
+
+@interface DoricListNode () <UITableViewDataSource, UITableViewDelegate>
+@property(nonatomic, strong) NSMutableDictionary <NSNumber *, NSString *> *itemViewIds;
+@property(nonatomic, strong) NSMutableDictionary <NSNumber *, NSNumber *> *itemHeights;
+@property(nonatomic, assign) NSUInteger itemCount;
+@property(nonatomic, assign) NSUInteger batchCount;
+@property(nonatomic, copy) NSString *onLoadMoreFuncId;
+@property(nonatomic, copy) NSString *renderItemFuncId;
+@property(nonatomic, copy) NSString *loadMoreViewId;
+@property(nonatomic, assign) BOOL loadMore;
+@end
+
+@implementation DoricListNode
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        _itemViewIds = [NSMutableDictionary new];
+        _itemHeights = [NSMutableDictionary new];
+        _batchCount = 15;
+    }
+    return self;
+}
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode {
+    [super initWithSuperNode:superNode];
+    if ([superNode isKindOfClass:[DoricRefreshableNode class]]) {
+        self.view.bounces = NO;
+    }
+}
+
+- (UITableView *)build {
+    return [[DoricTableView new] also:^(UITableView *it) {
+        it.dataSource = self;
+        it.delegate = self;
+        it.separatorStyle = UITableViewCellSeparatorStyleNone;
+        it.allowsSelection = NO;
+    }];
+}
+
+- (void)blendView:(UITableView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"itemCount" isEqualToString:name]) {
+        self.itemCount = [prop unsignedIntegerValue];
+        [self.view reloadData];
+    } else if ([@"renderItem" isEqualToString:name]) {
+        if (![self.renderItemFuncId isEqualToString:prop]) {
+            self.renderItemFuncId = prop;
+            [self.itemViewIds.allValues forEach:^(NSString *obj) {
+                [self removeSubModel:obj];
+            }];
+            [self.itemViewIds removeAllObjects];
+            [self.view reloadData];
+        }
+    } else if ([@"batchCount" isEqualToString:name]) {
+        self.batchCount = [prop unsignedIntegerValue];
+    } else if ([@"onLoadMore" isEqualToString:name]) {
+        self.onLoadMoreFuncId = prop;
+    } else if ([@"loadMoreView" isEqualToString:name]) {
+        self.loadMoreViewId = prop;
+    } else if ([@"loadMore" isEqualToString:name]) {
+        self.loadMore = [prop boolValue];
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)blend:(NSDictionary *)props {
+    [super blend:props];
+}
+
+- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
+    return self.itemCount + (self.loadMore ? 1 : 0);
+}
+
+- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
+    NSUInteger position = (NSUInteger) indexPath.row;
+    NSDictionary *model = [self itemModelAt:position];
+    NSDictionary *props = model[@"props"];
+    NSString *reuseId = props[@"identifier"];
+    if (position > 0 && position >= self.itemCount && self.onLoadMoreFuncId) {
+        reuseId = @"doricLoadMoreCell";
+        [self callJSResponse:self.onLoadMoreFuncId, nil];
+    }
+    DoricTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseId ?: @"doriccell"];
+    if (!cell) {
+        cell = [[DoricTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseId ?: @"doriccell"];
+        DoricListItemNode *listItemNode = [[DoricListItemNode alloc] initWithContext:self.doricContext];
+        [listItemNode initWithSuperNode:self];
+        cell.doricListItemNode = listItemNode;
+        [cell.contentView addSubview:listItemNode.view];
+    }
+    DoricListItemNode *node = cell.doricListItemNode;
+    node.viewId = model[@"id"];
+    [node blend:props];
+    CGSize size = [node.view measureSize:CGSizeMake(tableView.width, tableView.height)];
+    [node.view layoutSelf:size];
+    [self callItem:position height:size.height];
+    return cell;
+}
+
+- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
+    NSUInteger position = (NSUInteger) indexPath.row;
+    NSNumber *heightNumber = self.itemHeights[@(position)];
+    if (heightNumber) {
+        return [heightNumber floatValue];
+    } else {
+        return 44.f;
+    }
+
+}
+
+- (NSDictionary *)itemModelAt:(NSUInteger)position {
+    if (position >= self.itemCount) {
+        return [self subModelOf:self.loadMoreViewId];
+    }
+    NSString *viewId = self.itemViewIds[@(position)];
+    if (viewId && viewId.length > 0) {
+        return [self subModelOf:viewId];
+    } else {
+        DoricAsyncResult *result = [self callJSResponse:@"renderBunchedItems", @(position), @(self.batchCount), nil];
+        JSValue *models = [result waitUntilResult];
+        NSArray *array = [models toArray];
+        [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;
+        }];
+        if (array.count > 0) {
+            return array[0];
+        } else {
+            return nil;
+        }
+    }
+}
+
+- (void)blendSubNode:(NSDictionary *)subModel {
+    ///Here async blend sub node because the item count need to be applied first.
+    dispatch_async(dispatch_get_main_queue(), ^{
+        NSString *viewId = subModel[@"id"];
+        DoricViewNode *viewNode = [self subNodeWithViewId:viewId];
+        if (viewNode) {
+            [viewNode blend:subModel[@"props"]];
+        } else {
+            NSMutableDictionary *model = [[self subModelOf:viewId] mutableCopy];
+            [self recursiveMixin:subModel to:model];
+            [self setSubModel:model in:viewId];
+        }
+        [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 reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
+                }];
+            }
+        }];
+    });
+
+}
+
+- (void)callItem:(NSUInteger)position height:(CGFloat)height {
+    NSNumber *old = self.itemHeights[@(position)];
+    if (old && old.floatValue == height) {
+        return;
+    }
+    self.itemHeights[@(position)] = @(height);
+    NSIndexPath *indexPath = [NSIndexPath indexPathForRow:position inSection:0];
+    [UIView performWithoutAnimation:^{
+        [self.view reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
+    }];
+}
+
+- (DoricViewNode *)subNodeWithViewId:(NSString *)viewId {
+    __block DoricViewNode *ret = nil;
+    [self.doricContext.driver ensureSyncInMainQueue:^{
+        for (UITableViewCell *tableViewCell in self.view.visibleCells) {
+            if ([tableViewCell isKindOfClass:[DoricTableViewCell class]]) {
+                DoricListItemNode *node = ((DoricTableViewCell *) tableViewCell).doricListItemNode;
+                if ([viewId isEqualToString:node.viewId]) {
+                    ret = node;
+                    break;
+                }
+            }
+        }
+    }];
+    return ret;
+}
+
+@end

doric-iOS/Pod/Classes/Shader/DoricNestedSliderNode.h

@@ -0,0 +1,24 @@
+/*
+ * 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/12/7.
+//
+
+#import <Foundation/Foundation.h>
+#import "DoricGroupNode.h"
+
+@interface DoricNestedSliderNode : DoricGroupNode<UIScrollView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricNestedSliderNode.m

@@ -0,0 +1,101 @@
+/*
+ * 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/12/7.
+//
+
+#import "DoricNestedSliderNode.h"
+#import "Doric.h"
+
+@interface DoricNestedSliderView : UIScrollView
+
+@end
+
+@implementation DoricNestedSliderView
+- (CGSize)sizeThatFits:(CGSize)size {
+    if (self.subviews.count > 0) {
+        CGFloat width = size.width;
+        CGFloat height = size.height;
+        for (UIView *child in self.subviews) {
+            CGSize childSize = [child measureSize:size];
+            width = MAX(childSize.width, width);
+            height = MAX(childSize.height, height);
+        }
+        return CGSizeMake(width, height);
+    }
+    return size;
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    [super layoutSelf:targetSize];
+    [self.subviews forEachIndexed:^(__kindof UIView *obj, NSUInteger idx) {
+        obj.left = idx * self.width;
+    }];
+    [self setContentSize:CGSizeMake(self.subviews.count * self.width, self.height)];
+}
+@end
+
+@interface DoricNestedSliderNode () <UIScrollViewDelegate>
+@property(nonatomic, copy) NSString *onPageSelectedFuncId;
+@property(nonatomic, assign) NSUInteger lastPosition;
+@end
+
+@implementation DoricNestedSliderNode
+- (UIScrollView *)build {
+    return [[DoricNestedSliderView new] also:^(DoricNestedSliderView *it) {
+        it.delegate = self;
+        it.pagingEnabled = YES;
+        [it setShowsVerticalScrollIndicator:NO];
+        [it setShowsHorizontalScrollIndicator:NO];
+    }];
+}
+
+- (void)blendView:(UIScrollView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"onPageSlided" isEqualToString:name]) {
+        self.onPageSelectedFuncId = prop;
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
+    NSUInteger pageIndex = (NSUInteger) (scrollView.contentOffset.x / scrollView.width);
+    [scrollView setContentOffset:CGPointMake(pageIndex * scrollView.width, scrollView.contentOffset.y) animated:YES];
+    if (self.onPageSelectedFuncId && self.onPageSelectedFuncId.length > 0) {
+        if (pageIndex != self.lastPosition) {
+            [self callJSResponse:self.onPageSelectedFuncId, @(pageIndex), nil];
+        }
+    }
+    self.lastPosition = pageIndex;
+}
+
+
+- (void)slidePage:(NSDictionary *)params withPromise:(DoricPromise *)promise {
+    NSUInteger pageIndex = [params[@"page"] unsignedIntegerValue];
+    BOOL smooth = [params[@"smooth"] boolValue];
+    [self.view setContentOffset:CGPointMake(pageIndex * self.view.width, self.view.contentOffset.y) animated:smooth];
+    [promise resolve:nil];
+    self.lastPosition = pageIndex;
+    if (self.onPageSelectedFuncId && self.onPageSelectedFuncId.length > 0) {
+        [self callJSResponse:self.onPageSelectedFuncId, @(pageIndex), nil];
+    }
+}
+
+- (NSNumber *)getSlidedPage {
+    NSUInteger pageIndex = (NSUInteger) (self.view.contentOffset.x / self.view.width);
+    return @(pageIndex);
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricRootNode.h

@@ -0,0 +1,33 @@
+/*
+ * 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.
+ */
+//
+//  DoricRootNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricStackNode.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface DoricRootNode : DoricStackNode
+
+- (void)setupRootView:(DoricStackView *)view;
+
+@end
+
+NS_ASSUME_NONNULL_END

doric-iOS/Pod/Classes/Shader/DoricRootNode.m

@@ -0,0 +1,33 @@
+/*
+ * 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.
+ */
+//
+//  DoricRootNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricRootNode.h"
+
+@implementation DoricRootNode
+- (void)setupRootView:(DoricStackView *)view {
+    self.view = view;
+}
+
+- (void)requestLayout {
+    [self.view setNeedsLayout];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricScrollerNode.h

@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+//
+//  DoricScrollerNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/11/19.
+//
+#import <Foundation/Foundation.h>
+#import "DoricSuperNode.h"
+
+@interface DoricScrollView : UIScrollView
+@property(nonatomic, strong) UIView *contentView;
+@end
+
+@interface DoricScrollerNode : DoricSuperNode<DoricScrollView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricScrollerNode.m

@@ -0,0 +1,126 @@
+/*
+ * 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.
+ */
+//
+//  DoricScrollerNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/11/19.
+//
+#import "DoricScrollerNode.h"
+#import "DoricExtensions.h"
+#import "DoricRefreshableNode.h"
+
+@implementation DoricScrollView
+
+- (void)setContentView:(UIView *)contentView {
+    if (_contentView) {
+        [_contentView removeFromSuperview];
+    }
+    _contentView = contentView;
+    [self addSubview:contentView];
+}
+
+- (CGSize)sizeThatFits:(CGSize)size {
+    if (self.contentView) {
+        return [self.contentView sizeThatFits:size];
+    }
+    return CGSizeZero;
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    [super layoutSelf:targetSize];
+    [self setContentSize:self.contentView.frame.size];
+}
+
+@end
+
+@interface DoricScrollerNode ()
+@property(nonatomic, strong) DoricViewNode *childNode;
+@property(nonatomic, copy) NSString *childViewId;
+@end
+
+@implementation DoricScrollerNode
+- (DoricScrollView *)build {
+    return [[DoricScrollView new] also:^(DoricScrollView *it) {
+        if (@available(iOS 11, *)) {
+            it.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
+        }
+    }];
+}
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode {
+    [super initWithSuperNode:superNode];
+    if ([superNode isKindOfClass:[DoricRefreshableNode class]]) {
+        self.view.bounces = NO;
+    }
+}
+
+- (void)blend:(NSDictionary *)props {
+    [super blend:props];
+    NSDictionary *childModel = [self subModelOf:self.childViewId];
+    if (!childModel) {
+        return;
+    }
+    NSString *viewId = childModel[@"id"];
+    NSString *type = childModel[@"type"];
+    NSDictionary *childProps = childModel[@"props"];
+    if (self.childNode) {
+        if ([self.childNode.viewId isEqualToString:viewId]) {
+            //skip
+        } else {
+            if (self.reusable && [type isEqualToString:self.childNode.type]) {
+                [self.childNode also:^(DoricViewNode *it) {
+                    it.viewId = viewId;
+                    [it blend:childProps];
+                }];
+            } else {
+                self.childNode = [[DoricViewNode create:self.doricContext withType:type] also:^(DoricViewNode *it) {
+                    it.viewId = viewId;
+                    [it initWithSuperNode:self];
+                    [it blend:childProps];
+                    self.view.contentView = it.view;
+                }];
+            }
+        }
+    } else {
+        self.childNode = [[DoricViewNode create:self.doricContext withType:type] also:^(DoricViewNode *it) {
+            it.viewId = viewId;
+            [it initWithSuperNode:self];
+            [it blend:childProps];
+            self.view.contentView = it.view;
+        }];
+    }
+}
+
+- (void)blendView:(DoricScrollView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"content" isEqualToString:name]) {
+        self.childViewId = prop;
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)blendSubNode:(NSDictionary *)subModel {
+    [self.childNode blend:subModel[@"props"]];
+}
+
+- (DoricViewNode *)subNodeWithViewId:(NSString *)viewId {
+    if ([viewId isEqualToString:self.childViewId]) {
+        return self.childNode;
+    }
+    return nil;
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricSlideItemNode.h

@@ -0,0 +1,26 @@
+/*
+ * 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.
+ */
+//
+//  DoricSlideItemNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/11/19.
+//
+#import <Foundation/Foundation.h>
+#import "DoricStackNode.h"
+
+@interface DoricSlideItemNode : DoricStackNode
+@end

doric-iOS/Pod/Classes/Shader/DoricSlideItemNode.m

@@ -0,0 +1,51 @@
+/*
+ * 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.
+ */
+//
+//  DoricSlideItemNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/11/19.
+//
+#import "DoricSlideItemNode.h"
+
+@interface DoricSlideItemView : DoricStackView
+@end
+
+@implementation DoricSlideItemView
+- (void)layoutSubviews {
+    [super layoutSubviews];
+}
+@end
+
+@implementation DoricSlideItemNode
+
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        self.reusable = YES;
+    }
+    return self;
+}
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode {
+    [super initWithSuperNode:superNode];
+    self.reusable = YES;
+    self.view.clipsToBounds = YES;
+}
+
+- (DoricStackView *)build {
+    return [DoricSlideItemView new];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricSliderNode.h

@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+//
+//  DoricSliderNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/11/19.
+//
+#import <Foundation/Foundation.h>
+
+#import "DoricSuperNode.h"
+
+@interface DoricSliderNode : DoricSuperNode<UICollectionView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricSliderNode.m

@@ -0,0 +1,234 @@
+/*
+ * 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.
+ */
+//
+//  DoricSliderNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/11/19.
+//
+#import <JavaScriptCore/JavaScriptCore.h>
+#import "DoricSliderNode.h"
+#import "Doric.h"
+#import "DoricSlideItemNode.h"
+
+@interface DoricSliderViewCell : UICollectionViewCell
+@property(nonatomic, strong) DoricSlideItemNode *doricSlideItemNode;
+@end
+
+@implementation DoricSliderViewCell
+@end
+
+@interface DoricSliderNode () <UICollectionViewDataSource, UICollectionViewDelegateFlowLayout>
+@property(nonatomic, strong) NSMutableDictionary <NSNumber *, NSString *> *itemViewIds;
+@property(nonatomic, assign) NSUInteger itemCount;
+@property(nonatomic, assign) NSUInteger batchCount;
+@property(nonatomic, copy) NSString *onPageSelectedFuncId;
+@property(nonatomic, assign) NSUInteger lastPosition;
+@property(nonatomic, copy) NSString *renderPageFuncId;
+@end
+
+@interface DoricSliderView : UICollectionView
+@end
+
+@implementation DoricSliderView
+- (CGSize)sizeThatFits:(CGSize)size {
+    if (self.subviews.count > 0) {
+        CGFloat width = size.width;
+        CGFloat height = size.height;
+        for (UIView *child in self.subviews) {
+            CGSize childSize = [child measureSize:size];
+            width = MAX(childSize.width, width);
+            height = MAX(childSize.height, height);
+        }
+        return CGSizeMake(width, height);
+    }
+    return size;
+}
+
+- (void)layoutSelf:(CGSize)targetSize {
+    [super layoutSelf:targetSize];
+    [self reloadData];
+}
+@end
+
+@implementation DoricSliderNode
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        _itemViewIds = [NSMutableDictionary new];
+        _batchCount = 15;
+    }
+    return self;
+}
+
+- (UICollectionView *)build {
+    UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
+    [flowLayout setScrollDirection:UICollectionViewScrollDirectionHorizontal];
+
+    return [[[DoricSliderView alloc] initWithFrame:CGRectZero
+                              collectionViewLayout:flowLayout]
+            also:^(UICollectionView *it) {
+                it.backgroundColor = [UIColor whiteColor];
+                it.pagingEnabled = YES;
+                it.delegate = self;
+                it.dataSource = self;
+                [it registerClass:[DoricSliderViewCell class] forCellWithReuseIdentifier:@"doricCell"];
+            }];
+}
+
+- (void)blendView:(UICollectionView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"itemCount" isEqualToString:name]) {
+        self.itemCount = [prop unsignedIntegerValue];
+        [self.view reloadData];
+    } else if ([@"renderPage" isEqualToString:name]) {
+        if ([self.renderPageFuncId isEqualToString:prop]) {
+
+        } else {
+            [self.itemViewIds removeAllObjects];
+            [self clearSubModel];
+            [self.view reloadData];
+            self.renderPageFuncId = prop;
+        }
+    } else if ([@"batchCount" isEqualToString:name]) {
+        self.batchCount = [prop unsignedIntegerValue];
+    } else if ([@"onPageSlided" isEqualToString:name]) {
+        self.onPageSelectedFuncId = prop;
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
+    return self.itemCount;
+}
+
+- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
+    return CGSizeMake(self.view.width, self.view.height);
+}
+
+- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
+    return 0;
+}
+
+- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
+    return 0;
+}
+
+- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
+    NSUInteger position = (NSUInteger) indexPath.row;
+    NSDictionary *model = [self itemModelAt:position];
+    NSDictionary *props = model[@"props"];
+    DoricSliderViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"doricCell" forIndexPath:indexPath];
+    if (!cell.doricSlideItemNode) {
+        DoricSlideItemNode *slideItemNode = [[DoricSlideItemNode alloc] initWithContext:self.doricContext];
+        [slideItemNode initWithSuperNode:self];
+        cell.doricSlideItemNode = slideItemNode;
+        [cell.contentView addSubview:slideItemNode.view];
+    }
+    DoricSlideItemNode *node = cell.doricSlideItemNode;
+    node.viewId = model[@"id"];
+    [node blend:props];
+    CGSize size = [node.view measureSize:CGSizeMake(collectionView.width, collectionView.height)];
+    [node.view layoutSelf:size];
+    return cell;
+}
+
+- (BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath {
+    return NO;
+}
+
+- (NSDictionary *)itemModelAt:(NSUInteger)position {
+    NSString *viewId = self.itemViewIds[@(position)];
+    if (viewId && viewId.length > 0) {
+        return [self subModelOf:viewId];
+    } else {
+        DoricAsyncResult *result = [self callJSResponse:@"renderBunchedItems", @(position), @(self.batchCount), nil];
+        JSValue *models = [result waitUntilResult];
+        NSArray *array = [models toArray];
+        [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:[DoricSliderViewCell class]]) {
+                DoricSlideItemNode *node = ((DoricSliderViewCell *) collectionViewCell).doricSlideItemNode;
+                if ([viewId isEqualToString:node.viewId]) {
+                    ret = node;
+                    break;
+                }
+            }
+        }
+    }];
+    return ret;
+}
+
+- (void)blendSubNode:(NSDictionary *)subModel {
+    NSString *viewId = subModel[@"id"];
+    DoricViewNode *viewNode = [self subNodeWithViewId:viewId];
+    if (viewNode) {
+        [viewNode blend:subModel[@"props"]];
+    } else {
+        NSMutableDictionary *model = [[self subModelOf:viewId] mutableCopy];
+        [self recursiveMixin:subModel to:model];
+        [self setSubModel:model in:viewId];
+    }
+    [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]];
+            }];
+        }
+    }];
+}
+
+- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
+    NSUInteger pageIndex = (NSUInteger) (scrollView.contentOffset.x / scrollView.width);
+    scrollView.contentOffset = CGPointMake(pageIndex * scrollView.width, scrollView.contentOffset.y);
+    if (self.onPageSelectedFuncId && self.onPageSelectedFuncId.length > 0) {
+        if (pageIndex != self.lastPosition) {
+            [self callJSResponse:self.onPageSelectedFuncId, @(pageIndex), nil];
+        }
+    }
+    self.lastPosition = pageIndex;
+}
+
+- (void)slidePage:(NSDictionary *)params withPromise:(DoricPromise *)promise {
+    NSUInteger pageIndex = [params[@"page"] unsignedIntegerValue];
+    BOOL smooth = [params[@"smooth"] boolValue];
+    [self.view setContentOffset:CGPointMake(pageIndex * self.view.width, self.view.contentOffset.y) animated:smooth];
+    [promise resolve:nil];
+    self.lastPosition = pageIndex;
+    if (self.onPageSelectedFuncId && self.onPageSelectedFuncId.length > 0) {
+        [self callJSResponse:self.onPageSelectedFuncId, @(pageIndex), nil];
+    }
+}
+
+- (NSNumber *)getSlidedPage {
+    NSUInteger pageIndex = (NSUInteger) (self.view.contentOffset.x / self.view.width);
+    return @(pageIndex);
+}
+
+@end

doric-iOS/Pod/Classes/Shader/DoricStackNode.h

@@ -0,0 +1,26 @@
+/*
+ * 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.
+ */
+//
+//  DoricStackNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricGroupNode.h"
+
+@interface DoricStackNode : DoricGroupNode<DoricStackView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricStackNode.m

@@ -0,0 +1,34 @@
+/*
+ * 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.
+ */
+//
+//  DoricStackNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricStackNode.h"
+
+@implementation DoricStackNode
+
+- (DoricStackView *)build {
+    return [DoricStackView new];
+}
+
+- (void)blendView:(DoricStackView *)view forPropName:(NSString *)name propValue:(id)prop {
+    [super blendView:view forPropName:name propValue:prop];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricSuperNode.h

@@ -0,0 +1,43 @@
+/*
+ * 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/15.
+//
+
+#import <Foundation/Foundation.h>
+#import "DoricViewNode.h"
+
+@interface DoricSuperNode<V:UIView *> : DoricViewNode<V>
+@property(nonatomic, assign) BOOL reusable;
+
+- (DoricLayoutConfig *)generateDefaultLayoutParams;
+
+- (void)blendSubNode:(DoricViewNode *)subNode layoutConfig:(NSDictionary *)layoutConfig;
+
+- (void)blendSubNode:(NSDictionary *)subModel;
+
+- (NSDictionary *)subModelOf:(NSString *)viewId;
+
+- (void)setSubModel:(NSDictionary *)model in:(NSString *)viewId;
+
+- (void)clearSubModel;
+
+- (void)removeSubModel:(NSString *)viewId;
+
+- (DoricViewNode *)subNodeWithViewId:(NSString *)viewId;
+
+- (void)recursiveMixin:(NSDictionary *)srcModel to:(NSMutableDictionary *)targetModel;
+@end

doric-iOS/Pod/Classes/Shader/DoricSuperNode.m

@@ -0,0 +1,164 @@
+/*
+ * 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/15.
+//
+
+#import "DoricSuperNode.h"
+#import "DoricExtensions.h"
+
+@interface DoricSuperNode ()
+@property(nonatomic, strong) NSMutableDictionary <NSString *, NSMutableDictionary *> *subNodes;
+@end
+
+@implementation DoricSuperNode
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        _subNodes = [NSMutableDictionary new];
+    }
+    return self;
+}
+
+- (void)blendView:(UIView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([@"subviews" isEqualToString:name]) {
+        NSArray *subviews = prop;
+        for (NSMutableDictionary *subModel in subviews) {
+            [self mixinSubNode:subModel];
+            [self blendSubNode:subModel];
+        }
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)mixinSubNode:(NSMutableDictionary *)dictionary {
+    NSString *viewId = dictionary[@"id"];
+    NSMutableDictionary *oldModel = self.subNodes[viewId];
+    if (oldModel) {
+        [self mixin:dictionary to:oldModel];
+    } else {
+        self.subNodes[viewId] = dictionary;
+    }
+}
+
+- (void)mixin:(NSDictionary *)srcModel to:(NSMutableDictionary *)targetModel {
+    NSDictionary *srcProp = srcModel[@"props"];
+    NSMutableDictionary *targetProp = targetModel[@"props"];
+    [srcProp enumerateKeysAndObjectsUsingBlock:^(NSString *key, id obj, BOOL *stop) {
+        if (![@"subviews" isEqualToString:key]) {
+            targetProp[key] = obj;
+        }
+    }];
+}
+
+- (void)recursiveMixin:(NSDictionary *)srcModel to:(NSMutableDictionary *)targetModel {
+    NSDictionary *srcProp = srcModel[@"props"];
+    NSMutableDictionary *targetProp = targetModel[@"props"];
+    NSMutableArray *targetOri = targetProp[@"subviews"];
+
+    [srcProp enumerateKeysAndObjectsUsingBlock:^(NSString *key, id obj, BOOL *stop) {
+        if ([@"subviews" isEqualToString:key]) {
+            NSArray *subviews = obj;
+            if (subviews) {
+                for (NSDictionary *subview in subviews) {
+                    NSString *viewId = subview[@"id"];
+                    [targetOri enumerateObjectsUsingBlock:^(NSDictionary *obj, NSUInteger idx, BOOL *stop) {
+                        if ([viewId isEqualToString:obj[@"id"]]) {
+                            NSMutableDictionary *mutableDictionary = [obj mutableCopy];
+                            [self recursiveMixin:subview to:mutableDictionary];
+                            targetOri[idx] = [mutableDictionary copy];
+                            *stop = YES;
+                        }
+                    }];
+                }
+            }
+        } else {
+            targetProp[key] = obj;
+        }
+    }];
+}
+
+- (void)blendSubNode:(DoricViewNode *)subNode layoutConfig:(NSDictionary *)layoutConfig {
+    DoricLayoutConfig *params = subNode.layoutConfig;
+
+    [layoutConfig[@"widthSpec"] also:^(NSNumber *it) {
+        if (it) {
+            params.widthSpec = (DoricLayoutSpec) [it integerValue];
+        }
+    }];
+
+    [layoutConfig[@"heightSpec"] also:^(NSNumber *it) {
+        if (it) {
+            params.heightSpec = (DoricLayoutSpec) [it integerValue];
+        }
+    }];
+
+    NSDictionary *margin = layoutConfig[@"margin"];
+    if (margin) {
+        params.margin = DoricMarginMake(
+                [(NSNumber *) margin[@"left"] floatValue],
+                [(NSNumber *) margin[@"top"] floatValue],
+                [(NSNumber *) margin[@"right"] floatValue],
+                [(NSNumber *) margin[@"bottom"] floatValue]);
+    }
+
+    NSNumber *alignment = layoutConfig[@"alignment"];
+    if (alignment) {
+        params.alignment = (DoricGravity) [alignment integerValue];
+    }
+    NSNumber *weight = layoutConfig[@"weight"];
+    if (weight) {
+        params.weight = (DoricGravity) [weight integerValue];
+    }
+}
+
+- (void)blendSubNode:(NSDictionary *)subModel {
+    NSAssert(NO, @"Should override class:%@ ,method:%@.", NSStringFromClass([self class]),
+            NSStringFromSelector(_cmd));
+}
+
+- (DoricLayoutConfig *)generateDefaultLayoutParams {
+    DoricLayoutConfig *params = [[DoricLayoutConfig alloc] init];
+    return params;
+}
+
+
+- (NSDictionary *)subModelOf:(NSString *)viewId {
+    return self.subNodes[viewId];
+}
+
+- (void)setSubModel:(NSDictionary *)model in:(NSString *)viewId {
+    self.subNodes[viewId] = [model mutableCopy];
+}
+
+- (void)clearSubModel {
+    [self.subNodes removeAllObjects];
+}
+
+- (void)removeSubModel:(NSString *)viewId {
+    [self.subNodes removeObjectForKey:viewId];
+}
+
+- (DoricViewNode *)subNodeWithViewId:(NSString *)viewId {
+    NSAssert(NO, @"Should override class:%@ ,method:%@.", NSStringFromClass([self class]),
+            NSStringFromSelector(_cmd));
+    return nil;
+}
+
+- (void)requestLayout {
+    [self.view setNeedsLayout];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricTextNode.h

@@ -0,0 +1,31 @@
+/*
+ * 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.
+ */
+//
+//  DoricTextNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/31.
+//
+
+#import "DoricViewNode.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface DoricTextNode : DoricViewNode<UILabel *>
+
+@end
+
+NS_ASSUME_NONNULL_END

doric-iOS/Pod/Classes/Shader/DoricTextNode.m

@@ -0,0 +1,62 @@
+/*
+ * 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.
+ */
+//
+//  DoricTextNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/31.
+//
+
+#import "DoricTextNode.h"
+#import "DoricUtil.h"
+#import "DoricGroupNode.h"
+#import "Doric.h"
+
+@implementation DoricTextNode
+- (UILabel *)build {
+    return [[[UILabel alloc] init] also:^(UILabel *it) {
+        it.textAlignment = NSTextAlignmentCenter;
+    }];
+}
+
+- (void)blendView:(UILabel *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([name isEqualToString:@"text"]) {
+        view.text = prop;
+    } else if ([name isEqualToString:@"textSize"]) {
+        view.font = [UIFont systemFontOfSize:[(NSNumber *) prop floatValue]];
+    } else if ([name isEqualToString:@"textColor"]) {
+        view.textColor = DoricColor(prop);
+    } else if ([name isEqualToString:@"textAlignment"]) {
+        DoricGravity gravity = (DoricGravity) [(NSNumber *) prop integerValue];
+        NSTextAlignment alignment = NSTextAlignmentCenter;
+        if ((gravity & LEFT) == LEFT) {
+            alignment = NSTextAlignmentLeft;
+        } else if ((gravity & RIGHT) == RIGHT) {
+            alignment = NSTextAlignmentRight;
+        }
+        view.textAlignment = alignment;
+    } else if ([name isEqualToString:@"maxLines"]) {
+        view.numberOfLines = [prop integerValue];
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+- (void)blend:(NSDictionary *)props {
+    [super blend:props];
+    [self.view.superview setNeedsLayout];
+}
+@end

doric-iOS/Pod/Classes/Shader/DoricVLayoutNode.h

@@ -0,0 +1,26 @@
+/*
+ * 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.
+ */
+//
+//  DoricVLayoutNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricGroupNode.h"
+
+@interface DoricVLayoutNode : DoricGroupNode<DoricVLayoutView *>
+@end

doric-iOS/Pod/Classes/Shader/DoricVLayoutNode.m

@@ -0,0 +1,41 @@
+/*
+ * 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.
+ */
+//
+//  DoricVLayoutNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricVLayoutNode.h"
+
+@implementation DoricVLayoutNode
+
+- (DoricVLayoutView *)build {
+    return [DoricVLayoutView new];
+}
+
+- (void)blendView:(DoricVLayoutView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([name isEqualToString:@"gravity"]) {
+        view.gravity = (DoricGravity) [(NSNumber *) prop integerValue];
+    } else if ([name isEqualToString:@"space"]) {
+        view.space = [(NSNumber *) prop floatValue];
+    } else {
+        [super blendView:view forPropName:name propValue:prop];
+    }
+}
+
+@end

doric-iOS/Pod/Classes/Shader/DoricViewNode.h

@@ -0,0 +1,56 @@
+/*
+ * 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.
+ */
+//
+//  DoricViewNode.h
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricContextHolder.h"
+#import "DoricLayouts.h"
+#import "UIView+Doric.h"
+
+@class DoricSuperNode;
+
+@interface DoricViewNode <V:UIView *> : DoricContextHolder
+
+@property(nonatomic, strong) V view;
+@property(nonatomic, weak) DoricSuperNode *superNode;
+@property(nonatomic) NSInteger index;
+
+@property(nonatomic, copy) NSString *viewId;
+
+@property(nonatomic, copy) NSString *type;
+
+@property(nonatomic, readonly) DoricLayoutConfig *layoutConfig;
+
+@property(nonatomic, readonly) NSArray<NSString *> *idList;
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode;
+
+- (V)build;
+
+- (void)blend:(NSDictionary *)props;
+
+- (void)blendView:(V)view forPropName:(NSString *)name propValue:(id)prop;
+
+- (DoricAsyncResult *)callJSResponse:(NSString *)funcId, ...;
+
++ (__kindof DoricViewNode *)create:(DoricContext *)context withType:(NSString *)type;
+
+- (void)requestLayout;
+@end

doric-iOS/Pod/Classes/Shader/DoricViewNode.m

@@ -0,0 +1,649 @@
+/*
+ * 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.
+ */
+//
+//  DoricViewNode.m
+//  Doric
+//
+//  Created by pengfei.zhou on 2019/7/30.
+//
+
+#import "DoricViewNode.h"
+#import "DoricUtil.h"
+#import "DoricGroupNode.h"
+#import "DoricRootNode.h"
+#import "DoricConstant.h"
+#import "DoricSuperNode.h"
+#import "DoricExtensions.h"
+#import "DoricPromise.h"
+
+void DoricAddEllipticArcPath(CGMutablePathRef path,
+        CGPoint origin,
+        CGFloat radius,
+        CGFloat startAngle,
+        CGFloat endAngle) {
+    CGAffineTransform t = CGAffineTransformMakeTranslation(origin.x, origin.y);
+    CGPathAddArc(path, &t, 0, 0, radius, startAngle, endAngle, NO);
+}
+
+
+CGPathRef DoricCreateRoundedRectPath(CGRect bounds,
+        CGFloat leftTop,
+        CGFloat rightTop,
+        CGFloat rightBottom,
+        CGFloat leftBottom) {
+    const CGFloat minX = CGRectGetMinX(bounds);
+    const CGFloat minY = CGRectGetMinY(bounds);
+    const CGFloat maxX = CGRectGetMaxX(bounds);
+    const CGFloat maxY = CGRectGetMaxY(bounds);
+
+    CGMutablePathRef path = CGPathCreateMutable();
+    DoricAddEllipticArcPath(path, (CGPoint) {
+            minX + leftTop, minY + leftTop
+    }, leftTop, M_PI, 3 * M_PI_2);
+    DoricAddEllipticArcPath(path, (CGPoint) {
+            maxX - rightTop, minY + rightTop
+    }, rightTop, 3 * M_PI_2, 0);
+    DoricAddEllipticArcPath(path, (CGPoint) {
+            maxX - rightBottom, maxY - rightBottom
+    }, rightBottom, 0, M_PI_2);
+    DoricAddEllipticArcPath(path, (CGPoint) {
+            minX + leftBottom, maxY - leftBottom
+    }, leftBottom, M_PI_2, M_PI);
+    CGPathCloseSubpath(path);
+    return path;
+}
+
+@interface AnimationCallback : NSObject <CAAnimationDelegate>
+@property(nonatomic, strong) NSMutableDictionary *dictionary;
+@property(nonatomic, strong) void (^startBlock)(AnimationCallback *callback);
+
+@property(nonatomic, strong) void (^endBlock)(AnimationCallback *callback);
+@end
+
+@implementation AnimationCallback
+- (instancetype)init {
+    if (self = [super init]) {
+        _dictionary = [NSMutableDictionary new];
+    }
+    return self;
+}
+
+- (void)animationDidStart:(CAAnimation *)anim {
+    if (self.startBlock) {
+        self.startBlock(self);
+    }
+}
+
+- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
+    if (self.endBlock) {
+        self.endBlock(self);
+    }
+}
+@end
+
+@interface DoricViewNode ()
+@property(nonatomic, strong) NSMutableDictionary *callbackIds;
+@property(nonatomic, copy) NSNumber *translationX;
+@property(nonatomic, copy) NSNumber *translationY;
+@property(nonatomic, copy) NSNumber *scaleX;
+@property(nonatomic, copy) NSNumber *scaleY;
+@property(nonatomic, copy) NSNumber *rotation;
+@property(nonatomic, copy) NSNumber *pivotX;
+@property(nonatomic, copy) NSNumber *pivotY;
+@end
+
+@implementation DoricViewNode
+
+- (instancetype)initWithContext:(DoricContext *)doricContext {
+    if (self = [super initWithContext:doricContext]) {
+        _callbackIds = [[NSMutableDictionary alloc] init];
+    }
+    return self;
+}
+
+- (void)initWithSuperNode:(DoricSuperNode *)superNode {
+    if ([self isKindOfClass:[DoricSuperNode class]]) {
+        ((DoricSuperNode *) self).reusable = superNode.reusable;
+    }
+    self.superNode = superNode;
+    self.view = [[self build] also:^(UIView *it) {
+        it.layoutConfig = [superNode generateDefaultLayoutParams];
+    }];
+}
+
+- (DoricLayoutConfig *)layoutConfig {
+    return self.view.layoutConfig;
+}
+
+- (UIView *)build {
+    return [[UIView alloc] init];
+}
+
+- (void)blend:(NSDictionary *)props {
+    self.view.layoutConfig = self.layoutConfig;
+    for (NSString *key in props) {
+        id value = props[key];
+        [self blendView:self.view forPropName:key propValue:value];
+    }
+    [self transformProperties];
+}
+
+- (void)transformProperties {
+    CGAffineTransform transform = CGAffineTransformIdentity;
+    if (self.translationX || self.translationY) {
+        transform = CGAffineTransformTranslate(transform, [self.translationX floatValue] ?: 0, [self.translationY floatValue] ?: 0);
+    }
+    if (self.scaleX || self.scaleY) {
+        transform = CGAffineTransformScale(transform, [self.scaleX floatValue] ?: 1, [self.scaleY floatValue] ?: 1);
+    }
+    if (self.rotation) {
+        transform = CGAffineTransformRotate(transform, (self.rotation.floatValue ?: 0) * M_PI);
+    }
+    if (!CGAffineTransformEqualToTransform(transform, self.view.transform)) {
+        self.view.transform = transform;
+    }
+    if (self.pivotX || self.pivotY) {
+        self.view.layer.anchorPoint = CGPointMake(self.pivotX.floatValue
+                ?: 0.5f, self.pivotY.floatValue ?: 0.5f);
+    }
+}
+
+- (void)blendView:(UIView *)view forPropName:(NSString *)name propValue:(id)prop {
+    if ([name isEqualToString:@"width"]) {
+        NSNumber *width = (NSNumber *) prop;
+        if ([width floatValue] >= 0) {
+            view.width = [width floatValue];
+        }
+    } else if ([name isEqualToString:@"height"]) {
+        NSNumber *height = (NSNumber *) prop;
+        if ([height floatValue] >= 0) {
+            view.height = [height floatValue];
+        }
+    } else if ([name isEqualToString:@"x"]) {
+        view.x = [(NSNumber *) prop floatValue];
+    } else if ([name isEqualToString:@"y"]) {
+        view.y = [(NSNumber *) prop floatValue];
+    } else if ([name isEqualToString:@"backgroundColor"]) {
+        view.backgroundColor = DoricColor(prop);
+    } else if ([name isEqualToString:@"alpha"]) {
+        view.alpha = [prop floatValue];
+    } else if ([name isEqualToString:@"layoutConfig"]) {
+        if (self.superNode && [prop isKindOfClass:[NSDictionary class]]) {
+            [self.superNode blendSubNode:self layoutConfig:prop];
+        } else {
+            [self blendLayoutConfig:prop];
+        }
+    } else if ([name isEqualToString:@"onClick"]) {
+        self.callbackIds[@"onClick"] = prop;
+        view.userInteractionEnabled = YES;
+        UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onClick:)];
+        [view addGestureRecognizer:tapGestureRecognizer];
+    } else if ([name isEqualToString:@"border"]) {
+        NSDictionary *dic = prop;
+        CGFloat width = [(NSNumber *) dic[@"width"] floatValue];
+        UIColor *color = DoricColor((NSNumber *) dic[@"color"]);
+        view.layer.borderWidth = width;
+        view.layer.borderColor = color.CGColor;
+    } else if ([name isEqualToString:@"corners"]) {
+        if ([prop isKindOfClass:NSNumber.class]) {
+            view.layer.cornerRadius = [(NSNumber *) prop floatValue];
+        } else if ([prop isKindOfClass:NSDictionary.class]) {
+            NSDictionary *dic = prop;
+            CGFloat leftTop = [(NSNumber *) dic[@"leftTop"] floatValue];
+            CGFloat rightTop = [(NSNumber *) dic[@"rightTop"] floatValue];
+            CGFloat rightBottom = [(NSNumber *) dic[@"rightBottom"] floatValue];
+            CGFloat leftBottom = [(NSNumber *) dic[@"leftBottom"] floatValue];
+            if (ABS(leftTop - rightTop) > CGFLOAT_MIN
+                    || ABS(leftTop - rightBottom) > CGFLOAT_MIN
+                    || ABS(leftTop - leftBottom) > CGFLOAT_MIN) {
+                view.layer.cornerRadius = 0;
+                dispatch_async(dispatch_get_main_queue(), ^{
+                    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
+                    CGPathRef path = DoricCreateRoundedRectPath(self.view.bounds, leftTop, rightTop, rightBottom, leftBottom);
+                    shapeLayer.path = path;
+                    CGPathRelease(path);
+                    view.layer.mask = shapeLayer;
+                });
+            } else {
+                view.layer.cornerRadius = leftTop;
+                view.layer.mask = nil;
+            }
+        }
+    } else if ([name isEqualToString:@"shadow"]) {
+        NSDictionary *dic = prop;
+        CGFloat opacity = [(NSNumber *) dic[@"opacity"] floatValue];
+        if (opacity > CGFLOAT_MIN) {
+            view.clipsToBounds = NO;
+            UIColor *color = DoricColor((NSNumber *) dic[@"color"]);
+            view.layer.shadowColor = color.CGColor;
+            view.layer.shadowRadius = [(NSNumber *) dic[@"radius"] floatValue];
+            view.layer.shadowOffset = CGSizeMake([(NSNumber *) dic[@"offsetX"] floatValue], [(NSNumber *) dic[@"offsetY"] floatValue]);
+            view.layer.shadowOpacity = (float) opacity;
+        } else {
+            view.clipsToBounds = YES;
+        }
+    } else if ([name isEqualToString:@"translationX"]) {
+        self.translationX = prop;
+    } else if ([name isEqualToString:@"translationY"]) {
+        self.translationY = prop;
+    } else if ([name isEqualToString:@"scaleX"]) {
+        self.scaleX = prop;
+    } else if ([name isEqualToString:@"scaleY"]) {
+        self.scaleY = prop;
+    } else if ([name isEqualToString:@"pivotX"]) {
+        self.pivotX = prop;
+    } else if ([name isEqualToString:@"pivotY"]) {
+        self.pivotY = prop;
+    } else if ([name isEqualToString:@"rotation"]) {
+        self.rotation = prop;
+    } else if ([name isEqualToString:@"padding"]) {
+        DoricPadding padding;
+        padding.left = padding.right = padding.top = padding.bottom = 0;
+        if ([prop isKindOfClass:[NSDictionary class]]) {
+            NSDictionary *dictionary = prop;
+            padding.left = [dictionary[@"left"] floatValue];
+            padding.right = [dictionary[@"right"] floatValue];
+            padding.top = [dictionary[@"top"] floatValue];
+            padding.bottom = [dictionary[@"bottom"] floatValue];
+        }
+        self.view.padding = padding;
+    } else if ([name isEqualToString:@"hidden"]) {
+        self.view.hidden = [prop boolValue];
+    } else {
+        DoricLog(@"Blend View error for View Type :%@, prop is %@", self.class, name);
+    }
+}
+
+- (void)onClick:(UIView *)view {
+    [self callJSResponse:self.callbackIds[@"onClick"], nil];
+}
+
+- (NSArray<NSString *> *)idList {
+    NSMutableArray *ret = [[NSMutableArray alloc] init];
+    DoricViewNode *node = self;
+    do {
+        [ret addObject:node.viewId];
+        node = node.superNode;
+    } while (node);
+
+    return [[ret reverseObjectEnumerator] allObjects];
+}
+
+- (DoricAsyncResult *)callJSResponse:(NSString *)funcId, ... {
+    NSMutableArray *array = [[NSMutableArray alloc] init];
+    [array addObject:self.idList];
+    [array addObject:funcId];
+    va_list args;
+    va_start(args, funcId);
+    id arg;
+    while ((arg = va_arg(args, id)) != nil) {
+        [array addObject:arg];
+    }
+    DoricAsyncResult *ret = [self.doricContext callEntity:DORIC_ENTITY_RESPONSE withArgumentsArray:array];
+    va_end(args);
+    return ret;
+}
+
++ (__kindof DoricViewNode *)create:(DoricContext *)context withType:(NSString *)type {
+    DoricRegistry *registry = context.driver.registry;
+    Class clz = [registry acquireViewNode:type];
+    DoricViewNode *viewNode = [(DoricViewNode *) [clz alloc] initWithContext:context];
+    viewNode.type = type;
+    return viewNode;
+}
+
+- (void)requestLayout {
+    [self.superNode requestLayout];
+}
+
+- (NSNumber *)getWidth {
+    return @(self.view.width);
+}
+
+- (NSNumber *)getHeight {
+    return @(self.view.height);
+}
+
+- (NSDictionary *)getLocationOnScreen {
+    CGPoint point = [self.view convertPoint:CGPointMake(0, 0) toView:[UIApplication sharedApplication].windows.lastObject];
+    return @{@"x": @(point.x), @"y": @(point.y)};
+}
+
+- (void)blendLayoutConfig:(NSDictionary *)params {
+    [params[@"widthSpec"] also:^(NSNumber *it) {
+        if (it) {
+            self.layoutConfig.widthSpec = (DoricLayoutSpec) [it integerValue];
+        }
+    }];
+
+    [params[@"heightSpec"] also:^(NSNumber *it) {
+        if (it) {
+            self.layoutConfig.heightSpec = (DoricLayoutSpec) [it integerValue];
+        }
+    }];
+
+    NSDictionary *margin = params[@"margin"];
+    if (margin) {
+        self.layoutConfig.margin = DoricMarginMake(
+                [(NSNumber *) margin[@"left"] floatValue],
+                [(NSNumber *) margin[@"top"] floatValue],
+                [(NSNumber *) margin[@"right"] floatValue],
+                [(NSNumber *) margin[@"bottom"] floatValue]);
+    }
+
+    NSNumber *alignment = params[@"alignment"];
+    if (alignment) {
+        self.layoutConfig.alignment = (DoricGravity) [alignment integerValue];
+    }
+    NSNumber *weight = params[@"weight"];
+    if (weight) {
+        self.layoutConfig.weight = (DoricGravity) [weight integerValue];
+    }
+}
+
+- (NSDictionary *)transformation {
+    NSMutableDictionary *dictionary = [NSMutableDictionary new];
+    if (self.translationX) {
+        dictionary[@"translationX"] = self.translationX;
+    }
+    if (self.translationY) {
+        dictionary[@"translationY"] = self.translationY;
+    }
+    if (self.scaleX) {
+        dictionary[@"scaleX"] = self.scaleX;
+    }
+    if (self.scaleY) {
+        dictionary[@"scaleY"] = self.scaleY;
+    }
+    if (self.rotation) {
+        dictionary[@"rotation"] = self.rotation;
+    }
+    return dictionary;
+}
+
+#pragma animations
+
+- (void)doAnimation:(id)params withPromise:(DoricPromise *)promise {
+    CAAnimation *animation = [self parseAnimation:params];
+    AnimationCallback *originDelegate = animation.delegate;
+    AnimationCallback *animationCallback = [[AnimationCallback new] also:^(AnimationCallback *it) {
+        it.startBlock = ^(AnimationCallback *callback) {
+            if (originDelegate) {
+                originDelegate.startBlock(callback);
+            }
+            [self transformProperties];
+        };
+        it.endBlock = ^(AnimationCallback *callback) {
+            if (originDelegate) {
+                originDelegate.endBlock(callback);
+            }
+            [self.view.layer removeAllAnimations];
+            [self transformProperties];
+            [promise resolve:self.transformation];
+        };
+    }];
+    animation.delegate = animationCallback;
+    if (params[@"delay"]) {
+        animation.beginTime = CACurrentMediaTime() + [params[@"delay"] floatValue] / 1000;
+    }
+    animation.removedOnCompletion = NO;
+    animation.fillMode = kCAFillModeForwards;
+    [self.view.layer addAnimation:animation forKey:nil];
+}
+
+- (CFTimeInterval)computeDurationOfAnimations:(NSArray<CAAnimation *> *)animations {
+    __block CFTimeInterval interval = 0;
+    [animations forEach:^(CAAnimation *obj) {
+        interval = MAX(interval, obj.beginTime + obj.duration * (1 + obj.repeatCount));
+    }];
+    return interval;
+}
+
+- (CAAnimation *)parseAnimation:(id)params {
+    if (params[@"animations"]) {
+        NSArray *anims = params[@"animations"];
+        CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
+        NSMutableArray *animations = [NSMutableArray new];
+        [anims forEach:^(id obj) {
+            [animations addObject:[self parseAnimation:obj]];
+        }];
+        animationGroup.duration = [self computeDurationOfAnimations:animations];
+        animationGroup.animations = animations;
+        animationGroup.delegate = [[AnimationCallback new] also:^(AnimationCallback *it) {
+            it.startBlock = ^(AnimationCallback *callback) {
+                [[animations map:^id(CABasicAnimation *obj) {
+                    return obj.delegate;
+                }] forEach:^(AnimationCallback *obj) {
+                    if (obj.startBlock) {
+                        obj.startBlock(obj);
+                    }
+                }];
+            };
+            it.endBlock = ^(AnimationCallback *callback) {
+                [[animations map:^id(CABasicAnimation *obj) {
+                    return obj.delegate;
+                }] forEach:^(AnimationCallback *obj) {
+                    if (obj.endBlock) {
+                        obj.endBlock(obj);
+                    }
+                }];
+            };
+        }];
+        if (params[@"delay"]) {
+            animationGroup.beginTime = [params[@"delay"] floatValue] / 1000;
+        }
+        return animationGroup;
+    } else if ([params isKindOfClass:[NSDictionary class]]) {
+        NSArray<NSDictionary *> *changeables = params[@"changeables"];
+        NSString *type = params[@"type"];
+        if ([@"TranslationAnimation" isEqualToString:type]) {
+            __block CGPoint from = self.view.layer.position;
+            __block CGPoint to = self.view.layer.position;
+            CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
+            [changeables forEach:^(NSDictionary *obj) {
+                NSString *key = obj[@"key"];
+                if ([@"translationX" isEqualToString:key]) {
+                    from.x += [obj[@"fromValue"] floatValue] - self.translationX.floatValue;
+                    to.x += [obj[@"toValue"] floatValue] - self.translationX.floatValue;
+                    [self setFillMode:animation
+                                  key:key
+                           startValue:obj[@"fromValue"]
+                             endValue:obj[@"toValue"]
+                             fillMode:params[@"fillMode"]];
+                } else if ([@"translationY" isEqualToString:key]) {
+                    from.y += [obj[@"fromValue"] floatValue] - self.translationY.floatValue;
+                    to.y += [obj[@"toValue"] floatValue] - self.translationY.floatValue;
+                    [self setFillMode:animation
+                                  key:key
+                           startValue:obj[@"fromValue"]
+                             endValue:obj[@"toValue"]
+                             fillMode:params[@"fillMode"]];
+                }
+
+            }];
+            animation.fromValue = [NSValue valueWithCGPoint:from];
+            animation.toValue = [NSValue valueWithCGPoint:to];
+            if (params[@"timingFunction"]) {
+                animation.timingFunction = [self translateToTimingFunction:params[@"timingFunction"]];
+            }
+            [self setAnimation:animation params:params];
+            return animation;
+        } else {
+            CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
+            NSMutableArray <CABasicAnimation *> *animations = [NSMutableArray new];
+
+            [changeables forEach:^(NSDictionary *obj) {
+                CABasicAnimation *animation = [self parseChangeable:obj fillMode:params[@"fillMode"]];
+                if (params[@"timingFunction"]) {
+                    animation.timingFunction = [self translateToTimingFunction:params[@"timingFunction"]];
+                }
+                [animations addObject:animation];
+            }];
+            animationGroup.animations = animations;
+            animationGroup.delegate = [[AnimationCallback new] also:^(AnimationCallback *it) {
+                it.startBlock = ^(AnimationCallback *callback) {
+                    [[animations map:^id(CABasicAnimation *obj) {
+                        return obj.delegate;
+                    }] forEach:^(AnimationCallback *obj) {
+                        if (obj.startBlock) {
+                            obj.startBlock(obj);
+                        }
+                    }];
+                };
+                it.endBlock = ^(AnimationCallback *callback) {
+                    [[animations map:^id(CABasicAnimation *obj) {
+                        return obj.delegate;
+                    }] forEach:^(AnimationCallback *obj) {
+                        if (obj.endBlock) {
+                            obj.endBlock(obj);
+                        }
+                    }];
+                };
+            }];
+            [self setAnimation:animationGroup params:params];
+            return animationGroup;
+        }
+    }
+    return nil;
+}
+
+- (void)setAnimation:(CAAnimation *)animation params:(NSDictionary *)params {
+    if (params[@"repeatCount"]) {
+        NSInteger repeatCount = [params[@"repeatCount"] integerValue];
+        if (repeatCount < 0) {
+            repeatCount = NSNotFound;
+        }
+        animation.repeatCount = repeatCount;
+    }
+    if (params[@"repeatMode"]) {
+        NSInteger repeatMode = [params[@"repeatMode"] integerValue];
+        animation.autoreverses = repeatMode == 2;
+    }
+
+    if (params[@"delay"]) {
+        animation.beginTime = [params[@"delay"] floatValue] / 1000;
+    }
+    animation.duration = [params[@"duration"] floatValue] / 1000;
+}
+
+- (void)setFillMode:(CAAnimation *)animation
+                key:(NSString *)key
+         startValue:(NSNumber *)startValue
+           endValue:(NSNumber *)endValue
+           fillMode:(NSNumber *)fillMode {
+    NSUInteger fillModeInt = fillMode.unsignedIntegerValue;
+    if ((fillModeInt & 2) == 2) {
+        [self setAnimatedValue:key value:startValue];
+    }
+    AnimationCallback *callback = [AnimationCallback new];
+    AnimationCallback *originCallback = animation.delegate;
+    __weak typeof(self) _self = self;
+    callback.startBlock = ^(AnimationCallback *callback) {
+        __strong typeof(_self) self = _self;
+        callback.dictionary[key] = [self getAnimatedValue:key];
+        if (originCallback) {
+            originCallback.startBlock(callback);
+        }
+    };
+    callback.endBlock = ^(AnimationCallback *callback) {
+        __strong typeof(_self) self = _self;
+        if ((fillModeInt & 1) == 1) {
+            [self setAnimatedValue:key value:endValue];
+        }
+        if (originCallback) {
+            originCallback.endBlock(callback);
+        }
+    };
+    animation.delegate = callback;
+}
+
+- (NSNumber *)getAnimatedValue:(NSString *)key {
+    if ([@"translationX" isEqualToString:key]) {
+        return self.translationX;
+    }
+    if ([@"translationY" isEqualToString:key]) {
+        return self.translationY;
+    }
+    if ([@"scaleX" isEqualToString:key]) {
+        return self.scaleX;
+    }
+    if ([@"scaleY" isEqualToString:key]) {
+        return self.scaleY;
+    }
+    if ([@"rotation" isEqualToString:key]) {
+        return self.rotation;
+    }
+    return nil;
+}
+
+- (void)setAnimatedValue:(NSString *)key value:(NSNumber *)value {
+    if ([@"translationX" isEqualToString:key]) {
+        self.translationX = value;
+    } else if ([@"translationY" isEqualToString:key]) {
+        self.translationY = value;
+    } else if ([@"scaleX" isEqualToString:key]) {
+        self.scaleX = value;
+    } else if ([@"scaleY" isEqualToString:key]) {
+        self.scaleY = value;
+    } else if ([@"rotation" isEqualToString:key]) {
+        self.rotation = value;
+    }
+}
+
+- (CABasicAnimation *)parseChangeable:(NSDictionary *)params fillMode:(NSNumber *)fillMode {
+    NSString *key = params[@"key"];
+    CABasicAnimation *animation = [CABasicAnimation animation];
+    if ([@"scaleX" isEqualToString:key]) {
+        animation.keyPath = @"transform.scale.x";
+        animation.fromValue = params[@"fromValue"];
+        animation.toValue = params[@"toValue"];
+    } else if ([@"scaleY" isEqualToString:key]) {
+        animation.keyPath = @"transform.scale.y";
+        animation.fromValue = params[@"fromValue"];
+        animation.toValue = params[@"toValue"];
+    } else if ([@"rotation" isEqualToString:key]) {
+        animation.keyPath = @"transform.rotation.z";
+        animation.fromValue = @([params[@"fromValue"] floatValue] * M_PI);
+        animation.toValue = @([params[@"toValue"] floatValue] * M_PI);
+    } else if ([@"backgroundColor" isEqualToString:key]) {
+        animation.keyPath = @"backgroundColor";
+        animation.fromValue = params[@"fromValue"];
+        animation.toValue = params[@"toValue"];
+    }
+    [self setFillMode:animation
+                  key:key
+           startValue:params[@"fromValue"]
+             endValue:params[@"toValue"]
+             fillMode:fillMode];
+    return animation;
+}
+
+- (CAMediaTimingFunction *)translateToTimingFunction:(NSNumber *)timingFunction {
+    switch (timingFunction.integerValue) {
+        case 1:
+            return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
+        case 2:
+            return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
+        case 3:
+            return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
+        case 4:
+            return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+        default:
+            return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault];
+    }
+}
+
+@end

doric-iOS/Pod/Classes/Shader/UIView+Doric.h

@@ -0,0 +1,42 @@
+/*
+ * 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.
+ */
+//
+//  UIView+Doric.h
+//  Doric_Example
+//
+//  Created by pengfei.zhou on 2019/7/25.
+//  Copyright © 2019 CocoaPods. All rights reserved.
+//
+
+#import <Foundation/Foundation.h>
+#import <UIKit/UIView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface UIView (Doric)
+@property(nonatomic) CGFloat x;
+@property(nonatomic) CGFloat y;
+@property(nonatomic) CGFloat width;
+@property(nonatomic) CGFloat height;
+@property(nonatomic) CGFloat centerX;
+@property(nonatomic) CGFloat centerY;
+@property(nonatomic) CGFloat top;
+@property(nonatomic) CGFloat left;
+@property(nonatomic) CGFloat right;
+@property(nonatomic) CGFloat bottom;
+@end
+
+NS_ASSUME_NONNULL_END

doric-iOS/Pod/Classes/Shader/UIView+Doric.m

@@ -0,0 +1,128 @@
+/*
+ * 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.
+ */
+//
+//  UIView+Doric.m
+//  Doric_Example
+//
+//  Created by pengfei.zhou on 2019/7/25.
+//  Copyright © 2019 CocoaPods. All rights reserved.
+//
+
+#import "UIView+Doric.h"
+
+@implementation UIView (Doric)
+
+- (CGFloat)x {
+    return self.frame.origin.x;
+}
+
+- (void)setX:(CGFloat)x {
+    CGRect frame = self.frame;
+    frame.origin.x = x;
+    [self setFrame:frame];
+}
+
+- (CGFloat)y {
+    return self.frame.origin.y;
+}
+
+- (void)setY:(CGFloat)y {
+    CGRect frame = self.frame;
+    frame.origin.y = y;
+    [self setFrame:frame];
+}
+
+- (CGFloat)left {
+    return self.frame.origin.x;
+}
+
+- (void)setLeft:(CGFloat)left {
+    CGRect frame = self.frame;
+    frame.origin.x = left;
+    [self setFrame:frame];
+}
+
+- (CGFloat)right {
+    return self.frame.origin.x + self.frame.size.width;
+}
+
+- (void)setRight:(CGFloat)right {
+    CGRect frame = self.frame;
+    frame.origin.x = right - self.frame.size.width;
+    [self setFrame:frame];
+}
+
+- (CGFloat)top {
+    return self.frame.origin.y;
+}
+
+- (void)setTop:(CGFloat)top {
+    CGRect frame = self.frame;
+    frame.origin.y = top;
+    [self setFrame:frame];
+}
+
+- (CGFloat)bottom {
+    return self.frame.origin.y + self.frame.size.height;
+}
+
+- (void)setBottom:(CGFloat)bottom {
+    CGRect frame = self.frame;
+    frame.origin.y = bottom - self.frame.size.height;
+    [self setFrame:frame];
+}
+
+- (CGFloat)width {
+    return self.frame.size.width;
+}
+
+- (void)setWidth:(CGFloat)width {
+    CGRect frame = self.frame;
+    frame.size.width = width;
+    self.frame = frame;
+}
+
+- (CGFloat)height {
+    return self.frame.size.height;
+}
+
+- (void)setHeight:(CGFloat)height {
+    CGRect frame = self.frame;
+    frame.size.height = height;
+    self.frame = frame;
+}
+
+- (CGFloat)centerX {
+    return self.frame.origin.x + self.frame.size.width / 2;
+}
+
+- (void)setCenterX:(CGFloat)centerX {
+    CGRect frame = self.frame;
+    frame.origin.x = centerX - self.frame.size.width / 2;
+    [self setFrame:frame];
+}
+
+- (CGFloat)centerY {
+    return self.frame.origin.y + self.frame.size.height / 2;
+}
+
+- (void)setCenterY:(CGFloat)centerY {
+    CGRect frame = self.frame;
+    frame.origin.y = centerY - self.frame.size.height / 2;
+    [self setFrame:frame];
+}
+
+@end