mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-10 19:57:13 +03:00
99 lines
2.6 KiB
JavaScript
99 lines
2.6 KiB
JavaScript
import BaseFormControl from "./baseFormControl";
|
|
//import Checkbox from './checkbox'
|
|
//import File from './file'
|
|
//import Radio from './radio'
|
|
//import Switch from './switch'
|
|
//import Text from './text'
|
|
//import Select from './select'
|
|
import Util from "./util";
|
|
|
|
const Textarea = ($ => {
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Constants
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
const NAME = "textarea";
|
|
const DATA_KEY = `bmd.${NAME}`;
|
|
const JQUERY_NAME = `bmd${NAME.charAt(0).toUpperCase() + NAME.slice(1)}`;
|
|
const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME];
|
|
|
|
const Default = {};
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Class Definition
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
class Textarea extends BaseFormControl {
|
|
constructor($element, config) {
|
|
super(
|
|
$element,
|
|
$.extend(
|
|
true,
|
|
//{invalidComponentMatches: [Checkbox, File, Radio, Text, Select, Switch]},
|
|
Default,
|
|
config
|
|
)
|
|
);
|
|
}
|
|
|
|
dispose() {
|
|
super.dispose(DATA_KEY);
|
|
}
|
|
|
|
static matches($element) {
|
|
if ($element.prop("tagName") === "textarea") {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
static rejectMatch(component, $element) {
|
|
Util.assert(
|
|
this.$element,
|
|
this.matches($element),
|
|
`${component} component element ${Util.describe(
|
|
$element
|
|
)} is invalid for <textarea>.`
|
|
);
|
|
}
|
|
|
|
// ------------------------------------------------------------------------
|
|
// protected
|
|
|
|
// ------------------------------------------------------------------------
|
|
// private
|
|
|
|
// ------------------------------------------------------------------------
|
|
// static
|
|
static _jQueryInterface(config) {
|
|
return this.each(function() {
|
|
let $element = $(this);
|
|
let data = $element.data(DATA_KEY);
|
|
|
|
if (!data) {
|
|
data = new Textarea($element, config);
|
|
$element.data(DATA_KEY, data);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* jQuery
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
$.fn[JQUERY_NAME] = Textarea._jQueryInterface;
|
|
$.fn[JQUERY_NAME].Constructor = Textarea;
|
|
$.fn[JQUERY_NAME].noConflict = () => {
|
|
$.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT;
|
|
return Textarea._jQueryInterface;
|
|
};
|
|
|
|
return Textarea;
|
|
})(jQuery);
|
|
|
|
export default Textarea;
|