MindFusion.Diagramming for JavaScript 4.7

Released: Jun 4, 2025

4.7 버젼 업데이트

기능

  • ItemListView Component
    • ItemListView supersedes NodeListView and lets you show both nodes and links in the list. Items can be added by calling addItem method, and removed by calling removeItem.
    • The autoConnectLinks and autoConnectDistance properties control whether links created via drag-and-drop should connect to nearby nodes in the target diagram.
    • ItemListView also provides more properties for customizing the list layout, such as columns and labelPosition.
    • For compatibility with legacy code, NodeListView won't be removed from the library, bit it won't be getting any new improvements.
  • Palette component
    • The Palette control represents a tool palette that displays DiagramItem objects grouped into categories.
    • It implements an Accordion user interface that displays ItemListView components as its child panels, and category icon, title and collapse/expand button in pane headers.
    • Each child ItemListView displays the items added to its corresponding category.
    • Call the addCategory method to define a category and create its respective accordion pane.
    • Call addItem to add an item to specified category.
    • Palette provides same layout and appearance properties as the ItemListView class.
  • ItemLabel image
    • Added a new image and imageLocation properties to ItemLabel which let you display icons along a link's geometry, or add more images to a ShapeNode.
    • If a label contains both text and image, their relative position is specified by imageAlign property (by default the image is placed on left side of text), and distance by contentPadding.
    • The image is rendered using bitmap's intrinsic size, unless you override it by setting imageSize property.
    • You can treat label images as clickable icons by handling linkClicked or nodeClicked events and checking label argument passed to their handlers.
  • Miscellaneous
    • Added a locked property to ItemLabel. It lets you prevent users from editing label's text, and moving it when behavior is set to MoveLabels.
    • Label argument now provided with item click and double click events.
    • Improved repaint speed of Overview component.