@antv/gpt-vis 0.0.5 → 0.1.0

package/dist/esm/utils/graph.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+// FIXME: 全量导入 G6 模块
+import { G6 } from '@ant-design/graphs';
+var treeToGraphData = G6.treeToGraphData;
+export function visTreeData2GraphData(data) {
+  return treeToGraphData(data, {
+    getNodeData: function getNodeData(datum, depth) {
+      datum.id = datum.name;
+      datum.depth = depth;
+      if (!datum.children) return datum;
+      var children = datum.children,
+        restDatum = _objectWithoutProperties(datum, _excluded);
+      return _objectSpread(_objectSpread({}, restDatum), {}, {
+        children: children.map(function (child) {
+          return child.name;
+        })
+      });
+    },
+    getEdgeData: function getEdgeData(source, target) {
+      return {
+        source: source.name,
+        target: target.name
+      };
+    }
+  });
+}
+export function visGraphData2GraphData(data) {
+  return {
+    nodes: data.nodes.map(function (node) {
+      return {
+        id: node.name,
+        style: {
+          labelText: node.name
+        }
+      };
+    }),
+    edges: data.edges.map(function (edge) {
+      return {
+        source: edge.source,
+        target: edge.target,
+        style: {
+          labelText: edge.name
+        }
+      };
+    })
+  };
+}

package/dist/esm/utils/index.d.ts

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

package/dist/esm/utils/index.js

@@ -0,0 +1 @@
+export * from "./map";

package/dist/esm/utils/map/context.d.ts

@@ -0,0 +1,3 @@
+import type { Scene } from '@antv/l7';
+import type { Map } from '../../types/map';
+export declare function setMapContext(props: Map, scene: Scene): Promise<void[]> | undefined;

package/dist/esm/utils/map/context.js

@@ -0,0 +1,34 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { urlToMarkerId } from "./util";
+export function setMapContext(props, scene) {
+  //初始化Image
+  if (props.markers) {
+    var icons = new Set(props.markers.filter(function (item) {
+      return item.iconPath !== undefined;
+    }).map(function (item) {
+      return item.iconPath;
+    }));
+    return Promise.all(Array.from(icons.values()).map( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url) {
+        var id;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              id = urlToMarkerId(url);
+              _context.next = 3;
+              return scene.addImage(id, url);
+            case 3:
+              return _context.abrupt("return", _context.sent);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }()));
+  }
+}

package/dist/esm/utils/map/index.d.ts

@@ -0,0 +1,6 @@
+export * from './context';
+export * from './markers';
+export * from './polyline';
+export * from './style';
+export * from './util';
+export * from './view';

package/dist/esm/utils/map/index.js

@@ -0,0 +1,6 @@
+export * from "./context";
+export * from "./markers";
+export * from "./polyline";
+export * from "./style";
+export * from "./util";
+export * from "./view";

package/dist/esm/utils/map/markers.d.ts

@@ -0,0 +1,2 @@
+import type { Marker as MarkerProps } from '../../types/map';
+export declare function setMarkers(data: MarkerProps[]): import("@antv/l7").ILayer[];

package/dist/esm/utils/map/markers.js

