feat: generate uuid with human-id infiniflow#918

cike8899 · Jun 11, 2024 · e1ed0b9 · e1ed0b9
1 parent cf2f659
commit e1ed0b9
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -24,6 +24,7 @@
     "dayjs": "^1.11.10",
     "elkjs": "^0.9.3",
     "eventsource-parser": "^1.1.2",
+    "human-id": "^4.1.1",
     "i18next": "^23.7.16",
     "i18next-browser-languagedetector": "^8.0.0",
     "js-base64": "^3.7.5",

diff --git a/web/src/pages/flow/chat/drawer.tsx b/web/src/pages/flow/chat/drawer.tsx
@@ -11,7 +11,7 @@ const ChatDrawer = ({ visible, hideModal }: IModalProps<any>) => {
       open={visible}
       getContainer={false}
       width={470}
-      zIndex={10000}
+      // zIndex={10000}
     >
       <FlowChatBox></FlowChatBox>
     </Drawer>

diff --git a/web/src/pages/flow/hooks.ts b/web/src/pages/flow/hooks.ts
@@ -15,9 +15,9 @@ import React, {
   useState,
 } from 'react';
 import { Node, Position, ReactFlowInstance } from 'reactflow';
-import { v4 as uuidv4 } from 'uuid';
 // import { shallow } from 'zustand/shallow';
 import { useDebounceEffect } from 'ahooks';
+import { humanId } from 'human-id';
 import { useParams } from 'umi';
 import useGraphStore, { RFState } from './store';
 import { buildDslComponentsByGraph } from './utils';
@@ -79,7 +79,7 @@ export const useHandleDrop = () => {
         y: event.clientY,
       });
       const newNode = {
-        id: uuidv4(),
+        id: `${type}:${humanId()}`,
         type: 'textUpdater',
         position: position || {
           x: 0,