chore: format code

This commit is contained in:
vben 2021-10-25 23:49:03 +08:00
parent 0f44291c5c
commit acea184320
51 changed files with 151 additions and 158 deletions

View File

@ -3,7 +3,7 @@ export interface BasicPageParams {
pageSize: number; pageSize: number;
} }
export interface BasicFetchResult<T extends any> { export interface BasicFetchResult<T> {
items: T[]; items: T[];
total: number; total: number;
} }

View File

@ -39,7 +39,7 @@
html[data-theme='dark'] { html[data-theme='dark'] {
.@{prefix-cls} { .@{prefix-cls} {
border: 1px solid rgb(196, 188, 188); border: 1px solid rgb(196 188 188);
} }
} }

View File

@ -42,7 +42,7 @@
background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8); background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
border-radius: 2px; border-radius: 2px;
box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
0 1px 2px 1px rgba(30, 35, 90, 0.4); 0 1px 2px 1px rgb(30 35 90 / 40%);
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@ -125,7 +125,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-top: 50px; padding-top: 50px;
background-color: rgba(0, 0, 0, 0.25); background-color: rgb(0 0 0 / 25%);
justify-content: center; justify-content: center;
&--mobile { &--mobile {
@ -159,7 +159,7 @@
&__item { &__item {
&-enter { &-enter {
opacity: 0 !important; opacity: 0% !important;
} }
} }
} }
@ -168,16 +168,16 @@
&-content { &-content {
position: relative; position: relative;
width: 632px; width: 632px;
margin: 0 auto auto auto; margin: 0 auto auto;
background-color: @component-background; background-color: @component-background;
border-radius: 16px; border-radius: 16px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
flex-direction: column; flex-direction: column;
} }
&-input__wrapper { &-input__wrapper {
display: flex; display: flex;
padding: 14px 14px 0 14px; padding: 14px 14px 0;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
@ -245,7 +245,7 @@
background-color: @primary-color; background-color: @primary-color;
.@{prefix-cls}-list__item-enter { .@{prefix-cls}-list__item-enter {
opacity: 1; opacity: 100%;
} }
} }
@ -259,7 +259,7 @@
&-enter { &-enter {
width: 30px; width: 30px;
opacity: 0; opacity: 0%;
} }
} }
} }

View File

@ -2,7 +2,7 @@
.CodeMirror { .CodeMirror {
--base: #545281; --base: #545281;
--comment: hsl(210, 25%, 60%); --comment: hsl(210deg 25% 60%);
--keyword: #af4ab1; --keyword: #af4ab1;
--variable: #0055d1; --variable: #0055d1;
--function: #c25205; --function: #c25205;
@ -53,7 +53,7 @@
color: var(--comment); color: var(--comment);
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
opacity: 0.6; opacity: 60%;
} }
.CodeMirror-guttermarker { .CodeMirror-guttermarker {
@ -90,7 +90,7 @@
display: inline-block; display: inline-block;
font-size: 0.8em; font-size: 0.8em;
content: '>'; content: '>';
opacity: 0.8; opacity: 80%;
transform: rotate(90deg); transform: rotate(90deg);
transition: transform 0.2s; transition: transform 0.2s;
} }
@ -125,9 +125,7 @@
} }
.cm-fat-cursor-mark { .cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, 0.5); background-color: rgb(20 255 20 / 50%);
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite;
} }
@ -135,16 +133,14 @@
width: auto; width: auto;
background-color: #7e7; background-color: #7e7;
border: 0; border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite;
} }
@-moz-keyframes blink { @keyframes blink {
50% { 50% {
background-color: transparent; background-color: transparent;
} }
} }
@-webkit-keyframes blink { @keyframes blink {
50% { 50% {
background-color: transparent; background-color: transparent;
} }
@ -294,7 +290,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
} }
.CodeMirror-matchingtag { .CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3); background: rgb(255 150 0 / 30%);
} }
.CodeMirror-activeline-background { .CodeMirror-activeline-background {
@ -394,7 +390,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
background-color: transparent; background-color: transparent;
} }
.CodeMirror-gutter-wrapper ::-moz-selection { .CodeMirrorwrapper ::selection {
background-color: transparent; background-color: transparent;
} }
@ -414,11 +410,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
border-width: 0; border-width: 0;
/* Reset some styles that the rest of the page might have set */ /* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual; font-variant-ligatures: contextual;
} }
@ -457,7 +450,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
.CodeMirror-gutter, .CodeMirror-gutter,
.CodeMirror-gutters, .CodeMirror-gutters,
.CodeMirror-linenumber { .CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
} }
@ -505,15 +497,9 @@ div.CodeMirror-dragcursors {
background: #d7d4f0; background: #d7d4f0;
} }
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0;
}
.cm-searching { .cm-searching {
background-color: #ffa; background-color: #ffa;
background-color: rgba(255, 255, 0, 0.4); background-color: rgb(255 255 0 / 40%);
} }
/* Used to force a border model for a node */ /* Used to force a border model for a node */

