sea-chart 0.0.1-beta

package/dist/constants/model.js

@@ -0,0 +1,187 @@
+export const CHART_KEY = {
+  // x_axis_column_key
+  X_AXIS_COLUMN_KEY: 'x_axis_column_key',
+  GROUPBY_COLUMN_KEY: 'groupby_column_key',
+  NUMERIC_COLUMN_KEY: 'numeric_column_key',
+  NAME_COLUMN_KEY: 'name_column_key',
+  TIME_COLUMN_KEY: 'time_column_key',
+  VERTICAL_AXIS_COLUMN_KEY: 'vertical_axis_column_key',
+  GEO_COLUMN_KEY: 'geo_column_key',
+  COLUMN_KEY: 'column_key',
+  DATE_COLUMN_KEY: 'date_column_key',
+  // x_axis_geolocation_granularity
+  X_AXIS_GEOLOCATION_GRANULARITY: 'x_axis_geolocation_granularity',
+  GROUPBY_GEOLOCATION_GRANULARITY: 'groupby_geolocation_granularity',
+  VERTICAL_AXIS_GEOLOCATION_GRANULARITY: 'vertical_axis_geolocation_granularity',
+  GEOLOCATION_GRANULARITY: 'geolocation_granularity',
+  // x_axis_date_granularity
+  X_AXIS_DATE_GRANULARITY: 'x_axis_date_granularity',
+  GROUPBY_DATE_GRANULARITY: 'groupby_date_granularity',
+  VERTICAL_AXIS_DATE_GRANULARITY: 'vertical_axis_date_granularity',
+  DATE_GRANULARITY: 'date_granularity',
+  // x_axis_include_empty_cells
+  X_AXIS_INCLUDE_EMPTY_CELLS: 'x_axis_include_empty_cells',
+  GROUPBY_INCLUDE_EMPTY_CELLS: 'groupby_include_empty_cells',
+  VERTICAL_AXIS_INCLUDE_EMPTY: 'vertical_axis_include_empty',
+  // x_axis_show_label
+  X_AXIS_SHOW_LABEL: 'x_axis_show_label',
+  SHOW_VERTICAL_AXIS_LABEL: 'show_vertical_axis_label',
+  // x_axis_label_position
+  X_AXIS_LABEL_POSITION: 'x_axis_label_position',
+  VERTICAL_AXIS_LABEL_POSITION: 'vertical_axis_label_position',
+  // y_axis_summary_column_key
+  Y_AXIS_SUMMARY_COLUMN_KEY: 'y_axis_summary_column_key',
+  SUMMARY_COLUMN_KEY: 'summary_column_key',
+  HORIZONTAL_AXIS_COLUMN_KEY: 'horizontal_axis_column_key',
+  Y_AXIS_COLUMN_KEY: 'y_axis_column_key',
+  // y_axis_summary_method
+  Y_AXIS_SUMMARY_METHOD: 'y_axis_summary_method',
+  SUMMARY_METHOD: 'summary_method',
+  HORIZONTAL_AXIS_SUMMARY_METHOD: 'horizontal_axis_summary_method',
+  // y_axis_summary_type
+  Y_AXIS_SUMMARY_TYPE: 'y_axis_summary_type',
+  SUMMARY_TYPE: 'summary_type',
+  HORIZONTAL_AXIS_SUMMARY_TYPE: 'horizontal_axis_summary_type',
+  // y_axis_label_color
+  Y_AXIS_LABEL_COLOR: 'y_axis_label_color',
+  HORIZONTAL_AXIS_LABEL_COLOR: 'horizontal_axis_label_color',
+  // y_axis_label_color_rules
+  Y_AXIS_LABEL_COLOR_RULES: 'y_axis_label_color_rules',
+  HORIZONTAL_AXIS_LABEL_COLOR_RULES: 'horizontal_axis_label_color_rules',
+  // y_axis_show_value
+  Y_AXIS_SHOW_VALUE: 'y_axis_show_value',
+  DISPLAY_DATA: 'display_data',
+  // y_axis_show_label
+  Y_AXIS_SHOW_LABEL: 'y_axis_show_label',
+  SHOW_HORIZONTAL_AXIS_LABEL: 'show_horizontal_axis_label',
+  // y_axis_label_position
+  Y_AXIS_LABEL_POSITION: 'y_axis_label_position',
+  HORIZONTAL_AXIS_LABEL_POSITION: 'horizontal_axis_label_position',
+  // y_axis_auto_range
+  Y_AXIS_AUTO_RANGE: 'y_axis_auto_range',
+  HORIZONTAL_AXIS_AUTO_RANGE: 'horizontal_axis_auto_range',
+  // y_axis_min
+  Y_AXIS_MIN: 'y_axis_min',
+  HORIZONTAL_AXIS_MIN: 'horizontal_axis_min',
+  // y_axis_max
+  Y_AXIS_MAX: 'y_axis_max',
+  HORIZONTAL_AXIS_MAX: 'horizontal_axis_max',
+  // column_groupby_column_key
+  COLUMN_GROUPBY_COLUMN_KEY: 'column_groupby_column_key',
+  GROUP_COLUMN_KEY: 'group_column_key',
+  // column_groupby_date_granularity
+  COLUMN_GROUPBY_DATE_GRANULARITY: 'column_groupby_date_granularity',
+  // column_groupby_geolocation_granularity
+  COLUMN_GROUPBY_GEOLOCATION_GRANULARITY: 'column_groupby_geolocation_granularity',
+  COLUMN_GROUPBY_MULTIPLE_NUMERIC_COLUMN: 'column_groupby_multiple_numeric_column',
+  COLUMN_GROUPBY_NUMERIC_COLUMNS: 'column_groupby_numeric_columns',
+  // label_font_size
+  LABEL_FONT_SIZE: 'label_font_size',
+  ANNOTATION_FONT_SIZE: 'annotation_font_size',
+  X_AXIS_DATE_RANGE_START: 'x_axis_date_range_start',
+  X_AXIS_DATE_RANGE_END: 'x_axis_date_range_end',
+  X_AXIS_COMPARED_DATE_RANGE_START: 'x_axis_compared_date_range_start',
+  X_AXIS_COMPARED_DATE_RANGE_END: 'x_axis_compared_date_range_end',
+  Y_AXIS_COMPARE_LABEL_COLOR: 'y_axis_compare_label_color',
+  Y_AXIS_COMPARED_LABEL_COLOR: 'y_axis_compared_label_color',
+  Y_AXIS_USE_STACK: 'y_axis_use_stack',
+  DISPLAY_EACH_BLOCK_DATA: 'display_each_block_data',
+  SUMMARY_COLUMNS: 'summary_columns',
+  SORT_TYPE: 'sort_type',
+  TITLE_NAME: 'title_name',
+  Y_AXIS_LEFT_SUMMARY_TYPE: 'y_axis_left_summary_type',
+  Y_AXIS_RIGHT_SUMMARY_TYPE: 'y_axis_right_summary_type',
+  Y_AXIS_LEFT_SUMMARY_METHOD: 'y_axis_left_summary_method',
+  Y_AXIS_RIGHT_SUMMARY_METHOD: 'y_axis_right_summary_method',
+  Y_AXIS_LEFT_SUMMARY_COLUMN: 'y_axis_left_summary_column',
+  Y_AXIS_RIGHT_SUMMARY_COLUMN: 'y_axis_right_summary_column',
+  Y_AXIS_LEFT_GROUP_BY_MULTIPLE_NUMERIC_COLUMN: 'y_axis_left_group_by_multiple_numeric_column',
+  Y_AXIS_LEFT_GROUP_BY_NUMERIC_COLUMNS: 'y_axis_left_group_by_numeric_columns',
+  Y_AXIS_LEFT_COLOR: 'y_axis_left_color',
+  Y_AXIS_RIGHT_COLOR: 'y_axis_right_color',
+  SHOW_Y_AXIS_LEFT_LABEL: 'show_y_axis_left_label',
+  SHOW_Y_AXIS_RIGHT_LABEL: 'show_y_axis_right_label',
+  Y_AXIS_LEFT_LABEL_POSITION: 'y_axis_left_label_position',
+  Y_AXIS_RIGHT_LABEL_POSITION: 'y_axis_right_label_position',
+  Y_AXIS_AUTO_RANGE_LEFT: 'y_axis_auto_range_left',
+  Y_AXIS_AUTO_RANGE_RIGHT: 'y_axis_auto_range_right',
+  Y_AXIS_MIN_LEFT: 'y_axis_min_left',
+  Y_AXIS_MAX_LEFT: 'y_axis_max_left',
+  Y_AXIS_MIN_RIGHT: 'y_axis_min_right',
+  Y_AXIS_MAX_RIGHT: 'y_axis_max_right',
+  DISPLAY_INCREASE: 'display_increase',
+  DISPLAY_INCREASE_PERCENTAGE: 'display_increase_percentage',
+  INCREASE_DISPLAY_COLOR: 'increase_display_color',
+  COMPLETED_COLUMN_KEY: 'completed_column_key',
+  TARGET_COLUMN_KEY: 'target_column_key',
+  TARGET_VALUE_COLUMN_SUMMARY_METHOD: 'target_value_column_summary_method',
+  TOTAL_VALUE_COLUMN_KEY: 'total_value_column_key',
+  TOTAL_VALUE_COLUMN_SUMMARY_METHOD: 'total_value_column_summary_method',
+  COMPLETED_COLOR: 'completed_color',
+  TARGET_VALUE_COLUMN_KEY: 'target_value_column_key',
+  DISPLAY_PERCENTAGE: 'display_percentage',
+  LEGEND_DIRECTION: 'legend_direction',
+  LEGEND_SIZE: 'legend_size',
+  SHOW_LEGEND: 'show_legend',
+  IS_TRANSPOSE: 'is_transpose',
+  DISPLAY_LABEL: 'display_label',
+  SHOW_PERCENT: 'show_percent',
+  MINIMUM_SLICE_PERCENT: 'minimum_slice_percent',
+  DISPLAY_ANNOTATION: 'display_annotation',
+  DISPLAY_TOTAL: 'display_total',
+  SUMMARY_COLUMNS_OPTION: 'summary_columns_option',
+  GRID_DISTANCE: 'grid_distance',
+  GRID_SIZE: 'grid_size',
+  INCREASE_LINE_COLOR: 'increase_line_color',
+  DATA_COLOR: 'data_color',
+  BUBBLE_COLOR: 'bubble_color',
+  COLOR_OPTION: 'color_option',
+  LABEL_POSITION: 'label_position',
+  LABEL_FORMAT: 'label_format'
+};
+export const GENERIC_KEY = {
+  X_AXIS_COLUMN_KEY: CHART_KEY.X_AXIS_COLUMN_KEY,
+  X_AXIS_GEOLOCATION_GRANULARITY: CHART_KEY.X_AXIS_GEOLOCATION_GRANULARITY,
+  X_AXIS_DATE_GRANULARITY: CHART_KEY.X_AXIS_DATE_GRANULARITY,
+  X_AXIS_INCLUDE_EMPTY_CELLS: CHART_KEY.X_AXIS_INCLUDE_EMPTY_CELLS,
+  X_AXIS_SHOW_LABEL: CHART_KEY.X_AXIS_SHOW_LABEL,
+  X_AXIS_LABEL_POSITION: CHART_KEY.X_AXIS_LABEL_POSITION,
+  Y_AXIS_SUMMARY_COLUMN_KEY: CHART_KEY.Y_AXIS_SUMMARY_COLUMN_KEY,
+  Y_AXIS_SUMMARY_METHOD: CHART_KEY.Y_AXIS_SUMMARY_METHOD,
+  Y_AXIS_SUMMARY_TYPE: CHART_KEY.Y_AXIS_SUMMARY_TYPE,
+  Y_AXIS_LABEL_COLOR: CHART_KEY.Y_AXIS_LABEL_COLOR,
+  Y_AXIS_LABEL_COLOR_RULES: CHART_KEY.Y_AXIS_LABEL_COLOR_RULES,
+  Y_AXIS_SHOW_VALUE: CHART_KEY.Y_AXIS_SHOW_VALUE,
+  Y_AXIS_SHOW_LABEL: CHART_KEY.Y_AXIS_SHOW_LABEL,
+  Y_AXIS_LABEL_POSITION: CHART_KEY.Y_AXIS_LABEL_POSITION,
+  Y_AXIS_AUTO_RANGE: CHART_KEY.Y_AXIS_AUTO_RANGE,
+  Y_AXIS_MIN: CHART_KEY.Y_AXIS_MIN,
+  Y_AXIS_MAX: CHART_KEY.Y_AXIS_MAX,
+  COLUMN_GROUPBY_COLUMN_KEY: CHART_KEY.COLUMN_GROUPBY_COLUMN_KEY,
+  COLUMN_GROUPBY_DATE_GRANULARITY: CHART_KEY.COLUMN_GROUPBY_DATE_GRANULARITY,
+  COLUMN_GROUPBY_GEOLOCATION_GRANULARITY: CHART_KEY.COLUMN_GROUPBY_GEOLOCATION_GRANULARITY,
+  LABEL_FONT_SIZE: CHART_KEY.LABEL_FONT_SIZE
+};
+export const GENERIC_KEY_2_SIMILAR_KEYS = {
+  [GENERIC_KEY.X_AXIS_COLUMN_KEY]: [CHART_KEY.X_AXIS_COLUMN_KEY, CHART_KEY.GROUPBY_COLUMN_KEY, CHART_KEY.NUMERIC_COLUMN_KEY, CHART_KEY.NAME_COLUMN_KEY, CHART_KEY.TIME_COLUMN_KEY, CHART_KEY.VERTICAL_AXIS_COLUMN_KEY, CHART_KEY.GEO_COLUMN_KEY, CHART_KEY.COLUMN_KEY, CHART_KEY.DATE_COLUMN_KEY],
+  [GENERIC_KEY.X_AXIS_GEOLOCATION_GRANULARITY]: [CHART_KEY.X_AXIS_GEOLOCATION_GRANULARITY, CHART_KEY.GROUPBY_GEOLOCATION_GRANULARITY, CHART_KEY.VERTICAL_AXIS_GEOLOCATION_GRANULARITY, CHART_KEY.GEOLOCATION_GRANULARITY],
+  [GENERIC_KEY.X_AXIS_DATE_GRANULARITY]: [CHART_KEY.X_AXIS_DATE_GRANULARITY, CHART_KEY.GROUPBY_DATE_GRANULARITY, CHART_KEY.VERTICAL_AXIS_DATE_GRANULARITY, CHART_KEY.DATE_GRANULARITY],
+  [GENERIC_KEY.X_AXIS_INCLUDE_EMPTY_CELLS]: [CHART_KEY.X_AXIS_INCLUDE_EMPTY_CELLS, CHART_KEY.GROUPBY_INCLUDE_EMPTY_CELLS, CHART_KEY.VERTICAL_AXIS_INCLUDE_EMPTY],
+  [GENERIC_KEY.X_AXIS_SHOW_LABEL]: [CHART_KEY.X_AXIS_SHOW_LABEL, CHART_KEY.SHOW_VERTICAL_AXIS_LABEL],
+  [GENERIC_KEY.X_AXIS_LABEL_POSITION]: [CHART_KEY.X_AXIS_LABEL_POSITION, CHART_KEY.VERTICAL_AXIS_LABEL_POSITION],
+  [GENERIC_KEY.Y_AXIS_SUMMARY_COLUMN_KEY]: [CHART_KEY.Y_AXIS_SUMMARY_COLUMN_KEY, CHART_KEY.SUMMARY_COLUMN_KEY, CHART_KEY.HORIZONTAL_AXIS_COLUMN_KEY, CHART_KEY.Y_AXIS_COLUMN_KEY],
+  [GENERIC_KEY.Y_AXIS_SUMMARY_METHOD]: [CHART_KEY.Y_AXIS_SUMMARY_METHOD, CHART_KEY.SUMMARY_METHOD, CHART_KEY.HORIZONTAL_AXIS_SUMMARY_METHOD],
+  [GENERIC_KEY.Y_AXIS_SUMMARY_TYPE]: [CHART_KEY.Y_AXIS_SUMMARY_TYPE, CHART_KEY.SUMMARY_TYPE, CHART_KEY.HORIZONTAL_AXIS_SUMMARY_TYPE],
+  [GENERIC_KEY.Y_AXIS_LABEL_COLOR]: [CHART_KEY.Y_AXIS_LABEL_COLOR, CHART_KEY.HORIZONTAL_AXIS_LABEL_COLOR],
+  [GENERIC_KEY.Y_AXIS_LABEL_COLOR_RULES]: [CHART_KEY.Y_AXIS_LABEL_COLOR_RULES, CHART_KEY.HORIZONTAL_AXIS_LABEL_COLOR_RULES],
+  [GENERIC_KEY.Y_AXIS_SHOW_VALUE]: [CHART_KEY.Y_AXIS_SHOW_VALUE, CHART_KEY.DISPLAY_DATA],
+  [GENERIC_KEY.Y_AXIS_SHOW_LABEL]: [CHART_KEY.Y_AXIS_SHOW_LABEL, CHART_KEY.SHOW_HORIZONTAL_AXIS_LABEL],
+  [GENERIC_KEY.Y_AXIS_LABEL_POSITION]: [CHART_KEY.Y_AXIS_LABEL_POSITION, CHART_KEY.HORIZONTAL_AXIS_LABEL_POSITION],
+  [GENERIC_KEY.Y_AXIS_AUTO_RANGE]: [CHART_KEY.Y_AXIS_AUTO_RANGE, CHART_KEY.HORIZONTAL_AXIS_AUTO_RANGE],
+  [GENERIC_KEY.Y_AXIS_MIN]: [CHART_KEY.Y_AXIS_MIN, CHART_KEY.HORIZONTAL_AXIS_MIN],
+  [GENERIC_KEY.Y_AXIS_MAX]: [CHART_KEY.Y_AXIS_MAX, CHART_KEY.HORIZONTAL_AXIS_MAX],
+  [GENERIC_KEY.COLUMN_GROUPBY_COLUMN_KEY]: [CHART_KEY.COLUMN_GROUPBY_COLUMN_KEY, CHART_KEY.GROUP_COLUMN_KEY],
+  [GENERIC_KEY.COLUMN_GROUPBY_DATE_GRANULARITY]: [CHART_KEY.COLUMN_GROUPBY_DATE_GRANULARITY, CHART_KEY.DATE_GRANULARITY],
+  [GENERIC_KEY.COLUMN_GROUPBY_GEOLOCATION_GRANULARITY]: [CHART_KEY.COLUMN_GROUPBY_GEOLOCATION_GRANULARITY, CHART_KEY.GEOLOCATION_GRANULARITY],
+  [GENERIC_KEY.LABEL_FONT_SIZE]: [CHART_KEY.LABEL_FONT_SIZE, CHART_KEY.ANNOTATION_FONT_SIZE]
+};

