chore: update stylelint

.stylelintrc.js

@@ -1,28 +1,24 @@
 // https://stylelint.io/user-guide/rules/list
 
 module.exports = {
-  extends: 'stylelint-config-standard',
+  extends: [
+    'stylelint-config-standard',
+    'stylelint-config-html/html',
+    'stylelint-config-html/vue',
+  ],
   rules: {
     'indentation': 2,
     'max-nesting-depth': 5,
-    'max-empty-lines': null,
-    'no-eol-whitespace': true,
-    'no-missing-end-of-source-newline': null,
-    'no-descending-specificity': null,
-    'at-rule-empty-line-before': null,
-    'at-rule-no-unknown': null,
-    'rule-empty-line-before': null,
-    'number-leading-zero': null,
     'string-no-newline': true,
     'string-quotes': 'single',
     'color-hex-case': 'lower',
     'color-hex-length': 'short',
     'color-no-invalid-hex': true,
     'font-weight-notation': 'numeric',
-    'font-family-no-missing-generic-family-keyword': null,
     'function-calc-no-unspaced-operator': true,
     'function-url-quotes': 'never',
     'block-no-empty': true,
+    'no-eol-whitespace': true,
     'block-opening-brace-newline-after': 'always',
     'block-opening-brace-space-before': 'always',
     'declaration-block-no-duplicate-properties': [true, {
@@ -31,7 +27,24 @@ module.exports = {
     'declaration-block-semicolon-newline-after': 'always',
     'declaration-block-trailing-semicolon': 'always',
     'selector-pseudo-element-colon-notation': 'double',
+    'declaration-block-no-redundant-longhand-properties': [true, {
+      ignoreShorthands: ['inset'],
+    }],
+    'alpha-value-notation': 'number',
+
+    'max-empty-lines': null,
+    'no-missing-end-of-source-newline': null,
+    'no-descending-specificity': null,
+    'at-rule-empty-line-before': null,
+    'at-rule-no-unknown': null,
+    'rule-empty-line-before': null,
+    'number-leading-zero': null,
     'selector-pseudo-element-no-unknown': null,
     'selector-list-comma-newline-after': null,
+    'no-invalid-double-slash-comments': null,
+    'color-function-notation': null,
+    'font-family-no-missing-generic-family-keyword': null,
+    'selector-class-pattern': null,
+    'custom-property-pattern': null,
   },
 }

package.json

@@ -66,11 +66,13 @@
     "eslint": "^8.34.0",
     "eslint-plugin-vue": "^9.9.0",
     "husky": "8.0.3",
+    "postcss-html": "^1.5.0",
     "sass": "^1.32.13",
     "sass-loader": "^8.0.2",
-    "stylelint": "^13.8.0",
+    "stylelint": "^15.10.2",
-    "stylelint-config-standard": "^20.0.0",
+    "stylelint-config-html": "^1.1.0",
-    "stylelint-webpack-plugin": "^2.1.1",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-webpack-plugin": "^4.1.1",
     "typescript": "~4.7.4"
   },
   "husky": {

src/assets/styles/antd.scss

@@ -62,6 +62,6 @@
   background-color: transparent !important;
 
   .ant-input-number-input {
-    color: rgba(0, 0, 0, 0.25) !important;
+    color: rgba(0, 0, 0, .25) !important;
   }
 }

src/assets/styles/mixin.scss

@@ -33,7 +33,7 @@
   overflow: overlay;
 }
 
-@mixin absolute-0 {
+@mixin absolute-0() {
   position: absolute;
   top: 0;
   right: 0;

src/views/components/element/VideoElement/VideoPlayer/style.scss

@@ -5,32 +5,6 @@
   line-height: 1;
   transform-origin: 0 0;
 
-  &.playing {
-    @media (min-width: 900px) {
-      .controller-mask {
-        opacity: 0;
-      }
-      .controller {
-        opacity: 0;
-      }
-
-      &:hover {
-        .controller-mask {
-          opacity: 1;
-        }
-        .controller {
-          opacity: 1;
-        }
-      }
-    }
-  }
-
-  &.loading {
-    .bezel .diplayer-loading-icon {
-      display: block;
-    }
-  }
-
   &.hide-controller {
     cursor: none;
 
@@ -344,45 +318,6 @@
       }
     }
   }
-  .loading-icon {
-    display: none;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -18px 0 0 -18px;
-    height: 36px;
-    width: 36px;
-    pointer-events: none;
-
-    .loading-hide {
-      display: none;
-    }
-    .loading-dot {
-      animation: loading-dot-fade 0.8s ease infinite;
-      opacity: 0;
-      transform-origin: 4px 4px;
-
-      @for $i from 7 through 1 {
-        &.loading-dot-#{$i} {
-          animation-delay: 0.1s * $i;
-        }
-      }
-    }
-    @keyframes loading-dot-fade {
-      0% {
-        opacity: 0.7;
-        transform: scale(1.2, 1.2);
-      }
-      50% {
-        opacity: 0.25;
-        transform: scale(0.9, 0.9);
-      }
-      to {
-        opacity: 0.25;
-        transform: scale(0.85, 0.85);
-      }
-    }
-  }
 }
 
 .load-error {

vue.config.js

@@ -17,7 +17,7 @@ module.exports = {
   configureWebpack: {
     plugins: [
       new StyleLintPlugin({
-        files: ['src/**/*.{vue,html,css,scss,sass,less}'],
+        files: ['src/**/*.{vue,html,css,scss,sass}'],
         failOnError: false,
         cache: false,
         fix: false,