View File

@ -178,22 +178,22 @@
margin: 0; margin: 0;
list-style: none; list-style: none;
background-color: @component-background; background-color: @component-background;
border: 1px solid rgba(0, 0, 0, 0.08); border: 1px solid rgb(0 0 0 / 8%);
border-radius: 0.25rem; border-radius: 0.25rem;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1), box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%),
0 1px 5px 0 rgba(0, 0, 0, 0.06); 0 1px 5px 0 rgb(0 0 0 / 6%);
background-clip: padding-box; background-clip: padding-box;
user-select: none; user-select: none;
.item-style(); .item-style();
.ant-divider { .ant-divider {
margin: 0 0; margin: 0;
} }
&__popup { &__popup {
.ant-divider { .ant-divider {
margin: 0 0; margin: 0;
} }
.item-style(); .item-style();

View File

@ -234,17 +234,17 @@
background: #eee; background: #eee;
background-image: linear-gradient( background-image: linear-gradient(
45deg, 45deg,
rgba(0, 0, 0, 0.25) 25%, rgb(0 0 0 / 25%) 25%,
transparent 0, transparent 0,
transparent 75%, transparent 75%,
rgba(0, 0, 0, 0.25) 0 rgb(0 0 0 / 25%) 0
), ),
linear-gradient( linear-gradient(
45deg, 45deg,
rgba(0, 0, 0, 0.25) 25%, rgb(0 0 0 / 25%) 25%,
transparent 0, transparent 0,
transparent 75%, transparent 75%,
rgba(0, 0, 0, 0.25) 0 rgb(0 0 0 / 25%) 0
); );
background-position: 0 0, 12px 12px; background-position: 0 0, 12px 12px;
background-size: 24px 24px; background-size: 24px 24px;

View File

@ -135,15 +135,14 @@
} }
&-image-mask { &-image-mask {
opacity: 0; opacity: 0%;
position: absolute; position: absolute;
width: inherit; width: inherit;
height: inherit; height: inherit;
border-radius: inherit; border-radius: inherit;
border: inherit; border: inherit;
background: rgba(0, 0, 0, 0.4); background: rgb(0 0 0 / 40%);
cursor: pointer; cursor: pointer;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s; transition: opacity 0.4s;
::v-deep(svg) { ::v-deep(svg) {
@ -152,7 +151,7 @@
} }
&-image-mask:hover { &-image-mask:hover {
opacity: 40; opacity: 4000%;
} }
&-upload-btn { &-upload-btn {

View File

@ -57,7 +57,7 @@
height: 100%; height: 100%;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: rgba(240, 242, 245, 0.4); background-color: rgb(240 242 245 / 40%);
&.absolute { &.absolute {
position: absolute; position: absolute;

View File

@ -1,4 +1,5 @@
<template> <template>
<!-- eslint-disable vue/no-v-html -->
<div v-html="getHtmlData" :class="$props.class" class="markdown-viewer"></div> <div v-html="getHtmlData" :class="$props.class" class="markdown-viewer"></div>
</template> </template>

View File

@ -54,7 +54,7 @@
} }
&-content { &-content {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
} }
&-footer { &-footer {

View File

@ -39,8 +39,8 @@
line-height: 44px; line-height: 44px;
background-color: @component-background; background-color: @component-background;
border-top: 1px solid @border-color-base; border-top: 1px solid @border-color-base;
box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%),
0 -12px 48px 16px rgba(0, 0, 0, 0.03); 0 -12px 48px 16px rgb(0 0 0 / 3%);
transition: width 0.2s; transition: width 0.2s;
&__left { &__left {

View File

@ -432,7 +432,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: @preview-comp-z-index; z-index: @preview-comp-z-index;
background: rgba(0, 0, 0, 0.5); background: rgb(0 0 0 / 50%);
user-select: none; user-select: none;
&-content { &-content {
@ -458,7 +458,7 @@
overflow: hidden; overflow: hidden;
color: @white; color: @white;
cursor: pointer; cursor: pointer;
background-color: rgba(0, 0, 0, 0.5); background-color: rgb(0 0 0 / 50%);
border-radius: 50%; border-radius: 50%;
transition: all 0.2s; transition: all 0.2s;
@ -470,7 +470,7 @@
} }
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.8); background-color: rgb(0 0 0 / 80%);
} }
} }
@ -480,7 +480,7 @@
left: 50%; left: 50%;
padding: 0 22px; padding: 0 22px;
font-size: 16px; font-size: 16px;
background: rgba(109, 109, 109, 0.6); background: rgb(109 109 109 / 60%);
border-radius: 15px; border-radius: 15px;
transform: translateX(-50%); transform: translateX(-50%);
} }
@ -494,7 +494,7 @@
height: 44px; height: 44px;
padding: 0 22px; padding: 0 22px;
margin-left: -139px; margin-left: -139px;
background: rgba(109, 109, 109, 0.6); background: rgb(109 109 109 / 60%);
border-radius: 22px; border-radius: 22px;
justify-content: center; justify-content: center;
@ -526,12 +526,12 @@
height: 50px; height: 50px;
font-size: 28px; font-size: 28px;
cursor: pointer; cursor: pointer;
background-color: rgba(0, 0, 0, 0.5); background-color: rgb(0 0 0 / 50%);
border-radius: 50%; border-radius: 50%;
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.8); background-color: rgb(0 0 0 / 80%);
} }
&.left { &.left {

View File

@ -88,7 +88,7 @@
} }
.ant-image-preview-operations { .ant-image-preview-operations {
background-color: rgba(0, 0, 0, 0.4); background-color: rgb(0 0 0 / 40%);
} }
} }
</style> </style>

