@antv/gpt-vis 0.3.1 → 0.3.2

package/dist/cjs/ConfigProvider/hooks/useConfig.d.ts

@@ -8,6 +8,6 @@ export declare function useMapConfig<T extends MapProps>(name: Charts, props: T)
     mapType: string | undefined;
     token: string | undefined;
 } & T;
-export declare function useGraphConfig<T extends GraphOptions>(name: Charts, defaultConfig: T, props: T): {
+export declare function useGraphConfig<T extends GraphOptions>(name: Charts, ...configs: Partial<T>[]): {
     [x: string]: any;
 };

package/dist/cjs/ConfigProvider/hooks/useConfig.js

@@ -95,9 +95,9 @@ function useGraphGlobalConfig(name) {
   const componentConfig = useComponentGlobalConfig(name);
   return (0, import_config.mergeGraphOptions)(graphConfig, componentConfig || {});
 }
-function useGraphConfig(name, defaultConfig, props) {
+function useGraphConfig(name, ...configs) {
   const globalConfig = useGraphGlobalConfig(name);
-  return (0, import_config.mergeGraphOptions)(defaultConfig, globalConfig, props);
+  return (0, import_config.mergeGraphOptions)(globalConfig, ...configs);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/FlowDiagram/helper.d.ts

@@ -0,0 +1,7 @@
+import type { FlowGraphOptions, G6 } from '@ant-design/graphs';
+/**
+ * Adjust graph configuration based on data characteristics.
+ * @param data - graph data
+ * @returns graph options
+ */
+export declare function getGraphOptionsByData(data: G6.GraphData): FlowGraphOptions;

package/dist/cjs/FlowDiagram/helper.js

@@ -0,0 +1,83 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/FlowDiagram/helper.ts
+var helper_exports = {};
+__export(helper_exports, {
+  getGraphOptionsByData: () => getGraphOptionsByData
+});
+module.exports = __toCommonJS(helper_exports);
+function getGraphOptionsByData(data) {
+  if (isLinearStructure(data))
+    return {
+      node: {
+        style: {
+          ports: [
+            { placement: "right" },
+            { placement: "left" },
+            { placement: "top" },
+            { placement: "bottom" }
+          ]
+        }
+      },
+      layout: {
+        type: "snake",
+        cols: 3,
+        rowGap: 40
+      }
+    };
+  return {};
+}
+function isLinearStructure(data) {
+  const { nodes = [], edges = [] } = data;
+  const inDegree = {};
+  const outDegree = {};
+  const adjList = {};
+  nodes.forEach((node) => {
+    inDegree[node.id] = 0;
+    outDegree[node.id] = 0;
+    adjList[node.id] = [];
+  });
+  edges.forEach((edge) => {
+    inDegree[edge.target]++;
+    outDegree[edge.source]++;
+    adjList[edge.source].push(edge.target);
+  });
+  const visited = /* @__PURE__ */ new Set();
+  const dfs = (nodeId) => {
+    if (visited.has(nodeId))
+      return;
+    visited.add(nodeId);
+    adjList[nodeId].forEach(dfs);
+  };
+  dfs(nodes[0].id);
+  if (visited.size !== nodes.length)
+    return false;
+  const sourceNodes = nodes.filter((node) => inDegree[node.id] === 0);
+  const sinkNodes = nodes.filter((node) => outDegree[node.id] === 0);
+  if (sourceNodes.length !== 1 || sinkNodes.length !== 1)
+    return false;
+  const middleNodes = nodes.filter((node) => inDegree[node.id] === 1 && outDegree[node.id] === 1);
+  if (middleNodes.length !== nodes.length - 2)
+    return false;
+  return true;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getGraphOptionsByData
+});

package/dist/cjs/FlowDiagram/index.js

@@ -36,9 +36,11 @@ var import_graphs = require("@ant-design/graphs");
 var import_react = __toESM(require("react"));
 var import_hooks = require("../ConfigProvider/hooks");
 var import_graph = require("../utils/graph");
+var import_helper = require("./helper");
 var { TextNode } = import_graphs.RCNode;
 var defaultConfig = {
   autoResize: true,
+  autoFit: "center",
   node: {
     style: {
       component: (d) => {
@@ -53,7 +55,8 @@ var defaultConfig = {
             style: {
               fontSize: 12,
               background: "linear-gradient(-89deg, #64b7f2 0%, #4c95f3 100%)"
-            }
+            },
+            borderWidth: 2
           }
         );
       },
@@ -94,7 +97,12 @@ var defaultConfig = {
 var FlowDiagram = (props) => {
   const { data: propsData, ...restProps } = props;
   const data = (0, import_react.useMemo)(() => (0, import_graph.visGraphData2GraphData)(propsData), [propsData]);
-  const config = (0, import_hooks.useGraphConfig)("FlowDiagram", defaultConfig, restProps);
+  const config = (0, import_hooks.useGraphConfig)(
+    "FlowDiagram",
+    defaultConfig,
+    (0, import_helper.getGraphOptionsByData)(data),
+    restProps
+  );
   return /* @__PURE__ */ import_react.default.createElement(import_graphs.FlowGraph, { data, ...config });
 };
 var FlowDiagram_default = FlowDiagram;

package/dist/cjs/Text/utils/useAntdDarkAlgorithm.js

@@ -25,11 +25,11 @@ module.exports = __toCommonJS(useAntdDarkAlgorithm_exports);
 var import_antd = require("antd");
 var import_lodash = require("lodash");
 var import_react = require("react");
-var { darkAlgorithm } = import_antd.theme;
 var useAntdDarkAlgorithm = () => {
-  var _a;
+  var _a, _b;
+  const darkAlgorithm = (_a = import_antd.theme) == null ? void 0 : _a.darkAlgorithm;
   const config = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const currentAlgorithm = (_a = config.theme) == null ? void 0 : _a.algorithm;
+  const currentAlgorithm = (_b = config.theme) == null ? void 0 : _b.algorithm;
   if ((0, import_lodash.isArray)(currentAlgorithm) && currentAlgorithm.includes(darkAlgorithm))
     return true;
   return currentAlgorithm === darkAlgorithm;

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.1";
+declare const _default: "0.3.2";
 export default _default;

package/dist/cjs/version.js

@@ -22,4 +22,4 @@ __export(version_exports, {
   default: () => version_default
 });
 module.exports = __toCommonJS(version_exports);
-var version_default = "0.3.1";
+var version_default = "0.3.2";

package/dist/esm/ConfigProvider/hooks/useConfig.d.ts

@@ -8,6 +8,6 @@ export declare function useMapConfig<T extends MapProps>(name: Charts, props: T)
     mapType: string | undefined;
     token: string | undefined;
 } & T;
-export declare function useGraphConfig<T extends GraphOptions>(name: Charts, defaultConfig: T, props: T): {
+export declare function useGraphConfig<T extends GraphOptions>(name: Charts, ...configs: Partial<T>[]): {
     [x: string]: any;
 };

package/dist/esm/ConfigProvider/hooks/useConfig.js

@@ -51,7 +51,10 @@ function useGraphGlobalConfig(name) {
   var componentConfig = useComponentGlobalConfig(name);
   return mergeGraphOptions(graphConfig, componentConfig || {});
 }
-export function useGraphConfig(name, defaultConfig, props) {
+export function useGraphConfig(name) {
   var globalConfig = useGraphGlobalConfig(name);
-  return mergeGraphOptions(defaultConfig, globalConfig, props);
+  for (var _len = arguments.length, configs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    configs[_key - 1] = arguments[_key];
+  }
+  return mergeGraphOptions.apply(void 0, [globalConfig].concat(configs));
 }

package/dist/esm/FlowDiagram/helper.d.ts

@@ -0,0 +1,7 @@
+import type { FlowGraphOptions, G6 } from '@ant-design/graphs';
+/**
+ * Adjust graph configuration based on data characteristics.
+ * @param data - graph data
+ * @returns graph options
+ */
+export declare function getGraphOptionsByData(data: G6.GraphData): FlowGraphOptions;

package/dist/esm/FlowDiagram/helper.js

@@ -0,0 +1,76 @@
+/**
+ * Adjust graph configuration based on data characteristics.
+ * @param data - graph data
+ * @returns graph options
+ */
+export function getGraphOptionsByData(data) {
+  if (isLinearStructure(data)) return {
+    node: {
+      style: {
+        ports: [{
+          placement: 'right'
+        }, {
+          placement: 'left'
+        }, {
+          placement: 'top'
+        }, {
+          placement: 'bottom'
+        }]
+      }
+    },
+    layout: {
+      type: 'snake',
+      cols: 3,
+      rowGap: 40
+    }
+  };
+  return {};
+}
+function isLinearStructure(data) {
+  var _data$nodes = data.nodes,
+    nodes = _data$nodes === void 0 ? [] : _data$nodes,
+    _data$edges = data.edges,
+    edges = _data$edges === void 0 ? [] : _data$edges;
+  var inDegree = {};
+  var outDegree = {};
+  var adjList = {};
+  nodes.forEach(function (node) {
+    inDegree[node.id] = 0;
+    outDegree[node.id] = 0;
+    adjList[node.id] = [];
+  });
+  edges.forEach(function (edge) {
+    inDegree[edge.target]++;
+    outDegree[edge.source]++;
+    adjList[edge.source].push(edge.target);
+  });
+
+  // 检查图是否连通
+  // Check if the graph is connected
+  var visited = new Set();
+  var dfs = function dfs(nodeId) {
+    if (visited.has(nodeId)) return;
+    visited.add(nodeId);
+    adjList[nodeId].forEach(dfs);
+  };
+  dfs(nodes[0].id);
+  if (visited.size !== nodes.length) return false;
+
+  // 检查是否有且仅有一个源节点和一个汇节点
+  // Check if there is exactly one source node and one sink node
+  var sourceNodes = nodes.filter(function (node) {
+    return inDegree[node.id] === 0;
+  });
+  var sinkNodes = nodes.filter(function (node) {
+    return outDegree[node.id] === 0;
+  });
+  if (sourceNodes.length !== 1 || sinkNodes.length !== 1) return false;
+
+  // 检查中间节点是否只有一个前驱和一个后继
+  // Check if the middle nodes have only one predecessor and one successor
+  var middleNodes = nodes.filter(function (node) {
+    return inDegree[node.id] === 1 && outDegree[node.id] === 1;
+  });
+  if (middleNodes.length !== nodes.length - 2) return false;
+  return true;
+}

package/dist/esm/FlowDiagram/index.js

@@ -6,9 +6,11 @@ import { FlowGraph as ADCFlowGraph, RCNode } from '@ant-design/graphs';
 import React, { useMemo } from 'react';
 import { useGraphConfig } from "../ConfigProvider/hooks";
 import { visGraphData2GraphData } from "../utils/graph";
+import { getGraphOptionsByData } from "./helper";
 var TextNode = RCNode.TextNode;
 var defaultConfig = {
   autoResize: true,
+  autoFit: 'center',
   node: {
     style: {
       component: function component(d) {
@@ -21,7 +23,8 @@ var defaultConfig = {
           style: {
             fontSize: 12,
             background: 'linear-gradient(-89deg, #64b7f2 0%, #4c95f3 100%)'
-          }
+          },
+          borderWidth: 2
         });
       },
       size: [140, 32]
@@ -67,7 +70,7 @@ var FlowDiagram = function FlowDiagram(props) {
   var data = useMemo(function () {
     return visGraphData2GraphData(propsData);
   }, [propsData]);
-  var config = useGraphConfig('FlowDiagram', defaultConfig, restProps);
+  var config = useGraphConfig('FlowDiagram', defaultConfig, getGraphOptionsByData(data), restProps);
   return /*#__PURE__*/React.createElement(ADCFlowGraph, _extends({
     data: data
   }, config));

package/dist/esm/Text/utils/useAntdDarkAlgorithm.js

@@ -1,11 +1,12 @@
 import { ConfigProvider, theme as antdTheme } from 'antd';
 import { isArray } from 'lodash';
 import { useContext } from 'react';
-var darkAlgorithm = antdTheme.darkAlgorithm;
 
 /** 判断是否运用了 antd dark algorithm */
 export var useAntdDarkAlgorithm = function useAntdDarkAlgorithm() {
   var _config$theme;
+  // 放到函数内部，避免用户使用 antd@4，theme 变量不存在情况！！！
+  var darkAlgorithm = antdTheme === null || antdTheme === void 0 ? void 0 : antdTheme.darkAlgorithm;
   var config = useContext(ConfigProvider.ConfigContext);
   var currentAlgorithm = (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.algorithm;
   if (isArray(currentAlgorithm) && currentAlgorithm.includes(darkAlgorithm)) return true;

package/dist/esm/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.1";
+declare const _default: "0.3.2";
 export default _default;

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.3.1';
+export default '0.3.2';