dtable-statistic 5.3.52 → 5.3.54

package/es/assets/css/dashboard.css

@@ -78,14 +78,12 @@
   width: 24px;
   line-height: 24px;
   margin-right: 4px;
-  color: var(--dashboard-header-icon-color);
 }
 
 .statistic-header .op-item-icon-wrapper:last-child {
   margin-right: 0;
 }
 
-.statistic-header .op-item-icon-wrapper:hover,
 .statistic-header .add-stat:hover {
   color: var(--dashboard-header-icon-hover-color);
 }
@@ -94,10 +92,6 @@
   background-color: var(--add-stat-item-bg-hover-color);
 }
 
-.statistic-header .op-item-icon-wrapper:hover .op-item-icon {
-  color: var(--op-item-icon-hover-color);
-}
-
 .statistic-header .op-item-icon-wrapper .op-item-icon {
   font-size: 16px;
 }
@@ -271,7 +265,6 @@
   line-height: 24px;
   text-align: center;
   margin-right: 10px;
-  color: var(--stat-item-font-color);
   cursor: pointer;
 }
 
@@ -279,10 +272,6 @@
   font-size: 14px;
 }
 
-.statistic-list .statistic-chart-preview-microscope:hover {
-  color: var(--stat-item-font-hover-color);
-}
-
 /* chart operation dropdown menu */
 .statistic-chart-preview .dtable-icon-down3 {
   font-size: 12px;

package/es/components/dialog/enlarged-chart-dialog.js

@@ -97,15 +97,15 @@ class EnlargeChartDialog extends _react.Component {
       close: /*#__PURE__*/_react.default.createElement("div", {
         className: "header-close-list"
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "op-item-icon-wrapper",
+        className: "op-item-icon-wrapper seatable-icon-btn",
         onClick: () => this.onExportChart(statItem)
       }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-download"
+        className: "dtable-font dtable-icon-download"
       })), /*#__PURE__*/_react.default.createElement("span", {
-        className: "op-item-icon-wrapper header-btn-close",
+        className: "op-item-icon-wrapper header-btn-close seatable-icon-btn",
         onClick: this.toggle
       }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-x"
+        className: "dtable-font dtable-icon-x"
       })))
     }, /*#__PURE__*/_react.default.createElement("span", null, statItem.config.type === _seaChart.CHART_TYPE.BASIC_NUMBER_CARD ? '' : this.props.statItem.style_config.title.text)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: 'statistic-body-container statistic-microscope-content'

package/es/components/dropdown-menu/statistic-dropdown-menu.js

