dtable-statistic 4.4.24-alpha.9 → 5.0.0

package/es/assets/css/color-picker.css

@@ -0,0 +1,53 @@
+/* color-picker */
+.statistic-chart-color-picker-container {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 2.375rem;
+  line-height: 2.375rem;
+  background-clip: padding-box;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  border-radius: 3px;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.statistic-chart-color-picker-container .picker-control {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.statistic-chart-color-picker-container .picker-control .color-control {
+    width: 24px;
+    height: 24px;
+    margin-left: 10px;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+
+.statistic-chart-color-picker-container .picker-control.readOnly,
+.statistic-chart-color-picker-container .picker-control.readOnly .text-control {
+  background-color: #f7f7f7;
+}
+
+.statistic-chart-color-picker-container .picker-control .color-control {
+  cursor: default;
+}
+
+.statistic-chart-color-picker-container .picker-control .color-control.white-color {
+  border: 3px #eee solid;
+}
+
+.statistic-chart-color-picker-container .picker-control .text-control {
+  height: 100%;
+  border: none;
+  outline: none;
+  padding-left: 10px;
+  font-size: 14px;
+}
+
+.statistic-chart-color-picker-container .picker-control.readOnly .text-control {
+  cursor: default;
+}

package/es/assets/css/color-rules-popover.css

@@ -0,0 +1,144 @@
+.statistic-color-rules-popover .popover {
+  max-width: unset;
+  min-width: 200px;
+  background-color: #fff;
+}
+
+.statistic-color-rules-wrapper {
+  max-width: unset;
+  min-width: 420px;
+  min-height: 60px;
+  padding-top: 1rem;
+  background-color: #fff;
+  border-radius: 2px;
+}
+
+.statistic-color-rules-wrapper .no-color-rules {
+  padding: 0 1rem 1rem;
+  font-size: 14px;
+  color: #999;
+}
+
+.statistic-color-rules-popover .statistic-btn-add-color-rule {
+  border-top: unset;
+  color: #555;
+}
+
+.statistic-color-rules-popover .statistic-btn-add-color-rule:hover {
+  cursor: pointer;
+  background-color: #f9f9f9;
+}
+
+.statistic-color-rules-popover .statistic-btn-add-color-rule.disabled:hover {
+  cursor: default;
+}
+
+.statistic-color-rule-item {
+  padding: 8px 0;
+  min-height: 30px;
+  position: relative;
+}
+
+.statistic-color-rule-item:hover {
+  cursor: pointer;
+  background-color: #f9f9f9;
+}
+
+.statistic-color-rule-item.editing {
+  background-color: #f5f5f5;
+  padding-bottom: 2px;
+}
+
+.statistic-color-rule-item.editing:hover {
+  background-color: #f5f5f5;
+}
+
+.statistic-color-rule-title {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  padding: 0 10px;
+}
+
+.statistic-color-rule-dropdown {
+  display: inline-block;
+  height: 20px;
+  width: 20px;
+  line-height: 20px;
+  border-radius: 3px;
+  text-align: center;
+  margin: 0 8px;
+  cursor: pointer;
+  position: relative;
+}
+
+.statistic-color-rule-dropdown .dtable-icon-drop-down {
+  display: inline-block;
+  font-size: 12px;
+  transform: scale(.8);
+}
+
+.statistic-color-rule-name {
+  max-width: 344px;
+}
+
+.statistic-color-rule-name,
+.statistic-color-rule-filters .add-new-option,
+.statistic-color-rules .add-row-color-rule .add-new-option {
+  user-select: none;
+}
+
+.statistic-color-rule-name.invalid,
+.statistic-color-rules-popover .statistic-btn-add-color-rule.disabled {
+  opacity: .5;
+}
+
+.statistic-color-rules-popover .statistic-btn-add-color-rule.disabled {
+  cursor: default;
+}
+
+.statistic-delete-color-rule {
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+  visibility: hidden;
+}
+
+.statistic-color-rule-item:hover .statistic-delete-color-rule {
+  visibility: visible;
+}
+
+.statistic-delete-color-rule .dtable-font {
+  color: #999;
+}
+
+.statistic-delete-color-rule:hover .dtable-font,
+.statistic-btn-add-color-rule-filter:hover .popover-add-icon,
+.statistic-btn-add-color-rule-filter:hover .add-new-option {
+  color: #5a5a5a;
+}
+
+.statistic-btn-add-color-rule-filter.disabled:hover .popover-add-icon,
+.statistic-btn-add-color-rule-filter.disabled:hover .add-new-option {
+  color: #999;
+}
+
+.add-item-btn.statistic-btn-add-color-rule-filter {
+  border-top: unset;
+  background-color: #f5f5f5;
+  padding-left: 27px;
+  padding-right: 12px;
+  height: 30px;
+  line-height: 30px;
+  font-weight: 400;
+}
+
+.statistic-btn-add-color-rule-filter:hover {
+  background-color: unset;
+}
+
+.statistic-btn-add-color-rule-filter .popover-add-icon,
+.statistic-btn-add-color-rule-filter .add-new-option {
+  color: #999;
+}

package/es/assets/css/dashboard.css

@@ -153,7 +153,6 @@
   align-items: center;
   overflow: hidden;
   position: relative;
-  padding: 20px;
 }
 
 .mobile-statistic-panel .statistic-chart-container,

package/es/assets/css/dialog.css

@@ -2,7 +2,6 @@
   max-width: 1102px;
   width: 1102px;
   height: calc(100% - 56px);
-  transform: none !important;
 }
 
 .statistic-enlarge-dialog .header-close-list {
@@ -44,35 +43,6 @@
   overflow: hidden;
 }
 
-.statistic-chart-addition-dialog .statistic-modal-body .statistic-chart-render-container {
-  flex: 1;
-  overflow: hidden;
-  height: 100%;
-  padding: 16px;
-}
-
-.statistic-chart-addition-dialog .statistic-modal-body .statistic-chart-render-container .statistic-chart-render {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: scroll;
-}
-
-.statistic-chart-addition-dialog .statistic-modal-body .statistic-chart-render-container .statistic-chart-render .sea-chart-editor {
-  flex: 1;
-  height: 100%;
-}
-
-.statistic-chart-addition-dialog .statistic-modal-body .statistic-chart-render-container .statistic-chart-render .sea-chart-settings {
-  width: 300px;
-  height: 100%;
-  background-color: #fff;
-  margin-left: 16px;
-  border-top: 1px solid #e4e4e4;
-  border-left: 1px solid #e4e4e4;
-  border-right: 1px solid #e4e4e4;
-}
-
 .statistic-chart-addition-dialog .statistic-chart-settings {
   height: 100%;
   width: 300px;

package/es/assets/css/slider.css

@@ -0,0 +1,77 @@
+.statistic-chart-settings .rc-slider {
+  position: relative;
+  height: 14px;
+  padding: 5px 0;
+  width: 100%;
+  border-radius: 6px;
+  touch-action: none;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.statistic-chart-settings .rc-slider * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.statistic-chart-settings .rc-slider-rail {
+  position: absolute;
+  width: 100%;
+  background-color: #e9e9e9;
+  height: 4px;
+  border-radius: 6px;
+}
+
+.statistic-chart-settings .rc-slider-track {
+  position: absolute;
+  left: 0;
+  height: 4px;
+  border-radius: 6px;
+  background-color: rgb(255, 128, 0);;
+}
+
+.statistic-chart-settings .rc-slider-handle {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+  cursor: -webkit-grab;
+  margin-top: -5px;
+  cursor: grab;
+  border-radius: 50%;
+  border: solid 2px rgb(255, 128, 0);
+  background-color: #fff;
+  touch-action: pan-x;
+}
+
+.statistic-chart-settings .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
+  border-color: rgb(255, 128, 0);
+  box-shadow: 0 0 0 5px rgb(255, 128, 0);
+}
+
+.statistic-chart-settings .rc-slider-handle:focus {
+  outline: none;
+}
+
+.statistic-chart-settings .rc-slider-handle-click-focused:focus {
+  border-color: rgb(255, 128, 0);
+  box-shadow: unset;
+}
+
+.statistic-chart-settings .rc-slider-handle:hover {
+  border-color: rgb(255, 128, 0);
+}
+
+.statistic-chart-settings .rc-slider-handle:active {
+  border-color: rgb(255, 128, 0);
+  box-shadow: 0 0 5px rgb(255, 128, 0);
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+
+.statistic-chart-settings .rc-slider-step {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background: transparent;
+}

package/es/assets/css/statistic-chart.module.css

@@ -0,0 +1,11 @@
+.statistic-pie-chart-container {
+  padding: 0px 12px 20px 0px;
+}
+
+.statistic-scatter-chart-container {
+  padding: 20px;
+}
+
+.statistic-treemap-chart-container {
+  padding: 20px;
+}

package/es/assets/css/statistic-custom-title.module.css

@@ -0,0 +1,3 @@
+.custom-title {
+  margin-top: 12px;
+}

package/es/assets/css/statistic-custom.module.css

@@ -0,0 +1,4 @@
+.statistic-heatmap-container > div {
+  text-align: center;
+  margin: auto;
+}

package/es/assets/css/statistic-numeric-column-item.module.css

@@ -0,0 +1,43 @@
+.container {
+  padding-bottom: 0;
+}
+
+.item-title {
+  display: flex;
+  justify-content: space-between;
+  user-select: none;
+}
+
+.icon {
+  margin-right: 7px;
+  color: #999999;
+  cursor: pointer;
+  font-size: 12px; 
+}
+
+.icon:hover {
+  color: #212529;
+}
+
+.close-icon {
+  color: #999999;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.close-icon:hover {
+  color: #212529;
+}
+
+.summary-method {
+  margin-top: 14px;
+}
+
+.expanded-numeric-summary-content {
+  padding-left: 19px;
+}
+
+.collapsed-numeric-summary-content {
+  height: 0;
+  overflow: hidden;
+}

package/es/assets/css/statistic-time-picker.module.css

@@ -0,0 +1,21 @@
+.time-input-container {
+  display: flex;
+}
+
+.concat {
+  line-height: 38px;
+  width: 20px;
+  text-align: center;
+}
+
+.date-editor {
+  width: 120px;
+}
+
+.date-editor-container {
+  width: 100%;
+}
+
+:global(.rc-calendar-cell .rc-calendar-date) {
+  border-radius: 50%;
+}

package/es/calculator/base-calculator.js

@@ -0,0 +1,80 @@
+"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 ComLink = _interopRequireWildcard(require("comlink"));
+var _dtableUtils = require("dtable-utils");
+var _dtableDbApi = _interopRequireDefault(require("../api/dtable-db-api"));
+var _calculatorWorker = _interopRequireDefault(require("./workers/calculator.worker.js"));
+var _copyValue = _interopRequireDefault(require("./copy-value"));
+class BaseCalculator {
+  constructor(_ref) {
+    let {
+      username,
+      userId,
+      userDepartmentIdsMap,
+      value,
+      statisticThreadManager
+    } = _ref;
+    this.username = username;
+    this.userId = userId;
+    this.userDepartmentIdsMap = userDepartmentIdsMap;
+    this.value = value;
+    this.statisticThreadManager = statisticThreadManager;
+  }
+  validateBaseConfigs(chart) {
+    const {
+      table_id,
+      view_id
+    } = chart;
+    const table = this.getTableById(table_id);
+    const view = this.getViewById(view_id, table);
+    if (!view) {
+      return false;
+    }
+    return true;
+  }
+  isCalcByQueryDB(chart) {
+    const {
+      table_id,
+      view_id
+    } = chart;
+    const table = this.getTableById(table_id);
+    const view = this.getViewById(view_id, table);
+    return (0, _dtableUtils.isArchiveView)(view);
+  }
+  getTableById(tableId) {
+    return (0, _dtableUtils.getTableById)(this.value.tables, tableId);
+  }
+  getViewById(viewId, table) {
+    return table && (0, _dtableUtils.getViewById)(table.views, viewId);
+  }
+  getViewRows(view, table) {
+    return window.dtableSDK.getViewRows(view, table);
+  }
+  getTableFormulaResults(table, rows) {
+    return window.dtableSDK.getTableFormulaResults(table, rows);
+  }
+  filter2SqlCondition(table, view) {
+    return (0, _dtableUtils.filter2SqlCondition)(table, view, this.username, this.userId, this.userDepartmentIdsMap);
+  }
+  async calculateWithWorker(chart) {
+    const {
+      _id: chartId
+    } = chart;
+    const calculatorWorker = await this.statisticThreadManager.applyThread(chartId, _calculatorWorker.default);
+    const calculateChart = ComLink.wrap(calculatorWorker);
+    const newValue = (0, _copyValue.default)(this.value);
+    const result = await calculateChart(chart, newValue, ComLink.proxy(this.getViewRows), ComLink.proxy(this.getTableFormulaResults));
+    this.statisticThreadManager.removeThread(chartId);
+    return result;
+  }
+  async sqlQuery(sql) {
+    return _dtableDbApi.default.sqlQuery(sql);
+  }
+}
+var _default = exports.default = BaseCalculator;