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>

18.1.4-alpha.7

Requires DevExtreme v18.1.4

Improvements

• Add nested components

<dx-data-grid :dataSource="sales" >

  <dx-group-panel :visible="true" />
  <dx-selection mode="multiple" />
  <dx-pager :visible="true" :showPageSizeSelector="true" />
  
  <dx-column
    dataField="orderId"
    caption="Order ID"
    :width="100"
  />
...

Bug Fixes

• Fix how Vue devtools display template component name

18.1.4-alpha.6

Requires DevExtreme v18.1.4

Improvements

• Support non-scoped slots for templates

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

Bug Fixes

• Fix some prop validation rules (NumberBox.format, template props)

18.1.4-alpha.5

Requires DevExtreme v18.1.4-pre-18155

Bug Fixes

• Fix event emitting for the kebab-case

      <dx-text-box @value-changed="handler"/>

• Fix using of vue-router inside template

Improvements

• DevExtreme Vue Components fully support dxValidator:

      <dx-text-box value="Required text">
        <dx-validator :validationRules="rules" />
      </dx-text-box>

18.1.3-alpha.4

Requires DevExtreme v18.1.3

18.1.2-alpha.3

Requires DevExtreme v18.1.2-pre-beta

Bug Fixes

• Fix the unwrapping template container issue
• Fix disposing of templates

18.1.1-alpha.2

Requires DevExtreme v18.1.1-pre-18103

Bug Fixes

• Fix prop checks for acceptable values

Improvements

• Drop Vue template dependency (switch core to render-functions)

18.1.1-alpha.1

Initial release