@antv/gpt-vis 0.3.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ConfigProvider/hooks/useConfig.d.ts +1 -1
- package/dist/cjs/ConfigProvider/hooks/useConfig.js +5 -5
- package/dist/cjs/FlowDiagram/index.js +5 -7
- package/dist/cjs/utils/plot.js +11 -5
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/ConfigProvider/hooks/useConfig.d.ts +1 -1
- package/dist/esm/ConfigProvider/hooks/useConfig.js +6 -8
- package/dist/esm/FlowDiagram/index.js +3 -8
- package/dist/esm/utils/plot.js +16 -12
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/index.min.js +1 -1
- package/package.json +23 -23
|
@@ -8,6 +8,6 @@ export declare function useMapConfig<T extends MapProps>(name: Charts, props: T)
|
|
|
8
8
|
mapType: string | undefined;
|
|
9
9
|
token: string | undefined;
|
|
10
10
|
} & T;
|
|
11
|
-
export declare function useGraphConfig<T extends GraphOptions>(name: Charts,
|
|
11
|
+
export declare function useGraphConfig<T extends GraphOptions>(name: Charts, defaultConfig: Partial<T>, props: Partial<T>): {
|
|
12
12
|
[x: string]: any;
|
|
13
13
|
};
|
|
@@ -59,12 +59,12 @@ function usePlotGlobalConfig(name) {
|
|
|
59
59
|
return config;
|
|
60
60
|
}
|
|
61
61
|
function usePlotConfig(name, defaultConfig, props) {
|
|
62
|
-
const transformedProps = (0, import_plot.transform2ADCProps)(props);
|
|
63
|
-
const _defaultConfig = typeof defaultConfig === "function" ? defaultConfig(transformedProps) : defaultConfig;
|
|
64
62
|
const globalConfig = usePlotGlobalConfig(name);
|
|
63
|
+
const mergedProps = { ...globalConfig, ...props };
|
|
64
|
+
const transformedProps = (0, import_plot.transform2ADCProps)(mergedProps);
|
|
65
|
+
const _defaultConfig = typeof defaultConfig === "function" ? defaultConfig(transformedProps) : defaultConfig;
|
|
65
66
|
const config = {
|
|
66
67
|
..._defaultConfig,
|
|
67
|
-
...globalConfig,
|
|
68
68
|
...transformedProps
|
|
69
69
|
};
|
|
70
70
|
return config;
|
|
@@ -95,9 +95,9 @@ function useGraphGlobalConfig(name) {
|
|
|
95
95
|
const componentConfig = useComponentGlobalConfig(name);
|
|
96
96
|
return (0, import_config.mergeGraphOptions)(graphConfig, componentConfig || {});
|
|
97
97
|
}
|
|
98
|
-
function useGraphConfig(name,
|
|
98
|
+
function useGraphConfig(name, defaultConfig, props) {
|
|
99
99
|
const globalConfig = useGraphGlobalConfig(name);
|
|
100
|
-
return (0, import_config.mergeGraphOptions)(globalConfig,
|
|
100
|
+
return (0, import_config.mergeGraphOptions)(defaultConfig, globalConfig, props);
|
|
101
101
|
}
|
|
102
102
|
// Annotate the CommonJS export names for ESM import in node:
|
|
103
103
|
0 && (module.exports = {
|
|
@@ -35,12 +35,13 @@ module.exports = __toCommonJS(FlowDiagram_exports);
|
|
|
35
35
|
var import_graphs = require("@ant-design/graphs");
|
|
36
36
|
var import_react = __toESM(require("react"));
|
|
37
37
|
var import_hooks = require("../ConfigProvider/hooks");
|
|
38
|
+
var import_config = require("../utils/config");
|
|
38
39
|
var import_graph = require("../utils/graph");
|
|
39
40
|
var import_helper = require("./helper");
|
|
40
41
|
var { TextNode } = import_graphs.RCNode;
|
|
41
42
|
var defaultConfig = {
|
|
42
43
|
autoResize: true,
|
|
43
|
-
autoFit: "
|
|
44
|
+
autoFit: "view",
|
|
44
45
|
node: {
|
|
45
46
|
style: {
|
|
46
47
|
component: (d) => {
|
|
@@ -61,8 +62,7 @@ var defaultConfig = {
|
|
|
61
62
|
);
|
|
62
63
|
},
|
|
63
64
|
size: [140, 32]
|
|
64
|
-
}
|
|
65
|
-
animation: { enter: false }
|
|
65
|
+
}
|
|
66
66
|
},
|
|
67
67
|
edge: {
|
|
68
68
|
style: {
|
|
@@ -78,8 +78,7 @@ var defaultConfig = {
|
|
|
78
78
|
labelWordWrap: false,
|
|
79
79
|
stroke: "#001f98"
|
|
80
80
|
}
|
|
81
|
-
}
|
|
82
|
-
animation: { enter: false }
|
|
81
|
+
}
|
|
83
82
|
},
|
|
84
83
|
behaviors: (prev) => [
|
|
85
84
|
...prev,
|
|
@@ -99,8 +98,7 @@ var FlowDiagram = (props) => {
|
|
|
99
98
|
const data = (0, import_react.useMemo)(() => (0, import_graph.visGraphData2GraphData)(propsData), [propsData]);
|
|
100
99
|
const config = (0, import_hooks.useGraphConfig)(
|
|
101
100
|
"FlowDiagram",
|
|
102
|
-
defaultConfig,
|
|
103
|
-
(0, import_helper.getGraphOptionsByData)(data),
|
|
101
|
+
(0, import_config.mergeGraphOptions)(defaultConfig, (0, import_helper.getGraphOptionsByData)(data)),
|
|
104
102
|
restProps
|
|
105
103
|
);
|
|
106
104
|
return /* @__PURE__ */ import_react.default.createElement(import_graphs.FlowGraph, { data, ...config });
|
package/dist/cjs/utils/plot.js
CHANGED
|
@@ -46,15 +46,21 @@ function visG2Encode2ADCEncode(config) {
|
|
|
46
46
|
return _config;
|
|
47
47
|
}
|
|
48
48
|
function axisTitle2G2axis(config) {
|
|
49
|
-
const { axisXTitle, axisYTitle
|
|
50
|
-
if (!(0, import_lodash.isUndefined)(axis))
|
|
51
|
-
return config;
|
|
49
|
+
const { axisXTitle, axisYTitle } = config;
|
|
52
50
|
const _config = { axis: {}, ...config };
|
|
53
51
|
if (axisXTitle) {
|
|
54
|
-
_config
|
|
52
|
+
if ((0, import_lodash.get)(_config, "axis.x")) {
|
|
53
|
+
_config.axis.x.title = axisXTitle;
|
|
54
|
+
} else {
|
|
55
|
+
_config.axis.x = { title: axisXTitle };
|
|
56
|
+
}
|
|
55
57
|
}
|
|
56
58
|
if (axisYTitle) {
|
|
57
|
-
_config
|
|
59
|
+
if ((0, import_lodash.get)(_config, "axis.y")) {
|
|
60
|
+
_config.axis.y.title = axisYTitle;
|
|
61
|
+
} else {
|
|
62
|
+
_config.axis.y = { title: axisYTitle };
|
|
63
|
+
}
|
|
58
64
|
}
|
|
59
65
|
return _config;
|
|
60
66
|
}
|
package/dist/cjs/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "0.3.
|
|
1
|
+
declare const _default: "0.3.4";
|
|
2
2
|
export default _default;
|
package/dist/cjs/version.js
CHANGED
|
@@ -8,6 +8,6 @@ export declare function useMapConfig<T extends MapProps>(name: Charts, props: T)
|
|
|
8
8
|
mapType: string | undefined;
|
|
9
9
|
token: string | undefined;
|
|
10
10
|
} & T;
|
|
11
|
-
export declare function useGraphConfig<T extends GraphOptions>(name: Charts,
|
|
11
|
+
export declare function useGraphConfig<T extends GraphOptions>(name: Charts, defaultConfig: Partial<T>, props: Partial<T>): {
|
|
12
12
|
[x: string]: any;
|
|
13
13
|
};
|
|
@@ -22,10 +22,11 @@ function usePlotGlobalConfig(name) {
|
|
|
22
22
|
return config;
|
|
23
23
|
}
|
|
24
24
|
export function usePlotConfig(name, defaultConfig, props) {
|
|
25
|
-
var transformedProps = transform2ADCProps(props);
|
|
26
|
-
var _defaultConfig = typeof defaultConfig === 'function' ? defaultConfig(transformedProps) : defaultConfig;
|
|
27
25
|
var globalConfig = usePlotGlobalConfig(name);
|
|
28
|
-
var
|
|
26
|
+
var mergedProps = _objectSpread(_objectSpread({}, globalConfig), props);
|
|
27
|
+
var transformedProps = transform2ADCProps(mergedProps);
|
|
28
|
+
var _defaultConfig = typeof defaultConfig === 'function' ? defaultConfig(transformedProps) : defaultConfig;
|
|
29
|
+
var config = _objectSpread(_objectSpread({}, _defaultConfig), transformedProps);
|
|
29
30
|
return config;
|
|
30
31
|
}
|
|
31
32
|
function useMapGlobalConfig(name) {
|
|
@@ -51,10 +52,7 @@ function useGraphGlobalConfig(name) {
|
|
|
51
52
|
var componentConfig = useComponentGlobalConfig(name);
|
|
52
53
|
return mergeGraphOptions(graphConfig, componentConfig || {});
|
|
53
54
|
}
|
|
54
|
-
export function useGraphConfig(name) {
|
|
55
|
+
export function useGraphConfig(name, defaultConfig, props) {
|
|
55
56
|
var globalConfig = useGraphGlobalConfig(name);
|
|
56
|
-
|
|
57
|
-
configs[_key - 1] = arguments[_key];
|
|
58
|
-
}
|
|
59
|
-
return mergeGraphOptions.apply(void 0, [globalConfig].concat(configs));
|
|
57
|
+
return mergeGraphOptions(defaultConfig, globalConfig, props);
|
|
60
58
|
}
|
|
@@ -5,12 +5,13 @@ var _excluded = ["data"];
|
|
|
5
5
|
import { FlowGraph as ADCFlowGraph, RCNode } from '@ant-design/graphs';
|
|
6
6
|
import React, { useMemo } from 'react';
|
|
7
7
|
import { useGraphConfig } from "../ConfigProvider/hooks";
|
|
8
|
+
import { mergeGraphOptions } from "../utils/config";
|
|
8
9
|
import { visGraphData2GraphData } from "../utils/graph";
|
|
9
10
|
import { getGraphOptionsByData } from "./helper";
|
|
10
11
|
var TextNode = RCNode.TextNode;
|
|
11
12
|
var defaultConfig = {
|
|
12
13
|
autoResize: true,
|
|
13
|
-
autoFit: '
|
|
14
|
+
autoFit: 'view',
|
|
14
15
|
node: {
|
|
15
16
|
style: {
|
|
16
17
|
component: function component(d) {
|
|
@@ -28,9 +29,6 @@ var defaultConfig = {
|
|
|
28
29
|
});
|
|
29
30
|
},
|
|
30
31
|
size: [140, 32]
|
|
31
|
-
},
|
|
32
|
-
animation: {
|
|
33
|
-
enter: false
|
|
34
32
|
}
|
|
35
33
|
},
|
|
36
34
|
edge: {
|
|
@@ -47,9 +45,6 @@ var defaultConfig = {
|
|
|
47
45
|
labelWordWrap: false,
|
|
48
46
|
stroke: '#001f98'
|
|
49
47
|
}
|
|
50
|
-
},
|
|
51
|
-
animation: {
|
|
52
|
-
enter: false
|
|
53
48
|
}
|
|
54
49
|
},
|
|
55
50
|
behaviors: function behaviors(prev) {
|
|
@@ -70,7 +65,7 @@ var FlowDiagram = function FlowDiagram(props) {
|
|
|
70
65
|
var data = useMemo(function () {
|
|
71
66
|
return visGraphData2GraphData(propsData);
|
|
72
67
|
}, [propsData]);
|
|
73
|
-
var config = useGraphConfig('FlowDiagram', defaultConfig, getGraphOptionsByData(data), restProps);
|
|
68
|
+
var config = useGraphConfig('FlowDiagram', mergeGraphOptions(defaultConfig, getGraphOptionsByData(data)), restProps);
|
|
74
69
|
return /*#__PURE__*/React.createElement(ADCFlowGraph, _extends({
|
|
75
70
|
data: data
|
|
76
71
|
}, config));
|
package/dist/esm/utils/plot.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
|
|
2
2
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
-
import {
|
|
3
|
+
import { get } from 'lodash';
|
|
4
4
|
var ADC_ENCODE_FIELDS = new Map([['x', 'xField'], ['y', 'yField'], ['series', 'seriesField'], ['size', 'sizeField'], ['color', 'colorField'], ['shape', 'shapeField'], ['y', 'angleField']]);
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -34,23 +34,27 @@ function visG2Encode2ADCEncode(config) {
|
|
|
34
34
|
*/
|
|
35
35
|
function axisTitle2G2axis(config) {
|
|
36
36
|
var axisXTitle = config.axisXTitle,
|
|
37
|
-
axisYTitle = config.axisYTitle
|
|
38
|
-
axis = config.axis;
|
|
39
|
-
if (!isUndefined(axis)) return config;
|
|
37
|
+
axisYTitle = config.axisYTitle;
|
|
40
38
|
var _config = _objectSpread({
|
|
41
39
|
axis: {}
|
|
42
40
|
}, config);
|
|
43
41
|
if (axisXTitle) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
if (get(_config, 'axis.x')) {
|
|
43
|
+
_config.axis.x.title = axisXTitle;
|
|
44
|
+
} else {
|
|
45
|
+
_config.axis.x = {
|
|
46
|
+
title: axisXTitle
|
|
47
|
+
};
|
|
48
|
+
}
|
|
48
49
|
}
|
|
49
50
|
if (axisYTitle) {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
if (get(_config, 'axis.y')) {
|
|
52
|
+
_config.axis.y.title = axisYTitle;
|
|
53
|
+
} else {
|
|
54
|
+
_config.axis.y = {
|
|
55
|
+
title: axisYTitle
|
|
56
|
+
};
|
|
57
|
+
}
|
|
54
58
|
}
|
|
55
59
|
return _config;
|
|
56
60
|
}
|
package/dist/esm/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "0.3.
|
|
1
|
+
declare const _default: "0.3.4";
|
|
2
2
|
export default _default;
|
package/dist/esm/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default '0.3.
|
|
1
|
+
export default '0.3.4';
|