sea-chart 1.1.64 → 2.0.0

package/dist/utils/sql/index.js

@@ -1,3 +1,27 @@
-import chartColumn2SqlColumn, { summaryMethodColumn2SqlColumn } from './column-2-sql-column';
-import ChartDataSQL from './chart-data-sql';
-export { chartColumn2SqlColumn, summaryMethodColumn2SqlColumn, ChartDataSQL };
+"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"));

package/dist/utils/trend-utils.js

@@ -1,43 +1,51 @@
-import dayjs from 'dayjs';
-import quarterOfYear from 'dayjs/plugin/quarterOfYear';
-import { CHART_SUMMARY_TYPE } from '../constants';
-import { BaseUtils } from './chart-utils';
-dayjs.extend(quarterOfYear);
-export function getCompareDate(dateGranularity) {
-  const currentDate = dayjs();
+"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)();
   switch (dateGranularity) {
-    case CHART_SUMMARY_TYPE.DAY:
+    case _constants.CHART_SUMMARY_TYPE.DAY:
       {
-        const compareDate = dayjs(currentDate).subtract(1, 'days').format('YYYY-MM-DD');
-        const comparedDate = dayjs(currentDate).subtract(2, 'days').format('YYYY-MM-DD');
+        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');
         return {
           compareDate,
           comparedDate
         };
       }
-    case CHART_SUMMARY_TYPE.WEEK:
+    case _constants.CHART_SUMMARY_TYPE.WEEK:
       {
-        const currentWeek = dayjs().day(1);
-        const compareDate = dayjs(currentWeek).subtract(1, 'weeks').format('YYYY-MM-DD');
-        const comparedDate = dayjs(currentWeek).subtract(2, 'weeks').format('YYYY-MM-DD');
+        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');
         return {
           compareDate,
           comparedDate
         };
       }
-    case CHART_SUMMARY_TYPE.MONTH:
+    case _constants.CHART_SUMMARY_TYPE.MONTH:
       {
-        const compareDate = dayjs(currentDate).subtract(1, 'months').format('YYYY-MM');
-        const comparedDate = dayjs(currentDate).subtract(2, 'months').format('YYYY-MM');
+        const compareDate = (0, _dayjs.default)(currentDate).subtract(1, 'months').format('YYYY-MM');
+        const comparedDate = (0, _dayjs.default)(currentDate).subtract(2, 'months').format('YYYY-MM');
         return {
           compareDate,
           comparedDate
         };
       }
-    case CHART_SUMMARY_TYPE.QUARTER:
+    case _constants.CHART_SUMMARY_TYPE.QUARTER:
       {
-        const currentQuarter = dayjs().quarter();
-        const currentYear = dayjs().year();
+        const currentQuarter = (0, _dayjs.default)().quarter();
+        const currentYear = (0, _dayjs.default)().year();
         let lastQuarter = currentQuarter - 1;
         let compareDate, comparedDate;
         if (lastQuarter < 1) {
@@ -58,9 +66,9 @@ export function getCompareDate(dateGranularity) {
           comparedDate
         };
       }
-    case CHART_SUMMARY_TYPE.YEAR:
+    case _constants.CHART_SUMMARY_TYPE.YEAR:
       {
-        const currentYear = dayjs().year();
+        const currentYear = (0, _dayjs.default)().year();
         return {
           compareDate: currentYear - 1 + '',
           comparedDate: currentYear - 2 + ''
@@ -72,17 +80,17 @@ export function getCompareDate(dateGranularity) {
       }
   }
 }
-export function summaryDurationResult(result, duration, summaryType, summaryMethod, useDataDb, dbDateKey, valueKey) {
-  const currentTime = dayjs();
+function summaryDurationResult(result, duration, summaryType, summaryMethod, useDataDb, dbDateKey, valueKey) {
+  const currentTime = (0, _dayjs.default)();
   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 = dayjs(formattedMiddleDate).subtract(days, 'days').format('YYYY-MM-DD');
-  const endDate = dayjs(formattedEndDate);
-  const middleDate = dayjs(formattedMiddleDate);
-  const startDate = dayjs(formattedStartDate);
+  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);
   let compareValue = [];
   let comparedValue = [];
   if (useDataDb) {
@@ -90,7 +98,7 @@ export function summaryDurationResult(result, duration, summaryType, summaryMeth
     const days2 = [];
     for (let index = 0; index < result.length; index++) {
       const item = result[index];
-      const key = dayjs(item[dbDateKey]);
+      const key = (0, _dayjs.default)(item[dbDateKey]);
       if (!key.isValid()) continue;
       if (key >= startDate && key < middleDate) {
         comparedValue.push(item[valueKey]);
@@ -103,16 +111,16 @@ export function summaryDurationResult(result, duration, summaryType, summaryMeth
   } else {
     // eslint-disable-next-line
     for (let item of result) {
-      const key = dayjs(item[0]);
+      const key = (0, _dayjs.default)(item[0]);
       if (!key.isValid()) continue;
       if (key >= startDate && key < middleDate) {
-        if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
+        if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
           comparedValue = comparedValue.concat(item[1] || []);
         } else {
           comparedValue.push(item[1]);
         }
       } else if (key >= middleDate && key < endDate) {
-        if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
+        if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
           compareValue = compareValue.concat(item[1] || []);
         } else {
           compareValue.push(item[1]);
@@ -120,12 +128,12 @@ export function summaryDurationResult(result, duration, summaryType, summaryMeth
       }
     }
   }
-  if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
-    comparedValue = BaseUtils.getSummaryResult(comparedValue, summaryMethod);
-    compareValue = BaseUtils.getSummaryResult(compareValue, summaryMethod);
+  if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+    comparedValue = _chartUtils.BaseUtils.getSummaryResult(comparedValue, summaryMethod);
+    compareValue = _chartUtils.BaseUtils.getSummaryResult(compareValue, summaryMethod);
   } else {
-    compareValue = BaseUtils.getSummaryResult(compareValue, 'Sum');
-    comparedValue = BaseUtils.getSummaryResult(comparedValue, 'Sum');
+    compareValue = _chartUtils.BaseUtils.getSummaryResult(compareValue, 'Sum');
+    comparedValue = _chartUtils.BaseUtils.getSummaryResult(comparedValue, 'Sum');
   }
   return {
     compareValue,

package/dist/view/index.js

@@ -1,19 +1,26 @@
-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 {
+"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 {
   constructor(props) {
     var _this;
     super(props);
@@ -29,7 +36,7 @@ class View extends React.PureComponent {
       const {
         chart
       } = this.props;
-      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)) {
+      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)) {
         // refresh cache calculated before
         const refreshCache = true;
         this.calculateStatistic(true, null, refreshCache);
@@ -85,15 +92,15 @@ class View extends React.PureComponent {
       const {
         data
       } = _this.state;
-      const collaborators = context.getCollaboratorsFromCache();
+      const collaborators = _context.default.getCollaboratorsFromCache();
       if (isCalculateByView) {
-        if (BaseUtils.isArchiveView(chart.config, tables)) {
-          ChartUtils.calculateChart(chart, {
+        if (_chartUtils.BaseUtils.isArchiveView(chart.config, tables)) {
+          _chartUtils.ChartUtils.calculateChart(chart, {
             tables,
             collaborators
           }, _this.callback);
         } else {
-          ChartUtils.calculateStaticChart(chart, {
+          _chartUtils.ChartUtils.calculateStaticChart(chart, {
             tables,
             collaborators
           }, {
@@ -105,7 +112,7 @@ class View extends React.PureComponent {
         return;
       }
       if (!isNeedRequestData) {
-        ChartUtils.calculateStaticChart(chart, {
+        _chartUtils.ChartUtils.calculateStaticChart(chart, {
           tables,
           collaborators
         }, {
@@ -113,7 +120,7 @@ class View extends React.PureComponent {
           data_sources: null
         }, _this.callback);
       } else {
-        ChartUtils.calculateChart(chart, {
+        _chartUtils.ChartUtils.calculateChart(chart, {
           tables,
           collaborators
         }, _this.callback);
@@ -125,10 +132,10 @@ class View extends React.PureComponent {
       errorMessage: '',
       tipMessage: ''
     };
-    context.init(props);
+    _context.default.init(props);
     props.onViewRef && props.onViewRef(this);
-    const lang = context.getSetting('lang') || DEFAULT_LANG;
-    intl.setLang(lang);
+    const lang = _context.default.getSetting('lang') || _constants.DEFAULT_LANG;
+    _intl.default.setLang(lang);
   }
   componentDidMount() {
     var _window$app;
@@ -138,17 +145,17 @@ class View extends React.PureComponent {
       refreshInterval,
       pageId
     } = this.props;
-    this.unsubscribeReFreshChart = eventBus.subscribe(CommonEventTypes.REFRESH_CHARTS, this.refreshChart);
+    this.unsubscribeReFreshChart = _eventBus.default.subscribe(_commonConstants.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.currentPageId !== pageId) {
-      concurrencyManager.clearPendingRequests();
-      concurrencyManager.setCurrentPageId(pageId);
+    if (pageId && _concurrencyManager.default.currentPageId !== pageId) {
+      _concurrencyManager.default.clearPendingRequests();
+      _concurrencyManager.default.setCurrentPageId(pageId);
     }
-    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);
+    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);
     }
 
     // refreshInterval is minutes
@@ -195,13 +202,13 @@ class View extends React.PureComponent {
     } else {
       this.refreshTimer && clearInterval(this.refreshTimer);
     }
-    context.api = this.props.api;
+    _context.default.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.currentPageId !== pageId) {
-      concurrencyManager.clearPendingRequests();
-      concurrencyManager.setCurrentPageId(pageId);
+    if (pageId && _concurrencyManager.default.currentPageId !== pageId) {
+      _concurrencyManager.default.clearPendingRequests();
+      _concurrencyManager.default.setCurrentPageId(pageId);
     }
 
     // universal-apps will not trigger calculation of the chart before the chart config saved
@@ -213,25 +220,25 @@ class View extends React.PureComponent {
     }
 
     // version was used to dectect table change in big screen plugin
-    if (shallowEqual(chart, oldChart) && version === nextVersion) return;
+    if ((0, _shallowequal.default)(chart, oldChart) && version === nextVersion) return;
     this.setState({
       isCalculated: false
     }, () => {
-      if (BaseUtils.isChartTypeChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartTypeChange(chart, oldChart)) {
         this.calculateStatistic();
         return;
       }
-      if (BaseUtils.isChartViewChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartViewChange(chart, oldChart)) {
         this.calculateStatistic();
         return;
       }
-      if (BaseUtils.isChartStyleChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartStyleChange(chart, oldChart)) {
         this.setState({
           isCalculated: true
         });
         return;
       }
-      if (BaseUtils.isChartSortChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartSortChange(chart, oldChart)) {
         this.calculateStatistic(false);
         return;
       }
@@ -250,6 +257,7 @@ class View extends React.PureComponent {
       globalTheme,
       chartColorTheme,
       isCalculateByView,
+      isRenderByD3,
       dtableStoreValue,
       integratedEventTypes,
       integratedEventBus,
@@ -274,50 +282,51 @@ class View extends React.PureComponent {
       title
     } = style_config;
     const hasTitle = title && ((_title$text = title.text) === null || _title$text === void 0 ? void 0 : _title$text.length);
-    const validClassName = classnames('sea-chart-formatter', className);
+    const validClassName = (0, _classnames.default)('sea-chart-formatter', className);
     const tipBackgroundColorClassName = 'sea-chart-formatter-tip';
     if (!isCalculated) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames('loading', validClassName)
-      }, /*#__PURE__*/React.createElement(Loading, null));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('loading', validClassName)
+      }, /*#__PURE__*/_react.default.createElement(_components.Loading, null));
     }
     if (errorMessage) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames('error', validClassName, tipBackgroundColorClassName)
-      }, /*#__PURE__*/React.createElement("span", null, errorMessage));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('error', validClassName, tipBackgroundColorClassName)
+      }, /*#__PURE__*/_react.default.createElement("span", null, errorMessage));
     }
     if (tipMessage) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames('error', validClassName, tipBackgroundColorClassName)
-      }, /*#__PURE__*/React.createElement("span", null, intl.get(tipMessage)));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('error', validClassName, tipBackgroundColorClassName)
+      }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get(tipMessage)));
     }
-    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')));
+    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')));
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: validClassName
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames('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.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"), {
         'big_screen_plugin': isBigScreenPlugin
       })
-    }, !hideTitle && /*#__PURE__*/React.createElement(Title, {
+    }, !hideTitle && /*#__PURE__*/_react.default.createElement(_title.default, {
       chart: chart
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       id: "sea-chart-cavans-container-".concat(chart.id),
-      className: classnames('sea-chart-cavans-container', {
+      className: (0, _classnames.default)('sea-chart-cavans-container', {
         'has-title': hasTitle
       })
-    }, /*#__PURE__*/React.createElement(Wrapper, {
+    }, /*#__PURE__*/_react.default.createElement(_wrapper.default, {
       chart: chart,
       data: data,
       dtableStoreValue: dtableStoreValue,
       tables: tables,
       canvasStyle: canvasStyle,
       customRender: render,
-      globalTheme: globalTheme ? globalTheme : THEME_NAME_MAP.LIGHT,
+      globalTheme: globalTheme ? globalTheme : _constants.THEME_NAME_MAP.LIGHT,
       isCalculateByView: isCalculateByView,
+      isRenderByD3: isRenderByD3,
       isBigScreenPlugin: isBigScreenPlugin,
       chartColorTheme: chartColorTheme,
       integratedEventTypes: integratedEventTypes,
@@ -325,33 +334,34 @@ class View extends React.PureComponent {
     }))));
   }
 }
-const propTypes = {
+const propTypes = exports.propTypes = {
   // style
-  className: PropTypes.string,
-  canvasStyle: PropTypes.object,
-  globalTheme: PropTypes.string,
+  className: _propTypes.default.string,
+  canvasStyle: _propTypes.default.object,
+  globalTheme: _propTypes.default.string,
   // light or dark
-  chartColorTheme: PropTypes.string,
-  hideTitle: PropTypes.bool,
-  render: PropTypes.func,
+  chartColorTheme: _propTypes.default.string,
+  hideTitle: _propTypes.default.bool,
+  render: _propTypes.default.func,
   // User-defined rendering content
 
   // data
-  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,
+  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,
+  isRenderByD3: _propTypes.default.bool,
   // event
-  integratedEventTypes: PropTypes.object,
-  integratedEventBus: PropTypes.object,
-  onViewRef: PropTypes.func
+  integratedEventTypes: _propTypes.default.object,
+  integratedEventBus: _propTypes.default.object,
+  onViewRef: _propTypes.default.func
 };
-const defaultProps = {
+const defaultProps = exports.defaultProps = {
   canvasStyle: {},
   tables: [],
   chart: {
@@ -360,9 +370,8 @@ const defaultProps = {
     style_config: {}
   },
   collaborators: [],
-  globalTheme: THEME_NAME_MAP.LIGHT,
+  globalTheme: _constants.THEME_NAME_MAP.LIGHT,
   isCalculateByView: false
 };
 View.defaultProps = defaultProps;
-export default View;
-export { defaultProps, propTypes };
+var _default = exports.default = View;

package/dist/view/title/index.js

@@ -1,20 +1,28 @@
-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';
+"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");
 const Title = _ref => {
   let {
     chart,
     className
   } = _ref;
-  const getTitleStyle = useCallback(() => {
+  const getTitleStyle = (0, _react.useCallback)(() => {
     var _chart$style_config, _chart$style_config2;
     let style = {
-      fontSize: "".concat(DEFAULT_CHART_TITLE_FONT_SIZE, "px"),
-      fontWeight: DEFAULT_CHART_FONT_WEIGHT
+      fontSize: "".concat(_constants.DEFAULT_CHART_TITLE_FONT_SIZE, "px"),
+      fontWeight: _constants.DEFAULT_CHART_FONT_WEIGHT
     };
-    if (!chart || !chart.style_config || !((_chart$style_config = chart.style_config) === null || _chart$style_config === void 0 ? void 0 : _chart$style_config.title)) {
+    if (!chart || !chart.style_config || !((_chart$style_config = chart.style_config) !== null && _chart$style_config !== void 0 && _chart$style_config.title)) {
       return style;
     }
     const {
@@ -23,16 +31,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 (isNumber(font_size)) {
+    if ((0, _dtableUtils.isNumber)(font_size)) {
       style.fontSize = font_size < 0 ? 0 : "".concat(font_size, "px");
     }
-    if (CHART_SUPPORT_FONT_WEIGHTS.includes(font_weight)) {
+    if (_constants.CHART_SUPPORT_FONT_WEIGHTS.includes(font_weight)) {
       style.fontWeight = font_weight;
     }
     if (font_color) {
       style.color = font_color;
     }
-    style.textAlign = horizontal_align && HORIZONTAL_ALIGNS.includes(horizontal_align) ? horizontal_align : HORIZONTAL_ALIGN.LEFT;
+    style.textAlign = horizontal_align && _constants.HORIZONTAL_ALIGNS.includes(horizontal_align) ? horizontal_align : _constants.HORIZONTAL_ALIGN.LEFT;
     return style;
   }, [chart]);
   if (!chart) return null;
@@ -40,9 +48,9 @@ const Title = _ref => {
   const text = title && title.text;
   if (!text) return null;
   const style = getTitleStyle();
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sea-chart-title', className),
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sea-chart-title', className),
     style: style
   }, text);
 };
-export default Title;
+var _default = exports.default = Title;