@antv/gpt-vis 0.0.6 → 0.2.0

package/dist/cjs/ChartCodeRender/index.js

@@ -33,103 +33,59 @@ __export(ChartCodeRender_exports, {
   withDefaultChartCode: () => withDefaultChartCode
 });
 module.exports = __toCommonJS(ChartCodeRender_exports);
-var import_icons = require("@ant-design/icons");
 var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_constants = require("../constants");
-var StyledGPTVis = import_styled_components.default.div`
-  min-width: 600px;
-  max-width: 100%;
-`;
-var StyledLoading = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  width: 400px;
-  height: 400px;
-  background-image: linear-gradient(135deg, #e3f3ff 0%, #f1eeff 100%);
-  color: rgba(0, 0, 0, 88%);
-
-  &-icon {
-    margin-bottom: 6px;
-  }
-`;
-var Loading = () => {
-  return /* @__PURE__ */ import_react.default.createElement(StyledLoading, { className: "gpt-vis-loading" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "gpt-vis-loading-icon" }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.LoadingOutlined,
-    {
-      style: { fontSize: "24px", color: "rgb(56, 177, 246)" }
-    }
-  )), /* @__PURE__ */ import_react.default.createElement("p", null, "数据生成中"));
+var import_export = require("../export");
+var import_VisChart = require("./VisChart");
+var RenderDefaultCode = (props) => {
+  const { children, className = "", node, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement("code", { ...rest, className }, children);
 };
 var withCodeBlock = (options) => {
   return function CodeBlock(props) {
     var _a;
-    const { children, className = "", node, ...rest } = props;
+    const { children, className = "" } = props;
     const content = String(children).trim();
     const isVisChart = className.includes("language-vis-chart");
     const {
       components,
-      extraRenderers,
       languageRenderers,
       defaultRenderer: DefaultRenderer,
       debug,
-      loadingTimeout = 5e3
+      loadingTimeout = 5e3,
+      style
     } = options;
-    const timeoutRef = (0, import_react.useRef)();
-    const [loading, setLoading] = (0, import_react.useState)(true);
     if (isVisChart) {
-      let chartJson;
-      try {
-        chartJson = JSON.parse(content);
-      } catch (e) {
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-          if (debug) {
-            console.log("GPT-Vis withChartCode parse content timeout");
-          }
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_VisChart.RenderVisChart,
+        {
+          style,
+          content,
+          components,
+          debug,
+          loadingTimeout
         }
-        timeoutRef.current = setTimeout(() => {
-          setLoading(false);
-        }, loadingTimeout);
-        return loading ? /* @__PURE__ */ import_react.default.createElement(Loading, null) : /* @__PURE__ */ import_react.default.createElement("code", null, content.toString());
-      }
-      const { type } = chartJson;
-      const ChartComponent = components[type];
-      if (debug) {
-        console.log(
-          "GPT-Vis withChartCode get chartJson parse from vis-chart code block",
-          chartJson
-        );
-      }
-      if (!ChartComponent) {
-        return /* @__PURE__ */ import_react.default.createElement("code", null, `Chart type "${type}" is not supported.`);
-      }
-      return /* @__PURE__ */ import_react.default.createElement(StyledGPTVis, { className: "gpt-vis" }, /* @__PURE__ */ import_react.default.createElement(ChartComponent, { ...chartJson }));
+      );
     }
     const languageName = ((_a = className.match(/language-(.*)/)) == null ? void 0 : _a[1]) || "";
-    const extraLanguageRenderers = extraRenderers || languageRenderers;
+    const extraLanguageRenderers = languageRenderers;
     const ExtraRendererComponent = extraLanguageRenderers && extraLanguageRenderers[languageName];
     if (ExtraRendererComponent) {
       return /* @__PURE__ */ import_react.default.createElement(ExtraRendererComponent, { ...props });
     }
-    return DefaultRenderer ? /* @__PURE__ */ import_react.default.createElement(DefaultRenderer, { ...props }) : /* @__PURE__ */ import_react.default.createElement("code", { ...rest, className }, children);
+    return DefaultRenderer ? /* @__PURE__ */ import_react.default.createElement(DefaultRenderer, { ...props }) : /* @__PURE__ */ import_react.default.createElement(RenderDefaultCode, { ...props });
   };
 };
 var withChartCode = (options) => {
-  var _a;
-  const components = ((_a = options.components) == null ? void 0 : _a.reduce((acc, obj) => ({ ...acc, ...obj }), {})) || [];
-  return withCodeBlock({
-    ...options,
-    components
-  });
+  return withCodeBlock(options);
 };
 var withDefaultChartCode = (options) => {
   return withChartCode({
     ...options,
-    components: [import_constants.DEFAULT_CHART_COMPONENTS, ...(0, import_lodash.get)(options, "components", [])]
+    components: {
+      ...import_export.DEFAULT_CHART_COMPONENTS,
+      ...(0, import_lodash.get)(options, "components", {})
+    }
   });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/ChartCodeRender/type.d.ts

@@ -1,16 +1,10 @@
-import { FC } from 'react';
-import { Components, ExtraProps } from 'react-markdown';
-import { BaseChartProps } from '../types';
+import type { FC } from 'react';
+import type { Components, ExtraProps } from 'react-markdown';
 export type WithChartCodeOptions = {
     /**
      * 要额外加载的图表组件
      */
-    components: ChartComponents[];
-    /**
-     * @deprecated
-     * 请使用  languageRenderers
-     */
-    extraRenderers?: LanguageRenderers;
+    components: ChartComponents;
     /**
      * 自定义其它语言代码块渲染器
      */
@@ -27,19 +21,23 @@ export type WithChartCodeOptions = {
      * 设置loading动画的超时时间，默认为 5s
      */
     loadingTimeout?: number;
+    /**
+     * 图表样式，配置容器样式
+     */
+    style?: React.CSSProperties;
 };
 /**
  * 图表渲染数据接口，后续拓展，这里只是写个示例
  */
 export interface ChartJson {
     type: string;
-    data: any[];
+    data: any;
 }
 /**
  * 图表组件字典
  */
 export interface ChartComponents {
-    [key: string]: FC<BaseChartProps<any>>;
+    [key: string]: FC<any>;
 }
 /**
  * 代码块渲染器接口

package/dist/cjs/Column/index.d.ts

@@ -1,5 +1,11 @@
+import type { ColumnConfig } from '@ant-design/plots';
 import React from 'react';
-import { StackableChartProps } from '../types';
-export type ColumnProps = StackableChartProps;
+import type { BasePlotProps } from '../types';
+export type ColumnDataItem = {
+    category: string | number;
+    value: number;
+    [key: string]: string | number;
+};
+export type ColumnProps = BasePlotProps<ColumnDataItem> & Partial<ColumnConfig>;
 declare const Column: (props: ColumnProps) => React.JSX.Element;
 export default Column;

package/dist/cjs/Column/index.js

@@ -33,41 +33,33 @@ __export(Column_exports, {
 });
 module.exports = __toCommonJS(Column_exports);
 var import_plots = require("@ant-design/plots");
+var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
-var Column = (props) => {
-  const {
-    data = [],
-    xField = "x",
-    yField = "y",
-    stackField,
-    style,
-    className
-  } = props;
-  const stackConfig = stackField ? { colorField: stackField, stack: true } : {};
-  const config = {
-    data,
+var import_hooks = require("../ConfigProvider/hooks");
+var defaultConfig = (props) => {
+  const { data, xField = "category", yField = "value" } = props;
+  const hasGroupField = (0, import_lodash.get)(data, "[0].group") !== void 0;
+  const axisYTitle = (0, import_lodash.get)(props, "axis.y.title");
+  return {
     xField,
     yField,
-    style: {
-      // 圆角样式
-      radiusTopLeft: 10,
-      radiusTopRight: 10
-    },
+    colorField: hasGroupField ? "group" : void 0,
     tooltip: (d) => {
+      const tooltipName = axisYTitle || d[xField];
       return {
-        name: d[xField],
+        name: tooltipName,
         value: d[yField]
       };
     },
-    ...stackConfig
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_plots.Column,
-    {
-      className,
-      containerStyle: { ...style },
-      ...config
+    style: {
+      // 圆角样式
+      radiusTopLeft: 10,
+      radiusTopRight: 10
     }
-  );
+  };
+};
+var Column = (props) => {
+  const config = (0, import_hooks.usePlotConfig)("Column", defaultConfig, props);
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Column, { ...config });
 };
 var Column_default = Column;

package/dist/cjs/ConfigProvider/context.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { GlobalConfig } from '../types';
+export declare const ConfigContext: React.Context<GlobalConfig>;

package/dist/cjs/ConfigProvider/context.js

@@ -0,0 +1,41 @@
+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/ConfigProvider/context.ts
+var context_exports = {};
+__export(context_exports, {
+  ConfigContext: () => ConfigContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = __toESM(require("react"));
+var import_constants = require("../constants");
+var ConfigContext = import_react.default.createContext(import_constants.DEFAULT_GLOBAL_CONFIG);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfigContext
+});

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

@@ -0,0 +1 @@
+export * from './useConfig';

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

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ConfigProvider/hooks/index.ts
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./useConfig"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./useConfig")
+});

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

@@ -0,0 +1,13 @@
+import type { GraphOptions } from '@ant-design/graphs';
+import type { CommonConfig } from '@ant-design/plots';
+import type { MapProps } from '../../Map';
+import type { Charts } from '../../types';
+export declare function useComponentGlobalConfig(name: Charts): Record<string, any> | undefined;
+export declare function usePlotConfig<T extends CommonConfig>(name: Charts, defaultConfig: Partial<T> | ((props: Partial<T>) => Partial<T>), props: Partial<T>): Partial<T>;
+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): {
+    [x: string]: any;
+};

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

@@ -0,0 +1,108 @@
+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/ConfigProvider/hooks/useConfig.ts
+var useConfig_exports = {};
+__export(useConfig_exports, {
+  useComponentGlobalConfig: () => useComponentGlobalConfig,
+  useGraphConfig: () => useGraphConfig,
+  useMapConfig: () => useMapConfig,
+  usePlotConfig: () => usePlotConfig
+});
+module.exports = __toCommonJS(useConfig_exports);
+var import_react = __toESM(require("react"));
+var import_config = require("../../utils/config");
+var import_plot = require("../../utils/plot");
+var import_context = require("../context");
+function useConfig() {
+  const context = import_react.default.useContext(import_context.ConfigContext);
+  return context;
+}
+function useComponentGlobalConfig(name) {
+  const globalConfig = useConfig();
+  const { components = {} } = globalConfig;
+  const config = components == null ? void 0 : components[name];
+  return config;
+}
+function usePlotGlobalConfig(name) {
+  const componentConfig = useComponentGlobalConfig(name);
+  const { plot: plotConfig } = useConfig();
+  const config = {
+    ...plotConfig,
+    ...componentConfig
+  };
+  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 config = {
+    ..._defaultConfig,
+    ...globalConfig,
+    ...transformedProps
+  };
+  return config;
+}
+function useMapGlobalConfig(name) {
+  const componentConfig = useComponentGlobalConfig(name);
+  const { map: mapConfig } = useConfig();
+  const transformedProps = {
+    mapType: mapConfig == null ? void 0 : mapConfig.style,
+    token: mapConfig == null ? void 0 : mapConfig.token
+  };
+  const config = {
+    ...transformedProps,
+    ...componentConfig
+  };
+  return config;
+}
+function useMapConfig(name, props) {
+  const globalConfig = useMapGlobalConfig(name);
+  const mapConfig = {
+    ...globalConfig,
+    ...props
+  };
+  return mapConfig;
+}
+function useGraphGlobalConfig(name) {
+  const { graph: graphConfig = {} } = useConfig();
+  const componentConfig = useComponentGlobalConfig(name);
+  return (0, import_config.mergeGraphOptions)(graphConfig, componentConfig || {});
+}
+function useGraphConfig(name, defaultConfig, props) {
+  const globalConfig = useGraphGlobalConfig(name);
+  return (0, import_config.mergeGraphOptions)(defaultConfig, globalConfig, props);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useComponentGlobalConfig,
+  useGraphConfig,
+  useMapConfig,
+  usePlotConfig
+});

package/dist/cjs/ConfigProvider/index.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-import { GlobalConfig } from '../types';
-import { setGlobalConfig } from '../utils';
+import type { GlobalConfig } from '../types';
 export type ConfigProviderProps = {
     children?: React.ReactNode;
 } & GlobalConfig;
-declare const ConfigProvider: React.FC<ConfigProviderProps> & {
-    config: typeof setGlobalConfig;
-};
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
 export default ConfigProvider;

package/dist/cjs/ConfigProvider/index.js

@@ -1,6 +1,8 @@
+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)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/ConfigProvider/index.tsx
@@ -22,16 +32,12 @@ __export(ConfigProvider_exports, {
   default: () => ConfigProvider_default
 });
 module.exports = __toCommonJS(ConfigProvider_exports);
-var import_react = require("react");
-var import_utils = require("../utils");
+var import_react = __toESM(require("react"));
+var import_config = require("../utils/config");
+var import_context = require("./context");
 var ConfigProvider = (props) => {
   const { children, ...config } = props;
-  const firstRef = (0, import_react.useRef)(true);
-  if (firstRef.current) {
-    (0, import_utils.setGlobalConfig)(config);
-    firstRef.current = false;
-  }
-  return children;
+  const contextValue = (0, import_react.useMemo)(() => (0, import_config.mergeGlobalConfig)(config), []);
+  return /* @__PURE__ */ import_react.default.createElement(import_context.ConfigContext.Provider, { value: contextValue }, children);
 };
-ConfigProvider.config = import_utils.setGlobalConfig;
 var ConfigProvider_default = ConfigProvider;

package/dist/cjs/DualAxes/index.d.ts

@@ -0,0 +1,15 @@
+import type { DualAxesConfig } from '@ant-design/plots';
+import React from 'react';
+export type DualAxesProps = Partial<DualAxesConfig> & {
+    categories: string[];
+    axisXTitle?: string;
+    series: DualAxesSeriesItem[];
+    legendTypeList: string[];
+};
+export type DualAxesSeriesItem = {
+    type: string;
+    data: number[];
+    axisYTitle?: string;
+};
+declare const DualAxes: (props: DualAxesProps) => React.JSX.Element;
+export default DualAxes;

package/dist/cjs/DualAxes/index.js

@@ -0,0 +1,71 @@
+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/DualAxes/index.tsx
+var DualAxes_exports = {};
+__export(DualAxes_exports, {
+  default: () => DualAxes_default
+});
+module.exports = __toCommonJS(DualAxes_exports);
+var import_plots = require("@ant-design/plots");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var import_util = require("./util");
+var defaultConfig = (props) => {
+  const { xField = "category", axisXTitle, legendTypeList } = props;
+  return {
+    xField,
+    axis: {
+      x: {
+        title: axisXTitle
+      }
+    },
+    legend: {
+      color: {
+        itemMarker: (v, i) => {
+          return legendTypeList[i];
+        }
+      }
+    },
+    scale: {
+      color: {
+        palette: "category10"
+      }
+    }
+  };
+};
+var DualAxes = (props) => {
+  const { categories, series, ...others } = props;
+  const transformData = (0, import_react.useMemo)(() => (0, import_util.transform)(series, categories), [props]);
+  const config = (0, import_hooks.usePlotConfig)("DualAxes", defaultConfig, {
+    ...others,
+    ...transformData
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.DualAxes, { ...config });
+};
+var DualAxes_default = DualAxes;

package/dist/cjs/DualAxes/util.d.ts

@@ -0,0 +1,9 @@
+import type { DualAxesSeriesItem } from '.';
+export declare function transform(series: DualAxesSeriesItem[], categories: string[]): {
+    children: any[];
+    data: {
+        [key: string]: any;
+        category: string;
+    }[];
+    legendTypeList: ("rect" | "smooth")[];
+};