devextreme-vue
Version:
DevExtreme UI and Visualization Components for Vue
214 lines (212 loc) • 10.4 kB
TypeScript
/*!
* devextreme-vue
* Version: 25.2.7
* Build date: Tue May 05 2026
*
* Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/DevExtreme
*/
import { PropType } from "vue";
import RadioGroup, { Properties } from "devextreme/ui/radio_group";
import DataSource from "devextreme/data/data_source";
import { DataSourceOptions } from "devextreme/common/data";
import { Store } from "devextreme/data/store";
import { Orientation, ValidationMessageMode, Position, ValidationStatus } from "devextreme/common";
import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from "devextreme/ui/radio_group";
type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "dataSource" | "disabled" | "displayExpr" | "elementAttr" | "focusStateEnabled" | "height" | "hint" | "hoverStateEnabled" | "isDirty" | "isValid" | "items" | "itemTemplate" | "layout" | "name" | "onContentReady" | "onDisposing" | "onInitialized" | "onOptionChanged" | "onValueChanged" | "readOnly" | "rtlEnabled" | "tabIndex" | "validationError" | "validationErrors" | "validationMessageMode" | "validationMessagePosition" | "validationStatus" | "value" | "valueExpr" | "visible" | "width">;
interface DxRadioGroup extends AccessibleOptions {
readonly instance?: RadioGroup;
}
declare const DxRadioGroup: import("vue").DefineComponent<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
dataSource: PropType<string | any[] | Record<string, any> | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null>;
disabled: BooleanConstructor;
displayExpr: PropType<string | ((item: any) => string)>;
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
isDirty: BooleanConstructor;
isValid: BooleanConstructor;
items: PropType<any[]>;
itemTemplate: {};
layout: PropType<Orientation>;
name: StringConstructor;
onContentReady: PropType<(e: ContentReadyEvent) => void>;
onDisposing: PropType<(e: DisposingEvent) => void>;
onInitialized: PropType<(e: InitializedEvent) => void>;
onOptionChanged: PropType<(e: OptionChangedEvent) => void>;
onValueChanged: PropType<(e: ValueChangedEvent) => void>;
readOnly: BooleanConstructor;
rtlEnabled: BooleanConstructor;
tabIndex: NumberConstructor;
validationError: {};
validationErrors: PropType<any[]>;
validationMessageMode: PropType<ValidationMessageMode>;
validationMessagePosition: PropType<Position>;
validationStatus: PropType<ValidationStatus>;
value: {};
valueExpr: PropType<string | ((item: any) => string | number | boolean)>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}, unknown, unknown, {
instance(): RadioGroup;
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:accessKey": null;
"update:activeStateEnabled": null;
"update:dataSource": null;
"update:disabled": null;
"update:displayExpr": null;
"update:elementAttr": null;
"update:focusStateEnabled": null;
"update:height": null;
"update:hint": null;
"update:hoverStateEnabled": null;
"update:isDirty": null;
"update:isValid": null;
"update:items": null;
"update:itemTemplate": null;
"update:layout": null;
"update:name": null;
"update:onContentReady": null;
"update:onDisposing": null;
"update:onInitialized": null;
"update:onOptionChanged": null;
"update:onValueChanged": null;
"update:readOnly": null;
"update:rtlEnabled": null;
"update:tabIndex": null;
"update:validationError": null;
"update:validationErrors": null;
"update:validationMessageMode": null;
"update:validationMessagePosition": null;
"update:validationStatus": null;
"update:value": null;
"update:valueExpr": null;
"update:visible": null;
"update:width": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
dataSource: PropType<string | any[] | Record<string, any> | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null>;
disabled: BooleanConstructor;
displayExpr: PropType<string | ((item: any) => string)>;
elementAttr: PropType<Record<string, any>>;
focusStateEnabled: BooleanConstructor;
height: (NumberConstructor | StringConstructor)[];
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
isDirty: BooleanConstructor;
isValid: BooleanConstructor;
items: PropType<any[]>;
itemTemplate: {};
layout: PropType<Orientation>;
name: StringConstructor;
onContentReady: PropType<(e: ContentReadyEvent) => void>;
onDisposing: PropType<(e: DisposingEvent) => void>;
onInitialized: PropType<(e: InitializedEvent) => void>;
onOptionChanged: PropType<(e: OptionChangedEvent) => void>;
onValueChanged: PropType<(e: ValueChangedEvent) => void>;
readOnly: BooleanConstructor;
rtlEnabled: BooleanConstructor;
tabIndex: NumberConstructor;
validationError: {};
validationErrors: PropType<any[]>;
validationMessageMode: PropType<ValidationMessageMode>;
validationMessagePosition: PropType<Position>;
validationStatus: PropType<ValidationStatus>;
value: {};
valueExpr: PropType<string | ((item: any) => string | number | boolean)>;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDisposing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitialized"?: ((...args: any[]) => any) | undefined;
"onUpdate:onOptionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:rtlEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:dataSource"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoverStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:items"?: ((...args: any[]) => any) | undefined;
"onUpdate:itemTemplate"?: ((...args: any[]) => any) | undefined;
"onUpdate:onContentReady"?: ((...args: any[]) => any) | undefined;
"onUpdate:accessKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:activeStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:displayExpr"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:tabIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:isDirty"?: ((...args: any[]) => any) | undefined;
"onUpdate:isValid"?: ((...args: any[]) => any) | undefined;
"onUpdate:onValueChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:readOnly"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationError"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationErrors"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationMessageMode"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationMessagePosition"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationStatus"?: ((...args: any[]) => any) | undefined;
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
"onUpdate:valueExpr"?: ((...args: any[]) => any) | undefined;
"onUpdate:layout"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
rtlEnabled: boolean;
visible: boolean;
hoverStateEnabled: boolean;
activeStateEnabled: boolean;
focusStateEnabled: boolean;
isDirty: boolean;
isValid: boolean;
readOnly: boolean;
}>;
declare const DxItem: import("vue").DefineComponent<{
disabled: BooleanConstructor;
html: StringConstructor;
template: {};
text: StringConstructor;
visible: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:disabled": null;
"update:html": null;
"update:template": null;
"update:text": null;
"update:visible": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
disabled: BooleanConstructor;
html: StringConstructor;
template: {};
text: StringConstructor;
visible: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:template"?: ((...args: any[]) => any) | undefined;
"onUpdate:text"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:html"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
visible: boolean;
}>;
export default DxRadioGroup;
export { DxRadioGroup, DxItem };
import type * as DxRadioGroupTypes from "devextreme/ui/radio_group_types";
export { DxRadioGroupTypes };