fix: 修复管理端前端 lint 与构建问题
- 收敛 easyflow-ui-admin 的 lint、格式和类型问题 - 修正 demo 页面与管理端前端构建失败点 - 验证 pnpm lint 与 pnpm build 均已通过
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user