@progress/kendo-vue-inputs 3.3.4 → 3.3.5-dev.202206141337

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -27,6 +27,10 @@ var utils_1 = require("./utils");
 var package_metadata_1 = require("../package-metadata");
 
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
+/**
+ * @hidden
+ */
+
 var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
@@ -99,7 +103,15 @@ var NumericTextBoxVue2 = {
       type: Boolean,
       default: false
     },
-    id: String
+    id: String,
+    iconName: String,
+    inputPrefix: kendo_vue_common_1.templateDefinition,
+    inputSuffix: kendo_vue_common_1.templateDefinition,
+    showValidationIcon: Boolean,
+    showLoadingIcon: Boolean,
+    showClearButton: Boolean,
+    inputClass: String,
+    wrapperClass: String
   },
   inject: {
     kendoIntlService: {
@@ -186,15 +198,17 @@ var NumericTextBoxVue2 = {
     },
     spanClassNames: {
       get: function get() {
+        var _a;
+
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         var compValue = this.computedValue;
-        return {
+        return _a = {
           'k-floating-label-container': true,
           'k-focus': this.$data.focused,
           'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
-        };
+        }, _a[this.inputClass] = this.inputClass, _a;
       }
     },
     wrapperClassNames: function wrapperClassNames() {
@@ -210,7 +224,14 @@ var NumericTextBoxVue2 = {
       return _a = {
         'k-input': true,
         'k-numerictextbox': true
-      }, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = required, _a['k-disabled'] = disabled, _a;
+      }, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = required, _a['k-disabled'] = disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
+    },
+    inputInnerClass: function inputInnerClass() {
+      var _a;
+
+      return _a = {
+        'k-input-inner': true
+      }, _a[this.inputClass] = this.inputClass, _a;
     }
   },
   methods: {
@@ -227,6 +248,30 @@ var NumericTextBoxVue2 = {
         valueMissing: this.computedValue === null
       };
     },
+    clearClick: function clearClick(event) {
+      if (this.$props.value !== undefined) {
+        // controlled
+        this.$data.currentValue = this.$props.value;
+      } else if (this.$props.modelValue !== undefined) {
+        this.$data.currentValue = this.$props.modelValue;
+      } else {
+        // uncontrolled
+        this.$data.currentValue = null;
+      }
+
+      this.$emit('changemodel', null);
+      this.$emit('update:modelValue', null);
+      this.$emit('change', {
+        event: event,
+        value: null,
+        component: this,
+        target: {
+          name: this.$props.name,
+          value: null
+        },
+        validity: this.validity()
+      });
+    },
     focus: function focus() {
       if (this._input) {
         this._input.focus();
@@ -461,9 +506,15 @@ var NumericTextBoxVue2 = {
     var _this = this;
 
     var h = gh || createElement;
+    var _a = this.$props,
+        iconName = _a.iconName,
+        showValidationIcon = _a.showValidationIcon,
+        showLoadingIcon = _a.showLoadingIcon,
+        showClearButton = _a.showClearButton;
     var inputId = this.$props.id || this._inputId;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var isValid = this.validity().valid;
 
     if (this.$props.value !== undefined && this.$props.value !== this.$data.currentValue) {
       this.$data.currentValue = this.$props.value;
@@ -472,6 +523,24 @@ var NumericTextBoxVue2 = {
     }
 
     this._prevLooseValue = this.looseValue;
+    var inputPrefixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputPrefix, kendo_vue_common_1.getListeners.call(this));
+    var inputSuffixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputSuffix, kendo_vue_common_1.getListeners.call(this));
+    var inputPrefix = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: inputPrefixTemplate,
+      additionalProps: {
+        value: this.computedValue,
+        valid: isValid
+      }
+    });
+    var inputSuffix = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: inputSuffixTemplate,
+      additionalProps: {
+        value: this.computedValue,
+        valid: isValid
+      }
+    });
     var numerictextbox = h("span", {
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
@@ -481,7 +550,11 @@ var NumericTextBoxVue2 = {
       "class": this.wrapperClassNames,
       "aria-disabled": this.$props.disabled ? 'true' : undefined,
       style: this.$attrs.style
-    }, [h("input", {
+    }, [iconName && h("span", {
+      "class": "k-input-icon k-icon k-i-" + iconName
+    }), this.$props.inputPrefix && h("span", {
+      "class": "k-input-prefix"
+    }, [inputPrefix]), h("input", {
       tabIndex: this.$props.tabIndex,
       attrs: this.v3 ? undefined : {
         tabIndex: this.$props.tabIndex,
@@ -509,7 +582,7 @@ var NumericTextBoxVue2 = {
       spellCheck: false,
       autoComplete: "off",
       autoCorrect: "off",
-      "class": "k-input k-input-inner",
+      "class": this.inputInnerClass,
       id: inputId,
       value: this.v3 ? this.looseValue : null,
       domProps: this.v3 ? undefined : {
@@ -534,7 +607,23 @@ var NumericTextBoxVue2 = {
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input'
-    }), defaultSlot, this.$props.spinners && h("span", {
+    }), this.$props.inputSuffix && h("span", {
+      "class": "k-input-suffix"
+    }, [inputSuffix]), showValidationIcon && isValid && h("span", {
+      "class": "k-input-validation-icon k-icon k-i-check"
+    }), showValidationIcon && !isValid && h("span", {
+      "class": "k-input-validation-icon k-icon k-i-warning"
+    }), showLoadingIcon && h("span", {
+      "class": "k-input-loading-icon k-icon k-i-loading"
+    }), showClearButton && this.computedValue !== undefined && this.computedValue !== null && h("span", {
+      onClick: this.clearClick,
+      on: this.v3 ? undefined : {
+        "click": this.clearClick
+      },
+      "class": "k-clear-value"
+    }, [h("span", {
+      "class": "k-icon k-i-x"
+    })]), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersWrapperMouseDown,
       on: this.v3 ? undefined : {
@@ -603,5 +692,9 @@ var NumericTextBoxVue2 = {
   }
 };
 exports.NumericTextBoxVue2 = NumericTextBoxVue2;
+/**
+ * @hidden
+ */
+
 var NumericTextBox = NumericTextBoxVue2;
 exports.NumericTextBox = NumericTextBox;

package/dist/npm/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -18,11 +18,11 @@ export interface NumericTextBoxProps extends FormComponentProps {
      */
     defaultValue?: number | null;
     /**
-     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example]({% slug predefinedsteps_numerictextbox_native %})).
+     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example]({% slug predefinedsteps_numerictextbox %})).
      */
     step?: number;
     /**
-     * Specifies the number format which is used for formatting the value ([see example]({% slug formats_numerictextbox_native %})). If set to `null` or `undefined`, the default format will be used.
+     * Specifies the number format which is used for formatting the value ([see example]({% slug formats_numerictextbox %})). If set to `null` or `undefined`, the default format will be used.
      */
     format?: string | NumberFormatOptions;
     /**
@@ -87,7 +87,7 @@ export interface NumericTextBoxProps extends FormComponentProps {
      */
     max?: number;
     /**
-     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_numerictextbox_native %})).
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_numerictextbox %})).
      */
     spinners?: boolean;
     /**
@@ -118,6 +118,46 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * - `text`
      */
     inputType?: NumericTextBoxInputType;
+    /**
+     * If set to `false`, no visual representation of the invalid state of the component will be applied.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     *
+     * @default true
+     */
+    validityStyles?: boolean;
+    /**
+     * Defines a string prop that controls the input icon.
+     */
+    iconName?: String;
+    /**
+     * Defines if the inputPrefix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputPrefix?: Boolean | String | Object | Function;
+    /**
+     * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputSuffix?: Boolean | String | Object | Function;
+    /**
+     * Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
+     */
+    showValidationIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
+     */
+    showLoadingIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
+     */
+    showClearButton?: Boolean;
+    /**
+     * Defines additional class to the wrapper element.
+     */
+    wrapperClass?: String;
+    /**
+     * Defines additional class to the input element.
+     */
+    inputClass?: String;
     /**
      * The event handler that will be fired when the changes the selected value.
      */

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1654589062,
+    publishDate: 1655213297,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/radiobutton/RadioButton.d.ts

@@ -5,7 +5,7 @@ declare type DefaultMethods<V> = {
 };
 import { RadioButtonProps } from './interfaces/RadioButtonProps';
 /**
- * The RadioButton ref.
+ * @hidden
  */
 export interface RadioButtonHandle {
     input: HTMLInputElement | null;
@@ -44,6 +44,12 @@ export interface RadioButtonComputed {
  */
 export interface RadioButtonAll extends Vue2type, RadioButtonMethods, RadioButtonComputed, RadioButtonState, RadioButtonData {
 }
+/**
+ * @hidden
+ */
 declare let RadioButtonVue2: ComponentOptions<RadioButtonAll, DefaultData<RadioButtonData>, DefaultMethods<RadioButtonAll>, RadioButtonComputed, RecordPropsDefinition<RadioButtonProps>>;
+/**
+ * @hidden
+ */
 declare let RadioButton: DefineComponent<RadioButtonProps, any, RadioButtonData, RadioButtonComputed, RadioButtonMethods, {}, {}, {}, string, RadioButtonProps, RadioButtonProps, {}>;
 export { RadioButton, RadioButtonVue2 };

package/dist/npm/radiobutton/RadioButton.js

@@ -17,6 +17,10 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 
 var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
+
 
 var RadioButtonVue2 = {
   name: 'KendoRadioButton',
@@ -198,5 +202,9 @@ var RadioButtonVue2 = {
   }
 };
 exports.RadioButtonVue2 = RadioButtonVue2;
+/**
+ * @hidden
+ */
+
 var RadioButton = RadioButtonVue2;
 exports.RadioButton = RadioButton;

package/dist/npm/radiobutton/RadioGroup.d.ts

@@ -5,7 +5,7 @@ declare type DefaultMethods<V> = {
 };
 import { RadioGroupProps } from './interfaces/RadioGroupProps';
 /**
- * The RadioGroup ref.
+ * @hidden
  */
 export interface RadioGroupHandle {
     element: HTMLUListElement | null;
@@ -46,6 +46,12 @@ export interface RadioGroupComputed {
  */
 export interface RadioGroupAll extends Vue2type, RadioGroupMethods, RadioGroupComputed, RadioGroupState, RadioGroupData {
 }
+/**
+ * @hidden
+ */
 declare let RadioGroupVue2: ComponentOptions<RadioGroupAll, DefaultData<RadioGroupData>, DefaultMethods<RadioGroupAll>, RadioGroupComputed, RecordPropsDefinition<RadioGroupProps>>;
+/**
+ * @hidden
+ */
 declare let RadioGroup: DefineComponent<RadioGroupProps, any, RadioGroupData, RadioGroupComputed, RadioGroupMethods, {}, {}, {}, string, RadioGroupProps, RadioGroupProps, {}>;
 export { RadioGroup, RadioGroupVue2 };

package/dist/npm/radiobutton/RadioGroup.js

@@ -17,6 +17,10 @@ var RadioButton_1 = require("./RadioButton");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
+
 
 var RadioGroupVue2 = {
   name: 'KendoRadioGroup',
@@ -217,5 +221,9 @@ var RadioGroupVue2 = {
   }
 };
 exports.RadioGroupVue2 = RadioGroupVue2;
+/**
+ * @hidden
+ */
+
 var RadioGroup = RadioGroupVue2;
 exports.RadioGroup = RadioGroup;

package/dist/npm/range-slider/RangeSlider.d.ts

@@ -163,6 +163,14 @@ export interface RangeSliderComputed {
  */
 export interface RangeSliderAll extends Vue2type, RangeSliderMethods, RangeSliderComputed, RangeSliderState, RangeSliderData {
 }
+/**
+ * @hidden
+ */
 declare let RangeSliderVue2: ComponentOptions<RangeSliderAll, DefaultData<RangeSliderData>, DefaultMethods<RangeSliderAll>, RangeSliderComputed, RecordPropsDefinition<RangeSliderProps>>;
+/**
+ * Represents the [Kendo UI for Vue Native RangeSlider component]({% slug overview_rangeslider %}).
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
+ */
 declare const RangeSlider: DefineComponent<RangeSliderProps, any, RangeSliderData, RangeSliderComputed, RangeSliderMethods, {}, {}, {}, string, RangeSliderProps, RangeSliderProps, {}>;
 export { RangeSlider, RangeSliderVue2 };

package/dist/npm/range-slider/RangeSlider.js

@@ -37,6 +37,10 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var range_raducer_1 = require("./range-raducer");
 
 var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
+
 
 var RangeSliderVue2 = {
   name: 'KendoRangeSlider',
@@ -615,5 +619,11 @@ var RangeSliderVue2 = {
   }
 };
 exports.RangeSliderVue2 = RangeSliderVue2;
+/**
+ * Represents the [Kendo UI for Vue Native RangeSlider component]({% slug overview_rangeslider %}).
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
+ */
+
 var RangeSlider = RangeSliderVue2;
 exports.RangeSlider = RangeSlider;

package/dist/npm/slider/Slider.d.ts

@@ -15,7 +15,7 @@ export interface SliderChangeEvent {
     value: number;
 }
 /**
- * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider_native %}).
+ * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider %}).
  */
 export interface SliderProps extends FormComponentProps {
     /**
@@ -62,7 +62,7 @@ export interface SliderProps extends FormComponentProps {
     disabled?: boolean;
     /**
      * If `vertical` is set to `true`, the orientation of the Slider changes from horizontal to vertical
-     * ([see example]({% slug orientation_slider_native %})).
+     * ([see example]({% slug orientation_slider %})).
      */
     vertical?: boolean;
     /**
@@ -125,6 +125,12 @@ export interface SliderComputed {
  */
 export interface SliderAll extends Vue2type, SliderMethods, SliderComputed, SliderState, SliderData {
 }
+/**
+ * @hidden
+ */
 declare let SliderVue2: ComponentOptions<SliderAll, DefaultData<SliderData>, DefaultMethods<SliderAll>, SliderComputed, RecordPropsDefinition<SliderProps>>;
+/**
+ * @hidden
+ */
 declare const Slider: DefineComponent<SliderProps, any, SliderData, SliderComputed, SliderMethods, {}, {}, {}, string, SliderProps, SliderProps, {}>;
 export { Slider, SliderVue2 };

package/dist/npm/slider/Slider.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages");
 var SliderLabel_1 = require("./SliderLabel");
 
 var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
+
 
 var SliderVue2 = {
   name: 'KendoSlider',
@@ -387,5 +391,9 @@ var SliderVue2 = {
   }
 };
 exports.SliderVue2 = SliderVue2;
+/**
+ * @hidden
+ */
+
 var Slider = SliderVue2;
 exports.Slider = Slider;

package/dist/npm/slider/SliderLabel.d.ts

@@ -52,6 +52,14 @@ export interface SliderLabelData {
  */
 export interface SliderLabelAll extends Vue2type, SliderLabelMethods, SliderLabelData, SliderLabelState {
 }
+/**
+ * @hidden
+ */
 declare let SliderLabelVue2: ComponentOptions<SliderLabelAll, DefaultData<SliderLabelData>, DefaultMethods<SliderLabelAll>, {}, RecordPropsDefinition<SliderLabelProps>>;
+/**
+ * Represents the Kendo UI for Vue Native SliderLabel component.
+ * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
+ * The props of the SliderLabel component.
+ */
 declare const SliderLabel: DefineComponent<SliderLabelProps, any, SliderLabelData, {}, SliderLabelMethods, {}, {}, {}, string, SliderLabelProps, SliderLabelProps, {}>;
 export { SliderLabel, SliderLabelVue2 };

package/dist/npm/slider/SliderLabel.js

@@ -33,7 +33,10 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label'; // tslint:enable:max-line-length
+exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
+/**
+ * @hidden
+ */
 
 var SliderLabelVue2 = {
   name: 'KendoSliderLabel',
@@ -117,5 +120,11 @@ var SliderLabelVue2 = {
   }
 };
 exports.SliderLabelVue2 = SliderLabelVue2;
+/**
+ * Represents the Kendo UI for Vue Native SliderLabel component.
+ * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
+ * The props of the SliderLabel component.
+ */
+
 var SliderLabel = SliderLabelVue2;
 exports.SliderLabel = SliderLabel;

package/dist/npm/switch/Switch.d.ts

@@ -169,6 +169,14 @@ export interface SwitchData {
  */
 export interface SwitchAll extends Vue2type, SwitchMethods, SwitchData, SwitchComputed, SwitchState {
 }
+/**
+ * @hidden
+ */
 declare let SwitchVue2: ComponentOptions<SwitchAll, DefaultData<SwitchData>, DefaultMethods<SwitchAll>, SwitchComputed, RecordPropsDefinition<SwitchProps>>;
+/**
+ * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
+ */
 declare const Switch: DefineComponent<SwitchProps, any, SwitchData, SwitchComputed, SwitchMethods, {}, {}, {}, string, SwitchProps, SwitchProps, {}>;
 export { Switch, SwitchVue2 };

package/dist/npm/switch/Switch.js

@@ -16,7 +16,10 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("./../messages");
 
-var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
+var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
 
 
 var SwitchVue2 = {
@@ -347,5 +350,11 @@ var SwitchVue2 = {
   }
 };
 exports.SwitchVue2 = SwitchVue2;
+/**
+ * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
+ */
+
 var Switch = SwitchVue2;
 exports.Switch = Switch;

package/dist/npm/textarea/TextArea.d.ts

@@ -40,6 +40,42 @@ export interface TextAreaData {
  */
 export interface TextAreaAll extends Vue2type, TextAreaMethods, TextAreaData, TextAreaComputed, TextAreaState {
 }
+/**
+ * @hidden
+ */
 declare let TextAreaVue2: ComponentOptions<TextAreaAll, DefaultData<TextAreaData>, DefaultMethods<TextAreaAll>, TextAreaComputed, RecordPropsDefinition<TextAreaProps>>;
+/**
+ * Represents the [Kendo UI for Vue Native TextArea component]({% slug overview_textarea %}).
+ *
+ * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
+ * Obtaining the `ref` returns an object of type [TextAreaHandle]({% slug api_inputs_textareahandle %}).
+ *
+ *
+ * ```jsx
+ * <template>
+ *     <k-form
+ *       @submit="handleSubmit">
+ *       <formcontent />
+ *    </k-form>
+ * </template>
+ * <script>
+ * import { Form } from "@progress/kendo-vue-form";
+ * import FormContent from './FormContent.vue';
+ *
+ * export default {
+ *     components: {
+ *       'k-form': Form,
+ *       'formcontent': FormContent
+ *     },
+ *     methods: {
+ *       handleSubmit (dataItem) {
+ *          alert(JSON.stringify(dataItem, null, 2));
+ *       }
+ *     }
+ * };
+ *
+ * </script>
+ * ```
+ */
 declare const TextArea: DefineComponent<TextAreaProps, any, TextAreaData, TextAreaComputed, TextAreaMethods, {}, {}, {}, string, TextAreaProps, TextAreaProps, {}>;
 export { TextArea, TextAreaVue2 };