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

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

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

- 验证 pnpm lint 与 pnpm build 均已通过

easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/breadcrumb/breadcrumb.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type {BreadcrumbProps} from './types';
+import type { BreadcrumbProps } from './types';
 
-import {ChevronDown} from '@easyflow-core/icons';
+import { ChevronDown } from '@easyflow-core/icons';
 
 import {
   Breadcrumb,
@@ -15,7 +15,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '../../ui';
-import {EasyFlowIcon} from '../icon';
+import { EasyFlowIcon } from '../icon';
 
 interface Props extends BreadcrumbProps {}
 
@@ -106,18 +106,18 @@ function handleClick(path?: string) {
 <style scoped>
 .easyflow-breadcrumb {
   gap: 4px;
-  color: hsl(var(--breadcrumb-muted));
   font-size: 13px;
+  color: hsl(var(--breadcrumb-muted));
 }
 
 .easyflow-breadcrumb__link {
   display: inline-flex;
-  align-items: center;
   gap: 4px;
+  align-items: center;
   min-width: 0;
   padding: 4px 8px;
-  border-radius: 999px;
   color: hsl(var(--breadcrumb-muted));
+  border-radius: 999px;
   transition:
     color 0.16s ease,
     background-color 0.16s ease,
@@ -125,20 +125,20 @@ function handleClick(path?: string) {
 }
 
 .easyflow-breadcrumb__link:hover {
-  background: hsl(var(--nav-item-hover) / 0.7);
   color: hsl(var(--nav-item-active-foreground));
+  background: hsl(var(--nav-item-hover) / 70%);
   transform: translateY(-0.5px);
 }
 
 .easyflow-breadcrumb__current {
   position: relative;
   display: inline-flex;
-  align-items: center;
   gap: 4px;
+  align-items: center;
   min-width: 0;
   padding: 4px 8px 6px;
-  color: hsl(var(--breadcrumb-current));
   font-weight: 600;
+  color: hsl(var(--breadcrumb-current));
   letter-spacing: 0.01em;
   isolation: isolate;
 }
@@ -150,17 +150,17 @@ function handleClick(path?: string) {
   content: '';
   background: linear-gradient(
     180deg,
-    hsl(var(--nav-item-active) / 0.36) 0%,
-    hsl(var(--nav-item-active) / 0.18) 42%,
-    hsl(var(--glass-tint) / 0.08) 82%,
+    hsl(var(--nav-item-active) / 36%) 0%,
+    hsl(var(--nav-item-active) / 18%) 42%,
+    hsl(var(--glass-tint) / 8%) 82%,
     transparent 100%
   );
   border-radius: 14px 14px 10px 10px;
   box-shadow:
-    inset 1px 0 0 hsl(var(--nav-border) / 0.54),
-    inset -1px 0 0 hsl(var(--nav-border) / 0.54),
-    inset 0 1px 0 hsl(var(--nav-sheen) / 0.68),
-    0 10px 22px -22px hsl(var(--primary) / 0.2);
+    inset 1px 0 0 hsl(var(--nav-border) / 54%),
+    inset -1px 0 0 hsl(var(--nav-border) / 54%),
+    inset 0 1px 0 hsl(var(--nav-sheen) / 68%),
+    0 10px 22px -22px hsl(var(--primary) / 20%);
 }
 
 .easyflow-breadcrumb__current::after {
@@ -168,22 +168,22 @@ function handleClick(path?: string) {
   right: -6px;
   bottom: 0;
   left: -6px;
-  height: 1px;
   z-index: -1;
+  height: 1px;
   content: '';
   background: linear-gradient(
     90deg,
     transparent,
-    hsl(var(--nav-item-active) / 0.2) 22%,
-    hsl(var(--nav-item-active) / 0.26) 50%,
-    hsl(var(--nav-item-active) / 0.2) 78%,
+    hsl(var(--nav-item-active) / 20%) 22%,
+    hsl(var(--nav-item-active) / 26%) 50%,
+    hsl(var(--nav-item-active) / 20%) 78%,
     transparent
   );
   opacity: 0.72;
 }
 
 .easyflow-breadcrumb__separator {
-  color: hsl(var(--breadcrumb-muted) / 0.72);
+  color: hsl(var(--breadcrumb-muted) / 72%);
 }
 
 .easyflow-breadcrumb__separator :deep(svg) {

easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/button/check-button-group.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Arrayable } from '@vueuse/core';
 
-import type { ValueType, EasyFlowButtonGroupProps } from './button';
+import type { EasyFlowButtonGroupProps, ValueType } from './button';
 
 import { computed, ref, watch } from 'vue';
 

easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/components/spine-text/spine-text.vue

@@ -16,7 +16,10 @@ const style = computed(() => {
 });
 </script>
 <template>
-  <div :style="style" class="easyflow-spine-text !bg-clip-text text-transparent">
+  <div
+    :style="style"
+    class="easyflow-spine-text !bg-clip-text text-transparent"
+  >
     <slot></slot>
   </div>
 </template>