iOS: implement NestedSlider slidePosition

doric-demo/src/SliderInListDemo.tsx

@@ -37,9 +37,10 @@ export class SliderInListDemo extends Panel {
         (
           <ListItem layoutConfig={layoutConfig().mostWidth().fitHeight()}>
             <Slider
-              layoutConfig={layoutConfig().mostWidth().justHeight()}
-              height={50}
-              backgroundColor={Color.RED}
+              layoutConfig={layoutConfig()
+                .mostWidth()
+                .fitHeight()
+                .configMinHeight(1)}
               itemCount={imageUrls.length}
               onPageSlided={function (idx) {
                 const sliderView = this as unknown as Slider;

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

@@ -61,6 +61,15 @@ - (void)blendView:(UIScrollView *)view forPropName:(NSString *)name propValue:(i
         self.view.scrollsToTop = [prop boolValue];
     } else if ([@"onPageSlided" isEqualToString:name]) {
         self.onPageSelectedFuncId = prop;
+    } else if ([@"slidePosition" isEqualToString:name]) {
+        NSUInteger slidePosition = [prop unsignedIntegerValue];
+        if (self.view.width > 0 && ((NSUInteger) self.view.contentOffset.x / self.view.width) == slidePosition) {
+        } else {
+            dispatch_async(dispatch_get_main_queue(), ^{
+                [self.view setContentOffset:CGPointMake(slidePosition * self.view.width, self.view.contentOffset.y)
+                                   animated:NO];
+            });
+        }
     } else {
         [super blendView:view forPropName:name propValue:prop];
     }

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

@@ -208,15 +208,23 @@ - (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collection
         DoricSlideItemNode *node = cell.doricSlideItemNode;
         node.viewId = model[@"id"];
         [node blend:props];
-        [node.view.doricLayout apply:CGSizeMake(collectionView.width, collectionView.height)];
+        CGFloat maxWidth = collectionView.width;
+        if (collectionView.doricLayout.widthSpec == DoricLayoutFit) {
+            maxWidth = [[UIScreen mainScreen] bounds].size.width;
+        }
+        CGFloat maxHeight = collectionView.height;
+        if (collectionView.doricLayout.heightSpec == DoricLayoutFit) {
+            maxHeight = [[UIScreen mainScreen] bounds].size.height;
+        }
+        [node.view.doricLayout apply:CGSizeMake(maxWidth, maxHeight)];
         [node requestLayout];
         BOOL needLayout = NO;
-        if (self.view.doricLayout.widthSpec == DoricLayoutFit && self.view.width < node.view.width) {
+        if (collectionView.doricLayout.widthSpec == DoricLayoutFit && collectionView.width < node.view.width) {
             self.view.width = node.view.width;
             needLayout = YES;
         }
-        if (self.view.doricLayout.heightSpec == DoricLayoutFit && self.view.height < node.view.height) {
-            self.view.height = node.view.height;
+        if (collectionView.doricLayout.heightSpec == DoricLayoutFit && collectionView.height < node.view.height) {
+            collectionView.height = node.view.height;
             needLayout = YES;
         }
         if (needLayout) {
@@ -238,6 +246,11 @@ - (void)scheduleLayout {
         self.scheduledLayout = NO;
         DoricSuperNode *node = self.superNode;
         while (node.superNode != nil) {
+            if ([node.view isKindOfClass:UITableView.class]) {
+                UITableView *tableView = (UITableView *) node.view;
+                [tableView reloadData];
+                return;
+            }
             node = node.superNode;
         }
         [node requestLayout];

doric-js/bundle/doric-lib.es5.js

@@ -3627,6 +3627,10 @@ var NestedSlider = /** @class */ (function (_super) {
         Property,
         __metadata$5("design:type", Boolean)
     ], NestedSlider.prototype, "scrollsToTop", void 0);
+    __decorate$5([
+        InconsistProperty,
+        __metadata$5("design:type", Number)
+    ], NestedSlider.prototype, "slidePosition", void 0);
     return NestedSlider;
 }(Group));
 

doric-js/bundle/doric-lib.js

@@ -2788,6 +2788,10 @@ __decorate$5([
     Property,
     __metadata$5("design:type", Boolean)
 ], NestedSlider.prototype, "scrollsToTop", void 0);
+__decorate$5([
+    InconsistProperty,
+    __metadata$5("design:type", Number)
+], NestedSlider.prototype, "slidePosition", void 0);
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

doric-js/bundle/doric-vm.js

@@ -4328,6 +4328,10 @@ __decorate$5([
     Property,
     __metadata$5("design:type", Boolean)
 ], NestedSlider.prototype, "scrollsToTop", void 0);
+__decorate$5([
+    InconsistProperty,
+    __metadata$5("design:type", Number)
+], NestedSlider.prototype, "slidePosition", void 0);
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

doric-js/index.d.ts

@@ -1333,6 +1333,7 @@ declare module "doric" {
 		* Take effect only on iOS
 		*/
 		scrollsToTop?: boolean;
+		slidePosition?: number;
 		addSlideItem(view: View): void;
 		slidePage(context: BridgeContext, page: number, smooth?: boolean): Promise<any>;
 		getSlidedPage(context: BridgeContext): Promise<number>;

doric-js/lib/src/widget/nestedSlider.d.ts

@@ -11,6 +11,7 @@ export declare class NestedSlider extends Group {
     * Take effect only on iOS
     */
     scrollsToTop?: boolean;
+    slidePosition?: number;
     addSlideItem(view: View): void;
     slidePage(context: BridgeContext, page: number, smooth?: boolean): Promise<any>;
     getSlidedPage(context: BridgeContext): Promise<number>;

doric-js/lib/src/widget/nestedSlider.js

@@ -22,7 +22,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Group, Property } from '../ui/view';
+import { Group, Property, InconsistProperty } from '../ui/view';
 export class NestedSlider extends Group {
     addSlideItem(view) {
         this.addChild(view);
@@ -50,3 +50,7 @@ __decorate([
     Property,
     __metadata("design:type", Boolean)
 ], NestedSlider.prototype, "scrollsToTop", void 0);
+__decorate([
+    InconsistProperty,
+    __metadata("design:type", Number)
+], NestedSlider.prototype, "slidePosition", void 0);

doric-js/src/widget/nestedSlider.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Group, View, Property } from '../ui/view'
+import { Group, View, Property, InconsistProperty } from '../ui/view'
 import { BridgeContext } from '../runtime/global'
 
 
@@ -35,6 +35,9 @@ export class NestedSlider extends Group {
     @Property
     scrollsToTop?: boolean
 
+    @InconsistProperty
+    slidePosition?: number
+
     addSlideItem(view: View) {
         this.addChild(view)
     }

doric-web/dist/index.js

@@ -3608,7 +3608,7 @@ __decorate$b([
     __metadata$b("design:type", Function)
 ], List.prototype, "onScrollEnd", void 0);
 __decorate$b([
-    Property,
+    InconsistProperty,
     __metadata$b("design:type", Number)
 ], List.prototype, "scrolledPosition", void 0);
 __decorate$b([
@@ -3762,6 +3762,10 @@ __decorate$a([
     Property,
     __metadata$a("design:type", Object)
 ], Slider.prototype, "slideStyle", void 0);
+__decorate$a([
+    InconsistProperty,
+    __metadata$a("design:type", Number)
+], Slider.prototype, "slidePosition", void 0);
 function slider(config) {
     const ret = new Slider;
     ret.apply(config);
@@ -4399,6 +4403,10 @@ __decorate$5([
     Property,
     __metadata$5("design:type", Boolean)
 ], NestedSlider.prototype, "scrollsToTop", void 0);
+__decorate$5([
+    InconsistProperty,
+    __metadata$5("design:type", Number)
+], NestedSlider.prototype, "slidePosition", void 0);
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;