Releases: DevExpress/devextreme-vue
Releases · DevExpress/devextreme-vue
19.1.3
Requires DevExtreme v19.1.3
18.2.8
Requires DevExtreme v18.2.8
Bug Fixes
- Render template of a nested item only if the item has scoped slots
18.2.7
Requires DevExtreme v18.2.7
18.2.5
Requires DevExtreme v18.2.5
18.2.4
Requires DevExtreme v18.2.4
Bug Fixes
- Fix templates updating
Improvements
- Make it possible to instantiate a standalone
dxValidator
- Support nested collection widget items (
dxItem
)
18.2.3
Requires DevExtreme v18.2.3
Bug Fixes
- Fix passing
id
to the inner element - Fix emitting events for nested configuration components
- Fix changes detection for the empty arrays case
18.2.2-beta.1
Requires DevExtreme v18.2.2-pre-beta
Improvements
- Add TS interfaces for Components Props
<template>
<dx-button :text='text' icon='plus' ref='button' @click='click'/>
</template>
import { DxButton } from "devextreme-vue/button";
import { Vue, Component, Prop } from "vue-property-decorator";
@Component({
components: {
DxButton
}
})
export default class ButtomExample extends Vue {
public $refs: Vue["$refs"] & {
button?: DxButton
} = {};
click() {
const button = this.$refs.button;
if(button) {
button.icon = button.height === "plus" ? "box" : "plus";
}
};
}
- Support
.sync
modifyer in nested components
<dx-data-grid :dataSource="sales">
<dx-column
dataField="city"
/>
<dx-column
dataField="country"
:sortOrder.sync="countrySortOrder"
/>
</dx-data-grid>
- Add advanced nested components for Form Items and Validation Rules
<dx-text-box value="[email protected]">
<dx-validator>
<dx-required-rule message="Email is required." />
<dx-email-rule message="Email is invalid." />
</dx-validator>
</dx-text-box>
<dx-form :colCount="2" :formData="employee" >
<dx-simple-item dataField="ID" />
<dx-simple-item dataField="FirstName" :editorOptions="{ disabled: true }" />
</dx-form>
Bug Fixes
- Fix firing of widget-initialization events
Other Changes
- Move all components to the root namespace
- import DxButton from "devextreme-vue/ui/button";
+ import DxButton from "devextreme-vue/button";
- Ignore attributes that do not match widget options
18.1.7-alpha.10
Requires DevExtreme v18.1.7-pre-18291
Improvements
- Add TS interfaces for Components Props
<template>
<dx-button :text='text' icon='plus' ref='button' @click='click'/>
</template>
import { DxButton } from "devextreme-vue/button";
import { Vue, Component, Prop } from "vue-property-decorator";
@Component({
components: {
DxButton
}
})
export default class ButtomExample extends Vue {
public $refs: Vue["$refs"] & {
button?: DxButton
} = {};
click() {
const button = this.$refs.button;
if(button) {
button.icon = button.height === "plus" ? "box" : "plus";
}
};
}
Bug Fixes
- Fix widget-initialization callbacks
Other Changes
- Move all components to the root namespace
- import DxButton from "devextreme-vue/ui/button";
+ import DxButton from "devextreme-vue/button";
- Ignore attributes that do not match widget options
18.1.6-alpha.9
Requires DevExtreme v18.1.6
Improvements
- Support
.sync
modifyer in nested components
<dx-data-grid :dataSource="sales">
<dx-column
dataField="city"
/>
<dx-column
dataField="country"
:sortOrder.sync="countrySortOrder"
/>
</dx-data-grid>
- Add advanced nested components for Form Items and Validation Rules
<dx-text-box value="[email protected]">
<dx-validator>
<dx-required-rule message="Email is required." />
<dx-email-rule message="Email is invalid." />
</dx-validator>
</dx-text-box>
<dx-form :colCount="2" :formData="employee" >
<dx-simple-item dataField="ID" />
<dx-simple-item dataField="FirstName" :editorOptions="{ disabled: true }" />
</dx-form>
18.2.1-alpha.1
Initial release