| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- /**
- * bem helper
- * b() // 'button'
- * b('text') // 'button__text'
- * b({ disabled }) // 'button button--disabled'
- * b('text', { disabled }) // 'button__text button__text--disabled'
- * b(['disabled', 'primary']) // 'button button--disabled button--primary'
- */
- var ELEMENT = '__';
- var MODS = '--';
- function join(name, el, symbol) {
- return el ? name + symbol + el : name;
- }
- function prefix(name, mods) {
- if (typeof mods === 'string') {
- return join(name, mods, MODS);
- }
- if (Array.isArray(mods)) {
- return mods.map(function (item) {
- return prefix(name, item);
- });
- }
- var ret = {};
- if (mods) {
- Object.keys(mods).forEach(function (key) {
- ret[name + MODS + key] = mods[key];
- });
- }
- return ret;
- }
- export var useBEM = function useBEM(name) {
- return function (el, mods) {
- if (el && typeof el !== 'string') {
- mods = el;
- el = '';
- }
- el = join(name, el, ELEMENT);
- return mods ? [el, prefix(el, mods)] : el;
- };
- };
|