dtable-statistic 5.0.11 → 5.0.12

package/es/dashboard.js

@@ -387,7 +387,6 @@ class DashBoard extends _react.Component {
     const isTableReadOnly = this.isTableReadOnly();
     const colorThemeName = this.dashboardService.getColorThemeName();
     return _utils.isMobile ? /*#__PURE__*/_react.default.createElement(_mobileDashboard.default, {
-      isTableReadOnly: isTableReadOnly,
       colorThemeName: colorThemeName,
       statistics: statistics,
       selectedDashboardIdx: selectedDashboardIdx,
@@ -395,6 +394,7 @@ class DashBoard extends _react.Component {
       onCloseDashboard: this.props.onCloseStatistic,
       getViewRows: this.props.getViewRows,
       getTableFormulaResults: this.props.getTableFormulaResults,
+      value: this.value,
       selectDashboard: this.selectDashboard,
       addDashboard: this.addDashboard,
       renameDashboard: this.renameDashboard,

package/es/mobile-dashboard.js

@@ -8,27 +8,38 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _seaChart = require("sea-chart");
 var _tabs = _interopRequireDefault(require("./tabs"));
 var _statView = _interopRequireDefault(require("./stat-view"));
-var _seaChart = require("sea-chart");
+var _dtableDbApi = _interopRequireDefault(require("./api/dtable-db-api"));
 var _constants = require("./constants");
 var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
 var _mobileDashboardModule = _interopRequireDefault(require("./assets/css/mobile-dashboard.module.css"));
 class MobileDashboard extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
     this.onCloseDashboard = () => {
       this.props.onCloseDashboard({
         isFullScreen: true
       });
     };
+    this.api = {
+      sqlQuery: this.sqlQuery,
+      getViewRows: this.props.getViewRows,
+      getTableFormulaResults: this.props.getTableFormulaResults,
+      queryUsers: window.app.queryUsers || (() => {})
+    };
+  }
+  async sqlQuery(sql) {
+    return _dtableDbApi.default.sqlQuery(sql);
   }
   render() {
     const {
       getTableById,
       colorThemeName,
       statistics,
-      selectedDashboardIdx
+      selectedDashboardIdx,
+      value
     } = this.props;
     const statistic = statistics[selectedDashboardIdx];
     const {
@@ -65,13 +76,13 @@ class MobileDashboard extends _react.Component {
     })))), /*#__PURE__*/_react.default.createElement("div", {
       className: _mobileDashboardModule.default['mobile-statistic-dashboard-wrapper']
     }, statItems.map(statItem => {
+      var _style_config$title, _style_config$title$t;
       const {
         _id,
-        type
+        type,
+        style_config = {}
       } = statItem.config;
-      const {
-        name
-      } = statItem.style_config.title.text;
+      const name = (style_config === null || style_config === void 0 ? void 0 : (_style_config$title = style_config.title) === null || _style_config$title === void 0 ? void 0 : (_style_config$title$t = _style_config$title.text) === null || _style_config$title$t === void 0 ? void 0 : _style_config$title$t.name) || '';
       const showStatName = !(type === _seaChart.CHART_TYPE.BASIC_NUMBER_CARD || type === _seaChart.CHART_TYPE.DASHBOARD);
       return /*#__PURE__*/_react.default.createElement("div", {
         key: "mobile-statistic-chart-".concat(_id),
@@ -84,6 +95,8 @@ class MobileDashboard extends _react.Component {
         theme: _constants.THEME_NAME_MAP.LIGHT,
         colorThemeName: colorThemeName,
         statItem: statItem,
+        value: value,
+        api: this.api,
         getTableById: getTableById
       })));
     })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "5.0.11",
+  "version": "5.0.12",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",