@ohu-mobile/core
Version:
289 lines (288 loc) • 15.4 kB
JavaScript
"use strict";
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BlockContext = void 0;
exports.createBemHelper = createBemHelper;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _isNativeFunction(fn) { try { return Function.toString.call(fn).indexOf("[native code]") !== -1; } catch (e) { return typeof fn === "function"; } }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
/**
* Simple Class Helper: making class management more convenient, more clean, more easy
* Api Draft
* import { createBemHelper } from './classHelper';
* const helper = createBemHelper({
* prefix: 'ohu-',
* elementJoin: '__',
* modifierJoin: '--',
* });
* // BlockContext
* let btnClass = helper.block('button'); // ['ohu-button']
* btnClass.is('active'); // ['ohu-button', 'is-active']
* btnClass.isNot('active'); // ['ohu-button']
* btnClass.has('icon'); // ['ohu-button', 'has-icon']
* btnClass.without('icon'); // ['ohu-button']
* btnClass.modifer('mixed'); // ['ohu-button', 'ohu-button--mixed']
* btnClass.noModifer('mixed'); // ['ohu-button']
* // bulk add and remove
* btnClass.is('active', 'disabled'); // ['ohu-button', 'is-active', 'is-disabled']
* btnClass.isNot('active', 'disable'); // ['ohu-button']
* btnClass.has(['icon', 'text']); // ['ohu-button', 'has-icon', 'has-text']
* btnClass.without(['icon', 'text']); // ['ohu-button']
* btnClass.is({'loading': true, 'active': false});
* // element
* let btnIconClass = btnClass.element('icon'); // ['ohu-button__icon']
* // block
* let btnBlockClass = btnClass.block('icon'); // ['ohu-button-icon']
*/
function transformArgs(options, items) {
if (typeof options === 'string') {
return [options].concat(_toConsumableArray(items));
}
return options;
}
function transformJoin(option) {
if (typeof option === 'string') {
return function () {
for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
classNames[_key] = arguments[_key];
}
return classNames.join(option);
};
}
return option;
}
var BlockContext = exports.BlockContext = /*#__PURE__*/function (_Array) {
_inherits(BlockContext, _Array);
function BlockContext(rootName, options) {
var _this;
_classCallCheck(this, BlockContext);
_this = _callSuper(this, BlockContext);
_defineProperty(_assertThisInitialized(_this), "rootName", void 0);
_defineProperty(_assertThisInitialized(_this), "options", void 0);
_defineProperty(_assertThisInitialized(_this), "baseName", void 0);
_defineProperty(_assertThisInitialized(_this), "isJoinTransform", void 0);
_defineProperty(_assertThisInitialized(_this), "noJoinTransform", void 0);
_defineProperty(_assertThisInitialized(_this), "hasJoinTransform", void 0);
_defineProperty(_assertThisInitialized(_this), "blockJoinTransform", void 0);
_defineProperty(_assertThisInitialized(_this), "modiferJoinTransform", void 0);
_defineProperty(_assertThisInitialized(_this), "elementJoinTransform", void 0);
_this.rootName = rootName;
_this.options = options;
_this.baseName = options && options.prefix ? "".concat(options.prefix).concat(rootName) : rootName;
_this.push(_this.baseName);
if (options) {
var isJoin = options.isJoin,
hasJoin = options.hasJoin,
blockJoin = options.blockJoin,
elementJoin = options.elementJoin,
modifierJoin = options.modifierJoin,
noJoin = options.noJoin;
if (isJoin) _this.isJoinTransform = transformJoin(isJoin);
if (hasJoin) _this.hasJoinTransform = transformJoin(hasJoin);
if (blockJoin) _this.blockJoinTransform = transformJoin(blockJoin);
if (elementJoin) _this.elementJoinTransform = transformJoin(elementJoin);
if (modifierJoin) _this.modiferJoinTransform = transformJoin(modifierJoin);
if (noJoin) _this.noJoinTransform = transformJoin(noJoin);
}
return _this;
}
_createClass(BlockContext, [{
key: "addClassItem",
value: function addClassItem(cls, transformClass) {
var classItem = transformClass ? transformClass(this.baseName, cls) : cls;
if (this.indexOf(classItem) >= 0) return;
this.push(classItem);
return this;
}
}, {
key: "removeClassItem",
value: function removeClassItem(cls, transformClass) {
var index = -1;
if (transformClass) {
index = this.indexOf(transformClass(this.baseName, cls));
} else {
index = this.indexOf(cls);
}
if (index >= 0) {
this.splice(index, 1);
}
return this;
}
}, {
key: "addClasses",
value: function addClasses(options, transformClass) {
var _this2 = this;
if (!options) return this;
if (typeof options === 'string') {
this.addClassItem(options);
return this;
}
if (options instanceof Array) {
options.forEach(function (classItem) {
if (typeof classItem === 'string') {
_this2.addClassItem(classItem, transformClass);
}
});
return this;
}
Object.keys(options).forEach(function (classItem) {
if (options[classItem]) {
_this2.addClassItem(classItem, transformClass);
}
});
return this;
}
}, {
key: "removeClasses",
value: function removeClasses(options, transformClass) {
var _this3 = this;
if (!options) return this;
if (typeof options === 'string') {
this.removeClassItem(options);
return this;
}
if (options instanceof Array) {
options.forEach(function (classItem) {
if (typeof classItem === 'string') {
if (classItem === _this3.baseName) {
throw new Error('Can not remove base class');
}
_this3.removeClassItem(classItem, transformClass);
}
});
return this;
}
Object.keys(options).forEach(function (classItem) {
if (options[classItem]) {
_this3.removeClassItem(classItem, transformClass);
}
});
return this;
}
}, {
key: "is",
value: function is(options) {
if (!options) return this;
for (var _len2 = arguments.length, items = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
items[_key2 - 1] = arguments[_key2];
}
var opts = transformArgs(options, items);
return this.addClasses(opts, this.isJoinTransform);
}
}, {
key: "isNot",
value: function isNot(options) {
if (!options) return this;
for (var _len3 = arguments.length, items = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
items[_key3 - 1] = arguments[_key3];
}
var opts = transformArgs(options, items);
return this.removeClasses(opts, this.isJoinTransform);
}
}, {
key: "no",
value: function no(options) {
if (!options) return this;
for (var _len4 = arguments.length, items = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
items[_key4 - 1] = arguments[_key4];
}
var opts = transformArgs(options, items);
return this.addClasses(opts, this.noJoinTransform);
}
}, {
key: "has",
value: function has(options) {
if (!options) return this;
for (var _len5 = arguments.length, items = new Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) {
items[_key5 - 1] = arguments[_key5];
}
var opts = transformArgs(options, items);
return this.addClasses(opts, this.hasJoinTransform);
}
}, {
key: "without",
value: function without(options) {
if (!options) return this;
for (var _len6 = arguments.length, items = new Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {
items[_key6 - 1] = arguments[_key6];
}
var opts = transformArgs(options, items);
return this.removeClasses(opts, this.hasJoinTransform);
}
}, {
key: "modifer",
value: function modifer(options) {
if (!options) return this;
for (var _len7 = arguments.length, items = new Array(_len7 > 1 ? _len7 - 1 : 0), _key7 = 1; _key7 < _len7; _key7++) {
items[_key7 - 1] = arguments[_key7];
}
var opts = transformArgs(options, items);
return this.addClasses(opts, this.modiferJoinTransform);
}
}, {
key: "noModifer",
value: function noModifer(options) {
if (!options) return this;
for (var _len8 = arguments.length, items = new Array(_len8 > 1 ? _len8 - 1 : 0), _key8 = 1; _key8 < _len8; _key8++) {
items[_key8 - 1] = arguments[_key8];
}
var opts = transformArgs(options, items);
return this.removeClasses(opts, this.modiferJoinTransform);
}
}, {
key: "element",
value: function element(name) {
var eleName = this.elementJoinTransform(this.rootName, name);
return new BlockContext(eleName, this.options);
}
}, {
key: "block",
value: function block(name) {
var blockName = this.blockJoinTransform(this.rootName, name);
return new BlockContext(blockName, this.options);
}
}]);
return BlockContext;
}( /*#__PURE__*/_wrapNativeSuper(Array));
var defaultOptions = {
blockJoin: '-',
elementJoin: '__',
modifierJoin: '--',
isJoin: function isJoin(_, classItem) {
return "is-".concat(classItem);
},
hasJoin: function hasJoin(_, classItem) {
return "has-".concat(classItem);
},
noJoin: function noJoin(_, classItem) {
return "no-".concat(classItem);
}
};
function createBemHelper(options) {
return {
block: function block(name) {
return new BlockContext(name, Object.assign({}, defaultOptions, options));
}
};
}