sea-chart 0.0.4 → 0.0.5

package/dist/api/index.js

@@ -80,24 +80,7 @@ class SeaChartAPI {
     this.instance = new SeaChartAPI(config);
     return this.instance;
   }
-  async init(config) {
-    if (config && typeof config === 'object') {
-      const {
-        appName,
-        accessToken,
-        dtableUuid,
-        dtableServer,
-        dtableSocket,
-        dtableDb
-      } = config;
-      this.appName = appName;
-      this.accessToken = accessToken;
-      this.dtableUuid = dtableUuid;
-      this.dtableServer = dtableServer.replace(/\/+$/, '') + '/';
-      this.dtableSocket = dtableSocket.replace(/\/+$/, '') + '/';
-      this.dtableDB = dtableDb.replace(/\/+$/, '') + '/';
-      return;
-    }
+  async init() {
     const accessTokenRes = await this.getDTableAccessToken();
     const {
       app_name,

package/dist/context.js

@@ -3,13 +3,22 @@ import CollaboratorManager from './utils/collaborator-manager';
 import { ChartDataSQL } from './utils';
 class Context {
   constructor() {
-    this.queryResultFromDB = _ref => {
+    this.queryChartResult = _ref => {
       let {
         chart,
         tables,
         onSuccess,
         onFail
       } = _ref;
+      // used custom api to get chart result data
+      if (this.api.queryChartResult) {
+        const chartId = chart.id;
+        return this.api.queryChartResult(chartId).then(res => {
+          onSuccess && onSuccess(res);
+        }).catch(error => {
+          onFail && onFail(error);
+        });
+      }
       const table = getTableById(tables, chart.config.table_id);
       const chartDataSQL = new ChartDataSQL({
         table,
@@ -31,7 +40,6 @@ class Context {
     };
     this.api = null;
     this.settings = {};
-    this.hasInit = false;
     this.collaborators = [];
     this.collaboratorManager = null;
   }
@@ -43,7 +51,6 @@ class Context {
       collaborators,
       collaboratorManager
     } = props;
-    if (this.hasInit) return;
     if (!config) {
       throw new Error('Props config is required');
     }

package/dist/editor/index.css

@@ -0,0 +1,23 @@
+.sea-chart-editor {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+  min-width: 0;
+}
+
+.sea-chart-editor .sea-chart-formatter {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+  min-width: 0;
+}
+
+.sea-chart-editor .sea-chart-settings {
+  width: 300px;
+  height: 100%;
+  background-color: #fff;
+  margin-left: 16px;
+  border-top: 1px solid #e4e4e4;
+  border-left: 1px solid #e4e4e4;
+  border-right: 1px solid #e4e4e4;
+}

package/dist/editor/index.js

@@ -1,6 +1,4 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
-import classnames from 'classnames';
 import context from '../context';
 import View from '../view';
 import Settings from '../settings';
@@ -11,21 +9,9 @@ class Editor extends React.PureComponent {
     context.init(props);
   }
   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));
+      className: "sea-chart-editor"
+    }, /*#__PURE__*/React.createElement(View, this.props), /*#__PURE__*/React.createElement(Settings, this.props));
   }
 }
 Editor.defaultProps = {

package/dist/index.js

@@ -1,9 +1,10 @@
 import SeaChartAPI from './api';
-import { CHART_TYPES } from './constants/type';
+import { CHART_TYPE, CHART_TYPES } from './constants/type';
+import { ChartModel } from './model';
 import View from './view';
 import Editor from './editor';
 import Settings, { StyleSettings } from './settings';
 import { ChartDataSQL } from './utils';
 import Context from './context';
 export default View;
-export { SeaChartAPI, CHART_TYPES, View, Editor, Settings, StyleSettings, Context, ChartDataSQL };
+export { SeaChartAPI, CHART_TYPE, CHART_TYPES, View, Editor, Settings, StyleSettings, Context, ChartModel, ChartDataSQL };

package/dist/settings/table-settings/data-settings.js

@@ -544,6 +544,6 @@ const DataSettings = _ref => {
     value: getSelectedGroupType(),
     onChange: onGroupTypeChange,
     options: groupTypeOptions
-  })), renderAdvancedStatistic);
+  })), renderAdvancedStatistic());
 };
 export default DataSettings;

package/dist/utils/chart-utils.js

@@ -1412,7 +1412,7 @@ ChartUtils.calculateChart = (chart, tables, callback, isChartData) => {
     const error_message = 'There_are_some_problems_with_the_filters';
     return callback && callback(error_message, '', null);
   }
-  context.queryResultFromDB({
+  context.queryChartResult({
     chart,
     tables,
     onSuccess: res => {
@@ -1568,11 +1568,13 @@ ChartUtils.isChartEqual = (preChartElement, curChartElement) => {
   return shallowEqual(preChartElement.config, curChartElement.config);
 };
 ChartUtils.isChartStyleChange = (preChartElement, curChartElement) => {
+  var _preChartElement$heig, _curChartElement$heig;
   const elementType = preChartElement.config.type;
   if (elementType !== curChartElement.config.type) return false;
-  if (preChartElement.height.value !== curChartElement.height.value) return true;
-  if (preChartElement.left_in_unit !== curChartElement.left_in_unit) return true;
-  if (preChartElement.width_in_unit !== curChartElement.width_in_unit) return true;
+  // used for app
+  if ((preChartElement === null || preChartElement === void 0 ? void 0 : (_preChartElement$heig = preChartElement.height) === null || _preChartElement$heig === void 0 ? void 0 : _preChartElement$heig.value) !== (curChartElement === null || curChartElement === void 0 ? void 0 : (_curChartElement$heig = curChartElement.height) === null || _curChartElement$heig === void 0 ? void 0 : _curChartElement$heig.value)) return true;
+  if ((preChartElement === null || preChartElement === void 0 ? void 0 : preChartElement.left_in_unit) !== (curChartElement === null || curChartElement === void 0 ? void 0 : curChartElement.left_in_unit)) return true;
+  if ((preChartElement === null || preChartElement === void 0 ? void 0 : preChartElement.width_in_unit) !== (curChartElement === null || curChartElement === void 0 ? void 0 : curChartElement.width_in_unit)) return true;
   if (!ObjectUtils.isSameObject(preChartElement.style_config, curChartElement.style_config)) return true;
   return !CHART_STYLE_SETTING_KEYS.every(key => preChartElement.config[key] === curChartElement.config[key]);
 };

package/dist/view/index.js

@@ -70,7 +70,6 @@ class View extends React.PureComponent {
       errorMessage: '',
       tipMessage: ''
     };
-    console.log(props);
     context.init(props);
   }
   componentDidMount() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",
@@ -126,6 +126,7 @@
     "raf": "3.4.0",
     "react": "17.0.0",
     "react-app-polyfill": "^1.0.4",
+    "react-cookies": "0.1.1",
     "react-dev-utils": "^12.0.1",
     "react-dom": "17.0.0",
     "react-hot-loader": "4.13.1",