sea-chart 1.1.37 → 1.1.39

package/dist/settings/style-settings.js

@@ -31,8 +31,9 @@ const StyleSettings = _ref => {
     });
   }, [chart, onChange]);
   const modifyStyleSettings = useCallback(update => {
+    const styleConfig = chart.style_config || {};
     const newUpdate = {
-      ...chart.style_config,
+      ...styleConfig,
       ...update
     };
     onChange({
@@ -40,9 +41,7 @@ const StyleSettings = _ref => {
     });
   }, [chart.style_config, onChange]);
   const modifyTitle = useCallback(title => {
-    const {
-      style_config
-    } = chart;
+    const style_config = chart.style_config || {};
     const update = style_config ? {
       ...style_config,
       title
@@ -54,10 +53,11 @@ const StyleSettings = _ref => {
     });
   }, [chart, onChange]);
   const renderTitleSettings = useCallback(() => {
-    const {
+    let {
       style_config,
       config
     } = chart;
+    if (!style_config) style_config = {};
     const {
       type
     } = config;

package/dist/utils/chart-utils/base-utils.js

@@ -413,7 +413,7 @@ BaseUtils.isChartSortChange = (preChartElement, curChartElement) => {
 BaseUtils.isChartStyleChanged = (prevElement, currElement) => {
   const prevStyleConfig = prevElement && prevElement.style_config;
   const currStyleConfig = currElement && currElement.style_config;
-  if (prevStyleConfig.display_goal_line !== currStyleConfig.display_goal_line && (!currStyleConfig.goal_lable || !currStyleConfig.goal_value)) {
+  if ((prevStyleConfig === null || prevStyleConfig === void 0 ? void 0 : prevStyleConfig.display_goal_line) !== (currStyleConfig === null || currStyleConfig === void 0 ? void 0 : currStyleConfig.display_goal_line) && (!(currStyleConfig === null || currStyleConfig === void 0 ? void 0 : currStyleConfig.goal_lable) || !(currStyleConfig === null || currStyleConfig === void 0 ? void 0 : currStyleConfig.goal_value))) {
     return false;
   }
   if (!prevStyleConfig && !currStyleConfig) {

package/dist/view/title/index.js

@@ -9,11 +9,12 @@ const Title = _ref => {
     className
   } = _ref;
   const getTitleStyle = useCallback(() => {
+    var _chart$style_config, _chart$style_config2;
     let style = {
       fontSize: "".concat(DEFAULT_CHART_TITLE_FONT_SIZE, "px"),
       fontWeight: DEFAULT_CHART_FONT_WEIGHT
     };
-    if (!chart || !chart.style_config || !chart.style_config.title) {
+    if (!chart || !chart.style_config || !((_chart$style_config = chart.style_config) === null || _chart$style_config === void 0 ? void 0 : _chart$style_config.title)) {
       return style;
     }
     const {
@@ -21,7 +22,7 @@ const Title = _ref => {
       font_weight,
       font_color,
       horizontal_align
-    } = chart.style_config.title;
+    } = (_chart$style_config2 = chart.style_config) === null || _chart$style_config2 === void 0 ? void 0 : _chart$style_config2.title;
     if (isNumber(font_size)) {
       style.fontSize = font_size < 0 ? 0 : "".concat(font_size, "px");
     }

package/dist/view/wrapper/area.js

@@ -84,7 +84,7 @@ class Area extends ChartComponent {
         display_goal_line,
         goal_label,
         goal_value
-      } = chart.style_config;
+      } = chart.style_config || {};
       const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line
 
       const newData = this.getChartGroupData(data);

package/dist/view/wrapper/bar-custom.js

@@ -85,7 +85,7 @@ class BarCustom extends ChartComponent {
         display_goal_line,
         goal_value,
         goal_label
-      } = chart.style_config;
+      } = chart.style_config || {};
       const displayData = display_each_block_data;
       this.chart.scale('group_name', {
         type: 'cat'

package/dist/view/wrapper/bar-group.js

@@ -88,7 +88,7 @@ class BarGroup extends ChartComponent {
         display_goal_line,
         goal_value,
         goal_label
-      } = chart.style_config;
+      } = chart.style_config || {};
       const theme = CHART_THEME_COLOR[globalTheme];
       const isGroup = type === CHART_TYPE.BAR_GROUP;
       const newData = this.getChartGroupData(data);

package/dist/view/wrapper/bar.js

@@ -73,9 +73,9 @@ class Bar extends ChartComponent {
         display_goal_line,
         goal_value,
         goal_label
-      } = chart.style_config;
+      } = chart.style_config || {};
       // y-axis label width：6 + 10
-      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line 
+      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line
       const singleBarWidth = Math.round(chartWidth / (2 * data.length));
       const singleBarRadius = Math.min(singleBarWidth / 5, 10);
       let chartBarColor = y_axis_label_color || CHART_STYLE_COLORS[0];

package/dist/view/wrapper/combination.js

@@ -55,7 +55,7 @@ class Combination extends ChartComponent {
         display_goal_line,
         goal_value,
         goal_label
-      } = chart.style_config;
+      } = chart.style_config || {};
       this.chart = new Chart({
         container: this.container,
         autoFit: true,
@@ -66,7 +66,7 @@ class Combination extends ChartComponent {
       const isSmooth = line_type === CHART_LINE_TYPES[1] || !line_type;
 
       // y-axis label width：6 + 10
-      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line 
+      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line
       const nameCountMap = data.reduce((acc, cur) => {
         if (!acc[cur.name]) {
           acc[cur.name] = 1;

package/dist/view/wrapper/line-group.js

@@ -69,8 +69,8 @@ class LineGroup extends ChartComponent {
         display_goal_line,
         goal_label,
         goal_value
-      } = chart.style_config;
-      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line 
+      } = chart.style_config || {};
+      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line
 
       const useSingleSelectColumnColor = (columnGroupbyColumn === null || columnGroupbyColumn === void 0 ? void 0 : columnGroupbyColumn.type) === CellType.SINGLE_SELECT && color_theme === SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.SINGLE_SELECT_COLUMN_COLORS;
       useSingleSelectColumnColor ? this.setSingleSelectColorMap(data) : this.setColorMap(data, chartColorTheme);

package/dist/view/wrapper/line.js

@@ -66,12 +66,12 @@ class Line extends ChartComponent {
         color_option
         // y_axis_label_color_rules
       } = chart.config;
-      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line 
+      const chartWidth = this.chart.width - 6 - 10; // 10 is y-axis number width and 6 is gap between number and y axis line
       const {
         display_goal_line,
         goal_label,
         goal_value
-      } = chart.style_config;
+      } = chart.style_config || {};
       let chartBarColor;
       // default color
       chartBarColor = CHART_STYLE_COLORS[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "1.1.37",
+  "version": "1.1.39",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",