View File

@ -148,7 +148,7 @@
display: none; display: none;
width: 0; width: 0;
height: 0; height: 0;
opacity: 0; opacity: 0%;
} }
} }
} }
@ -159,12 +159,12 @@
width: 0; width: 0;
height: 0; height: 0;
cursor: pointer; cursor: pointer;
background-color: rgba(144, 147, 153, 0.3); background-color: rgb(144 147 153 / 30%);
border-radius: inherit; border-radius: inherit;
transition: 0.3s background-color; transition: 0.3s background-color;
&:hover { &:hover {
background-color: rgba(144, 147, 153, 0.5); background-color: rgb(144 147 153 / 50%);
} }
} }
@ -174,8 +174,7 @@
bottom: 2px; bottom: 2px;
z-index: 1; z-index: 1;
border-radius: 4px; border-radius: 4px;
opacity: 0; opacity: 0%;
-webkit-transition: opacity 80ms ease;
transition: opacity 80ms ease; transition: opacity 80ms ease;
&.is-vertical { &.is-vertical {
@ -201,7 +200,7 @@
.scrollbar:active > .scrollbar__bar, .scrollbar:active > .scrollbar__bar,
.scrollbar:focus > .scrollbar__bar, .scrollbar:focus > .scrollbar__bar,
.scrollbar:hover > .scrollbar__bar { .scrollbar:hover > .scrollbar__bar {
opacity: 1; opacity: 100%;
transition: opacity 340ms ease-out; transition: opacity 340ms ease-out;
} }
</style> </style>

View File

@ -188,7 +188,7 @@
&-vertical&-collapse &-item, &-vertical&-collapse &-item,
&-vertical&-collapse &-submenu-title { &-vertical&-collapse &-submenu-title {
padding: 0 0; padding: 0;
} }
&-vertical &-submenu-title-icon { &-vertical &-submenu-title-icon {

View File

@ -92,7 +92,7 @@
background-color: transparent; background-color: transparent;
border-color: @white; border-color: @white;
border-style: solid; border-style: solid;
border-width: 0 5px 0 5px; border-width: 0 5px;
content: ''; content: '';
} }

View File

@ -357,7 +357,7 @@
padding: 16px; padding: 16px;
.ant-form { .ant-form {
padding: 12px 10px 6px 10px; padding: 12px 10px 6px;
margin-bottom: 16px; margin-bottom: 16px;
background-color: @component-background; background-color: @component-background;
border-radius: 2px; border-radius: 2px;
@ -375,7 +375,7 @@
.ant-table-title { .ant-table-title {
min-height: 40px; min-height: 40px;
padding: 0 0 8px 0 !important; padding: 0 0 8px !important;
} }
.ant-table.ant-table-bordered .ant-table-title { .ant-table.ant-table-bordered .ant-table-title {
@ -401,7 +401,7 @@
} }
.ant-pagination { .ant-pagination {
margin: 10px 0 0 0; margin: 10px 0 0;
} }
.ant-table-footer { .ant-table-footer {

View File

@ -42,7 +42,7 @@
.@{prefix-cls} { .@{prefix-cls} {
&__help { &__help {
margin-left: 8px; margin-left: 8px;
color: rgba(0, 0, 0, 0.65) !important; color: rgb(0 0 0 / 65%) !important;
} }
} }
</style> </style>

View File

@ -420,7 +420,7 @@
&__fixed-left, &__fixed-left,
&__fixed-right { &__fixed-right {
color: rgba(0, 0, 0, 0.45); color: rgb(0 0 0 / 45%);
cursor: pointer; cursor: pointer;
&.active, &.active,

View File

@ -241,8 +241,16 @@ export function useDataSource(
} }
async function fetch(opt?: FetchParams) { async function fetch(opt?: FetchParams) {
const { api, searchInfo, defSort, fetchSetting, beforeFetch, afterFetch, useSearchForm, pagination } = const {
unref(propsRef); api,
searchInfo,
defSort,
fetchSetting,
beforeFetch,
afterFetch,
useSearchForm,
pagination,
} = unref(propsRef);
if (!api || !isFunction(api)) return; if (!api || !isFunction(api)) return;
try { try {
setLoading(true); setLoading(true);

View File

@ -292,7 +292,7 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
background-color: rgb(238, 238, 238); background-color: rgb(238 238 238);
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: @radius; border-radius: @radius;
@ -313,7 +313,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
font-size: 12px; font-size: 12px;
-webkit-text-size-adjust: none; text-size-adjust: none;
background-color: -webkit-gradient( background-color: -webkit-gradient(
linear, linear,
left top, left top,

View File

@ -209,7 +209,7 @@
} }
&.normal { &.normal {
background-color: rgba(0, 0, 0, 0.3); background-color: rgb(0 0 0 / 30%);
} }
} }

View File

@ -67,7 +67,7 @@
} }
[data-theme='light'] &.ant-btn-link.is-disabled { [data-theme='light'] &.ant-btn-link.is-disabled {
color: rgba(0, 0, 0, 0.25); color: rgb(0 0 0 / 25%);
text-shadow: none; text-shadow: none;
cursor: not-allowed !important; cursor: not-allowed !important;
background-color: transparent !important; background-color: transparent !important;
@ -76,7 +76,7 @@
} }
[data-theme='dark'] &.ant-btn-link.is-disabled { [data-theme='dark'] &.ant-btn-link.is-disabled {
color: rgba(255, 255, 255, 0.25) !important; color: rgb(255 255 255 / 25%) !important;
text-shadow: none; text-shadow: none;
cursor: not-allowed !important; cursor: not-allowed !important;
background-color: transparent !important; background-color: transparent !important;

View File

@ -30,12 +30,12 @@ span.anticon:not(.app-iconify) {
} }
.ant-image-preview-operations { .ant-image-preview-operations {
background-color: rgba(0, 0, 0, 0.3); background-color: rgb(0 0 0 / 30%);
} }
.ant-popover { .ant-popover {
&-content { &-content {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
} }
} }

View File

@ -5,7 +5,7 @@
@import './theme.less'; @import './theme.less';
input:-webkit-autofill { input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important;
} }
:-webkit-autofill { :-webkit-autofill {
@ -14,7 +14,7 @@ input:-webkit-autofill {
html { html {
overflow: hidden; overflow: hidden;
-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
} }
html, html,

View File

@ -17,15 +17,15 @@
// } // }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05); background-color: rgb(0 0 0 / 5%);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
// background: rgba(0, 0, 0, 0.6); // background: rgba(0, 0, 0, 0.6);
background-color: rgba(144, 147, 153, 0.3); background-color: rgb(144 147 153 / 30%);
// background-color: rgba(144, 147, 153, 0.3); // background-color: rgba(144, 147, 153, 0.3);
border-radius: 2px; border-radius: 2px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
@ -46,6 +46,6 @@
width: 100%; width: 100%;
height: 2px; height: 2px;
background-color: @primary-color; background-color: @primary-color;
opacity: 0.75; opacity: 75%;
} }
} }

View File

@ -4,7 +4,7 @@
html[data-theme='light'] { html[data-theme='light'] {
.text-secondary { .text-secondary {
color: rgba(0, 0, 0, 0.45); color: rgb(0 0 0 / 45%);
} }
.ant-alert-success { .ant-alert-success {
@ -43,10 +43,10 @@ html[data-theme='light'] {
} }
.ant-calendar-selected-day .ant-calendar-date { .ant-calendar-selected-day .ant-calendar-date {
color: rgba(0, 0, 0, 0.8); color: rgb(0 0 0 / 80%);
} }
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
color: rgba(0, 0, 0, 0.9); color: rgb(0 0 0 / 90%);
} }
} }

View File

@ -5,7 +5,7 @@
.fade-enter-from, .fade-enter-from,
.fade-leave-to { .fade-leave-to {
opacity: 0; opacity: 0%;
} }
/* fade-slide */ /* fade-slide */
@ -15,12 +15,12 @@
} }
.fade-slide-enter-from { .fade-slide-enter-from {
opacity: 0; opacity: 0%;
transform: translateX(-30px); transform: translateX(-30px);
} }
.fade-slide-leave-to { .fade-slide-leave-to {
opacity: 0; opacity: 0%;
transform: translateX(30px); transform: translateX(30px);
} }
@ -35,12 +35,12 @@
} }
.fade-bottom-enter-from { .fade-bottom-enter-from {
opacity: 0; opacity: 0%;
transform: translateY(-10%); transform: translateY(-10%);
} }
.fade-bottom-leave-to { .fade-bottom-leave-to {
opacity: 0; opacity: 0%;
transform: translateY(10%); transform: translateY(10%);
} }
@ -51,12 +51,12 @@
} }
.fade-scale-enter-from { .fade-scale-enter-from {
opacity: 0; opacity: 0%;
transform: scale(1.2); transform: scale(1.2);
} }
.fade-scale-leave-to { .fade-scale-leave-to {
opacity: 0; opacity: 0%;
transform: scale(0.8); transform: scale(0.8);
} }
@ -71,11 +71,11 @@
} }
.fade-top-enter-from { .fade-top-enter-from {
opacity: 0; opacity: 0%;
transform: translateY(8%); transform: translateY(8%);
} }
.fade-top-leave-to { .fade-top-leave-to {
opacity: 0; opacity: 0%;
transform: translateY(-8%); transform: translateY(-8%);
} }

