perf: 使用pnpm lint格式化代码，适配最新版的stylelint规则

src/views/able/barcode.vue

@@ -38,7 +38,7 @@ const barcodes = [
           <el-link
             href="https://lindell.me/JsBarcode/"
             target="_blank"
-            style="font-size: 16px; margin: 0 5px 4px 0"
+            style="margin: 0 5px 4px 0; font-size: 16px"
           >
             JsBarcode
           </el-link>

src/views/able/execl.vue

@@ -76,7 +76,7 @@ const exportExcel = () => {
         <el-link
           href="https://github.com/SheetJS/sheetjs"
           target="_blank"
-          style="font-size: 16px; margin: 0 5px 4px 0"
+          style="margin: 0 5px 4px 0; font-size: 16px"
         >
           github地址
         </el-link>

src/views/able/infinite-scroll.vue

@@ -39,7 +39,7 @@ const load = () => {
         <el-link
           href="https://github.com/yujinpan/el-table-infinite-scroll"
           target="_blank"
-          style="font-size: 16px; margin: 0 5px 4px 0"
+          style="margin: 0 5px 4px 0; font-size: 16px"
         >
           github地址
         </el-link>

src/views/able/menu-tree.vue

@@ -52,7 +52,7 @@ const filterMethod = (query: string, node: treeNode) => {
             href="https://element-plus.gitee.io/zh-CN/component/tree-v2.html"
             target="_blank"
             :icon="useRenderIcon(NodeTree)"
-            style="font-size: 16px; margin: 0 5px 4px 0"
+            style="margin: 0 5px 4px 0; font-size: 16px"
           >
             Tree V2
           </el-link>

src/views/able/pdf.vue

@@ -41,7 +41,7 @@ const onPrint = () => {
         <el-link
           href="https://github.com/hrynko/vue-pdf-embed"
           target="_blank"
-          style="font-size: 16px; margin: 0 5px 4px 0"
+          style="margin: 0 5px 4px 0; font-size: 16px"
         >
           github地址
         </el-link>

src/views/able/print.vue

@@ -201,7 +201,7 @@ const tableData: User[] = [
 
 .card-header {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
 }
 </style>

src/views/able/qrcode.vue

@@ -30,7 +30,7 @@ const disabledClick = () => {
           <el-link
             href="https://github.com/soldair/node-qrcode"
             target="_blank"
-            style="font-size: 16px; margin: 0 5px 4px 0"
+            style="margin: 0 5px 4px 0; font-size: 16px"
           >
             qrcode
           </el-link>

src/views/able/swiper.vue

@@ -91,7 +91,7 @@ const swiperExample: any[] = [
         <el-link
           href="https://github.com/nolimits4web/swiper"
           target="_blank"
-          style="font-size: 16px; margin: 0 5px 4px 0"
+          style="margin: 0 5px 4px 0; font-size: 16px"
         >
           github地址
         </el-link>

src/views/able/timeline.vue

@@ -80,26 +80,26 @@ const activities = [
 
 <style scoped>
 .message {
+  position: relative;
+  box-sizing: border-box;
   width: 200px;
+  padding: 5px 12px;
+  line-height: 18px;
+  color: #fff;
+  word-break: break-all;
   background-color: var(--el-color-primary);
   border-color: var(--el-color-primary);
-  color: #fff;
-  line-height: 18px;
-  padding: 5px 12px 5px 12px;
-  box-sizing: border-box;
   border-radius: 6px;
-  position: relative;
-  word-break: break-all;
 }
 
 .message::after {
-  content: "";
   position: absolute;
   top: 8px;
   left: -10px;
   width: 0;
   height: 0;
   overflow: hidden;
+  content: "";
   border-color: var(--el-color-primary) transparent transparent;
   border-style: solid dashed dashed;
   border-width: 10px;

src/views/able/virtual-list/horizontal.vue

@@ -65,9 +65,9 @@ const filteredItems = computed(() => {
 
 <style scoped>
 .dynamic-scroller-demo {
-  overflow: hidden;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .scroller {
@@ -81,10 +81,10 @@ const filteredItems = computed(() => {
 }
 
 .message {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   min-height: 32px;
   padding: 12px;
-  box-sizing: border-box;
 }
 </style>

src/views/able/virtual-list/index.vue

@@ -16,7 +16,7 @@ defineOptions({
         <el-link
           href="https://github.com/Akryum/vue-virtual-scroller/tree/next/packages/vue-virtual-scroller"
           target="_blank"
-          style="font-size: 16px; margin: 0 5px 4px 0"
+          style="margin: 0 5px 4px 0; font-size: 16px"
         >
           github地址
         </el-link>

src/views/able/virtual-list/vertical.vue

@@ -60,9 +60,9 @@ const filteredItems = computed(() => {
 
 <style scoped>
 .dynamic-scroller-demo {
-  overflow: hidden;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .scroller {
@@ -70,9 +70,9 @@ const filteredItems = computed(() => {
 }
 
 .message {
+  box-sizing: border-box;
   display: flex;
   min-height: 32px;
   padding: 12px;
-  box-sizing: border-box;
 }
 </style>