chore: release v1.1.12

Author: QiuShuiBai

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mpx-cube-ui",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "private": true,
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",

packages/extract-theme-var/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/extract-theme-var",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "mpx-cube-ui theme variable extractor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

packages/mpx-cube-ui/lib/common/stylus/driver-theme/components/dialog.styl

@@ -85,7 +85,9 @@ $dialog-btn-half-width = 50%
 $dialog-btn-width = 100%
 
 // animation
-$dialog-zoom-animation = dialog-zoom .3s ease-in-out
+$dialog-zoom-animation-name := dialog-zoom
+$dialog-zoom-animation-duration := .3s
+$dialog-zoom-animation-fn := ease-in-out
 
 $dialog-zoom-transform-from = scale(0)
 $dialog-zoom-opacity-from = 1

packages/mpx-cube-ui/lib/common/stylus/passenger-theme/components/dialog.styl

@@ -80,7 +80,9 @@ $dialog-head-icon-border-bottom-right-radius := 50%
 $dialog-head-icon-margin-top = -42.5px
 
 // animation
-$dialog-zoom-animation = dialog-zoom-no-mid 0.3s cubic-bezier(0.20, 0.19, 0.00, 1.00)
+$dialog-zoom-animation-name := dialog-zoom-no-mid
+$dialog-zoom-animation-duration := .3s
+$dialog-zoom-animation-fn := cubic-bezier(0.20, 0.19, 0.00, 1.00)
 
 $dialog-zoom-transform-from = scale(0.8)
 $dialog-zoom-opacity-from = 0

packages/mpx-cube-ui/lib/common/stylus/theme/components/dialog.styl

@@ -94,7 +94,9 @@ $dialog-head-icon-border-radius := $dialog-head-icon-border-top-left-radius $dia
 $dialog-head-icon-margin-top := -42.5px // head-icon 上边距
 
 // animation
-$dialog-zoom-animation := dialog-zoom .3s ease-in-out
+$dialog-zoom-animation-name := dialog-zoom
+$dialog-zoom-animation-duration := .3s
+$dialog-zoom-animation-fn := ease-in-out
 
 $dialog-zoom-transform-from := scale(0)
 $dialog-zoom-opacity-from := 1
@@ -108,4 +110,7 @@ $dialog-zoom-opacity-to := 1
 $dialog-zoom-hide-opacity-from := 1
 $dialog-zoom-hide-opacity-to := 0
 
-$dialog-hide-animation := dialog-hide-animation 0.3s cubic-bezier(0, 0, 0.07, 1.00) forwards
+$dialog-hide-animation-name := dialog-hide-animation
+$dialog-hide-animation-duration := .3s
+$dialog-hide-animation-fn := cubic-bezier(0, 0, 0.07, 1.00)
+$dialog-hide-animation-mode := forwards

packages/mpx-cube-ui/lib/components/dialog/css.styl

@@ -11,7 +11,9 @@
   background-color $var(dialog-bgc)
 
   &-is-visible
-    animation $var(dialog-zoom-animation)
+    animation-name: $var(dialog-zoom-animation-name)
+    animation-duration: $var(dialog-zoom-animation-duration)
+    animation-timing-function: $var(dialog-zoom-animation-fn)
 
     @keyframes dialog-zoom
       0%
@@ -39,7 +41,10 @@
     overflow unset
 
   &-is-hide
-    animation $var(dialog-hide-animation)
+    animation-name: $var(dialog-hide-animation-name)
+    animation-duration: $var(dialog-hide-animation-duration)
+    animation-timing-function: $var(dialog-hide-animation-fn)
+    animation-fill-mode: $var(dialog-hide-animation-mode)
 
     @keyframes dialog-hide-animation
       0%

packages/mpx-cube-ui/lib/components/popup/rn-mixin.js

@@ -48,6 +48,7 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
                         if (!this.isVisible) {
                             setTimeout(() => {
                                 this.display = false;
+                                // fix 玄学，不加 100ms ，drn 动画会非常卡
                             }, animationOptions.duration + 100);
                         }
                     },
@@ -95,6 +96,8 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
                     return this.windowInfo;
                 return (this.windowInfo = mpx.getWindowInfo());
             },
+            // @vuese
+            // 仅 rn 使用，当内容元素高度变化后调用。用于更新动画高度
             initContentRect() {
                 return new Promise((resolve) => {
                     this.$refs['popup-content'].boundingClientRect((res) => {

packages/mpx-cube-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/mpx-cube-ui",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",
   "publishConfig": {

packages/website-build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/website-build",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "mpx-cube-ui website builder",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",