123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- 'use strict'
- const utils = require('../utils')
- const reportForbiddenClass = (className, node, context, forbiddenClasses) => {
- if (forbiddenClasses.has(className)) {
- const loc = node.value ? node.value.loc : node.loc
- context.report({
- node,
- loc,
- messageId: 'forbiddenClass',
- data: {
- class: className
- }
- })
- }
- }
- function* extractClassNames(node, textOnly) {
- if (node.type === 'Literal') {
- yield* `${node.value}`
- .split(/\s+/)
- .map((className) => ({ className, reportNode: node }))
- return
- }
- if (node.type === 'TemplateLiteral') {
- for (const templateElement of node.quasis) {
- yield* templateElement.value.cooked
- .split(/\s+/)
- .map((className) => ({ className, reportNode: templateElement }))
- }
- for (const expr of node.expressions) {
- yield* extractClassNames(expr, true)
- }
- return
- }
- if (node.type === 'BinaryExpression') {
- if (node.operator !== '+') {
- return
- }
- yield* extractClassNames(node.left, true)
- yield* extractClassNames(node.right, true)
- return
- }
- if (textOnly) {
- return
- }
- if (node.type === 'ObjectExpression') {
- for (const prop of node.properties) {
- if (prop.type !== 'Property') {
- continue
- }
- const classNames = utils.getStaticPropertyName(prop)
- if (!classNames) {
- continue
- }
- yield* classNames
- .split(/\s+/)
- .map((className) => ({ className, reportNode: prop.key }))
- }
- return
- }
- if (node.type === 'ArrayExpression') {
- for (const element of node.elements) {
- if (element == null) {
- continue
- }
- if (element.type === 'SpreadElement') {
- continue
- }
- yield* extractClassNames(element)
- }
- return
- }
- }
- module.exports = {
- meta: {
- type: 'problem',
- docs: {
- description: 'disallow specific classes in Vue components',
- url: 'https://eslint.vuejs.org/rules/no-restricted-class.html',
- categories: undefined
- },
- fixable: null,
- messages: {
- forbiddenClass: "'{{class}}' class is not allowed."
- },
- schema: {
- type: 'array',
- items: {
- type: 'string'
- }
- }
- },
-
- create(context) {
- const forbiddenClasses = new Set(context.options || [])
- return utils.defineTemplateBodyVisitor(context, {
-
- 'VAttribute[directive=false][key.name="class"]'(node) {
- node.value.value
- .split(/\s+/)
- .forEach((className) =>
- reportForbiddenClass(className, node, context, forbiddenClasses)
- )
- },
-
- "VAttribute[directive=true][key.name.name='bind'][key.argument.name='class'] > VExpressionContainer.value"(
- node
- ) {
- if (!node.expression) {
- return
- }
- for (const { className, reportNode } of extractClassNames(
- (node.expression)
- )) {
- reportForbiddenClass(className, reportNode, context, forbiddenClasses)
- }
- }
- })
- }
- }
|