@@ -77,9 +77,11 @@ class StatisticDropdownMenu extends _react.default.Component {
       tag: "span",
       "data-toggle": "dropdown",
       "aria-expanded": this.state.isItemMenuShow
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "seatable-icon-btn"
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "toggle-icon dtable-font dtable-icon-more-level"
-    })), /*#__PURE__*/_react.default.createElement(_DTableDropdownMenu2.default, {
+      className: "dtable-font dtable-icon-more-level"
+    }))), /*#__PURE__*/_react.default.createElement(_DTableDropdownMenu2.default, {
       className: (0, _classnames.default)({
         'statistic-dropdown-dark': theme === _constants.THEME_NAME_MAP.DARK
       })

package/es/desktop-dashboard.js

@@ -18,6 +18,7 @@ var _chartEditDialog = _interopRequireDefault(require("./components/dialog/chart
 var _dtableDbApi = _interopRequireDefault(require("./api/dtable-db-api"));
 var _chartService = _interopRequireDefault(require("./service/chart-service"));
 var _constants = require("./constants");
+var _reactstrap = require("reactstrap");
 var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
 const KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
 class DesktopDashboard extends _react.Component {
@@ -183,43 +184,44 @@ class DesktopDashboard extends _react.Component {
       moveDashboard: this.props.moveDashboard
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-header-operators d-flex align-items-center"
-    }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement("button", {
+    }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       className: "btn btn-secondary op-item add-stat",
+      size: "sm",
       onClick: this.onToggleAddChart
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
+      className: "dtable-font dtable-icon-add-table"
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "add-new-option"
     }, _reactIntlUniversal.default.get('Add_chart'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-settings",
       onClick: this.onToggleColorThemeDialog
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "op-item-icon dtable-font dtable-icon-set-up"
+      className: "dtable-font dtable-icon-set-up"
     }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
       placement: "bottom",
       target: "btn-statistic-settings"
     }, _reactIntlUniversal.default.get('Settings'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-full-screen",
       onClick: this.onToggleFullScreen
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `op-item-icon dtable-font dtable-icon-full-screen ${isFullScreen ? 'full-screen-active' : ''}`
+      className: `dtable-font dtable-icon-full-screen ${isFullScreen ? 'full-screen-active' : ''}`
     }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
       placement: "bottom",
       target: "btn-statistic-full-screen"
     }, isFullScreen ? _reactIntlUniversal.default.get('Cancel_full_screen') : _reactIntlUniversal.default.get('Full_screen'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-theme-setting",
       onClick: this.toggleThemeMode
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `op-item-icon dtable-font ${theme === _constants.THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'}`
+      className: `dtable-font ${theme === _constants.THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'}`
     }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
       placement: "bottom",
       target: "btn-statistic-theme-setting"
     }, darkMode ? _reactIntlUniversal.default.get('Light_mode') : _reactIntlUniversal.default.get('Dark_mode'))), /*#__PURE__*/_react.default.createElement("span", {
       onClick: this.onCloseDashboard,
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-close"
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "op-item-icon dtable-font dtable-icon-x"

package/es/mobile-dashboard.js

@@ -72,7 +72,10 @@ class MobileDashboard extends _react.Component {
       className: `close ${_mobileDashboardModule.default['mobile-statistic-header-button']}`,
       onClick: this.onCloseDashboard
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: 'dtable-font dtable-icon-x'
+      className: "dtable-font dtable-icon-x",
+      style: {
+        fontSize: '16px'
+      }
     })))), /*#__PURE__*/_react.default.createElement("div", {
       className: _mobileDashboardModule.default['mobile-statistic-dashboard-wrapper']
     }, statItems.map(statItem => {

package/es/setting.local.js

@@ -4,44 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * local development settings
- */
-var _default = exports.default = {
-  username: '7355da59470c4402884fa1b21a10cd06@auth.local',
+let config = {
+  username: 'cffbc4dbc6364befbdccb8623842a8ed@auth.local',
   password: '123456',
-  token: "2a06aeb633ffb5bb1937aed421e8043210959652",
-  // dtable api token (required)
-  APIToken: 'b48e52714601c464ca4bf2fa3d10daea095ef070',
-  // server URL of the dtable of the plugin (required)
+  dtableUuid: '842e9c84-8311-432d-b818-27012c807b13',
+  // required
+  APIToken: '83a5ec5848242d4da6c086acabd8e3a6e2fefa10',
+  // required
   server: 'https://dev.seatable.cn',
-  // id of the workspace with the dtable of the plugin (required, workspace must exist)
-  workspaceID: '169',
-  // name of the dtable to add the plugin to (required, dtable must exist under this name)
-  fileName: 'Coll',
-  // default language ('en' or 'zh-cn' are common, see "src/locale/index.js" for all lang keys)
-  lang: 'zh-cn',
-  permission: 'rw',
-  dtableUuid: '8e905209-b306-4aa8-a082-8046801ba94c',
-  // media URL of the dtable of the plugin (required)
-  mediaUrl: 'https://dev.seatable.cn/media/',
-  isAdmin: true
-}; // export default {
-//   username: '8e6fd68ab7764dd2b01c2f2a17b7d991@auth.local',
-//   password: '1',
-//   token: "2a06aeb633ffb5bb1937aed421e8043210959652",
-//   // dtable api token (required)
-//   APIToken: '89d80ccbba8c1033264ba02df4441de2e5f2c394',
-//   // server URL of the dtable of the plugin (required)
-//   server: 'http://127.0.0.1:80',
-//   // id of the workspace with the dtable of the plugin (required, workspace must exist)
-//   workspaceID: '1',
-//   // name of the dtable to add the plugin to (required, dtable must exist under this name)
-//   fileName: '页面设计测试',
-//   // default language ('en' or 'zh-cn' are common, see "src/locale/index.js" for all lang keys)
-//   lang: 'en',
-//   permission: 'rw',
-//   // media URL of the dtable of the plugin (required)
-//   mediaUrl: '/media/',
-//   isAdmin: false,
-// };
+  mediaUrl: '/media/',
+  // required
+  dtableBaiduMapKey: '1qRjaf9gprzfG6Kykg54jSzAEZZI0NZV',
+  // required
+  dtableMineMapKey: '57bccfdf646e4118aa68accfa1f256a5',
+  // optional
+  dtableGoogleMapKey: 'AIzaSyC0K2fPe31FfLm3fyoPT5YXQcqO-GrSTi8',
+  workspaceID: '291',
+  // optional
+  fileName: '通用应用表格测试',
+  // optional
+  lang: 'en' // optional
+  // lang:'en'
+};
+let config2 = {
+  username: 'cffbc4dbc6364befbdccb8623842a8ed@auth.local',
+  password: '123456',
+  dtableUuid: '90048f2f-a397-4739-8049-29c97eb5c0c2',
+  // required
+  APIToken: '7abd6e329205b9c63190429a716e5d15f682a817',
+  // required
+  server: 'https://dev.seatable.cn',
+  mediaUrl: '/media/',
+  // required
+  dtableBaiduMapKey: '1qRjaf9gprzfG6Kykg54jSzAEZZI0NZV',
+  // required
+  dtableMineMapKey: '57bccfdf646e4118aa68accfa1f256a5',
+  // optional
+  dtableGoogleMapKey: 'AIzaSyC0K2fPe31FfLm3fyoPT5YXQcqO-GrSTi8',
+  workspaceID: '291',
+  // optional
+  fileName: '实验动物笼位统计表',
+  // optional
+  lang: 'en' // optional
+  // lang:'en'
+};
+var _default = exports.default = config2;

package/es/stat-list/chart-preview.js

@@ -123,7 +123,7 @@ class ChartPreview extends _react.Component {
     }, statName), /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-operations"
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "statistic-chart-preview-microscope",
+      className: "statistic-chart-preview-microscope seatable-icon-btn",
       onMouseDown: this.onMouseDown,
       onClick: this.onToggleShowEnlarged
     }, /*#__PURE__*/_react.default.createElement("i", {

package/es/tabs/index.js

@@ -241,21 +241,21 @@ class DashboardTabs extends _react.Component {
     }, this.renderTabs()), (canScrollPrev || canScrollNext) && !isMobile && /*#__PURE__*/_react.default.createElement("div", {
       className: _statisticTabsModule.default['views-scroll-control']
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-prev']} ${canScrollPrev && _statisticTabsModule.default['scroll-active']}`,
+      className: `seatable-icon-btn ${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-prev']} ${canScrollPrev && _statisticTabsModule.default['scroll-active']}`,
       onClick: this.onScrollWithControl.bind(this, SCROLL_TYPE.PREV)
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: `dtable-font dtable-icon-left-slide ${_statisticTabsModule.default['btn-scroll-icon']}`
     })), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-next']} ${canScrollNext && _statisticTabsModule.default['scroll-active']}`,
+      className: `seatable-icon-btn ${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-next']} ${canScrollNext && _statisticTabsModule.default['scroll-active']}`,
       onClick: this.onScrollWithControl.bind(this, SCROLL_TYPE.NEXT)
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: `dtable-font dtable-icon-right-slide ${_statisticTabsModule.default['btn-scroll-icon']}`
     }))), !isMobile && /*#__PURE__*/_react.default.createElement("div", {
-      className: _statisticTabsModule.default['btn-add-view'],
+      className: `seatable-icon-btn ${_statisticTabsModule.default['btn-add-view']}`,
       key: 'btn-add-view',
       onClick: this.onNewViewToggle
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `${_statisticTabsModule.default['add-map-view-icon']} dtable-font dtable-icon-add-table`
+      className: "dtable-font dtable-icon-add-table"
     })), isShowNewViewDialog && /*#__PURE__*/_react.default.createElement(_newViewDialog.default, {
       onNewViewConfirm: this.onAddDashboard,
       onNewViewCancel: this.onNewViewCancel

package/es/tabs/statistic-tabs.module.css

@@ -95,26 +95,17 @@
 }
 
 .views-scroll-control .btn-scroll-icon {
-  color: var(--btn-scroll-icon-color);
   font-size: 12px;
   line-height: 24px;
 }
 
-.views-scroll-control .scroll-active .btn-scroll-icon {
-  color: var(--btn-scroll-icon-active-color);
-}
-
-.views-scroll-control .scroll-active:hover .btn-scroll-icon {
-  color: var(--btn-scroll-icon-active-hover-color);
-  opacity: 1;
-}
-
 .btn-add-view { 
   display: flex;
   align-items: center;
   width: 24px;
   height: 100%;
   margin-right: .5rem;
+  margin-top: 10px;
 }
 
 .add-map-view-icon {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.3.52",
+  "version": "5.3.54",
   "name": "dtable-statistic",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
@@ -16,7 +16,7 @@
     "react-grid-layout": "^1.2.5",
     "react-intl-universal": "^2.4.8",
     "reactstrap": "9.2.3",
-    "sea-chart": "^1.1.135"
+    "sea-chart": "^1.1.138"
   },
   "peerDependencies": {
     "dtable-ui-component": "~7.0.*",
@@ -50,7 +50,7 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dtable-store": "^6.2.7",
-    "dtable-ui-component": "^7.0.0",
+    "dtable-ui-component": "^7.0.4",
     "dtable-utils": "^5.0.23",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",