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

This commit is contained in:
xiaoxian521
2023-05-04 13:49:30 +08:00
parent 7713e7fb9e
commit afc15ea8df
59 changed files with 426 additions and 449 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

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

View File

@@ -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>

View File

@@ -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>

View File

@@ -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;

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -63,12 +63,12 @@ export default defineComponent({
<style scoped>
.wrapper {
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
width: 300px;
height: 200px;
border: 3px dashed rgba(90, 167, 164, 0.9);
background-color: rgb(90 167 164 / 20%);
border: 3px dashed rgb(90 167 164 / 90%);
border-radius: 8px;
background-color: rgba(90, 167, 164, 0.2);
}
</style>

View File

@@ -98,13 +98,13 @@ export default defineComponent({
<style scoped>
.wrapper {
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
width: 300px;
height: 200px;
margin-bottom: 30px;
border: 3px dashed rgba(90, 167, 164, 0.9);
background-color: rgb(90 167 164 / 20%);
border: 3px dashed rgb(90 167 164 / 90%);
border-radius: 8px;
background-color: rgba(90, 167, 164, 0.2);
}
</style>

View File

@@ -60,12 +60,12 @@ export default ExampleSFC;
<style scoped>
.wrapper {
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
width: 300px;
height: 200px;
border: 3px dashed rgba(90, 167, 164, 0.9);
background-color: rgb(90 167 164 / 20%);
border: 3px dashed rgb(90 167 164 / 90%);
border-radius: 8px;
background-color: rgba(90, 167, 164, 0.2);
}
</style>

View File

@@ -44,8 +44,8 @@ const onCropper = (): void => {
<style scoped>
.cropper-container {
display: flex;
justify-content: space-between;
align-items: center;
justify-content: space-between;
}
.el-button {

View File

@@ -110,7 +110,7 @@ function addDanmu() {
<el-link
href="https://github.com/hellodigua/vue-danmaku/tree/vue3"
target="_blank"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
vue3-danmaku
</el-link>
@@ -197,10 +197,10 @@ function addDanmu() {
align-items: center;
.img {
height: 25px;
width: 25px;
border-radius: 50%;
height: 25px;
margin-right: 5px;
border-radius: 50%;
}
}
}

View File

@@ -65,7 +65,7 @@ onMounted(() => {
href="https://sortablejs.github.io/vue.draggable.next/#/simple"
target="_blank"
:icon="useRenderIcon(Rank)"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
vuedraggable
</el-link>
@@ -150,35 +150,36 @@ onMounted(() => {
/* grid列表拖拽 */
.grid-container {
display: grid;
grid-template-columns: 33.3% 33.3% 33.3%;
grid-template-rows: 33.3% 33.3% 33.3%;
grid-template-columns: 33.3% 33.3% 33.3%;
}
.item-single {
font-size: 1.5em;
height: 77px;
text-align: center;
font-size: 1.5em;
line-height: 85px;
border: 1px solid #e5e4e9;
text-align: center;
cursor: move;
border: 1px solid #e5e4e9;
}
.item-cut {
font-size: 1.5em;
height: 77px;
font-size: 1.5em;
line-height: 77px;
text-align: center;
border: 1px solid #e5e4e9;
cursor: move;
border: 1px solid #e5e4e9;
}
.item {
font-size: 2em;
text-align: center;
line-height: 100px;
border: 1px solid #e5e4e9;
text-align: center;
cursor: move;
@media screen and (max-width: 750px) {
border: 1px solid #e5e4e9;
@media screen and (width <= 750px) {
line-height: 90px;
}
}

View File

@@ -80,7 +80,7 @@ watch(
<el-link
href="https://github.com/leezng/vue-json-pretty"
target="_blank"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
vue-json-pretty
</el-link>
@@ -91,7 +91,7 @@ watch(
<el-link
href="https://github.com/surmon-china/vue-codemirror"
target="_blank"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
codemirror6
</el-link>

View File

@@ -125,8 +125,8 @@ function changeDirection(val) {
<style lang="scss" scoped>
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
justify-content: space-between;
span {
margin-right: 20px;
@@ -134,23 +134,23 @@ function changeDirection(val) {
}
.warp {
height: 270px;
width: 360px;
height: 270px;
margin: 0 auto;
overflow: hidden;
ul {
list-style: none;
padding: 0;
margin: 0 auto;
list-style: none;
li,
a {
height: 30px;
line-height: 30px;
display: flex;
justify-content: space-between;
height: 30px;
font-size: 15px;
line-height: 30px;
}
}
}

View File

@@ -57,9 +57,9 @@ $H: 70vh;
.split-pane {
width: 70vw;
height: $H;
text-align: center;
font-size: 50px;
color: #fff;
text-align: center;
border: 1px solid #e5e6eb;
.dv-a,
@@ -67,8 +67,8 @@ $H: 70vh;
.dv-c {
width: $W;
height: $W;
color: rgba($color: dodgerblue, $alpha: 0.8);
line-height: $H;
color: rgba($color: dodgerblue, $alpha: 80%);
}
.dv-b,
@@ -77,11 +77,11 @@ $H: 70vh;
}
.dv-b {
color: rgba($color: #000, $alpha: 0.8);
color: rgba($color: #000, $alpha: 80%);
}
.dv-c {
color: rgba($color: #ce272d, $alpha: 0.8);
color: rgba($color: #ce272d, $alpha: 80%);
}
}
</style>

View File

@@ -42,7 +42,7 @@ onMounted(() => {
href="https://v3.h5player.bytedance.com/"
target="_blank"
:icon="useRenderIcon(VideoPlay)"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
西瓜播放器
</el-link>

View File

@@ -48,7 +48,7 @@ const handleCreated = editor => {
href="https://www.wangeditor.com"
target="_blank"
:icon="useRenderIcon(Edit)"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
Wangeditor
</el-link>

View File

@@ -18,21 +18,21 @@ defineOptions({
<style lang="scss" scoped>
.back {
width: 200px;
height: 200px;
cursor: pointer;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 200px;
cursor: pointer;
background: rgb(138 150 160 / 8%);
border-radius: 18px;
transform: translate(-50%, -50%);
background: rgba(138, 150, 160, 0.08);
&:hover {
background: rgba(138, 150, 160, 0.2);
background: rgb(138 150 160 / 20%);
transition: background 0.6s;
}
}

View File

@@ -40,7 +40,7 @@ function initLf() {
LogicFlow.use(Menu);
const domLf = new LogicFlow({
...unref(config),
container: document.querySelector("#LF-Turbo")
container: document.querySelector("#turbo")
});
lf.value = domLf;
// 设置边类型bpmn:sequenceFlow为默认类型
@@ -74,7 +74,7 @@ onMounted(() => {
href="http://logic-flow.org/"
target="_blank"
:icon="useRenderIcon(SetUp)"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
LogicFlow
</el-link>
@@ -93,7 +93,7 @@ onMounted(() => {
<!-- 节点面板 -->
<NodePanel :lf="lf" :nodeList="nodeList" />
<!-- 画布 -->
<div id="LF-Turbo" />
<div id="turbo" />
<!-- 数据查看面板 -->
<el-dialog
class="flow-dialog"
@@ -110,19 +110,19 @@ onMounted(() => {
</template>
<style scoped>
#LF-Turbo {
#turbo {
width: 100%;
height: 70vh;
}
.logic-flow-view {
margin: 10px;
position: relative;
margin: 10px;
}
.demo-title {
text-align: center;
margin: 20px;
text-align: center;
}
.demo-control {
@@ -139,23 +139,23 @@ onMounted(() => {
.add-panel {
position: absolute;
z-index: 11;
background-color: white;
padding: 10px 5px;
background-color: white;
}
.el-drawer__body {
height: 80%;
overflow: auto;
margin-top: -30px;
z-index: 3;
height: 80%;
margin-top: -30px;
overflow: auto;
}
:deep(.flow-dialog) {
transform: none;
left: 0;
top: 5vh;
position: relative;
top: 5vh;
left: 0;
margin: 0 auto;
transform: none;
}
:deep(.flow-dialog) .el-dialog__body {

View File

@@ -94,25 +94,25 @@ const cardLogoClass = computed(() => [
display: flex;
flex-direction: column;
margin-bottom: 12px;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
border-radius: 3px;
&_detail {
flex: 1;
padding: 24px 32px;
min-height: 140px;
padding: 24px 32px;
&--logo {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: #e0ebff;
font-size: 32px;
color: #0052d9;
background: #e0ebff;
border-radius: 50%;
&__disabled {
color: #a1c4ff;
@@ -129,21 +129,21 @@ const cardLogoClass = computed(() => [
}
&--name {
margin: 24px 0 8px 0;
margin: 24px 0 8px;
font-size: 16px;
font-weight: 400;
}
&--desc {
display: -webkit-box;
height: 40px;
margin-bottom: 24px;
overflow: hidden;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 24px;
height: 40px;
}
}

View File

@@ -22,7 +22,7 @@ function tabClick({ index }) {
<el-link
href="https://github.com/pure-admin/pure-admin-table"
target="_blank"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
@pureadmin/table
</el-link>

View File

@@ -24,7 +24,7 @@ function tabClick({ index }) {
<el-link
href="https://github.com/pure-admin/pure-admin-table"
target="_blank"
style="font-size: 16px; margin: 0 4px 5px"
style="margin: 0 4px 5px; font-size: 16px"
>
@pureadmin/table
</el-link>

View File

@@ -58,7 +58,7 @@ const columns = [
role="img"
aria-label="dingding"
class="anticon anticon-dingding flex items-center cursor-pointer"
style="color: rgb(0, 160, 233); margin-left: 8px"
style="margin-left: 8px; color: rgb(0 160 233)"
>
<svg
viewBox="64 64 896 896"

View File

@@ -281,6 +281,6 @@ axios
}
.main-content {
margin: 20px 20px 0 20px !important;
margin: 20px 20px 0 !important;
}
</style>