dtable-statistic 4.4.24 → 5.0.0-alpha.0

package/es/tabs/tab.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../components");
+var _ModalPortal = _interopRequireDefault(require("dtable-ui-component/lib/ModalPortal"));
 var _utils = require("../utils");
 var _constants = require("../constants");
 var _statisticTabsModule = _interopRequireDefault(require("./statistic-tabs.module.css"));
@@ -23,19 +23,22 @@ class DashBoardTab extends _react.Component {
       }
     };
     this.onDropdownToggle = evt => {
+      var _this$btnViewDropdown;
       evt.nativeEvent.stopImmediatePropagation();
-      const {
-        top,
-        left,
-        height
-      } = this.btnViewDropdown.parentNode.getBoundingClientRect();
-      this.setState({
-        isShowViewDropdown: !this.state.isShowViewDropdown,
-        dropdownMenuPosition: {
-          top: top + height - 3,
-          left
-        }
-      });
+      if ((_this$btnViewDropdown = this.btnViewDropdown) !== null && _this$btnViewDropdown !== void 0 && _this$btnViewDropdown.parentNode) {
+        const {
+          top,
+          left,
+          height
+        } = this.btnViewDropdown.parentNode.getBoundingClientRect();
+        this.setState({
+          isShowViewDropdown: !this.state.isShowViewDropdown,
+          dropdownMenuPosition: {
+            top: top + height - 3,
+            left
+          }
+        });
+      }
     };
     this.onDragStart = event => {
       event.stopPropagation();
@@ -135,7 +138,7 @@ class DashBoardTab extends _react.Component {
       className: "".concat(_statisticTabsModule.default['btn-view-dropdown'])
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "".concat(_statisticTabsModule.default['icon'], " dtable-font dtable-icon-drop-down")
-    }), isShowViewDropdown && /*#__PURE__*/_react.default.createElement(_components.ModalPortal, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), isShowViewDropdown && /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(theme === _constants.THEME_NAME_MAP.DARK ? 'statistic-tabs-dropdown-dark' : 'statistic-tabs-dropdown-light', " statistic-dropdown-menu dropdown-menu large show"),
       style: {
         ...dropdownMenuPosition,

package/es/utils/common-utils.js

@@ -1,20 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.arraysEqual = arraysEqual;
-exports.formatNumericValue = void 0;
-exports.formatPieChartData = formatPieChartData;
-exports.isShapeEqual = exports.isBoolean = exports.isArrayCellValue = exports.getSummaryResult = exports.getSummaryColumnMethod = exports.getLabelFontSize = exports.getImageUrl = exports.getCurrentTheme = exports.generatorUniqueId = void 0;
-exports.isStatItemEqual = isStatItemEqual;
-exports.shallowEqual = shallowEqual;
-exports.sortDataByGroupSum = exports.shouldCalculateStatItem = void 0;
+exports.generatorUniqueId = void 0;
 var _dtableUtils = require("dtable-utils");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _constants = require("../constants");
-var _statUtils = _interopRequireDefault(require("./stat-utils"));
 const generatorUniqueId = list => {
   let uniqueId;
   let isUnique = false;
@@ -34,344 +24,4 @@ const generatorUniqueId = list => {
   }
   return uniqueId;
 };
-exports.generatorUniqueId = generatorUniqueId;
-const getImageUrl = imageName => {
-  const {
-    mediaUrl
-  } = window.dtable;
-  return "".concat(mediaUrl, "dtable-statistic/img/").concat(imageName);
-};
-exports.getImageUrl = getImageUrl;
-const isShapeEqual = (position1, position2) => {
-  if (position1 && position2) {
-    return position1.w === position2.w && position1.h === position2.h;
-  }
-  if (!position1 && !position2) return true;
-  return false;
-};
-exports.isShapeEqual = isShapeEqual;
-function isStatItemEqual(prevStatItem, chart) {
-  let statItemType = prevStatItem.type;
-  if (statItemType !== chart.type) return false;
-  return shallowEqual(prevStatItem, chart);
-}
-function shallowEqual(objA, objB) {
-  if (objA === objB) {
-    return true;
-  }
-  if (typeof objA !== 'object' || !objA || typeof objB !== 'object' || !objB) {
-    return false;
-  }
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  for (let i = 0; i < keysA.length; i++) {
-    let key = keysA[i];
-    let valueA = objA[key];
-    let valueB = objB[key];
-    if (key === 'layout') continue;
-    // line | chart-bar | chart-bar-stack | chart-bar-group
-    if (key === 'show_x_axis_label') continue;
-    if (key === 'show_y_axis_label') continue;
-    if (key === 'x_axis_label_position') continue;
-    if (key === 'y_axis_label_position') continue;
-
-    // horizontal bar | horizontal group bar
-    if (key === 'show_vertical_axis_label') continue;
-    if (key === 'show_horizontal_axis_label') continue;
-    if (key === 'vertical_axis_label_position') continue;
-    if (key === 'horizontal_axis_label_position') continue;
-
-    // combination chart
-    if (key === 'show_y_axis_left_label') continue;
-    if (key === 'show_y_axis_right_label') continue;
-    if (key === 'y_axis_left_label_position') continue;
-    if (key === 'y_axis_right_label_position') continue;
-    if (objA.type !== 'basic_number_card' && objA.type !== _constants.STAT_TYPE.DASHBOARD && key === 'name') continue;
-    if (Object.prototype.hasOwnProperty.call(objB, key)) {
-      if (Array.isArray(valueA) && Array.isArray(valueB)) {
-        let isArrayEqual = arraysEqual(valueA, valueB);
-        if (!isArrayEqual) return false;
-      } else if (valueA !== valueB) {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  }
-  if (!isShapeEqual(objA.layout, objB.layout)) {
-    return false;
-  }
-  return true;
-}
-const IGNORE_STAT_KEYS = ['layout', 'name', 'show_y_axis_label', 'show_x_axis_label', 'show_vertical_axis_label', 'show_horizontal_axis_label', 'vertical_axis_label_position', 'horizontal_axis_label_position', 'horizontal_axis_label_color', 'y_axis_label_color', 'data_color', 'display_data', 'show_y_axis_left_label', 'show_y_axis_right_label', 'x_axis_label_position', 'y_axis_label_position', 'y_axis_left_color', 'y_axis_right_color', 'y_axis_left_label_position', 'y_axis_right_label_position', 'minimum_slice_percent', 'bubble_color', 'map_type', 'legend_direction', 'legend_size', 'completed_color', 'uncompleted_color', 'display_percentage', 'label_font_size'];
-const shouldCalculateStatItem = (prevStatItem, chart) => {
-  let statItemType = prevStatItem.type;
-  if (statItemType !== chart.type) return true;
-  if (prevStatItem === chart) {
-    return false;
-  }
-  if (typeof prevStatItem !== 'object' || !prevStatItem || typeof chart !== 'object' || !chart) {
-    return true;
-  }
-  const keysA = Object.keys(prevStatItem);
-  const keysB = Object.keys(chart);
-  if (keysA.length !== keysB.length) {
-    return true;
-  }
-  for (let i = 0; i < keysA.length; i++) {
-    let key = keysA[i];
-    let valueA = prevStatItem[key];
-    let valueB = chart[key];
-    if (IGNORE_STAT_KEYS.includes(key)) continue;
-    if (Object.prototype.hasOwnProperty.call(chart, key)) {
-      if (Array.isArray(valueA) && Array.isArray(valueB)) {
-        let isArrayEqual = arraysEqual(valueA, valueB);
-        if (!isArrayEqual) return true;
-      } else if (valueA !== valueB) {
-        return true;
-      }
-    } else {
-      return true;
-    }
-  }
-  return false;
-};
-exports.shouldCalculateStatItem = shouldCalculateStatItem;
-function arraysEqual(arrayA, arrayB) {
-  if (arrayA === null || arrayB === null) return false;
-  if (arrayA.length !== arrayB.length) return false;
-  for (let i = 0; i < arrayA.length; i++) {
-    if (!shallowEqual(arrayA[i], arrayB[i])) return false;
-  }
-  return true;
-}
-const isArrayCellValue = column => {
-  if (!column) return false;
-  const {
-    type,
-    data
-  } = column;
-  return _constants.MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[type] || _dtableUtils.FORMULA_COLUMN_TYPES_MAP[type] && data && data.result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY && _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(data.array_type) // the collaborator lookup is not formatted
-  ;
-};
-exports.isArrayCellValue = isArrayCellValue;
-const getSummaryResult = function (results, summaryMethod) {
-  let precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 8;
-  const numericResults = Array.isArray(results) && results.length > 0 ? results.filter(res => (0, _dtableUtils.isNumber)(res)) : [];
-  switch (summaryMethod) {
-    case _constants.SUMMARY_METHOD_MAP.Max:
-      {
-        return getMax(numericResults);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Min:
-      {
-        return getMin(numericResults);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Sum:
-      {
-        return getSum(numericResults, precision);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Mean:
-      {
-        return getMean(numericResults, precision);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Distinct_values:
-      {
-        let count = 0;
-        let existMap = {};
-        Array.isArray(results) && results.forEach(resNum => {
-          let num = resNum;
-          if (!num) {
-            if (num === 0) {
-              num = '0';
-            } else {
-              num = !!num;
-            }
-          }
-          if (!existMap[num]) {
-            existMap[num] = true;
-            count++;
-          }
-        });
-        return count;
-      }
-    default:
-      {
-        return 0;
-      }
-  }
-};
-exports.getSummaryResult = getSummaryResult;
-const getMax = list => {
-  if (list.length === 0) return 0;
-  return Number.parseFloat(Math.max.apply(null, list));
-};
-const getMin = list => {
-  if (list.length === 0) return 0;
-  return Number.parseFloat(Math.min.apply(null, list).toFixed(8));
-};
-const getSum = function (list) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
-  if (list.length === 0) return 0;
-  const sum = list.reduce((a, b) => {
-    return a + b;
-  }, 0);
-  return Number.parseFloat(Number(sum).toFixed(8));
-};
-const getMean = function (list) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
-  if (list.length === 0) return 0;
-  const sum = getSum(list);
-  return Number.parseFloat((sum / list.length).toFixed(precision));
-};
-const getPieColor = (color_option, column, index, data, currentTheme) => {
-  let {
-    type: columnType,
-    data: columnData
-  } = column;
-  const {
-    colors
-  } = currentTheme;
-  if (color_option === _constants.PIE_COLOR_OPTIONS[1] && (columnType === _dtableUtils.CellType.SINGLE_SELECT || columnType === _dtableUtils.CellType.MULTIPLE_SELECT)) {
-    if (columnData && columnData.options) {
-      const selectedItem = columnData.options.find(item => item.name === data.name) || {};
-      return selectedItem.color || '#dbdbdb';
-    }
-  } else {
-    const sIndex = String(index);
-    const colorIndex = sIndex.charAt(sIndex.length - 1);
-    return colors[colorIndex];
-  }
-};
-function formatPieChartData(data, statItem, table, currentTheme) {
-  const {
-    groupby_column_key,
-    color_option,
-    summary_column_key,
-    summary_method: summaryMethod,
-    summary_type
-  } = statItem;
-  const isAdvanced = summary_type === 'advanced';
-  const column = (0, _dtableUtils.getTableColumnByKey)(table, groupby_column_key);
-  let sum = data.reduce((total, currentValue) => {
-    return total += currentValue.value;
-  }, 0);
-  const minimumSlicePercentage = typeof statItem.minimum_slice_percent === 'number' ? statItem.minimum_slice_percent : 1.5;
-  const threshold = sum * (minimumSlicePercentage / 100 || 0);
-  const filteredItems = [];
-  const colorSet = [];
-  const filteredData = [];
-  let stepIndex = 0;
-  data.forEach((item, index) => {
-    const value = item.value;
-    if (value >= threshold) {
-      const colorIndex = index - stepIndex;
-      item.percent = String(Number.parseFloat(value / sum * 100).toFixed(1)) + '%';
-      const color = getPieColor(color_option, column, colorIndex, item, currentTheme);
-      item.color = color;
-      colorSet.push(color);
-      filteredData.push(item);
-    } else {
-      stepIndex += 1;
-      filteredItems.push(item);
-    }
-  });
-  data = filteredData;
-  if (filteredItems.length > 0) {
-    const filteredSum = filteredItems.reduce((total, currentValue) => {
-      return total += currentValue.value;
-    }, 0);
-    let formattedValueSum = filteredSum;
-    if (isAdvanced) {
-      const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column_key);
-      formattedValueSum = _statUtils.default.getFormattedValue(filteredSum, summaryColumn, summaryMethod);
-    }
-    let original_name_list = [];
-    let name_list = [];
-    let rows = [];
-    filteredItems.forEach(item => {
-      if (item.original_name) {
-        original_name_list.push(item.original_name);
-      }
-      if (item.name) {
-        name_list.push(item.name);
-      }
-      if (item.rows) {
-        rows.push(...item.rows);
-      }
-    });
-    data.push({
-      rows,
-      name_list,
-      original_name_list,
-      name: _reactIntlUniversal.default.get('Others'),
-      value: filteredSum,
-      formatted_value: formattedValueSum,
-      color: '#dbdbdb',
-      original_name: 'Others',
-      percent: String(Number.parseFloat(filteredSum / sum * 100).toFixed(1)) + '%'
-    });
-    colorSet.push('#dbdbdb');
-  }
-  data.total = sum;
-  data.colorSet = colorSet;
-  return data;
-}
-const formatNumericValue = function (value) {
-  let column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const data = column.data || {};
-  let {
-    precision = 8
-  } = data;
-  value = value || 0;
-  return parseFloat(value.toFixed(precision));
-};
-exports.formatNumericValue = formatNumericValue;
-const getLabelFontSize = label_font_size => {
-  return (0, _dtableUtils.isNumber)(label_font_size) ? label_font_size : _constants.DEFAULT_LABEL_FONT_SIZE;
-};
-exports.getLabelFontSize = getLabelFontSize;
-const getSummaryColumnMethod = function (method, summaryColumnName) {
-  let useSingleQuote = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (method === 'Distinct_values') {
-    return "COUNT(DISTINCT ".concat(summaryColumnName, ")");
-  }
-  return "".concat(method, "(").concat(useSingleQuote ? '`' : '').concat(summaryColumnName).concat(useSingleQuote ? '`' : '', ")");
-};
-exports.getSummaryColumnMethod = getSummaryColumnMethod;
-const getCurrentTheme = colorThemeName => {
-  if (colorThemeName) {
-    const currentColorTheme = _constants.CHART_STYLE_COLORS.find(item => item.name === colorThemeName);
-    return currentColorTheme || _constants.CHART_STYLE_COLORS[0];
-  }
-  return _constants.CHART_STYLE_COLORS[0];
-};
-
-// for stacked bar, stacked horizontal bar
-exports.getCurrentTheme = getCurrentTheme;
-const sortDataByGroupSum = (data, sortType) => {
-  const nameSumMap = [];
-  data.forEach(item => {
-    if (nameSumMap.filter(filteredItem => filteredItem.name === item.name).length === 0) {
-      const items = data.filter(originItem => originItem.name === item.name);
-      const valueSum = items.reduce((accumulator, currentItem) => accumulator + currentItem.value, 0);
-      nameSumMap.push({
-        name: item.name,
-        items,
-        valueSum
-      });
-    }
-  });
-
-  // sort group
-  _statUtils.default.sortDataByKey(nameSumMap, 'valueSum', sortType);
-  return nameSumMap.reduce((accumulator, currentItem) => accumulator.concat(currentItem.items), []);
-};
-exports.sortDataByGroupSum = sortDataByGroupSum;
-const isBoolean = val => {
-  return typeof val === 'boolean';
-};
-exports.isBoolean = isBoolean;
+exports.generatorUniqueId = generatorUniqueId;

package/es/utils/export-table-utils.js

@@ -9,8 +9,6 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
 var _cellValue = require("./cell-value");
-var _column = require("./column");
-var _collaborator = require("./collaborator");
 var _constants = require("../constants");
 var _pivotTable = require("./pivot-table");
 const isEmptyName = title => {
@@ -23,73 +21,6 @@ const isSummaryDateColumn = summaryColumn => {
   } = summaryColumn;
   return type !== _dtableUtils.CellType.LINK && (0, _dtableUtils.isDateColumn)(summaryColumn);
 };
-
-// eslint-disable-next-line
-const getTableValueDisplayName = (value, column) => {
-  let {
-    type,
-    data
-  } = column || {};
-  let {
-    collaborators
-  } = window.app.state;
-  switch (type) {
-    case _dtableUtils.CellType.SINGLE_SELECT:
-    case _dtableUtils.CellType.MULTIPLE_SELECT:
-      {
-        let options = (0, _column.getSelectColumnOptions)(column);
-        let option = (0, _dtableUtils.getOption)(options, value) || {};
-        return option.name;
-      }
-    case _dtableUtils.CellType.COLLABORATOR:
-      {
-        let collaborator = (0, _dtableUtils.getCollaborator)(collaborators, value) || {};
-        return collaborator.name;
-      }
-    case _dtableUtils.CellType.CREATOR:
-    case _dtableUtils.CellType.LAST_MODIFIER:
-      {
-        let collaborator = (0, _collaborator.getKnownCreatorByEmail)(collaborators, value) || {};
-        return collaborator.name;
-      }
-    case _dtableUtils.CellType.NUMBER:
-      {
-        let valueNumber = parseFloat(value);
-        let displayValue = (0, _dtableUtils.isNumber)(valueNumber) ? (0, _dtableUtils.getNumberDisplayString)(valueNumber, data) : value;
-        return displayValue;
-      }
-    case _dtableUtils.CellType.DATE:
-      {
-        let displayValue = value;
-        if (value && value.split('-').length === 3) {
-          let format = (0, _column.getDateColumnFormat)(column);
-          let spaceIndex = format.indexOf(' ');
-          if (spaceIndex > -1) {
-            format = format.slice(0, spaceIndex);
-          }
-          displayValue = (0, _dayjs.default)(value).format(format);
-        }
-        return displayValue;
-      }
-    case _dtableUtils.CellType.FORMULA:
-    case _dtableUtils.CellType.LINK_FORMULA:
-      {
-        let displayValue = value;
-        let {
-          result_type
-        } = data || {};
-        if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.NUMBER) {
-          let valueNumber = parseFloat(value);
-          displayValue = (0, _dtableUtils.isNumber)(valueNumber) ? (0, _dtableUtils.getNumberDisplayString)(valueNumber, data) : value;
-        }
-        return displayValue;
-      }
-    default:
-      {
-        return value;
-      }
-  }
-};
 const getValidValueForColumn = (column, value) => {
   if (!column) return '';
   const {

package/es/utils/index.js

@@ -3,94 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "generateDefaultUser", {
-  enumerable: true,
-  get: function () {
-    return _collaborator.generateDefaultUser;
-  }
-});
-Object.defineProperty(exports, "getClientCellValueDisplayString", {
-  enumerable: true,
-  get: function () {
-    return _cellFormat.getClientCellValueDisplayString;
-  }
-});
-Object.defineProperty(exports, "getClientFormulaDisplayString", {
-  enumerable: true,
-  get: function () {
-    return _cellFormat.getClientFormulaDisplayString;
-  }
-});
-Object.defineProperty(exports, "getDateColumnFormat", {
-  enumerable: true,
-  get: function () {
-    return _column.getDateColumnFormat;
-  }
-});
 exports.getEventClassName = void 0;
-Object.defineProperty(exports, "getKnownCreatorByEmail", {
-  enumerable: true,
-  get: function () {
-    return _collaborator.getKnownCreatorByEmail;
-  }
-});
-Object.defineProperty(exports, "getSelectColumnOptions", {
-  enumerable: true,
-  get: function () {
-    return _column.getSelectColumnOptions;
-  }
-});
-Object.defineProperty(exports, "getTodayDate", {
-  enumerable: true,
-  get: function () {
-    return _dateFormat.getTodayDate;
-  }
-});
 Object.defineProperty(exports, "hasOwnProperty", {
   enumerable: true,
   get: function () {
     return _object.hasOwnProperty;
   }
 });
-exports.hexToRgb = void 0;
-Object.defineProperty(exports, "isCellValueChanged", {
-  enumerable: true,
-  get: function () {
-    return _cellValue.isCellValueChanged;
-  }
-});
-Object.defineProperty(exports, "isEmptyObject", {
-  enumerable: true,
-  get: function () {
-    return _object.isEmptyObject;
-  }
-});
 exports.isMobile = exports.isFunction = void 0;
-Object.defineProperty(exports, "isSameObject", {
-  enumerable: true,
-  get: function () {
-    return _object.isSameObject;
-  }
-});
-Object.defineProperty(exports, "searchRows", {
-  enumerable: true,
-  get: function () {
-    return _search.searchRows;
-  }
-});
-Object.defineProperty(exports, "translateCalendar", {
-  enumerable: true,
-  get: function () {
-    return _dateFormat.translateCalendar;
-  }
-});
-var _cellFormat = require("./cell-format");
 var _object = require("./object");
-var _cellValue = require("./cell-value");
-var _collaborator = require("./collaborator");
-var _column = require("./column");
-var _dateFormat = require("./date-format");
-var _search = require("./search");
 const isFunction = functionToCheck => {
   const getType = {};
   return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
@@ -102,14 +23,4 @@ const getEventClassName = e => {
   return e.target.getAttribute('class') || '';
 };
 exports.getEventClassName = getEventClassName;
-const hexToRgb = hex => {
-  hex = hex.replace('#', '');
-  const bigint = parseInt(hex, 16);
-  return {
-    r: bigint >> 16 & 255,
-    g: bigint >> 8 & 255,
-    b: bigint & 255
-  };
-};
-exports.hexToRgb = hexToRgb;
 const isMobile = exports.isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "dtable-statistic",
-  "version": "4.4.24",
+  "version": "5.0.0-alpha.0",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
   "private": false,
   "dependencies": {
-    "@antv/data-set": "0.11.8",
-    "@antv/g2": "4.1.46",
-    "@antv/util": "3.3.2",
+    "@antv/util": "^3.3.2",
     "@seafile/seafile-calendar": "0.0.24",
     "comlink": "^4.4.1",
     "dayjs": "1.10.7",
@@ -19,10 +17,10 @@
     "react-dom": "17.0.2",
     "react-grid-layout": "^1.2.5",
     "react-intl-universal": "^2.4.8",
-    "reactstrap": "8.9.0"
+    "reactstrap": "8.9.0",
+    "sea-chart": "^0.0.47-alpha.2"
   },
   "peerDependencies": {
-    "@antv/scale": "0.3.14",
     "dtable-ui-component": "~4.4.*",
     "dtable-utils": "~4.4.*"
   },
@@ -56,7 +54,7 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dtable-store": "4.3.6",
-    "dtable-ui-component": "4.4.34",
+    "dtable-ui-component": "~4.4.34",
     "dtable-utils": "4.4.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",