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

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

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

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

easyflow-ui-admin/packages/effects/common-ui/src/components/api-component/api-component.vue

@@ -7,7 +7,12 @@ import { computed, nextTick, ref, unref, useAttrs, watch } from 'vue';
 
 import { LoaderCircle } from '@easyflow/icons';
 
-import { cloneDeep, get, isEqual, isFunction } from '@easyflow-core/shared/utils';
+import {
+  cloneDeep,
+  get,
+  isEqual,
+  isFunction,
+} from '@easyflow-core/shared/utils';
 
 import { objectOmit } from '@vueuse/core';
 

easyflow-ui-admin/packages/effects/common-ui/src/components/chat-thinking/ChatThinkingBlock.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue';
-
 import type { ChatThinkingBlockProps } from './types';
 
+import { computed } from 'vue';
+
 defineOptions({
   name: 'ChatThinkingBlock',
 });
@@ -24,8 +24,8 @@ const emit = defineEmits<{
 
 const normalizedContent = computed(() =>
   String(props.content || '')
-    .replace(/\r\n/g, '\n')
-    .replace(/^\s*\n+/, '')
+    .replaceAll('\r\n', '\n')
+    .replace(/^\s*\n/, '')
     .trimEnd(),
 );
 
@@ -131,27 +131,26 @@ function toggleExpanded() {
 
 <style scoped>
 .chat-thinking-block {
-  border: 1px solid hsl(var(--divider-faint) / 0.18);
+  background: linear-gradient(
+    180deg,
+    hsl(var(--glass-tint) / 48%) 0%,
+    hsl(var(--surface-panel) / 74%) 100%
+  );
+  border: 1px solid hsl(var(--divider-faint) / 18%);
   border-radius: 16px;
-  background:
-    linear-gradient(
-      180deg,
-      hsl(var(--glass-tint) / 0.48) 0%,
-      hsl(var(--surface-panel) / 0.74) 100%
-    );
   box-shadow:
-    inset 0 1px 0 hsl(var(--glass-border) / 0.24),
-    0 10px 24px -24px hsl(var(--foreground) / 0.18);
+    inset 0 1px 0 hsl(var(--glass-border) / 24%),
+    0 10px 24px -24px hsl(var(--foreground) / 18%);
   backdrop-filter: blur(12px);
 }
 
 .chat-thinking-block__trigger {
   display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: center;
   width: 100%;
   min-width: 0;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  align-items: center;
-  gap: 10px;
   padding: 9px 12px;
   color: inherit;
   text-align: left;
@@ -166,7 +165,7 @@ function toggleExpanded() {
 }
 
 .chat-thinking-block__trigger:not(:disabled):hover {
-  background: hsl(var(--surface-contrast-soft) / 0.34);
+  background: hsl(var(--surface-contrast-soft) / 34%);
 }
 
 .chat-thinking-block__trigger:disabled {
@@ -175,9 +174,9 @@ function toggleExpanded() {
 
 .chat-thinking-block__leading {
   display: inline-flex;
-  min-width: 0;
-  align-items: center;
   gap: 8px;
+  align-items: center;
+  min-width: 0;
 }
 
 .chat-thinking-block__indicator {
@@ -185,19 +184,19 @@ function toggleExpanded() {
   flex: 0 0 auto;
   width: 8px;
   height: 8px;
+  background: hsl(var(--text-muted) / 74%);
   border-radius: 999px;
-  background: hsl(var(--text-muted) / 0.74);
 }
 
 .chat-thinking-block.is-thinking .chat-thinking-block__indicator {
-  background: hsl(var(--primary) / 0.82);
-  box-shadow: 0 0 0 4px hsl(var(--primary) / 0.12);
+  background: hsl(var(--primary) / 82%);
+  box-shadow: 0 0 0 4px hsl(var(--primary) / 12%);
   animation: chat-thinking-pulse 1.8s ease-in-out infinite;
 }
 
 .chat-thinking-block.is-error .chat-thinking-block__indicator {
-  background: hsl(var(--destructive) / 0.86);
-  box-shadow: 0 0 0 4px hsl(var(--destructive) / 0.1);
+  background: hsl(var(--destructive) / 86%);
+  box-shadow: 0 0 0 4px hsl(var(--destructive) / 10%);
 }
 
 .chat-thinking-block__label {
@@ -211,10 +210,10 @@ function toggleExpanded() {
 .chat-thinking-block__summary {
   min-width: 0;
   overflow: hidden;
+  text-overflow: ellipsis;
   font-size: 12px;
   line-height: 1.3;
   color: hsl(var(--text-muted));
-  text-overflow: ellipsis;
   white-space: nowrap;
 }
 
@@ -236,15 +235,15 @@ function toggleExpanded() {
 }
 
 .chat-thinking-block__content {
-  margin: 0;
   padding: 10px 12px;
-  border-radius: 12px;
-  background: hsl(var(--surface-panel) / 0.72);
+  margin: 0;
   font-size: 12px;
   line-height: 1.68;
   color: hsl(var(--text-secondary));
+  overflow-wrap: anywhere;
   white-space: pre-wrap;
-  word-break: break-word;
+  background: hsl(var(--surface-panel) / 72%);
+  border-radius: 12px;
 }
 
 .chat-thinking-block.is-disabled {
@@ -267,12 +266,12 @@ function toggleExpanded() {
 @keyframes chat-thinking-pulse {
   0%,
   100% {
-    box-shadow: 0 0 0 4px hsl(var(--primary) / 0.12);
+    box-shadow: 0 0 0 4px hsl(var(--primary) / 12%);
     opacity: 0.92;
   }
 
   50% {
-    box-shadow: 0 0 0 7px hsl(var(--primary) / 0.04);
+    box-shadow: 0 0 0 7px hsl(var(--primary) / 4%);
     opacity: 1;
   }
 }

easyflow-ui-admin/packages/effects/common-ui/src/components/chat-thinking/index.ts

@@ -1,5 +1,2 @@
 export { default as ChatThinkingBlock } from './ChatThinkingBlock.vue';
-export type {
-  ChatThinkingBlockProps,
-  ChatThinkingBlockStatus,
-} from './types';
+export type { ChatThinkingBlockProps, ChatThinkingBlockStatus } from './types';

easyflow-ui-admin/packages/effects/common-ui/src/components/icon-picker/icon-picker.vue

@@ -8,10 +8,10 @@ import { EmptyIcon, Grip, listIcons } from '@easyflow/icons';
 import { $t } from '@easyflow/locales';
 
 import {
+  Button,
   EasyFlowIcon,
   EasyFlowIconButton,
   EasyFlowPopover,
-  Button,
   Input,
   Pagination,
   PaginationEllipsis,

easyflow-ui-admin/packages/effects/common-ui/src/components/tree/tree.vue

@@ -4,7 +4,7 @@ import type { TreeProps } from '@easyflow-core/shadcn-ui';
 import { Inbox } from '@easyflow/icons';
 import { $t } from '@easyflow/locales';
 
-import { treePropsDefaults, EasyFlowTree } from '@easyflow-core/shadcn-ui';
+import { EasyFlowTree, treePropsDefaults } from '@easyflow-core/shadcn-ui';
 
 const props = withDefaults(defineProps<TreeProps>(), treePropsDefaults());
 </script>