dolphin-weex-ui 2.1.9 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dolphin-weex-ui",
-  "version": "2.1.9",
+  "version": "2.2.0",
   "description": "inteligense cross platform frame",
   "main": "index.js",
   "directories": {

package/packages/dof-card/index.vue

@@ -149,6 +149,8 @@ export default {
           this.bodyHeight = res.size.height
           if (this.collapsed_) {
             this.collapseBody(0)
+          } else {
+            this.expandeBody()
           }
         })
       })

package/packages/dof-modal/index.vue

@@ -213,7 +213,7 @@
   flex-direction: columns;
   align-items: center;
   justify-content: center;
-  flex: 1;
+  /* flex: 1; */
   height: 90px;
   /* border-top-color: #c8c7cc; */
   border-top-width: 1px;

package/packages/dof-popover2/colmo.css

@@ -1,10 +1,11 @@
 @media screen and (weex-theme: colmo) {
   .g-popover {
-    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4);
+    /* box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4); */
   }
   .content-inner {
     border-radius: 0px;
     padding: 32px;
+    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4);
   }
   .u-popover-arrow {
     background-color: #292b2f;

package/packages/dof-popover2/index.vue

@@ -10,7 +10,6 @@
     <div ref="dof-popover" class="g-popover" v-if="show && buttons.length" :style="contentStyle">
       <div :class="['u-popover-arrow', theme !== 'white' && 'u-popover-theme-dark']" :style="arrowStyle"></div>
       <scroller
-        scroll-direction="horizontal"
         show-scrollbar="false"
         :class="['u-popover-inner', theme !== 'white' && 'u-popover-theme-dark']"
         :style="popoverInnerStyle"

package/packages/dof-slider/index.vue

@@ -140,7 +140,8 @@ export default {
       startRight: null,
       prevScreenX: null,
       isTouching: false,
-      isShow: false
+      isShow: false,
+      getWidthRectTime: 0
     }
   },
   watch: {
@@ -292,18 +293,28 @@ export default {
     }
   },
   mounted() {
-    getBoundingClientRect(
-      this.$refs.track,
-      res => {
-        if (res.result) {
-          // 实际可滑动长度（可变化范围）= bar宽度 - btn宽度
-          this.width = res.size.width - this._trackHeight
-        }
-      },
-      this.delay
-    )
+    this.getRect()
   },
   methods: {
+    getRect() {
+      getBoundingClientRect(
+        this.$refs.track,
+        res => {
+          if (res.result && res.size.width !== 0) {
+            // 实际可滑动长度（可变化范围）= bar宽度 - btn宽度
+            this.width = res.size.width - this._trackHeight
+          } else {
+            this.getWidthRectTime < 6
+              ? setTimeout(() => {
+                  this.getWidthRectTime++
+                  this.getRect()
+                }, 50)
+              : (this.width = res.size.width - this._trackHeight)
+          }
+        },
+        this.delay
+      )
+    },
     async onTouchStart(e) {
       if (!this.interactive) {
         return

package/packages/dof-switch/index.vue

@@ -98,6 +98,8 @@ import { throttle } from '../../helper/utils'
 import ColmoMixin from '../../mixins/colmo'
 import { STYLE_MAP } from './style'
 import DofSpinner from '../dof-spinner'
+import Utils from '../utils'
+
 export default {
   components: { DofSpinner },
   mixins: [ColmoMixin],
@@ -212,6 +214,7 @@ export default {
     rightDotStyle() {
       let offset = 46
       if ((this._isColmo && this.type === 'default') || this.type === 'colmo') offset = 50
+      if (Utils.env.isWeb()) offset = 46
       return {
         backgroundColor: this._dotColor,
         transform: `translateX(${offset}px) scale(2.25)`