ant-design · lxfu1 · Sep 9, 2024 · Sep 9, 2024 · Sep 9, 2024 · Sep 9, 2024
diff --git a/packages/graphs/.babelrc b/packages/graphs/.babelrc
@@ -0,0 +1,3 @@
+{
+  "extends": "../../.babelrc"
+}
diff --git a/packages/graphs/.eslintignore b/packages/graphs/.eslintignore
@@ -0,0 +1,5 @@
+dist
+es
+lib
+node_modules
+tests
diff --git a/packages/graphs/.eslintrc.js b/packages/graphs/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: '../../.eslintrc.js',
+};
diff --git a/packages/graphs/README.md b/packages/graphs/README.md
@@ -0,0 +1 @@
+# @ant-design/graphs
diff --git a/packages/graphs/package.json b/packages/graphs/package.json
@@ -0,0 +1,68 @@
+{
+  "name": "@ant-design/graphs",
+  "version": "1.0.0-alpha.0",
+  "description": "A React graph library based on G6",
+  "bugs": {
+    "url": "https://github.com/ant-design/ant-design-charts/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ant-design/ant-design-charts.git"
+  },
+  "main": "lib/index.js",
+  "unpkg": "dist/graphs.min.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "lib",
+    "dist",
+    "es",
+    "src"
+  ],
+  "scripts": {
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "ci": "run-s lint build test",
+    "clean": "rimraf lib es dist",
+    "dev": "vite",
+    "build": "run-p build:*",
+    "build:umd": "rimraf ./dist && webpack --config webpack.config.js --mode production",
+    "build:lib": "rimraf ./lib && tsc -p tsconfig.prod.json --target ES5 --module commonjs --outDir lib",
+    "build:esm": "rimraf ./es && tsc -p tsconfig.prod.json --target ES5 --module ESNext --outDir es",
+    "lint:prettier": "npm run prettier && git diff && prettier --version && prettier --check \"src/**/**.{js,jsx,tsx,ts,less,md,json}\" --end-of-line auto",
+    "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx  --fix --format=pretty ./src && npm run lint:prettier",
+    "prettier": "prettier --write \"**/**.{js,jsx,tsx,ts,less,md,json}\"",
+    "profile": "webpack --config webpack.config.js --mode production --profile --json > stats.json",
+    "start": "npm run build:esm --w",
+    "test": "jest"
+  },
+  "keywords": [
+    "antv",
+    "g6",
+    "graph",
+    "graph analysis",
+    "graph editor",
+    "graph visualization",
+    "relational data",
+    "react"
+  ],
+  "dependencies": {
+    "@antv/g6": "^5.0.21",
+    "@antv/graphin": "^3.0.2",
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.6",
+    "antd": "^5.20.5",
+    "npm-run-all": "^4.1.5",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-router-dom": "^6.26.1",
+    "vite": "^5.4.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.4",
+    "react-dom": ">=16.8.4"
+  },
+  "license": "MIT"
+}
diff --git a/packages/graphs/src/components/HierarchicalGraph/index.tsx b/packages/graphs/src/components/HierarchicalGraph/index.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const HierarchicalGraph = () => {
+  return <div>HierarchicalGraph</div>;
+};
diff --git a/packages/graphs/src/components/index.ts b/packages/graphs/src/components/index.ts
@@ -0,0 +1 @@
+export { HierarchicalGraph } from './HierarchicalGraph';
diff --git a/packages/graphs/src/index.ts b/packages/graphs/src/index.ts
@@ -0,0 +1,4 @@
+import * as G6 from '@antv/g6';
+
+export * from './components';
+export { G6 };
diff --git a/packages/graphs/tests/demos/error-boundary.tsx b/packages/graphs/tests/demos/error-boundary.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const ErrorBoundary = () => {
+  return <div>ErrorBoundary</div>;
+};
diff --git a/packages/graphs/tests/demos/index.tsx b/packages/graphs/tests/demos/index.tsx
@@ -0,0 +1 @@
+export { ErrorBoundary } from './error-boundary';
diff --git a/packages/graphs/tests/index.html b/packages/graphs/tests/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>@ant-design/graphs</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>
diff --git a/packages/graphs/tests/main.tsx b/packages/graphs/tests/main.tsx
@@ -0,0 +1,47 @@
+import { Alert, Flex, Select } from 'antd';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Outlet, RouterProvider, createBrowserRouter, useMatch, useNavigate } from 'react-router-dom';
+import * as demos from './demos';
+
+const App = () => {
+  const navigate = useNavigate();
+  const match = useMatch('/*');
+
+  return (
+    <Flex vertical>
+      <Select
+        value={match?.params['*'] || Object.keys(demos)[0]}
+        options={Object.keys(demos).map((label) => ({ label, value: label }))}
+        style={{ width: 200 }}
+        onChange={(value) => navigate(value)}
+      />
+      <Outlet />
+    </Flex>
+  );
+};
+
+const NotFound = () => {
+  return <Alert message="Demo Not Found" type="error" />;
+};
+
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <App />,
+    errorElement: <NotFound />,
+    children: Object.entries(demos).map(([key, Demo]) => ({
+      path: key,
+      element: <Demo />,
+    })),
+  },
+]);
+
+const container = document.getElementById('root')!;
+const root = createRoot(container);
+
+root.render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
+);
diff --git a/packages/graphs/tsconfig.json b/packages/graphs/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "isolatedModules": true,
+    "pretty": true,
+    "resolveJsonModule": true,
+    "strict": true,
+    "paths": {}
+  },
+  "exclude": ["node_modules", "dist", "lib", "es"],
+  "extends": "../../tsconfig.json",
+  "include": ["src", "tests"]
+}
diff --git a/packages/graphs/tsconfig.prod.json b/packages/graphs/tsconfig.prod.json
@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"]
+}
diff --git a/packages/graphs/vite.config.ts b/packages/graphs/vite.config.ts
@@ -0,0 +1,16 @@
+import path from 'path';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  root: './tests',
+  server: {
+    port: 8084,
+    open: '/',
+  },
+  plugins: [{ name: 'isolation' }],
+  resolve: {
+    alias: {
+      '@ant-design/graphs': path.resolve(__dirname, './src'),
+    },
+  },
+});
diff --git a/packages/graphs/webpack.config.js b/packages/graphs/webpack.config.js
@@ -0,0 +1,3 @@
+const { getWebpackConfig } = require('../../config/webpack');
+
+module.exports = getWebpackConfig('graphs', 'Graphs');
diff --git a/tsconfig.json b/tsconfig.json
@@ -10,7 +10,6 @@
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "noImplicitReturns": false,
-    "suppressImplicitAnyIndexErrors": true,
     "experimentalDecorators": true,
     "strict": false,
     "skipLibCheck": true,
@@ -21,7 +20,10 @@
     "noUnusedLocals": false,
     "noImplicitAny": false,
     "noFallthroughCasesInSwitch": true,
-    "preserveSymlinks": true
+    "preserveSymlinks": true,
+    "paths": {
+      "@@/*": ["src/.umi/*"]
+    }
   },
   "exclude": [
     "node_modules",
@@ -48,8 +50,5 @@
     "jest.config.js",
     "**/fixtures",
     "./tests/no-duplicated.ts"
-  ],
-  "paths": {
-    "@@/*": ["src/.umi/*"]
-  }
+  ]
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { HierarchicalGraph } from './HierarchicalGraph';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { ErrorBoundary } from './error-boundary';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		const { getWebpackConfig } = require('../../config/webpack');

		module.exports = getWebpackConfig('graphs', 'Graphs');