--- title: Change Log toc: hidden --- ### 2.7.0 `2024-03-12` - Design - ๐Ÿญ Financial design specification update - Update numbers using `DIDIFD-Medium` font first - Feature - `NumberKeyboard` - `professional` type keyboard `text-render` replacement key increased `0, 00` - `LicensePlate` - New license plate keyboard component - Fix - `Icon` - Fixed the default size error in SVG format ### 2.6.1 `2023-02-02` - Design - ๐Ÿญ Financial design specification update - `CheckBox` Updated font color, border color, background color - Feature - `Check`ใ€`Radio` - `CheckBox`ใ€`RadioBox` added the option to select corner position - `Icon` - By default, using SVG format in Apple [Lockdown Mode](https://support.apple.com/zh-cn/HT212650), could not use web fonts ### 2.6.0 `2022-08-26` - Design - ๐Ÿญ Financial design specification update - Update the theme color, [detail](https://github.com/didi/mand-mobile/pull/755/files#diff-dafec5882d1f310bec1be2ca7fb586a99589509362a07d650e827813eee6136a) - `Toast` the background color was changed from translucent to opaque - `Button` border radius changed from '4px' to '16px' - `Icon` update the overall visual effect of the icon - Feature - `Toast` - Add a square style component - `NumberKeyboard` - Add option to disable keyboard - Add `00` key - `Agree` - Add square check box ### 2.5.20 `2021-07-22` - Feature - Add more i18n support in the project ### 2.5.19 `2021-05-14` - Fix - Fix the problem of incorrect image size modification by `image-reader` - Fix the problem that `stepper` can't enter the decimal point - Fix the problem that the `process.env.MAND_ENV` environment variable is not injected correctly ### 2.5.18 `2021-04-02` - Fix - Fix the problem that the initial value of `stepper` is `-` `.` incorrectly parsed - Fix the problem of incorrect image size modification by `image-reader` ### 2.5.17 `2021-03-02` - Feature - Add i18n support in the project ### 2.5.16 `2021-02-26` - Fix - Fix the issue of picture angle correction ### 2.5.15 `2021-02-04` - Fix - Replace `NODE_ENV` with `MAND_ENV` in some components ### 2.5.14 `2021-01-15` - Feature - `Dialog` supports passing in `transition` when using static methods[#716](https://github.com/didi/mand-mobile/issues/716) - Fix - Fix `Tip` error when no attributes in subcomponent - Fix the conflict of `InputItem` component instance method sharing `debounce` internal variables ### 2.5.13 `2020-09-17` - Feature - `TextareaItem` support formation[#699](https://github.com/didi/mand-mobile/issues/699) - Fix - Fix spelling errors in the document[#690](https://github.com/didi/mand-mobile/issues/690) - Fix the bug of `DatePicker` unit test - Fix the type check of `RadioGroup` to `value`[#693](https://github.com/didi/mand-mobile/issues/693) ### 2.5.12 `2020-07-24` - Fix - Avoid repeated triggering of click and touchstart in `NumberKeyboard` component ### 2.5.11 `2020-05-29` - Fix - Fix the issue of incorrect Chinese currency unit of `Amount` component[#675](https://github.com/didi/mand-mobile/issues/675) ### 2.5.10 `2020-04-30` - Fix - Fix the issue of incorrect font line-height of `Button` under text link type[#663](https://github.com/didi/mand-mobile/issues/663) - Fix the issue that `jpgencoder` in` ImageReader` may be repeatedly loaded (such as in micro front-end mode) - Fix `TabBar` size calculation compatibility issue ### 2.5.9 `2020-03-26` - Feature - `CheckGroup` adds method `toggleAll`, used to Select All or Deselect[#648](https://github.com/didi/mand-mobile/issues/648) - Fix - Fix `TextAreaItem` has wrong height,when it's filled with asynchronous content ### 2.5.8 `2020-02-04` - Feature - `Captcha` add prop `auto-send`, used to control whether the `send` event is automatically triggered when the captcha popup is first displayed - `ResultPage` props add dynamic change response - Fix - Fix the issue of `Picker` and `DatePicker` that when scrolled multiple columns, the selected item was abnormal[#632](https://github.com/didi/mand-mobile/issues/632) - Fix the incorrect timing of the refreshActive event in `ScrollViewRefresh`[#642](https://github.com/didi/mand-mobile/issues/642) - Fix `Amount` displaying wrong numbers with thousands characters[#644](https://github.com/didi/mand-mobile/issues/644) - Fix the issue that the size calculation of `TextAreaItem` is incorrect when nesting in` Popup` - Fix the issue that auto-play would not work when sliding up and down in `Swiper` - Fix `Tip` incorrect placement in ScrollView ### 2.5.7 `2019-12-26` - Feature - `Landscape` add prop `transition`, used to customize the display animation - Fix - Fix the reflowing issue that `Tabs` may cause when switching tabs[#627](https://github.com/didi/mand-mobile/issues/627) - Fix the problem of scrolling accidentally when `NoticeBar` dynamically changed content[#628](https://github.com/didi/mand-mobile/issues/628) - Fix safe area white space compatible writing of `ActionBar`, `NumberKeyboard` ### 2.5.6 `2019-11-23` - Fix - Fix `Stepper` has initial values, maximum and minimum values are the problem of not being able to enter numbers, and optimized boundary check logic[#614](https://github.com/didi/mand-mobile/issues/614) ### 2.5.5 `2019-11-08` - Fix - Fix the problem of size exception caused by window size change when `TabBar` were used in `keep-alive`[#608](https://github.com/didi/mand-mobile/issues/608) - Fix `Skeleton` title exception shows when it is empty ### 2.5.4 `2019-11-02` - Feature - `ScrollView` adds method`getOffsets`, used to get scroll distance - Fix - Fix the problem that `Swiper` changes back to the first screen due to window size change[#596](https://github.com/didi/mand-mobile/issues/596) - Fix the problem of size exception caused by window size change when `Swiper` and `TabBar` were used in `keep-alive`[#599](https://github.com/didi/mand-mobile/issues/599) - Fix `TabBar` size calculation compatibility issue - Update the presentation logic of the `TextareaItem` empty button, only when the form value is not empty and focused[#589](https://github.com/didi/mand-mobile/issues/589) ### 2.5.3 `2019-10-11` - Feature - `TextareaItem` add prop `clearable`[#589](https://github.com/didi/mand-mobile/issues/589) - Fix - Fix the problem that `TabPicker` could not be dragged when the text was too long[#590](https://github.com/didi/mand-mobile/issues/590) - Remove some non-required reset styles[#586](https://github.com/didi/mand-mobile/issues/586) ### 2.5.2 `2019-09-20` - Feature - `Picker` and `DatePicker` add prop `keep-index`, used to set the last stop position when the column data changes - Fix - Fix the problem that `Toast` is covered by `Landscape` - Fix the problem of `TabBar` rendering crash[#567](https://github.com/didi/mand-mobile/issues/567) - Remove the useless style variables of `Textarea` ### 2.5.1 `2019-09-04` - Feature - Add part of global [reset style](https://github.com/didi/mand-mobile/pull/539/files) - Add new component `Skeleton` - Add new component `TextareaItem` - Add new components `RadioGroup` and `RadioBox` - Add options `type `, `plain`, `round`, `inactive`, `loading`, `icon`, `iconSvg` to `ActionBar` and `ResultPage` button configration[#544](https://github.com/didi/mand-mobile/issues/544) - Add handlers `onShow` and `onHide` to singleton mode `Dialog` - `InputItem` add prop `preview-type`, used to set the type of pre-filled impression ```html preview-type="text" title="้“ถ่กŒๅกๅท" value="6222 **** **** 1234" > ``` - Fix - fix page flipping problem when sliding out of touch area in `Swiper`[#540](https://github.com/didi/mand-mobile/issues/540) - modify button background color setting property to `background` and the container element to `div` ### 2.4.2 `2019-08-13` - Fix - fix style issues with `FieldItem` and `InputItem` headers and content alignment[#528](https://github.com/didi/mand-mobile/issues/528) - bolder font weight in android devices of `FieldItem` and `InputItem` ### 2.4.1 `2019-08-03` - Fix - Fix the problem that `InputItem` cannot limit the max length of characters when using virtual keyboard input[#524](https://github.com/didi/mand-mobile/issues/524) - Fix `Amount` with the loss of precision in animation mode ### 2.4.0 `2019-07-29` - 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` ![Design](https://pt-starimg.didistatic.com/static/starimg/img/FLXmXRBcDX1564369346467.jpg) - 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](https://github.com/didi/mand-mobile/issues/500) ```javascript 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](https://github.com/didi/mand-mobile/issues/495) - `Amount` capital mode is compatible with negative numbers[#510](https://github.com/didi/mand-mobile/issues/510) ### 2.3.3 `2019-07-18` - Fix - Fix compatibility issues when fixing `Toast` custom positions[#485](https://github.com/didi/mand-mobile/issues/485) - Fix `TabPicker` when setting `default-value`, `TabBar` can't automatically select the last item[#488](https://github.com/didi/mand-mobile/issues/488) - Fix `Selector` and `CheckList` click icons can't select current item[#491](https://github.com/didi/mand-mobile/issues/491) - Fix this problem `Popup` can't cover `NoticeBar`[#492](https://github.com/didi/mand-mobile/issues/492) - Fix partial `stylus` variable assignment error in `Stepper` ### 2.3.2 `2019-07-05` - Fix - fix `Codebox` value could not be assigned when initializing - fix the problem that the `NumberKeyboard` keys may be clicked incorrectly[#477](https://github.com/didi/mand-mobile/issues/477) ### 2.3.1 `2019-06-22` - Feature - `NumberKeyboard` adds property `isHideConfirm`, used to control whether the confirmation button click action automatically hides the keyboard[#474](https://github.com/didi/mand-mobile/issues/474) - `NumberKeyboard` add default slot - Fix - fix 'Slider` progress bar width calculation error[#472](https://github.com/didi/mand-mobile/issues/472) - fix the problem that the `NumberKeyboard` keys may be clicked incorrectly[#477](https://github.com/didi/mand-mobile/issues/477) ### 2.3.0 `2019-06-13` - Feature - `Check` and `CheckList` increase the icon size, location and other related configuration properties[#383](https://github.com/didi/mand-mobile/issues/383) - `CheckList` slot adds `index`, `selected` field ```html ``` - `RadioList` slot adds `index`, `selected` fields, and does not display icons when `icon` is empty - `Selector` adds property `multi` to support multiple selections[#296](https://github.com/didi/mand-mobile/issues/296) - `Toast` adds the attribute `component`, which is used and customized in component form[#445](https://github.com/didi/mand-mobile/issues/445) - ScrollView` adds property `is-prevent` to support setting whether to prevent the default behavior when scrolling in non-scrollable areas[#454](https://github.com/didi/mand-mobile/issues/454) - Fix - Fix autoplay invalidation when `Swiper` property isLoop is true[#452](https://github.com/didi/mand-mobile/issues/452) - Fix error caused by closing dialog, when `Dialog` property `maskClosable` is true[#471](https://github.com/didi/mand-mobile/issues/471) ### 2.2.4 `2019-05-26` - Fix - Fix the problem that the first and last items of `TabBar` cannot be automatically repaired after they are selected[#434](https://github.com/didi/mand-mobile/issues/434) - Texts of `TabBar` items cannot be selected ### 2.2.3 `2019-05-25` - Fix - Utility style `hairline` replaces `width` and `height` with `border` ### 2.2.2 `2019-05-11` - Feature - `TabPicker`add event `select`[#436](https://github.com/didi/mand-mobile/issues/436) - Fix - When the option in the tab list of each level of `TabPicker` is selected, the internal container is reset to the top - `RadioList` automatically clears the filled out text box when switching to a non-text option - `DatePicker` prop `custom-types` support `HH`[#433](https://github.com/didi/mand-mobile/issues/433) - Add `onCancel` to the type declaration of `Dialog` - Optimize some components documentation ### 2.2.1 `2019-04-22` - Feature - `Stepper` add slots `unreached`ใ€`icon`[#405](https://github.com/didi/mand-mobile/issues/405) - `InputItem` add prop `solid`, used to set the title with unfixed width[#411](https://github.com/didi/mand-mobile/issues/411) - `Ruler` add props `stepTextPosition`ใ€`stepTextRender` - Fix - Fix the exception thrown by `Picker` when setting a wrong `default-index`[#416](https://github.com/didi/mand-mobile/issues/416) - Optimize some component styles ### 2.2.0 `2019-04-13` - Feature - New `Ruler` Component - `ScrollViewRefresh` add prop `rollerColor`, used to set the progress bar color of pull-down refreshing[#399](https://github.com/didi/mand-mobile/issues/399) - Optimize `WaterMark` component by using `canvas` to render watermark - `Stepper` add `increase`, `decrease` events - Fix - `Swiper` incorrect index jumping with method `goto`[#366](https://github.com/didi/mand-mobile/issues/366) - `Progress` hide inner circle when value is `0`[#381](https://github.com/didi/mand-mobile/issues/381) ### 2.1.7 `2019-03-22` - Fix - `InputItem` not update when slots change - `Codebox` bottom border not shown on some devices ### 2.1.6 `2019-03-15` - Fix - `Swiper` not destroy properly[#338](https://github.com/didi/mand-mobile/issues/338) - `InputItem` support string type `virtual-keyboard-vm` prop[#355](https://github.com/didi/mand-mobile/issues/355) ### 2.1.4 `2019-03-08` - Feature - Optimize `Swiper` gestures - Fix - Some build bugs - `ScrollView` move out screen not trigger scroll end action - `Popup` synchronously operate problem[#341](https://github.com/didi/mand-mobile/issues/341) ### 2.1.2 `2019-02-25` - Fix - Fix `ScrollView` is not able to trigger the problem when the content is not full.[#335](https://github.com/didi/mand-mobile/issues/335) - Fixed a problem with the line break when the `InputItem` title floated ### 2.1.1 `2019-02-23` - Fix - Fix the problem that `postcss` is not in effect at build time, causing assets such as images in `mand-mobile.css` not to be processed by url inlineใ€‚ ### 2.1.0 `2019-02-22` - Feature - `Seletor`: `defaultValue` prop remove type limits[#305](https://github.com/didi/mand-mobile/issues/305) - `ScrollView`: add `immediateCheckEndReaching` prop๏ผŒin order to check reach bottom immediately and emit `endReached` event[#312](https://github.com/didi/mand-mobile/issues/312) - `Picker` and `DatePicker`: add `lineHeight` prop, which is used to customize option line height[#323](https://github.com/didi/mand-mobile/issues/323) - `ScrollView`: add `touchAngle` prop, in order to control scroll angle[#326](https://github.com/didi/mand-mobile/issues/326) - `Amount`: use system default font - Fix - Update type declaration - `WaterMark`: fix can not click content area[#304](https://github.com/didi/mand-mobile/issues/304) - `Swiper`: fix when set `isLoop` as `false` and `transition` as `slideY`, can not scroll problem[#311](https://github.com/didi/mand-mobile/issues/311) - `TabPicker`: fix scroll and click bug[#319](https://github.com/didi/mand-mobile/issues/319) - `InputItem`: fix wrong cursor position[#322](https://github.com/didi/mand-mobile/issues/322) - `InputItem`: fix bug at `Vue 2.6+`[#324](https://github.com/didi/mand-mobile/issues/324) - Update docs ### 2.0.0 `2019-01-30` - Feature - `DetailItem` increase supported types of `content`[#285](https://github.com/didi/mand-mobile/issues/285) - `Dialog` add default value `true` of `preventScroll`[#286](https://github.com/didi/mand-mobile/issues/286) - `Radio` increase supported types of `value`[#289](https://github.com/didi/mand-mobile/issues/289) - `Icon` font type increases without prefix class name[#295](https://github.com/didi/mand-mobile/issues/295) - `Check`๏ผŒ`CheckBox`increase supported types of `name` and `value`[#297](https://github.com/didi/mand-mobile/issues/297) - `InputItem` add prop `virtual-keyboard-vm`, used to support external custom financial keyboards - `Cashier` add scoped slot `footer` and `channels` add property `img` - Fix - `InputItem` remove setting cursor for native type [#268](https://github.com/didi/mand-mobile/issues/268) - supplement `index.d.ts` - fix part of components style issues ### 2.0.0-rc.5 `2019-01-04` - Feature - Add `PascalCase` name to global components[#261](https://github.com/didi/mand-mobile/issues/261) - `ScrollView` add prop `manual-init` and method `init` - `TabBar`, `Tabs` add prop `immediate` - `Swiper` add prop `transition-duration` - Fix - fix part of components style issues ### 2.0.0-rc.4 `2018-12-21` - Feature - Optimize `NumberKeyboard` input experience - `Cashier` adds slot `scene` - `Picker` adds prop `default-value`[#255](https://github.com/didi/mand-mobile/issues/255) - Fix - Fix `Popup` continuous "show & hide" invalidation problem - Fix `Steps` style compatibility issues - Fix `InputItem` style problem, increase close button click area - `setError` of `Captcha` no longer clears codes ### 2.0.0-rc.3 `2018-12-14` ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰ ๐Ÿ‘๐Ÿ‘๐Ÿ‘ Learn more in theMigration from 1.x. ### 1.x Visit [GitHub](https://github.com/didi/mand-mobile/blob/1.x/CHANGELOG.en-US.md) to read `1.x` change logs.