- 
-- Website • - Quick Start • - Gallery • - FAQ • - Blog + Website • + Quick Start • + Examples • + FAQ •
-### Flowchart
-
-
-### Maps
-
-
-### Relation Graphs
-
-
-
## ✨ Features
- Easy to use
@@ -70,51 +59,13 @@ const Page: React.FC = () => {
{ year: '1999', value: 13 },
];
- let chart;
-
const props = {
- config: {
- data,
- width: 800,
- height: 400,
- autoFit: false,
- xField: 'year',
- yField: 'value',
- point: {
- size: 5,
- shape: 'diamond',
- },
- label: {
- style: {
- fill: '#aaa',
- },
- },
- onReady: (chartInstance) => chart = chartInstance
- }
- };
-
-
- // Export Image
- const downloadImage = () => {
- chart?.downloadImage();
- };
-
- // Get chart base64 string
- const toDataURL = () => {
- console.log(chart?.toDataURL());
+ data,
+ xField: 'year',
+ yField: 'value',
};
- return (
- 
-## 📜 Document & API
-
-See chart API for details. Common props:
-
-| Property | Description | Type | defaultValue |
-| :--- | :--- | :--- | :--- |
-| onReady | chart loaded callback | (chart)=> void | - |
-| onEvent | chart events | (chart, event)=> void | - |
-| loading | loading status | boolean | - |
-| loadingTemplate | loading template | React.ReactElement | - |
-| errorTemplate | custom error template | (e: Error) => React.ReactNode | - |
-| className | container class | string | - |
-| style | container style | React.CSSProperties | - |
-
## Development
Clone locally:
@@ -146,8 +83,7 @@ See chart API for details. Common props:
$ git clone git@github.com:ant-design/ant-design-charts.git
$ cd ant-design-charts
$ pnpm install
-$ pnpm build:lib
-$ pnpm start
+$ pnpm build:lib & pnpm start
```
## 🤝 How to Contribute
diff --git a/config/jest.js b/config/jest.js
index ad191ed22..f374d04ef 100644
--- a/config/jest.js
+++ b/config/jest.js
@@ -8,7 +8,6 @@ const BaseJestConfig = {
'\\.(less|css)$': 'jest-less-loader',
},
moduleNameMapper: {
- '^lodash-es$': 'lodash',
'^.+\\.(css|less)$': 'identity-obj-proxy',
},
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
diff --git a/config/webpack.js b/config/webpack.js
index 68cbec048..6a6f79b32 100644
--- a/config/webpack.js
+++ b/config/webpack.js
@@ -15,8 +15,10 @@ const getWebpackConfig = (name, library) => {
},
output: {
filename: '[name].min.js',
- library: library,
- libraryTarget: 'umd',
+ library: {
+ name: library,
+ type: 'umd',
+ },
path: resolveApp('dist/'),
},
resolve: {
@@ -38,6 +40,12 @@ const getWebpackConfig = (name, library) => {
commonjs: 'react-dom',
amd: 'react-dom',
},
+ lodash: {
+ root: '_',
+ commonjs2: 'lodash',
+ commonjs: 'lodash',
+ amd: 'lodash',
+ },
},
module: {
rules: [
@@ -137,8 +145,8 @@ const getWebpackConfig = (name, library) => {
},
},
optimization: {
- runtimeChunk: 'single',
- moduleIds: 'deterministic',
+ // runtimeChunk: true,
+ // moduleIds: 'deterministic',
},
};
};
diff --git a/mako.config.json b/mako.config.json
new file mode 100644
index 000000000..c9c854339
--- /dev/null
+++ b/mako.config.json
@@ -0,0 +1,10 @@
+{
+ "optimization": {
+ "skipModules": false,
+ "concatenateModules": false
+ },
+ "moduleIdStrategy": "hashed",
+ "experimental": {
+ "magicComment": true
+ }
+}
diff --git a/package.json b/package.json
index b1f4018e6..27334f83e 100644
--- a/package.json
+++ b/package.json
@@ -2,70 +2,83 @@
"name": "charts",
"private": true,
"scripts": {
- "start": "pnpm -r --stream --filter=./site run start",
+ "start": "pnpm run build:lib && pnpm -r --stream --filter=./site run start",
"test": "pnpm -r --stream --filter=./packages/* run test",
+ "test:e2e": "pnpm exec playwright test",
"lint": "pnpm -r --stream --filter=./packages/* run lint",
- "build": "pnpm -r --stream --filter=!./packages/site run build",
- "build:lib": "pnpm -r --stream --filter=!./packages/site run build:lib",
+ "build": "pnpm -r --stream --filter=!./site run build",
+ "build:site": "pnpm -r --stream --filter=./site run build",
+ "build:lib": "pnpm -r --stream --filter=!./site run build:lib",
+ "dev:graphs": "cd packages/graphs && pnpm run dev",
"profile": "webpack --config webpack.config.js --mode production --profile --json > stats.json",
"prettier": "prettier --write \"**/**.{js,jsx,tsx,ts,less,md,json}\"",
"ci:version": "pnpm changeset version",
- "add:changelog": "pnpm changeset"
+ "add:changelog": "pnpm changeset",
+ "before:release": "pnpm run build",
+ "release": "pnpm run before:release && pnpm publish --no-git-checks -r --registry=https://registry.npmjs.org --filter @ant-design/*",
+ "release:alpha": "pnpm run before:release && pnpm publish --tag alpha --no-git-checks -r --filter @ant-design/*",
+ "release:beta": "pnpm run before:release && pnpm publish --tag beta --no-git-checks -r --filter @ant-design/*"
},
"devDependencies": {
- "@antv/data-set": "^0.11.8",
- "@babel/core": "^7.11.6",
+ "@babel/core": "^7.26.0",
"@babel/polyfill": "^7.12.1",
- "@babel/preset-env": "^7.13.9",
- "@babel/preset-typescript": "^7.10.4",
- "@changesets/cli": "^2.24.4",
- "@swc/jest": "^0.2.23",
- "@testing-library/jest-dom": "^5.5.0",
+ "@babel/preset-env": "^7.26.0",
+ "@babel/preset-typescript": "^7.26.0",
+ "@changesets/cli": "^2.27.9",
+ "@playwright/test": "^1.49.1",
+ "@swc/jest": "^0.2.37",
+ "@testing-library/jest-dom": "^5.17.0",
"@testing-library/react-hooks": "^7.0.2",
- "@types/enzyme": "^3.10.5",
- "@types/node": "^14.0.10",
- "@types/webpack-env": "^1.14.1",
- "@umijs/fabric": "^2.0.7",
- "babel-loader": "^8.2.3",
- "babel-plugin-named-asset-import": "^0.3.7",
+ "@types/enzyme": "^3.10.18",
+ "@types/node": "^14.18.63",
+ "@types/webpack-env": "^1.18.5",
+ "@umijs/fabric": "^2.14.1",
+ "babel-loader": "^8.4.1",
+ "babel-plugin-named-asset-import": "^0.3.8",
"babel-polyfill": "^6.26.0",
- "babel-preset-react-app": "^10.0.0",
+ "babel-preset-react-app": "^10.0.1",
"babel-types": "^6.26.0",
- "chalk": "^4.1.0",
- "css-loader": "^6.4.0",
- "ejs": "^3.0.2",
+ "chalk": "^4.1.2",
+ "cross-env": "^7.0.3",
+ "css-loader": "^6.11.0",
+ "ejs": "^3.1.10",
"enzyme": "^3.11.0",
- "enzyme-to-json": "^3.4.4",
+ "enzyme-to-json": "^3.6.2",
"eslint": "^7.32.0",
"identity-obj-proxy": "^3.0.0",
- "jest": "^26.0.1",
- "jest-canvas-mock": "^2.4.0",
+ "jest": "^26.6.3",
+ "jest-canvas-mock": "^2.5.2",
"jest-electron": "^0.1.12",
- "jest-extended": "^1.2.0",
+ "jest-extended": "^1.2.1",
"jest-less-loader": "^0.1.2",
- "less": "^4.1.2",
- "less-loader": "^10.1.0",
- "lodash": "^4.17.20",
- "np": "*",
+ "less": "^4.2.0",
+ "less-loader": "^10.2.0",
+ "np": "^10.0.7",
"npm-run-all": "^4.1.5",
- "prettier": "^2.0.2",
- "pretty-quick": "^3.0.1",
+ "prettier": "^2.8.8",
+ "prettier-plugin-organize-imports": "^4.1.0",
+ "prettier-plugin-packagejson": "^2.5.3",
+ "pretty-quick": "^3.3.1",
"react-dev-utils": "^12.0.1",
- "style-loader": "^3.3.0",
- "typescript": "^4.0.3",
- "vfile-reporter": "^7.0.2",
- "webpack": "^5.58.2",
- "webpack-bundle-analyzer": "^4.5.0",
- "webpack-cli": "^4.9.0",
- "webpack-dev-server": "^4.3.1",
- "whatwg-fetch": "^3.0.0",
+ "rimraf": "^3.0.2",
+ "style-loader": "^3.3.4",
+ "ts-loader": "^9.5.1",
+ "typescript": "^5.6.3",
+ "vfile-reporter": "^7.0.5",
+ "webpack": "^5.96.1",
+ "webpack-bundle-analyzer": "^4.10.2",
+ "webpack-cli": "^5.1.4",
+ "webpack-dev-server": "^5.1.0",
+ "whatwg-fetch": "^3.6.20",
"yorkie": "^2.0.0"
},
"pnpm": {
"overrides": {
"@typescript-eslint/eslint-plugin": "^4.1.1",
"@typescript-eslint/parser": "^4.1.1",
- "monaco-editor": "0.21.3"
+ "tslib": "2.6.1",
+ "react-dom": "^18.0.1",
+ "react": "^18.0.1"
}
},
"gitHooks": {
@@ -74,11 +87,13 @@
"sideEffects": false,
"license": "MIT",
"dependencies": {
+ "conventional-changelog-cli": "^5.0.0",
"less-plugin-npm-import": "^2.1.0",
"remark-frontmatter": "^4.0.1",
- "remark-parse": "^10.0.1",
- "remark-stringify": "^10.0.2",
- "to-vfile": "^7.2.3",
+ "remark-parse": "^10.0.2",
+ "remark-stringify": "^10.0.3",
+ "to-vfile": "^7.2.4",
"unified": "^10.1.2"
- }
+ },
+ "repository": "https://github.com/ant-design/ant-design-charts.git"
}
diff --git a/packages/charts/CHANGELOG.md b/packages/charts/CHANGELOG.md
new file mode 100644
index 000000000..7d36a6d79
--- /dev/null
+++ b/packages/charts/CHANGELOG.md
@@ -0,0 +1,55 @@
+## 2.2.6
+
+`2024-12-20`
+
+- 🔥 [Graphs] 适配 G6 最新版本
+
+## 2.2.3
+
+`2024-11-11`
+
+- 🔥 已接入 8 类流程图组件
+
+## 2.2.1
+
+`2024-08-26`
+
+- 🐞 [🧐[问题]ESM packages (lodash-es) need to be imported. ](https://github.com/ant-design/ant-design-charts/issues/2489)
+
+## 2.1.2
+
+`2024-07-24`
+
+- 🔥 Support SSR
+
+## 2.1.1
+
+`2024-05-06`
+
+- 🐞 修复低版本 webpack 不支持的 `export * as` 语法
+
+## 2.1.0
+
+`2024-04-19`
+
+- 🐞 修复低版本 webpack 不支持的 `export * as` 语法
+- 🔥 暴露图表 ref 上层可通过 ref 直接获取图表实例，eg: `
-## 📜 Document & API
-
-See chart API for details. Common props:
-
-| Property | Description | Type | defaultValue |
-| :--- | :--- | :--- | :--- |
-| onReady | chart loaded callback | (chart)=> void | - |
-| onEvent | chart events | (chart, event)=> void | - |
-| loading | loading status | boolean | - |
-| loadingTemplate | loading template | React.ReactElement | - |
-| errorTemplate | custom error template | (e: Error) => React.ReactNode | - |
-| className | container class | string | - |
-| style | container style | React.CSSProperties | - |
-
-
## 🤝 How to Contribute
Your contributions are always welcome! Please Do have a look at the [issues](https://github.com/ant-design/ant-design-charts/issues) first.
diff --git a/packages/charts/package.json b/packages/charts/package.json
index 953850fac..8893b34e0 100644
--- a/packages/charts/package.json
+++ b/packages/charts/package.json
@@ -1,7 +1,7 @@
{
"private": false,
"name": "@ant-design/charts",
- "version": "1.4.2",
+ "version": "2.2.6",
"description": "AntV upper level visual component library",
"bugs": {
"url": "https://github.com/ant-design/ant-design-charts/issues"
@@ -20,7 +20,7 @@
"/dist"
],
"scripts": {
- "build": "run-s clean lib dist copy",
+ "build": "run-s clean lib dist",
"ci": "pnpm run build && pnpm run test:coverage",
"clean": "rimraf lib es dist",
"dist": "webpack --config webpack.config.js --mode production",
@@ -28,25 +28,23 @@
"lib": "run-p lib:*",
"lib:cjs": "tsc -p tsconfig.json --target ES5 --module commonjs --outDir lib",
"lib:es": "tsc -p tsconfig.json --target ES5 --module ESNext --outDir es",
- "copy": "node ./scripts/copy.js"
+ "prepublishOnly": "pnpm run build",
+ "tag": "node ./scripts/tag.mjs"
},
"dependencies": {
- "@ant-design/flowchart": "workspace:*",
- "@ant-design/graphs": "workspace:*",
- "@ant-design/maps": "workspace:*",
- "@ant-design/plots": "workspace:*"
+ "@ant-design/graphs": "workspace:^",
+ "@ant-design/plots": "workspace:^",
+ "lodash": "^4.17.21",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1"
},
"peerDependencies": {
- "@ant-design/icons": "^4.6.0",
- "antd": "^4.6.3",
- "lodash": "^4.17.20",
"react": ">=16.8.4",
"react-dom": ">=16.8.4"
},
"sideEffects": false,
"license": "MIT",
"devDependencies": {
- "npm-run-all": "^4.1.5",
- "rimraf": "^3.0.2"
+ "open": "^10.1.0"
}
}
diff --git a/packages/charts/scripts/copy.js b/packages/charts/scripts/copy.js
deleted file mode 100644
index 50d77a593..000000000
--- a/packages/charts/scripts/copy.js
+++ /dev/null
@@ -1,4 +0,0 @@
-const shell = require('shelljs');
-
-// 复制本地 g2plot.min.js
-shell.exec(`cp ../flowchart/dist/index.css ./dist`);
diff --git a/packages/charts/scripts/tag.mjs b/packages/charts/scripts/tag.mjs
new file mode 100644
index 000000000..ee8e0d4ec
--- /dev/null
+++ b/packages/charts/scripts/tag.mjs
@@ -0,0 +1,22 @@
+import chalk from 'chalk';
+import { execFileSync } from 'child_process';
+import { readFileSync } from 'fs';
+import open from 'open';
+import readline from 'readline';
+
+const pkg = JSON.parse(readFileSync('./package.json', 'utf-8'));
+const version = pkg.version;
+const repository = pkg.repository.url;
+
+console.log(chalk.yellow('The tag will be created with the version: '), chalk.bold(chalk.green(version)));
+
+const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+
+rl.question('Do you want to continue? (y/n): ', (answer) => {
+ if (answer === 'y') {
+ execFileSync('git', ['tag', version]);
+ execFileSync('git', ['push', 'origin', version]);
+ open(`${repository}/releases/new`);
+ }
+ rl.close();
+});
diff --git a/packages/charts/src/index.ts b/packages/charts/src/index.ts
index a1bf6a389..347e7cbb9 100644
--- a/packages/charts/src/index.ts
+++ b/packages/charts/src/index.ts
@@ -1,6 +1,2 @@
-export * from '@ant-design/plots';
-export * from '@ant-design/flowchart';
export * from '@ant-design/graphs';
-export * from '@ant-design/maps';
-
-export const version = '1.4.2';
+export * from '@ant-design/plots';
diff --git a/packages/flowchart/CHANGELOG.md b/packages/flowchart/CHANGELOG.md
deleted file mode 100644
index 7282fac7d..000000000
--- a/packages/flowchart/CHANGELOG.md
+++ /dev/null
@@ -1,31 +0,0 @@
-## 1.2.2
-
-`2023-01-12`
-
-- 🐞 修复 React18 页面卡死
-- 🔥 新增 `onDelNode、onCopy、onPaste` 方法
-
-## 1.2.1
-
-`2022-08-23`
-
-- 🐞 修复流程图 `canvasProps.config` 配置无效
-
-## 1.2.0
-
-`2022-08-16`
-
-- 🔥 新增 canvasProps.showPortsOnNodeSelected 属性，支持选中节点时连线
-- 🔥 新增 canvasProps.edgeConfig 属性，支持默认连线配置
-
-## 1.1.9
-
-`2022-07-26`
-
-- 🐞 [新建边无反应](https://github.com/ant-design/ant-design-charts/issues/1455)
-
-## 1.1.8
-
-`2022-07-19`
-
-- 🐞 [Critical security vulnerabilities immer](https://github.com/ant-design/ant-design-charts/issues/1289)
diff --git a/packages/flowchart/README.md b/packages/flowchart/README.md
deleted file mode 100644
index 66c214483..000000000
--- a/packages/flowchart/README.md
+++ /dev/null
@@ -1,173 +0,0 @@
-# @ant-design/flowchart
-
-- Website • - Quick Start • - Gallery • - FAQ • - Blog -
- -
-
-
-
-## 📜 Document & API
-
-```ts
-export interface FlowchartProps extends FlowchartContainerProps {
- /** 默认数据 */
- data?: Datum;
-
- /** 画布是否自动居中 */
- isAutoCenter?: boolean;
-
- /** 节点面板配置 */
- nodePanelProps?: NodePanelProps;
-
- /** 画布主要区域配置 */
- canvasProps?: CanvasProps;
-
- /**
- * @title 画布状态
- * @description scan 会禁用一些画布事件，例如连线、鼠标右键等
- * @default "edit"
- */
- mode?: 'edit' | 'scan';
-
- /** toolbar */
- toolbarPanelProps?: ToolbarPanelProps;
-
- /** keyBinding */
- keyBindingProps?: false | KeybindingConfig;
-
- /** scale toolbar */
- scaleToolbarPanelProps?: ScaleToolbarPanelProps;
-
- /** form editor */
- detailPanelProps?: DetailPanelProps;
-
- /** 右键菜单配置 */
- contextMenuPanelProps?: ContextMenuPanelProps;
-
- /** popover */
- popoverProps?: PopoverProps;
-
- /** onReady */
- onReady?: (graph: IFlowchartGraph, app: IApplication) => void;
-
- /** 点击回调，仅支持 save-graph-data */
- onSave?: (data: Datum) => void;
-
- /** 新增节点时回调 */
- onAddNode?: (node: NsGraph.INodeConfig) => void;
-
- /** 新增边时回调 */
- onAddEdge?: (edge: NsGraph.IEdgeConfig) => void;
-
- /** xflow app 销毁前的回调 */
- onDestroy?: IAppDestroy;
-
- /** xflow app 初始化后的回调 */
- onConfigReady?: IAppConfigReady;
-
- /** 节点或边更新数据时调用 */
- onConfigChange?: (params: { data: Datum; type: string; config?: NsGraph.INodeConfig | NsGraph.IEdgeConfig }) => void;
-}
-```
-
-## 🤝 How to Contribute
-
-Your contributions are always welcome! Please Do have a look at the [issues](https://github.com/ant-design/ant-design-charts/issues) first.
-
-## 📧 Contact us
-
-DingTalk group number: `44788198 `.
-
-
-
-## License
-
-MIT
diff --git a/packages/flowchart/jest.config.js b/packages/flowchart/jest.config.js
deleted file mode 100644
index 6f8dc6a64..000000000
--- a/packages/flowchart/jest.config.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const { BaseJestConfig, OnlineConfig } = require('../../config/jest');
-module.exports = {
- ...BaseJestConfig,
- ...(process.env.DEBUG_MODE === '1' ? OnlineConfig : {}),
- moduleNameMapper: {
- '^lodash-es$': 'lodash',
- '^.+\\.(css|less)$': 'identity-obj-proxy',
- '@antv/xflow': '{ - console.log(ev); - }} - > - click -
- - ); - }, - }; - - act(() => { - ReactDOM.render( -
-
-## 1.3.3-beta.3
-
-- 🔥 `FileTreeGraph` 新增 `nodeCfg.lineStyle` 配置
-
-`2022-11-10`
-## 1.3.3-beta.0
-
-`2022-10-17`
-
-- 🔥 新增 `FileTreeGraph`
-
-
-## 1.3.2
-
-`2022-10-17`
-
-- 🔥 Graphs 支持 React18
-
-## 1.3.2-beta.1
-
-## 1.3.2-beta.0
-
-`2022-10-13`
-
-- 🔥 MarkerCfg 支持 Array
-- 🔥 ToolbarCfg customContent 透出 graph 实例
-
-## 1.3.1
-
-`2022-09-27`
-
-- 🐞 dist-tag `1.3.0`
-- 🐞 修复 `getChildren` `syncData` 等类型错误
-
-## 1.3.0
-
-`2022-09-19`
-
-- 🔥 新增 `MindMapGraph`
-- 🐞 修复 `getChildrenData` 数据异常报错
-
-## 1.2.8
-
-`2022-09-05`
-
-- 🐞 修复节点配置 level 后无法区分 markerCfg.show 状态
-
-```ts
-const level = 2;
-const chartProps = {
- data: TreeData,
- level,
- markerCfg: (cfg) => {
- return {
- position: 'right',
- show: cfg.children?.length,
- collapsed: cfg.depth >= level - 1,
- };
- },
-};
-```
-
-## 1.2.7
-
-`2022-08-25`
-
-- 🔥 nodeCfg 新增 `percent` 配置
-
-
-
-## 1.2.6
-
-`2022-08-23`
-
-- 🐞 修复 `edgeCfg` 透传错误
-
-## 1.2.5
-
-`2022-08-22`
-
-- 🔥 `RadialGraph` 升级，可以动态拓展
-- 🔥 新增 `fetchLoading` 配置，可配合 `asyncData` `getChildren` 等配置做自定义 loading
-- 🐞 完善 `layout` 定义
-
-## 1.2.4
-
-`2022-08-19`
-
-- 🔥 新增 `menuCfg` 配置
-- 🐞 [关系图透传节点配置，支持 image 等节点](https://github.com/ant-design/ant-design-charts/issues/1489)
-
-## 1.2.3
-
-`2022-07-22`
-
-- 🐞 [指标拆解图 fitCenter 设置为 false 时， 树从头节点重新展开](https://github.com/ant-design/ant-design-charts/issues/1441)
-
-## 1.2.2
-
-`2022-07-21`
-
-- 🔥 [来源去向图新增一个异步加载功能](https://github.com/ant-design/ant-design-charts/issues/1437)
diff --git a/packages/graphs/README.md b/packages/graphs/README.md
index 6f26a6576..71349e463 100644
--- a/packages/graphs/README.md
+++ b/packages/graphs/README.md
@@ -1,284 +1 @@
# @ant-design/graphs
-
-- Website • - Quick Start • - Gallery • - FAQ • - Blog -
- -
- 
- 
-
- 
- 
-
-
-## License
-
-MIT
diff --git a/packages/graphs/jest.config.js b/packages/graphs/jest.config.js
index fa82ad77e..f0ce7b7ad 100644
--- a/packages/graphs/jest.config.js
+++ b/packages/graphs/jest.config.js
@@ -3,6 +3,8 @@ module.exports = {
...BaseJestConfig,
...(process.env.DEBUG_MODE === '1' ? OnlineConfig : {}),
moduleNameMapper: {
- 'd3-((?!linear)\\S*)': `- Website • - Quick Start • - Gallery • - FAQ • - Blog -
- -
- 
- 
-
- 
- 
-
-
-## License
-
-MIT
diff --git a/packages/maps/jest.config.js b/packages/maps/jest.config.js
deleted file mode 100644
index 4bcbe3ebf..000000000
--- a/packages/maps/jest.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const { BaseJestConfig, OnlineConfig } = require('../../config/jest');
-module.exports = {
- ...BaseJestConfig,
- ...(process.env.DEBUG_MODE === '1' ? OnlineConfig : {}),
-};
diff --git a/packages/maps/package.json b/packages/maps/package.json
deleted file mode 100644
index fd67a4001..000000000
--- a/packages/maps/package.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
- "name": "@ant-design/maps",
- "version": "1.0.6",
- "description": "maps",
- "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/maps.min.js",
- "module": "es/index.js",
- "types": "es/index.d.ts",
- "files": [
- "/lib",
- "/es",
- "/dist"
- ],
- "scripts": {
- "start": "pnpm lib:es --w",
- "build": "run-s clean lib dist",
- "build:lib": "run-s clean lib",
- "ci": "pnpm run build && pnpm run test:coverage",
- "clean": "rimraf lib es dist",
- "dist": "webpack --config webpack.config.js --mode production",
- "profile": "webpack --config webpack.config.js --mode production --profile --json > stats.json",
- "lib": "run-p lib:*",
- "lib:cjs": "tsc -p tsconfig.prod.json --target ES5 --module commonjs --outDir lib",
- "lib:es": "tsc -p tsconfig.prod.json --target ES5 --module ESNext --outDir es",
- "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx --fix --format=pretty ./src && pnpm run lint:prettier",
- "lint:prettier": "pnpm run prettier && git diff && prettier --version && prettier --check \"src/**/**.{js,jsx,tsx,ts,less,md,json}\" --end-of-line auto",
- "prettier": "prettier --write \"**/**.{js,jsx,tsx,ts,less,md,json}\"",
- "test": "jest",
- "test:live": "cross-env DEBUG_MODE=1 jest --watch ./tests/utils/error-boundary.test.tsx --no-cache"
- },
- "dependencies": {
- "@antv/l7": "^2.9.37",
- "@antv/l7plot": "0.x",
- "@antv/util": "^2.0.9",
- "react-content-loader": "^5.0.4"
- },
- "peerDependencies": {
- "react": ">=16.8.4",
- "react-dom": ">=16.8.4"
- },
- "sideEffects": false,
- "license": "MIT",
- "devDependencies": {
- "@types/react": "^18.0.0",
- "@types/react-dom": "^18.0.6",
- "npm-run-all": "^4.1.5",
- "rimraf": "^3.0.2",
- "@types/jest": "^26.0.0"
- }
-}
diff --git a/packages/maps/src/components/area-map/index.tsx b/packages/maps/src/components/area-map/index.tsx
deleted file mode 100644
index 7aa9862a9..000000000
--- a/packages/maps/src/components/area-map/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useImperativeHandle, forwardRef } from 'react';
-import { Area, AreaOptions } from '@antv/l7plot';
-import { PlotRef, ContainerConfig } from '../../types';
-import useL7Plot, { L7PlotConfig } from '../../hooks/useL7Plot';
-import { getChart } from '../../util';
-import ErrorBoundary from '../../errorBoundary';
-import ChartLoading from '../../util/createLoading';
-
-export interface AreaMapConfig extends L7PlotConfig();
- const plotConfig = useRef = ((plot: P) => void) | React.MutableRefObject ;
-
-export interface ContainerConfig {
- containerStyle?: React.CSSProperties;
- className?: string;
- loading?: boolean;
- loadingTemplate?: React.ReactElement;
- errorTemplate?: (e: Error) => React.ReactNode;
-}
diff --git a/packages/maps/src/util/config.ts b/packages/maps/src/util/config.ts
deleted file mode 100644
index d716a3afd..000000000
--- a/packages/maps/src/util/config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { PlotOptions } from '@antv/l7plot';
-import { deepClone } from '../util';
-
-/**
- * 深克隆配置项
- * @param config 要深克隆的配置
- */
-export const deepCloneMapConfig = (chartRef: PlotRef | undefined, chart: P) => {
- if (!chartRef) {
- return;
- }
- if (isFunction(chartRef)) {
- chartRef(chart);
- } else {
- chartRef.current = chart;
- }
-};
diff --git a/packages/maps/src/util/index.ts b/packages/maps/src/util/index.ts
deleted file mode 100644
index c055fa9e2..000000000
--- a/packages/maps/src/util/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './getChart';
-export * from './config';
-export * from './utils';
-export { render, unmount } from './render';
diff --git a/packages/maps/src/util/render.ts b/packages/maps/src/util/render.ts
deleted file mode 100644
index db0eecbf6..000000000
--- a/packages/maps/src/util/render.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import type * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import type { Root } from 'react-dom/client';
-
-// Let compiler not to search module usage
-const fullClone = {
- ...ReactDOM,
-} as typeof ReactDOM & {
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?: {
- usingClientEntryPoint?: boolean;
- };
- createRoot?: CreateRoot;
-};
-
-type CreateRoot = (container: ContainerType) => Root;
-
-const { version, render: reactRender, unmountComponentAtNode } = fullClone;
-
-let createRoot: CreateRoot;
-try {
- const mainVersion = Number((version || '').split('.')[0]);
- if (mainVersion >= 18) {
- ({ createRoot } = fullClone);
- }
-} catch (e) {
- // Do nothing;
-}
-
-function toggleWarning(skip: boolean) {
- const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;
-
- if (
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED &&
- typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object'
- ) {
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
- }
-}
-
-const MARK = '__rc_react_root__';
-
-// ========================== Render ==========================
-type ContainerType = (Element | DocumentFragment) & {
- [MARK]?: Root;
-};
-
-function modernRender(node: React.ReactNode, container: ContainerType) {
- toggleWarning(true);
- const root = container[MARK] || createRoot(container);
- toggleWarning(false);
-
- root.render(node);
-
- container[MARK] = root;
-}
-
-function legacyRender(node: React.ReactElement, container: ContainerType) {
- reactRender(node, container);
-}
-
-/** @private Test usage. Not work in prod */
-export function _r(node: React.ReactElement, container: ContainerType) {
- if (process.env.NODE_ENV !== 'production') {
- return legacyRender(node, container);
- }
-}
-
-export function render(node: React.ReactElement, container: ContainerType) {
- if (createRoot) {
- modernRender(node, container);
- return;
- }
-
- legacyRender(node, container);
-}
-
-// ========================= Unmount ==========================
-async function modernUnmount(container: ContainerType) {
- // Delay to unmount to avoid React 18 sync warning
- return Promise.resolve().then(() => {
- container[MARK]?.unmount();
-
- delete container[MARK];
- });
-}
-
-function legacyUnmount(container: ContainerType) {
- unmountComponentAtNode(container);
-}
-
-/** @private Test usage. Not work in prod */
-export function _u(container: ContainerType) {
- if (process.env.NODE_ENV !== 'production') {
- return legacyUnmount(container);
- }
-}
-
-export async function unmount(container: ContainerType) {
- if (createRoot !== undefined) {
- // Delay to unmount to avoid React 18 sync warning
- return modernUnmount(container);
- }
-
- legacyUnmount(container);
-}
diff --git a/packages/maps/src/util/utils.ts b/packages/maps/src/util/utils.ts
deleted file mode 100644
index 8b4d8cf6b..000000000
--- a/packages/maps/src/util/utils.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// 类型检测
-export const isType = (value: any, type: string): boolean => {
- const { toString } = {};
- return toString.call(value) === `[object ${type}]`;
-};
-
-export const getType = (n: Object) => {
- return Object.prototype.toString.call(n).slice(8, -1);
-};
-
-/**
- * 深克隆
- * @param source 要深克隆的目标对象
- */
-export const deepClone = (source: Object | undefined) => {
- if (!source || typeof source !== 'object') {
- return source;
- }
-
- let target;
- if (Array.isArray(source)) {
- target = source.map((item) => deepClone(item));
- } else {
- target = {};
- Object.keys(source).forEach((key) => {
- return (target[key] = deepClone(source[key]));
- });
- }
-
- return target;
-};
-
-export const clone = (source: Object) => {
- if (!source) {
- return source;
- }
- const target = {};
- // eslint-disable-next-line guard-for-in
- for (const k in source) {
- target[k] = source[k];
- }
- return target;
-};
diff --git a/packages/maps/tests/maps/heat-map.test.tsx b/packages/maps/tests/maps/heat-map.test.tsx
deleted file mode 100644
index 155eed9cb..000000000
--- a/packages/maps/tests/maps/heat-map.test.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-// @ts-nocheck
-import React from 'react';
-import { act } from 'react-dom/test-utils';
-import GeographicHeatmap from '../../src/components/geographic-heatmap';
-import { render } from '../../src/util';
-
-describe('Heat Map', () => {
- let container;
- beforeEach(() => {
- container = document.createElement('div');
- document.body.appendChild(container);
- });
- afterEach(() => {
- document.body.removeChild(container);
- container = null;
- });
- const data = [
- {
- w: 21.5458,
- t: 22.2,
- s: '广东',
- l: 11,
- m: '电白',
- j: 110.9886,
- h: '59664',
- },
- {
- w: 22.9661,
- t: 21.9,
- s: '广东',
- l: 12,
- m: '东莞',
- j: 113.7389,
- h: '59289',
- },
- ];
- it('初始化以及销毁', () => {
- let chartRef = undefined;
- const props = {
- className: 'container',
- chartRef: (ref) => {
- chartRef = ref;
- },
- };
- const config = {
- map: { type: 'amap' },
- source: {
- data,
- parser: {
- type: 'json',
- x: 'j',
- y: 'w',
- },
- },
- size: {
- field: 't',
- value: [0, 1],
- },
- };
- act(() => {
- render(
- {renderLoading()}
-
- );
-};
-
-export default ChartLoading;
diff --git a/packages/maps/src/util/getChart.ts b/packages/maps/src/util/getChart.ts
deleted file mode 100644
index d023a9f21..000000000
--- a/packages/maps/src/util/getChart.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { isFunction } from '@antv/util';
-import { PlotRef } from '../types';
-
-/**
- * 获取或者绑定图表实例
- */
-export const getChart =
-A React chart library, based on [G2Plot](https://github.com/antvis/G2Plot).
+A React chart library, based on [G2](https://github.com/antvis/G2).
  [](https://github.com/ant-design/ant-design-charts/stargazers) [](https://www.npmjs.com/package/@ant-design/charts)
@@ -11,7 +11,6 @@ A React chart library, based on [G2Plot](https://github.com/antvis/G2Plot).
Quick Start •
Gallery •
FAQ •
- Blog
-
-
-
- );
+ return