@antv/gpt-vis 0.5.1 → 0.5.3

package/dist/esm/ChartCodeRender/icon.js

@@ -0,0 +1,84 @@
+import React from 'react';
+export var Copy = function Copy(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#707070' : _ref$fill;
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "5503",
+    width: size,
+    height: size,
+    fill: fill
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M768 682.666667V170.666667a85.333333 85.333333 0 0 0-85.333333-85.333334H170.666667a85.333333 85.333333 0 0 0-85.333334 85.333334v512a85.333333 85.333333 0 0 0 85.333334 85.333333h512a85.333333 85.333333 0 0 0 85.333333-85.333333zM170.666667 170.666667h512v512H170.666667z m682.666666 85.333333v512a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 0 85.333333 85.333334h426.666667a170.666667 170.666667 0 0 0 170.666667-170.666667V341.333333a85.333333 85.333333 0 0 0-85.333334-85.333333z",
+    "p-id": "5504"
+  }));
+};
+export var ZoomOut = function ZoomOut(_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 14 : _ref2$size,
+    _ref2$fill = _ref2.fill,
+    fill = _ref2$fill === void 0 ? '#707070' : _ref2$fill;
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "5664",
+    width: size,
+    height: size,
+    fill: fill
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M889.5 852.7l-220-219.9c45-53.4 72.1-122.3 72.1-197.5 0-169.4-137.8-307.3-307.3-307.3S127.1 265.8 127.1 435.3s137.8 307.3 307.3 307.3c76.1 0 145.7-27.8 199.4-73.8l219.8 219.8c4.9 5 11.4 7.4 17.9 7.4s13-2.5 17.9-7.4c10-9.9 10-26 0.1-35.9zM434.4 691.8c-141.4 0-256.5-115.1-256.5-256.5 0-141.5 115.1-256.5 256.5-256.5s256.5 115.1 256.5 256.5-115.1 256.5-256.5 256.5z",
+    fill: "#231815",
+    "p-id": "5665"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M555 418.3h-99.8v-99.8c0-14-11.4-25.4-25.4-25.4s-25.4 11.4-25.4 25.4v99.8h-99.8c-14 0-25.4 11.4-25.4 25.4s11.4 25.4 25.4 25.4h99.8v99.8c0 14 11.4 25.4 25.4 25.4s25.4-11.4 25.4-25.4v-99.8H555c14 0 25.4-11.4 25.4-25.4S569 418.3 555 418.3z",
+    fill: "#231815",
+    "p-id": "5666"
+  }));
+};
+export var ZoomIn = function ZoomIn(_ref3) {
+  var _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 14 : _ref3$size,
+    _ref3$fill = _ref3.fill,
+    fill = _ref3$fill === void 0 ? '#707070' : _ref3$fill;
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "5826",
+    width: size,
+    height: size,
+    fill: fill
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M889.5 852.7l-220-219.9c45-53.4 72.1-122.3 72.1-197.5 0-169.4-137.8-307.3-307.3-307.3S127.1 265.8 127.1 435.3s137.8 307.3 307.3 307.3c76.1 0 145.7-27.8 199.4-73.8l219.8 219.8c4.9 5 11.4 7.4 17.9 7.4s13-2.5 17.9-7.4c10-9.9 10-26 0.1-35.9zM434.4 691.8c-141.4 0-256.5-115.1-256.5-256.5 0-141.5 115.1-256.5 256.5-256.5s256.5 115.1 256.5 256.5-115.1 256.5-256.5 256.5z",
+    fill: "#231815",
+    "p-id": "5827"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M555 418.3H304.7c-14 0-25.4 11.4-25.4 25.4s11.4 25.4 25.4 25.4H555c14 0 25.4-11.4 25.4-25.4S569 418.3 555 418.3z",
+    fill: "#231815",
+    "p-id": "5828"
+  }));
+};
+export var Check = function Check(_ref4) {
+  var _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 14 : _ref4$size,
+    _ref4$fill = _ref4.fill,
+    fill = _ref4$fill === void 0 ? '#707070' : _ref4$fill;
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "5988",
+    width: size,
+    height: size,
+    fill: fill
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M380.416 822.144c-10.432 0-20.864-3.968-28.8-11.968L75.968 534.592c-15.936-15.936-15.936-41.664 0-57.6 15.872-15.872 41.664-15.872 57.536 0L380.416 723.84l510.08-510.016c15.872-15.936 41.664-15.936 57.536 0 15.936 15.936 15.936 41.664 0 57.6L409.216 810.24c-7.936 7.936-18.368 11.904-28.8 11.904z",
+    fill: "",
+    "p-id": "5989"
+  }));
+};