@@ -0,0 +1,64 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { PointLayer } from '@antv/l7';
+import { isObject } from 'lodash';
+import { urlToMarkerId } from "./util";
+export function setMarkers(data) {
+  var items = data.map(function (item) {
+    var _item$label, _item$label2, _item$label3;
+    return _objectSpread(_objectSpread({}, item), {}, {
+      label: isObject(item.label) ? item.label.content : item.label,
+      color: (_item$label = item.label) === null || _item$label === void 0 ? void 0 : _item$label.color,
+      bgColor: (_item$label2 = item.label) === null || _item$label2 === void 0 ? void 0 : _item$label2.bgColor,
+      fontSize: (_item$label3 = item.label) === null || _item$label3 === void 0 ? void 0 : _item$label3.fontSize,
+      offsets: [item.anchorX || 0, item.anchorY || -1],
+      iconPath: item.iconPath ? urlToMarkerId(item.iconPath) : undefined
+    });
+  });
+  var icons = items.filter(function (item) {
+    return item.iconPath !== undefined;
+  });
+  var texts = items.filter(function (item) {
+    return item.label !== undefined;
+  });
+  var layers = [];
+  if (texts.length > 0) {
+    var offsets = texts[0].offsets;
+    var fontSize = texts[0].fontSize || 10;
+    var text = new PointLayer({
+      zIndex: 2
+    }).source(texts, {
+      parser: {
+        type: 'json',
+        x: 'longitude',
+        y: 'latitude'
+      }
+    }).shape('label', 'text').size('fontSize').color('color').style({
+      opacity: 1,
+      textOffset: [offsets[0], -2 * offsets[1] * fontSize],
+      fontWeight: 600,
+      textAnchor: 'center',
+      stroke: texts[0].bgColor || '#ffffff',
+      // 描边颜色
+      strokeWidth: 2,
+      // 描边宽度
+      strokeOpacity: 1.0,
+      padding: [10, 10]
+    });
+    layers.push(text);
+  }
+  if (icons.length !== 0) {
+    var _offsets = icons[0].offsets;
+    var width = icons[0].width || 10;
+    var iconLayer = new PointLayer().source(icons, {
+      parser: {
+        type: 'json',
+        x: 'longitude',
+        y: 'latitude'
+      }
+    }).shape('iconPath').size('width').style({
+      offsets: [_offsets[0], _offsets[1] * width]
+    });
+    layers.push(iconLayer);
+  }
+  return layers;
+}

package/dist/esm/utils/map/polyline.d.ts

@@ -0,0 +1,2 @@
+import type { Polyline as PolylinePorps } from '../../types/map';
+export declare function setPolyline(data: PolylinePorps[]): import("@antv/l7").ILayer[];

package/dist/esm/utils/map/polyline.js

@@ -0,0 +1,26 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { LineLayer } from '@antv/l7';
+export function setPolyline(data) {
+  var lineData = data.map(function (item) {
+    var coord = item.points.map(function (point) {
+      return [point.longitude, point.latitude];
+    });
+    return _objectSpread(_objectSpread({}, item), {}, {
+      coordinates: coord,
+      color: item.color,
+      width: item.width
+    });
+  });
+  var isdash = lineData[0].dottedLine;
+  var lineLayer = new LineLayer().source(lineData, {
+    parser: {
+      type: 'json',
+      coordinates: 'coordinates'
+    }
+  }).size('width').shape('line').color('color').style({
+    opacity: 1.0,
+    lineType: isdash ? 'dash' : 'solid',
+    dashArray: [3, 1]
+  });
+  return [lineLayer];
+}

package/dist/esm/utils/map/style.d.ts

@@ -0,0 +1,45 @@
+import type { MapProps } from '../../Map';
+import type { LarkMapProps } from '../../types';
+import type { Marker, MarkerData, Polyline } from '../../types/map';
+declare const formatMapStyle: (props: MapProps) => LarkMapProps;
+declare const DefaultMarkerStyle: {
+    width: number;
+    anchorX: number;
+    anchorY: number;
+    label: {
+        content: string;
+        color: string;
+        fontSize: number;
+        borderRadius: number;
+        bgColor: string;
+        padding: number;
+    };
+    iconPath: string;
+};
+declare const formatMakerStyle: (data: MarkerData[], markerStyle: Partial<Marker>) => {
+    label: {
+        content: string;
+        color: string;
+        fontSize: number;
+        borderRadius: number;
+        bgColor: string;
+        padding: number;
+    };
+    id: string;
+    iconPath: string;
+    width: number;
+    height?: number | undefined;
+    alpha?: number | undefined;
+    anchorX: number;
+    anchorY: number;
+    longitude: number;
+    latitude: number;
+}[];
+declare const DefaultPolylineStyle: {
+    width: number;
+    color: string;
+    dottedLine: boolean;
+    zIndex: number;
+};
+declare const formatPolylineStyle: (data: Polyline[] | undefined, polylineStyle: Partial<Marker>) => any[];
+export { DefaultMarkerStyle, DefaultPolylineStyle, formatMakerStyle, formatMapStyle, formatPolylineStyle, };

package/dist/esm/utils/map/style.js

