18.1.5-alpha.8

Requires DevExtreme v18.1.5

Improvements

• Support sub-nested components

<dx-vector-map
    id="vector-map"
    :bounds="bounds"
    @tooltip-shown="onTooltipShown"
>
    <dx-layer
        name="areas"
        color-grouping-field="total"
        :data-source="mapsWorld"
        :color-groups="colorGroups"
        :customize="customizeLayer"
    >
        <dx-label data-field="name" :enabled="true"></dx-label>
    </dx-layer>

    <dx-legend :customize-text="customizeLegendText">
        <dx-source layer="areas" grouping="color"></dx-source>
    </dx-legend>

    <dx-title text="Nominal GDP">
        <dx-subtitle text="(in millions of US dollars)"></dx-subtitle>
    </dx-title>
</dx-vector-map>

• Add default export for all DevExtreme Vue Components

//Main Component
import DxDataGrid, {
  //Nested Components
  DxGroupPanel,
  DxGrouping,
  DxPaging,
  DxSelection,
  DxFilterRow,
  DxColumn
} from "devextreme-vue/ui/data-grid";

• These components support default slot: Button, Popup, Popover, Tooltip Slideout View

Breaking Changes

• Stop supporting non-scoped named slots

Use:

<dx-popup contentTemplate="contentTemplate">
   <div slot="contentTemplate" slot-scope="_">
      Content
   </div>
</dx-popup>

Or:

<dx-popup>
  Content
</dx-popup>

Instead of this:

<dx-popup contentTemplate="contentTemplate">
   <div slot="contentTemplate">
      Content
   </div>
</dx-popup>