package/dist/esm/ChartCodeRender/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CopyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const ChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -12,3 +12,4 @@ export declare const GlobalStyles: import("react").NamedExoticComponent<import("
 export declare const StyledTabButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     active?: boolean | undefined;
 }>> & string;
+export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/ChartCodeRender/styles.js

@@ -2,15 +2,15 @@ import styled, { createGlobalStyle } from 'styled-components';
 export var StyledGPTVis = styled.div.withConfig({
   displayName: "StyledGPTVis",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-0"
-})(["min-width:300px;max-width:100%;overflow:hidden;position:relative;padding:16px;"]);
-export var CopyButton = styled.button.withConfig({
-  displayName: "CopyButton",
+})(["min-width:300px;max-width:100%;height:300px;overflow:hidden;position:relative;padding:16px;"]);
+export var TextButton = styled.button.withConfig({
+  displayName: "TextButton",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-1"
-})(["border:none;box-shadow:none;background:transparent;color:#494949;height:26px;padding:0 8px;font-size:12px;transition:all 0.2s cubic-bezier(0.645,0.045,0.355,1);transform:scale(1);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;outline:none;font-family:inherit;&:hover,&:focus{color:#666;background:#f5f5f5;transform:scale(1.02);}&:active{background:#e8e8e8;transform:scale(0.98);}.anticon{font-size:12px;}&:disabled{cursor:not-allowed;opacity:0.6;&:hover,&:focus,&:active{background:transparent;transform:scale(1);}}"]);
+})(["border:none;box-shadow:none;background:transparent;color:#494949;height:26px;padding:0 8px;font-size:12px;transition:all 0.2s cubic-bezier(0.645,0.045,0.355,1);transform:scale(1);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;outline:none;font-family:inherit;&:hover,&:focus{color:#666;background:#e8e8e8;transform:scale(1.02);}&:active{background:#e8e8e8;transform:scale(0.98);}.anticon{font-size:12px;}&:disabled{cursor:not-allowed;opacity:0.6;&:hover,&:focus,&:active{background:transparent;transform:scale(1);}}"]);
 export var ChartWrapper = styled.div.withConfig({
   displayName: "ChartWrapper",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-2"
-})(["width:100%;h5{font-size:12px;font-weight:400;color:#666;height:150px;display:flex;align-items:center;justify-content:center;}& > *{max-width:100%;max-height:100%;}"]);
+})(["width:100%;height:100%;h5{font-size:12px;font-weight:400;color:#666;height:150px;display:flex;align-items:center;justify-content:center;}& > *{max-width:100%;max-height:100%;}"]);
 export var TabContainer = styled.div.withConfig({
   displayName: "TabContainer",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-3"
@@ -51,4 +51,8 @@ export var StyledTabButton = styled.button.withConfig({
   return props.active ? '#fff' : '#e8e8e8';
 }, function (props) {
   return props.active ? '0 1px 2px rgba(0, 0, 0, 0.1)' : '0 1px 2px rgba(0, 0, 0, 0.04)';
-});
+});
+export var Divider = styled.div.withConfig({
+  displayName: "Divider",
+  componentId: "gpt-vis-c7ef__sc-2dc7ka-10"
+})(["width:1px;height:16px;background-color:#d9d9d9;margin:0 8px;flex-shrink:0;"]);

package/dist/esm/FishboneDiagram/index.js

