On August 20, 2021, old-ear gave us an issue.

Therefore, The DevUI Dashboard component was born. After nearly 3 months of incubation internally, it is officially open source in version 12.2.0. Welcome to try it out and give us feedback, and also welcome to participate in the construction!

New features

  1. Added the Dashboard component
  2. CategorySearchnewshowSearchCategorySwitch Controls whether to display the keyword search drop-down menu
  3. Tree Specifies whether to display a checkbox on a Tree node
  4. AutoComplete/MultiAutoComplete/EditableSelectThe new APIappendToBodyDirectionsEnable the drop-down menu to adapt to the pop-up direction
  5. TagsInputAdded virtual scroll APIvirtualScroll

Bug fix

  1. DataTableOptimize virtual scrolling without transmissiontableHeightThe logic can be combinedmaxHeightAdaptive height judgment; Fix cell secondary edit need to click cancel twice; Fixed cell editing that could get stuck when there are too many
  2. TreeRepair the incomingselectDisabledKeyDon’t take effect; Repair usingaddNodeNew nodes do not have checkbox problems
  3. Tooltip fixes flex layout errors with incoming HTML; Fix duplicate add-ons or false add-ons caused by out-of-focus
  4. TagsInput Fixed keyword inclusion in options not being added as tag when out of focus

Features introduced

The Dashboard component encapsulates the Gridstack and abstracts and simplifies the data-driven visual drag-and-drop kanban layout system, which is similar to tile/card presentation. The layout can be easily arranged by dragging and dropping location and size.

Functional details

  1. Components provide tile/card presentation form, you can drag and drop to move the position, adjust the size, to achieve layout arrangement;
  2. The card content area allows easy nesting of custom components;
  3. Supporting the corresponding external drag to add, drag to the external delete component function instructions;
  4. Support grid spacing, row number, column number and so on.

DevUI is recruiting contributors

Dashboard is still evolving, and we welcome you to join us!

Add small assistant wechat: Devui-Official to get you into devui technical communication group.

Dashboard component:

  • Source code address: github.com/DevCloudFE/…
  • Devui.design /components/…

All tasks currently in Ng DevUI are in the following Projects Kanban, welcome to claim them:

  • Github.com/DevCloudFE/…

Welcome to: DevUI open Source story, and join the DevUI open source ecosystem to build!