@@ -0,0 +1,76 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["label", "id"];
+import { isObject } from 'lodash';
+var DefaultMapConfig = {
+  mapOptions: {
+    center: [120.210792, 30.246026],
+    zoom: 16,
+    maxZoom: 18,
+    pitch: 0,
+    rotation: 0,
+    zoomEnable: true,
+    pitchEnable: true
+  }
+};
+var formatMapStyle = function formatMapStyle(props) {
+  var config = {
+    mapOptions: _objectSpread(_objectSpread({}, DefaultMapConfig.mapOptions), {}, {
+      center: props.longitude && props.latitude ? [props.longitude, props.latitude] : DefaultMapConfig.mapOptions.center,
+      zoom: props.scale || DefaultMapConfig.mapOptions.zoom,
+      pitch: props.skew || DefaultMapConfig.mapOptions.pitch,
+      rotation: props.rotate || DefaultMapConfig.mapOptions.rotation,
+      zoomEnable: props.enableZoom || DefaultMapConfig.mapOptions.zoomEnable,
+      pitchEnable: props.enableRotate || DefaultMapConfig.mapOptions.pitchEnable,
+      // 地图底图样式
+      style: props === null || props === void 0 ? void 0 : props.mapType,
+      // 高德地图密钥
+      token: props === null || props === void 0 ? void 0 : props.token
+    }),
+    logoVisible: false
+  };
+  return config;
+};
+var DefaultMarkerStyle = {
+  width: 12,
+  anchorX: 0,
+  anchorY: 1,
+  label: {
+    content: '',
+    color: '#000000',
+    fontSize: 10,
+    borderRadius: 5,
+    bgColor: '#ffffff',
+    padding: 5
+  },
+  iconPath: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*3XdDTbsQ84QAAAAAAAAAAAAADmJ7AQ/original'
+};
+var formatMakerStyle = function formatMakerStyle(data, markerStyle) {
+  var labelStyle = Object.assign({}, DefaultMarkerStyle.label, markerStyle === null || markerStyle === void 0 ? void 0 : markerStyle.label);
+  // label 优先级 data > markerStyle > DefaultMarkerStyle
+  return data.map(function (marker, index) {
+    var label = marker.label,
+      id = marker.id,
+      rest = _objectWithoutProperties(marker, _excluded);
+    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DefaultMarkerStyle), markerStyle), rest), {}, {
+      label: _objectSpread(_objectSpread({}, labelStyle), isObject(label) ? label : {
+        content: label
+      }),
+      id: id || index.toString()
+    });
+  });
+};
+var DefaultPolylineStyle = {
+  width: 2,
+  color: '#16f',
+  dottedLine: false,
+  zIndex: 1
+};
+var formatPolylineStyle = function formatPolylineStyle() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var polylineStyle = arguments.length > 1 ? arguments[1] : undefined;
+  return data.map(function (item) {
+    return _objectSpread(_objectSpread(_objectSpread({}, DefaultPolylineStyle), polylineStyle), item);
+  });
+};
+export { DefaultMarkerStyle, DefaultPolylineStyle, formatMakerStyle, formatMapStyle, formatPolylineStyle };

package/dist/esm/utils/map/util.d.ts

@@ -0,0 +1 @@
+export declare function urlToMarkerId(url: string): string;

package/dist/esm/utils/map/util.js

@@ -0,0 +1,11 @@
+export function urlToMarkerId(url) {
+  var hash = 0;
+  if (url.length > 0) {
+    for (var i = 0; i < url.length; i++) {
+      hash = (hash << 5) - hash + url.charCodeAt(i) | 0;
+    }
+  }
+  // 将哈希值转换为四位数
+  var id = Math.abs(hash % 10000).toString().padStart(4, '0');
+  return "marker-".concat(id);
+}

package/dist/esm/utils/map/view.d.ts

@@ -0,0 +1,3 @@
+import type { Scene } from '@antv/l7';
+import type { Map } from '../../types/map';
+export declare const setMapView: (props: Map, scene: Scene) => void;

package/dist/esm/utils/map/view.js

