Closed RackweLLizm closed 1 year ago
@RackweLLizm The error should be caused by the scene assets
not using the common gi-sdk
, because the export version problem in the sdk has been solved : https://github.com/antvis/G6VP/blob/master/packages/gi-sdk/src/index.tsx#L16
It is recommended that you reinstall the dependencies and set pacakges.json
"overrides": {
"@antv/gi-sdk": "latest"
}
make the sdk globally unique
@pomelo-nwu
@antv\gi-assets-scene\node_modules\@antv\gi-sdk\es
import { version } from '../package.json';
changed
import version from '../package.json';
import version from '../package.json'; I got rid of the problem when I replaced it with . the issue was the { } parentheses.
I couldn't see the gi-sheetbar in the new version. Am I missing something or did you remove it?
@RackweLLizm import version from '../package.json';
This has been solved in G6VP
We have removed Sheetbar and plan to reimplement it. The previous design idea was to implement the container layout through React.createPortal: https://www.yuque.com/antv/gi/ypom6l?translate=en , then we found this way also has many disadvantages, such as multiplelayout container assets
may have conflict, so we used the new mechanism, You can refer to the SegementLayout:https://github.com/antvis/G6VP/blob/master/packages/gi-assets-basic/src/components/SegmentedLayout/component.tsx#L54
@pomelo-nwu I understand The main reason why I wanted to switch to the new version was that when I made a mass selection with the mouse on a canvas with an average of 500 nodes, the selection was shrinking. When I tried it in the new version, the same thing happened again, the stuttering problem continues. HTML and UMD versions don't have this problem. In the NPM version, the problem of mass selection with the mouse is too much. Is there any information or a known bug about this issue?
@RackweLLizm It is necessary to see if the versions of Graphin and G6 are correct. Under umd and html, the versions of g6 and graphin are determined
@pomelo-nwu
{
"name": "projev2",
"version": "0.1.0",
"private": true,
"dependencies": {
"@ant-design/icons": "^4.7.0",
"@antv/g6": "^4.7.10",
"@antv/gi-assets-advance": "^2.1.1",
"@antv/gi-assets-algorithm": "^2.0.0",
"@antv/gi-assets-basic": "^2.1.1",
"@antv/gi-assets-scene": "^2.0.0",
"@antv/gi-sdk": "^2.0.2",
"@antv/gi-theme-antd": "^0.3.0",
"@antv/graphin": "^2.7.13",
"@antv/graphin-components": "^2.4.0",
"@antv/graphin-icons": "^1.0.0",
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-free": "^6.2.1",
"@fortawesome/fontawesome-free-solid": "^5.0.13",
"@fortawesome/fontawesome-svg-core": "^6.4.0",
"@fortawesome/free-solid-svg-icons": "^6.4.0",
"@fortawesome/react-fontawesome": "^0.2.0",
"@microsoft/signalr": "^6.0.1",
"@react-awesome-query-builder/antd": "^6.2.0",
"@react-leaflet/core": "^1.1.1",
"@types/styled-components": "^5.1.26",
"antd": "^4.24.8",
"axios": "^0.24.0",
"devextreme": "^23.1.3",
"devextreme-aspnet-data-nojquery": "^2.9.2",
"devextreme-react": "^23.1.3",
"exceljs": "^4.3.0",
"file-saver-es": "^2.0.5",
"font-awesome": "^4.7.0",
"jwt-decode": "^3.1.2",
"leaflet": "^1.9.3",
"leaflet-css": "^0.1.0",
"leaflet-draw-locales": "^1.2.2",
"leaflet-easyprint": "^2.1.9",
"leaflet-mouse-position": "^1.2.0",
"leaflet.markercluster": "^1.5.3",
"leaflet.offline": "^3.0.0",
"localforage": "^1.10.0",
"mobx": "^6.3.8",
"mobx-react-lite": "^3.2.2",
"prunecluster-exportable": "^1.0.0",
"react": "^17.0.2",
"react-contextmenu": "^2.14.0",
"react-dnd": "^16.0.1",
"react-dnd-html5-backend": "^16.0.1",
"react-dom": "^17.0.2",
"react-full-screen": "^1.1.1",
"react-hot-toast": "^2.2.0",
"react-html-parser": "^2.0.2",
"react-leaflet": "^3.2.5",
"react-leaflet-draw": "^0.20.4",
"react-leaflet-fullscreen-plugin": "^1.0.1",
"react-leaflet-markercluster": "^3.0.0-rc1",
"react-pro-sidebar": "^1.0.0",
"react-router-dom": "^6.11.2",
"react-scripts": "5.0.0",
"source-map-loader": "^4.0.1",
"styled-components": "^5.3.10",
"typescript": "^4.4.4",
"ulid": "^2.3.0",
"use-immer": "^0.8.1",
"uuid": "^8.3.2",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "react-scripts --max_old_space_size=14096 start",
"build": "react-scripts --max_old_space_size=14096 build",
"serve": "serve build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": [
">0.2%",
"not dead",
"not op_mini all"
],
"devDependencies": {
"@types/file-saver-es": "^2.0.1",
"@types/leaflet": "^1.9.3",
"@types/leaflet-draw": "^1.0.3",
"@types/node": "^17.0.29",
"@types/react": "^17.0.52",
"@types/react-dom": "^18.0.10",
"@types/react-html-parser": "^2.0.2",
"@types/react-leaflet-fullscreen-plugin": "^1.0.0",
"@types/react-router-dom": "^5.3.3",
"@types/uuid": "^8.3.4"
},
"engines": {
"node": "17.x"
}
}
My package.json file is like this now. To test, I installed the latest versions and checked, the result was still the same for me and the stuttering problem persisted. I went back to my old versions because I made various changes to the library codes. When G6 DEMO version is combined with G6VP and as you said, 2000 nodes and above support is added, I will install the latest versions from scratch.
Do you have any predictions for the package.json to shrink as it is now?
@RackweLLizm We have added internationalization for G6VP. Currently, it is all machine translation, and we will proofread it manually later
@pomelo-nwu Thank you. I used to use https://graphinsight.antgroup.com/#/workspace?type=case website I guess it is not updated anymore
https://insight.antv.antgroup.com/#/open/assets-list?assetKey=StyleSetting
All innovations are posted here. Do I understand correctly, should I not use https://graphinsight.antgroup.com anymore?
@RackweLLizm yes,we are currently working on version 2.x 1.x site :https://graphinsight.antgroup.com 2.x site :https://insight.antv.antgroup.com
As of today, I have upgraded all libraries of G6VP to the latest versions and I am getting the error below. @pomelo-nwu