package/dist/constants/style.js

@@ -0,0 +1,15 @@
+export const HORIZONTAL_ALIGN = {
+  LEFT: 'left',
+  CENTER: 'center',
+  RIGHT: 'right'
+};
+export const HORIZONTAL_ALIGNS = [HORIZONTAL_ALIGN.LEFT, HORIZONTAL_ALIGN.CENTER, HORIZONTAL_ALIGN.RIGHT];
+export const HORIZONTAL_ALIGN_SHOW = {
+  [HORIZONTAL_ALIGN.LEFT]: 'Left',
+  [HORIZONTAL_ALIGN.CENTER]: 'Center',
+  [HORIZONTAL_ALIGN.RIGHT]: 'Right'
+};
+export const STYLE_COLORS = [{
+  name: 'theme0',
+  colors: ['#5B8FF9', '#5AD8A6', '#5D7092', '#F6BD16', '#6F5EF9', '#6DC8EC', '#945FB9', '#FF9845', '#1E9493', '#FF99C3']
+}];

package/dist/constants/type-image.js

@@ -0,0 +1,59 @@
+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
+};

package/dist/constants/type.js

@@ -0,0 +1,124 @@
+export const CHART_TYPE = {
+  BAR: 'bar',
+  BAR_GROUP: 'bar_group',
+  BAR_STACK: 'bar_stack',
+  COMPARE_BAR: 'compare_bar',
+  HORIZONTAL_BAR: 'horizontal_bar',
+  HORIZONTAL_GROUP_BAR: 'horizontal_group_bar',
+  STACKED_HORIZONTAL_BAR: 'stacked_horizontal_bar',
+  COMPLETENESS: 'completeness',
+  COMPLETENESS_GROUP: 'completeness_group',
+  LINE: 'line',
+  LINE_GROUP: 'line_group',
+  AREA: 'area',
+  AREA_GROUP: 'area_group',
+  PIE: 'pie',
+  RING: 'ring',
+  SCATTER: 'scatter',
+  COMBINATION: 'combination',
+  MAP: 'map',
+  MAP_BUBBLE: 'map_bubble',
+  WORLD_MAP: 'world_map',
+  WORLD_MAP_BUBBLE: 'world_map_bubble',
+  HEAT_MAP: 'heat_map',
+  MIRROR: 'mirror',
+  BASIC_NUMBER_CARD: 'basic_number_card',
+  TREND: 'trend',
+  DASHBOARD: 'dashboard',
+  TREE_MAP: 'tree_map',
+  TABLE: 'table'
+};
+export const CHART_TYPE_SHOW = {
+  [CHART_TYPE.BAR]: 'Basic_histogram',
+  [CHART_TYPE.BAR_GROUP]: 'Grouped_histogram',
+  [CHART_TYPE.BAR_STACK]: 'Stacked_histogram',
+  [CHART_TYPE.COMPARE_BAR]: 'Time_comparison_histogram',
+  [CHART_TYPE.HORIZONTAL_BAR]: 'Basic_bar_chart',
+  [CHART_TYPE.HORIZONTAL_GROUP_BAR]: 'Grouped_bar_chart',
+  [CHART_TYPE.STACKED_HORIZONTAL_BAR]: 'Stacked_bar_chart',
+  [CHART_TYPE.COMPLETENESS]: 'Completeness',
+  [CHART_TYPE.COMPLETENESS_GROUP]: 'Grouped_completeness',
+  [CHART_TYPE.LINE]: 'Basic_line_chart',
+  [CHART_TYPE.LINE_GROUP]: 'Grouped_line_chart',
+  [CHART_TYPE.AREA]: 'Area',
+  [CHART_TYPE.AREA_GROUP]: 'Grouped_area',
+  [CHART_TYPE.PIE]: 'Basic_pie_chart',
+  [CHART_TYPE.RING]: 'Ring_chart',
+  [CHART_TYPE.SCATTER]: 'Scatter_chart',
+  [CHART_TYPE.COMBINATION]: 'Combination',
+  [CHART_TYPE.MAP]: '中国地图',
+  [CHART_TYPE.MAP_BUBBLE]: '中国地图(气泡图)',
+  [CHART_TYPE.WORLD_MAP]: 'World_map',
+  [CHART_TYPE.WORLD_MAP_BUBBLE]: 'World_map_bubble',
+  [CHART_TYPE.HEAT_MAP]: 'Heat_map',
+  [CHART_TYPE.MIRROR]: 'Mirror_chart',
+  [CHART_TYPE.BASIC_NUMBER_CARD]: 'Basic_number_card',
+  [CHART_TYPE.TREND]: 'Trend',
+  [CHART_TYPE.DASHBOARD]: 'Gauge',
+  [CHART_TYPE.TREE_MAP]: 'Tree_map',
+  [CHART_TYPE.TABLE]: 'Pivot_table'
+};
+export const CHART_TYPES = [{
+  name: 'Histogram',
+  icon: 'histogram',
+  // children: [CHART_TYPE.BAR, CHART_TYPE.BAR_GROUP, CHART_TYPE.BAR_STACK, CHART_TYPE.COMPARE_BAR]
+  children: [CHART_TYPE.BAR, CHART_TYPE.BAR_GROUP]
+}, {
+  name: 'Bar_chart',
+  icon: 'bar-chart',
+  // children: [CHART_TYPE.HORIZONTAL_BAR, CHART_TYPE.HORIZONTAL_GROUP_BAR, CHART_TYPE.STACKED_HORIZONTAL_BAR,
+  //   CHART_TYPE.COMPLETENESS, CHART_TYPE.COMPLETENESS_GROUP]
+  children: [CHART_TYPE.HORIZONTAL_BAR, CHART_TYPE.HORIZONTAL_GROUP_BAR]
+}, {
+  name: 'Line_chart',
+  icon: 'line-chart',
+  children: [CHART_TYPE.LINE, CHART_TYPE.LINE_GROUP]
+}, {
+  name: 'Area',
+  icon: 'area-chart',
+  // children: [CHART_TYPE.AREA, CHART_TYPE.AREA_GROUP]
+  children: [CHART_TYPE.AREA]
+}, {
+  name: 'Pie_chart',
+  icon: 'pie-chart',
+  children: [CHART_TYPE.PIE, CHART_TYPE.RING]
+},
+// {
+//   name: 'Scatter_chart',
+//   icon: 'scatter-chart',
+//   children: [CHART_TYPE.SCATTER]
+// },
+{
+  name: 'Combination',
+  icon: 'combination-chart',
+  children: [CHART_TYPE.COMBINATION]
+}, {
+  //   name: 'Map',
+  //   icon: 'map',
+  //   children: [CHART_TYPE.MAP, CHART_TYPE.MAP_BUBBLE, CHART_TYPE.WORLD_MAP, CHART_TYPE.WORLD_MAP_BUBBLE]
+  // }, {
+  //   name: 'Heat_map',
+  //   icon: 'heat-map',
+  //   children: [CHART_TYPE.HEAT_MAP]
+  // }, {
+  //   name: 'Facet_chart',
+  //   icon: 'facet-chart',
+  //   children: [CHART_TYPE.MIRROR]
+  // }, {
+  name: 'Card',
+  icon: 'card',
+  // children: [CHART_TYPE.BASIC_NUMBER_CARD, CHART_TYPE.TREND]
+  children: [CHART_TYPE.BASIC_NUMBER_CARD]
+}, {
+  name: 'Gauge',
+  icon: 'gauge',
+  children: [CHART_TYPE.DASHBOARD]
+}, {
+  name: 'Tree_map',
+  icon: 'rectangular-tree-diagram',
+  children: [CHART_TYPE.TREE_MAP]
+}, {
+  name: 'Pivot_table',
+  icon: 'dtable-logo',
+  children: [CHART_TYPE.TABLE]
+}];

