dtable-statistic 4.3.3 → 4.3.4

package/es/dashboard.js

@@ -1,30 +1,22 @@
-"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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
-var _statisticDashboard = _interopRequireDefault(require("./model/statistic-dashboard"));
-var _dashboardService = _interopRequireDefault(require("./service/dashboard-service"));
-var _chartService = _interopRequireDefault(require("./service/chart-service"));
-var _mapJson = require("./service/map-json");
-var _desktopDashboard = _interopRequireDefault(require("./desktop-dashboard"));
-var _mobileDashboard = _interopRequireDefault(require("./mobile-dashboard"));
-var _threadManager = _interopRequireDefault(require("./calculator/thread-manager"));
-var _calculator = _interopRequireDefault(require("./calculator"));
-var _utils = require("./utils");
-var _commonUtils = require("./utils/common-utils");
-var _constants = require("./constants");
-require("./locale");
-require("./assets/css/dashboard.css");
-require("./assets/css/theme.css");
-require("./assets/css/dialog.css");
-class DashBoard extends _react.Component {
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import { TableUtils, Views } from 'dtable-store';
+import StatisticDashBoard from './model/statistic-dashboard';
+import DashBoardService from './service/dashboard-service';
+import ChartService from './service/chart-service';
+import { MapJsonService } from './service/map-json';
+import DesktopDashboard from './desktop-dashboard';
+import MobileDashboard from './mobile-dashboard';
+import ThreadManager from './calculator/thread-manager';
+import ChartCalculator from './calculator';
+import { hasOwnProperty, isMobile } from './utils';
+import { generatorUniqueId } from './utils/common-utils';
+import { CommonEventTypes, DASHBOARD_ACTION_TYPE, KEY_SELECTED_DASHBOARD, LABEL_COLORS } from './constants';
+import './locale';
+import './assets/css/dashboard.css';
+import './assets/css/theme.css';
+import './assets/css/dialog.css';
+class DashBoard extends Component {
   constructor(props) {
     super(props);
     this.loadSvg = () => {
@@ -80,13 +72,13 @@ class DashBoard extends _react.Component {
         userId
       } = window.dtable;
       const value = this.value;
-      this.chartCalculator = new _calculator.default({
+      this.chartCalculator = new ChartCalculator({
         username,
         userId,
         value,
         statisticThreadManager: this.statisticThreadManager
       });
-      this.dashboardService = new _dashboardService.default({
+      this.dashboardService = new DashBoardService({
         value,
         defaultDashboardName: this.defaultDashboardName,
         chartCalculator: this.chartCalculator,
@@ -97,7 +89,7 @@ class DashBoard extends _react.Component {
       this.initLabelColorConfigs();
       const statistics = this.dashboardService.getStatistics();
       const validStatistics = this.dashboardService.getValidStatistics(statistics);
-      let selectedDashboardIdx = this.getSelectedDashboardIdxFromLocal(_constants.KEY_SELECTED_DASHBOARD) || 0;
+      let selectedDashboardIdx = this.getSelectedDashboardIdxFromLocal(KEY_SELECTED_DASHBOARD) || 0;
       if (!statistics[selectedDashboardIdx]) {
         selectedDashboardIdx = 0;
       }
@@ -110,7 +102,7 @@ class DashBoard extends _react.Component {
       const systemCustomColors = window.dtable.customColors || [];
       const baseSettings = this.value && this.value.settings;
       const baseCustomColors = baseSettings && baseSettings.custom_colors || [];
-      this.labelColorConfigs = [..._constants.LABEL_COLORS.map(color => ({
+      this.labelColorConfigs = [...LABEL_COLORS.map(color => ({
         color: color.toUpperCase(),
         text_color: '#fff'
       })), ...systemCustomColors.map(customColor => ({
@@ -138,16 +130,16 @@ class DashBoard extends _react.Component {
       const {
         dtableUuid
       } = window.dtable;
-      const selectedViewIdsString = window.localStorage.getItem(_constants.KEY_SELECTED_DASHBOARD);
+      const selectedViewIdsString = window.localStorage.getItem(KEY_SELECTED_DASHBOARD);
       let selectedViewIds = selectedViewIdsString ? JSON.parse(selectedViewIdsString) : {};
       selectedViewIds[dtableUuid] = index;
-      localStorage.setItem(_constants.KEY_SELECTED_DASHBOARD, JSON.stringify(selectedViewIds));
+      localStorage.setItem(KEY_SELECTED_DASHBOARD, JSON.stringify(selectedViewIds));
     };
     this.getActiveTable = () => {
       const {
         activeTableIdx
       } = this.props;
-      return _dtableStore.TableUtils.getTableByIndex(this.value.tables, activeTableIdx);
+      return TableUtils.getTableByIndex(this.value.tables, activeTableIdx);
     };
     this.getActiveView = () => {
       const {
@@ -155,7 +147,7 @@ class DashBoard extends _react.Component {
       } = this.props;
       const selectedTable = this.getActiveTable();
       if (!activeViewId) return selectedTable.views[0];
-      return _dtableStore.Views.getViewById(selectedTable.views, activeViewId);
+      return Views.getViewById(selectedTable.views, activeViewId);
     };
     this.getInitChart = _ref2 => {
       let {
@@ -193,7 +185,7 @@ class DashBoard extends _react.Component {
     };
     this.modifyColorTheme = colorThemeName => {
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.MODIFY_COLOR_THEME,
+        action: DASHBOARD_ACTION_TYPE.MODIFY_COLOR_THEME,
         payload: {
           colorThemeName
         }
@@ -206,13 +198,13 @@ class DashBoard extends _react.Component {
       const {
         statistics
       } = this.state;
-      const dashboard = new _statisticDashboard.default({
-        _id: (0, _commonUtils.generatorUniqueId)(statistics),
+      const dashboard = new StatisticDashBoard({
+        _id: generatorUniqueId(statistics),
         stat_items: [],
         name
       });
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.ADD_DASHBOARD,
+        action: DASHBOARD_ACTION_TYPE.ADD_DASHBOARD,
         payload: {
           dashboard
         }
@@ -232,7 +224,7 @@ class DashBoard extends _react.Component {
         selectedDashboardIdx
       } = this.state;
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.RENAME_DASHBOARD,
+        action: DASHBOARD_ACTION_TYPE.RENAME_DASHBOARD,
         payload: {
           index: selectedDashboardIdx,
           name
@@ -252,7 +244,7 @@ class DashBoard extends _react.Component {
         nextSelectedDashboardIdx--;
       }
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.DELETE_DASHBOARD,
+        action: DASHBOARD_ACTION_TYPE.DELETE_DASHBOARD,
         payload: {
           index
         }
@@ -266,7 +258,7 @@ class DashBoard extends _react.Component {
     };
     this.moveDashboard = (draggedDashboardId, targetBoardId, relativePosition) => {
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.MOVE_DASHBOARD,
+        action: DASHBOARD_ACTION_TYPE.MOVE_DASHBOARD,
         payload: {
           draggedDashboardId,
           targetBoardId,
@@ -291,7 +283,7 @@ class DashBoard extends _react.Component {
         return;
       }
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.MODIFY_DASHBOARD_LAYOUT,
+        action: DASHBOARD_ACTION_TYPE.MODIFY_DASHBOARD_LAYOUT,
         payload: {
           index: this.state.selectedDashboardIdx,
           layout
@@ -318,7 +310,7 @@ class DashBoard extends _react.Component {
     this.moveChartToView = (chartId, viewId) => {
       this.disabledUpdateLayout = true;
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.MOVE_CHART_TO_VIEW,
+        action: DASHBOARD_ACTION_TYPE.MOVE_CHART_TO_VIEW,
         payload: {
           index: this.state.selectedDashboardIdx,
           chart_id: chartId,
@@ -332,7 +324,7 @@ class DashBoard extends _react.Component {
     this.deleteChart = chartId => {
       this.disabledUpdateLayout = true;
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.DELETE_CHART,
+        action: DASHBOARD_ACTION_TYPE.DELETE_CHART,
         payload: {
           index: this.state.selectedDashboardIdx,
           chart_id: chartId
@@ -348,7 +340,7 @@ class DashBoard extends _react.Component {
       }
       this.disabledUpdateLayout = true;
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.ADD_CHART,
+        action: DASHBOARD_ACTION_TYPE.ADD_CHART,
         payload: {
           index: this.state.selectedDashboardIdx,
           chart
@@ -363,7 +355,7 @@ class DashBoard extends _react.Component {
     };
     this.modifyChart = chart => {
       const updatedStatistics = this.dashboardService.update({
-        action: _constants.DASHBOARD_ACTION_TYPE.MODIFY_CHART,
+        action: DASHBOARD_ACTION_TYPE.MODIFY_CHART,
         payload: {
           index: this.state.selectedDashboardIdx,
           chart
@@ -381,7 +373,7 @@ class DashBoard extends _react.Component {
       let validUpdates = {
         ...updates
       };
-      if ((0, _utils.hasOwnProperty)(updates, 'statistics')) {
+      if (hasOwnProperty(updates, 'statistics')) {
         validUpdates.statistics = this.dashboardService.getValidStatistics(statistics);
       }
       this.setState(validUpdates, () => {
@@ -390,7 +382,7 @@ class DashBoard extends _react.Component {
       });
     };
     this.getTableById = tableId => {
-      return _dtableStore.TableUtils.getTableById(this.value.tables, tableId);
+      return TableUtils.getTableById(this.value.tables, tableId);
     };
     this.getTables = () => {
       return this.value.tables;
@@ -424,14 +416,14 @@ class DashBoard extends _react.Component {
     const {
       value: _value
     } = props;
-    const defaultChartTitle = _reactIntlUniversal.default.get('Untitled');
-    this.defaultDashboardName = _reactIntlUniversal.default.get('Default_dashboard');
+    const defaultChartTitle = intl.get('Untitled');
+    this.defaultDashboardName = intl.get('Default_dashboard');
     this.value = _value;
-    this.chartService = new _chartService.default({
+    this.chartService = new ChartService({
       defaultChartTitle
     });
-    this.statisticThreadManager = new _threadManager.default((navigator.hardwareConcurrency || 4) - 1);
-    this.mapJsonService = new _mapJson.MapJsonService({
+    this.statisticThreadManager = new ThreadManager((navigator.hardwareConcurrency || 4) - 1);
+    this.mapJsonService = new MapJsonService({
       mediaUrl
     });
     const {
@@ -454,7 +446,7 @@ class DashBoard extends _react.Component {
     } = this.props;
     this.unsubscribeLocalDtableChanged = eventBus.subscribe('local-dtable-changed', this.onLocalDTableChanged);
     this.unsubscribeRemoteDtableChange = eventBus.subscribe('remote-dtable-changed', this.onServerDTableChanged);
-    this.unsubscribeRefreshCharts = eventBus.subscribe(_constants.CommonEventTypes.REFRESH_CHARTS, this.refreshCharts);
+    this.unsubscribeRefreshCharts = eventBus.subscribe(CommonEventTypes.REFRESH_CHARTS, this.refreshCharts);
   }
   componentWillUnmount() {
     this.unsubscribeLocalDtableChanged();
@@ -474,7 +466,7 @@ class DashBoard extends _react.Component {
     } = this.state;
     const isTableReadOnly = this.isTableReadOnly();
     const colorThemeName = this.dashboardService.getColorThemeName();
-    return _utils.isMobile ? /*#__PURE__*/_react.default.createElement(_mobileDashboard.default, {
+    return isMobile ? /*#__PURE__*/React.createElement(MobileDashboard, {
       isTableReadOnly: isTableReadOnly,
       colorThemeName: colorThemeName,
       dtableChangedTime: dtableChangedTime,
@@ -490,7 +482,7 @@ class DashBoard extends _react.Component {
       deleteDashboard: this.deleteDashboard,
       getTableById: this.getTableById,
       queryMapJson: this.queryMapJson
-    }) : /*#__PURE__*/_react.default.createElement(_desktopDashboard.default, {
+    }) : /*#__PURE__*/React.createElement(DesktopDashboard, {
       isTableReadOnly: isTableReadOnly,
       colorThemeName: colorThemeName,
       dtableChangedTime: dtableChangedTime,
@@ -525,4 +517,4 @@ class DashBoard extends _react.Component {
     });
   }
 }
-var _default = exports.default = DashBoard;
+export default DashBoard;

package/es/desktop-dashboard.js

@@ -1,25 +1,17 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _tabs = _interopRequireDefault(require("./tabs"));
-var _statList = _interopRequireDefault(require("./stat-list"));
-var _colorThemeDialog = _interopRequireDefault(require("./components/dialog/color-theme-dialog"));
-var _chartAdditionEditDialog = _interopRequireDefault(require("./components/dialog/chart-addition-edit-dialog"));
-var _statisticRecordDialog = _interopRequireDefault(require("./components/dialog/statistic-record-dialog"));
-var _chartService = _interopRequireDefault(require("./service/chart-service"));
-var _constants = require("./constants");
-var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { UncontrolledTooltip } from 'reactstrap';
+import intl from 'react-intl-universal';
+import Tabs from './tabs';
+import StatList from './stat-list';
+import ColorThemeDialog from './components/dialog/color-theme-dialog';
+import ChartAdditionEditDialog from './components/dialog/chart-addition-edit-dialog';
+import StatisticRecordDialog from './components/dialog/statistic-record-dialog';
+import ChartService from './service/chart-service';
+import { THEME_NAME_MAP } from './constants';
+import logo from './assets/images/icon.png';
 const KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
-class DesktopDashboard extends _react.Component {
+class DesktopDashboard extends Component {
   constructor(props) {
     var _this;
     super(props);
@@ -41,7 +33,7 @@ class DesktopDashboard extends _react.Component {
       });
     };
     this.toggleThemeMode = () => {
-      const theme = this.state.theme === _constants.THEME_NAME_MAP.DARK ? _constants.THEME_NAME_MAP.LIGHT : _constants.THEME_NAME_MAP.DARK;
+      const theme = this.state.theme === THEME_NAME_MAP.DARK ? THEME_NAME_MAP.LIGHT : THEME_NAME_MAP.DARK;
       this.setState({
         theme
       }, () => {
@@ -129,8 +121,8 @@ class DesktopDashboard extends _react.Component {
       if (!Array.isArray(statistics)) return [];
       return statistics.filter((_, index) => index !== selectedDashboardIdx);
     };
-    const defaultChartTitle = _reactIntlUniversal.default.get('Untitled');
-    this.charService = new _chartService.default({
+    const defaultChartTitle = intl.get('Untitled');
+    this.charService = new ChartService({
       defaultChartTitle
     });
     this.state = {
@@ -161,28 +153,28 @@ class DesktopDashboard extends _react.Component {
       editingChart,
       chartRecordsParams
     } = this.state;
-    const darkMode = theme === _constants.THEME_NAME_MAP.DARK;
+    const darkMode = theme === THEME_NAME_MAP.DARK;
     const statistic = statistics[selectedDashboardIdx];
     const {
       stat_items: statItems
     } = statistic || {};
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-them statistic-panel', {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-them statistic-panel', {
         'statistic-dark': darkMode,
         'statistic-light': !darkMode,
         'full-screen': isFullScreen
       })
-    }, /*#__PURE__*/_react.default.createElement("header", {
+    }, /*#__PURE__*/React.createElement("header", {
       className: "statistic-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-logo"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: _icon.default,
+    }, /*#__PURE__*/React.createElement("img", {
+      src: logo,
       alt: "",
       width: "24"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "ml-2"
-    }, _reactIntlUniversal.default.get('Statistics'))), /*#__PURE__*/_react.default.createElement(_tabs.default, {
+    }, intl.get('Statistics'))), /*#__PURE__*/React.createElement(Tabs, {
       theme: theme,
       statistics: statistics,
       selectedDashboardIdx: selectedDashboardIdx,
@@ -191,47 +183,47 @@ class DesktopDashboard extends _react.Component {
       renameDashboard: this.props.renameDashboard,
       deleteDashboard: this.props.deleteDashboard,
       moveDashboard: this.props.moveDashboard
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-header-operators d-flex align-items-center"
-    }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement("button", {
+    }, !isTableReadOnly && /*#__PURE__*/React.createElement("button", {
       className: "btn btn-secondary op-item add-stat",
       onClick: this.onToggleChartAddition
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "add-new-option"
-    }, _reactIntlUniversal.default.get('New_chart'))), /*#__PURE__*/_react.default.createElement("div", {
+    }, intl.get('New_chart'))), /*#__PURE__*/React.createElement("div", {
       className: "op-item op-item-icon-wrapper",
       onClick: this.onToggleColorThemeDialog
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "op-item-icon dtable-font dtable-icon-set-up"
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "op-item op-item-icon-wrapper",
       id: "btn-statistic-full-screen",
       onClick: this.onToggleFullScreen
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "op-item-icon dtable-font dtable-icon-full-screen ".concat(isFullScreen ? 'full-screen-active' : '')
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
+    }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
       placement: "bottom",
       target: "btn-statistic-full-screen"
-    }, isFullScreen ? _reactIntlUniversal.default.get('Cancel_full_screen') : _reactIntlUniversal.default.get('Full_screen'))), /*#__PURE__*/_react.default.createElement("div", {
+    }, isFullScreen ? intl.get('Cancel_full_screen') : intl.get('Full_screen'))), /*#__PURE__*/React.createElement("div", {
       className: "op-item op-item-icon-wrapper",
       id: "btn-statistic-theme-setting"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon dtable-font ".concat(theme === _constants.THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "op-item-icon dtable-font ".concat(theme === THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
       onClick: this.toggleThemeMode
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
+    }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
       placement: "bottom",
       target: "btn-statistic-theme-setting"
-    }, darkMode ? _reactIntlUniversal.default.get('Light_mode') : _reactIntlUniversal.default.get('Dark_mode'))), /*#__PURE__*/_react.default.createElement("div", {
+    }, darkMode ? intl.get('Light_mode') : intl.get('Dark_mode'))), /*#__PURE__*/React.createElement("div", {
       onClick: this.onCloseDashboard,
       className: "op-item op-item-icon-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      title: _reactIntlUniversal.default.get('Close'),
+    }, /*#__PURE__*/React.createElement("span", {
+      title: intl.get('Close'),
       className: "op-item-icon btn-close dtable-font dtable-icon-x"
-    })))), /*#__PURE__*/_react.default.createElement("main", {
+    })))), /*#__PURE__*/React.createElement("main", {
       className: "statistic-main"
-    }, /*#__PURE__*/_react.default.createElement(_statList.default, {
+    }, /*#__PURE__*/React.createElement(StatList, {
       isTableReadOnly: isTableReadOnly,
       dtableChangedTime: dtableChangedTime,
       theme: theme,
@@ -250,7 +242,7 @@ class DesktopDashboard extends _react.Component {
       onToggleEditChart: this.onToggleEditChart,
       onCloseDashboard: this.props.onCloseDashboard,
       toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
-    })), this.state.isShowChartAdditionDialog && /*#__PURE__*/_react.default.createElement(_chartAdditionEditDialog.default, {
+    })), this.state.isShowChartAdditionDialog && /*#__PURE__*/React.createElement(ChartAdditionEditDialog, {
       dtableChangedTime: dtableChangedTime,
       colorThemeName: colorThemeName,
       editingChart: editingChart,
@@ -267,11 +259,11 @@ class DesktopDashboard extends _react.Component {
       addChart: this.props.addChart,
       modifyChart: this.props.modifyChart,
       toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
-    }), this.state.isShowColorThemeDialog && /*#__PURE__*/_react.default.createElement(_colorThemeDialog.default, {
+    }), this.state.isShowColorThemeDialog && /*#__PURE__*/React.createElement(ColorThemeDialog, {
       colorThemeName: colorThemeName,
       onToggleColorThemeDialog: this.onToggleColorThemeDialog,
       modifyColorTheme: this.props.modifyColorTheme
-    }), !!chartRecordsParams && /*#__PURE__*/_react.default.createElement(_statisticRecordDialog.default, {
+    }), !!chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
       eventBus: this.props.eventBus,
       chartRecordsParams: chartRecordsParams,
       getTableById: getTableById,
@@ -280,4 +272,4 @@ class DesktopDashboard extends _react.Component {
     }));
   }
 }
-var _default = exports.default = DesktopDashboard;
+export default DesktopDashboard;

package/es/index.js

@@ -1,8 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _dashboard = _interopRequireDefault(require("./dashboard"));
+import React from 'react';
+import DashBoard from './dashboard';
 class Statistic {
   static getInitProps() {
     if (!window || !window.app) {
@@ -35,7 +32,7 @@ class Statistic {
   static mount(props) {
     const customProps = this.getInitProps();
     if (!customProps) return;
-    window.app.mountWidget( /*#__PURE__*/_react.default.createElement(_dashboard.default, Object.assign({}, props, customProps)));
+    window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, Object.assign({}, props, customProps)));
   }
   static unmount() {
     let {

package/es/locale/index.js

@@ -1,20 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _de = _interopRequireDefault(require("./lang/de"));
-var _en = _interopRequireDefault(require("./lang/en"));
-var _fr = _interopRequireDefault(require("./lang/fr"));
-var _zh_CN = _interopRequireDefault(require("./lang/zh_CN"));
+import intl from 'react-intl-universal';
+import de from './lang/de';
+import en from './lang/en';
+import fr from './lang/fr';
+import zh_CN from './lang/zh_CN';
 const LOCALES = {
-  'de': _de.default,
-  'en': _en.default,
-  'fr': _fr.default,
-  'zh-cn': _zh_CN.default
+  'de': de,
+  'en': en,
+  'fr': fr,
+  'zh-cn': zh_CN
 };
 const LANGUAGE = 'zh-cn';
 let lang = window.dtable && window.dtable.lang || LANGUAGE;
-_reactIntlUniversal.default.init({
+intl.init({
   currentLocale: lang,
   locales: LOCALES
 });

package/es/locale/lang/de.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const de = {
   'Statistics': 'Statistiken',
   'New_chart': 'Neue Grafik',
@@ -255,4 +249,4 @@ const de = {
   'Move_to': 'Verschieben nach',
   'Table_xxx_exist': 'Die Tabelle {name} existiert.'
 };
-var _default = exports.default = de;
+export default de;

package/es/locale/lang/en.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const en = {
   'Statistics': 'Statistics',
   'New_chart': 'New chart',
@@ -255,4 +249,4 @@ const en = {
   'Move_to': 'Move to...',
   'Table_xxx_exist': 'Table {name} exist'
 };
-var _default = exports.default = en;
+export default en;

package/es/locale/lang/fr.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const fr = {
   'Statistics': 'Statistiques',
   'New_chart': 'Nouveau graphique',
@@ -255,4 +249,4 @@ const fr = {
   'Move_to': 'Déplacer vers',
   'Table_xxx_exist': 'Le tableau {name} existe.'
 };
-var _default = exports.default = fr;
+export default fr;

package/es/locale/lang/zh_CN.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const zh_CN = {
   'Statistics': '统计',
   'New_chart': '新建统计图表',
@@ -255,4 +249,4 @@ const zh_CN = {
   'Move_to': '移动到...',
   'Table_xxx_exist': '子表 { name } 已存在'
 };
-var _default = exports.default = zh_CN;
+export default zh_CN;