NutUI is a set of JINGdong style mobile Vue component library, development and service for mobile Web interface enterprise front, middle and back products. With NutUI, you can quickly build unified pages to improve development efficiency. At present, there are nearly 40 components, which are widely used in jd’s various mobile business.

Contents of this upgrade:

The new component

  • Popup component (custom pop-up layer)
  • LeftSlip component (sideslip menu, sideslip delete)
  • LazyLoad component (image lazy loading)
  • TextInput component (text box)
  • TextBox component (text field)
  • Elevator components (Elevator floors)
  • Avatar component (Avatar)
  • TabSelect Component (delivery time)

Repair and Improve components

  • DatePicker fixed some incompatible phone styles
  • 【Swiper】 Perfect asynchronous loading without active call update events, lazy loading mode optimization
  • Add custom header function to Uploader
  • InfiniteLoading Solves the scolL event ununinstalled in the keep-alive scenario
  • 【CheckboxGroup】 add full selection, anti-selection function
  • [Calendar] Fixed Calendar component where the first of a month was a Sunday, leaving a line below the month
  • [Menu] Fix the bug caused by multi-instance components
  • 【Imagepicker】 solve the imgList bidirectional binding problem
  • [Toast] Fix the Toast multi-instance shutdown event conflict
  • 【Scroller】 Fixed horizontal-scroll fixed width slide calculation bug

It should be a future

NutUI Next: Fully TypeScript, independently built nutui-CLI based on Vue 3. We revolutionized the entire NutUI architecture, which we called NutUI Next.

【Vue3】 Keep pace with The Times and embrace the future. The NutUI Next release is based on the upcoming Vue 3.0 implementation and is intended to be released at the same time as Vue 3.0.

With the increasing complexity of front-end applications, component maintainability and extensibility become increasingly difficult. TypeScript will be fully enabled in the NutUI Next release to address the pain point of reusability and extensibility across classes and methods.

– [NutUI-CLI] We removed the entire component library building tool and used the WebPack Node API to build, making more fine-grained control over compilation, while increasing the optimization of compilation configuration, greatly improving performance and reducing the size of packaged files.

Git likes are welcome

Welcome to the NutUI component library website: nutui.jd.com

Git library address: github.com/jdf2e/nutui