Devui is an open source front-end solution for backstage products in enterprises. It advocates the design values of immersion, flexibility and simplicity. It advocates designers to serve the real needs and design for the majority, refusing to grandstanding and eye-pleasing design. If you are developing tools for TOB, DevUI is a great choice!

DatePickerPro

This release we have an updated version of the date picker. What are the specific improvements? Let’s have a look!

Design level:

  1. Using the mobile terminal for reference, the mouse wheel features and precise click features to reduce the user’s operation path;
  2. Modular design, according to business needs can be split and reorganized, with quick selection area, improve efficiency.

User level:

  1. Components provide radio/range type, support date/week/month/year mode, support a variety of custom template extension, fully meet the complex business scenarios;
  2. The way of component encapsulation can strongly control the user’s use method and style, while ensuring the usability and consistency of the component;
  3. The parameters and usage methods are largely inherited from the previous components, reducing the migration cost for users.

Everyone come to experience! In addition, the new version has the following new features and BUG fixes:

The new features

  • New datepicker-pro component
  • Drawer supports custom templates
  • Steps-guide adds beforeChange method, executed before setCurrentIndex, to control whether the step is displayed
  • Panel supports hiding left-hand padding
  • Transfer adds ShowOptionTitleAPI to control whether the mouse hover displays title and optimize the transfer style
  • Category -search adds currentSelectTag parameter to ToggleEvent
  • Alert new Simple type display
  • Gantt optimizes on-demand loading and automatic scrolling beyond containers
  • Cascader adds custom templates for drop-down headers
  • The delete node method of Tree supports to control whether to update immediately in virtual scrolling mode, which is compatible with large data deletion scenarios

Here’s how the DataPickerPro animation looks:

Here’s a comparison of the old and new versions of the date picker:

Bug fix

  • Category-search fixed an issue where the FilterName type was NULL, and some of the dropdown content did not have title
  • DataTable fixes part of the problem with checked status updates
  • Transfer fixes the problem of incorrect status display under certain conditions
  • Popover fixes initialization popover location calculation error
  • Input-Number fix The upper and lower buttons cannot trigger regular checks
  • The default time-axis text is centered and wireless at the end. The type and status are presented in the same way as before. The data in the template is not correct, and the API is added to change the color of the time circle
  • Tree-select fixes the bug where the parent node is displayed in the input box under leafOnly conditions
  • Upload Fix for OneTimeUpload when uploading a file successfully enters an OnError event
  • Tree fixes the bug that the beforeAdd method cannot prevent node additions

You are welcome to participate in Devui’s open source, our contribution of any kind!

Welcome to the DevUI assistant WeChat: devui-official to discuss component technology and front-end technology.

Welcome to our DevUI component library, light up our little star 🌟 :

https://github.com/devcloudfe/ng-devui

Also welcome to use DevUI newly released DevUI Admin system, out of the box, 10 minutes to build a beautiful atmosphere of the background management system!

For detailed Release Notes, please refer to:

https://github.com/DevCloudFE/ng-devui/releases/tag/11.4.0