feat: generate uuid with human-id #918 (#1111)

### What problem does this PR solve?

feat: generate uuid with human-id #918

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu 2024-06-11 11:58:49 +08:00 committed by GitHub
parent cf2f6592dd
commit 0b92f02672
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 13 additions and 3 deletions

9
web/package-lock.json generated
View File

@ -19,6 +19,7 @@
"dayjs": "^1.11.10", "dayjs": "^1.11.10",
"elkjs": "^0.9.3", "elkjs": "^0.9.3",
"eventsource-parser": "^1.1.2", "eventsource-parser": "^1.1.2",
"human-id": "^4.1.1",
"i18next": "^23.7.16", "i18next": "^23.7.16",
"i18next-browser-languagedetector": "^8.0.0", "i18next-browser-languagedetector": "^8.0.0",
"js-base64": "^3.7.5", "js-base64": "^3.7.5",
@ -13379,6 +13380,14 @@
"node": ">= 6" "node": ">= 6"
} }
}, },
"node_modules/human-id": {
"version": "4.1.1",
"resolved": "https://registry.npmmirror.com/human-id/-/human-id-4.1.1.tgz",
"integrity": "sha512-3gKm/gCSUipeLsRYZbbdA1BD83lBoWUkZ7G9VFrhWPAU76KwYo5KR8V28bpoPm/ygy0x5/GCbpRQdY7VLYCoIg==",
"bin": {
"human-id": "dist/cli.js"
}
},
"node_modules/human-signals": { "node_modules/human-signals": {
"version": "2.1.0", "version": "2.1.0",
"resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-2.1.0.tgz", "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-2.1.0.tgz",

View File

@ -24,6 +24,7 @@
"dayjs": "^1.11.10", "dayjs": "^1.11.10",
"elkjs": "^0.9.3", "elkjs": "^0.9.3",
"eventsource-parser": "^1.1.2", "eventsource-parser": "^1.1.2",
"human-id": "^4.1.1",
"i18next": "^23.7.16", "i18next": "^23.7.16",
"i18next-browser-languagedetector": "^8.0.0", "i18next-browser-languagedetector": "^8.0.0",
"js-base64": "^3.7.5", "js-base64": "^3.7.5",

View File

@ -11,7 +11,7 @@ const ChatDrawer = ({ visible, hideModal }: IModalProps<any>) => {
open={visible} open={visible}
getContainer={false} getContainer={false}
width={470} width={470}
zIndex={10000} // zIndex={10000}
> >
<FlowChatBox></FlowChatBox> <FlowChatBox></FlowChatBox>
</Drawer> </Drawer>

View File

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