fix: 修复管理端前端 lint 与构建问题

- 收敛 easyflow-ui-admin 的 lint、格式和类型问题

- 修正 demo 页面与管理端前端构建失败点

- 验证 pnpm lint 与 pnpm build 均已通过
This commit is contained in:
2026-04-05 21:39:13 +08:00
parent bb72e19c84
commit 7e7c236c2a
240 changed files with 5151 additions and 4701 deletions

View File

@@ -434,8 +434,8 @@ $namespace: easyflow;
&:focus-visible {
box-shadow:
0 0 0 1px hsl(var(--glass-border) / 0.72),
0 0 0 4px hsl(var(--ring) / 0.16);
0 0 0 1px hsl(var(--glass-border) / 72%),
0 0 0 4px hsl(var(--ring) / 16%);
}
* {
@@ -472,8 +472,8 @@ $namespace: easyflow;
--menu-item-collapse-margin-x: 8px;
--menu-item-radius: 14px;
--menu-item-shadow:
inset 0 1px 0 hsl(var(--nav-sheen) / 0.54),
0 22px 40px -30px hsl(var(--primary) / 0.24);
inset 0 1px 0 hsl(var(--nav-sheen) / 54%),
0 22px 40px -30px hsl(var(--primary) / 24%);
--menu-item-indent: 18px;
--menu-font-size: 14px;
--menu-item-indicator-width: 0px;
@@ -485,28 +485,28 @@ $namespace: easyflow;
--menu-item-hover-color: hsl(var(--foreground));
--menu-item-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.78),
hsl(var(--glass-tint) / 0.46)
hsl(var(--nav-item-hover) / 78%),
hsl(var(--glass-tint) / 46%)
);
--menu-item-active-color: hsl(var(--nav-item-active-foreground));
--menu-item-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active) / 0.92) 0%,
hsl(var(--nav-item-hover) / 0.72) 54%,
hsl(var(--glass-tint) / 0.52) 100%
hsl(var(--nav-item-active) / 92%) 0%,
hsl(var(--nav-item-hover) / 72%) 54%,
hsl(var(--glass-tint) / 52%) 100%
);
--menu-submenu-hover-color: hsl(var(--foreground));
--menu-submenu-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.78),
hsl(var(--glass-tint) / 0.46)
hsl(var(--nav-item-hover) / 78%),
hsl(var(--glass-tint) / 46%)
);
--menu-submenu-active-color: hsl(var(--nav-item-active-foreground));
--menu-submenu-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active) / 0.92) 0%,
hsl(var(--nav-item-hover) / 0.72) 54%,
hsl(var(--glass-tint) / 0.52) 100%
hsl(var(--nav-item-active) / 92%) 0%,
hsl(var(--nav-item-hover) / 72%) 54%,
hsl(var(--glass-tint) / 52%) 100%
);
--menu-submenu-background-color: var(--menu-background-color);
}
@@ -518,28 +518,28 @@ $namespace: easyflow;
--menu-item-hover-color: hsl(var(--foreground));
--menu-item-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.78),
hsl(var(--glass-tint) / 0.46)
hsl(var(--nav-item-hover) / 78%),
hsl(var(--glass-tint) / 46%)
);
--menu-item-active-color: hsl(var(--nav-item-active-foreground));
--menu-item-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active) / 0.92) 0%,
hsl(var(--nav-item-hover) / 0.72) 54%,
hsl(var(--glass-tint) / 0.52) 100%
hsl(var(--nav-item-active) / 92%) 0%,
hsl(var(--nav-item-hover) / 72%) 54%,
hsl(var(--glass-tint) / 52%) 100%
);
--menu-submenu-hover-color: hsl(var(--foreground));
--menu-submenu-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.78),
hsl(var(--glass-tint) / 0.46)
hsl(var(--nav-item-hover) / 78%),
hsl(var(--glass-tint) / 46%)
);
--menu-submenu-active-color: hsl(var(--nav-item-active-foreground));
--menu-submenu-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active) / 0.92) 0%,
hsl(var(--nav-item-hover) / 0.72) 54%,
hsl(var(--glass-tint) / 0.52) 100%
hsl(var(--nav-item-active) / 92%) 0%,
hsl(var(--nav-item-hover) / 72%) 54%,
hsl(var(--glass-tint) / 52%) 100%
);
--menu-submenu-background-color: var(--menu-background-color);
}
@@ -573,28 +573,28 @@ $namespace: easyflow;
--menu-item-hover-color: hsl(var(--foreground));
--menu-item-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.98),
hsl(var(--nav-surface-subtle) / 0.84)
hsl(var(--nav-item-hover) / 98%),
hsl(var(--nav-surface-subtle) / 84%)
);
--menu-item-active-color: hsl(var(--nav-item-active-foreground));
--menu-item-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active)) 0%,
hsl(var(--nav-item-hover) / 0.98) 55%,
hsl(var(--glass-tint) / 0.98) 100%
hsl(var(--nav-item-hover) / 98%) 55%,
hsl(var(--glass-tint) / 98%) 100%
);
--menu-submenu-active-color: hsl(var(--nav-item-active-foreground));
--menu-submenu-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active)) 0%,
hsl(var(--nav-item-hover) / 0.98) 55%,
hsl(var(--glass-tint) / 0.98) 100%
hsl(var(--nav-item-hover) / 98%) 55%,
hsl(var(--glass-tint) / 98%) 100%
);
--menu-submenu-hover-color: hsl(var(--foreground));
--menu-submenu-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.98),
hsl(var(--nav-surface-subtle) / 0.84)
hsl(var(--nav-item-hover) / 98%),
hsl(var(--nav-surface-subtle) / 84%)
);
}
@@ -603,27 +603,27 @@ $namespace: easyflow;
--menu-item-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active)) 0%,
hsl(var(--nav-item-hover) / 0.98) 55%,
hsl(var(--glass-tint) / 0.98) 100%
hsl(var(--nav-item-hover) / 98%) 55%,
hsl(var(--glass-tint) / 98%) 100%
);
--menu-item-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.98),
hsl(var(--nav-surface-subtle) / 0.84)
hsl(var(--nav-item-hover) / 98%),
hsl(var(--nav-surface-subtle) / 84%)
);
--menu-item-hover-color: hsl(var(--foreground));
--menu-submenu-active-color: hsl(var(--nav-item-active-foreground));
--menu-submenu-active-background-color: linear-gradient(
135deg,
hsl(var(--nav-item-active)) 0%,
hsl(var(--nav-item-hover) / 0.98) 55%,
hsl(var(--glass-tint) / 0.98) 100%
hsl(var(--nav-item-hover) / 98%) 55%,
hsl(var(--glass-tint) / 98%) 100%
);
--menu-submenu-hover-color: hsl(var(--foreground));
--menu-submenu-hover-background-color: linear-gradient(
180deg,
hsl(var(--nav-item-hover) / 0.98),
hsl(var(--nav-surface-subtle) / 0.84)
hsl(var(--nav-item-hover) / 98%),
hsl(var(--nav-surface-subtle) / 84%)
);
}
}
@@ -829,10 +829,10 @@ $namespace: easyflow;
&__content {
display: inline-flex;
gap: 10px;
align-items: center;
width: 100%;
height: var(--menu-item-height);
gap: 10px;
span {
@include menu-title;
@@ -867,7 +867,7 @@ $namespace: easyflow;
text-decoration: none;
cursor: pointer;
background: var(--menu-item-hover-background-color) !important;
box-shadow: 0 18px 34px -30px hsl(var(--primary) / 0.18);
box-shadow: 0 18px 34px -30px hsl(var(--primary) / 18%);
transform: translateX(2px);
}
@@ -902,8 +902,8 @@ $namespace: easyflow;
text-decoration: none;
cursor: pointer;
background: var(--menu-submenu-active-background-color);
fill: var(--menu-submenu-active-color);
box-shadow: var(--menu-item-shadow);
fill: var(--menu-submenu-active-color);
}
}
@@ -914,8 +914,8 @@ $namespace: easyflow;
&:focus-visible > .#{$namespace}-sub-menu-content,
&:focus-within > .#{$namespace}-sub-menu-content {
box-shadow:
0 0 0 1px hsl(var(--glass-border) / 0.72),
0 0 0 4px hsl(var(--ring) / 0.16);
0 0 0 1px hsl(var(--glass-border) / 72%),
0 0 0 4px hsl(var(--ring) / 16%);
}
}
@@ -938,8 +938,9 @@ $namespace: easyflow;
}
&__title {
@include menu-title;
font-weight: 500;
@include menu-title;
}
&.is-collapse-show-title {
@@ -973,7 +974,7 @@ $namespace: easyflow;
text-decoration: none;
cursor: pointer;
background: var(--menu-submenu-hover-background-color) !important;
box-shadow: 0 18px 34px -30px hsl(var(--primary) / 0.18);
box-shadow: 0 18px 34px -30px hsl(var(--primary) / 18%);
transform: translateX(2px);
}
}