sea-chart 0.0.76-alpha.0 → 0.0.76-alpha.2

package/dist/components/statistic-record-dialog/index.js

@@ -8,6 +8,7 @@ import DtableSearchInput from '../dtable-search-input';
 import Loading from '../loading';
 import { searchRows } from '../../utils/search';
 import ChartDataSQL from '../../utils/sql/chart-data-sql';
+import { getFilterConditions } from '../../utils/row-record-utils';
 import RowCard from '../row-card/row-card';
 import { CommonEventTypes } from '../../constants/common-constants';
 import './index.css';
@@ -31,8 +32,7 @@ class StatisticRecordDialog extends React.Component {
       } = statisticRecord || {};
       const {
         table_id,
-        view_id,
-        filters
+        view_id
       } = chart.config;
       this.table = getTableById(tables, table_id);
       if (view_id) {
@@ -44,15 +44,8 @@ class StatisticRecordDialog extends React.Component {
       if (this.isArchiveView || !isCalculateByView || statisticRecord.isQueryBySql) {
         var _context$api, _context$api2;
         if ((_context$api = context.api) === null || _context$api === void 0 ? void 0 : _context$api.customQueryRows) {
-          const newFilters = (filters === null || filters === void 0 ? void 0 : filters.map(item => {
-            return {
-              ...item,
-              column_key: (item === null || item === void 0 ? void 0 : item.column_key) || '',
-              value: (item === null || item === void 0 ? void 0 : item.filter_term) || ''
-            };
-          })) || [];
           const detailFilterConditions = {
-            filters: newFilters
+            filters: getFilterConditions(statisticRecord, chart, this.table.columns)
           };
           context.api.customQueryRows(detailFilterConditions).then(res => {
             const {

package/dist/constants/index.js

@@ -254,4 +254,47 @@ export const MONTH_MIRROR = {
   '10': 'Nov',
   '11': 'Dec'
 };
+export const xAxisMap = {
+  [CHART_TYPE.BAR_CUSTOM]: 'x_axis_column_key',
+  [CHART_TYPE.BAR_GROUP]: 'x_axis_column_key',
+  [CHART_TYPE.BAR_STACK]: 'x_axis_column_key',
+  [CHART_TYPE.BAR]: 'x_axis_column_key',
+  [CHART_TYPE.AREA_GROUP]: 'x_axis_column_key',
+  [CHART_TYPE.AREA]: 'x_axis_column_key',
+  [CHART_TYPE.BASIC_NUMBER_CARD]: 'numeric_column_key',
+  [CHART_TYPE.COMBINATION]: 'x_axis_column_key',
+  [CHART_TYPE.COMPARE_BAR]: 'x_axis_column_key',
+  [CHART_TYPE.COMPLETENESS_GROUP]: 'groupby_column_key',
+  [CHART_TYPE.COMPLETENESS]: 'groupby_column_key',
+  [CHART_TYPE.DASHBOARD]: 'target_value_column_key',
+  [CHART_TYPE.HEAT_MAP]: 'time_column_key',
+  [CHART_TYPE.HORIZONTAL_BAR]: 'vertical_axis_column_key',
+  [CHART_TYPE.HORIZONTAL_GROUP_BAR]: 'vertical_axis_column_key',
+  [CHART_TYPE.STACKED_HORIZONTAL_BAR]: 'vertical_axis_column_key',
+  [CHART_TYPE.LINE_GROUP]: 'x_axis_column_key',
+  [CHART_TYPE.LINE]: 'x_axis_column_key',
+  [CHART_TYPE.MAP_BUBBLE]: 'geo_column_key',
+  [CHART_TYPE.MAP]: 'geo_column_key',
+  [CHART_TYPE.WORLD_MAP_BUBBLE]: 'geo_column_key',
+  [CHART_TYPE.WORLD_MAP]: 'geo_column_key',
+  [CHART_TYPE.MIRROR]: 'column_key',
+  [CHART_TYPE.PIE]: 'groupby_column_key',
+  [CHART_TYPE.RING]: 'groupby_column_key',
+  [CHART_TYPE.SCATTER]: 'x_axis_column_key',
+  [CHART_TYPE.TABLE]: 'groupby_column_key',
+  [CHART_TYPE.TREE_MAP]: 'groupby_column_key',
+  [CHART_TYPE.TREND]: 'date_column_key'
+};
+export const groupAxisMap = {
+  [CHART_TYPE.BAR_GROUP]: 'column_groupby_column_key',
+  [CHART_TYPE.BAR_STACK]: 'column_groupby_column_key',
+  [CHART_TYPE.AREA_GROUP]: 'column_groupby_column_key',
+  [CHART_TYPE.COMPLETENESS_GROUP]: 'column_groupby_column_key',
+  [CHART_TYPE.HORIZONTAL_GROUP_BAR]: 'column_groupby_column_key',
+  [CHART_TYPE.STACKED_HORIZONTAL_BAR]: 'column_groupby_column_key',
+  [CHART_TYPE.LINE_GROUP]: 'column_groupby_column_key',
+  [CHART_TYPE.SCATTER]: 'column_groupby_column_key',
+  [CHART_TYPE.MIRROR]: 'group_column_key',
+  [CHART_TYPE.TABLE]: 'groupby_column_key'
+};
 export { GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP, CHART_KEY, GENERIC_KEY, GENERIC_KEY_2_SIMILAR_KEYS, STYLE_COLORS, HORIZONTAL_ALIGN, HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN_SHOW, CHART_TYPE, CHART_TYPE_SHOW, CHART_TYPES, CHART_TYPE_IMAGE, GEOLOCATION_GRANULARITY, GEOLOCATION_GRANULARITY_LIST, MAP_LEVEL, MUNICIPALITIES, regions, TABLE_DIMENSIONS };

package/dist/utils/chart-utils/original-data-utils/completeness-calculator.js

@@ -81,22 +81,33 @@ async function calculator(chart, value, _ref) {
         } else {
           completedRate = (currentValue / targetValue * 100).toFixed(0);
         }
-        result.push({
-          name: label,
-          value: currentValue,
-          group_name: 'completed',
-          current_value: currentValue,
-          target_value: targetValue,
-          rows
-        }, {
-          name: label,
-          value: Math.max(targetValue - currentValue, 0),
-          group_name: 'rest',
-          current_value: currentValue,
-          target_value: targetValue,
-          rows,
-          completedRate
-        });
+        if (currentValue < targetValue) {
+          result.unshift({
+            name: label,
+            value: currentValue,
+            group_name: 'completed',
+            current_value: currentValue,
+            target_value: targetValue,
+            rows
+          }, {
+            name: label,
+            value: targetValue - currentValue,
+            group_name: 'rest',
+            current_value: currentValue,
+            target_value: targetValue,
+            rows,
+            completedRate
+          });
+        } else {
+          result.unshift({
+            name: label,
+            value: currentValue,
+            group_name: 'completed',
+            current_value: currentValue,
+            target_value: targetValue,
+            rows
+          });
+        }
       }
     });
   } else {
@@ -178,26 +189,39 @@ async function calculator(chart, value, _ref) {
         } else {
           completedRate = (currentValue / targetValue * 100).toFixed(0);
         }
-        result.push({
-          name: label,
-          groupby: groupLabel,
-          value: currentValue,
-          color,
-          group_name: 'completed',
-          current_value: currentValue,
-          target_value: targetValue,
-          rows
-        }, {
-          name: label,
-          groupby: groupLabel,
-          value: Math.max(targetValue - currentValue, 0),
-          color,
-          group_name: 'rest',
-          current_value: currentValue,
-          target_value: targetValue,
-          rows,
-          completedRate
-        });
+        if (currentValue < targetValue) {
+          result.unshift({
+            name: label,
+            groupby: groupLabel,
+            value: currentValue,
+            color,
+            group_name: 'completed',
+            current_value: currentValue,
+            target_value: targetValue,
+            rows
+          }, {
+            name: label,
+            groupby: groupLabel,
+            value: targetValue - currentValue,
+            color,
+            group_name: 'rest',
+            current_value: currentValue,
+            target_value: targetValue,
+            rows,
+            completedRate
+          });
+        } else {
+          result.unshift({
+            name: label,
+            groupby: groupLabel,
+            value: currentValue,
+            color,
+            group_name: 'completed',
+            current_value: currentValue,
+            target_value: targetValue,
+            rows
+          });
+        }
       }
     });
     result.colorMap = colorMap;

package/dist/utils/row-record-utils.js

@@ -1,7 +1,7 @@
 import _ButtonFormatter from "dtable-ui-component/lib/ButtonFormatter";
 import _RateFormatter from "dtable-ui-component/lib/RateFormatter";
 import React from 'react';
-import { CellType, FORMULA_RESULT_TYPE, getNumberDisplayString, getDateDisplayString, getCellValueStringResult, isNumber } from 'dtable-utils';
+import { CellType, FORMULA_RESULT_TYPE, getNumberDisplayString, getDateDisplayString, getCellValueStringResult, isNumber, isDateColumn } from 'dtable-utils';
 import { LinksUtils } from 'dtable-store';
 import dayjs from 'dayjs';
 import cellFormatterFactory from '../components/cell-factory/cell-formatter-factory';
@@ -10,7 +10,9 @@ import SingleSelectOption from '../components/cell-factory/SingleSelectOption';
 import { isFunction, getFileIconUrl, getImageThumbnailUrl, isArchiveViewRowData } from '../utils/common-utils';
 import Highlighter from '../components/highlighter/highlighter';
 import DigitalSignUtils from '../utils/digital-sign-utils';
+import { getColumnByKey } from '../utils/column-utils';
 import context from '../context';
+import { xAxisMap, groupAxisMap } from '../constants';
 export const UNSHOW_COLUMN_TYPE = [CellType.LINK, CellType.LONG_TEXT, CellType.FORMULA, CellType.LINK_FORMULA];
 export const getCellRecordWidth = column => {
   let {
@@ -477,4 +479,40 @@ const createColumnFormatter = (columnType, formatterProps) => {
     return /*#__PURE__*/React.createElement(Formatter, formatterProps);
   }
   return /*#__PURE__*/React.createElement(SimpleCellFormatter, formatterProps);
+};
+const getFilterByColumnType = (columnKey, columns, value) => {
+  const filter = {
+    column_key: columnKey || ''
+  };
+  const column = getColumnByKey(columnKey, columns);
+  if (isDateColumn(column) || (column === null || column === void 0 ? void 0 : column.type) === CellType.GEOLOCATION) {
+    filter['value'] = value;
+    return filter;
+  }
+  filter['filter_predicate'] = 'is';
+  filter['filter_term'] = value;
+  return filter;
+};
+export const getFilterConditions = function (statisticRecord, chart) {
+  let columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  const {
+    name = '',
+    group_name = ''
+  } = statisticRecord || {};
+  const {
+    config
+  } = chart;
+  const {
+    type
+  } = config;
+  const filters = [];
+  const columnKey = xAxisMap[type];
+  const groupColumnKey = groupAxisMap[type];
+  const columnFilter = getFilterByColumnType(config[columnKey], columns, name);
+  filters.push(columnFilter);
+  if (config[groupColumnKey]) {
+    const groupColumnFilter = getFilterByColumnType(config[groupColumnKey], columns, group_name);
+    filters.push(groupColumnFilter);
+  }
+  return filters;
 };

package/dist/view/wrapper/completeness.js

@@ -3,7 +3,7 @@ import React, { useEffect, useRef } from 'react';
 import { maxBy } from 'lodash-es';
 import { BaseUtils, isBoolean } from '../../utils';
 import intl from '../../intl';
-import { CHART_TYPE, CHART_THEME_COLOR } from '../../constants';
+import { CHART_STYLE_COLORS, CHART_TYPE, CHART_THEME_COLOR } from '../../constants';
 import ChartComponent from './chart-component';
 export default function Completeness(props) {
   var _chartRef$current, _chartRef$current2;
@@ -21,13 +21,11 @@ export default function Completeness(props) {
       var _style_config$title;
       let {
         chart: {
-          style_config,
-          config
+          style_config
         }
       } = props;
       chartPaddingTop = ((_style_config$title = style_config.title) === null || _style_config$title === void 0 ? void 0 : _style_config$title.text) ? 17 : 0;
-      const chartPaddingRight = (config === null || config === void 0 ? void 0 : config.show_percentage) ? 45 : 0;
-      const appendPadding = [chartPaddingTop, chartPaddingRight, 0, 0];
+      const appendPadding = [chartPaddingTop, 30, 0, 0];
       currentChart.initChart(chartContainerRef.current, {
         appendPadding
       });

package/package.json

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