sea-chart 0.0.15 → 0.0.17

package/dist/components/types-dialog/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledTooltip, Button } from 'reactstrap';
 import classnames from 'classnames';
-import { CHART_TYPES, CHART_TYPE_SHOW, ZH_CN_SUPPORT_CHARTS, CHART_TYPE_IMAGE } from '../../constants';
+import { CHART_TYPES, CHART_TYPE_SHOW, ZH_CN_SUPPORT_CHARTS } from '../../constants';
 import { eventStopPropagation } from '../../utils';
 import context from '../../context';
 import intl from '../../intl';
@@ -101,7 +101,7 @@ const TypesDialog = _ref => {
       }, intl.get(CHART_TYPE_SHOW[chartType])), /*#__PURE__*/React.createElement("div", {
         className: "sea-chart-type-image-container"
       }, /*#__PURE__*/React.createElement("img", {
-        src: CHART_TYPE_IMAGE[chartType],
+        src: context.getChartImageUrl(chartType),
         alt: "",
         className: "sea-chart-type-demo-image"
       })));

package/dist/constants/type-image.js

@@ -1,59 +1,31 @@
-import bar from '../assets/img/bar.png';
-import barGroup from '../assets/img/bar-group.png';
-import barStack from '../assets/img/bar-stack.png';
-import comparedChart from '../assets/img/compared-chart.png';
-import horizontalBar from '../assets/img/horizontal-bar.png';
-import horizontalGroupBar from '../assets/img/horizontal-group-bar.png';
-import stackedHorizontalBar from '../assets/img/stacked-horizontal-bar.png';
-import completenessChart from '../assets/img/combination-chart.png';
-import groupCompletenessChart from '../assets/img/group-completeness-chart.png';
-import line from '../assets/img/line.png';
-import groupLine from '../assets/img/group_line.png';
-import area from '../assets/img/area-chart.png';
-import areaGroupChat from '../assets/img/area-group-chart.png';
-import pie from '../assets/img/pie.png';
-import ring from '../assets/img/ring.png';
-import scatter from '../assets/img/scatter.png';
-import combinationChart from '../assets/img/combination-chart.png';
-import map from '../assets/img/map.png';
-import mapBubble from '../assets/img/map-bubble.png';
-import worldMap from '../assets/img/world-map.png';
-import worldMapBubble from '../assets/img/world-map-bubble.png';
-import heatMap from '../assets/img/heat-map.png';
-import mirror from '../assets/img/mirror.png';
-import numberCard from '../assets/img/number-card.png';
-import trendChart from '../assets/img/trend-chart.png';
-import dashboardChart from '../assets/img/dashboard-chart.png';
-import treemap from '../assets/img/treemap.png';
-import pivotTable from '../assets/img/pivot-table.png';
 import { CHART_TYPE } from './type';
 export const CHART_TYPE_IMAGE = {
-  [CHART_TYPE.BAR]: bar,
-  [CHART_TYPE.BAR_GROUP]: barGroup,
-  [CHART_TYPE.BAR_STACK]: barStack,
-  [CHART_TYPE.COMPARE_BAR]: comparedChart,
-  [CHART_TYPE.HORIZONTAL_BAR]: horizontalBar,
-  [CHART_TYPE.HORIZONTAL_GROUP_BAR]: horizontalGroupBar,
-  [CHART_TYPE.STACKED_HORIZONTAL_BAR]: stackedHorizontalBar,
-  [CHART_TYPE.COMPLETENESS]: completenessChart,
-  [CHART_TYPE.COMPLETENESS_GROUP]: groupCompletenessChart,
-  [CHART_TYPE.LINE]: line,
-  [CHART_TYPE.LINE_GROUP]: groupLine,
-  [CHART_TYPE.AREA]: area,
-  [CHART_TYPE.AREA_GROUP]: areaGroupChat,
-  [CHART_TYPE.PIE]: pie,
-  [CHART_TYPE.RING]: ring,
-  [CHART_TYPE.SCATTER]: scatter,
-  [CHART_TYPE.COMBINATION]: combinationChart,
-  [CHART_TYPE.MAP]: map,
-  [CHART_TYPE.MAP_BUBBLE]: mapBubble,
-  [CHART_TYPE.WORLD_MAP]: worldMap,
-  [CHART_TYPE.WORLD_MAP_BUBBLE]: worldMapBubble,
-  [CHART_TYPE.HEAT_MAP]: heatMap,
-  [CHART_TYPE.MIRROR]: mirror,
-  [CHART_TYPE.BASIC_NUMBER_CARD]: numberCard,
-  [CHART_TYPE.TREND]: trendChart,
-  [CHART_TYPE.DASHBOARD]: dashboardChart,
-  [CHART_TYPE.TREE_MAP]: treemap,
-  [CHART_TYPE.TABLE]: pivotTable
+  [CHART_TYPE.BAR]: 'bar.png',
+  [CHART_TYPE.BAR_GROUP]: 'bar-group.png',
+  [CHART_TYPE.BAR_STACK]: 'bar-stack.png',
+  [CHART_TYPE.COMPARE_BAR]: 'compared-chart.png',
+  [CHART_TYPE.HORIZONTAL_BAR]: 'horizontal-bar.png',
+  [CHART_TYPE.HORIZONTAL_GROUP_BAR]: 'horizontal-group-bar.png',
+  [CHART_TYPE.STACKED_HORIZONTAL_BAR]: 'stacked-horizontal-bar.png',
+  [CHART_TYPE.COMPLETENESS]: 'combination-chart.png',
+  [CHART_TYPE.COMPLETENESS_GROUP]: 'group-completeness-chart.png',
+  [CHART_TYPE.LINE]: 'line.png',
+  [CHART_TYPE.LINE_GROUP]: 'group_line.png',
+  [CHART_TYPE.AREA]: 'area-chart.png',
+  [CHART_TYPE.AREA_GROUP]: 'area-group-chart.png',
+  [CHART_TYPE.PIE]: 'pie.png',
+  [CHART_TYPE.RING]: 'ring.png',
+  [CHART_TYPE.SCATTER]: 'scatter.png',
+  [CHART_TYPE.COMBINATION]: 'combination-chart.png',
+  [CHART_TYPE.MAP]: 'map.png',
+  [CHART_TYPE.MAP_BUBBLE]: 'map-bubble.png',
+  [CHART_TYPE.WORLD_MAP]: 'world-map.png',
+  [CHART_TYPE.WORLD_MAP_BUBBLE]: 'world-map-bubble.png',
+  [CHART_TYPE.HEAT_MAP]: 'heat-map.png',
+  [CHART_TYPE.MIRROR]: 'mirror.png',
+  [CHART_TYPE.BASIC_NUMBER_CARD]: 'number-card.png',
+  [CHART_TYPE.TREND]: 'trend-chart.png',
+  [CHART_TYPE.DASHBOARD]: 'dashboard-chart.png',
+  [CHART_TYPE.TREE_MAP]: 'treemap.png',
+  [CHART_TYPE.TABLE]: 'pivot-table.png'
 };

