song-ui-u/es/hook/use-namespace/index.mjs

vue3 + js的PC前端组件库

import { defaultNamespace } from '../config.mjs';

const useNamespace = (block) => {
  const namespace = defaultNamespace;
  const b = (blockSuffix = "") => _bem(namespace, block, blockSuffix);
  const e = (element) => element ? _bem(namespace, block, "", element, "") : "";
  const m = (modifier, value) => modifier ? _bem(namespace, block, "", "", modifier, value) : "";
  const is = (name, state) => name && state ? `is-${name}` : "";
  return {
    namespace,
    b,
    e,
    m,
    is
  };
};
const _bem = (namespace, block, blockSuffix, element, modifier, modifierValue) => {
  let className = `${namespace}-${block}`;
  blockSuffix && (className += `-${blockSuffix}`);
  element && (className += `__${element}`);
  modifier && (className += `--${modifier}`);
  modifierValue && (className += `_${modifierValue}`);
  return className;
};

export { useNamespace };
//# sourceMappingURL=index.mjs.map