@@ -8,7 +8,10 @@ import { useGraphConfig } from "../ConfigProvider/hooks";
 import { visTreeData2GraphData } from "../utils/graph";
 var defaultConfig = {
   autoFit: 'view',
-  autoResize: true
+  autoResize: true,
+  zoomRange: [0.1, 5],
+  zoom: 1,
+  behaviors: ['drag-canvas']
 };
 var FishboneDiagram = function FishboneDiagram(props) {
   var propsData = props.data,

package/dist/esm/FlowDiagram/index.js

@@ -2,12 +2,6 @@ var _excluded = ["data"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { FlowGraph as ADCFlowGraph, RCNode } from '@ant-design/graphs';
 import React, { useMemo } from 'react';
 import { useGraphConfig } from "../ConfigProvider/hooks";
@@ -18,6 +12,8 @@ var TextNode = RCNode.TextNode;
 var defaultConfig = {
   autoResize: true,
   autoFit: 'view',
+  zoomRange: [0.1, 5],
+  zoom: 1,
   node: {
     style: {
       component: function component(d) {
@@ -52,17 +48,15 @@ var defaultConfig = {
       }
     }
   },
-  behaviors: function behaviors(prev) {
-    return [].concat(_toConsumableArray(prev), [{
-      type: 'hover-activate-neighbors',
-      onHover: function onHover(e) {
-        e.view.setCursor('pointer');
-      },
-      onHoverEnd: function onHoverEnd(e) {
-        e.view.setCursor('default');
-      }
-    }]);
-  }
+  behaviors: ['drag-canvas', {
+    type: 'hover-activate-neighbors',
+    onHover: function onHover(e) {
+      e.view.setCursor('pointer');
+    },
+    onHoverEnd: function onHoverEnd(e) {
+      e.view.setCursor('default');
+    }
+  }]
 };
 var FlowDiagram = function FlowDiagram(props) {
   var propsData = props.data,

package/dist/esm/IndentedTree/index.js

@@ -22,6 +22,8 @@ var defaultConfig = {
   type: 'linear',
   autoFit: 'view',
   autoResize: true,
+  zoomRange: [0.1, 5],
+  zoom: 1,
   node: {
     animation: {
       update: false,
@@ -42,7 +44,8 @@ var defaultConfig = {
     })), {}, {
       enable: true
     })]);
-  }
+  },
+  behaviors: ['drag-canvas']
 };
 var IndentedTree = function IndentedTree(props) {
   var propsData = props.data,

package/dist/esm/MindMap/index.js

@@ -23,6 +23,8 @@ var defaultConfig = {
   autoFit: 'view',
   autoResize: true,
   padding: 2,
+  zoomRange: [0.1, 5],
+  zoom: 1,
   node: {
     animation: {
       translate: false,
@@ -43,7 +45,8 @@ var defaultConfig = {
     })), {}, {
       enable: true
     })]);
-  }
+  },
+  behaviors: ['drag-canvas']
 };
 var MindMap = function MindMap(props) {
   var propsData = props.data,

package/dist/esm/NetworkGraph/index.js

@@ -13,7 +13,10 @@ import React, { useMemo } from 'react';
 import { useGraphConfig } from "../ConfigProvider/hooks";
 import { visGraphData2GraphData } from "../utils/graph";
 var defaultConfig = {
+  autoFit: 'view',
   autoResize: true,
+  zoomRange: [0.1, 5],
+  zoom: 1,
   node: {
     style: {
       size: 28,
@@ -34,13 +37,11 @@ var defaultConfig = {
       enter: false
     }
   },
-  behaviors: function behaviors(prev) {
-    return [].concat(_toConsumableArray(prev), [{
-      key: 'hover-activate',
-      type: 'hover-activate',
-      degree: 1
-    }]);
-  },
+  behaviors: ['drag-canvas', {
+    key: 'hover-activate',
+    type: 'hover-activate',
+    degree: 1
+  }],
   transforms: function transforms(prev) {
     return [].concat(_toConsumableArray(prev), ['process-parallel-edges']);
   },

package/dist/esm/OrganizationChart/index.js

@@ -23,6 +23,8 @@ var defaultConfig = {
   padding: [40, 0, 0, 120],
   autoFit: 'view',
   autoResize: true,
+  zoomRange: [0.1, 5],
+  zoom: 1,
   node: {
     style: {
       component: function component(d) {
@@ -46,9 +48,7 @@ var defaultConfig = {
       }
     }
   },
-  behaviors: function behaviors(prev) {
-    return [].concat(_toConsumableArray(prev), ['hover-activate-neighbors']);
-  },
+  behaviors: ['drag-canvas', 'hover-activate-neighbors'],
   transforms: function transforms(prev) {
     return [].concat(_toConsumableArray(prev.filter(function (t) {
       return t.type !== 'collapse-expand-react-node';

package/dist/esm/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.1";
+declare const _default: "0.5.3";
 export default _default;

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.5.1';
+export default '0.5.3';