mdb-ui-kit/js/textarea.js

99 lines
2.6 KiB
JavaScript
Raw Normal View History

2017-08-11 17:59:31 +03:00
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'
2017-08-11 17:59:31 +03:00
import Util from "./util";
2017-08-11 17:59:31 +03:00
const Textarea = ($ => {
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
2017-08-11 17:59:31 +03:00
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];
2017-08-11 17:59:31 +03:00
const Default = {};
/**
* ------------------------------------------------------------------------
* Class Definition
* ------------------------------------------------------------------------
*/
class Textarea extends BaseFormControl {
constructor($element, config) {
2017-08-11 17:59:31 +03:00
super(
$element,
$.extend(
true,
//{invalidComponentMatches: [Checkbox, File, Radio, Text, Select, Switch]},
Default,
config
)
);
}
dispose() {
2017-08-11 17:59:31 +03:00
super.dispose(DATA_KEY);
}
static matches($element) {
2017-08-11 17:59:31 +03:00
if ($element.prop("tagName") === "textarea") {
return true;
}
2017-08-11 17:59:31 +03:00
return false;
}
static rejectMatch(component, $element) {
2017-08-11 17:59:31 +03:00
Util.assert(
this.$element,
this.matches($element),
`${component} component element ${Util.describe(
$element
)} is invalid for <textarea>.`
);
}
// ------------------------------------------------------------------------
// protected
// ------------------------------------------------------------------------
// private
// ------------------------------------------------------------------------
// static
static _jQueryInterface(config) {
2017-08-11 17:59:31 +03:00
return this.each(function() {
let $element = $(this);
let data = $element.data(DATA_KEY);
if (!data) {
2017-08-11 17:59:31 +03:00
data = new Textarea($element, config);
$element.data(DATA_KEY, data);
}
2017-08-11 17:59:31 +03:00
});
}
}
/**
* ------------------------------------------------------------------------
* jQuery
* ------------------------------------------------------------------------
*/
2017-08-11 17:59:31 +03:00
$.fn[JQUERY_NAME] = Textarea._jQueryInterface;
$.fn[JQUERY_NAME].Constructor = Textarea;
$.fn[JQUERY_NAME].noConflict = () => {
2017-08-11 17:59:31 +03:00
$.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT;
return Textarea._jQueryInterface;
};
2017-08-11 17:59:31 +03:00
return Textarea;
})(jQuery);
2017-08-11 17:59:31 +03:00
export default Textarea;