View File

@ -4,7 +4,7 @@
&-enter-from, &-enter-from,
&-leave, &-leave,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
transform: scale(0); transform: scale(0);
} }
} }
@ -15,7 +15,7 @@
&-enter-from, &-enter-from,
&-leave, &-leave,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg);
} }
} }

View File

@ -3,7 +3,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
} }
&-enter-from { &-enter-from {
@ -20,7 +20,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
} }
&-enter-from { &-enter-from {
@ -37,7 +37,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
} }
&-enter-from { &-enter-from {
@ -54,7 +54,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
} }
&-enter-from { &-enter-from {

View File

@ -3,7 +3,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
transform: translateY(-15px); transform: translateY(-15px);
} }
} }
@ -13,7 +13,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
transform: translateY(15px); transform: translateY(15px);
} }
} }
@ -23,7 +23,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
transform: translateX(-15px); transform: translateX(-15px);
} }
} }
@ -33,7 +33,7 @@
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0%;
transform: translateX(15px); transform: translateX(15px);
} }
} }

View File

@ -6,7 +6,7 @@
.zoom-out-enter-from, .zoom-out-enter-from,
.zoom-out-leave-to { .zoom-out-leave-to {
opacity: 0; opacity: 0%;
transform: scale(0); transform: scale(0);
} }
@ -17,11 +17,11 @@
} }
.zoom-fade-enter-from { .zoom-fade-enter-from {
opacity: 0; opacity: 0%;
transform: scale(0.92); transform: scale(0.92);
} }
.zoom-fade-leave-to { .zoom-fade-leave-to {
opacity: 0; opacity: 0%;
transform: scale(1.06); transform: scale(1.06);
} }

