@10yun/cv-mobile-ui 0.5.16 → 0.5.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.5.16",
+  "version": "0.5.18",
   "description": "十云cvjs移动端ui，适用uniapp",
   "author": "10yun",
   "license": "Apache-2.0",

package/ui-cv/cv-btn-base/cv-btn-base.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="cv-button-wrap" :type="type" :form-type="formType" :size="size" @click="parentClick"><slot /></button>
+  <button class="cv-button-wrap" :type="type" :size="size" @click="parentClick"><slot /></button>
 </template>
 <script>
 export default {
@@ -14,10 +14,6 @@ export default {
       type: [String],
       default: 'primary'
     },
-    formType: {
-      type: [String],
-      default: ''
-    },
     click: {
       type: [Function]
     },

package/ui-cv/cv-cell-row/cv-cell-row.vue

@@ -91,6 +91,9 @@ export default {
   background-color: #ffffff;
   padding-left: 10px;
 }
+.cv-cell-box:active {
+  background-color: #e5e5e5;
+}
 .cv-cell-main-box {
   padding: 5px 10px 5px 0;
   border-bottom: solid 1px #f1f1f1;
@@ -118,14 +121,14 @@ export default {
   align-items: center;
 }
 .cv-cell-left-icon {
-  width: 20px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
   line-height: 40px;
   padding-right: 10px;
 }
 .cv-cell-left-image {
-  width: 20px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
 }
 .cv-cell-left-content {
   padding-left: 0px;

package/ui-cv/{cv-nav-col/cv-nav-col.vue → cv-grid-item/cv-grid-item.vue}

@@ -1,15 +1,15 @@
 <template>
-  <view class="cv-nav-col" @click="jump" v-bind:style="cvNavColStyle">
-    <view class="cv-nav-col-img-area" v-bind:style="cvNavImgAreaStyle">
-      <view class="cv-nav-col-img-box">
-        <view class="cv-nav-col-img-main">
+  <view class="cv-griditem-box" @click="jump" v-bind:style="cvNavColStyle">
+    <view class="cv-griditem-img-area" v-bind:style="cvNavImgAreaStyle">
+      <view class="cv-griditem-img-box">
+        <view class="cv-griditem-img-main">
           <view class="cv-nav-img-pla" v-if="isViewPla === true"></view>
           <slot name="default" />
-          <image class="cv-nav-col-img" v-bind:style="cvNavImgStyle" @load="onImgLoad" :src="img" v-if="!$slots.default"></image>
+          <image class="cv-griditem-img" v-bind:style="cvNavImgStyle" @load="onImgLoad" :src="img" v-if="!$slots.default"></image>
         </view>
       </view>
     </view>
-    <view class="cv-nav-col-label">
+    <view class="cv-griditem-label">
       {{ label }}
     </view>
   </view>
@@ -150,33 +150,33 @@ export default {
 </script>
 <style>
 /* #ifdef MP-WEIXIN */
-.cv-nav-col {
+.cv-griditem-box {
   display: contents;
 }
 
 /* #endif */
-.cv-nav-col {
+.cv-griditem-box {
   width: calc(100% - 10px);
   margin: 5px 5px;
   display: inline-flex;
   flex-direction: column;
 }
 
-.cv-nav-col-img-area {
+.cv-griditem-img-area {
   width: 100%;
   max-width: 40px;
   text-align: center;
   margin: 0 auto;
 }
 
-.cv-nav-col-img-box {
+.cv-griditem-img-box {
   width: 100%;
   height: 0;
   padding-bottom: 100%;
   position: relative;
 }
 
-.cv-nav-col-img-main {
+.cv-griditem-img-main {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -200,12 +200,12 @@ export default {
   left: 0%;
 }
 
-.cv-nav-col-img {
+.cv-griditem-img {
   width: 100%;
   height: 100%;
 }
 
-.cv-nav-col-label {
+.cv-griditem-label {
   font-size: 12px;
   color: #666666;
   text-align: center;

package/ui-cv/cv-lists-base/cv-lists-base.vue

@@ -5,7 +5,7 @@
         class="cv-lists-base-data-scroll-box"
         scroll-y="true"
         refresher-background="transparent"
-        :refresher-default-style="disableStyle && 'none'"
+        :refresher-default-style="refresherDefaultStyle"
         :refresher-enabled="localTabLists[index] && localTabLists[index].enabled && disableEnabled === false"
         :refresher-triggered="localTabLists[index] && localTabLists[index].triggered"
         @scrolltolower="onTolower(index)"
@@ -74,7 +74,7 @@ export default {
       }
     },
     disableStyle: {
-      type: Boolean,
+      type: [Boolean, String],
       default: false
     },
     /* 监听更新数据通知 ,接收时间戳 */
@@ -125,6 +125,23 @@ export default {
       loadMoreText: { contentdown: '上拉或点击显示更多', contentrefresh: '正在加载...', contentnomore: '没有更多数据了' }
     };
   },
+  computed: {
+    refresherDefaultStyle() {
+      if (Object.prototype.toString.call(this.disableStyle) === '[object Boolean]') {
+        return this.disableStyle ? 'none' : 'black';
+      } else if (Object.prototype.toString.call(this.disableStyle) === '[object String]') {
+        switch (this.disableStyle) {
+          case 'white':
+            return 'white';
+          case 'none':
+            return 'none';
+          default:
+          case 'black':
+            return 'black';
+        }
+      }
+    }
+  },
   watch: {
     tabsConfig: {
       deep: true, //深度监听设置为 true

package/ui-cv/cv-tab-lists/cv-tab-lists.vue

@@ -65,7 +65,7 @@
             refresher-background="transparent"
             :refresher-enabled="localTabLists[index].enabled && disableEnabled === false"
             :refresher-triggered="localTabLists[index].triggered"
-            :refresher-default-style="disableStyle && 'none'"
+            :refresher-default-style="refresherDefaultStyle"
             @scrolltolower="onTolower(index)"
             @scrolltoupper="onToupper"
             @scroll="onScroll"
@@ -133,7 +133,7 @@ export default {
       }
     },
     disableStyle: {
-      type: Boolean,
+      type: [Boolean, String],
       default: false
     },
     /* 监听更新数据通知 ,接收时间戳 */
@@ -183,6 +183,23 @@ export default {
       loadMoreText: { contentdown: '上拉或点击显示更多', contentrefresh: '正在加载...', contentnomore: '没有更多数据了' }
     };
   },
+  computed: {
+    refresherDefaultStyle() {
+      if (Object.prototype.toString.call(this.disableStyle) === '[object Boolean]') {
+        return this.disableStyle ? 'none' : 'black';
+      } else if (Object.prototype.toString.call(this.disableStyle) === '[object String]') {
+        switch (this.disableStyle) {
+          case 'white':
+            return 'white';
+          case 'none':
+            return 'none';
+          default:
+          case 'black':
+            return 'black';
+        }
+      }
+    }
+  },
   watch: {
     tabsConfig: {
       deep: true, //深度监听设置为 true