package/dist/context.js

@@ -0,0 +1,33 @@
+import { User } from './model';
+class Context {
+  constructor(eventBus, config) {
+    this.settings = config || {};
+    this.collaboratorsCache = {};
+    this.eventBus = eventBus || {};
+  }
+  getCollaboratorFromCache(email) {
+    return this.collaboratorsCache[email];
+  }
+  getCollaboratorsFromCache() {
+    const collaboratorsCache = this.collaboratorsCache;
+    return Object.values(collaboratorsCache).filter(item => item.email !== 'anonymous');
+  }
+  onlyUpdateCollaboratorsCache(email, collaborator) {
+    this.collaboratorsCache[email] = collaborator instanceof User ? collaborator : new User(collaborator);
+  }
+  updateCollaboratorsCache(email, collaborator) {
+    this.collaboratorsCache[email] = collaborator instanceof User ? collaborator : new User(collaborator);
+    this.eventBus.dispatch && this.eventBus.dispatch('query-collaborator', email);
+  }
+  setSettings() {
+    let settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.settings = settings;
+  }
+  getSettings() {
+    return this.settings;
+  }
+  getSetting(key) {
+    return this.settings[key] || this.settings[key] === false ? this.settings[key] : '';
+  }
+}
+export default Context;

package/dist/editor/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import classnames from 'classnames';
+import View from '../view';
+import Settings from '../settings';
+import './index.css';
+class Editor extends React.PureComponent {
+  render() {
+    const {
+      settingsTarget
+    } = this.props;
+    let settingsTargetNode = '';
+    if (settingsTarget) {
+      settingsTargetNode = document.getElementById(settingsTarget);
+      if (settingsTargetNode) {
+        ReactDOM.render( /*#__PURE__*/React.createElement(Settings, this.props), settingsTargetNode);
+      }
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('sea-chart-editor', {
+        'd-flex': !settingsTargetNode
+      })
+    }, /*#__PURE__*/React.createElement(View, this.props), !settingsTargetNode && /*#__PURE__*/React.createElement(Settings, this.props));
+  }
+}
+Editor.defaultProps = {
+  isStatisticalData: true,
+  canvasStyle: {},
+  tables: [],
+  chart: {
+    id: '',
+    config: {},
+    style_config: {}
+  }
+};
+export default Editor;