package/dist/context.js

@@ -1,6 +1,7 @@
 import { getTableById } from 'dtable-utils';
 import CollaboratorManager from './utils/collaborator-manager';
 import { ChartDataSQL } from './utils';
+import { CHART_TYPE_IMAGE } from './constants';
 class Context {
   constructor() {
     this.queryChartResult = async _ref => {
@@ -56,6 +57,14 @@ class Context {
     this.getTableFormulaResults = (table, rows, value) => {
       return this.api.getTableFormulaResults(table, rows, value);
     };
+    this.getChartImageUrl = type => {
+      const {
+        server,
+        mediaUrl
+      } = this.settings;
+      const name = CHART_TYPE_IMAGE[type];
+      return "".concat(server).concat(mediaUrl, "dtable-statistic/img/").concat(name);
+    };
     this.api = null;
     this.settings = {};
     this.collaborators = [];

package/dist/settings/index.css

@@ -91,3 +91,7 @@
   color: #aaa;
   cursor: default;
 }
+
+.sea-chart-settings .sea-chart-dtable-radio .dtable-radio-description {
+  line-height: unset;
+}

package/dist/settings/widgets/data-sort.js

@@ -35,6 +35,7 @@ const DataSort = _ref => {
       key: 'chart-group-item-' + index,
       className: "chart-group-item"
     }, /*#__PURE__*/React.createElement(DTableRadio, {
+      className: "sea-chart-dtable-radio",
       isChecked: isChecked,
       onCheckedChange: event => onChangeSortType(event, sortType),
       label: intl.get(CHART_DATA_SORT_TYPE_SHOW[sortType])

package/package.json

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