@antv/gpt-vis 1.0.0 → 1.0.1

package/dist/esm/vis/scatter/index.js

@@ -1,5 +1,11 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Chart } from '@antv/g2';
-import { getBackgroundColor, getThemeObject, normalizePalette } from "../../util/theme";
+import { CHART_STYLE_DEFAULTS, getBackgroundColor, getCartesianAxis, getChartAnimation, getColorLegend, getPointHighlightState, getThemeObject, normalizePalette } from "../../util";
 
 /**
  * ScatterDataItem is the type for each data item in the scatter chart.
@@ -44,6 +50,7 @@ export var Scatter = function Scatter(options) {
     _options$theme = options.theme,
     chartTheme = _options$theme === void 0 ? 'default' : _options$theme;
   var chart = null;
+  var hasRendered = false;
 
   /**
    * Render the scatter chart with the given configuration.
@@ -85,13 +92,18 @@ export var Scatter = function Scatter(options) {
     var scaleConfig = {
       y: {
         nice: true
+      },
+      x: {
+        nice: true
       }
     };
     if (hasGroupField) {
       encode = {
         x: 'x',
         y: 'y',
-        color: 'group'
+        color: 'group',
+        shape: 'point',
+        size: CHART_STYLE_DEFAULTS.scatterPointSize
       };
       scaleConfig.color = {
         range: colors
@@ -100,9 +112,8 @@ export var Scatter = function Scatter(options) {
       encode = {
         x: 'x',
         y: 'y',
-        color: function color() {
-          return 'all';
-        }
+        shape: 'point',
+        size: CHART_STYLE_DEFAULTS.scatterPointSize
       };
     }
 
@@ -110,28 +121,27 @@ export var Scatter = function Scatter(options) {
     // Note: Using 'any' type due to G2's complex type system with transformations
     // This is consistent with how G2 5.0 is used elsewhere in the codebase
     var chartOptions = {
-      animate: false,
+      animate: getChartAnimation(hasRendered, 'fadeIn'),
       type: 'point',
       data: data,
-      title: title !== null && title !== void 0 ? title : '',
+      title: title || '',
       encode: encode,
-      legend: hasGroupField ? {
-        color: {
-          position: 'top'
-        }
-      } : false,
+      legend: getColorLegend(hasGroupField),
       scale: scaleConfig,
-      axis: {
-        x: {
-          title: axisXTitle !== null && axisXTitle !== void 0 ? axisXTitle : 'x'
-        },
-        y: {
-          title: axisYTitle !== null && axisYTitle !== void 0 ? axisYTitle : 'y'
-        }
-      },
-      style: {
-        lineWidth: 1
-      },
+      axis: getCartesianAxis({
+        axisXTitle: axisXTitle,
+        axisYTitle: axisYTitle
+      }),
+      style: _objectSpread({
+        lineWidth: CHART_STYLE_DEFAULTS.pointLineWidth,
+        fillOpacity: 0.88,
+        stroke: backgroundColor
+      }, !hasGroupField ? {
+        fill: colors[0]
+      } : {}),
+      // A same-color stroke enlarges the rendered path without changing its transform or
+      // hit area, so repeated pointer events cannot accumulate scale.
+      state: getPointHighlightState(),
       tooltip: {
         title: function title(d) {
           return d !== null && d !== void 0 && d.group ? d.group : false;
@@ -144,13 +154,18 @@ export var Scatter = function Scatter(options) {
           name: axisYTitle !== null && axisYTitle !== void 0 ? axisYTitle : 'y'
         }]
       },
-      viewStyle: {
-        viewFill: backgroundColor
+      interaction: {
+        tooltip: true,
+        elementHighlight: true
       },
+      viewStyle: style.backgroundColor ? {
+        viewFill: backgroundColor
+      } : undefined,
       theme: getThemeObject(theme)
     };
     chart.options(chartOptions);
     chart.render();
+    hasRendered = true;
   };
 
   /**
@@ -161,6 +176,7 @@ export var Scatter = function Scatter(options) {
       chart.destroy();
       chart = null;
     }
+    hasRendered = false;
   };
   return {
     render: render,

package/dist/esm/vis/treemap/index.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Chart } from '@antv/g2';
-import { getBackgroundColor, getThemeObject, normalizePalette } from "../../util/theme";
+import { getThemeObject, normalizePalette } from "../../util/theme";
 
 /**
  * TreemapDataItem is the type for each data item in the treemap chart.
@@ -84,7 +84,6 @@ export var Treemap = function Treemap(options) {
 
     // Get colors from style.palette or theme defaults
     var colors = normalizePalette(style.palette, theme);
-    var backgroundColor = style.backgroundColor || getBackgroundColor(theme);
 
     // Create chart
     chart = new Chart({
@@ -129,9 +128,9 @@ export var Treemap = function Treemap(options) {
           };
         }]
       },
-      viewStyle: {
-        viewFill: backgroundColor
-      },
+      viewStyle: style.backgroundColor ? {
+        viewFill: style.backgroundColor
+      } : undefined,
       theme: getThemeObject(theme),
       scale: _objectSpread({}, colors.length > 0 ? {
         color: {

package/dist/esm/vis/venn/index.js

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Chart } from '@antv/g2';
-import { getBackgroundColor, getThemeObject, normalizePalette } from "../../util/theme";
+import { getThemeObject, normalizePalette } from "../../util/theme";
 
 /**
  * VennDataItem is the type for each data item in the venn chart.
@@ -83,7 +83,6 @@ export var Venn = function Venn(options) {
 
     // Get colors from style.palette or theme defaults
     var colors = normalizePalette(style.palette, theme);
-    var backgroundColor = style.backgroundColor || getBackgroundColor(theme);
     var normalizedData = data.map(function (d) {
       return _objectSpread(_objectSpread({}, d), {}, {
         sets: normalizeVennSets(d.sets)
@@ -139,9 +138,9 @@ export var Venn = function Venn(options) {
         fillOpacity: 0.85,
         fontSize: 10
       }],
-      viewStyle: {
-        viewFill: backgroundColor
-      },
+      viewStyle: style.backgroundColor ? {
+        viewFill: style.backgroundColor
+      } : undefined,
       theme: getThemeObject(theme),
       legend: false,
       axis: false,

package/dist/esm/vis/violin/index.js

@@ -1,9 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Chart } from '@antv/g2';
 import { getBackgroundColor, getThemeObject, normalizePalette } from "../../util/theme";
 
@@ -194,7 +188,7 @@ export var Violin = function Violin(options) {
     // Configure chart options
     // Note: Using 'any' type due to G2's complex type system with transformations
     // This is consistent with how G2 5.0 is used elsewhere in the codebase
-    var chartOptions = _objectSpread(_objectSpread({
+    var chartOptions = {
       animate: false,
       type: 'view',
       data: data,
@@ -218,14 +212,12 @@ export var Violin = function Violin(options) {
         color: hasGroupField ? {
           position: 'top'
         } : false
-      }
-    }, backgroundColor ? {
-      viewStyle: {
+      },
+      viewStyle: style.backgroundColor ? {
         viewFill: backgroundColor
-      }
-    } : {}), {}, {
+      } : undefined,
       theme: getThemeObject(theme)
-    });
+    };
     chart.options(chartOptions);
     chart.render();
   };

package/dist/esm/vis/waterfall/index.js

@@ -152,7 +152,7 @@ export var Waterfall = function Waterfall(options) {
     // Configure chart options
     // Note: Using 'any' type due to G2's complex type system with transformations
     // This is consistent with how G2 5.0 is used elsewhere in the codebase
-    var chartOptions = _objectSpread(_objectSpread({
+    var chartOptions = {
       animate: false,
       type: 'view',
       data: transformedData,
@@ -237,14 +237,12 @@ export var Waterfall = function Waterfall(options) {
         },
         tooltip: false
       }],
-      legend: false
-    }, backgroundColor ? {
-      viewStyle: {
+      legend: false,
+      viewStyle: style.backgroundColor ? {
         viewFill: backgroundColor
-      }
-    } : {}), {}, {
+      } : undefined,
       theme: getThemeObject(theme)
-    });
+    };
     chart.options(chartOptions);
     chart.render();
   };

package/dist/esm/vis/word-cloud/index.d.ts

@@ -1,4 +1,4 @@
-import type { VisualizationOptions } from '../../types';
+import type { VisualizationOptions, VisualizationTheme } from '../../types';
 /**
  * WordCloudDataItem is the type for each data item in the word cloud chart.
  */
