@antv/gpt-vis 0.3.3 → 0.4.0

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, ...configs: Partial<T>[]): {
+export declare function useGraphConfig<T extends Omit<GraphOptions, 'data'>>(name: Charts, defaultConfig: Partial<T>, props: Partial<T>): {
     [x: string]: any;
 };

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

@@ -59,12 +59,12 @@ function usePlotGlobalConfig(name) {
   return config;
 }
 function usePlotConfig(name, defaultConfig, props) {
-  const transformedProps = (0, import_plot.transform2ADCProps)(props);
-  const _defaultConfig = typeof defaultConfig === "function" ? defaultConfig(transformedProps) : defaultConfig;
   const globalConfig = usePlotGlobalConfig(name);
+  const mergedProps = { ...globalConfig, ...props };
+  const transformedProps = (0, import_plot.transform2ADCProps)(mergedProps);
+  const _defaultConfig = typeof defaultConfig === "function" ? defaultConfig(transformedProps) : defaultConfig;
   const config = {
     ..._defaultConfig,
-    ...globalConfig,
     ...transformedProps
   };
   return config;
@@ -95,9 +95,9 @@ function useGraphGlobalConfig(name) {
   const componentConfig = useComponentGlobalConfig(name);
   return (0, import_config.mergeGraphOptions)(graphConfig, componentConfig || {});
 }
-function useGraphConfig(name, ...configs) {
+function useGraphConfig(name, defaultConfig, props) {
   const globalConfig = useGraphGlobalConfig(name);
-  return (0, import_config.mergeGraphOptions)(globalConfig, ...configs);
+  return (0, import_config.mergeGraphOptions)(defaultConfig, globalConfig, props);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/FlowDiagram/index.js

@@ -35,12 +35,13 @@ module.exports = __toCommonJS(FlowDiagram_exports);
 var import_graphs = require("@ant-design/graphs");
 var import_react = __toESM(require("react"));
 var import_hooks = require("../ConfigProvider/hooks");
+var import_config = require("../utils/config");
 var import_graph = require("../utils/graph");
 var import_helper = require("./helper");
 var { TextNode } = import_graphs.RCNode;
 var defaultConfig = {
   autoResize: true,
-  autoFit: "center",
+  autoFit: "view",
   node: {
     style: {
       component: (d) => {
@@ -61,8 +62,7 @@ var defaultConfig = {
         );
       },
       size: [140, 32]
-    },
-    animation: { enter: false }
+    }
   },
   edge: {
     style: {
@@ -78,8 +78,7 @@ var defaultConfig = {
         labelWordWrap: false,
         stroke: "#001f98"
       }
-    },
-    animation: { enter: false }
+    }
   },
   behaviors: (prev) => [
     ...prev,
@@ -99,8 +98,7 @@ var FlowDiagram = (props) => {
   const data = (0, import_react.useMemo)(() => (0, import_graph.visGraphData2GraphData)(propsData), [propsData]);
   const config = (0, import_hooks.useGraphConfig)(
     "FlowDiagram",
-    defaultConfig,
-    (0, import_helper.getGraphOptionsByData)(data),
+    (0, import_config.mergeGraphOptions)(defaultConfig, (0, import_helper.getGraphOptionsByData)(data)),
     restProps
   );
   return /* @__PURE__ */ import_react.default.createElement(import_graphs.FlowGraph, { data, ...config });

package/dist/cjs/GPTVis/Lite.d.ts

@@ -1,10 +1,19 @@
 import React from 'react';
 import type { Options } from 'react-markdown';
+import { useEventPublish } from './hooks/useEvent';
 export interface GPTVisLiteProps extends Options {
-    /** 自定义 markdown components样式 */
+    /**
+     * 自定义 markdown components
+     */
     components?: Options['components'] | {
         [key: string]: (props: any) => React.ReactNode;
     };
+    /**
+     * 🧪 订阅组件事件，实验性属性
+     * 用于子组件与容器组件通信
+     */
+    eventSubs?: Record<string, (data?: any) => void>;
 }
+export { useEventPublish };
 declare const _default: React.NamedExoticComponent<GPTVisLiteProps>;
 export default _default;

package/dist/cjs/GPTVis/Lite.js

@@ -29,21 +29,41 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/GPTVis/Lite.tsx
 var Lite_exports = {};
 __export(Lite_exports, {
-  default: () => Lite_default
+  default: () => Lite_default,
+  useEventPublish: () => import_useEvent.useEventPublish
 });
 module.exports = __toCommonJS(Lite_exports);
+var import_event_emitter = __toESM(require("@antv/event-emitter"));
 var import_react = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_rehype_raw = __toESM(require("rehype-raw"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
+var import_useContext = require("./hooks/useContext");
+var import_useEvent = require("./hooks/useEvent");
 var GPTVisLite = ({
   children,
   components,
   rehypePlugins,
   remarkPlugins,
+  eventSubs,
   ...rest
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  const eventBus = (0, import_react.useMemo)(() => new import_event_emitter.default(), []);
+  const contextValue = (0, import_react.useMemo)(() => ({ eventBus }), [eventBus]);
+  (0, import_react.useEffect)(() => {
+    if (eventSubs) {
+      const events = Object.keys(eventSubs);
+      for (const eventName of events) {
+        eventBus.on(eventName, eventSubs[eventName]);
+      }
+      return () => {
+        for (const eventName of events) {
+          eventBus.off(eventName, eventSubs[eventName]);
+        }
+      };
+    }
+  }, [eventBus, eventSubs]);
+  return /* @__PURE__ */ import_react.default.createElement(import_useContext.GPTVisContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
     import_react_markdown.default,
     {
       components,
@@ -52,6 +72,10 @@ var GPTVisLite = ({
       ...rest
     },
     children
-  );
+  ));
 };
 var Lite_default = (0, import_react.memo)(GPTVisLite);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEventPublish
+});

package/dist/cjs/GPTVis/hooks/useContext.d.ts

@@ -0,0 +1,8 @@
+import type EventEmitter from '@antv/event-emitter';
+import React from 'react';
+type GPTVisContextValue = {
+    eventBus: EventEmitter;
+};
+export declare const GPTVisContext: React.Context<GPTVisContextValue>;
+export declare function useGPTVisContext<T = GPTVisContextValue>(): T;
+export {};

package/dist/cjs/GPTVis/hooks/useContext.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/GPTVis/hooks/useContext.ts
+var useContext_exports = {};
+__export(useContext_exports, {
+  GPTVisContext: () => GPTVisContext,
+  useGPTVisContext: () => useGPTVisContext
+});
+module.exports = __toCommonJS(useContext_exports);
+var import_react = __toESM(require("react"));
+var GPTVisContext = import_react.default.createContext(null);
+function useGPTVisContext() {
+  const context = import_react.default.useContext(GPTVisContext);
+  if (context === void 0 || Object.keys(context).length === 0) {
+    throw new Error(`useGPTVisContext must be used within a GPTVisContext.Provider`);
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GPTVisContext,
+  useGPTVisContext
+});

package/dist/cjs/GPTVis/hooks/useEvent.d.ts

@@ -0,0 +1 @@
+export declare const useEventPublish: () => (evt: string, ...args: any[]) => void;

package/dist/cjs/GPTVis/hooks/useEvent.js

@@ -0,0 +1,33 @@
+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/GPTVis/hooks/useEvent.ts
+var useEvent_exports = {};
+__export(useEvent_exports, {
+  useEventPublish: () => useEventPublish
+});
+module.exports = __toCommonJS(useEvent_exports);
+var import_useContext = require("./useContext");
+var useEventPublish = () => {
+  const { eventBus } = (0, import_useContext.useGPTVisContext)();
+  return eventBus.emit.bind(eventBus);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEventPublish
+});

package/dist/cjs/index.d.ts

@@ -7,5 +7,5 @@ export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
 export type { CodeBlockComponent, WithChartCodeOptions } from './ChartCodeRender/type';
 export { default as ConfigProvider, type ConfigProviderProps } from './ConfigProvider';
 export { default as GPTVis, type GPTVisProps } from './GPTVis';
-export { default as GPTVisLite, type GPTVisLiteProps } from './GPTVis/Lite';
+export { default as GPTVisLite, useEventPublish, type GPTVisLiteProps } from './GPTVis/Lite';
 export { default as version } from './version';

package/dist/cjs/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   ConfigProvider: () => import_ConfigProvider.default,
   GPTVis: () => import_GPTVis.default,
   GPTVisLite: () => import_Lite.default,
+  useEventPublish: () => import_Lite.useEventPublish,
   version: () => import_version.default,
   withChartCode: () => import_ChartCodeRender.withChartCode,
   withDefaultChartCode: () => import_ChartCodeRender.withDefaultChartCode
@@ -50,6 +51,7 @@ var import_version = __toESM(require("./version"));
   ConfigProvider,
   GPTVis,
   GPTVisLite,
+  useEventPublish,
   version,
   withChartCode,
   withDefaultChartCode,

package/dist/cjs/utils/plot.js

@@ -46,15 +46,21 @@ function visG2Encode2ADCEncode(config) {
   return _config;
 }
 function axisTitle2G2axis(config) {
-  const { axisXTitle, axisYTitle, axis } = config;
-  if (!(0, import_lodash.isUndefined)(axis))
-    return config;
+  const { axisXTitle, axisYTitle } = config;
   const _config = { axis: {}, ...config };
   if (axisXTitle) {
-    _config.axis.x = { title: axisXTitle };
+    if ((0, import_lodash.get)(_config, "axis.x")) {
+      _config.axis.x.title = axisXTitle;
+    } else {
+      _config.axis.x = { title: axisXTitle };
+    }
   }
   if (axisYTitle) {
-    _config.axis.y = { title: axisYTitle };
+    if ((0, import_lodash.get)(_config, "axis.y")) {
+      _config.axis.y.title = axisYTitle;
+    } else {
+      _config.axis.y = { title: axisYTitle };
+    }
   }
   return _config;
 }

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.3";
+declare const _default: "0.4.0";
 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.3";
+var version_default = "0.4.0";

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, ...configs: Partial<T>[]): {
+export declare function useGraphConfig<T extends Omit<GraphOptions, 'data'>>(name: Charts, defaultConfig: Partial<T>, props: Partial<T>): {
     [x: string]: any;
 };

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

@@ -22,10 +22,11 @@ function usePlotGlobalConfig(name) {
   return config;
 }
 export function usePlotConfig(name, defaultConfig, props) {
-  var transformedProps = transform2ADCProps(props);
-  var _defaultConfig = typeof defaultConfig === 'function' ? defaultConfig(transformedProps) : defaultConfig;
   var globalConfig = usePlotGlobalConfig(name);
-  var config = _objectSpread(_objectSpread(_objectSpread({}, _defaultConfig), globalConfig), transformedProps);
+  var mergedProps = _objectSpread(_objectSpread({}, globalConfig), props);
+  var transformedProps = transform2ADCProps(mergedProps);
+  var _defaultConfig = typeof defaultConfig === 'function' ? defaultConfig(transformedProps) : defaultConfig;
+  var config = _objectSpread(_objectSpread({}, _defaultConfig), transformedProps);
   return config;
 }
 function useMapGlobalConfig(name) {
@@ -51,10 +52,7 @@ function useGraphGlobalConfig(name) {
   var componentConfig = useComponentGlobalConfig(name);
   return mergeGraphOptions(graphConfig, componentConfig || {});
 }
-export function useGraphConfig(name) {
+export function useGraphConfig(name, defaultConfig, props) {
   var globalConfig = useGraphGlobalConfig(name);
-  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));
+  return mergeGraphOptions(defaultConfig, globalConfig, props);
 }

package/dist/esm/FlowDiagram/index.js

@@ -5,12 +5,13 @@ var _excluded = ["data"];
 import { FlowGraph as ADCFlowGraph, RCNode } from '@ant-design/graphs';
 import React, { useMemo } from 'react';
 import { useGraphConfig } from "../ConfigProvider/hooks";
+import { mergeGraphOptions } from "../utils/config";
 import { visGraphData2GraphData } from "../utils/graph";
 import { getGraphOptionsByData } from "./helper";
 var TextNode = RCNode.TextNode;
 var defaultConfig = {
   autoResize: true,
-  autoFit: 'center',
+  autoFit: 'view',
   node: {
     style: {
       component: function component(d) {
@@ -28,9 +29,6 @@ var defaultConfig = {
         });
       },
       size: [140, 32]
-    },
-    animation: {
-      enter: false
     }
   },
   edge: {
@@ -47,9 +45,6 @@ var defaultConfig = {
         labelWordWrap: false,
         stroke: '#001f98'
       }
-    },
-    animation: {
-      enter: false
     }
   },
   behaviors: function behaviors(prev) {
@@ -70,7 +65,7 @@ var FlowDiagram = function FlowDiagram(props) {
   var data = useMemo(function () {
     return visGraphData2GraphData(propsData);
   }, [propsData]);
-  var config = useGraphConfig('FlowDiagram', defaultConfig, getGraphOptionsByData(data), restProps);
+  var config = useGraphConfig('FlowDiagram', mergeGraphOptions(defaultConfig, getGraphOptionsByData(data)), restProps);
   return /*#__PURE__*/React.createElement(ADCFlowGraph, _extends({
     data: data
   }, config));

package/dist/esm/GPTVis/Lite.d.ts

@@ -1,10 +1,19 @@
 import React from 'react';
 import type { Options } from 'react-markdown';
+import { useEventPublish } from './hooks/useEvent';
 export interface GPTVisLiteProps extends Options {
-    /** 自定义 markdown components样式 */
+    /**
+     * 自定义 markdown components
+     */
     components?: Options['components'] | {
         [key: string]: (props: any) => React.ReactNode;
     };
+    /**
+     * 🧪 订阅组件事件，实验性属性
+     * 用于子组件与容器组件通信
+     */
+    eventSubs?: Record<string, (data?: any) => void>;
 }
+export { useEventPublish };
 declare const _default: React.NamedExoticComponent<GPTVisLiteProps>;
 export default _default;

package/dist/esm/GPTVis/Lite.js

@@ -1,21 +1,51 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "components", "rehypePlugins", "remarkPlugins"];
-import React, { memo } from 'react';
+var _excluded = ["children", "components", "rehypePlugins", "remarkPlugins", "eventSubs"];
+import EventEmitter from '@antv/event-emitter';
+import React, { memo, useEffect, useMemo } from 'react';
 import Markdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
+import { GPTVisContext } from "./hooks/useContext";
+import { useEventPublish } from "./hooks/useEvent";
 var GPTVisLite = function GPTVisLite(_ref) {
   var children = _ref.children,
     components = _ref.components,
     rehypePlugins = _ref.rehypePlugins,
     remarkPlugins = _ref.remarkPlugins,
+    eventSubs = _ref.eventSubs,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Markdown, _extends({
+  var eventBus = useMemo(function () {
+    return new EventEmitter();
+  }, []);
+  var contextValue = useMemo(function () {
+    return {
+      eventBus: eventBus
+    };
+  }, [eventBus]);
+  useEffect(function () {
+    if (eventSubs) {
+      var events = Object.keys(eventSubs);
+      for (var _i = 0, _events = events; _i < _events.length; _i++) {
+        var eventName = _events[_i];
+        eventBus.on(eventName, eventSubs[eventName]);
+      }
+      return function () {
+        for (var _i2 = 0, _events2 = events; _i2 < _events2.length; _i2++) {
+          var _eventName = _events2[_i2];
+          eventBus.off(_eventName, eventSubs[_eventName]);
+        }
+      };
+    }
+  }, [eventBus, eventSubs]);
+  return /*#__PURE__*/React.createElement(GPTVisContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Markdown, _extends({
     components: components,
     rehypePlugins: [rehypeRaw].concat(_toConsumableArray(rehypePlugins ? rehypePlugins : [])),
     remarkPlugins: [remarkGfm].concat(_toConsumableArray(remarkPlugins ? remarkPlugins : []))
-  }, rest), children);
+  }, rest), children));
 };
+export { useEventPublish };
 export default /*#__PURE__*/memo(GPTVisLite);

package/dist/esm/GPTVis/hooks/useContext.d.ts

@@ -0,0 +1,8 @@
+import type EventEmitter from '@antv/event-emitter';
+import React from 'react';
+type GPTVisContextValue = {
+    eventBus: EventEmitter;
+};
+export declare const GPTVisContext: React.Context<GPTVisContextValue>;
+export declare function useGPTVisContext<T = GPTVisContextValue>(): T;
+export {};

package/dist/esm/GPTVis/hooks/useContext.js

@@ -0,0 +1,9 @@
+import React from 'react';
+export var GPTVisContext = /*#__PURE__*/React.createContext(null);
+export function useGPTVisContext() {
+  var context = React.useContext(GPTVisContext);
+  if (context === undefined || Object.keys(context).length === 0) {
+    throw new Error("useGPTVisContext must be used within a GPTVisContext.Provider");
+  }
+  return context;
+}

package/dist/esm/GPTVis/hooks/useEvent.d.ts

@@ -0,0 +1 @@
+export declare const useEventPublish: () => (evt: string, ...args: any[]) => void;

package/dist/esm/GPTVis/hooks/useEvent.js

@@ -0,0 +1,6 @@
+import { useGPTVisContext } from "./useContext";
+export var useEventPublish = function useEventPublish() {
+  var _useGPTVisContext = useGPTVisContext(),
+    eventBus = _useGPTVisContext.eventBus;
+  return eventBus.emit.bind(eventBus);
+};

package/dist/esm/index.d.ts

@@ -7,5 +7,5 @@ export { withChartCode, withDefaultChartCode } from './ChartCodeRender';
 export type { CodeBlockComponent, WithChartCodeOptions } from './ChartCodeRender/type';
 export { default as ConfigProvider, type ConfigProviderProps } from './ConfigProvider';
 export { default as GPTVis, type GPTVisProps } from './GPTVis';
-export { default as GPTVisLite, type GPTVisLiteProps } from './GPTVis/Lite';
+export { default as GPTVisLite, useEventPublish, type GPTVisLiteProps } from './GPTVis/Lite';
 export { default as version } from './version';

package/dist/esm/index.js

@@ -8,5 +8,5 @@ export * from "./types";
 export { withChartCode, withDefaultChartCode } from "./ChartCodeRender";
 export { default as ConfigProvider } from "./ConfigProvider";
 export { default as GPTVis } from "./GPTVis";
-export { default as GPTVisLite } from "./GPTVis/Lite";
+export { default as GPTVisLite, useEventPublish } from "./GPTVis/Lite";
 export { default as version } from "./version";

package/dist/esm/utils/plot.js

@@ -1,6 +1,6 @@
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { isUndefined } from 'lodash';
+import { get } from 'lodash';
 var ADC_ENCODE_FIELDS = new Map([['x', 'xField'], ['y', 'yField'], ['series', 'seriesField'], ['size', 'sizeField'], ['color', 'colorField'], ['shape', 'shapeField'], ['y', 'angleField']]);
 
 /**
@@ -34,23 +34,27 @@ function visG2Encode2ADCEncode(config) {
  */
 function axisTitle2G2axis(config) {
   var axisXTitle = config.axisXTitle,
-    axisYTitle = config.axisYTitle,
-    axis = config.axis;
-  if (!isUndefined(axis)) return config;
+    axisYTitle = config.axisYTitle;
   var _config = _objectSpread({
     axis: {}
   }, config);
   if (axisXTitle) {
-    // @ts-expect-error
-    _config.axis.x = {
-      title: axisXTitle
-    };
+    if (get(_config, 'axis.x')) {
+      _config.axis.x.title = axisXTitle;
+    } else {
+      _config.axis.x = {
+        title: axisXTitle
+      };
+    }
   }
   if (axisYTitle) {
-    // @ts-expect-error
-    _config.axis.y = {
-      title: axisYTitle
-    };
+    if (get(_config, 'axis.y')) {
+      _config.axis.y.title = axisYTitle;
+    } else {
+      _config.axis.y = {
+        title: axisYTitle
+      };
+    }
   }
   return _config;
 }

package/dist/esm/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.3";
+declare const _default: "0.4.0";
 export default _default;

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.3.3';
+export default '0.4.0';