@@ -0,0 +1,81 @@
+function fitIncludePoints(includePoints, scene, includePadding) {
+  if (includePoints.length === 1) {
+    scene.setCenter([includePoints[0].longitude, includePoints[0].latitude]);
+  } else {
+    var bounds = [180, 90, -180, -90];
+    includePoints.forEach(function (point) {
+      if (bounds[0] > point.longitude) {
+        bounds[0] = point.longitude;
+      }
+      if (bounds[1] > point.latitude) {
+        bounds[1] = point.latitude;
+      }
+      if (bounds[2] < point.longitude) {
+        bounds[2] = point.longitude;
+      }
+      if (bounds[3] < point.latitude) {
+        bounds[3] = point.latitude;
+      }
+    });
+    var _ref = includePadding || {},
+      _ref$left = _ref.left,
+      left = _ref$left === void 0 ? 20 : _ref$left,
+      _ref$right = _ref.right,
+      right = _ref$right === void 0 ? 20 : _ref$right,
+      _ref$bottom = _ref.bottom,
+      bottom = _ref$bottom === void 0 ? 20 : _ref$bottom,
+      _ref$top = _ref.top,
+      top = _ref$top === void 0 ? 20 : _ref$top;
+    var padding = [left, top, right, bottom];
+    // @ts-ignore
+    scene.map.setBounds(bounds, false, padding);
+  }
+}
+export var setMapView = function setMapView(props, scene) {
+  // 单个点,多个点
+  if (props.includePoints) {
+    fitIncludePoints(props.includePoints, scene, props.includePadding);
+  } else {
+    var points = [];
+    if (props.markers) {
+      props.markers.forEach(function (item) {
+        points.push({
+          longitude: item.longitude,
+          latitude: item.latitude
+        });
+      });
+    }
+    if (props.polyline) {
+      props.polyline.forEach(function (item) {
+        item.points.forEach(function (point) {
+          points.push({
+            longitude: point.longitude,
+            latitude: point.latitude
+          });
+        });
+      });
+    }
+    if (points.length) {
+      fitIncludePoints(points, scene, props.includePadding);
+    }
+  }
+  if (props.enableZoom !== undefined) {
+    scene.setMapStatus({
+      zoomEnable: props.enableZoom
+    });
+  }
+  if (props.enableRotate !== undefined) {
+    scene.setMapStatus({
+      rotateEnable: props.enableRotate
+    });
+  }
+  if (props.enableScroll !== undefined) {
+    scene.setMapStatus({
+      dragEnable: props.enableScroll
+    });
+  }
+  if (props.onInitComplete) {
+    scene.off('loaded', props.onInitComplete);
+    scene.on('loaded', props.onInitComplete);
+  }
+};

package/dist/esm/utils/plot.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 将 GPT-Vis 图表的配置转换为 ADC 的配置
+ */
+export declare function transform2ADCProps<T extends Record<string, any>>(props: T): T;

package/dist/esm/utils/plot.js

@@ -0,0 +1,65 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { isUndefined } from 'lodash';
+var ADC_ENCODE_FIELDS = new Map([['x', 'xField'], ['y', 'yField'], ['series', 'seriesField'], ['size', 'sizeField'], ['color', 'colorField'], ['shape', 'shapeField'], ['y', 'angleField']]);
+
+/**
+ * 将 G2 encode 写法转换为 ADC Plot 字段映射
+ */
+function visG2Encode2ADCEncode(config) {
+  var encodeConfig = config.encode;
+  if (!encodeConfig) return config;
+  var _config = _objectSpread({}, config);
+  var _iterator = _createForOfIteratorHelper(encodeConfig),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var field = _step.value;
+      var adcField = ADC_ENCODE_FIELDS.get(field);
+      if (adcField) {
+        // @ts-expect-error
+        _config[adcField] = encodeConfig[field];
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return _config;
+}
+
+/**
+ * 将缩写的 axisTitle 转换为 G2 axis 配置
+ */
+function axisTitle2G2axis(config) {
+  var axisXTitle = config.axisXTitle,
+    axisYTitle = config.axisYTitle,
+    axis = config.axis;
+  if (!isUndefined(axis)) return config;
+  var _config = _objectSpread({
+    axis: {}
+  }, config);
+  if (axisXTitle) {
+    // @ts-expect-error
+    _config.axis.x = {
+      title: axisXTitle
+    };
+  }
+  if (axisYTitle) {
+    // @ts-expect-error
+    _config.axis.y = {
+      title: axisYTitle
+    };
+  }
+  return _config;
+}
+
+/**
+ * 将 GPT-Vis 图表的配置转换为 ADC 的配置
+ */
+export function transform2ADCProps(props) {
+  var transformedEncode = visG2Encode2ADCEncode(props);
+  var transformedAxis = axisTitle2G2axis(transformedEncode);
+  return transformedAxis;
+}

package/dist/esm/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "0.1.0";
+export default _default;

package/dist/esm/version.js

@@ -0,0 +1 @@
+export default '0.1.0';