refactor(ui): 界面升级与代码规范优化

.stylelintrc.cjs

@@ -6,10 +6,6 @@ module.exports = {
     "stylelint-config-html/vue",
     "stylelint-config-recess-order",
   ],
-
-  plugins: [
-    "stylelint-prettier", // 统一代码风格，格式冲突时以 Prettier 规则为准
-  ],
   overrides: [
     {
       files: ["**/*.{vue,html}"],
@@ -21,19 +17,22 @@ module.exports = {
     },
   ],
   rules: {
-    "prettier/prettier": true, // 强制执行 Prettier 格式化规则（需配合 .prettierrc 配置文件）
-    "no-empty-source": null, //  允许空的样式文件
-    "declaration-property-value-no-unknown": null, // 允许非常规数值格式 ,如 height: calc(100% - 50)
-    // 允许使用未知伪类
+    "no-empty-source": null,
+    "declaration-property-value-no-unknown": null,
     "selector-pseudo-class-no-unknown": [
       true,
       {
         ignorePseudoClasses: ["global", "export", "deep"],
       },
     ],
-    // 允许使用未知伪元素
-    "no-invalid-position-declaration": null, // Vue 模板内联 style 误报
-    "at-rule-no-unknown": null, // 禁用默认的未知 at-rule 检查
-    "scss/at-rule-no-unknown": true, // 启用 SCSS 特定的 at-rule 检查
+    "selector-pseudo-element-no-unknown": [
+      true,
+      {
+        ignorePseudoElements: ["deep", "slotted", "global", "v-deep", "v-slotted", "v-global"],
+      },
+    ],
+    "no-invalid-position-declaration": null,
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": true,
   },
 };