mdb-ui-kit/js/text.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 Textarea from './textarea'
//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 Text = ($ => {
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
2017-08-11 17:59:31 +03:00
const NAME = "text";
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 Text extends BaseFormControl {
constructor($element, config) {
2017-08-11 17:59:31 +03:00
super(
$element,
$.extend(
true,
//{invalidComponentMatches: [Checkbox, File, Radio, Switch, Select, Textarea]},
Default,
config
)
);
}
dispose(dataKey = DATA_KEY) {
2017-08-11 17:59:31 +03:00
super.dispose(dataKey);
}
static matches($element) {
2017-08-11 17:59:31 +03:00
if ($element.attr("type") === "text") {
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 type='text'.`
);
}
// ------------------------------------------------------------------------
// 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 Text($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] = Text._jQueryInterface;
$.fn[JQUERY_NAME].Constructor = Text;
$.fn[JQUERY_NAME].noConflict = () => {
2017-08-11 17:59:31 +03:00
$.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT;
return Text._jQueryInterface;
};
2017-08-11 17:59:31 +03:00
return Text;
})(jQuery);
2017-08-11 17:59:31 +03:00
export default Text;