sea-chart 2.0.37 → 2.0.38

package/dist/utils/sql/index.js

@@ -1,27 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ChartDataSQL", {
-  enumerable: true,
-  get: function () {
-    return _chartDataSql.default;
-  }
-});
-Object.defineProperty(exports, "chartColumn2SqlColumn", {
-  enumerable: true,
-  get: function () {
-    return _column2SqlColumn.default;
-  }
-});
-Object.defineProperty(exports, "summaryMethodColumn2SqlColumn", {
-  enumerable: true,
-  get: function () {
-    return _column2SqlColumn.summaryMethodColumn2SqlColumn;
-  }
-});
-var _column2SqlColumn = _interopRequireWildcard(require("./column-2-sql-column"));
-var _chartDataSql = _interopRequireDefault(require("./chart-data-sql"));
+import chartColumn2SqlColumn, { summaryMethodColumn2SqlColumn } from './column-2-sql-column';
+import ChartDataSQL from './chart-data-sql';
+export { chartColumn2SqlColumn, summaryMethodColumn2SqlColumn, ChartDataSQL };

package/dist/utils/trend-utils.js

@@ -1,51 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCompareDate = getCompareDate;
-exports.summaryDurationResult = summaryDurationResult;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
-var _constants = require("../constants");
-var _chartUtils = require("./chart-utils");
-_dayjs.default.extend(_quarterOfYear.default);
-function getCompareDate(dateGranularity) {
-  const currentDate = (0, _dayjs.default)();
+import dayjs from 'dayjs';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+import { CHART_SUMMARY_TYPE } from '../constants';
+import { BaseUtils } from './chart-utils';
+import { getFirstDayOfWeekForGroupby } from './index';
+dayjs.extend(quarterOfYear);
+const dayOfWeekMap = {
+  'Sunday': 0,
+  'Monday': 1,
+  'Tuesday': 2,
+  'Wednesday': 3,
+  'Thursday': 4,
+  'Friday': 5,
+  'Saturday': 6
+};
+export function getCompareDate(dateGranularity, source) {
+  const currentDate = dayjs();
   switch (dateGranularity) {
-    case _constants.CHART_SUMMARY_TYPE.DAY:
+    case CHART_SUMMARY_TYPE.DAY:
       {
-        const compareDate = (0, _dayjs.default)(currentDate).subtract(1, 'days').format('YYYY-MM-DD');
-        const comparedDate = (0, _dayjs.default)(currentDate).subtract(2, 'days').format('YYYY-MM-DD');
+        const compareDate = dayjs(currentDate).subtract(1, 'days').format('YYYY-MM-DD');
+        const comparedDate = dayjs(currentDate).subtract(2, 'days').format('YYYY-MM-DD');
         return {
           compareDate,
           comparedDate
         };
       }
-    case _constants.CHART_SUMMARY_TYPE.WEEK:
+    case CHART_SUMMARY_TYPE.WEEK:
       {
-        const currentWeek = (0, _dayjs.default)().day(1);
-        const compareDate = (0, _dayjs.default)(currentWeek).subtract(1, 'weeks').format('YYYY-MM-DD');
-        const comparedDate = (0, _dayjs.default)(currentWeek).subtract(2, 'weeks').format('YYYY-MM-DD');
+        var _dayOfWeekMap$firstDa;
+        const firstDayOfWeek = getFirstDayOfWeekForGroupby(source);
+        const startDayIndex = (_dayOfWeekMap$firstDa = dayOfWeekMap[firstDayOfWeek]) !== null && _dayOfWeekMap$firstDa !== void 0 ? _dayOfWeekMap$firstDa : 0; // default to Sunday
+        const currentWeek = dayjs().day(startDayIndex);
+        const compareDate = dayjs(currentWeek).subtract(1, 'weeks').format('YYYY-MM-DD');
+        const comparedDate = dayjs(currentWeek).subtract(2, 'weeks').format('YYYY-MM-DD');
         return {
           compareDate,
           comparedDate
         };
       }
-    case _constants.CHART_SUMMARY_TYPE.MONTH:
+    case CHART_SUMMARY_TYPE.MONTH:
       {
-        const compareDate = (0, _dayjs.default)(currentDate).subtract(1, 'months').format('YYYY-MM');
-        const comparedDate = (0, _dayjs.default)(currentDate).subtract(2, 'months').format('YYYY-MM');
+        const compareDate = dayjs(currentDate).subtract(1, 'months').format('YYYY-MM');
+        const comparedDate = dayjs(currentDate).subtract(2, 'months').format('YYYY-MM');
         return {
           compareDate,
           comparedDate
         };
       }
-    case _constants.CHART_SUMMARY_TYPE.QUARTER:
+    case CHART_SUMMARY_TYPE.QUARTER:
       {
-        const currentQuarter = (0, _dayjs.default)().quarter();
-        const currentYear = (0, _dayjs.default)().year();
+        const currentQuarter = dayjs().quarter();
+        const currentYear = dayjs().year();
         let lastQuarter = currentQuarter - 1;
         let compareDate, comparedDate;
         if (lastQuarter < 1) {
@@ -66,9 +71,9 @@ function getCompareDate(dateGranularity) {
           comparedDate
         };
       }
-    case _constants.CHART_SUMMARY_TYPE.YEAR:
+    case CHART_SUMMARY_TYPE.YEAR:
       {
-        const currentYear = (0, _dayjs.default)().year();
+        const currentYear = dayjs().year();
         return {
           compareDate: currentYear - 1 + '',
           comparedDate: currentYear - 2 + ''
@@ -80,17 +85,17 @@ function getCompareDate(dateGranularity) {
       }
   }
 }
-function summaryDurationResult(result, duration, summaryType, summaryMethod, useDataDb, dbDateKey, valueKey) {
-  const currentTime = (0, _dayjs.default)();
+export function summaryDurationResult(result, duration, summaryType, summaryMethod, useDataDb, dbDateKey, valueKey) {
+  const currentTime = dayjs();
   const days = duration === 'days_30' ? 30 : 7;
 
   // set date to start of the day
   const formattedEndDate = currentTime.format('YYYY-MM-DD');
   const formattedMiddleDate = currentTime.subtract(days, 'days').format('YYYY-MM-DD');
-  const formattedStartDate = (0, _dayjs.default)(formattedMiddleDate).subtract(days, 'days').format('YYYY-MM-DD');
-  const endDate = (0, _dayjs.default)(formattedEndDate);
-  const middleDate = (0, _dayjs.default)(formattedMiddleDate);
-  const startDate = (0, _dayjs.default)(formattedStartDate);
+  const formattedStartDate = dayjs(formattedMiddleDate).subtract(days, 'days').format('YYYY-MM-DD');
+  const endDate = dayjs(formattedEndDate);
+  const middleDate = dayjs(formattedMiddleDate);
+  const startDate = dayjs(formattedStartDate);
   let compareValue = [];
   let comparedValue = [];
   if (useDataDb) {
@@ -98,7 +103,7 @@ function summaryDurationResult(result, duration, summaryType, summaryMethod, use
     const days2 = [];
     for (let index = 0; index < result.length; index++) {
       const item = result[index];
-      const key = (0, _dayjs.default)(item[dbDateKey]);
+      const key = dayjs(item[dbDateKey]);
       if (!key.isValid()) continue;
       if (key >= startDate && key < middleDate) {
         comparedValue.push(item[valueKey]);
@@ -111,16 +116,16 @@ function summaryDurationResult(result, duration, summaryType, summaryMethod, use
   } else {
     // eslint-disable-next-line
     for (let item of result) {
-      const key = (0, _dayjs.default)(item[0]);
+      const key = dayjs(item[0]);
       if (!key.isValid()) continue;
       if (key >= startDate && key < middleDate) {
-        if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+        if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
           comparedValue = comparedValue.concat(item[1] || []);
         } else {
           comparedValue.push(item[1]);
         }
       } else if (key >= middleDate && key < endDate) {
-        if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+        if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
           compareValue = compareValue.concat(item[1] || []);
         } else {
           compareValue.push(item[1]);
@@ -128,12 +133,12 @@ function summaryDurationResult(result, duration, summaryType, summaryMethod, use
       }
     }
   }
-  if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
-    comparedValue = _chartUtils.BaseUtils.getSummaryResult(comparedValue, summaryMethod);
-    compareValue = _chartUtils.BaseUtils.getSummaryResult(compareValue, summaryMethod);
+  if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
+    comparedValue = BaseUtils.getSummaryResult(comparedValue, summaryMethod);
+    compareValue = BaseUtils.getSummaryResult(compareValue, summaryMethod);
   } else {
-    compareValue = _chartUtils.BaseUtils.getSummaryResult(compareValue, 'Sum');
-    comparedValue = _chartUtils.BaseUtils.getSummaryResult(comparedValue, 'Sum');
+    compareValue = BaseUtils.getSummaryResult(compareValue, 'Sum');
+    comparedValue = BaseUtils.getSummaryResult(comparedValue, 'Sum');
   }
   return {
     compareValue,

package/dist/view/index.css

@@ -30,10 +30,6 @@
   height: 100%
 }
 
-.sea-chart-formatter .sea-chart-cavans-container.has-title {
-  height: calc(100% - 41px);
-}
-
 .sea-chart-formatter .sea-chart-table-formatter-container:hover {
   overflow: auto;
 }
@@ -49,10 +45,8 @@
 .sea-chart-formatter .sea-chart-container {
   font-size: 12px;
   position: absolute;
-  left: 2%;
-  right: 2%;
-  top: 2%;
-  bottom: 8%;
+  width: 100%;
+  height: 100%;
 }
 
 .sea-chart-formatter .sea-chart-container.plugin-number-card,

package/dist/view/index.js

@@ -1,26 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _shallowequal = _interopRequireDefault(require("shallowequal"));
-var _context = _interopRequireDefault(require("../context"));
-var _intl = _interopRequireDefault(require("../intl"));
-var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
-var _components = require("../components");
-var _chartUtils = require("../utils/chart-utils");
-var _constants = require("../constants");
-var _commonConstants = require("../constants/common-constants");
-var _concurrencyManager = _interopRequireDefault(require("../utils/concurrency-manager"));
-var _wrapper = _interopRequireDefault(require("./wrapper"));
-var _title = _interopRequireDefault(require("./title"));
-require("./index.css");
-class View extends _react.default.PureComponent {
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import shallowEqual from 'shallowequal';
+import context from '../context';
+import intl from '../intl';
+import eventBus from '../utils/event-bus';
+import { Loading } from '../components';
+import { ChartUtils, BaseUtils } from '../utils/chart-utils';
+import { DEFAULT_LANG, THEME_NAME_MAP } from '../constants';
+import { CommonEventTypes } from '../constants/common-constants';
+import concurrencyManager from '../utils/concurrency-manager';
+import Wrapper from './wrapper';
+import Title from './title';
+import './index.css';
+class View extends React.PureComponent {
   constructor(props) {
     var _this;
     super(props);
@@ -36,7 +29,7 @@ class View extends _react.default.PureComponent {
       const {
         chart
       } = this.props;
-      if ((_chart$config = chart.config) !== null && _chart$config !== void 0 && _chart$config.table_id && table_id === ((_chart$config2 = chart.config) === null || _chart$config2 === void 0 ? void 0 : _chart$config2.table_id)) {
+      if (((_chart$config = chart.config) === null || _chart$config === void 0 ? void 0 : _chart$config.table_id) && table_id === ((_chart$config2 = chart.config) === null || _chart$config2 === void 0 ? void 0 : _chart$config2.table_id)) {
         // refresh cache calculated before
         const refreshCache = true;
         this.calculateStatistic(true, null, refreshCache);
@@ -92,16 +85,16 @@ class View extends _react.default.PureComponent {
       const {
         data
       } = _this.state;
-      const collaborators = _context.default.getCollaboratorsFromCache();
+      const collaborators = context.getCollaboratorsFromCache();
       if (isCalculateByView) {
-        if (_chartUtils.BaseUtils.isArchiveView(chart.config, tables)) {
-          _chartUtils.ChartUtils.calculateChart(chart, {
+        if (BaseUtils.isArchiveView(chart.config, tables)) {
+          ChartUtils.calculateChart(chart, {
             tables,
             collaborators,
             isCalculateByView
           }, _this.callback);
         } else {
-          _chartUtils.ChartUtils.calculateStaticChart(chart, {
+          ChartUtils.calculateStaticChart(chart, {
             tables,
             collaborators
           }, {
@@ -113,7 +106,7 @@ class View extends _react.default.PureComponent {
         return;
       }
       if (!isNeedRequestData) {
-        _chartUtils.ChartUtils.calculateStaticChart(chart, {
+        ChartUtils.calculateStaticChart(chart, {
           tables,
           collaborators
         }, {
@@ -121,7 +114,7 @@ class View extends _react.default.PureComponent {
           data_sources: null
         }, _this.callback);
       } else {
-        _chartUtils.ChartUtils.calculateChart(chart, {
+        ChartUtils.calculateChart(chart, {
           tables,
           collaborators,
           isCalculateByView
@@ -134,10 +127,10 @@ class View extends _react.default.PureComponent {
       errorMessage: '',
       tipMessage: ''
     };
-    _context.default.init(props);
+    context.init(props);
     props.onViewRef && props.onViewRef(this);
-    const lang = _context.default.getSetting('lang') || _constants.DEFAULT_LANG;
-    _intl.default.setLang(lang);
+    const lang = context.getSetting('lang') || DEFAULT_LANG;
+    intl.setLang(lang);
   }
   componentDidMount() {
     var _window$app;
@@ -147,17 +140,17 @@ class View extends _react.default.PureComponent {
       refreshInterval,
       pageId
     } = this.props;
-    this.unsubscribeReFreshChart = _eventBus.default.subscribe(_commonConstants.CommonEventTypes.REFRESH_CHARTS, this.refreshChart);
+    this.unsubscribeReFreshChart = eventBus.subscribe(CommonEventTypes.REFRESH_CHARTS, this.refreshChart);
 
     // pageId was used to determine whether the page has changed
     // cancel all the cached request if pageId changed
-    if (pageId && _concurrencyManager.default.currentPageId !== pageId) {
-      _concurrencyManager.default.clearPendingRequests();
-      _concurrencyManager.default.setCurrentPageId(pageId);
+    if (pageId && concurrencyManager.currentPageId !== pageId) {
+      concurrencyManager.clearPendingRequests();
+      concurrencyManager.setCurrentPageId(pageId);
     }
-    if ((_window$app = window.app) !== null && _window$app !== void 0 && _window$app.eventBus && isCalculateByView) {
-      window.app.eventBus.subscribe(_commonConstants.CommonEventTypes.EXPAND_ROW_UPDATED, this.handleModifyRecord);
-      window.app.eventBus.subscribe(_commonConstants.CommonEventTypes.EXPAND_ROW_DELETED, this.handleDeleteRecord);
+    if (((_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.eventBus) && isCalculateByView) {
+      window.app.eventBus.subscribe(CommonEventTypes.EXPAND_ROW_UPDATED, this.handleModifyRecord);
+      window.app.eventBus.subscribe(CommonEventTypes.EXPAND_ROW_DELETED, this.handleDeleteRecord);
     }
 
     // refreshInterval is minutes
@@ -204,13 +197,13 @@ class View extends _react.default.PureComponent {
     } else {
       this.refreshTimer && clearInterval(this.refreshTimer);
     }
-    _context.default.api = this.props.api;
+    context.api = this.props.api;
 
     // pageId was used to determine whether the page has changed
     // cancel all the cached request if pageId changed
-    if (pageId && _concurrencyManager.default.currentPageId !== pageId) {
-      _concurrencyManager.default.clearPendingRequests();
-      _concurrencyManager.default.setCurrentPageId(pageId);
+    if (pageId && concurrencyManager.currentPageId !== pageId) {
+      concurrencyManager.clearPendingRequests();
+      concurrencyManager.setCurrentPageId(pageId);
     }
 
     // universal-apps will not trigger calculation of the chart before the chart config saved
@@ -222,25 +215,25 @@ class View extends _react.default.PureComponent {
     }
 
     // version was used to dectect table change in big screen plugin
-    if ((0, _shallowequal.default)(chart, oldChart) && version === nextVersion) return;
+    if (shallowEqual(chart, oldChart) && version === nextVersion) return;
     this.setState({
       isCalculated: false
     }, () => {
-      if (_chartUtils.BaseUtils.isChartTypeChange(chart, oldChart)) {
+      if (BaseUtils.isChartTypeChange(chart, oldChart)) {
         this.calculateStatistic();
         return;
       }
-      if (_chartUtils.BaseUtils.isChartViewChange(chart, oldChart)) {
+      if (BaseUtils.isChartViewChange(chart, oldChart)) {
         this.calculateStatistic();
         return;
       }
-      if (_chartUtils.BaseUtils.isChartStyleChange(chart, oldChart)) {
+      if (BaseUtils.isChartStyleChange(chart, oldChart)) {
         this.setState({
           isCalculated: true
         });
         return;
       }
-      if (_chartUtils.BaseUtils.isChartSortChange(chart, oldChart)) {
+      if (BaseUtils.isChartSortChange(chart, oldChart)) {
         this.calculateStatistic(false);
         return;
       }
@@ -248,7 +241,7 @@ class View extends _react.default.PureComponent {
     });
   }
   render() {
-    var _title$text, _chart$config3;
+    var _chart$config3;
     const {
       // style
       className,
@@ -283,53 +276,47 @@ class View extends _react.default.PureComponent {
     const {
       type: chartType
     } = config;
-    const {
-      title
-    } = style_config;
-    const hasTitle = title && ((_title$text = title.text) === null || _title$text === void 0 ? void 0 : _title$text.length);
-    const validClassName = (0, _classnames.default)('sea-chart-formatter', className);
+    const validClassName = classnames('sea-chart-formatter', className);
     const tipBackgroundColorClassName = 'sea-chart-formatter-tip';
     if (!isCalculated) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('loading', validClassName)
-      }, /*#__PURE__*/_react.default.createElement(_components.Loading, null));
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames('loading', validClassName)
+      }, /*#__PURE__*/React.createElement(Loading, null));
     }
     if (errorMessage) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('error', validClassName, tipBackgroundColorClassName)
-      }, /*#__PURE__*/_react.default.createElement("span", null, errorMessage));
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames('error', validClassName, tipBackgroundColorClassName)
+      }, /*#__PURE__*/React.createElement("span", null, errorMessage));
     }
     if (tipMessage) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('error', validClassName, tipBackgroundColorClassName)
-      }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get(tipMessage)));
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames('error', validClassName, tipBackgroundColorClassName)
+      }, /*#__PURE__*/React.createElement("span", null, intl.get(tipMessage)));
     }
-    if (_chartUtils.BaseUtils.imEmptyChartResult(data) && !chartType.includes('map')) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('error', validClassName, tipBackgroundColorClassName)
-      }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('There_are_no_statistic_results_yet')));
+    if (BaseUtils.imEmptyChartResult(data) && !chartType.includes('map')) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames('error', validClassName, tipBackgroundColorClassName)
+      }, /*#__PURE__*/React.createElement("span", null, intl.get('There_are_no_statistic_results_yet')));
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: validClassName
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('sea-chart-formatter-container', "sea-chart-".concat(chart === null || chart === void 0 ? void 0 : (_chart$config3 = chart.config) === null || _chart$config3 === void 0 ? void 0 : _chart$config3.type, "-formatter-container"), {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames('sea-chart-formatter-container', `sea-chart-${chart === null || chart === void 0 ? void 0 : (_chart$config3 = chart.config) === null || _chart$config3 === void 0 ? void 0 : _chart$config3.type}-formatter-container`, {
         'big_screen_plugin': isBigScreenPlugin
       })
-    }, !hideTitle && /*#__PURE__*/_react.default.createElement(_title.default, {
+    }, !hideTitle && /*#__PURE__*/React.createElement(Title, {
       chart: chart
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      id: "sea-chart-cavans-container-".concat(chart.id),
-      className: (0, _classnames.default)('sea-chart-cavans-container', {
-        'has-title': hasTitle
-      })
-    }, /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    }), /*#__PURE__*/React.createElement("div", {
+      id: `sea-chart-cavans-container-${chart.id}`,
+      className: classnames('sea-chart-cavans-container')
+    }, /*#__PURE__*/React.createElement(Wrapper, {
       chart: chart,
       data: data,
       dtableStoreValue: dtableStoreValue,
       tables: tables,
       canvasStyle: canvasStyle,
       customRender: render,
-      globalTheme: globalTheme ? globalTheme : _constants.THEME_NAME_MAP.LIGHT,
+      globalTheme: globalTheme ? globalTheme : THEME_NAME_MAP.LIGHT,
       isCalculateByView: isCalculateByView,
       isBigScreenPlugin: isBigScreenPlugin,
       chartColorTheme: chartColorTheme,
@@ -339,33 +326,45 @@ class View extends _react.default.PureComponent {
     }))));
   }
 }
-const propTypes = exports.propTypes = {
+View.defaultProps = {
+  canvasStyle: {},
+  tables: [],
+  chart: {
+    id: '',
+    config: {},
+    style_config: {}
+  },
+  collaborators: [],
+  globalTheme: THEME_NAME_MAP.LIGHT,
+  isCalculateByView: false
+};
+const propTypes = {
   // style
-  className: _propTypes.default.string,
-  canvasStyle: _propTypes.default.object,
-  globalTheme: _propTypes.default.string,
+  className: PropTypes.string,
+  canvasStyle: PropTypes.object,
+  globalTheme: PropTypes.string,
   // light or dark
-  chartColorTheme: _propTypes.default.string,
-  hideTitle: _propTypes.default.bool,
-  render: _propTypes.default.func,
+  chartColorTheme: PropTypes.string,
+  hideTitle: PropTypes.bool,
+  render: PropTypes.func,
   // User-defined rendering content
-  resizeSignal: _propTypes.default.number,
+  resizeSignal: PropTypes.number,
   // data
-  chart: _propTypes.default.object.isRequired,
-  tables: _propTypes.default.array.isRequired,
-  api: _propTypes.default.object.isRequired,
-  config: _propTypes.default.object,
-  collaboratorManager: _propTypes.default.object,
-  collaborators: _propTypes.default.array,
-  departments: _propTypes.default.array,
-  dtableStoreValue: _propTypes.default.object,
-  isCalculateByView: _propTypes.default.bool,
+  chart: PropTypes.object.isRequired,
+  tables: PropTypes.array.isRequired,
+  api: PropTypes.object.isRequired,
+  config: PropTypes.object,
+  collaboratorManager: PropTypes.object,
+  collaborators: PropTypes.array,
+  departments: PropTypes.array,
+  dtableStoreValue: PropTypes.object,
+  isCalculateByView: PropTypes.bool,
   // event
-  integratedEventTypes: _propTypes.default.object,
-  integratedEventBus: _propTypes.default.object,
-  onViewRef: _propTypes.default.func
+  integratedEventTypes: PropTypes.object,
+  integratedEventBus: PropTypes.object,
+  onViewRef: PropTypes.func
 };
-const defaultProps = exports.defaultProps = {
+const defaultProps = {
   canvasStyle: {},
   tables: [],
   chart: {
@@ -374,8 +373,8 @@ const defaultProps = exports.defaultProps = {
     style_config: {}
   },
   collaborators: [],
-  globalTheme: _constants.THEME_NAME_MAP.LIGHT,
+  globalTheme: THEME_NAME_MAP.LIGHT,
   isCalculateByView: false
 };
-View.defaultProps = defaultProps;
-var _default = exports.default = View;
+export default View;
+export { defaultProps, propTypes };

package/dist/view/title/index.js

@@ -1,28 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-require("./index.css");
+import React, { useCallback } from 'react';
+import { isNumber } from 'dtable-utils';
+import classnames from 'classnames';
+import { HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN, DEFAULT_CHART_FONT_WEIGHT, DEFAULT_CHART_TITLE_FONT_SIZE, CHART_SUPPORT_FONT_WEIGHTS } from '../../constants';
+import './index.css';
 const Title = _ref => {
   let {
     chart,
     className
   } = _ref;
-  const getTitleStyle = (0, _react.useCallback)(() => {
+  const getTitleStyle = useCallback(() => {
     var _chart$style_config, _chart$style_config2;
     let style = {
-      fontSize: "".concat(_constants.DEFAULT_CHART_TITLE_FONT_SIZE, "px"),
-      fontWeight: _constants.DEFAULT_CHART_FONT_WEIGHT
+      fontSize: `${DEFAULT_CHART_TITLE_FONT_SIZE}px`,
+      fontWeight: DEFAULT_CHART_FONT_WEIGHT
     };
-    if (!chart || !chart.style_config || !((_chart$style_config = chart.style_config) !== null && _chart$style_config !== void 0 && _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 {
@@ -31,16 +23,16 @@ const Title = _ref => {
       font_color,
       horizontal_align
     } = (_chart$style_config2 = chart.style_config) === null || _chart$style_config2 === void 0 ? void 0 : _chart$style_config2.title;
-    if ((0, _dtableUtils.isNumber)(font_size)) {
-      style.fontSize = font_size < 0 ? 0 : "".concat(font_size, "px");
+    if (isNumber(font_size)) {
+      style.fontSize = font_size < 0 ? 0 : `${font_size}px`;
     }
-    if (_constants.CHART_SUPPORT_FONT_WEIGHTS.includes(font_weight)) {
+    if (CHART_SUPPORT_FONT_WEIGHTS.includes(font_weight)) {
       style.fontWeight = font_weight;
     }
     if (font_color) {
       style.color = font_color;
     }
-    style.textAlign = horizontal_align && _constants.HORIZONTAL_ALIGNS.includes(horizontal_align) ? horizontal_align : _constants.HORIZONTAL_ALIGN.LEFT;
+    style.textAlign = horizontal_align && HORIZONTAL_ALIGNS.includes(horizontal_align) ? horizontal_align : HORIZONTAL_ALIGN.LEFT;
     return style;
   }, [chart]);
   if (!chart) return null;
@@ -48,9 +40,9 @@ const Title = _ref => {
   const text = title && title.text;
   if (!text) return null;
   const style = getTitleStyle();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sea-chart-title', className),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('sea-chart-title', className),
     style: style
   }, text);
 };
-var _default = exports.default = Title;
+export default Title;