fix: 修复管理端前端 lint 与构建问题
- 收敛 easyflow-ui-admin 的 lint、格式和类型问题 - 修正 demo 页面与管理端前端构建失败点 - 验证 pnpm lint 与 pnpm build 均已通过
This commit is contained in:
@@ -9,7 +9,10 @@ import { useAccessStore } from '@easyflow/stores';
|
||||
import { UploadFilled } from '@element-plus/icons-vue';
|
||||
import { ElIcon, ElMessage, ElUpload } from 'element-plus';
|
||||
|
||||
import { normalizeUploadError, resolveUploadPath } from '#/utils/upload-response';
|
||||
import {
|
||||
normalizeUploadError,
|
||||
resolveUploadPath,
|
||||
} from '#/utils/upload-response';
|
||||
|
||||
const props = defineProps({
|
||||
action: {
|
||||
|
||||
@@ -8,8 +8,11 @@ import { useAccessStore } from '@easyflow/stores';
|
||||
|
||||
import { ElButton, ElMessage, ElUpload } from 'element-plus';
|
||||
|
||||
import { normalizeUploadError, resolveUploadPath } from '#/utils/upload-response';
|
||||
import { $t } from '#/locales';
|
||||
import {
|
||||
normalizeUploadError,
|
||||
resolveUploadPath,
|
||||
} from '#/utils/upload-response';
|
||||
|
||||
const props = defineProps({
|
||||
action: {
|
||||
|
||||
@@ -10,7 +10,10 @@ import { Plus } from '@element-plus/icons-vue';
|
||||
import { ElIcon, ElImage, ElMessage, ElUpload } from 'element-plus';
|
||||
|
||||
import { $t } from '#/locales';
|
||||
import { normalizeUploadError, resolveUploadPath } from '#/utils/upload-response';
|
||||
import {
|
||||
normalizeUploadError,
|
||||
resolveUploadPath,
|
||||
} from '#/utils/upload-response';
|
||||
|
||||
const props = defineProps({
|
||||
action: {
|
||||
@@ -134,20 +137,20 @@ const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
|
||||
|
||||
<style>
|
||||
.avatar-uploader .el-upload {
|
||||
width: var(--avatar-size);
|
||||
height: var(--avatar-size);
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
width: var(--avatar-size);
|
||||
height: var(--avatar-size);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 1px solid hsl(var(--input) / 0.92);
|
||||
background: hsl(var(--modal-surface-strong) / 92%);
|
||||
border: 1px solid hsl(var(--input) / 92%);
|
||||
border-radius: 50%;
|
||||
background: hsl(var(--modal-surface-strong) / 0.92);
|
||||
box-shadow:
|
||||
inset 0 1px 0 hsl(0 0% 100% / 0.72),
|
||||
0 16px 28px -24px hsl(var(--foreground) / 0.24);
|
||||
inset 0 1px 0 hsl(0deg 0% 100% / 72%),
|
||||
0 16px 28px -24px hsl(var(--foreground) / 24%);
|
||||
transition:
|
||||
transform var(--el-transition-duration-fast),
|
||||
border-color var(--el-transition-duration-fast),
|
||||
@@ -155,26 +158,26 @@ const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
|
||||
}
|
||||
|
||||
.avatar-uploader .el-upload:hover {
|
||||
border-color: hsl(var(--primary) / 0.52);
|
||||
transform: translateY(-1px);
|
||||
border-color: hsl(var(--primary) / 52%);
|
||||
box-shadow:
|
||||
inset 0 1px 0 hsl(0 0% 100% / 0.76),
|
||||
0 20px 36px -26px hsl(var(--modal-preview-glow) / 0.3);
|
||||
inset 0 1px 0 hsl(0deg 0% 100% / 76%),
|
||||
0 20px 36px -26px hsl(var(--modal-preview-glow) / 30%);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.avatar-uploader--soft-panel .el-upload {
|
||||
background:
|
||||
radial-gradient(
|
||||
circle at top,
|
||||
hsl(var(--modal-preview-glow) / 0.14),
|
||||
hsl(var(--modal-preview-glow) / 14%),
|
||||
transparent 60%
|
||||
),
|
||||
linear-gradient(
|
||||
145deg,
|
||||
hsl(var(--modal-preview-surface) / 0.98),
|
||||
hsl(var(--modal-preview-surface-strong) / 0.9)
|
||||
hsl(var(--modal-preview-surface) / 98%),
|
||||
hsl(var(--modal-preview-surface-strong) / 90%)
|
||||
);
|
||||
border-color: hsl(var(--modal-preview-border) / 0.9);
|
||||
border-color: hsl(var(--modal-preview-border) / 90%);
|
||||
}
|
||||
|
||||
.avatar-uploader--rounded .el-upload {
|
||||
|
||||
Reference in New Issue
Block a user