1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- 'use strict';
- const valueParser = require('postcss-value-parser');
- const declarationValueIndex = require('../../utils/declarationValueIndex');
- const flattenArray = require('../../utils/flattenArray');
- const getUnitFromValueNode = require('../../utils/getUnitFromValueNode');
- const matchesStringOrRegExp = require('../../utils/matchesStringOrRegExp');
- const report = require('../../utils/report');
- const ruleMessages = require('../../utils/ruleMessages');
- const validateObjectWithArrayProps = require('../../utils/validateObjectWithArrayProps');
- const validateOptions = require('../../utils/validateOptions');
- const { isString } = require('../../utils/validateTypes');
- const vendor = require('../../utils/vendor');
- const ruleName = 'declaration-property-unit-disallowed-list';
- const messages = ruleMessages(ruleName, {
- rejected: (property, unit) => `Unexpected unit "${unit}" for property "${property}"`,
- });
- const meta = {
- url: 'https://stylelint.io/user-guide/rules/list/declaration-property-unit-disallowed-list',
- };
- /** @type {import('stylelint').Rule<Record<string, string | string[]>>} */
- const rule = (primary) => {
- return (root, result) => {
- const validOptions = validateOptions(result, ruleName, {
- actual: primary,
- possible: [validateObjectWithArrayProps(isString)],
- });
- if (!validOptions) {
- return;
- }
- root.walkDecls((decl) => {
- const prop = decl.prop;
- const value = decl.value;
- const unprefixedProp = vendor.unprefixed(prop);
- const propKey = Object.keys(primary).find((propIdentifier) =>
- matchesStringOrRegExp(unprefixedProp, propIdentifier),
- );
- if (!propKey) {
- return;
- }
- const propList = flattenArray(primary[propKey]);
- if (!propList) {
- return;
- }
- valueParser(value).walk((node) => {
- // Ignore wrong units within `url` function
- if (node.type === 'function' && node.value.toLowerCase() === 'url') {
- return false;
- }
- if (node.type === 'string') {
- return;
- }
- const unit = getUnitFromValueNode(node);
- if (!unit || (unit && !propList.includes(unit.toLowerCase()))) {
- return;
- }
- report({
- message: messages.rejected(prop, unit),
- node: decl,
- index: declarationValueIndex(decl) + node.sourceIndex,
- result,
- ruleName,
- });
- });
- });
- };
- };
- rule.ruleName = ruleName;
- rule.messages = messages;
- rule.meta = meta;
- module.exports = rule;
|