622 lines
31 KiB
JavaScript
622 lines
31 KiB
JavaScript
|
/** 是否为 uniapp */
|
|||
|
|
const isUniapp = true;
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
// stylelint-config-html支持更多扩展： "stylelint-config-html/html", "stylelint-config-html/xml", "stylelint-config-html/vue", "stylelint-config-html/svelte", "stylelint-config-html/astro", "stylelint-config-html/php"
|
|||
|
|
extends: ['stylelint-config-recommended-scss', 'stylelint-config-html/vue'],
|
|||
|
|
plugins: ['stylelint-order', 'stylelint-scss'],
|
|||
|
|
overrides: [
|
|||
|
|
{
|
|||
|
|
files: ['*.html', '**/*.html', '*.nvue', '**/*.nvue', '*.uvue', '**/*.uvue'],
|
|||
|
|
customSyntax: 'postcss-html',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
// 在某些文件或文件夹中禁用检查
|
|||
|
|
ignoreFiles: ['index.html', 'dist/**', 'src/uni_modules/**', '!src/uni_modules/mxp-*/**/*', 'src/uni_modules/mxp-tool/sdk/'],
|
|||
|
|
|
|||
|
|
// 规则
|
|||
|
|
rules: {
|
|||
|
|
// 不允许使用这些规则降序
|
|||
|
|
'no-descending-specificity': null, // 不允许优先级较低性的选择器出现在覆盖较高优先级的选择器之后。
|
|||
|
|
// 禁止使用这些规则进行重复
|
|||
|
|
'declaration-block-no-duplicate-custom-properties': true, // 不允许重复自定义属性
|
|||
|
|
'declaration-block-no-duplicate-properties': [true, { ignoreProperties: ['image-rendering', 'position'] }], // 禁止声明块的重复属性。
|
|||
|
|
'font-family-no-duplicate-names': true, // 禁止使用重复的字体名称。
|
|||
|
|
'keyframe-block-no-duplicate-selectors': null, // 禁止关键帧块中的重复选择器。
|
|||
|
|
'no-duplicate-at-import-rules': true, // 禁止在样式表中使用重复的 @import 规则。
|
|||
|
|
'no-duplicate-selectors': true, // 禁止样式表中的重复选择器。
|
|||
|
|
|
|||
|
|
// 使用这些规则禁止空的东西
|
|||
|
|
'block-no-empty': true, // 禁止空块。
|
|||
|
|
'comment-no-empty': null, // 禁止空注释。 在scss/comment-no-empty 中启用该规则
|
|||
|
|
'no-empty-source': true, // 禁止空源码。
|
|||
|
|
// 禁止使用这些（有时是隐式）规则的无效语法
|
|||
|
|
'color-no-invalid-hex': true, // 禁止使用无效的十六进制颜色
|
|||
|
|
'function-calc-no-unspaced-operator': true, // 禁止在 calc 函数中使用没有间隔的运算符。
|
|||
|
|
'keyframe-declaration-no-important': true, // 在动画中禁止关键帧声明的 !important。
|
|||
|
|
'media-query-no-invalid': true, // 禁止无效的媒体查询。
|
|||
|
|
'named-grid-areas-no-invalid': true, // 禁止无效的命名网格区域。
|
|||
|
|
'no-invalid-double-slash-comments': true, // 不允许无效的双斜杠注释。
|
|||
|
|
'no-invalid-position-at-import-rule': true, // @import 只能在其他样式最前面
|
|||
|
|
'string-no-newline': true, // 禁止字符串中的(未转义)换行符。
|
|||
|
|
// 根据这些规则禁止不规则的事情
|
|||
|
|
'no-irregular-whitespace': true, // 禁止使用不规则空格
|
|||
|
|
// 禁止使用这些规则进行遗漏
|
|||
|
|
'custom-property-no-missing-var-function': true, // 自定义属性必须添加var()
|
|||
|
|
'font-family-no-missing-generic-family-keyword': [true, { ignoreFontFamilies: ['mxp-iconfont'] }], // 不允许在字体系列名称列表中缺少通用系列。
|
|||
|
|
// 禁止使用这些规则的非标准事物
|
|||
|
|
'function-linear-gradient-no-nonstandard-direction': true, // 禁止在 linear-gradient() 中调用不符合标准语法的无效方
|
|||
|
|
// 禁止使用这些规则进行覆盖
|
|||
|
|
'declaration-block-no-shorthand-property-overrides': true, // 禁止简写属性覆盖相关的扩写属性。
|
|||
|
|
// 不允许与这些规则相提并论的东西
|
|||
|
|
'selector-anb-no-unmatchable': true, // 禁止不匹配的 An+B 选择器。(:nth-child(0n+0) 这里报错，结果匹配不到任何元素) (15.3.0新增)
|
|||
|
|
// 用这些规则禁止未知的事物
|
|||
|
|
'annotation-no-unknown': [true, { ignoreAnnotations: 'default' }], // 不允许使用未知批注
|
|||
|
|
'at-rule-no-unknown': null, // 不允许未知的规则。 // 在 scss/at-rule-no-unknown中开启
|
|||
|
|
'declaration-property-value-no-unknown': isUniapp ? null : true, // 不允许声明中的属性出现未知值
|
|||
|
|
'function-no-unknown': null, // 禁止未知功能 在 "scss/function-no-unknown" 中开启
|
|||
|
|
'media-feature-name-no-unknown': true, // 禁止未知的媒体功能名。
|
|||
|
|
'media-feature-name-value-no-unknown': true, // 禁止媒体功能的未知值。
|
|||
|
|
'no-unknown-animations': true, // 禁止未知的动画。
|
|||
|
|
'no-unknown-custom-media': true, // 禁止未知自定义媒体查询
|
|||
|
|
'no-unknown-custom-properties': null, // 禁止未知自定义属性。
|
|||
|
|
'property-no-unknown': [
|
|||
|
|
null,
|
|||
|
|
{
|
|||
|
|
checkPrefixed: true,
|
|||
|
|
ignoreSelectors: [':export', ':root'],
|
|||
|
|
ignoreProperties: ['lines'],
|
|||
|
|
},
|
|||
|
|
], // 禁止未知的属性 使用 scss/property-no-unknown覆盖
|
|||
|
|
'selector-pseudo-class-no-unknown': [true, { ignorePseudoClasses: ['deep', 'global', 'export'] }], // 禁止未知的伪类选择器
|
|||
|
|
'selector-pseudo-element-no-unknown': true, // 禁止未知的伪元素选择器。
|
|||
|
|
'selector-type-no-unknown': [true, { ignoreTypes: ['page', 'text'] }], // 禁止未知的类型选择器。
|
|||
|
|
'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }], // 禁止未知的单位。
|
|||
|
|
// 允许、不允许和必填
|
|||
|
|
// at-rule 相关
|
|||
|
|
'at-rule-allowed-list': null, // 指定允许的at-rules规则列表
|
|||
|
|
'at-rule-disallowed-list': ['extend'], //指定不允许的规则列表
|
|||
|
|
'at-rule-no-vendor-prefix': true, // 不允许使用供应商前缀作为 at 规则
|
|||
|
|
'at-rule-property-required-list': null, // 指定 at 规则的必需属性列表
|
|||
|
|
// 颜色
|
|||
|
|
'color-hex-alpha': 'never', // 要求或禁止十六进制颜色的 Alpha 通道。
|
|||
|
|
'color-named': 'never', // 禁止颜色使用名称 如不能 color: black ，而应该使用color: #000000
|
|||
|
|
'color-no-hex': null, // 禁止十六进制颜色。
|
|||
|
|
// 评论
|
|||
|
|
'comment-word-disallowed-list': [null, '/^TODO:/', 'badword'], // 指定注释中不允许的单词列表
|
|||
|
|
// 声明
|
|||
|
|
'declaration-no-important': null, // 禁止使用 !important
|
|||
|
|
'declaration-property-unit-allowed-list': null, // 限制属性的值的单位
|
|||
|
|
'declaration-property-unit-disallowed-list': null, //指定声明中不允许的属性和单位对的列表
|
|||
|
|
'declaration-property-value-allowed-list': null, // 指定声明中允许的属性和值对的列表
|
|||
|
|
'declaration-property-value-disallowed-list': null, // 指定声明中禁止的属性和值对的列表
|
|||
|
|
// function
|
|||
|
|
'function-allowed-list': null, // 指定允许的功能列表。
|
|||
|
|
'function-disallowed-list': null, // 指定不允许使用的功能列表。
|
|||
|
|
'function-url-no-scheme-relative': true, // 禁止相对协议 URL。
|
|||
|
|
'function-url-scheme-allowed-list': null, ///指定允许的 URL 方案列表。
|
|||
|
|
'function-url-scheme-disallowed-list': null, // 指定不允许的 URL 方案列表。
|
|||
|
|
// 参数
|
|||
|
|
'length-zero-no-unit': true, // 不允许使用零长度的单位
|
|||
|
|
// 媒体
|
|||
|
|
'media-feature-name-allowed-list': null, // 指定允许的媒体功能名称列表
|
|||
|
|
'media-feature-name-disallowed-list': null, // 指定不允许的媒体功能名称列表
|
|||
|
|
'media-feature-name-no-vendor-prefix': true, // 不允许使用媒体功能名称的供应商前缀
|
|||
|
|
'media-feature-name-unit-allowed-list': null, // 指定媒体功能中允许的名称和设备对的列表
|
|||
|
|
'media-feature-name-value-allowed-list': null, // 指定允许的媒体功能名称和值对的列表
|
|||
|
|
// 财产
|
|||
|
|
'property-allowed-list': null, //指定允许的属性列表。
|
|||
|
|
'property-disallowed-list': null, //指定不允许的属性列表。
|
|||
|
|
'property-no-vendor-prefix': [true, { ignoreProperties: ['mask-image', 'mask-size', 'user-select'] }], // 属性不允许出现供应商前缀(可自动修复)。
|
|||
|
|
// 统治
|
|||
|
|
'rule-selector-property-disallowed-list': null, // 指定每个元素不允许的属性
|
|||
|
|
// 选择器
|
|||
|
|
'selector-attribute-name-disallowed-list': ['id', '/^data-/'], // 指定不允许的属性名称的列表
|
|||
|
|
'selector-attribute-operator-allowed-list': ['=', '*=', '^='], // 指定允许的属性运算符的列表
|
|||
|
|
'selector-attribute-operator-disallowed-list': null, // 指定不允许的属性运算符的列表
|
|||
|
|
'selector-combinator-allowed-list': ['+', '>', ' '], //指定允许的组合器的列表
|
|||
|
|
'selector-combinator-disallowed-list': null, // 指定不允许的组合器的列表
|
|||
|
|
'selector-disallowed-list': null, // 指定不允许的选择器列表
|
|||
|
|
'selector-no-qualifying-type': [true, { ignore: ['class', 'attribute'] }], // 不允许按类型限定选择器
|
|||
|
|
'selector-no-vendor-prefix': true, // 不允许使用选择器的供应商前缀
|
|||
|
|
'selector-pseudo-class-allowed-list': null, // 指定允许的伪类选择器的列表
|
|||
|
|
'selector-pseudo-class-disallowed-list': null, // 指定不允许的伪类选择器的列表
|
|||
|
|
'selector-pseudo-element-allowed-list': null, // 指定允许的伪元素选择器的列表
|
|||
|
|
'selector-pseudo-element-disallowed-list': ['before', 'after'], // 指定不允许的伪元素选择器的列表
|
|||
|
|
|
|||
|
|
// 单位
|
|||
|
|
'unit-allowed-list': isUniapp ? ['px', 'rpx', 's', 'deg', '%', 'fr', 'em', 'vh', 'vw'] : ['px', 's', 'deg', '%', 'fr', 'em', 'vh', 'vw'], //指定允许的单位列表。
|
|||
|
|
'unit-disallowed-list': isUniapp ? ['rem', 'ms'] : ['rem', 'rpx', 'ms'], // 指定不允许的单位列表
|
|||
|
|
// 价值
|
|||
|
|
'value-no-vendor-prefix': [true, { ignoreValues: ['sticky', 'box'] }], // 值不允许出现供应商前缀(可自动修复)。
|
|||
|
|
// 使用这些规则为单词指定小写或大写
|
|||
|
|
'function-name-case': 'lower', // 指定函数名的大小写(可自动修复)。
|
|||
|
|
'selector-type-case': 'lower', // 指定类型选择器的大小写(可自动修复)。
|
|||
|
|
'value-keyword-case': 'lower', // 指定关键字值的大小写(可自动修复)。
|
|||
|
|
// 在构造之前强制执行或禁止使用这些规则的空行
|
|||
|
|
'at-rule-empty-line-before': [
|
|||
|
|
'always',
|
|||
|
|
{
|
|||
|
|
except: ['blockless-after-blockless', 'first-nested', 'blockless-after-same-name-blockless', 'after-same-name'],
|
|||
|
|
ignore: ['after-comment'],
|
|||
|
|
},
|
|||
|
|
], // 要求或禁止在 at 规则之前使用空行
|
|||
|
|
'comment-empty-line-before': ['always', { except: ['first-nested'], ignoreComments: ['/^#/'] }], // 要求或禁止在注释之前的空行(可自动修复)。
|
|||
|
|
'custom-property-empty-line-before': 'never', // 要求或禁止在自定义属性之前使用空行(可自动修复)。
|
|||
|
|
'declaration-empty-line-before': ['never', { ignore: 'after-comment' }], // 在声明之前要求或禁止空行。
|
|||
|
|
'rule-empty-line-before': ['always', { ignore: ['after-comment', 'first-nested'] }], // 要求或禁止在规则之前的空行(可自动修复)。
|
|||
|
|
// 使用这些和规则应用限制最大最小
|
|||
|
|
'declaration-block-single-line-max-declarations': 1, // 一行中最大允许的属性数量
|
|||
|
|
'declaration-property-max-values': null, // 限制属性的最大值
|
|||
|
|
'max-nesting-depth': null, // 限制嵌套的深度
|
|||
|
|
'number-max-precision': 4, // 限制数字中允许的小数位数
|
|||
|
|
'selector-max-attribute': 2, //限制选择器中的属性选择器的数量
|
|||
|
|
'selector-max-class': null, // 限制选择器中的类的最大数量
|
|||
|
|
'selector-max-combinators': null, // 限制选择器中组合器的最大数量 (组合器即： > + ~ 空格 等等)
|
|||
|
|
'selector-max-compound-selectors': null, // 所有选择器的最大数量 (包含id class 等选择器)
|
|||
|
|
'selector-max-id': 0, //限制选择器中 ID 选择器的最大数量
|
|||
|
|
'selector-max-pseudo-class': null, // 限制选择器中伪类的数量
|
|||
|
|
'selector-max-specificity': null, // 限制选择器的特异性
|
|||
|
|
'selector-max-type': null, // 限制选择器中类型选择器的数量
|
|||
|
|
'selector-max-universal': 0, // 限制选择器中通用选择器的数量
|
|||
|
|
'time-min-milliseconds': 10, // 指定时间值的最小毫秒数
|
|||
|
|
// 使用这些（有时是隐式）规则强制执行具有多个事物的一种表示形式
|
|||
|
|
|
|||
|
|
'alpha-value-notation': 'number', // 指定alpha值的百分比或数字表示法(可自动修复)。
|
|||
|
|
'color-function-notation': 'legacy', // 颜色代码同意使用逗号或空格分割
|
|||
|
|
'color-hex-length': 'long', // 为十六进制颜色指定短表示法或长表示法,即是：#ffffff 还是#fff "short" "long"
|
|||
|
|
'font-weight-notation': 'named-where-possible', //需要数字或命名(如果可能)font-weight值。此外，当需要命名值时，只需要有效的名称。
|
|||
|
|
'hue-degree-notation': 'angle', // 指定度数或角度表示法(可自动修复)。
|
|||
|
|
'import-notation': 'string', // 使用@import url("xxxx.scss"); 还是@import "xxxx.scss";
|
|||
|
|
'keyframe-selector-notation': 'percentage', // 禁止使用无效的十六进制颜色
|
|||
|
|
'lightness-notation': 'percentage', // 指定亮度的数字或百分比表示法。
|
|||
|
|
'media-feature-range-notation': 'prefix', // 指定媒体特征范围的上下文或前缀表示法
|
|||
|
|
'selector-not-notation': 'simple', // 为伪类指定简单或复杂表示法。:not()
|
|||
|
|
'selector-pseudo-element-colon-notation': 'single', // 指定伪元素适用单冒号还是双冒号表示法(可自动修复)。
|
|||
|
|
// 使用这些规则强制执行命名约定
|
|||
|
|
'comment-pattern': null, // 指定注释的规则
|
|||
|
|
'custom-media-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 指定自定义媒体查询名称的模式 (命名规则)
|
|||
|
|
'custom-property-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 指定自定义属性的命名规则
|
|||
|
|
'keyframes-name-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, //指定关键帧名称的模式(命名规则)
|
|||
|
|
'selector-class-pattern': /(^[a-z][a-z0-9]*(-[a-z0-9]+)*$)|(^el-[a-z-_]+[a-z]$)/, // 【 特殊 】 指定类选择器的模式(即class的命名规范)
|
|||
|
|
'selector-id-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 指定ID选择器的模式(即id的命名规范)
|
|||
|
|
'selector-nested-pattern': null, // 为嵌套在规则中的规则选择器指定规则
|
|||
|
|
// 要求或禁止使用这些规则的引号
|
|||
|
|
'font-family-name-quotes': 'always-where-required', // 指定是否应在字体系列名称周围使用引号(可自动修复)
|
|||
|
|
'function-url-quotes': 'always', // 要求或禁止 URL 的引号。(可自动修复)。
|
|||
|
|
'selector-attribute-quotes': 'always', // 要求在块的开大括号之前必须有一个空格或不能有空白符。
|
|||
|
|
// 不允许使用这些规则进行冗余
|
|||
|
|
'declaration-block-no-redundant-longhand-properties': true, // 禁止冗余的写法
|
|||
|
|
'shorthand-property-no-redundant-values': true, // 禁止简写属性的冗余值
|
|||
|
|
// 使用此规则要求或禁止内部的空格
|
|||
|
|
'comment-whitespace-inside': 'always', // 要求或禁止注释标记内侧的空白符(可自动修复)。
|
|||
|
|
|
|||
|
|
/* ****************************************** stylelint-config-standard-scss ****************************************** */
|
|||
|
|
|
|||
|
|
'scss/at-each-key-value-single-line': true, // 用于检查用户使用 map-keys 或 map.keys 执行循环并在循环内获取该键的值的情况
|
|||
|
|
|
|||
|
|
'scss/at-else-closing-brace-newline-after': 'always-last-in-chain', // 在语句的右大括号之后要求或不允许换行符(可自动修复)
|
|||
|
|
'scss/at-else-closing-brace-space-after': 'always-intermediate', // 需要单个空格或不允许在语句的右大括号后使用空格(自动修复)。@else
|
|||
|
|
'scss/at-else-empty-line-before': 'never', // 要求在 -else 之前使用空行或不允许空行(可自动修复)。@else
|
|||
|
|
'scss/at-else-if-parentheses-space-before': 'always', // 要求或不允许在括号前加空格(可自动修复)。@else if
|
|||
|
|
|
|||
|
|
'scss/at-extend-no-missing-placeholder': true, // 禁止缺少占位符的 @extend
|
|||
|
|
|
|||
|
|
'scss/at-function-named-arguments': 'never', // 需要或禁止在 SCSS 函数调用规则中指定参数名称 animation: animation($duration: 250ms) 或 animation: animation(250ms)
|
|||
|
|
'scss/at-function-parentheses-space-before': 'never', // 要求或不允许在括号前加空格
|
|||
|
|
'scss/at-function-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 为类似 Sass/SCSS 的函数名称指定命名规则
|
|||
|
|
|
|||
|
|
'scss/at-if-closing-brace-newline-after': 'always-last-in-chain', // 要求或禁止在语句的右大括号后使用换行符
|
|||
|
|
'scss/at-if-closing-brace-space-after': 'always-intermediate', // 需要单个空格或不允许在语句的右大括号后使用空格
|
|||
|
|
'scss/at-if-no-null': true, // 检查是否等于 null 是不必要的显式，因为在 Sass 中是 falsey 即 @if $x == null 可改写为 @if not $x
|
|||
|
|
|
|||
|
|
'scss/at-import-partial-extension-allowed-list': ['scss'], // 允许导入的后缀名
|
|||
|
|
'scss/at-import-partial-extension-disallowed-list': null, // 不允许导入的后缀名
|
|||
|
|
|
|||
|
|
'scss/at-mixin-argumentless-call-parentheses': 'always', // 在无参数调用中要求或禁止使用括号
|
|||
|
|
'scss/at-mixin-named-arguments': 'never', // 在 @include() 调用规则中需要命名参数或不允许使用参数 @include aa($bbb: 250ms) 或者 @include aa(250ms)
|
|||
|
|
'scss/at-mixin-no-risky-nesting-selector': true,
|
|||
|
|
'scss/at-mixin-parentheses-space-before': 'never', //要求或不允许在括号前加空格
|
|||
|
|
'scss/at-mixin-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 允许@import扩展名的白名单
|
|||
|
|
|
|||
|
|
'scss/at-rule-conditional-no-parentheses': true, // 不允许在@条件规则中使用括号(@if， @elsif， @while)
|
|||
|
|
'scss/at-rule-no-unknown': true, //要求或不允许在括号前加空格
|
|||
|
|
|
|||
|
|
'scss/at-use-no-unnamespaced': true, // 不允许使用没有命名空间的 @use
|
|||
|
|
'scss/at-use-no-redundant-alias': true, // 禁止冗余命名空间别名（即 ）。@use "foo" as foo
|
|||
|
|
|
|||
|
|
'scss/dollar-variable-colon-newline-after': 'always-multi-line', // 在 $变量声明中，冒号后需要换行符
|
|||
|
|
'scss/dollar-variable-colon-space-after': 'always-single-line', // 在$变量声明中，需要或不允许在冒号后使用空格
|
|||
|
|
'scss/dollar-variable-colon-space-before': 'never', // 在$变量声明中，需要或不允许在冒号前使用空格
|
|||
|
|
'scss/dollar-variable-default': null, // $变量声明的需要标志!default
|
|||
|
|
// 需要空行或不允许在$变量声明后使用空行
|
|||
|
|
'scss/dollar-variable-empty-line-after': [
|
|||
|
|
'always',
|
|||
|
|
{
|
|||
|
|
except: ['last-nested', 'before-comment', 'before-dollar-variable'],
|
|||
|
|
ignore: ['before-comment', 'inside-single-line-block'],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
// 需要空行或不允许在$变量声明前使用空行
|
|||
|
|
'scss/dollar-variable-empty-line-before': [
|
|||
|
|
'always',
|
|||
|
|
{
|
|||
|
|
except: ['first-nested', 'after-comment', 'after-dollar-variable'],
|
|||
|
|
ignore: ['after-comment', 'inside-single-line-block', 'after-dollar-variable'],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
'scss/dollar-variable-first-in-block': [true, { ignore: ['comments', 'imports'] }], //要求将 -变量声明放在块(根或规则)的第一个位置
|
|||
|
|
'scss/dollar-variable-no-missing-interpolation': true, // 禁止使用未经插值的 Sass 变量与使用自定义标识符的 CSS 功能
|
|||
|
|
'scss/dollar-variable-no-namespaced-assignment': true, // 不允许分配到命名空间变量
|
|||
|
|
'scss/dollar-variable-pattern': /^[_a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 为变量名称指定命名规则
|
|||
|
|
|
|||
|
|
'scss/percent-placeholder-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, // 为%占位符名称指定命名规则
|
|||
|
|
|
|||
|
|
// 要求或禁止在双斜杠注释之前使用空行
|
|||
|
|
'scss/double-slash-comment-empty-line-before': [
|
|||
|
|
null,
|
|||
|
|
{
|
|||
|
|
except: ['first-nested', 'inside-block'],
|
|||
|
|
ignore: ['between-comments', 'stylelint-commands', 'inside-block'],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
'scss/double-slash-comment-inline': null, // 要求或不允许 -注释为内联注释
|
|||
|
|
'scss/double-slash-comment-whitespace-inside': 'always', // 要求或不允许在注释后面留空格
|
|||
|
|
|
|||
|
|
'scss/block-no-redundant-nesting': true, // 如果单个块可以与其父块合并，则不允许嵌套该块
|
|||
|
|
|
|||
|
|
'scss/comment-no-empty': true, // 为变量名称指定命名规则
|
|||
|
|
'scss/comment-no-loud': true, // 禁止/** * */注释,而全部使用 双斜杠注释
|
|||
|
|
|
|||
|
|
'scss/declaration-nested-properties': 'never', // 要求或禁止名称中包含的属性采用嵌套组的形式
|
|||
|
|
'scss/declaration-nested-properties-no-divided-groups': true, // 不允许将同一“命名空间”的嵌套属性划分为多个组
|
|||
|
|
|
|||
|
|
'scss/dimension-no-non-numeric-values': true, // 用单位(例如 )插入值会产生字符串值，而不是数值。然后，此值不能在数值运算中使用。最好使用算术将单位应用于数字
|
|||
|
|
'scss/function-calculation-no-interpolation': true, //不允许在calc(),clamp(),min(),max()函数中插值。
|
|||
|
|
'scss/function-color-relative': true, // 鼓励使用刻度颜色
|
|||
|
|
'scss/function-disallowed-list': null, //定不允许的函数列表
|
|||
|
|
'scss/function-no-unknown': [true, { ignoreFunctions: ['constant'] }], // 禁止未知函数
|
|||
|
|
'scss/function-quote-no-quoted-strings-inside': true, // 不允许在引号函数中使用带引号的字符串
|
|||
|
|
'scss/function-unquote-no-unquoted-strings-inside': true, // 不允许在 unquote 函数中使用未加引号的字符串
|
|||
|
|
|
|||
|
|
'scss/map-keys-quotes': 'always', // 要求在Sass中key必须加引号
|
|||
|
|
|
|||
|
|
'scss/media-feature-value-dollar-variable': null, // 要求媒体功能值为 -变量或不允许媒体功能值中的 -变量
|
|||
|
|
|
|||
|
|
'scss/operator-no-newline-after': true, // 禁止在 Sass 运算符之后换行
|
|||
|
|
'scss/operator-no-newline-before': true, // 禁止在 Sass 运算符之前换行
|
|||
|
|
'scss/operator-no-unspaced': true, // 禁止在 Sass 操作中使用无间隔运算符
|
|||
|
|
|
|||
|
|
'scss/partial-no-import': true, // 不允许在部分文件中使用非 .CSS导入
|
|||
|
|
|
|||
|
|
'scss/property-no-unknown': [
|
|||
|
|
true,
|
|||
|
|
{
|
|||
|
|
ignoreProperties: ['appPagePadding', 'appHeaderHeight', 'appSideBarShowWidth', 'appSideBarHideWidth'],
|
|||
|
|
},
|
|||
|
|
], // 禁止未知属性.覆盖Stylelint的规则
|
|||
|
|
|
|||
|
|
'scss/selector-nest-combinators': null, // 要求或禁止在选择器中嵌套组合器
|
|||
|
|
'scss/selector-no-redundant-nesting-selector': true, // 禁止冗余嵌套选择器
|
|||
|
|
'scss/selector-no-union-class-name': true, // 不允许将类名与父选择器合并
|
|||
|
|
|
|||
|
|
'scss/load-no-partial-leading-underscore': true, // 禁止在@import路径中使用前缀下划线
|
|||
|
|
'scss/load-partial-extension': 'always', // 在 @import,@use,@forward 和 [meta.load-css] 命令中要求或禁止扩展。
|
|||
|
|
|
|||
|
|
'scss/no-dollar-variables': null, // 不允许在样式表中使用美元变量
|
|||
|
|
'scss/no-duplicate-dollar-variables': true, // 不允许在样式表中使用重复的美元变量
|
|||
|
|
'scss/no-duplicate-mixins': true, // 禁止在样式表中使用重复的mixin
|
|||
|
|
'scss/no-global-function-names': true, // 不允许使用全局函数名称，因为这些全局函数现在位于内置 Sass 模块中
|
|||
|
|
'scss/no-unused-private-members': true, // 禁止未使用的私有成员，例如函数、mixin、变量或占位符选择器。
|
|||
|
|
|
|||
|
|
// 排序
|
|||
|
|
'order/order': [
|
|||
|
|
// 排序
|
|||
|
|
'dollar-variables',
|
|||
|
|
'custom-properties',
|
|||
|
|
'at-rules',
|
|||
|
|
'declarations',
|
|||
|
|
{ type: 'at-rule', name: 'supports' },
|
|||
|
|
{ type: 'at-rule', name: 'media' },
|
|||
|
|
'rules',
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
'order/properties-order': [
|
|||
|
|
{ properties: ['all'] },
|
|||
|
|
{
|
|||
|
|
properties: ['position', 'inset', 'inset-block', 'inset-inline', 'top', 'right', 'bottom', 'left', 'z-index'],
|
|||
|
|
},
|
|||
|
|
{ properties: ['box-sizing', 'display'] },
|
|||
|
|
{
|
|||
|
|
properties: ['flex', 'flex-basis', 'flex-direction', 'flex-flow', 'flex-grow', 'flex-shrink', 'flex-wrap'],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'grid',
|
|||
|
|
'grid-area',
|
|||
|
|
'grid-template',
|
|||
|
|
'grid-template-areas',
|
|||
|
|
'grid-template-rows',
|
|||
|
|
'grid-template-columns',
|
|||
|
|
'grid-row',
|
|||
|
|
'grid-row-start',
|
|||
|
|
'grid-row-end',
|
|||
|
|
'grid-column',
|
|||
|
|
'grid-column-start',
|
|||
|
|
'grid-column-end',
|
|||
|
|
'grid-auto-rows',
|
|||
|
|
'grid-auto-columns',
|
|||
|
|
'grid-auto-flow',
|
|||
|
|
'grid-gap',
|
|||
|
|
'grid-row-gap',
|
|||
|
|
'grid-column-gap',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{ properties: ['gap', 'row-gap', 'column-gap'] },
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'place-content',
|
|||
|
|
'place-items',
|
|||
|
|
'place-self',
|
|||
|
|
'align-content',
|
|||
|
|
'align-items',
|
|||
|
|
'align-self',
|
|||
|
|
'justify-content',
|
|||
|
|
'justify-items',
|
|||
|
|
'justify-self',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{ properties: ['order'] },
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'float',
|
|||
|
|
'width',
|
|||
|
|
'min-width',
|
|||
|
|
'max-width',
|
|||
|
|
'height',
|
|||
|
|
'min-height',
|
|||
|
|
'max-height',
|
|||
|
|
'padding',
|
|||
|
|
'padding-top',
|
|||
|
|
'padding-right',
|
|||
|
|
'padding-bottom',
|
|||
|
|
'padding-left',
|
|||
|
|
'margin',
|
|||
|
|
'margin-top',
|
|||
|
|
'margin-right',
|
|||
|
|
'margin-bottom',
|
|||
|
|
'margin-left',
|
|||
|
|
'overflow',
|
|||
|
|
'overflow-x',
|
|||
|
|
'overflow-y',
|
|||
|
|
'-webkit-overflow-scrolling',
|
|||
|
|
'-ms-overflow-x',
|
|||
|
|
'-ms-overflow-y',
|
|||
|
|
'-ms-overflow-style',
|
|||
|
|
'overscroll-behavior',
|
|||
|
|
'overscroll-behavior-x',
|
|||
|
|
'overscroll-behavior-y',
|
|||
|
|
'overscroll-behavior-inline',
|
|||
|
|
'overscroll-behavior-block',
|
|||
|
|
'clip',
|
|||
|
|
'clip-path',
|
|||
|
|
'clear',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'font',
|
|||
|
|
'font-family',
|
|||
|
|
'font-size',
|
|||
|
|
'font-style',
|
|||
|
|
'font-weight',
|
|||
|
|
'font-feature-settings',
|
|||
|
|
'font-kerning',
|
|||
|
|
'font-variant',
|
|||
|
|
'font-variant-ligatures',
|
|||
|
|
'font-variant-caps',
|
|||
|
|
'font-variant-alternates',
|
|||
|
|
'font-variant-numeric',
|
|||
|
|
'font-variant-east-asian',
|
|||
|
|
'font-variant-position',
|
|||
|
|
'font-size-adjust',
|
|||
|
|
'font-stretch',
|
|||
|
|
'font-effect',
|
|||
|
|
'font-emphasize',
|
|||
|
|
'font-emphasize-position',
|
|||
|
|
'font-emphasize-style',
|
|||
|
|
'-webkit-font-smoothing',
|
|||
|
|
'-moz-osx-font-smoothing',
|
|||
|
|
'font-smooth',
|
|||
|
|
'hyphens',
|
|||
|
|
'line-height',
|
|||
|
|
'color',
|
|||
|
|
'text-align',
|
|||
|
|
'text-align-last',
|
|||
|
|
'text-emphasis',
|
|||
|
|
'text-emphasis-color',
|
|||
|
|
'text-emphasis-style',
|
|||
|
|
'text-emphasis-position',
|
|||
|
|
'text-decoration',
|
|||
|
|
'text-decoration-line',
|
|||
|
|
'text-decoration-thickness',
|
|||
|
|
'text-decoration-style',
|
|||
|
|
'text-decoration-color',
|
|||
|
|
'text-underline-position',
|
|||
|
|
'text-underline-offset',
|
|||
|
|
'text-indent',
|
|||
|
|
'text-justify',
|
|||
|
|
'text-outline',
|
|||
|
|
'-ms-text-overflow',
|
|||
|
|
'text-overflow',
|
|||
|
|
'text-overflow-ellipsis',
|
|||
|
|
'text-overflow-mode',
|
|||
|
|
'text-shadow',
|
|||
|
|
'text-transform',
|
|||
|
|
'text-wrap',
|
|||
|
|
'-webkit-text-size-adjust',
|
|||
|
|
'-ms-text-size-adjust',
|
|||
|
|
'letter-spacing',
|
|||
|
|
'word-break',
|
|||
|
|
'word-spacing',
|
|||
|
|
'word-wrap', // Legacy name for `overflow-wrap`
|
|||
|
|
'overflow-wrap',
|
|||
|
|
'tab-size',
|
|||
|
|
'white-space',
|
|||
|
|
'vertical-align',
|
|||
|
|
'list-style',
|
|||
|
|
'list-style-position',
|
|||
|
|
'list-style-type',
|
|||
|
|
'list-style-image',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'pointer-events',
|
|||
|
|
'-ms-touch-action',
|
|||
|
|
'touch-action',
|
|||
|
|
'cursor',
|
|||
|
|
'visibility',
|
|||
|
|
'zoom',
|
|||
|
|
'table-layout',
|
|||
|
|
'empty-cells',
|
|||
|
|
'caption-side',
|
|||
|
|
'border-spacing',
|
|||
|
|
'border-collapse',
|
|||
|
|
'content',
|
|||
|
|
'quotes',
|
|||
|
|
'counter-reset',
|
|||
|
|
'counter-increment',
|
|||
|
|
'resize',
|
|||
|
|
'user-select',
|
|||
|
|
'nav-index',
|
|||
|
|
'nav-up',
|
|||
|
|
'nav-right',
|
|||
|
|
'nav-down',
|
|||
|
|
'nav-left',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'background',
|
|||
|
|
'background-color',
|
|||
|
|
'background-image',
|
|||
|
|
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
|
|||
|
|
'filter:progid:DXImageTransform.Microsoft.gradient',
|
|||
|
|
'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader',
|
|||
|
|
'filter',
|
|||
|
|
'background-repeat',
|
|||
|
|
'background-attachment',
|
|||
|
|
'background-position',
|
|||
|
|
'background-position-x',
|
|||
|
|
'background-position-y',
|
|||
|
|
'background-clip',
|
|||
|
|
'background-origin',
|
|||
|
|
'background-size',
|
|||
|
|
'background-blend-mode',
|
|||
|
|
'isolation',
|
|||
|
|
'border',
|
|||
|
|
'border-color',
|
|||
|
|
'border-style',
|
|||
|
|
'border-width',
|
|||
|
|
'border-top',
|
|||
|
|
'border-top-color',
|
|||
|
|
'border-top-style',
|
|||
|
|
'border-top-width',
|
|||
|
|
'border-right',
|
|||
|
|
'border-right-color',
|
|||
|
|
'border-right-style',
|
|||
|
|
'border-right-width',
|
|||
|
|
'border-bottom',
|
|||
|
|
'border-bottom-color',
|
|||
|
|
'border-bottom-style',
|
|||
|
|
'border-bottom-width',
|
|||
|
|
'border-left',
|
|||
|
|
'border-left-color',
|
|||
|
|
'border-left-style',
|
|||
|
|
'border-left-width',
|
|||
|
|
'border-radius',
|
|||
|
|
'border-top-left-radius',
|
|||
|
|
'border-top-right-radius',
|
|||
|
|
'border-bottom-right-radius',
|
|||
|
|
'border-bottom-left-radius',
|
|||
|
|
'border-image',
|
|||
|
|
'border-image-source',
|
|||
|
|
'border-image-slice',
|
|||
|
|
'border-image-width',
|
|||
|
|
'border-image-outset',
|
|||
|
|
'border-image-repeat',
|
|||
|
|
'outline',
|
|||
|
|
'outline-width',
|
|||
|
|
'outline-style',
|
|||
|
|
'outline-color',
|
|||
|
|
'outline-offset',
|
|||
|
|
'box-shadow',
|
|||
|
|
'mix-blend-mode',
|
|||
|
|
'filter:progid:DXImageTransform.Microsoft.Alpha(Opacity',
|
|||
|
|
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
|
|||
|
|
'opacity',
|
|||
|
|
'-ms-interpolation-mode',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'alignment-baseline',
|
|||
|
|
'baseline-shift',
|
|||
|
|
'dominant-baseline',
|
|||
|
|
'text-anchor',
|
|||
|
|
'word-spacing',
|
|||
|
|
'writing-mode',
|
|||
|
|
|
|||
|
|
'fill',
|
|||
|
|
'fill-opacity',
|
|||
|
|
'fill-rule',
|
|||
|
|
'stroke',
|
|||
|
|
'stroke-dasharray',
|
|||
|
|
'stroke-dashoffset',
|
|||
|
|
'stroke-linecap',
|
|||
|
|
'stroke-linejoin',
|
|||
|
|
'stroke-miterlimit',
|
|||
|
|
'stroke-opacity',
|
|||
|
|
'stroke-width',
|
|||
|
|
|
|||
|
|
'color-interpolation',
|
|||
|
|
'color-interpolation-filters',
|
|||
|
|
'color-profile',
|
|||
|
|
'color-rendering',
|
|||
|
|
'flood-color',
|
|||
|
|
'flood-opacity',
|
|||
|
|
'image-rendering',
|
|||
|
|
'lighting-color',
|
|||
|
|
'marker-start',
|
|||
|
|
'marker-mid',
|
|||
|
|
'marker-end',
|
|||
|
|
'mask',
|
|||
|
|
'shape-rendering',
|
|||
|
|
'stop-color',
|
|||
|
|
'stop-opacity',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
properties: [
|
|||
|
|
'transition',
|
|||
|
|
'transition-delay',
|
|||
|
|
'transition-timing-function',
|
|||
|
|
'transition-duration',
|
|||
|
|
'transition-property',
|
|||
|
|
'transform',
|
|||
|
|
'transform-origin',
|
|||
|
|
'animation',
|
|||
|
|
'animation-name',
|
|||
|
|
'animation-duration',
|
|||
|
|
'animation-play-state',
|
|||
|
|
'animation-timing-function',
|
|||
|
|
'animation-delay',
|
|||
|
|
'animation-iteration-count',
|
|||
|
|
'animation-direction',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
};
|