@antv/gpt-vis 0.0.6 → 0.2.0

package/dist/cjs/PathMap/index.js

@@ -32,117 +32,27 @@ __export(PathMap_exports, {
   default: () => PathMap_default
 });
 module.exports = __toCommonJS(PathMap_exports);
-var import_larkmap = require("@antv/larkmap");
 var import_react = __toESM(require("react"));
-var import_config = require("../utils/config");
-var lineLayerOptions = {
-  autoFit: false,
-  shape: "line",
-  size: 3,
-  color: "#6808fed1",
-  style: {
-    opacity: 1,
-    lineType: "solid",
-    stroke: "#6808FE",
-    strokeWidth: 1
-  }
-};
-var makerLayerOptions = {
-  autoFit: false,
-  shape: "circle",
-  color: "#fff",
-  size: 4,
-  style: {
-    stroke: "#6808FE",
-    strokeWidth: 3
-  }
-};
-var labelLayerOptions = {
-  autoFit: false,
-  field: "address",
-  style: {
-    fill: "#fff",
-    opacity: 1,
-    fontSize: 16,
-    fontWeight: "bold",
-    stroke: "#6808FE",
-    strokeWidth: 8,
-    textAllowOverlap: false,
-    padding: [5, 5],
-    textOffset: [0, 30]
-  }
-};
-function bbox(data) {
-  const bounds = [Infinity, Infinity, -Infinity, -Infinity];
-  data.forEach(({ coordinates }) => {
-    coordinates.forEach(([lng, lat]) => {
-      if (bounds[0] > lng) {
-        bounds[0] = lng;
-      }
-      if (bounds[1] > lat) {
-        bounds[1] = lat;
-      }
-      if (bounds[2] < lng) {
-        bounds[2] = lng;
-      }
-      if (bounds[3] < lat) {
-        bounds[3] = lat;
-      }
-    });
-  });
-  return bounds;
-}
+var import_hooks = require("../ConfigProvider/hooks");
+var import_Map = __toESM(require("../Map"));
+var import_map = require("../utils/map");
 var PathMap = (props) => {
-  const {
-    className,
-    style,
-    data = [],
-    children,
-    onSceneLoaded,
-    ...mapConfigRest
-  } = props;
-  const [lineSource] = (0, import_react.useState)({
-    data,
-    parser: { type: "json", coordinates: "coordinates" }
-  });
-  const [dotSource] = (0, import_react.useState)(() => ({
-    data: data.map((item) => [
-      { lngLat: item.coordinates[0], address: item == null ? void 0 : item.originName },
-      {
-        lngLat: item.coordinates[item.coordinates.length - 1],
-        address: item == null ? void 0 : item.destinationName
+  const { data = [], markerStyle = {}, pathStyle = {}, ...rest } = (0, import_hooks.useMapConfig)("PathMap", props);
+  const markerdata = (0, import_react.useMemo)(() => {
+    const markers = [];
+    data.forEach((item) => {
+      if (item.markers) {
+        markers.push(...item.markers);
       }
-    ]).flat().filter((item) => item.address),
-    parser: { type: "json", coordinates: "lngLat" }
-  }));
-  const mapConfig = (0, import_config.getMapConfig)(mapConfigRest);
-  const onMapSceneLoaded = (scene) => {
-    var _a;
-    onSceneLoaded == null ? void 0 : onSceneLoaded(scene);
-    if (!data.length)
-      return;
-    const bounds = bbox(data);
-    if (scene.getType() === "amap") {
-      (_a = scene.map) == null ? void 0 : _a.setBounds(bounds, true, [60, 60, 60, 60]);
-    } else {
-      scene.fitBounds([
-        [bounds[0], bounds[1]],
-        [bounds[2], bounds[3]]
-      ]);
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_larkmap.LarkMap,
-    {
-      className,
-      style: { height: 300, ...style },
-      ...mapConfig,
-      onSceneLoaded: onMapSceneLoaded
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_larkmap.LineLayer, { ...lineLayerOptions, source: lineSource }),
-    /* @__PURE__ */ import_react.default.createElement(import_larkmap.PointLayer, { ...makerLayerOptions, source: dotSource }),
-    /* @__PURE__ */ import_react.default.createElement(import_larkmap.TextLayer, { ...labelLayerOptions, source: dotSource }),
-    children
-  ));
+    });
+    return (0, import_map.formatMakerStyle)(markers, markerStyle);
+  }, [data, markerStyle]);
+  const linedata = (0, import_react.useMemo)(() => {
+    const lines = data.map((item) => {
+      return item.path;
+    });
+    return (0, import_map.formatPolylineStyle)(lines, pathStyle);
+  }, [data, pathStyle]);
+  return /* @__PURE__ */ import_react.default.createElement(import_Map.default, { markers: markerdata, polyline: linedata, ...rest });
 };
 var PathMap_default = PathMap;

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

@@ -1,19 +1,21 @@
+import type { PieConfig } from '@ant-design/plots';
 import React from 'react';
-import { BaseChartProps } from '../types';
+import type { BasePlotProps } from '../types';
 /**
  * PieDataItem is the type for each data item in the pie chart.
  * It includes the name of the sector and its corresponding value.
- * @param name The name of the sector.
+ * @param category The name of the sector.
  * @param value The value of the sector.
  */
-export type PieDataItem = {
-    name: string;
+type PieDataItem = {
+    category: string;
     value: number;
+    [key: string]: string | number;
 };
 /**
  * the props for the Pie
  * @param data pie data
  */
-export type PieProps = BaseChartProps<PieDataItem>;
+export type PieProps = BasePlotProps<PieDataItem> & Partial<PieConfig>;
 declare const Pie: (props: PieProps) => React.JSX.Element;
 export default Pie;

package/dist/cjs/Pie/index.js

@@ -33,24 +33,25 @@ __export(Pie_exports, {
 });
 module.exports = __toCommonJS(Pie_exports);
 var import_plots = require("@ant-design/plots");
+var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
-var Pie = (props) => {
-  const { data, className, style } = props;
-  const config = {
-    data,
-    angleField: "value",
-    colorField: "name",
+var import_hooks = require("../ConfigProvider/hooks");
+var defaultConfig = (props) => {
+  const { data = [], angleField = "value", colorField = "category" } = props;
+  const sumValue = (0, import_lodash.sumBy)(data, angleField);
+  return {
+    angleField,
+    colorField,
     tooltip: (d) => {
       return {
-        name: d.name,
-        value: d.value
+        name: d[colorField],
+        value: d[angleField]
       };
     },
     label: {
-      text: "value",
-      style: {
-        fontWeight: "bold"
-      }
+      position: "outside",
+      // text: angleField,
+      text: (d) => `${d[colorField]}: ${(0, import_lodash.round)(d[angleField] / sumValue * 100, 1)}%`
     },
     legend: {
       color: {
@@ -64,6 +65,9 @@ var Pie = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_plots.Pie, { className, containerStyle: { ...style }, ...config });
+};
+var Pie = (props) => {
+  const config = (0, import_hooks.usePlotConfig)("Pie", defaultConfig, props);
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Pie, { ...config });
 };
 var Pie_default = Pie;

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

@@ -1,12 +1,6 @@
 import { type FC } from 'react';
-import { BaseMapProps } from '../types';
-type GeoData = {
-    address: string;
-    lng: number;
-    lat: number;
-};
-export interface PinMapProps extends BaseMapProps<GeoData> {
-    className?: string;
-}
+import type { MapProps } from '../Map';
+import type { PinMap as PinMapType } from '../types/map';
+export type PinMapProps = PinMapType & MapProps;
 declare const PinMap: FC<PinMapProps>;
 export default PinMap;

package/dist/cjs/PinMap/index.js

@@ -32,92 +32,13 @@ __export(PinMap_exports, {
   default: () => PinMap_default
 });
 module.exports = __toCommonJS(PinMap_exports);
-var import_larkmap = require("@antv/larkmap");
 var import_react = __toESM(require("react"));
-var import_utils = require("../utils");
-var SVG_URL = "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*yVhwTrhcKZAAAAAAAAAAAAAADmJ7AQ/original";
-var makerLayerOptions = {
-  autoFit: false,
-  shape: "marker",
-  size: 22,
-  style: {}
-};
-var labelLayerOptions = {
-  autoFit: false,
-  field: "address",
-  style: {
-    fill: "#fff",
-    opacity: 1,
-    fontSize: 16,
-    fontWeight: "bold",
-    stroke: "#6808FE",
-    strokeWidth: 8,
-    textAllowOverlap: false,
-    padding: [2, 2],
-    textOffset: [0, 50]
-  }
-};
-function bbox(data) {
-  const bounds = [Infinity, Infinity, -Infinity, -Infinity];
-  data.forEach(({ lng, lat }) => {
-    if (bounds[0] > lng) {
-      bounds[0] = lng;
-    }
-    if (bounds[1] > lat) {
-      bounds[1] = lat;
-    }
-    if (bounds[2] < lng) {
-      bounds[2] = lng;
-    }
-    if (bounds[3] < lat) {
-      bounds[3] = lat;
-    }
-  });
-  return bounds;
-}
+var import_hooks = require("../ConfigProvider/hooks");
+var import_Map = __toESM(require("../Map"));
+var import_map = require("../utils/map");
 var PinMap = (props) => {
-  const {
-    className,
-    style,
-    onSceneLoaded,
-    children,
-    data = [],
-    ...mapConfigRest
-  } = props;
-  const [loadedImages, setLoadedImages] = (0, import_react.useState)(false);
-  const [source] = (0, import_react.useState)({
-    data,
-    parser: { type: "json", x: "lng", y: "lat" }
-  });
-  const mapConfig = (0, import_utils.getMapConfig)(mapConfigRest);
-  const onMapSceneLoaded = (scene) => {
-    var _a;
-    onSceneLoaded == null ? void 0 : onSceneLoaded(scene);
-    scene.addImage("marker", SVG_URL).then(() => {
-      setLoadedImages(true);
-    });
-    if (!data.length)
-      return;
-    const bounds = bbox(data);
-    if (scene.getType() === "amap") {
-      (_a = scene.map) == null ? void 0 : _a.setBounds(bounds, true, [50, 50, 50, 50]);
-    } else {
-      scene.fitBounds([
-        [bounds[0], bounds[1]],
-        [bounds[2], bounds[3]]
-      ]);
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_larkmap.LarkMap,
-    {
-      className,
-      style: { height: 300, ...style },
-      ...mapConfig,
-      onSceneLoaded: onMapSceneLoaded
-    },
-    loadedImages && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_larkmap.PointLayer, { ...makerLayerOptions, source }), /* @__PURE__ */ import_react.default.createElement(import_larkmap.TextLayer, { ...labelLayerOptions, source })),
-    children
-  ));
+  const { data = [], markerStyle = {}, ...rest } = (0, import_hooks.useMapConfig)("PinMap", props);
+  const markerdata = (0, import_react.useMemo)(() => (0, import_map.formatMakerStyle)(data, markerStyle), [data, markerStyle]);
+  return /* @__PURE__ */ import_react.default.createElement(import_Map.default, { markers: markerdata, includePoints: markerdata, ...rest });
 };
 var PinMap_default = PinMap;

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

@@ -0,0 +1,11 @@
+import type { RadarConfig } from '@ant-design/plots';
+import React from 'react';
+import type { BasePlotProps } from '../types';
+export type RadarDataItem = {
+    name: string;
+    value: number;
+    [key: string]: string | number;
+};
+export type RadarProps = BasePlotProps<RadarDataItem> & Partial<RadarConfig>;
+declare const Radar: (props: RadarProps) => React.JSX.Element;
+export default Radar;

package/dist/cjs/Radar/index.js

@@ -0,0 +1,84 @@
+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/Radar/index.tsx
+var Radar_exports = {};
+__export(Radar_exports, {
+  default: () => Radar_default
+});
+module.exports = __toCommonJS(Radar_exports);
+var import_plots = require("@ant-design/plots");
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var defaultConfig = (props) => {
+  const { data, xField = "name", yField = "value" } = props;
+  const hasGroupField = (0, import_lodash.get)(data, "[0].group") !== void 0;
+  return {
+    xField,
+    yField,
+    colorField: hasGroupField ? "group" : void 0,
+    area: {
+      style: {
+        fillOpacity: 0.5
+      }
+    },
+    scale: {
+      x: {
+        padding: 0.6,
+        align: 0
+      },
+      y: {
+        nice: true
+      }
+    },
+    axis: {
+      x: {
+        title: false,
+        grid: true
+      },
+      y: {
+        zIndex: 1,
+        title: false,
+        gridConnect: "line",
+        gridLineWidth: 1
+      }
+    },
+    tooltip: (d) => {
+      return {
+        name: d[xField],
+        value: d[yField]
+      };
+    }
+  };
+};
+var Radar = (props) => {
+  const config = (0, import_hooks.usePlotConfig)("Radar", defaultConfig, props);
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Radar, { ...config });
+};
+var Radar_default = Radar;

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

@@ -0,0 +1,11 @@
+import type { ScatterConfig } from '@ant-design/plots';
+import React from 'react';
+import type { BasePlotProps } from '../types';
+type ScatterDataItem = {
+    x: number;
+    y: number;
+    [key: string]: string | number;
+};
+export type ScatterProps = BasePlotProps<ScatterDataItem> & Partial<ScatterConfig>;
+declare const Scatter: (props: ScatterProps) => React.JSX.Element;
+export default Scatter;

package/dist/cjs/Scatter/index.js

@@ -0,0 +1,57 @@
+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/Scatter/index.tsx
+var Scatter_exports = {};
+__export(Scatter_exports, {
+  default: () => Scatter_default
+});
+module.exports = __toCommonJS(Scatter_exports);
+var import_plots = require("@ant-design/plots");
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var defaultConfig = (props) => {
+  const { data, xField = "x", yField = "y" } = props;
+  const axisXTitle = (0, import_lodash.get)(props, "axis.x.title");
+  const axisYTitle = (0, import_lodash.get)(props, "axis.y.title");
+  return {
+    data,
+    xField,
+    yField,
+    tooltip: [
+      { channel: "x", name: axisXTitle || "x" },
+      { channel: "y", name: axisYTitle || "y" }
+    ]
+  };
+};
+var Scatter = (props) => {
+  const config = (0, import_hooks.usePlotConfig)("Scatter", defaultConfig, props);
+  return /* @__PURE__ */ import_react.default.createElement(import_plots.Scatter, { ...config });
+};
+var Scatter_default = Scatter;

package/dist/cjs/Text/VisText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { VisTextProps } from './types';
+declare const VisText: (props: VisTextProps) => React.JSX.Element;
+export default VisText;

package/dist/cjs/Text/VisText.js

@@ -0,0 +1,74 @@
+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/Text/VisText.tsx
+var VisText_exports = {};
+__export(VisText_exports, {
+  default: () => VisText_default
+});
+module.exports = __toCommonJS(VisText_exports);
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../ConfigProvider/hooks");
+var import_config = require("./config");
+var { Text } = import_antd.Typography;
+function renderPrefixSuffix(symbol, staticsConfig, props) {
+  if (!symbol)
+    return null;
+  const Component = staticsConfig == null ? void 0 : staticsConfig[symbol];
+  if (Component)
+    return /* @__PURE__ */ import_react.default.createElement(Component, { ...props });
+  return symbol;
+}
+var VisText = (props) => {
+  const { children, className, style, type, origin } = props;
+  const textConfig = (0, import_hooks.useComponentGlobalConfig)("VisText");
+  const encoding = type ? textConfig == null ? void 0 : textConfig[type] : {};
+  const staticsConfig = textConfig == null ? void 0 : textConfig[import_config.STATICS_KEY];
+  return (
+    // TODO  @羽熙 暂时简单处理 tooltip 直接显示 origin，后续可以根据 origin 类型分类处理
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: (0, import_lodash.toString)(origin) }, /* @__PURE__ */ import_react.default.createElement(
+      Text,
+      {
+        className,
+        style: {
+          // antd Text 组件写死了 14px，在段落定义了 font-size 的情况下，显示很突兀，这里不设置，跟随上级容器字体大小改变。
+          // TODO @羽熙 之后看能否通过 antd ConfigProvider 统一配置
+          fontSize: "unset",
+          ...style,
+          ...(0, import_lodash.pick)(encoding, ["color", "backgroundColor", "fontWeight"])
+        }
+      },
+      renderPrefixSuffix(encoding == null ? void 0 : encoding.prefix, staticsConfig, props),
+      children,
+      renderPrefixSuffix(encoding == null ? void 0 : encoding.suffix, staticsConfig, props)
+    ))
+  );
+};
+var VisText_default = VisText;

package/dist/cjs/Text/config.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties } from 'react';
+import type { VisTextProps } from './types';
+declare const INNER_ENTITY_TYPES: readonly ["metric_name", "metric_value", "other_metric_value", "time_desc", "dim_value", "trend_desc", "delta_value", "ratio_value", "delta_value_pos", "delta_value_neg", "ratio_value_pos", "ratio_value_neg", "proportion", "contribute_ratio"];
+export type InnerEntityType = (typeof INNER_ENTITY_TYPES)[number];
+export type TextEntityType = InnerEntityType | string;
+export type TextEncoding = Partial<Pick<CSSProperties, 'color' | 'backgroundColor' | 'fontWeight'> & {
+    /** 前缀 */
+    prefix: string;
+    /** 后缀 */
+    suffix: string;
+}>;
+export declare const STATICS_KEY: "__statics";
+/** 文本组件配置信息 */
+export type TextConfig = Record<InnerEntityType & string, TextEncoding> & {
+    [STATICS_KEY]: Record<string, React.FC<VisTextProps>>;
+};
+export declare const DEFAULT_VIS_TEXT_CONFIG: TextConfig;
+export {};