v2.4.0

中文:

• 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

---

English:

• Design

  • 🍭Financial design specification update, the title bar border-radius of Popup based components changed from 8px to 40px (Large-Radius pattern), border-radius of Dialog changed from 8px to 12px

  

• Feature

  • PopupTitleBar adds following Props:

    • large-radius for supporting Large-Radius pattern
    • only-close, used to quickly set a single close button
    • title-align, used to set the position of title and description(left/right/center)

  • Picker, DatePicker, TabPicker, Selector, Cashier add Prop large-radius for supporting Large-Radius pattern

  • Selector adds Prop hide-title-bar, used to support hiding the title bar in no confirmation mode, and adds slots header，footer

  • Button adds Prop loading, used to set the loading status

  • Dialog Prop btns adds two status settings disabled/loading, and passing back the btn instance in handler#500

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

• Fix

  • fix InputItem and Stepper with default values will trigger the change event when the component is initialized#495
  • Amount capital mode is compatible with negative numbers#510