package/dist/index.js

@@ -0,0 +1,6 @@
+import View from './view';
+import Editor from './editor';
+import Settings, { StyleSettings } from './settings';
+import { ChartDataSQL } from './utils';
+export default View;
+export { View, Editor, Settings, StyleSettings, ChartDataSQL };

package/dist/intl.js

@@ -0,0 +1,37 @@
+import LOCALES from './locale';
+class Intl {
+  constructor(_ref) {
+    var _this = this;
+    let {
+      lang: _lang = 'en'
+    } = _ref;
+    this.setLang = function () {
+      let lang = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
+      const validLang = lang.toLowerCase();
+      if (validLang === _this.lang) return;
+      _this.lang = validLang;
+      _this.translation = LOCALES[_this.lang] || LOCALES['en'];
+    };
+    this.get = function (key) {
+      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      if (typeof key !== 'string') return '';
+      const optionsKeys = Object.keys(options);
+      if (optionsKeys.length === 0) {
+        return _this.translation[key] || key;
+      }
+      if (key.indexOf('{') < 0) return key;
+      return key.replace(/\\?\{([^{}]+)\}/g, (match, name) => {
+        if (match.charAt(0) === '\\') {
+          return match.slice(1);
+        }
+        return options[name] === null || options[name] === undefined ? '' : options[name];
+      }) || key;
+    };
+    this.lang = _lang.toLowerCase();
+    this.translation = LOCALES[this.lang] || LOCALES['en'];
+  }
+}
+const intl = new Intl({
+  lang: 'zh_CN'
+});
+export default intl;