View File

@ -1,8 +1,6 @@
import { ref, unref } from 'vue'; import { ref, unref } from 'vue';
export function useLockFn<P extends any[] = any[], V extends any = any>( export function useLockFn<P extends any[] = any[], V = any>(fn: (...args: P) => Promise<V>) {
fn: (...args: P) => Promise<V>,
) {
const lockRef = ref(false); const lockRef = ref(false);
return async function (...args: P) { return async function (...args: P) {
if (unref(lockRef)) return; if (unref(lockRef)) return;

View File

@ -169,7 +169,7 @@
color: @breadcrumb-item-normal-color; color: @breadcrumb-item-normal-color;
a { a {
color: rgba(0, 0, 0, 0.65); color: rgb(0 0 0 / 65%);
&:hover { &:hover {
color: @primary-color; color: @primary-color;
@ -184,10 +184,10 @@
&--dark { &--dark {
.ant-breadcrumb-link { .ant-breadcrumb-link {
color: rgba(255, 255, 255, 0.6); color: rgb(255 255 255 / 60%);
a { a {
color: rgba(255, 255, 255, 0.8); color: rgb(255 255 255 / 80%);
&:hover { &:hover {
color: @white; color: @white;
@ -197,7 +197,7 @@
.ant-breadcrumb-separator, .ant-breadcrumb-separator,
.anticon { .anticon {
color: rgba(255, 255, 255, 0.8); color: rgb(255 255 255 / 80%);
} }
} }
} }

View File

@ -95,7 +95,7 @@
&__entry { &__entry {
position: relative; position: relative;
//height: 240px; //height: 240px;
padding: 130px 30px 30px 30px; padding: 130px 30px 30px;
border-radius: 10px; border-radius: 10px;
} }

View File

@ -67,7 +67,7 @@
.@{header-trigger-prefix-cls} { .@{header-trigger-prefix-cls} {
display: flex; display: flex;
height: 100%; height: 100%;
padding: 1px 10px 0 10px; padding: 1px 10px 0;
cursor: pointer; cursor: pointer;
align-items: center; align-items: center;

View File

@ -189,7 +189,7 @@
&--mobile { &--mobile {
.@{logo-prefix-cls} { .@{logo-prefix-cls} {
&__title { &__title {
opacity: 1; opacity: 100%;
} }
} }
} }

View File

@ -66,7 +66,7 @@
cursor: pointer; cursor: pointer;
background-color: #f0f2f5; background-color: #f0f2f5;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 1px 2.5px 0 rgb(0 0 0 / 18%);
&::before, &::before,
&::after { &::after {

View File

@ -60,7 +60,7 @@
&:hover { &:hover {
background-color: @primary-color; background-color: @primary-color;
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15); box-shadow: 0 0 4px 0 rgb(28 36 56 / 15%);
} }
} }
</style> </style>

View File

@ -362,19 +362,19 @@
&.light { &.light {
.@{prefix-cls}-logo { .@{prefix-cls}-logo {
border-bottom: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238 238 238);
} }
&.open { &.open {
> .scrollbar { > .scrollbar {
border-right: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238 238 238);
} }
} }
.@{prefix-cls}-module { .@{prefix-cls}-module {
&__item { &__item {
font-weight: normal; font-weight: normal;
color: rgba(0, 0, 0, 0.65); color: rgb(0 0 0 / 65%);
&--active { &--active {
color: @primary-color; color: @primary-color;
@ -384,15 +384,15 @@
} }
.@{prefix-cls}-menu-list { .@{prefix-cls}-menu-list {
&__content { &__content {
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
} }
&__title { &__title {
.pushpin { .pushpin {
color: rgba(0, 0, 0, 0.35); color: rgb(0 0 0 / 35%);
&:hover { &:hover {
color: rgba(0, 0, 0, 0.85); color: rgb(0 0 0 / 85%);
} }
} }
} }
@ -442,7 +442,7 @@
&__item { &__item {
position: relative; position: relative;
padding: 12px 0; padding: 12px 0;
color: rgba(255, 255, 255, 0.65); color: rgb(255 255 255 / 65%);
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
@ -487,7 +487,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
color: rgba(255, 255, 255, 0.65); color: rgb(255 255 255 / 65%);
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
background-color: @trigger-dark-bg-color; background-color: @trigger-dark-bg-color;
@ -496,7 +496,7 @@
} }
&.light &-trigger { &.light &-trigger {
color: rgba(0, 0, 0, 0.65); color: rgb(0 0 0 / 65%);
background-color: #fff; background-color: #fff;
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }
@ -515,21 +515,21 @@
// margin-left: -6px; // margin-left: -6px;
font-size: 18px; font-size: 18px;
color: @primary-color; color: @primary-color;
border-bottom: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238 238 238);
opacity: 0; opacity: 0%;
transition: unset; transition: unset;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
&.show { &.show {
min-width: 130px; min-width: 130px;
opacity: 1; opacity: 100%;
transition: all 0.5s ease; transition: all 0.5s ease;
} }
.pushpin { .pushpin {
margin-right: 6px; margin-right: 6px;
color: rgba(255, 255, 255, 0.65); color: rgb(255 255 255 / 65%);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@ -572,7 +572,7 @@
background-color: #f8f8f9; background-color: #f8f8f9;
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15); box-shadow: 0 0 4px 0 rgb(28 36 56 / 15%);
} }
} }
</style> </style>

View File

@ -50,7 +50,7 @@ html[data-theme='light'] {
&:hover { &:hover {
.ant-tabs-close-x { .ant-tabs-close-x {
opacity: 1; opacity: 100%;
} }
} }
@ -59,7 +59,7 @@ html[data-theme='light'] {
height: 12px; height: 12px;
font-size: 12px; font-size: 12px;
color: inherit; color: inherit;
opacity: 0; opacity: 0%;
transition: none; transition: none;
&:hover { &:hover {
@ -95,7 +95,7 @@ html[data-theme='light'] {
transition: none; transition: none;
.ant-tabs-close-x { .ant-tabs-close-x {
opacity: 1; opacity: 100%;
} }
svg { svg {
@ -135,7 +135,7 @@ html[data-theme='light'] {
&--hide-close { &--hide-close {
.ant-tabs-close-x { .ant-tabs-close-x {
opacity: 0 !important; opacity: 0% !important;
} }
} }

View File

@ -2,7 +2,7 @@ import type { RouteRecordRaw, RouteMeta } from 'vue-router';
import { RoleEnum } from '/@/enums/roleEnum'; import { RoleEnum } from '/@/enums/roleEnum';
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
export type Component<T extends any = any> = export type Component<T = any> =
| ReturnType<typeof defineComponent> | ReturnType<typeof defineComponent>
| (() => Promise<typeof import('*.vue')>) | (() => Promise<typeof import('*.vue')>)
| (() => Promise<T>); | (() => Promise<T>);

View File

@ -47,12 +47,12 @@
} }
.custom-enter { .custom-enter {
opacity: 0; opacity: 0%;
transform: scale(0.4) translate(100%); transform: scale(0.4) translate(100%);
} }
.custom-enter-to { .custom-enter-to {
opacity: 1; opacity: 100%;
} }
.custom-enter-active { .custom-enter-active {
@ -63,11 +63,11 @@
} }
.custom-leave { .custom-leave {
opacity: 1; opacity: 100%;
} }
.custom-leave-to { .custom-leave-to {
opacity: 0; opacity: 0%;
transform: scale(0.4) translate(-100%); transform: scale(0.4) translate(-100%);
} }

View File

@ -91,6 +91,6 @@
width: 150px; width: 150px;
height: 150px; height: 150px;
margin-top: 20px; margin-top: 20px;
background-color: rgb(126, 170, 236); background-color: rgb(126 170 236);
} }
</style> </style>

View File

@ -70,17 +70,17 @@
} }
&__content { &__content {
color: rgba(0, 0, 0, 0.65); color: rgb(0 0 0 / 65%);
} }
&__action { &__action {
display: inline-block; display: inline-block;
padding: 0 16px; padding: 0 16px;
color: rgba(0, 0, 0, 0.45); color: rgb(0 0 0 / 45%);
&:nth-child(1), &:nth-child(1),
&:nth-child(2) { &:nth-child(2) {
border-right: 1px solid rgba(206, 206, 206, 0.4); border-right: 1px solid rgb(206 206 206 / 40%);
} }
&-icon { &-icon {
@ -91,7 +91,7 @@
&__time { &__time {
position: absolute; position: absolute;
right: 20px; right: 20px;
color: rgba(0, 0, 0, 0.45); color: rgb(0 0 0 / 45%);
} }
} }
</style> </style>

View File

@ -48,7 +48,7 @@
width: 100%; width: 100%;
.ant-card-body { .ant-card-body {
padding: 0 0 24px 0; padding: 0 0 24px;
} }
img { img {
@ -60,7 +60,7 @@
margin: 5px 10px; margin: 5px 10px;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.85); color: rgb(0 0 0 / 85%);
} }
&-content { &-content {

View File

@ -98,13 +98,13 @@
padding: 0 10px; padding: 0 10px;
&:not(:last-child) { &:not(:last-child) {
border-right: 1px dashed rgb(206, 206, 206, 0.5); border-right: 1px dashed rgb(206 206 206 / 50%);
} }
} }
&-top { &-top {
padding: 10px; padding: 10px;
margin: 16px 16px 12px 16px; margin: 16px 16px 12px;
background-color: @component-background; background-color: @component-background;
border-radius: 3px; border-radius: 3px;
@ -147,7 +147,7 @@
&-bottom { &-bottom {
padding: 10px; padding: 10px;
margin: 0 16px 16px 16px; margin: 0 16px 16px;
background-color: @component-background; background-color: @component-background;
border-radius: 3px; border-radius: 3px;
} }

View File

@ -129,7 +129,7 @@
&__time { &__time {
position: absolute; position: absolute;
right: 20px; right: 20px;
color: rgba(0, 0, 0, 0.45); color: rgb(0 0 0 / 45%);
} }
} }
</style> </style>

View File

@ -210,7 +210,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.5); background-color: rgb(0 0 0 / 50%);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
justify-content: center; justify-content: center;
align-items: center; align-items: center;

View File

@ -1,8 +1,10 @@
module.exports = { module.exports = {
root: true, root: true,
plugins: ['stylelint-order'], plugins: ['stylelint-order'],
customSyntax: 'postcss-less',
extends: ['stylelint-config-standard', 'stylelint-config-prettier'], extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
rules: { rules: {
'selector-class-pattern': null,
'selector-pseudo-class-no-unknown': [ 'selector-pseudo-class-no-unknown': [
true, true,
{ {