diff --git a/doric-js/bundle/doric-lib.es5.js b/doric-js/bundle/doric-lib.es5.js
index 75002b37..f17006f5 100644
--- a/doric-js/bundle/doric-lib.es5.js
+++ b/doric-js/bundle/doric-lib.es5.js
@@ -2728,7 +2728,7 @@ var Slider = /** @class */ (function (_super) {
     __decorate$9([
         Property,
         __metadata$9("design:type", String)
-    ], Slider.prototype, "pageTransformer", void 0);
+    ], Slider.prototype, "slideStyle", void 0);
     return Slider;
 }(Superview));
 function slider(config) {
diff --git a/doric-js/bundle/doric-lib.js b/doric-js/bundle/doric-lib.js
index 086118ba..2ef9f7b4 100644
--- a/doric-js/bundle/doric-lib.js
+++ b/doric-js/bundle/doric-lib.js
@@ -2069,7 +2069,7 @@ __decorate$9([
 __decorate$9([
     Property,
     __metadata$9("design:type", String)
-], Slider.prototype, "pageTransformer", void 0);
+], Slider.prototype, "slideStyle", void 0);
 function slider(config) {
     const ret = new Slider;
     ret.apply(config);
diff --git a/doric-js/bundle/doric-vm.js b/doric-js/bundle/doric-vm.js
index df5258a6..10ed9a09 100644
--- a/doric-js/bundle/doric-vm.js
+++ b/doric-js/bundle/doric-vm.js
@@ -3597,7 +3597,7 @@ __decorate$9([
 __decorate$9([
     Property,
     __metadata$9("design:type", String)
-], Slider.prototype, "pageTransformer", void 0);
+], Slider.prototype, "slideStyle", void 0);
 function slider(config) {
     const ret = new Slider;
     ret.apply(config);
diff --git a/doric-js/index.d.ts b/doric-js/index.d.ts
index 9db7c7f3..e5bf3a5a 100644
--- a/doric-js/index.d.ts
+++ b/doric-js/index.d.ts
@@ -810,7 +810,7 @@ declare module 'doric/lib/src/widget/slider' {
                 * Take effect only on iOS
                 */
             bounces?: boolean;
-            pageTransformer?: "zoomout";
+            slideStyle?: "zoomOut";
             slidePage(context: BridgeContext, page: number, smooth?: boolean): Promise<any>;
             getSlidedPage(context: BridgeContext): Promise<number>;
     }
diff --git a/doric-js/lib/src/widget/slider.d.ts b/doric-js/lib/src/widget/slider.d.ts
index f8ad2356..df8583ba 100644
--- a/doric-js/lib/src/widget/slider.d.ts
+++ b/doric-js/lib/src/widget/slider.d.ts
@@ -20,7 +20,7 @@ export declare class Slider extends Superview {
      * Take effect only on iOS
      */
     bounces?: boolean;
-    pageTransformer?: "zoomout";
+    slideStyle?: "zoomOut";
     private getItem;
     private renderBunchedItems;
     slidePage(context: BridgeContext, page: number, smooth?: boolean): Promise<any>;
diff --git a/doric-js/lib/src/widget/slider.js b/doric-js/lib/src/widget/slider.js
index deb64240..be752d38 100644
--- a/doric-js/lib/src/widget/slider.js
+++ b/doric-js/lib/src/widget/slider.js
@@ -91,7 +91,7 @@ __decorate([
 __decorate([
     Property,
     __metadata("design:type", String)
-], Slider.prototype, "pageTransformer", void 0);
+], Slider.prototype, "slideStyle", void 0);
 export function slider(config) {
     const ret = new Slider;
     ret.apply(config);
diff --git a/doric-js/src/widget/slider.ts b/doric-js/src/widget/slider.ts
index 711479ec..68dd77ec 100644
--- a/doric-js/src/widget/slider.ts
+++ b/doric-js/src/widget/slider.ts
@@ -58,7 +58,7 @@ export class Slider extends Superview {
     bounces?: boolean
 
     @Property
-    pageTransformer?: "zoomout"
+    slideStyle?: "zoomOut"
 
     private getItem(itemIdx: number) {
         let view = this.renderPage(itemIdx)