mali-applet-ui 1.0.94 → 1.0.96

package/lib/components/ml-list-select-user-page/ml-list-select-user-page.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="ml-list-select-user-page" :class="[className || '', {'is-border': border, 'is-disabled': disabled}]" @tap="tapEvent">
-    <view class="ml-list-select-user-list">
+    <view v-if="selectRows.length" class="ml-list-select-user-list">
       <view v-for="(item, index) in selectRows" :key="index" class="ml-list-select-user-item">
         <view class="ml-list-select-user-name">
           <view class="ml-list-select-user-content">{{ item[optLabelField] }}</view>
@@ -10,6 +10,9 @@
         </view>
       </view>
     </view>
+    <view v-else class="ml-list-select-user-list">
+      <view class="ml-list-select-user-page-placeholder">{{ placeholder }}</view>
+    </view>
     <view class="ml-list-select-user-add-item" @click="openUserEvent">
       <view class="ml-list-select-user-add-btn">
         <ml-icon name="add-circle" />
@@ -151,6 +154,14 @@ export default {
     right: 20rpx;
     font-size: 44rpx;
   }
+  &.is-disabled {
+    // #ifdef H5
+    cursor: pointer;
+    // #endif
+    .ml-list-select-user-add-item {
+      color: $uni-text-color-disable;
+    }
+  }
   .ml-list-select-user-img {
     width: 50rpx;
     height: 50rpx;
@@ -170,5 +181,8 @@ export default {
     flex-shrink: 0;
     margin-left: 16rpx;
   }
+  .ml-list-select-user-page-placeholder {
+    color: $ml-input-color-placeholder;
+  }
 }
 </style>

package/lib/components/ml-number-input/ml-number-input.vue

@@ -162,19 +162,33 @@ export default {
       return { status: true, value: numVal }
     },
     minusEvent () {
-      const numVal = XEUtils.toNumber(this.inpVal)
-      if (this.minNum === null || (numVal > this.minNum)) {
-        this.inpVal = numVal - this.stepNum
-        this.$emit('input', this.inpVal)
-        this.$emit('change', {})
+      const numVal = this.type === 'integer' ? XEUtils.toInteger(this.inpVal) : XEUtils.toNumber(this.inpVal)
+      let value = XEUtils.subtract(numVal, this.stepNum)
+      if (this.maxNum !== null) {
+        value = Math.min(this.maxNum, value)
+      }
+      if (this.minNum !== null) {
+        value = Math.max(this.minNum, value)
+      }
+      if (`${value}` !== `${this.value}`) {
+        this.inpVal = value
+        this.$emit('input', value)
+        this.$emit('change', { value })
       }
     },
     plusEvent () {
-      const numVal = XEUtils.toNumber(this.inpVal)
-      if (this.maxNum === null || (numVal < this.maxNum)) {
-        this.inpVal = numVal + this.stepNum
-        this.$emit('input', this.inpVal)
-        this.$emit('change', {})
+      const numVal = this.type === 'integer' ? XEUtils.toInteger(this.inpVal) : XEUtils.toNumber(this.inpVal)
+      let value = XEUtils.add(numVal, this.stepNum)
+      if (this.minNum !== null) {
+        value = Math.max(this.minNum, value)
+      }
+      if (this.maxNum !== null) {
+        value = Math.min(this.maxNum, value)
+      }
+      if (`${value}` !== `${this.value}`) {
+        this.inpVal = value
+        this.$emit('input', value)
+        this.$emit('change', { value })
       }
     },
     blurEvent () {

package/lib/components/ml-select-picker/ml-select-picker.vue

@@ -163,7 +163,7 @@ export default {
     white-space: nowrap;
   }
   .ml-select-picker-placeholder {
-    color: $uni-text-color-placeholder;
+    color: $ml-input-color-placeholder;
   }
 }
 .ml-select-picker-clear-icon {

package/lib/components/ml-tree-box/ml-tree-box.vue

@@ -164,17 +164,17 @@ export default {
     }
   },
   mounted () {
-    const { autoload, reloadLazy } = this
+    const { autoload, requestLazy } = this
     if (autoload) {
-      reloadLazy()
+      requestLazy()
     }
   },
   methods: {
     async handleIntoChildren (item) {
-      const { reloadLazy } = this
+      const { requestLazy } = this
       if (!(item.children && item.children.length) && !item.isLeaf) {
         // this.lazyLoading = true
-        await reloadLazy(item)
+        await requestLazy(item)
         // this.lazyLoading = false
       }
       if (item.children && item.children.length) {
@@ -182,7 +182,11 @@ export default {
         this.$emit('into', this.cache[this.cache.length - 1])
       }
     },
-    async reloadLazy (current) {
+    reloadLazy () {
+      const { current } = this
+      this.requestLazy(current)
+    },
+    async requestLazy (current) {
       const { lazyLoad, lazy, useProps } = this
       if (lazy && lazyLoad) {
         const list = await lazyLoad.call(this.currVM, current)

package/lib/components/ml-upload/ml-upload.vue

@@ -3,7 +3,7 @@
     <!-- 上传图片 -->
     <view v-if="mediatype === 'image'" class="ml-upload-image-list">
       <view class="ml-upload-image-item" v-for="(item, index) in fileList" :key="index">
-        <image class="ml-upload-image-img" mode="aspectFit" :src="getThumbnailFileUrl(item)" @tap="previewImageEvent(item, index)"></image>
+        <image class="ml-upload-image-img" mode="aspectFill" :src="getThumbnailFileUrl(item)" @tap="previewImageEvent(item, index)"></image>
         <view v-if="!isFromReadonly" class="ml-upload-image-del-btn" @tap="removeEvent(item)">
           <ml-icon name="close" />
         </view>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.0.94",
+  "version": "1.0.96",
   "description": "码里云小程序组件库",
   "files": [
     "lib",

package/theme.scss

@@ -30,5 +30,5 @@ $ml-border-radius: 8rpx;
 $ml-button-interval-margin: 16rpx;
 // 输入框清除按钮颜色
 $ml-input-clear-icon-color:  rgba(23, 26, 29, 0.4);
-// 输入框提示物资颜色
-$ml-input-color-placeholder: rgba(23, 26, 29, 0.4);
+// 输入框提示文本颜色
+$ml-input-color-placeholder: rgba(23, 26, 29, 0.7);