mali-applet-ui 1.0.72 → 1.0.74

package/lib/components/ml-amount-text/ml-amount-text.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="ml-amount-text" :class="[className || '', status ? `ss-${status}` : '', {'is-underline': underline}]">
+  <view class="ml-amount-text" :class="[className || '', status ? `ss-${status}` : '', {'is-underline': underline}]" @tap="tapEvent">
     <slot name="symbol">
       <view v-if="symbol" class="amount-flag">￥</view>
     </slot>
@@ -45,6 +45,12 @@ export default {
       }
       return toAmountString(this.value)
     }
+  },
+  methods: {
+    tapEvent () {
+      this.$emit('tap', {})
+      this.$emit('click', {})
+    }
   }
 }
 </script>

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

@@ -2,7 +2,7 @@
   <view v-if="isFromReadonly" class="ml-date-picker is-readonly">
     <view class="ml-date-picker-readonly-content">{{ value }}</view>
   </view>
-  <uni-datetime-picker v-else :class="className" v-model="selectVal" type="date" :start="minDate" :end="maxDate" :placeholder="placeholder" @change="changeEvent" :border="border"/>
+  <uni-datetime-picker v-else :class="className" v-model="selectVal" type="date" :start="minDate" :end="maxDate" :placeholder="placeholder" @change="changeEvent" :clearIcon="clearable" :border="border"/>
 </template>
 
 <script>
@@ -17,6 +17,7 @@ export default {
       type: Boolean,
       default: false
     },
+    clearable: Boolean,
     minDate: [String, Number],
     maxDate: [String, Number],
     placeholder: {

package/lib/components/ml-dict-type/ml-dict-type.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="ml-dict-type" :class="[className || '', (status || showStatus) && selectStatus ? `ss-${selectStatus}` : '', {'is-underline': underline, 'is-border': border, 'is-round': round}]">
+  <view class="ml-dict-type" :class="[className || '', (status || showStatus) && selectStatus ? `ss-${selectStatus}` : '', {'is-underline': underline, 'is-border': border, 'is-round': round}]" @tap="tapEvent">
     <view v-if="prefixIcon && prefixIcon !== 'none'" class="ml-dict-type-left-icon">
       <ml-icon :className="prefixIcon"></ml-icon>
     </view>
@@ -56,6 +56,12 @@ export default {
     optStatusField () {
       return this.optOptions.status || 'status'
     }
+  },
+  methods: {
+    tapEvent () {
+      this.$emit('tap', {})
+      this.$emit('click', {})
+    }
   }
 }
 </script>

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

@@ -28,14 +28,14 @@
             @change="handleChangeCheckbox(item)"></ml-checkbox>
           <ml-radio :value="checkIndex" :label="item[useProps.key]" v-else @change="handleChangeRadio"></ml-radio>
         </view>
-        <MlTreeIcon @click="e => $emit('click-icon', 'prefix', item)" :info="getPrefixIcon(item)" :key="index"></MlTreeIcon>
+        <MlTreeIcon @click="e => $emit('click-icon', item, 'prefix')" :info="getPrefixIcon(item)" :key="index"></MlTreeIcon>
         <view class="ml-tree-node__title" @click="handleIntoChildren(item)">
-          <view>{{ item[useProps.label] || '' }}</view>
+          <view class="nowrap">{{ item[useProps.label] || '' }}</view>
           <view class="ml-tree-node__explain" v-if="item[useProps.explain]">{{ item[useProps.explain] }}</view>
         </view>
         <view class="ml-tree-node__extra">
-          <MlTreeIcon @click="e => $emit('click-icon', 'suffix', item)" :info="getSuffixIcon(item)" :key="index"></MlTreeIcon>
-          <MlTreeIcon @click="handleIntoChildren(item)" v-if="item.children && item.children.length" :info="{ icon: 'arrow-right' }" :key="index"></MlTreeIcon>
+          <MlTreeIcon @click="e => $emit('click-icon', item, 'suffix')" :info="getSuffixIcon(item)" :key="index"></MlTreeIcon>
+          <MlTreeIcon @click="handleIntoChildren(item)" v-if="(item.children && item.children.length) || (lazy && !item.isLeaf)" :info="{ icon: 'arrow-right' }" :key="index"></MlTreeIcon>
         </view>
       </view>
     </view>
@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import MlTreeIcon from './ml-tree-icon'
+import MlTreeIcon from './ml-tree-icon.vue'
 import { findNodesByKeys, findTreeByKey } from './utils'
 
 export default {
@@ -57,6 +57,8 @@ export default {
     check: Boolean,
     multiple: Boolean,
     breadcrumb: Boolean,
+    lazy: Boolean,
+    lazyLoad: Function,
     strictly: Boolean,
     arbitrary: Boolean,
     props: {
@@ -91,7 +93,8 @@ export default {
         label: 'label',
         children: 'children',
         explain: 'explain',
-        user: 'user'
+        user: 'user',
+        isLeaf: 'isLeaf'
       }
     }
   },
@@ -115,11 +118,25 @@ export default {
     }
   },
   methods: {
-    handleIntoChildren (item) {
+    async handleIntoChildren (item) {
+      const { lazyLoad, lazy } = this
+      if (!(item.children && item.children) && lazy && lazyLoad && !item.isLeaf) {
+        // this.lazyLoading = true
+        await lazyLoad(item)
+        // this.lazyLoading = false
+      }
       if (item.children && item.children.length) {
         this.cache.push(item)
       }
     },
+    async reloadLazy () {
+      const { lazyLoad, lazy, current } = this
+      if (lazy && lazyLoad) {
+        // this.lazyLoading = true
+        await lazyLoad(current)
+        // this.lazyLoading = false
+      }
+    },
     handleBack () {
       const { cache } = this
       cache.splice(cache.length - 1, 1)
@@ -302,6 +319,12 @@ export default {
 
       .ml-tree-node__title {
         flex: 1;
+        width: 0;
+        .nowrap {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
 
         &.back {
           color: #6e6e6e;

package/package.json

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