package/dist/locale/index.js

@@ -0,0 +1,18 @@
+import de from './lang/de';
+import en from './lang/en';
+import es from './lang/es';
+import fr from './lang/fr';
+import pt from './lang/pt';
+import ru from './lang/ru';
+import zh_CN from './lang/zh_CN';
+const LOCALES = {
+  'de': de,
+  'en': en,
+  'es': es,
+  'fr': fr,
+  'pt': pt,
+  'ru': ru,
+  'zh-cn': zh_CN,
+  'zh_cn': zh_CN
+};
+export default LOCALES;

package/dist/locale/lang/de.js

@@ -0,0 +1,141 @@
+/* eslint-disable */
+const de = {
+  'Empty': 'Empty',
+  'Amount': 'Amount',
+  'Counting': 'Count',
+  'Summarize_a_field': 'Summarize a field',
+  'By_day': 'By day',
+  'By_week': 'By week',
+  'By_month': 'By month',
+  'By_quarter': 'By quarter',
+  'By_year': 'By year',
+  'Sum': 'Sum',
+  "Avg": "Average",
+  "Mdn": "Median",
+  'Max': 'Max',
+  'Min': 'Min',
+  'Mean': 'Mean',
+  'Number_of_distinct_values': 'Number of distinct values',
+  'By_province': 'By province',
+  'By_city': 'By city',
+  'By_district': 'By district',
+  'Row_count': 'Row count',
+  'Left': 'Left',
+  'Right': 'Right',
+  'Center': 'Center',
+  'Top': 'Top',
+  'Bottom': 'Bottom',
+  'Others': 'Others',
+  'Total': 'Total',
+  'There_are_too_many_statistics_entries_to_display': 'here are too many statistics entries to display.',
+  'Data_settings': 'Data settings',
+  'Style_settings': 'Style settings',
+  'Include_empty': 'Include empty',
+  'X_axis': 'X axis',
+  'Y_axis': 'Y axis',
+  'Display_value': 'Display values on data points',
+  'Auto_range': 'Auto range',
+  'Select_a_column': 'Select a column',
+  "Summary_method": 'Summary method',
+  'Label': '',
+  'Y-axis(left side)': 'Y-axis (left side)',
+  'Y-axis(right side)': 'Y-axis (right side)',
+  'Display_title': 'Display title',
+  'Current_value_field': 'Current value field',
+  'Total_value_field': 'Total value field',
+  'Group_by': 'Group by',
+  'Display_legend': 'Display legend',
+  'Display_label': 'Display label',
+  'Label_position': 'Label position',
+  'Label_format': 'Label format',
+  'Label_font_size': 'Label font size',
+  "Count_the_number_of_records_in_each_group": "Count the number of records in each group",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field": "Compute the sum, maximum, minimum or mean value of records in each group by a field",
+  "Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group": "Group the records according to the vertical axis, and count the records in each group",
+  "Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field": "Group the records according to the vertical axis, and compute the sum, maximum, minimum or mean of records in each group by a field",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields": "Compute the sum, maximum, minimum or mean value of records in each group by multiple fields",
+  "Count_the_records": "Group the records according to the X axis, and count the records in every group",
+  "Compute_sum_max_min": "Group the records according to the X axis, and compute the sum, maximum, minimum or mean by a field in the records",
+  'Summarize_multiple_fields': 'Summarize multiple fields',
+  'Add_new_field': 'Add new field',
+  'Row_grouping_field': 'Row grouping field',
+  'Column_grouping_field': 'Column grouping field',
+  'Date_range': 'Date range',
+  'Compare_to_date_range': 'Compare to date range',
+  'Display_increase': 'Display increase',
+  'Display_percentage_increase': 'Display percentage increase',
+  'Color': 'Color',
+  'Data_sort': 'Data sort',
+  'Not_sorted': 'Not sorted',
+  'Ascending': 'Ascending',
+  'Descending': 'Descending',
+  'Numeric_field': 'Numeric field',
+  'Summary_field': 'Summary field',
+  'No_column': 'No column',
+  'Display_mode': 'Display mode',
+  'Stack': 'Stack',
+  'Location_field': 'Location field',
+  'Time_field': 'Time field',
+  "Calculate_the_number_of_records_in_two_time_periods": "Calculate the number of records in two time periods",
+  "Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods": "Use a field to calculate the sum maximum or minimum value of records in two time periods",
+  // 'Count_by_var': 'Count_by_var',
+  // 'Compute_sum_max_min_by_var': 'Compute_sum_max_min_by_var',
+  'No_options': 'No options',
+  'Text_horizontal_alignment': 'Text horizontal alignment',
+  'Please_input_date': 'Please input date',
+  'Filter': 'Filter',
+  '1 Filter': '1 filter',
+  'Filters': 'filters',
+  'Font_size': 'Font size',
+  'Table': 'Table',
+  'Chart_type': 'Chart type',
+  "Histogram": "Histogram",
+  "Basic_histogram": "Basic histogram",
+  "Grouped_histogram": "Grouped histogram",
+  "Stacked_histogram": "Stacked histogram",
+  "Time_comparison_histogram": "Time comparison histogram",
+  "Bar_chart": "Bar chart",
+  "Basic_bar_chart": "Basic bar chart",
+  "Grouped_bar_chart": "Grouped bar chart",
+  "Stacked_bar_chart": "Stacked bar chart",
+  "Completeness": "Completeness chart",
+  "Grouped_completeness": "Grouped completeness chart",
+  "Line_chart": "Line chart",
+  "Basic_line_chart": "Basic line chart",
+  "Grouped_line_chart": "Grouped line chart",
+  "Area": "Area",
+  "Grouped_area": "Grouped area",
+  "Pie_chart": "Pie chart",
+  "Basic_pie_chart": "Basic pie chart",
+  "Ring_chart": "Ring chart",
+  "Scatter": "Scatter chart",
+  "Combination": "Combination chart",
+  "Map": "Map",
+  "World_map": "World map",
+  "World_map_bubble": "World map(bubble)",
+  "Heat_map": "Heat map",
+  "Facet_chart": "Facet chart",
+  "Mirror_chart": "Mirror chart",
+  "Card": "Card",
+  "Basic_number_card": "Basic number card",
+  "Trend": "Trend chart",
+  "Gauge": "Gauge",
+  'Tree_map': 'Tree map',
+  'Pivot_table': 'Pivot table',
+  'Title': 'Title',
+  'Edit_type': 'Edit type',
+  'Cancel': 'Cancel',
+  'Submit': 'Submit',
+  'There_are_no_statistic_results_yet': 'There are no statistic results yet',
+  'Year': 'Year',
+  'Month': 'Month',
+  'Day': 'Day',
+  'Hour': 'Hour',
+  'Minute': 'Minute',
+  'Done': 'Done',
+  'Internal_server_error': 'Internal server error',
+  'Network_error': 'Network error',
+  'There_are_some_problems_with_the_filters': 'There are some problems with the filters.',
+  'Please_complete_the_chart_configuration_first': 'Please complete the chart configuration first'
+};
+export default de;