mand-mobile - npm Package Versions

Feature

• Picker和DatePicker增加属性keep-index，用于设置当列数据发生变更时，保持上次停留位置

Fix

• 修复Toast被Landscape覆盖的问题
• 修复TabBar渲染崩溃的问题#567
• 移除Textarea部分无用样式变量

Feature

• 增加部分全局reset样式
• 新增组件Skeleton
• 新增组件TextareaItem
• 新增组件RadioGroup和RadioBox
• ActionBar和ResultPage增加按钮配置属性type , plain, round, inactive, loading, icon, iconSvg#544
• Dialog单例模式增加onShow和onHide
• InputItem增加属性preview-type用于设置预填展示时类型

<md-input-item
  type="bankCard" <!-- 正常输入时表单类型 -->
  preview-type="text" <!-- 预填展示时表单类型 -->
  title="银行卡号"
  value="6222 **** **** 1234"  <!-- 带掩码的预填值 -->
></md-input-item>

Fix

• 修复Swiper滑出滚动区域时无法正常翻页问题#540
• 修改按钮背景色设置属性为background，容器元素为div

• 修复FieldItem和InputItem标题和内容对齐的样式问题#528
• 修复FieldItem和InputItem在安卓设备中内容字体加粗问题

• 修复InputItem使用虚拟键盘输入时无法限制字符长度的问题#524
• 修复Amount使用动效时数字的精度问题

Design

• 🍭金融设计规范更新，Popup类组件标题栏border-radius由8px变为40px（大圆角模式），Dialog组件border-radius由8px变为12px

Feature

• PopupTitleBar增加以下属性:

  • large-radius，用于支持大圆角模式
  • only-close，用于快捷设置单个关闭按钮
  • title-align，用于设置标题描述位置（left/right/center）

• Picker, DatePicker, TabPicker, Selector, Cashier增加属性large-radius用于支持支持大圆角模式

• Selector增加属性hide-title-bar，用于支持在无需确认模式下隐藏标题栏，增加插槽header，footer

• Button增加属性loading，用于设置加载状态

• Dialog属性btns中增加两个状态设置disabled（禁用态）/loading（加载态），并在handler中回传btn实例#500

  export default {
    data () {
      return {
        btns: [{
          text: '搜索',
          handler: this.btnHandler
        }]
      }
    },
    methods: {
      btnHandler (btn) {
        this.$set(btn, 'loading', true)
        this.$set(btn, 'text', '搜索中')
      },
    }
  }
  

Fix

• 修复InputItem和Stepper有默认值时会在组件初始化时误触发change事件#495
• Amount大写模式兼容负数#510

• 修复Toast自定义位置时的样式兼容问题#485
• 修复TabPicker设置default-value时，TabBar无法自动选中最后一项的问题#488
• 修复Selector和CheckList点击图标无法选中的问题#491
• 修复Popup无法覆盖NoticeBar的问题#492
• 修复Stepper中部分stylus变量赋值错误

• 修复Codebox初始化无法赋值的问题
• 修复NumberKeyboard按键点击易误触的体验问题#477

Feature

• NumberKeyboard增加属性isHideConfirm，用来控制确认键点击动作是否自动隐藏键盘#474
• NumberKeyboard增加默认插槽

Fix

• 修复Slider的进度条计算错误#472
• 修复NumberKeyboard按键点击易误触的体验问题#477

Feature

• Check和CheckList增加图标大小、位置等相关配置属性#383
• CheckList插槽增加index、selected字段

  <template>
    <md-check-list :options="data">
      <template slot-scope="{ option, index, selected }">
        <!-- xxx -->
      </template>
    </md-check-list>
  </template>

• RadioList插槽增加index、selected字段，且当icon置空时不展示图标
• Selector增加属性multi，支持多选#296
• Toast增加属性component，支持以组件形式引入并定制#445
• ScrollView增加属性is-prevent，支持设置当在非可滚动区域触发滚动时是否也阻止默认行为#454

Fix

• 修复Swiper属性isLoop为true时，autoplay失效的问题#452
• 修复Dialog属性maskClosable为true时，关闭弹窗导致报错#471