Releases: didi/mand-mobile
v2.5.1
中文:
-
Feat
- 增加部分全局reset样式
- 新增组件
Skeleton
- 新增组件
TextareaItem
- 新增组件
RadioGroup
和RadioBox
ActionBar
和ResultPage
增加按钮配置属性type
,plain
,round
,inactive
,loading
,icon
,iconSvg
#544Dialog
单例模式增加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
- 修复
English:
-
Feat
- Add part of global reset style
- Add new component
Skeleton
- Add new component
TextareaItem
- Add new components
RadioGroup
andRadioBox
- Add options
type
,plain
,round
,inactive
,loading
,icon
,iconSvg
toActionBar
andResultPage
button configration#544 - Add handlers
onShow
andonHide
to singleton modeDialog
InputItem
add proppreview-type
, used to set the type of pre-filled impression
<md-input-item type="bankCard" <!-- type when entering normally --> preview-type="text" <!-- type when pre-filling display --> title="银行卡号" value="6222 **** **** 1234" <!-- pre-filled value with mask --> ></md-input-item>
-
Fix
- fix page flipping problem when sliding out of touch area in
Swiper
#540 - modify button background color setting property to
background
and the container element todiv
- fix page flipping problem when sliding out of touch area in
v2.4.2
v2.4.1
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
实例#500export default { data () { return { btns: [{ text: '搜索', handler: this.btnHandler }] } }, methods: { btnHandler (btn) { this.$set(btn, 'loading', true) this.$set(btn, 'text', '搜索中') }, } }
-
-
Fix
English:
-
Design
- 🍭Financial design specification update, the title bar
border-radius
ofPopup
based components changed from8px
to40px
(Large-Radius pattern),border-radius
ofDialog
changed from8px
to12px
- 🍭Financial design specification update, the title bar
-
Feature
-
PopupTitleBar
adds following Props:large-radius
for supporting Large-Radius patternonly-close
, used to quickly set a single close buttontitle-align
, used to set the position of title and description(left/right/center)
-
Picker
,DatePicker
,TabPicker
,Selector
,Cashier
add Proplarge-radius
for supporting Large-Radius pattern -
Selector
adds Prophide-title-bar
, used to support hiding the title bar in no confirmation mode, and adds slotsheader
,footer
-
Button
adds Proploading
, used to set the loading status -
Dialog
Propbtns
adds two status settingsdisabled
/loading
, and passing back thebtn
instance inhandler
#500export default { data () { return { btns: [{ text: 'Search', handler: this.btnHandler }] } }, methods: { btnHandler (btn) { this.$set(btn, 'loading', true) this.$set(btn, 'text', 'Searching') }, } }
-
-
Fix
v2.3.3
中文:
- Fix
English:
- Fix
- Fix compatibility issues when fixing
Toast
custom positions#485 - Fix
TabPicker
when settingdefault-value
,TabBar
can't automatically select the last item#488 - Fix
Selector
andCheckList
click icons can't select current item#491 - Fix this problem
Popup
can't coverNoticeBar
#492 - Fix partial
stylus
variable assignment error inStepper
- Fix compatibility issues when fixing
v2.3.2
v2.3.1
v2.3.0
中文:
-
Feature
Check
和CheckList
增加图标大小、位置等相关配置属性#383CheckList
插槽增加index
、selected
字段
<template> <md-check-list :options="data"> <template slot-scope="{ option, index, selected }"> <!-- xxx --> </template> </md-check-list> </template>
-
Fix
English:
-
Feature
Check
andCheckList
increase the icon size, location and other related configuration properties#383CheckList
slot addsindex
,selected
field
<template> <md-check-list :options="data"> <template slot-scope="{ option, index, selected }"> <!-- xxx --> </template> </md-check-list> </template>
RadioList
slot addsindex
,selected
fields, and does not display icons whenicon
is emptySelector
adds propertymulti
to support multiple selections#296Toast
adds the attributecomponent
, which is used and customized in component form#445- ScrollView
adds property
is-prevent` to support setting whether to prevent the default behavior when scrolling in non-scrollable areas#454
-
Fix