@progress/kendo-vue-buttons 2.7.3 → 3.0.0-dev.202201141128

package/dist/npm/Chip/ChipList.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -50,6 +49,43 @@ export interface ChipListProps extends FormComponentProps {
      * Triggered after value change.
      */
     onChange?: (event: ChipListChangeEvent) => void;
+    /**
+     * Configures the `size` of the Chip.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the Chip.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the Chip.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null&mdash;Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
     /**
      * Represents the selection state of Chip component.
      */
@@ -125,7 +161,7 @@ export interface ChipListComputed {
 /**
  * @hidden
  */
-export interface ChipListAll extends ChipListMethods, ChipListState, ChipListData, ChipListComputed, Vue {
+export interface ChipListAll extends ChipListMethods, ChipListState, ChipListData, ChipListComputed, Vue2type {
 }
 /**
  * @hidden
@@ -133,6 +169,6 @@ export interface ChipListAll extends ChipListMethods, ChipListState, ChipListDat
 /**
  * Represents the default `ChipList` component.
  */
-declare let ChipList: ComponentOptions<Vue, DefaultData<ChipListData>, DefaultMethods<ChipListAll>, ChipListComputed, RecordPropsDefinition<ChipListProps>>;
-declare const ChipListVue3: DefineComponent<ChipListProps, any, ChipListData, ChipListComputed, ChipListMethods, {}, {}, {}, string, ChipListProps, ChipListProps, {}>;
-export { ChipList, ChipListVue3 };
+declare let ChipListVue2: ComponentOptions<Vue2type, DefaultData<ChipListData>, DefaultMethods<ChipListAll>, ChipListComputed, RecordPropsDefinition<ChipListProps>>;
+declare const ChipList: DefineComponent<ChipListProps, any, ChipListData, ChipListComputed, ChipListMethods, {}, {}, {}, string, ChipListProps, ChipListProps, {}>;
+export { ChipList, ChipListVue2 };

package/dist/npm/Chip/ChipList.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChipListVue3 = exports.ChipList = void 0; // @ts-ignore
+exports.ChipListVue2 = exports.ChipList = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -47,7 +47,7 @@ var package_metadata_1 = require("../package-metadata");
  */
 
 
-var ChipList = {
+var ChipListVue2 = {
   name: 'KendoVueChipList',
   props: {
     id: String,
@@ -66,6 +66,21 @@ var ChipList = {
         return null;
       }
     },
+    size: {
+      type: String,
+      default: 'medium'
+    },
+    rounded: {
+      type: String,
+      default: 'medium'
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return [null, 'flat', 'outline', 'solid'].includes(value);
+      }
+    },
     selection: {
       type: String,
       default: function _default() {
@@ -198,9 +213,12 @@ var ChipList = {
     };
   },
   render: function render(createElement) {
+    var _a;
+
     var _this = this;
 
     var h = gh || createElement;
+    var size = this.$props.size;
     return h("div", {
       ref: this.v3 ? function (el) {
         _this.chipListRef = el;
@@ -218,12 +236,7 @@ var ChipList = {
       dir: this.currentDir,
       style: this.$props.style,
       tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
-      "class": kendo_vue_common_1.classNames('k-chip-list', {
-        'k-rtl': this.currentDir === 'rtl',
-        'k-selection-single': this.$props.selection === 'single',
-        'k-selection-multiple': this.$props.selection === 'multiple',
-        'k-state-disabled': this.$props.disabled
-      }, this.$props.className),
+      "class": kendo_vue_common_1.classNames('k-chip-list', (_a = {}, _a["k-chip-list-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy
     }, [this.computedDataItems.map(function (item) {
@@ -235,21 +248,34 @@ var ChipList = {
           role: 'option',
           dataItem: item,
           text: item[this.$props.textField],
-          value: item[this.$props.valueField]
+          value: item[this.$props.valueField],
+          size: this.$props.size,
+          rounded: this.$props.rounded,
+          fillMode: this.$props.fillMode
         },
         dataItem: item,
         key: item[this.$props.valueField],
         text: item[this.$props.textField],
-        value: item[this.$props.valueField]
+        value: item[this.$props.valueField],
+        size: this.$props.size,
+        rounded: this.$props.rounded,
+        fillMode: this.$props.fillMode
       });
       return kendo_vue_common_1.getTemplate.call(this, {
         h: h,
         template: chipTemplate,
-        defaultRendering: chipDefaultRendering
+        defaultRendering: chipDefaultRendering,
+        additionalProps: {
+          dataItem: item,
+          key: item[this.$props.valueField],
+          text: item[this.$props.textField],
+          value: item[this.$props.valueField],
+          size: this.$props.size
+        }
       });
     }, this)]);
   }
 };
-exports.ChipList = ChipList;
-var ChipListVue3 = ChipList;
-exports.ChipListVue3 = ChipListVue3;
+exports.ChipListVue2 = ChipListVue2;
+var ChipList = ChipListVue2;
+exports.ChipList = ChipList;

package/dist/npm/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -37,7 +36,7 @@ export interface FloatingActionButtonComputed {
 /**
  * @hidden
  */
-export interface FloatingActionButtonAll extends FloatingActionButtonMethods, FloatingActionButtonState, FloatingActionButtonData, FloatingActionButtonComputed, Vue {
+export interface FloatingActionButtonAll extends FloatingActionButtonMethods, FloatingActionButtonState, FloatingActionButtonData, FloatingActionButtonComputed, Vue2type {
 }
 /**
  * @hidden
@@ -45,6 +44,6 @@ export interface FloatingActionButtonAll extends FloatingActionButtonMethods, Fl
 /**
  * Represents the default `FloatingActionButton` component.
  */
-declare let FloatingActionButton: ComponentOptions<Vue, DefaultData<FloatingActionButtonData>, DefaultMethods<FloatingActionButtonAll>, FloatingActionButtonComputed, RecordPropsDefinition<FloatingActionButtonProps>>;
-declare const FloatingActionButtonVue3: DefineComponent<FloatingActionButtonProps, any, FloatingActionButtonData, FloatingActionButtonComputed, FloatingActionButtonMethods, {}, {}, {}, string, FloatingActionButtonProps, FloatingActionButtonProps, {}>;
-export { FloatingActionButton, FloatingActionButtonVue3 };
+declare let FloatingActionButtonVue2: ComponentOptions<Vue2type, DefaultData<FloatingActionButtonData>, DefaultMethods<FloatingActionButtonAll>, FloatingActionButtonComputed, RecordPropsDefinition<FloatingActionButtonProps>>;
+declare const FloatingActionButton: DefineComponent<FloatingActionButtonProps, any, FloatingActionButtonData, FloatingActionButtonComputed, FloatingActionButtonMethods, {}, {}, {}, string, FloatingActionButtonProps, FloatingActionButtonProps, {}>;
+export { FloatingActionButton, FloatingActionButtonVue2 };

package/dist/npm/FloatingActionButton/FloatingActionButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FloatingActionButtonVue3 = exports.FloatingActionButton = void 0; // @ts-ignore
+exports.FloatingActionButtonVue2 = exports.FloatingActionButton = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -29,7 +29,7 @@ var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
  */
 
 
-var FloatingActionButton = {
+var FloatingActionButtonVue2 = {
   name: 'KendoVueFloatingActionButton',
   props: {
     id: String,
@@ -74,6 +74,17 @@ var FloatingActionButton = {
         return 'pill';
       }
     },
+    rounded: {
+      type: String,
+      default: 'full'
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return [null, 'flat', 'link', 'outline', 'solid'].includes(value);
+      }
+    },
     size: {
       type: String,
       default: function _default() {
@@ -135,13 +146,17 @@ var FloatingActionButton = {
   },
   computed: {
     buttonClassNames: function buttonClassNames() {
-      return kendo_vue_common_1.classNames('k-fab', "k-fab-" + this.$props.themeColor, "k-fab-" + this.$props.shape, {
-        'k-fab-sm': this.$props.size === 'small',
-        'k-fab-md': this.$props.size === 'medium',
-        'k-fab-lg': this.$props.size === 'large',
-        'k-state-disabled': this.$props.disabled,
-        'k-state-focus': this.currentFocused
-      }, "k-" + this.$props.align.vertical + "-" + this.$props.align.horizontal);
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          icon = _b.icon,
+          themeColor = _b.themeColor,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      return _a = {
+        'k-fab': true
+      }, _a["k-fab-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-fab-" + fillMode] = fillMode, _a["k-fab-" + fillMode + "-" + themeColor] = fillMode && themeColor, _a['k-icon-button'] = icon, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.currentFocused, _a["k-" + this.$props.align.vertical + "-" + this.$props.align.horizontal] = true, _a;
     },
     computedOpened: function computedOpened() {
       return this.$props.opened === undefined ? this.currentOpened : this.$props.opened;
@@ -492,6 +507,6 @@ var FloatingActionButton = {
     }, [fabItems.call(_this2)])])]);
   }
 };
-exports.FloatingActionButton = FloatingActionButton;
-var FloatingActionButtonVue3 = FloatingActionButton;
-exports.FloatingActionButtonVue3 = FloatingActionButtonVue3;
+exports.FloatingActionButtonVue2 = FloatingActionButtonVue2;
+var FloatingActionButton = FloatingActionButtonVue2;
+exports.FloatingActionButton = FloatingActionButton;

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -106,12 +105,12 @@ export interface FloatingActionButtonItemComputed {
 /**
  * @hidden
  */
-export interface FloatingActionButtonItemAll extends FloatingActionButtonItemMethods, FloatingActionButtonItemState, FloatingActionButtonItemData, FloatingActionButtonItemComputed, Vue {
+export interface FloatingActionButtonItemAll extends FloatingActionButtonItemMethods, FloatingActionButtonItemState, FloatingActionButtonItemData, FloatingActionButtonItemComputed, Vue2type {
 }
 /**
  * Represents the [Kendo UI for Vue FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
  *
  */
-declare let FloatingActionButtonItem: ComponentOptions<Vue, DefaultData<FloatingActionButtonItemData>, DefaultMethods<FloatingActionButtonItemAll>, FloatingActionButtonItemComputed, RecordPropsDefinition<FloatingActionButtonItemProps>>;
-declare const FloatingActionButtonItemVue3: DefineComponent<FloatingActionButtonItemProps, any, FloatingActionButtonItemData, FloatingActionButtonItemComputed, FloatingActionButtonItemMethods, {}, {}, {}, string, FloatingActionButtonItemProps, FloatingActionButtonItemProps, {}>;
-export { FloatingActionButtonItem, FloatingActionButtonItemVue3 };
+declare let FloatingActionButtonItemVue2: ComponentOptions<Vue2type, DefaultData<FloatingActionButtonItemData>, DefaultMethods<FloatingActionButtonItemAll>, FloatingActionButtonItemComputed, RecordPropsDefinition<FloatingActionButtonItemProps>>;
+declare const FloatingActionButtonItem: DefineComponent<FloatingActionButtonItemProps, any, FloatingActionButtonItemData, FloatingActionButtonItemComputed, FloatingActionButtonItemMethods, {}, {}, {}, string, FloatingActionButtonItemProps, FloatingActionButtonItemProps, {}>;
+export { FloatingActionButtonItem, FloatingActionButtonItemVue2 };

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FloatingActionButtonItemVue3 = exports.FloatingActionButtonItem = void 0; // @ts-ignore
+exports.FloatingActionButtonItemVue2 = exports.FloatingActionButtonItem = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,7 +18,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var FloatingActionButtonItem = {
+var FloatingActionButtonItemVue2 = {
   name: 'KendoVueFloatingActionButtonItem',
   props: {
     disabled: Boolean,
@@ -128,6 +128,6 @@ var FloatingActionButtonItem = {
     return item;
   }
 };
-exports.FloatingActionButtonItem = FloatingActionButtonItem;
-var FloatingActionButtonItemVue3 = FloatingActionButtonItem;
-exports.FloatingActionButtonItemVue3 = FloatingActionButtonItemVue3;
+exports.FloatingActionButtonItemVue2 = FloatingActionButtonItemVue2;
+var FloatingActionButtonItem = FloatingActionButtonItemVue2;
+exports.FloatingActionButtonItem = FloatingActionButtonItem;

package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts

@@ -3,7 +3,6 @@ import { FloatingActionButtonAlign } from '../models/align';
 import { FloatingActionButtonAlignOffset } from '../models/align-offset';
 import { FloatingActionButtonEvent, FloatingActionButtonItemEvent } from '../models/events';
 import { FloatingActionButtonPositionMode } from '../models/position-mode';
-import { FloatingActionButtonShape } from '../models/shape';
 import { FloatingActionButtonSize } from '../models/size';
 import { FloatingActionButtonThemeColor } from '../models/theme-color';
 /**
@@ -114,7 +113,34 @@ export interface FloatingActionButtonProps extends Omit<any, 'onBlur' | 'onFocus
      * * `square`&mdash;Applies square shape on the FloatingActionButton.
      *
      */
-    shape?: FloatingActionButtonShape;
+    shape?: null | 'rectangle' | 'square' | string;
+    /**
+     * Configures the `roundness` of the Floating Action Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null&mdash;Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the Floating Action Button.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null&mdash;Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
     /**
      * Specifies the size of the Floating Action Button
      * [see example]({% slug appearance_floatingactionbutton %}).

package/dist/npm/FloatingActionButton/models/shape.d.ts

@@ -2,7 +2,7 @@
  * Specifies the shape of the Floating Action Button.
  *
  * The possible values are:
- * * `pill`(Default)—Applies border radius equal to half of the height of the FloatingActionButton.
+ * * `full`(Default)—Applies border radius equal to half of the height of the FloatingActionButton.
  * If the Floating Action Button contains only icon, the shape will be circle.
  * * `circle`—Applies circle shape on the FloatingActionButton.
  * * `rectangle`—Applies no border radius on the FloatingActionButton.

package/dist/npm/ListButton/ButtonItem.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -46,8 +45,8 @@ export interface ButtonItemData {
 /**
  * @hidden
  */
-export interface ButtonItemAll extends Vue, ButtonItemMethods, ButtonItemData, ButtonItemComputed, ButtonItemState {
+export interface ButtonItemAll extends Vue2type, ButtonItemMethods, ButtonItemData, ButtonItemComputed, ButtonItemState {
 }
-declare let ButtonItem: ComponentOptions<ButtonItemAll, DefaultData<ButtonItemData>, DefaultMethods<ButtonItemAll>, ButtonItemComputed, RecordPropsDefinition<ButtonItemProps>>;
-declare const ButtonItemVue3: DefineComponent<ButtonItemProps, any, ButtonItemData, ButtonItemComputed, ButtonItemMethods, {}, {}, {}, string, ButtonItemProps, ButtonItemProps, {}>;
-export { ButtonItem, ButtonItemVue3 };
+declare let ButtonItemVue2: ComponentOptions<ButtonItemAll, DefaultData<ButtonItemData>, DefaultMethods<ButtonItemAll>, ButtonItemComputed, RecordPropsDefinition<ButtonItemProps>>;
+declare const ButtonItem: DefineComponent<ButtonItemProps, any, ButtonItemData, ButtonItemComputed, ButtonItemMethods, {}, {}, {}, string, ButtonItemProps, ButtonItemProps, {}>;
+export { ButtonItem, ButtonItemVue2 };

package/dist/npm/ListButton/ButtonItem.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonItemVue3 = exports.ButtonItem = void 0; // @ts-ignore
+exports.ButtonItemVue2 = exports.ButtonItem = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -13,7 +13,7 @@ var gh = allVue.h;
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
-var ButtonItem = {
+var ButtonItemVue2 = {
   name: 'KendoButtonItem',
   // @ts-ignore
   emits: {
@@ -31,14 +31,19 @@ var ButtonItem = {
   },
   computed: {
     wrapperClass: function wrapperClass() {
+      return {
+        'k-item': true
+      };
+    },
+    innerClass: function innerClass() {
       var _a = this.$props,
           dataItem = _a.dataItem,
           focused = _a.focused;
       return {
-        'k-item': true,
-        'k-state-focused': focused,
-        'k-state-selected': dataItem.selected,
-        'k-state-disabled': dataItem.disabled
+        'k-link k-menu-link': true,
+        'k-focus': focused,
+        'k-selected': dataItem.selected,
+        'k-disabled': dataItem.disabled
       };
     }
   },
@@ -70,15 +75,21 @@ var ButtonItem = {
           index = _a.index;
       var text = dataItem.text !== undefined ? dataItem.text : textField ? dataItem[textField] : dataItem;
       var iconClass = dataItem.icon ? "k-icon k-i-" + dataItem.icon : dataItem.iconClass;
-      var itemContent = [iconClass && h("span", {
+      var itemContent = h("span", {
+        tabIndex: -1,
+        attrs: this.v3 ? undefined : {
+          tabIndex: -1
+        },
+        "class": this.innerClass,
+        key: "icon"
+      }, [iconClass && h("span", {
         "class": iconClass,
         role: "presentation",
         attrs: this.v3 ? undefined : {
           role: "presentation"
-        },
-        key: "icon"
+        }
       }), dataItem.imageUrl && h("img", {
-        "class": "k-image",
+        "class": "k-icon",
         alt: "",
         attrs: this.v3 ? undefined : {
           alt: "",
@@ -88,7 +99,9 @@ var ButtonItem = {
         src: dataItem.imageUrl,
         role: "presentation",
         key: "image"
-      }), text];
+      }), text && h("span", {
+        "class": "k-menu-link-text"
+      }, [text])]);
       return kendo_vue_common_1.getTemplate.call(this, {
         h: h,
         template: this.$props.dataItem.render || render,
@@ -122,6 +135,6 @@ var ButtonItem = {
     return item;
   }
 };
-exports.ButtonItem = ButtonItem;
-var ButtonItemVue3 = ButtonItem;
-exports.ButtonItemVue3 = ButtonItemVue3;
+exports.ButtonItemVue2 = ButtonItemVue2;
+var ButtonItem = ButtonItemVue2;
+exports.ButtonItem = ButtonItem;

package/dist/npm/ListButton/DropDownButton.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -54,8 +53,8 @@ export interface DropDownButtonState {
 /**
  * @hidden
  */
-export interface DropDownButtonAll extends Vue, DropDownButtonMethods, DropDownButtonData, DropDownButtonComputed, DropDownButtonState {
+export interface DropDownButtonAll extends Vue2type, DropDownButtonMethods, DropDownButtonData, DropDownButtonComputed, DropDownButtonState {
 }
-declare let DropDownButton: ComponentOptions<DropDownButtonAll, DefaultData<DropDownButtonData>, DefaultMethods<DropDownButtonAll>, DropDownButtonComputed, RecordPropsDefinition<DropDownButtonProps>>;
-declare const DropDownButtonVue3: DefineComponent<DropDownButtonProps, any, DropDownButtonData, DropDownButtonComputed, DropDownButtonMethods, {}, {}, {}, string, DropDownButtonProps, DropDownButtonProps, {}>;
-export { DropDownButton, DropDownButtonVue3 };
+declare let DropDownButtonVue2: ComponentOptions<DropDownButtonAll, DefaultData<DropDownButtonData>, DefaultMethods<DropDownButtonAll>, DropDownButtonComputed, RecordPropsDefinition<DropDownButtonProps>>;
+declare const DropDownButton: DefineComponent<DropDownButtonProps, any, DropDownButtonData, DropDownButtonComputed, DropDownButtonMethods, {}, {}, {}, string, DropDownButtonProps, DropDownButtonProps, {}>;
+export { DropDownButton, DropDownButtonVue2 };