mali-applet-ui 0.0.27 → 0.0.30

package/components/ml-amount-input/ml-amount-input.vue

@@ -8,6 +8,9 @@ import { toNumMoneyToChinese } from '../../utils'
 
 export default {
 	name: 'MlAmountInput',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: String,
 		align: String,

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

@@ -17,6 +17,9 @@ import { toAmountString, toWanAmountString } from '../../utils'
 
 export default {
 	name: 'MlAmountText',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: [String, Number],
 		simplify: Boolean,

package/components/ml-checkbox/ml-checkbox.vue

@@ -12,6 +12,9 @@
 <script>
 export default {
 	name: 'MlCheckbox',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: [Boolean, Number, String],
     label: {

package/components/ml-checkbox-group/ml-checkbox-group.vue

@@ -9,6 +9,9 @@
 <script>
 export default {
 	name: 'MlCheckboxGroup',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: Array,
     options: Array,

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

@@ -5,6 +5,9 @@
 <script>
 export default {
   name: 'MlDatePicker',
+  options: {
+    virtualHost: true
+  },
   props: {
 		value: String,
     border: Boolean,

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

@@ -5,6 +5,9 @@
 <script>
 export default {
   name: 'MlDateRangePicker',
+  options: {
+    virtualHost: true
+  },
   props: {
     border: Boolean,
     startDate: String,

package/components/ml-datetime-picker/ml-datetime-picker.vue

@@ -5,6 +5,9 @@
 <script>
 export default {
   name: 'MlDatePicker',
+  options: {
+    virtualHost: true
+  },
   props: {
 		value: String,
     border: Boolean,

package/components/ml-datetime-range-picker/ml-datetime-range-picker.vue

@@ -5,6 +5,9 @@
 <script>
 export default {
   name: 'MlDatetimeRangePicker',
+  options: {
+    virtualHost: true
+  },
   props: {
     border: Boolean,
     startDate: String,

package/components/ml-echarts/ml-echarts.vue

@@ -36,6 +36,9 @@ function compareVersion(v1, v2) {
 
 export default {
   name: 'MlEcharts',
+  options: {
+    virtualHost: true
+  },
 	props: {
     options: Object,
 		height:String,

package/components/ml-form/ml-form.vue

@@ -11,6 +11,9 @@ import XEUtils from 'xe-utils'
 
 export default {
   name: 'MlForm',
+  options: {
+    virtualHost: true
+  },
   props: {
     data: Object,
     items: Array,

package/components/ml-form-item/ml-form-item.vue

@@ -7,6 +7,9 @@
 <script>
 export default {
   name: 'MlFormItem',
+  options: {
+    virtualHost: true
+  },
   props: {
     title: String,
     field: String

package/components/ml-full-watermark/ml-full-watermark.vue

@@ -7,6 +7,9 @@
 <script>
 export default {
 	name: 'MlFullWatermark',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		content: String
 	}

package/components/ml-icon/ml-icon.vue

@@ -5,6 +5,9 @@
 <script>
 export default {
   name: 'MlIcon',
+  options: {
+    virtualHost: true
+  },
   props: {
     name: String,
     className: String

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

@@ -19,6 +19,9 @@
 <script>
 export default {
 	name: 'MlInput',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: [Number, String],
 		type: String,

package/components/ml-list-menu/ml-list-menu.vue

@@ -0,0 +1,65 @@
+<template>
+  <view class="ml-list-menu" @click="clickEvent" @tap="tapEvent">
+    <view v-if="prefixIcon" class="ml-list-menu-left-icon">
+      <ml-icon :className="prefixIcon"></ml-icon>
+    </view>
+    <view class="ml-list-menu-content">
+      <slot>
+        <text>{{ name }}</text>
+      </slot>
+    </view>
+    <view class="ml-list-menu-right-icon">
+      <ml-icon class="right-icon" name="arrow-right"></ml-icon>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'MlListMenu',
+  options: {
+    virtualHost: true
+  },
+  props: {
+    name: String,
+		prefixIcon: String,
+		suffixIcon: String,
+  },
+  methods: {
+    clickEvent () {
+      this.$emit('click', {})
+    },
+    tapEvent () {
+      this.$emit('tap', {})
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.ml-list-menu {
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid #e5e5e5;
+  line-height: 90rpx;
+  font-size: 30rpx;
+  padding: 0 20rpx;
+  .ml-list-menu-content {
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ml-list-menu-left-icon,
+  .ml-list-menu-right-icon {
+    flex-shrink: 0;
+    padding: 0 10rpx;
+  }
+  .ml-list-menu-left-icon {
+    font-size: 38rpx;
+  }
+  .ml-list-menu-right-icon {
+    font-size: 30rpx;
+  }
+}
+</style>

package/components/ml-month-picker/ml-month-picker.vue

@@ -10,6 +10,9 @@
 <script>
 export default { 
   name: 'MlMonthPicker',
+  options: {
+    virtualHost: true
+  },
   props: {
 		value: String,
     border: Boolean

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

@@ -5,6 +5,9 @@
 <script>
 export default {
 	name: 'MlNumberInput',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: String,
 		align: String,

package/components/ml-progress-bar/ml-progress-bar.vue

@@ -26,6 +26,9 @@ import XEUtils from 'xe-utils'
 
 export default {
   name: 'MlProgressBar',
+  options: {
+    virtualHost: true
+  },
   props: {
     value: Number,
     max: {

package/components/ml-province-city-picker/ml-province-city-picker.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import provinceCity from './provinceCity.json'
+import provinceCity from './province-city.json'
 
 export default { 
   name: 'MlProvinceCityPicker',

package/components/ml-radio/ml-radio.vue

@@ -12,6 +12,9 @@
 <script>
 export default {
 	name: 'MlRadio',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: [Boolean, Number, String],
     label: {

package/components/ml-radio-button/ml-radio-button.vue

@@ -7,6 +7,9 @@
 <script>
 export default {
 	name: 'MlRadioButton',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: [Boolean, Number, String],
     options: Array,

package/components/ml-radio-group/ml-radio-group.vue

@@ -9,6 +9,9 @@
 <script>
 export default {
 	name: 'MlRadioGroup',
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: [Boolean, Number, String],
     options: Array,

package/components/ml-section/ml-section.vue

@@ -14,6 +14,9 @@
 <script>
 export default {
 	name: 'MlSection',
+  options: {
+    virtualHost: true
+  },
 	props: {
     title: String,
     type: String

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

@@ -13,6 +13,9 @@
 <script>
 export default {
   name: 'MlSelectPicker',
+  options: {
+    virtualHost: true
+  },
   props: {
     value: [Number, String],
     border: Boolean,

package/components/ml-tabbar/ml-tabbar.vue

@@ -1,13 +1,11 @@
 <template>
   <view class="ml-tabbar">
-    <view class="ml-tabbar-list">
-      <view class="ml-tabbar-item" v-for="(item) in options" :key="item.value" :class="{'is-active': value == item.value}" @click="clickEvent(item)">
-        <view class="ml-tabbar-icon">
-          <ml-icon class="icon" :name="value == item.value ? item.activeIcon : item.icon"></ml-icon>
-        </view>
-        <view class="ml-tabbar-name">{{ item.name }}</view>
+    <view class="ml-tabbar-item" v-for="(item) in options" :key="item.value" :class="{'is-active': value == item.value}" @tap="tapEvent(item)">
+      <view class="ml-tabbar-icon">
+        <ml-icon class="icon" :name="value == item.value ? item.activeIcon : item.icon"></ml-icon>
         <view v-if="item.showNum && item.num > 0" class="ml-tabbar-num">{{ item.num }}</view>
       </view>
+      <view class="ml-tabbar-name">{{ item.name }}</view>
     </view>
   </view>
 </template>
@@ -24,16 +22,34 @@ export default {
 
     }
   },
+  computed: {
+    selectItem () {
+      return this.options.find(item => item.value === this.value)
+    }
+  },
+  watch: {
+    value () {
+      this.updateTitle(this.selectItem)
+    }
+  },
+  created () {
+    this.$nextTick(() => {
+      this.updateTitle(this.selectItem)
+    })
+  },
   methods: {
-    clickEvent (option) {
+    updateTitle (option) {
+      if (option && option.name) {
+        uni.setNavigationBarTitle({
+          title: option.name
+        })
+      }
+    },
+    tapEvent (option) {
       const value = option.value
+      this.updateTitle(option)
       this.$emit('input', value)
       this.$emit('change', { value, option })
-      if (option.url) {
-        uni.redirectTo({
-          url: option.url
-        })
-      }
     }
   }
 }
@@ -41,25 +57,20 @@ export default {
 
 <style lang="scss">
 .ml-tabbar {
+  display: flex;
+  flex-direction: row;
   width: 100%;
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 88;
+  padding: 6rpx 0 12rpx 0;
   color: $uni-text-color;
   background: #FFFFFF;
-  .ml-tabbar-list {
-    width: 100%;
-    height: 120rpx;
-    display: flex;
-    align-items: center;
-    align-content: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-  }
+  border-top: 1px solid #e5e5e5;
   .ml-tabbar-item {
-    position: relative;
-    flex: 1;
+    flex-grow: 1;
+    text-align: center;
     &.is-active {
       border: 0;
       color: $uni-color-primary;
@@ -67,34 +78,27 @@ export default {
   }
   .ml-tabbar-num {
     position: absolute;
-    top: -4px;
-    right: 40rpx;
-    background-color: red;
+    top: 0;
+    left: 114rpx;
+    background-color: #f56c6c;
     color: #fff;
     border-radius: 20rpx;
-    padding: 4rpx 10rpx;
+    padding: 0 10rpx;
     display: inline-block;
-    min-width: 40rpx;
+    min-width: 30rpx;
     text-align: center;
-    font-size: 24rpx;
+    font-size: 22rpx;
+    line-height: 32rpx;
   }
   .ml-tabbar-icon {
-    width: 45rpx;
-    height: 45rpx;
-    margin: 0 auto;
-    text-align: center;
-    .icon{
-      font-size: 40rpx;
-    }
+    position: relative;
+    font-size: 40rpx;
   }
   .ml-tabbar-name {
     width: 100%;
-    height: 30rpx;
     text-align: center;
     font-size: 24rpx;
-    font-family: PingFangSC-Medium;
-    letter-spacing: 2rpx;
-    line-height: 48rpx;
+    line-height: 40rpx;
   }
 }
 </style>

package/components/ml-table/ml-table.vue

@@ -70,6 +70,9 @@ import XEUtils from 'xe-utils'
  */
 export default {
   name: 'MlTable',
+  options: {
+    virtualHost: true
+  },
   props: {
     loading: Boolean,
     height: [Number, String],

package/components/ml-tabs/ml-tabs.vue

@@ -11,6 +11,9 @@
 <script>
 export default {
   name: 'MlTabs',
+  options: {
+    virtualHost: true
+  },
   props: {
     value: [String, Number],
     options: Array

package/components/ml-textarea/ml-textarea.vue

@@ -16,6 +16,9 @@ import VoiceInput from './voice-input.vue'
 
 export default {
   name: 'MlTextarea',
+  options: {
+    virtualHost: true
+  },
   components: {
     VoiceInput
   },

package/components/ml-textarea/voice-input.vue

@@ -25,6 +25,9 @@
 
 <script>
 export default {
+  options: {
+    virtualHost: true
+  },
 	props: {
 		value: String
 	},

package/components/ml-year-picker/ml-year-picker.vue

@@ -10,6 +10,9 @@
 <script>
 export default { 
   name: 'MlYearPicker',
+  options: {
+    virtualHost: true
+  },
   props: {
 		value: String,
     border: Boolean

package/package.json

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