From f285aa8a2707b1b389fcb035d791b65c1911b7ae Mon Sep 17 00:00:00 2001
From: gjd <gjd2532002734@qq.com>
Date: Mon, 16 Jun 2025 09:47:32 +0800
Subject: [PATCH] =?UTF-8?q?refactor(web-antd):=20=E9=87=8D=E6=9E=84=20Tiny?=
 =?UTF-8?q?flow=20=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BC=98=E5=8C=96=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 Item 类型和 Tinyflow 相关类型移动到 ui/typing 文件夹
- 删除 ui/index.d.ts 文件，减少冗余类型定义
- 优化 Tinyflow 组件代码，简化 imports
- 移除 formatTime.ts 中的冗余代码，使用 @vben/utils 中的 formatDate 函数
---
 .../src/components/Tinyflow/Tinyflow.vue      |  4 +-
 .../src/components/Tinyflow/ui/index.d.ts     | 41 -------------------
 .../src/components/Tinyflow/ui/typing.ts      | 40 ++++++++++++++++++
 apps/web-antd/src/utils/formatTime.ts         | 22 +---------
 4 files changed, 43 insertions(+), 64 deletions(-)
 delete mode 100644 apps/web-antd/src/components/Tinyflow/ui/index.d.ts
 create mode 100644 apps/web-antd/src/components/Tinyflow/ui/typing.ts

diff --git a/apps/web-antd/src/components/Tinyflow/Tinyflow.vue b/apps/web-antd/src/components/Tinyflow/Tinyflow.vue
index c2ecfc03f..ecd826298 100644
--- a/apps/web-antd/src/components/Tinyflow/Tinyflow.vue
+++ b/apps/web-antd/src/components/Tinyflow/Tinyflow.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { Item } from './ui';
+import type { Item } from './ui/typing';
 
 import { onMounted, onUnmounted, ref } from 'vue';
 
-import { Tinyflow as TinyflowNative } from './ui';
+import { Tinyflow as TinyflowNative } from './ui/typing';
 
 import './ui/index.css';
 
diff --git a/apps/web-antd/src/components/Tinyflow/ui/index.d.ts b/apps/web-antd/src/components/Tinyflow/ui/index.d.ts
deleted file mode 100644
index 38a313234..000000000
--- a/apps/web-antd/src/components/Tinyflow/ui/index.d.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Edge } from '@xyflow/svelte';
-import { Node as Node_2 } from '@xyflow/svelte';
-import { useSvelteFlow } from '@xyflow/svelte';
-import { Viewport } from '@xyflow/svelte';
-
-export declare type Item = {
-    value: number | string;
-    label: string;
-    children?: Item[];
-};
-
-export declare class Tinyflow {
-    private options;
-    private rootEl;
-    private svelteFlowInstance;
-    constructor(options: TinyflowOptions);
-    private _init;
-    private _setOptions;
-    getOptions(): TinyflowOptions;
-    getData(): {
-        nodes: Node_2[];
-        edges: Edge[];
-        viewport: Viewport;
-    };
-    setData(data: TinyflowData): void;
-    destroy(): void;
-}
-
-export declare type TinyflowData = Partial<ReturnType<ReturnType<typeof useSvelteFlow>['toObject']>>;
-
-export declare type TinyflowOptions = {
-    element: string | Element;
-    data?: TinyflowData;
-    provider?: {
-        llm?: () => Item[] | Promise<Item[]>;
-        knowledge?: () => Item[] | Promise<Item[]>;
-        internal?: () => Item[] | Promise<Item[]>;
-    };
-};
-
-export { }
diff --git a/apps/web-antd/src/components/Tinyflow/ui/typing.ts b/apps/web-antd/src/components/Tinyflow/ui/typing.ts
new file mode 100644
index 000000000..c60915afc
--- /dev/null
+++ b/apps/web-antd/src/components/Tinyflow/ui/typing.ts
@@ -0,0 +1,40 @@
+import { Edge, Node as Node_2, useSvelteFlow, Viewport } from '@xyflow/svelte';
+
+export declare type Item = {
+  children?: Item[];
+  label: string;
+  value: number | string;
+};
+
+export declare class Tinyflow {
+  private _init;
+  private _setOptions;
+  private options;
+  private rootEl;
+  private svelteFlowInstance;
+  constructor(options: TinyflowOptions);
+  destroy(): void;
+  getData(): {
+    edges: Edge[];
+    nodes: Node_2[];
+    viewport: Viewport;
+  };
+  getOptions(): TinyflowOptions;
+  setData(data: TinyflowData): void;
+}
+
+export declare type TinyflowData = Partial<
+  ReturnType<ReturnType<typeof useSvelteFlow>['toObject']>
+>;
+
+export declare type TinyflowOptions = {
+  data?: TinyflowData;
+  element: Element | string;
+  provider?: {
+    internal?: () => Item[] | Promise<Item[]>;
+    knowledge?: () => Item[] | Promise<Item[]>;
+    llm?: () => Item[] | Promise<Item[]>;
+  };
+};
+
+export {};
diff --git a/apps/web-antd/src/utils/formatTime.ts b/apps/web-antd/src/utils/formatTime.ts
index 9f2f30a8c..f51ba8793 100644
--- a/apps/web-antd/src/utils/formatTime.ts
+++ b/apps/web-antd/src/utils/formatTime.ts
@@ -1,24 +1,4 @@
-import dayjs from 'dayjs';
-
-/**
- * 时间日期转换
- * @param date 当前时间，new Date() 格式
- * @param format 需要转换的时间格式字符串
- * @description format 字符串随意，如 `YYYY-MM、YYYY-MM-DD`
- * @description format 季度："YYYY-MM-DD HH:mm:ss QQQQ"
- * @description format 星期："YYYY-MM-DD HH:mm:ss WWW"
- * @description format 几周："YYYY-MM-DD HH:mm:ss ZZZ"
- * @description format 季度 + 星期 + 几周："YYYY-MM-DD HH:mm:ss WWW QQQQ ZZZ"
- * @returns 返回拼接后的时间字符串
- */
-export function formatDate(date: Date, format?: string): string {
-  // 日期不存在，则返回空
-  if (!date) {
-    return '';
-  }
-  // 日期存在，则进行格式化
-  return date ? dayjs(date).format(format ?? 'YYYY-MM-DD HH:mm:ss') : '';
-}
+import { formatDate } from '@vben/utils';
 
 /**
  * 将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`