@@ -12,8 +12,9 @@ export type WordCloudDataItem = {
 export interface WordCloudConfig {
     type?: 'word-cloud';
     data: WordCloudDataItem[];
-    theme?: 'default' | 'academy' | 'dark';
+    theme?: VisualizationTheme;
     title?: string;
+    locale?: string;
     style?: {
         backgroundColor?: string;
         palette?: string[];

package/dist/esm/vis/word-cloud/index.js

@@ -1,5 +1,91 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Chart } from '@antv/g2';
-import { getBackgroundColor, getThemeObject, normalizePalette } from "../../util/theme";
+import { resolveChartLocale } from "../../util/components";
+import { getThemeObject, normalizePalette } from "../../util/theme";
+var WORD_CLOUD_MAX_WORDS = 50;
+var WORD_CLOUD_FONT_FAMILY = 'Impact';
+var WORD_CLOUD_ROTATIONS = [-90, -60, -30, 0, 30, 60];
+var WORD_CLOUD_LABELS = {
+  'en-US': {
+    rank: 'Rank',
+    share: 'Share of total weight',
+    weight: 'Weight / frequency'
+  },
+  'zh-CN': {
+    rank: '排名',
+    share: '占总权重',
+    weight: '权重 / 词频'
+  }
+};
+var hashWordCloudData = function hashWordCloudData(data) {
+  var hash = 2166136261;
+  data.forEach(function (_ref) {
+    var text = _ref.text,
+      value = _ref.value;
+    var input = "".concat(text, "\0").concat(value, "\x01");
+    for (var index = 0; index < input.length; index += 1) {
+      hash ^= input.charCodeAt(index);
+      hash = Math.imul(hash, 16777619);
+    }
+  });
+  return hash >>> 0;
+};
+var createSeededRandom = function createSeededRandom(seed) {
+  var state = seed || 1;
+  return function () {
+    state += 0x6d2b79f5;
+    var value = state;
+    value = Math.imul(value ^ value >>> 15, value | 1);
+    value ^= value + Math.imul(value ^ value >>> 7, value | 61);
+    return ((value ^ value >>> 14) >>> 0) / 4294967296;
+  };
+};
+var getWordCloudPalette = function getWordCloudPalette(palette, theme) {
+  return normalizePalette(palette, theme);
+};
+var prepareWordCloudData = function prepareWordCloudData(data, colors) {
+  var rankedData = data.map(function (item, index) {
+    return {
+      item: item,
+      index: index
+    };
+  }).filter(function (_ref2) {
+    var item = _ref2.item;
+    return item.text.trim().length > 0 && Number.isFinite(item.value) && item.value > 0;
+  }).sort(function (a, b) {
+    return b.item.value - a.item.value || a.index - b.index;
+  });
+  var totalWeight = rankedData.reduce(function (sum, _ref3) {
+    var item = _ref3.item;
+    return sum + item.value;
+  }, 0);
+  var visibleData = rankedData.slice(0, WORD_CLOUD_MAX_WORDS);
+  var lastVisibleIndex = Math.max(1, visibleData.length - 1);
+  var colorByText = new Map();
+  var nextColorIndex = 0;
+  return visibleData.map(function (_ref4, index) {
+    var item = _ref4.item;
+    var percentile = index / lastVisibleIndex;
+    var fontWeight = percentile <= 0.1 ? 700 : percentile <= 0.32 ? 600 : percentile <= 0.68 ? 500 : 400;
+    var wordColor = colorByText.get(item.text);
+    if (!wordColor) {
+      wordColor = colors[nextColorIndex % colors.length];
+      colorByText.set(item.text, wordColor);
+      nextColorIndex += 1;
+    }
+    return _objectSpread(_objectSpread({}, item), {}, {
+      rank: index + 1,
+      share: totalWeight > 0 ? item.value / totalWeight : 0,
+      fontWeight: fontWeight,
+      wordColor: wordColor
+    });
+  });
+};
 
 /**
  * WordCloudDataItem is the type for each data item in the word cloud chart.
@@ -41,6 +127,7 @@ export var WordCloud = function WordCloud(options) {
   var container = options.container,
     width = options.width,
     height = options.height,
+    locale = options.locale,
     _options$theme = options.theme,
     chartTheme = _options$theme === void 0 ? 'default' : _options$theme;
   var chart = null;
@@ -54,17 +141,30 @@ export var WordCloud = function WordCloud(options) {
       _config$theme = config.theme,
       theme = _config$theme === void 0 ? chartTheme : _config$theme,
       title = config.title,
+      _config$locale = config.locale,
+      renderLocale = _config$locale === void 0 ? locale : _config$locale,
       _config$style = config.style,
       style = _config$style === void 0 ? {} : _config$style;
+    var chartLocale = resolveChartLocale(renderLocale);
+    var labels = WORD_CLOUD_LABELS[chartLocale];
+    var valueFormatter = new Intl.NumberFormat(chartLocale, {
+      maximumFractionDigits: 2
+    });
+    var percentageFormatter = new Intl.NumberFormat(chartLocale, {
+      style: 'percent',
+      maximumFractionDigits: 2
+    });
 
     // Clean up previous chart if exists
     if (chart) {
       chart.destroy();
     }
 
-    // Get colors from style.palette or theme defaults
-    var colors = normalizePalette(style.palette, theme);
-    var backgroundColor = style.backgroundColor || getBackgroundColor(theme);
+    // Assign a stable categorical color to each word while preserving custom palettes.
+    var colors = getWordCloudPalette(style.palette, theme);
+    var preparedData = prepareWordCloudData(data, colors);
+    var layoutSeed = hashWordCloudData(preparedData);
+    var rotationRandom = createSeededRandom(layoutSeed ^ 0x9e3779b9);
 
     // Create chart
     chart = new Chart({
@@ -80,33 +180,81 @@ export var WordCloud = function WordCloud(options) {
     var chartOptions = {
       animate: false,
       type: 'wordCloud',
-      data: data,
+      data: preparedData,
       title: title !== null && title !== void 0 ? title : '',
       layout: {
-        fontSize: [8, 42]
+        font: WORD_CLOUD_FONT_FAMILY,
+        fontSize: [11, 44],
+        fontWeight: function fontWeight(d) {
+          return d.fontWeight;
+        },
+        padding: 2,
+        random: createSeededRandom(layoutSeed),
+        rotate: function rotate() {
+          return WORD_CLOUD_ROTATIONS[Math.floor(rotationRandom() * WORD_CLOUD_ROTATIONS.length)];
+        }
       },
       encode: {
         text: 'text',
         color: 'text',
         value: 'value'
       },
+      style: {
+        fill: function fill(d) {
+          return d.wordColor;
+        },
+        fontFamily: WORD_CLOUD_FONT_FAMILY,
+        fontWeight: function fontWeight(d) {
+          var _d$weight;
+          return (_d$weight = d.weight) !== null && _d$weight !== void 0 ? _d$weight : d.fontWeight;
+        },
+        stroke: function stroke(d) {
+          return d.wordColor;
+        }
+      },
       scale: {
         color: {
           range: colors
         }
       },
       legend: false,
+      state: {
+        active: {
+          fillOpacity: 1,
+          strokeOpacity: 1
+        },
+        inactive: {
+          fillOpacity: 0.3,
+          strokeOpacity: 0.3
+        }
+      },
       tooltip: {
+        title: 'text',
         items: [function (d) {
           return {
-            name: d.text,
-            value: d.value
+            name: labels.weight,
+            value: valueFormatter.format(d.value)
+          };
+        }, function (d) {
+          return {
+            name: labels.rank,
+            value: "#".concat(d.rank)
+          };
+        }, function (d) {
+          return {
+            name: labels.share,
+            value: percentageFormatter.format(d.share)
           };
         }]
       },
-      viewStyle: {
-        viewFill: backgroundColor
+      interaction: {
+        tooltip: true,
+        elementHighlight: true,
+        elementHoverScale: true
       },
+      viewStyle: style.backgroundColor ? {
+        viewFill: style.backgroundColor
+      } : undefined,
       theme: getThemeObject(theme)
     };
     chart.options(chartOptions);