fix: style lint

xingyuv · xingyuv · commit d63940164671 · 2023-06-21T19:26:14.000+08:00
diff --git a/src/App.vue b/src/App.vue
@@ -40,10 +40,11 @@ $prefix-cls: #{$namespace}-app;
 
 html,
 body {
+  @extend .size;
+
   padding: 0 !important;
   margin: 0;
   overflow: hidden;
-  @extend .size;
 
   #app {
     @extend .size;
diff --git a/src/components/Table/src/Table.vue b/src/components/Table/src/Table.vue
@@ -302,6 +302,7 @@ export default defineComponent({
   margin-left: 0;
   padding: 8px 4px;
 }
+
 :deep(.el-button.is-link) {
   margin-left: 0;
   padding: 8px 4px;
diff --git a/src/components/bpmnProcessDesigner/package/designer/ProcessViewer.vue b/src/components/bpmnProcessDesigner/package/designer/ProcessViewer.vue
@@ -407,6 +407,7 @@ watch(
   stroke-dasharray: 4px !important;
   fill-opacity: 0.2 !important;
 }
+
 .highlight-todo.djs-shape .djs-visual > :nth-child(1) {
   fill: #1890ff !important;
   stroke: #1890ff !important;
@@ -418,8 +419,9 @@ watch(
   stroke: #1890ff !important;
   stroke-dasharray: 4px !important;
   fill-opacity: 0.2 !important;
-  marker-end: url(#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr);
+  marker-end: url('#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr');
 }
+
 :deep(.highlight-todo.djs-shape .djs-visual > :nth-child(1)) {
   fill: #1890ff !important;
   stroke: #1890ff !important;
@@ -433,14 +435,17 @@ watch(
   stroke: green !important;
   fill-opacity: 0.2 !important;
 }
+
 .highlight.djs-shape .djs-visual > :nth-child(2) {
   fill: green !important;
 }
+
 .highlight.djs-shape .djs-visual > path {
   fill: green !important;
   fill-opacity: 0.2 !important;
   stroke: green !important;
 }
+
 .highlight.djs-connection > .djs-visual > path {
   stroke: green !important;
 }
@@ -454,14 +459,17 @@ watch(
   stroke: green !important;
   fill-opacity: 0.2 !important;
 }
+
 :deep(.highlight.djs-shape .djs-visual > :nth-child(2)) {
   fill: green !important;
 }
+
 :deep(.highlight.djs-shape .djs-visual > path) {
   fill: green !important;
   fill-opacity: 0.2 !important;
   stroke: green !important;
 }
+
 :deep(.highlight.djs-connection > .djs-visual > path) {
   stroke: green !important;
 }
@@ -472,14 +480,17 @@ watch(
   stroke: red !important;
   fill-opacity: 0.2 !important;
 }
+
 .highlight-reject.djs-shape .djs-visual > :nth-child(2) {
   fill: red !important;
 }
+
 .highlight-reject.djs-shape .djs-visual > path {
   fill: red !important;
   fill-opacity: 0.2 !important;
   stroke: red !important;
 }
+
 .highlight-reject.djs-connection > .djs-visual > path {
   stroke: red !important;
 }
@@ -493,14 +504,17 @@ watch(
   stroke: red !important;
   fill-opacity: 0.2 !important;
 }
+
 :deep(.highlight-reject.djs-shape .djs-visual > :nth-child(2)) {
   fill: red !important;
 }
+
 :deep(.highlight-reject.djs-shape .djs-visual > path) {
   fill: red !important;
   fill-opacity: 0.2 !important;
   stroke: red !important;
 }
+
 :deep(.highlight-reject.djs-connection > .djs-visual > path) {
   stroke: red !important;
 }
@@ -511,14 +525,17 @@ watch(
   stroke: grey !important;
   fill-opacity: 0.2 !important;
 }
+
 .highlight-cancel.djs-shape .djs-visual > :nth-child(2) {
   fill: grey !important;
 }
+
 .highlight-cancel.djs-shape .djs-visual > path {
   fill: grey !important;
   fill-opacity: 0.2 !important;
   stroke: grey !important;
 }
+
 .highlight-cancel.djs-connection > .djs-visual > path {
   stroke: grey !important;
 }
@@ -532,22 +549,25 @@ watch(
   stroke: grey !important;
   fill-opacity: 0.2 !important;
 }
+
 :deep(.highlight-cancel.djs-shape .djs-visual > :nth-child(2)) {
   fill: grey !important;
 }
+
 :deep(.highlight-cancel.djs-shape .djs-visual > path) {
   fill: grey !important;
   fill-opacity: 0.2 !important;
   stroke: grey !important;
 }
+
 :deep(.highlight-cancel.djs-connection > .djs-visual > path) {
   stroke: grey !important;
 }
 
 .element-overlays {
   box-sizing: border-box;
   padding: 8px;
-  background: rgba(0, 0, 0, 0.6);
+  background: rgb(0 0 0 / 60%);
   border-radius: 4px;
   color: #fafafa;
   width: 200px;
diff --git a/src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue b/src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue
@@ -32,12 +32,13 @@ const addTask = (event, options: any = {}) => {
 <style scoped lang="scss">
 .my-process-palette {
   box-sizing: border-box;
-  padding: 80px 20px 20px 20px;
+  padding: 80px 20px 20px;
+
   .test-button {
     box-sizing: border-box;
     padding: 8px 16px;
     border-radius: 4px;
-    border: 1px solid rgba(24, 144, 255, 0.8);
+    border: 1px solid rgb(24 144 255 / 80%);
     cursor: pointer;
   }
 }
diff --git a/src/layout/components/TabMenu/src/TabMenu.vue b/src/layout/components/TabMenu/src/TabMenu.vue
@@ -217,7 +217,7 @@ $prefix-cls: #{$namespace}-tab-menu;
 .#{$prefix-cls} {
   transition: all var(--transition-time-02);
 
-  &:after {
+  &::after {
     position: absolute;
     top: 0;
     right: 0;
diff --git a/src/views/Profile/Index.vue b/src/views/Profile/Index.vue
@@ -39,21 +39,25 @@ const activeName = ref('basicInfo')
 <style scoped>
 .user {
   max-height: 960px;
-  padding: 15px 20px 20px 20px;
+  padding: 15px 20px 20px;
 }
+
 .card-header {
   display: flex;
   justify-content: center;
   align-items: center;
 }
+
 :deep(.el-card .el-card__header, .el-card .el-card__body) {
   padding: 15px !important;
 }
+
 .profile-tabs > .el-tabs__content {
   padding: 32px;
   color: #6b778c;
   font-weight: 600;
 }
+
 .el-tabs--left .el-tabs__content {
   height: 100%;
 }
diff --git a/src/views/mp/components/wx-material-select/main.vue b/src/views/mp/components/wx-material-select/main.vue
@@ -229,7 +229,7 @@ onMounted(async () => {
 })
 </script>
 <style lang="scss" scoped>
-@media (min-width: 992px) and (max-width: 1300px) {
+@media (width >= 992px) and (width <= 1300px) {
   .waterfall {
     column-count: 3;
   }
@@ -239,7 +239,7 @@ onMounted(async () => {
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (width >= 768px) and (width <= 991px) {
   .waterfall {
     column-count: 2;
   }
@@ -249,7 +249,7 @@ onMounted(async () => {
   }
 }
 
-@media (max-width: 767px) {
+@media (width <= 767px) {
   .waterfall {
     column-count: 1;
   }
diff --git a/src/views/mp/draft/components/DraftTable.vue b/src/views/mp/draft/components/DraftTable.vue
@@ -67,19 +67,19 @@ const emit = defineEmits<{
   }
 }
 
-@media (min-width: 992px) and (max-width: 1300px) {
+@media (width >= 992px) and (width <= 1300px) {
   .waterfall {
     column-count: 3;
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (width >= 768px) and (width <= 991px) {
   .waterfall {
     column-count: 2;
   }
 }
 
-@media (max-width: 767px) {
+@media (width <= 767px) {
   .waterfall {
     column-count: 1;
   }
diff --git a/src/views/mp/material/components/ImageTable.vue b/src/views/mp/material/components/ImageTable.vue
@@ -31,7 +31,7 @@ const emit = defineEmits<{
 </script>
 
 <style lang="scss" scoped>
-@media (min-width: 992px) and (max-width: 1300px) {
+@media (width >= 992px) and (width <= 1300px) {
   .waterfall {
     column-count: 3;
   }
@@ -41,7 +41,7 @@ const emit = defineEmits<{
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (width >= 768px) and (width <= 991px) {
   .waterfall {
     column-count: 2;
   }
@@ -51,7 +51,7 @@ const emit = defineEmits<{
   }
 }
 
-@media (max-width: 767px) {
+@media (width <= 767px) {
   .waterfall {
     column-count: 1;
   }

Original file line number	Diff line number	Diff line change
`@@ -302,6 +302,7 @@ export default defineComponent({`
`302`	`302`	`margin-left: 0;`
`303`	`303`	`padding: 8px 4px;`
`304`	`304`	`}`
	`305`	`+`
`305`	`306`	`:deep(.el-button.is-link) {`
`306`	`307`	`margin-left: 0;`
`307`	`308`	`padding: 8px 4px;`
Original file line number	Diff line number	Diff line change
`@@ -407,6 +407,7 @@ watch(`
`407`	`407`	`stroke-dasharray: 4px !important;`
`408`	`408`	`fill-opacity: 0.2 !important;`
`409`	`409`	`}`
	`410`	`+`
`410`	`411`	`.highlight-todo.djs-shape .djs-visual > :nth-child(1) {`
`411`	`412`	`fill: #1890ff !important;`
`412`	`413`	`stroke: #1890ff !important;`
`@@ -418,8 +419,9 @@ watch(`
`418`	`419`	`stroke: #1890ff !important;`
`419`	`420`	`stroke-dasharray: 4px !important;`
`420`	`421`	`fill-opacity: 0.2 !important;`
`421`		`- marker-end: url(#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr);`
	`422`	`+ marker-end: url('#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr');`
`422`	`423`	`}`
	`424`	`+`
`423`	`425`	`:deep(.highlight-todo.djs-shape .djs-visual > :nth-child(1)) {`
`424`	`426`	`fill: #1890ff !important;`
`425`	`427`	`stroke: #1890ff !important;`
`@@ -433,14 +435,17 @@ watch(`
`433`	`435`	`stroke: green !important;`
`434`	`436`	`fill-opacity: 0.2 !important;`
`435`	`437`	`}`
	`438`	`+`
`436`	`439`	`.highlight.djs-shape .djs-visual > :nth-child(2) {`
`437`	`440`	`fill: green !important;`
`438`	`441`	`}`
	`442`	`+`
`439`	`443`	`.highlight.djs-shape .djs-visual > path {`
`440`	`444`	`fill: green !important;`
`441`	`445`	`fill-opacity: 0.2 !important;`
`442`	`446`	`stroke: green !important;`
`443`	`447`	`}`
	`448`	`+`
`444`	`449`	`.highlight.djs-connection > .djs-visual > path {`
`445`	`450`	`stroke: green !important;`
`446`	`451`	`}`
`@@ -454,14 +459,17 @@ watch(`
`454`	`459`	`stroke: green !important;`
`455`	`460`	`fill-opacity: 0.2 !important;`
`456`	`461`	`}`
	`462`	`+`
`457`	`463`	`:deep(.highlight.djs-shape .djs-visual > :nth-child(2)) {`
`458`	`464`	`fill: green !important;`
`459`	`465`	`}`
	`466`	`+`
`460`	`467`	`:deep(.highlight.djs-shape .djs-visual > path) {`
`461`	`468`	`fill: green !important;`
`462`	`469`	`fill-opacity: 0.2 !important;`
`463`	`470`	`stroke: green !important;`
`464`	`471`	`}`
	`472`	`+`
`465`	`473`	`:deep(.highlight.djs-connection > .djs-visual > path) {`
`466`	`474`	`stroke: green !important;`
`467`	`475`	`}`
`@@ -472,14 +480,17 @@ watch(`
`472`	`480`	`stroke: red !important;`
`473`	`481`	`fill-opacity: 0.2 !important;`
`474`	`482`	`}`
	`483`	`+`
`475`	`484`	`.highlight-reject.djs-shape .djs-visual > :nth-child(2) {`
`476`	`485`	`fill: red !important;`
`477`	`486`	`}`
	`487`	`+`
`478`	`488`	`.highlight-reject.djs-shape .djs-visual > path {`
`479`	`489`	`fill: red !important;`
`480`	`490`	`fill-opacity: 0.2 !important;`
`481`	`491`	`stroke: red !important;`
`482`	`492`	`}`
	`493`	`+`
`483`	`494`	`.highlight-reject.djs-connection > .djs-visual > path {`
`484`	`495`	`stroke: red !important;`
`485`	`496`	`}`
`@@ -493,14 +504,17 @@ watch(`
`493`	`504`	`stroke: red !important;`
`494`	`505`	`fill-opacity: 0.2 !important;`
`495`	`506`	`}`
	`507`	`+`
`496`	`508`	`:deep(.highlight-reject.djs-shape .djs-visual > :nth-child(2)) {`
`497`	`509`	`fill: red !important;`
`498`	`510`	`}`
	`511`	`+`
`499`	`512`	`:deep(.highlight-reject.djs-shape .djs-visual > path) {`
`500`	`513`	`fill: red !important;`
`501`	`514`	`fill-opacity: 0.2 !important;`
`502`	`515`	`stroke: red !important;`
`503`	`516`	`}`
	`517`	`+`
`504`	`518`	`:deep(.highlight-reject.djs-connection > .djs-visual > path) {`
`505`	`519`	`stroke: red !important;`
`506`	`520`	`}`
`@@ -511,14 +525,17 @@ watch(`
`511`	`525`	`stroke: grey !important;`
`512`	`526`	`fill-opacity: 0.2 !important;`
`513`	`527`	`}`
	`528`	`+`
`514`	`529`	`.highlight-cancel.djs-shape .djs-visual > :nth-child(2) {`
`515`	`530`	`fill: grey !important;`
`516`	`531`	`}`
	`532`	`+`
`517`	`533`	`.highlight-cancel.djs-shape .djs-visual > path {`
`518`	`534`	`fill: grey !important;`
`519`	`535`	`fill-opacity: 0.2 !important;`
`520`	`536`	`stroke: grey !important;`
`521`	`537`	`}`
	`538`	`+`
`522`	`539`	`.highlight-cancel.djs-connection > .djs-visual > path {`
`523`	`540`	`stroke: grey !important;`
`524`	`541`	`}`
`@@ -532,22 +549,25 @@ watch(`
`532`	`549`	`stroke: grey !important;`
`533`	`550`	`fill-opacity: 0.2 !important;`
`534`	`551`	`}`
	`552`	`+`
`535`	`553`	`:deep(.highlight-cancel.djs-shape .djs-visual > :nth-child(2)) {`
`536`	`554`	`fill: grey !important;`
`537`	`555`	`}`
	`556`	`+`
`538`	`557`	`:deep(.highlight-cancel.djs-shape .djs-visual > path) {`
`539`	`558`	`fill: grey !important;`
`540`	`559`	`fill-opacity: 0.2 !important;`
`541`	`560`	`stroke: grey !important;`
`542`	`561`	`}`
	`562`	`+`
`543`	`563`	`:deep(.highlight-cancel.djs-connection > .djs-visual > path) {`
`544`	`564`	`stroke: grey !important;`
`545`	`565`	`}`
`546`	`566`
`547`	`567`	`.element-overlays {`
`548`	`568`	`box-sizing: border-box;`
`549`	`569`	`padding: 8px;`
`550`		`- background: rgba(0, 0, 0, 0.6);`
	`570`	`+ background: rgb(0 0 0 / 60%);`
`551`	`571`	`border-radius: 4px;`
`552`	`572`	`color: #fafafa;`
`553`	`573`	`width: 200px;`
Original file line number	Diff line number	Diff line change
`@@ -39,21 +39,25 @@ const activeName = ref('basicInfo')`
`39`	`39`	`<style scoped>`
`40`	`40`	`.user {`
`41`	`41`	`max-height: 960px;`
`42`		`- padding: 15px 20px 20px 20px;`
	`42`	`+ padding: 15px 20px 20px;`
`43`	`43`	`}`
	`44`	`+`
`44`	`45`	`.card-header {`
`45`	`46`	`display: flex;`
`46`	`47`	`justify-content: center;`
`47`	`48`	`align-items: center;`
`48`	`49`	`}`
	`50`	`+`
`49`	`51`	`:deep(.el-card .el-card__header, .el-card .el-card__body) {`
`50`	`52`	`padding: 15px !important;`
`51`	`53`	`}`
	`54`	`+`
`52`	`55`	`.profile-tabs > .el-tabs__content {`
`53`	`56`	`padding: 32px;`
`54`	`57`	`color: #6b778c;`
`55`	`58`	`font-weight: 600;`
`56`	`59`	`}`
	`60`	`+`
`57`	`61`	`.el-tabs--left .el-tabs__content {`
`58`	`62`	`height: 100%;`
`59`	`63`	`}`
Original file line number	Diff line number	Diff line change
`@@ -229,7 +229,7 @@ onMounted(async () => {`
`229`	`229`	`})`
`230`	`230`	`</script>`
`231`	`231`	`<style lang="scss" scoped>`
`232`		`-@media (min-width: 992px) and (max-width: 1300px) {`
	`232`	`+@media (width >= 992px) and (width <= 1300px) {`
`233`	`233`	`.waterfall {`
`234`	`234`	`column-count: 3;`
`235`	`235`	`}`
`@@ -239,7 +239,7 @@ onMounted(async () => {`
`239`	`239`	`}`
`240`	`240`	`}`
`241`	`241`
`242`		`-@media (min-width: 768px) and (max-width: 991px) {`
	`242`	`+@media (width >= 768px) and (width <= 991px) {`
`243`	`243`	`.waterfall {`
`244`	`244`	`column-count: 2;`
`245`	`245`	`}`
`@@ -249,7 +249,7 @@ onMounted(async () => {`
`249`	`249`	`}`
`250`	`250`	`}`
`251`	`251`
`252`		`-@media (max-width: 767px) {`
	`252`	`+@media (width <= 767px) {`
`253`	`253`	`.waterfall {`
`254`	`254`	`column-count: 1;`
`255`	`255`	`}`
Original file line number	Diff line number	Diff line change
`@@ -67,19 +67,19 @@ const emit = defineEmits<{`
`67`	`67`	`}`
`68`	`68`	`}`
`69`	`69`
`70`		`-@media (min-width: 992px) and (max-width: 1300px) {`
	`70`	`+@media (width >= 992px) and (width <= 1300px) {`
`71`	`71`	`.waterfall {`
`72`	`72`	`column-count: 3;`
`73`	`73`	`}`
`74`	`74`	`}`
`75`	`75`
`76`		`-@media (min-width: 768px) and (max-width: 991px) {`
	`76`	`+@media (width >= 768px) and (width <= 991px) {`
`77`	`77`	`.waterfall {`
`78`	`78`	`column-count: 2;`
`79`	`79`	`}`
`80`	`80`	`}`
`81`	`81`
`82`		`-@media (max-width: 767px) {`
	`82`	`+@media (width <= 767px) {`
`83`	`83`	`.waterfall {`
`84`	`84`	`column-count: 1;`
`85`	`85`	`}`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ const emit = defineEmits<{`
`31`	`31`	`</script>`
`32`	`32`
`33`	`33`	`<style lang="scss" scoped>`
`34`		`-@media (min-width: 992px) and (max-width: 1300px) {`
	`34`	`+@media (width >= 992px) and (width <= 1300px) {`
`35`	`35`	`.waterfall {`
`36`	`36`	`column-count: 3;`
`37`	`37`	`}`
`@@ -41,7 +41,7 @@ const emit = defineEmits<{`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`
`44`		`-@media (min-width: 768px) and (max-width: 991px) {`
	`44`	`+@media (width >= 768px) and (width <= 991px) {`
`45`	`45`	`.waterfall {`
`46`	`46`	`column-count: 2;`
`47`	`47`	`}`
`@@ -51,7 +51,7 @@ const emit = defineEmits<{`
`51`	`51`	`}`
`52`	`52`	`}`
`53`	`53`
`54`		`-@media (max-width: 767px) {`
	`54`	`+@media (width <= 767px) {`
`55`	`55`	`.waterfall {`
`56`	`56`	`column-count: 1;`
`57`	`57`	`}`