dtable-statistic 4.2.1 → 4.3.0

package/es/desktop-dashboard.js

@@ -1,7 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { UncontrolledTooltip } from 'reactstrap';
@@ -14,79 +10,78 @@ 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';
-var KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
-var DesktopDashboard = /*#__PURE__*/function (_Component) {
-  _inherits(DesktopDashboard, _Component);
-  var _super = _createSuper(DesktopDashboard);
-  function DesktopDashboard(props) {
+const KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
+class DesktopDashboard extends Component {
+  constructor(props) {
     var _this;
-    _classCallCheck(this, DesktopDashboard);
-    _this = _super.call(this, props);
-    _this.onToggleColorThemeDialog = function () {
-      _this.setState({
-        isShowColorThemeDialog: !_this.state.isShowColorThemeDialog
+    super(props);
+    _this = this;
+    this.onToggleColorThemeDialog = () => {
+      this.setState({
+        isShowColorThemeDialog: !this.state.isShowColorThemeDialog
       });
     };
-    _this.onToggleFullScreen = function () {
-      _this.setState({
-        isFullScreen: !_this.state.isFullScreen
+    this.onToggleFullScreen = () => {
+      this.setState({
+        isFullScreen: !this.state.isFullScreen
       });
     };
-    _this.onToggleChartAddition = function () {
-      _this.setState({
-        isShowChartAdditionDialog: !_this.state.isShowChartAdditionDialog,
+    this.onToggleChartAddition = () => {
+      this.setState({
+        isShowChartAdditionDialog: !this.state.isShowChartAdditionDialog,
         editingChart: null
       });
     };
-    _this.toggleThemeMode = function () {
-      var theme = _this.state.theme === THEME_NAME_MAP.DARK ? THEME_NAME_MAP.LIGHT : THEME_NAME_MAP.DARK;
-      _this.setState({
-        theme: theme
-      }, function () {
-        _this.saveThemeMode2LocalStorage(theme);
+    this.toggleThemeMode = () => {
+      const theme = this.state.theme === THEME_NAME_MAP.DARK ? THEME_NAME_MAP.LIGHT : THEME_NAME_MAP.DARK;
+      this.setState({
+        theme
+      }, () => {
+        this.saveThemeMode2LocalStorage(theme);
       });
     };
-    _this.onToggleEditChart = function (chartId) {
-      var _this$props = _this.props,
-        statistics = _this$props.statistics,
-        selectedDashboardIdx = _this$props.selectedDashboardIdx;
-      var statistic = statistics[selectedDashboardIdx];
-      var editingChart = statistic && statistic.stat_items.find(function (chart) {
-        return chart._id === chartId;
-      });
-      _this.setState({
+    this.onToggleEditChart = chartId => {
+      const {
+        statistics,
+        selectedDashboardIdx
+      } = this.props;
+      const statistic = statistics[selectedDashboardIdx];
+      const editingChart = statistic && statistic.stat_items.find(chart => chart._id === chartId);
+      this.setState({
         isShowChartAdditionDialog: true,
-        editingChart: editingChart
+        editingChart
       });
     };
-    _this.onCloseDashboard = function () {
-      _this.props.onCloseDashboard({
-        isFullScreen: _this.state.isFullScreen
+    this.onCloseDashboard = () => {
+      this.props.onCloseDashboard({
+        isFullScreen: this.state.isFullScreen
       });
     };
-    _this.getThemeModeMap = function () {
-      var themeString = window.localStorage.getItem(KEY_LOCAL_THEME_MODE);
+    this.getThemeModeMap = () => {
+      const themeString = window.localStorage.getItem(KEY_LOCAL_THEME_MODE);
       return themeString ? JSON.parse(themeString) : {};
     };
-    _this.saveThemeMode2LocalStorage = function (mode) {
-      var dtableUuid = window.dtable.dtableUuid;
-      var uuidThemeModeMap = _this.getThemeModeMap();
+    this.saveThemeMode2LocalStorage = mode => {
+      const {
+        dtableUuid
+      } = window.dtable;
+      const uuidThemeModeMap = this.getThemeModeMap();
       uuidThemeModeMap[dtableUuid] = mode;
       localStorage.setItem(KEY_LOCAL_THEME_MODE, JSON.stringify(uuidThemeModeMap));
     };
-    _this.getThemeModeFromLocalStorage = function () {
-      var dtableUuid = window.dtable.dtableUuid;
-      var uuidThemeModeMap = _this.getThemeModeMap();
+    this.getThemeModeFromLocalStorage = () => {
+      const {
+        dtableUuid
+      } = window.dtable;
+      const uuidThemeModeMap = this.getThemeModeMap();
       return uuidThemeModeMap[dtableUuid];
     };
-    _this.toggleStatisticRecordsDialog = function (statisticRecord, chart) {
-      var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref$isColumn = _ref.isColumn,
-        isColumn = _ref$isColumn === void 0 ? false : _ref$isColumn,
-        _ref$isCurrentView = _ref.isCurrentView,
-        isCurrentView = _ref$isCurrentView === void 0 ? false : _ref$isCurrentView,
-        _ref$isRow = _ref.isRow,
-        isRow = _ref$isRow === void 0 ? false : _ref$isRow;
+    this.toggleStatisticRecordsDialog = function (statisticRecord, chart) {
+      let {
+        isColumn = false,
+        isCurrentView = false,
+        isRow = false
+      } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       if (_this.state.chartRecordsParams) {
         _this.setState({
           chartRecordsParams: null
@@ -94,189 +89,187 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
       } else {
         _this.setState({
           chartRecordsParams: {
-            statisticRecord: statisticRecord,
-            chart: chart,
-            isColumn: isColumn,
-            isCurrentView: isCurrentView,
-            isRow: isRow
+            statisticRecord,
+            chart,
+            isColumn,
+            isCurrentView,
+            isRow
           }
         });
       }
     };
-    _this.generateChart = function (chartType) {
-      var _this$props2 = _this.props,
-        statistics = _this$props2.statistics,
-        selectedDashboardIdx = _this$props2.selectedDashboardIdx;
-      var dashboard = statistics[selectedDashboardIdx];
-      var activeTable = _this.props.getActiveTable();
-      var activeView = _this.props.getActiveView();
-      return _this.props.getInitChart({
-        chartType: chartType,
-        dashboard: dashboard,
-        activeTable: activeTable,
-        activeView: activeView
+    this.generateChart = chartType => {
+      const {
+        statistics,
+        selectedDashboardIdx
+      } = this.props;
+      const dashboard = statistics[selectedDashboardIdx];
+      const activeTable = this.props.getActiveTable();
+      const activeView = this.props.getActiveView();
+      return this.props.getInitChart({
+        chartType,
+        dashboard,
+        activeTable,
+        activeView
       });
     };
-    _this.getOtherStatistics = function () {
-      var _this$props3 = _this.props,
-        statistics = _this$props3.statistics,
-        selectedDashboardIdx = _this$props3.selectedDashboardIdx;
+    this.getOtherStatistics = () => {
+      const {
+        statistics,
+        selectedDashboardIdx
+      } = this.props;
       if (!Array.isArray(statistics)) return [];
-      return statistics.filter(function (_, index) {
-        return index !== selectedDashboardIdx;
-      });
+      return statistics.filter((_, index) => index !== selectedDashboardIdx);
     };
-    var defaultChartTitle = intl.get('Untitled');
-    _this.charService = new ChartService({
-      defaultChartTitle: defaultChartTitle
+    const defaultChartTitle = intl.get('Untitled');
+    this.charService = new ChartService({
+      defaultChartTitle
     });
-    _this.state = {
-      theme: _this.getThemeModeFromLocalStorage() || '',
+    this.state = {
+      theme: this.getThemeModeFromLocalStorage() || '',
       isFullScreen: false,
       isShowChartAdditionDialog: false,
       isShowColorThemeDialog: false,
       editingChart: null,
       chartRecordsParams: null
     };
-    return _this;
   }
-  _createClass(DesktopDashboard, [{
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-        getTableById = _this$props4.getTableById,
-        getValue = _this$props4.getValue,
-        isTableReadOnly = _this$props4.isTableReadOnly,
-        dtableChangedTime = _this$props4.dtableChangedTime,
-        colorThemeName = _this$props4.colorThemeName,
-        statistics = _this$props4.statistics,
-        selectedDashboardIdx = _this$props4.selectedDashboardIdx,
-        chartCalculator = _this$props4.chartCalculator,
-        labelColorConfigs = _this$props4.labelColorConfigs,
-        eventBus = _this$props4.eventBus;
-      var _this$state = this.state,
-        theme = _this$state.theme,
-        isFullScreen = _this$state.isFullScreen,
-        editingChart = _this$state.editingChart,
-        chartRecordsParams = _this$state.chartRecordsParams;
-      var darkMode = theme === THEME_NAME_MAP.DARK;
-      var statistic = statistics[selectedDashboardIdx];
-      var _ref2 = statistic || {},
-        statItems = _ref2.stat_items;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames('statistic-them statistic-panel', {
-          'statistic-dark': darkMode,
-          'statistic-light': !darkMode,
-          'full-screen': isFullScreen
-        })
-      }, /*#__PURE__*/React.createElement("header", {
-        className: "statistic-header"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "statistic-logo"
-      }, /*#__PURE__*/React.createElement("img", {
-        src: logo,
-        alt: "",
-        width: "24"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "ml-2"
-      }, intl.get('Statistics'))), /*#__PURE__*/React.createElement(Tabs, {
-        theme: theme,
-        statistics: statistics,
-        selectedDashboardIdx: selectedDashboardIdx,
-        selectDashboard: this.props.selectDashboard,
-        addDashboard: this.props.addDashboard,
-        renameDashboard: this.props.renameDashboard,
-        deleteDashboard: this.props.deleteDashboard,
-        moveDashboard: this.props.moveDashboard
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-header-operators d-flex align-items-center"
-      }, !isTableReadOnly && /*#__PURE__*/React.createElement("button", {
-        className: "btn btn-secondary op-item add-stat",
-        onClick: this.onToggleChartAddition
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "add-new-option"
-      }, intl.get('New_chart'))), /*#__PURE__*/React.createElement("div", {
-        className: "op-item op-item-icon-wrapper",
-        onClick: this.onToggleColorThemeDialog
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "op-item-icon dtable-font dtable-icon-set-up"
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "op-item op-item-icon-wrapper",
-        id: "btn-statistic-full-screen",
-        onClick: this.onToggleFullScreen
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "op-item-icon dtable-font dtable-icon-full-screen ".concat(isFullScreen ? 'full-screen-active' : '')
-      }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
-        placement: "bottom",
-        target: "btn-statistic-full-screen"
-      }, 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.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.createElement(UncontrolledTooltip, {
-        placement: "bottom",
-        target: "btn-statistic-theme-setting"
-      }, 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.createElement("span", {
-        title: intl.get('Close'),
-        className: "op-item-icon btn-close dtable-font dtable-icon-x"
-      })))), /*#__PURE__*/React.createElement("main", {
-        className: "statistic-main"
-      }, /*#__PURE__*/React.createElement(StatList, {
-        isTableReadOnly: isTableReadOnly,
-        dtableChangedTime: dtableChangedTime,
-        theme: theme,
-        colorThemeName: colorThemeName,
-        statItems: statItems,
-        chartCalculator: chartCalculator,
-        eventBus: eventBus,
-        getOtherStatistics: this.getOtherStatistics,
-        getTableById: this.props.getTableById,
-        getTables: this.props.getTables,
-        queryMapJson: this.props.queryMapJson,
-        copyChart: this.props.copyChart,
-        moveChartToView: this.props.moveChartToView,
-        deleteChart: this.props.deleteChart,
-        modifyDashboardLayout: this.props.modifyDashboardLayout,
-        onToggleEditChart: this.onToggleEditChart,
-        onCloseDashboard: this.props.onCloseDashboard,
-        toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
-      })), this.state.isShowChartAdditionDialog && /*#__PURE__*/React.createElement(ChartAdditionEditDialog, {
-        dtableChangedTime: dtableChangedTime,
-        colorThemeName: colorThemeName,
-        editingChart: editingChart,
-        labelColorConfigs: labelColorConfigs,
-        chartCalculator: chartCalculator,
-        eventBus: eventBus,
-        getTables: this.props.getTables,
-        getViews: this.props.getViews,
-        getTableById: this.props.getTableById,
-        queryMapJson: this.props.queryMapJson,
-        generateChart: this.generateChart,
-        hideChartAdditionDialog: this.onToggleChartAddition,
-        getConvertedChart: this.props.getConvertedChart,
-        addChart: this.props.addChart,
-        modifyChart: this.props.modifyChart,
-        toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
-      }), this.state.isShowColorThemeDialog && /*#__PURE__*/React.createElement(ColorThemeDialog, {
-        colorThemeName: colorThemeName,
-        onToggleColorThemeDialog: this.onToggleColorThemeDialog,
-        modifyColorTheme: this.props.modifyColorTheme
-      }), !!chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
-        eventBus: this.props.eventBus,
-        chartRecordsParams: chartRecordsParams,
-        getTableById: getTableById,
-        getValue: getValue,
-        toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
-      }));
-    }
-  }]);
-  return DesktopDashboard;
-}(Component);
+  render() {
+    const {
+      getTableById,
+      getValue,
+      isTableReadOnly,
+      dtableChangedTime,
+      colorThemeName,
+      statistics,
+      selectedDashboardIdx,
+      chartCalculator,
+      labelColorConfigs,
+      eventBus
+    } = this.props;
+    const {
+      theme,
+      isFullScreen,
+      editingChart,
+      chartRecordsParams
+    } = this.state;
+    const darkMode = theme === THEME_NAME_MAP.DARK;
+    const statistic = statistics[selectedDashboardIdx];
+    const {
+      stat_items: statItems
+    } = statistic || {};
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-them statistic-panel', {
+        'statistic-dark': darkMode,
+        'statistic-light': !darkMode,
+        'full-screen': isFullScreen
+      })
+    }, /*#__PURE__*/React.createElement("header", {
+      className: "statistic-header"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "statistic-logo"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: logo,
+      alt: "",
+      width: "24"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "ml-2"
+    }, intl.get('Statistics'))), /*#__PURE__*/React.createElement(Tabs, {
+      theme: theme,
+      statistics: statistics,
+      selectedDashboardIdx: selectedDashboardIdx,
+      selectDashboard: this.props.selectDashboard,
+      addDashboard: this.props.addDashboard,
+      renameDashboard: this.props.renameDashboard,
+      deleteDashboard: this.props.deleteDashboard,
+      moveDashboard: this.props.moveDashboard
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-header-operators d-flex align-items-center"
+    }, !isTableReadOnly && /*#__PURE__*/React.createElement("button", {
+      className: "btn btn-secondary op-item add-stat",
+      onClick: this.onToggleChartAddition
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "add-new-option"
+    }, intl.get('New_chart'))), /*#__PURE__*/React.createElement("div", {
+      className: "op-item op-item-icon-wrapper",
+      onClick: this.onToggleColorThemeDialog
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "op-item-icon dtable-font dtable-icon-set-up"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "op-item op-item-icon-wrapper",
+      id: "btn-statistic-full-screen",
+      onClick: this.onToggleFullScreen
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "op-item-icon dtable-font dtable-icon-full-screen ".concat(isFullScreen ? 'full-screen-active' : '')
+    }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+      placement: "bottom",
+      target: "btn-statistic-full-screen"
+    }, 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.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.createElement(UncontrolledTooltip, {
+      placement: "bottom",
+      target: "btn-statistic-theme-setting"
+    }, 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.createElement("span", {
+      title: intl.get('Close'),
+      className: "op-item-icon btn-close dtable-font dtable-icon-x"
+    })))), /*#__PURE__*/React.createElement("main", {
+      className: "statistic-main"
+    }, /*#__PURE__*/React.createElement(StatList, {
+      isTableReadOnly: isTableReadOnly,
+      dtableChangedTime: dtableChangedTime,
+      theme: theme,
+      colorThemeName: colorThemeName,
+      statItems: statItems,
+      chartCalculator: chartCalculator,
+      eventBus: eventBus,
+      getOtherStatistics: this.getOtherStatistics,
+      getTableById: this.props.getTableById,
+      getTables: this.props.getTables,
+      queryMapJson: this.props.queryMapJson,
+      copyChart: this.props.copyChart,
+      moveChartToView: this.props.moveChartToView,
+      deleteChart: this.props.deleteChart,
+      modifyDashboardLayout: this.props.modifyDashboardLayout,
+      onToggleEditChart: this.onToggleEditChart,
+      onCloseDashboard: this.props.onCloseDashboard,
+      toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+    })), this.state.isShowChartAdditionDialog && /*#__PURE__*/React.createElement(ChartAdditionEditDialog, {
+      dtableChangedTime: dtableChangedTime,
+      colorThemeName: colorThemeName,
+      editingChart: editingChart,
+      labelColorConfigs: labelColorConfigs,
+      chartCalculator: chartCalculator,
+      eventBus: eventBus,
+      getTables: this.props.getTables,
+      getViews: this.props.getViews,
+      getTableById: this.props.getTableById,
+      queryMapJson: this.props.queryMapJson,
+      generateChart: this.generateChart,
+      hideChartAdditionDialog: this.onToggleChartAddition,
+      getConvertedChart: this.props.getConvertedChart,
+      addChart: this.props.addChart,
+      modifyChart: this.props.modifyChart,
+      toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+    }), this.state.isShowColorThemeDialog && /*#__PURE__*/React.createElement(ColorThemeDialog, {
+      colorThemeName: colorThemeName,
+      onToggleColorThemeDialog: this.onToggleColorThemeDialog,
+      modifyColorTheme: this.props.modifyColorTheme
+    }), !!chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
+      eventBus: this.props.eventBus,
+      chartRecordsParams: chartRecordsParams,
+      getTableById: getTableById,
+      getValue: getValue,
+      toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+    }));
+  }
+}
 export default DesktopDashboard;

package/es/index.js

@@ -1,64 +1,51 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import React from 'react';
 import DashBoard from './dashboard';
-var Statistic = /*#__PURE__*/function () {
-  function Statistic() {
-    _classCallCheck(this, Statistic);
-  }
-  _createClass(Statistic, null, [{
-    key: "getInitProps",
-    value: function getInitProps() {
-      if (!window || !window.app) {
-        return null;
-      }
-      var _window$app = window.app,
-        state = _window$app.state,
-        dtableStore = _window$app.dtableStore;
-      var value = state.value,
-        selectedTableIdx = state.selectedTableIdx,
-        selectedViewId = state.selectedViewId;
-      return {
-        value: value,
-        eventBus: dtableStore.eventBus,
-        activeTableIdx: selectedTableIdx,
-        activeViewId: selectedViewId,
-        updateStatistics: this.updateStatistics.bind(this, dtableStore),
-        deletePluginSettings: this.deletePluginSettings.bind(this, dtableStore)
-      };
-    }
-  }, {
-    key: "updateStatistics",
-    value: function updateStatistics(dtableStore, statistics) {
-      dtableStore.updateStatisticsList(statistics);
-    }
-  }, {
-    key: "deletePluginSettings",
-    value: function deletePluginSettings(dtableStore, plugin_name) {
-      dtableStore.deletePluginSettings(plugin_name);
+class Statistic {
+  static getInitProps() {
+    if (!window || !window.app) {
+      return null;
     }
-  }, {
-    key: "mount",
-    value: function mount(props) {
-      var customProps = this.getInitProps();
-      if (!customProps) return;
-      window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, Object.assign({}, props, customProps)));
-    }
-  }, {
-    key: "unmount",
-    value: function unmount() {
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          animation: true
-        },
-        animation = _ref.animation;
-      if (!window.app) return;
-      window.app.unmountWidget({
-        animation: animation
-      });
-    }
-  }]);
-  return Statistic;
-}();
+    const {
+      state,
+      dtableStore
+    } = window.app;
+    const {
+      value,
+      selectedTableIdx,
+      selectedViewId
+    } = state;
+    return {
+      value,
+      eventBus: dtableStore.eventBus,
+      activeTableIdx: selectedTableIdx,
+      activeViewId: selectedViewId,
+      updateStatistics: this.updateStatistics.bind(this, dtableStore),
+      deletePluginSettings: this.deletePluginSettings.bind(this, dtableStore)
+    };
+  }
+  static updateStatistics(dtableStore, statistics) {
+    dtableStore.updateStatisticsList(statistics);
+  }
+  static deletePluginSettings(dtableStore, plugin_name) {
+    dtableStore.deletePluginSettings(plugin_name);
+  }
+  static mount(props) {
+    const customProps = this.getInitProps();
+    if (!customProps) return;
+    window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, Object.assign({}, props, customProps)));
+  }
+  static unmount() {
+    let {
+      animation
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      animation: true
+    };
+    if (!window.app) return;
+    window.app.unmountWidget({
+      animation
+    });
+  }
+}
 if (!window.dtableModules) {
   window.dtableModules = {};
 }

package/es/locale/index.js

@@ -3,14 +3,14 @@ import de from './lang/de';
 import en from './lang/en';
 import fr from './lang/fr';
 import zh_CN from './lang/zh_CN';
-var LOCALES = {
+const LOCALES = {
   'de': de,
   'en': en,
   'fr': fr,
   'zh-cn': zh_CN
 };
-var LANGUAGE = 'zh-cn';
-var lang = window.dtable && window.dtable.lang || LANGUAGE;
+const LANGUAGE = 'zh-cn';
+let lang = window.dtable && window.dtable.lang || LANGUAGE;
 intl.init({
   currentLocale: lang,
   locales: LOCALES

package/es/locale/lang/de.js

@@ -1,4 +1,4 @@
-var de = {
+const de = {
   'Statistics': 'Statistiken',
   'New_chart': 'Neue Grafik',
   'Close': 'Schließen',