sea-chart 2.0.1 → 2.0.2-alpha.3

package/dist/view/wrapper/table-element/components/formatters/link-formatter.js

@@ -51,7 +51,7 @@ function LinkFormatter(props) {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
             title: value,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));
@@ -63,7 +63,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value && value !== 0) return null;
           return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             containerClassName: "table-element-link-item",
             data: displayColumnData || {},
             value: value
@@ -80,7 +80,7 @@ function LinkFormatter(props) {
             format
           } = displayColumnData || {};
           return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             format: format,
             containerClassName: "table-element-link-item"
@@ -94,7 +94,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
@@ -107,7 +107,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
@@ -122,7 +122,7 @@ function LinkFormatter(props) {
           const displayValue = (0, _dtableUtils.getDurationDisplayString)(value, displayColumnData);
           return /*#__PURE__*/_react.default.createElement("div", {
             title: displayValue,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, displayValue);
         }));
@@ -152,7 +152,7 @@ function LinkFormatter(props) {
         return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
           value: cellValue,
           options: options || [],
-          containerClassName: `table-element-${displayColumnType}-formatter`
+          containerClassName: "table-element-".concat(displayColumnType, "-formatter")
         });
       }
     case _dtableUtils.CellType.MULTIPLE_SELECT:
@@ -168,7 +168,7 @@ function LinkFormatter(props) {
           const valueDisplayString = Array.isArray(value) ? (0, _dtableUtils.getMultipleOptionName)(options, value) : (0, _dtableUtils.getMultipleOptionName)(options, [value]);
           return /*#__PURE__*/_react.default.createElement("div", {
             title: valueDisplayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
@@ -190,7 +190,7 @@ function LinkFormatter(props) {
           }, displayColumn, collaborators);
           return /*#__PURE__*/_react.default.createElement("div", {
             title: valueDisplayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
@@ -201,9 +201,9 @@ function LinkFormatter(props) {
           className: containerClassName
         }, cellValue.map((value, index) => {
           return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: Boolean(value),
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
@@ -218,7 +218,7 @@ function LinkFormatter(props) {
           });
           return /*#__PURE__*/_react.default.createElement("div", {
             title: displayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, displayString);
         }));
@@ -230,9 +230,9 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
@@ -248,7 +248,7 @@ function LinkFormatter(props) {
           }, displayColumn, collaborators);
           return /*#__PURE__*/_react.default.createElement("div", {
             title: displayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, displayString);
         }));
@@ -260,7 +260,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           return /*#__PURE__*/_react.default.createElement("div", {
             title: value + '',
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value + '');
         }));
@@ -274,7 +274,7 @@ function LinkFormatter(props) {
           return /*#__PURE__*/_react.default.createElement("div", {
             title: value,
             value: value,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));

package/dist/view/wrapper/table-element/components/link-formatter.js

@@ -50,7 +50,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));
@@ -62,7 +62,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value && value !== 0) return null;
           return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             containerClassName: "table-element-link-item",
             data: displayColumnData || {},
             value: value
@@ -79,7 +79,7 @@ function LinkFormatter(props) {
             format
           } = displayColumnData || {};
           return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             format: format,
             containerClassName: "table-element-link-item"
@@ -93,7 +93,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
@@ -106,7 +106,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
@@ -119,7 +119,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, (0, _dtableUtils.getDurationDisplayString)(value, displayColumnData));
         }));
@@ -149,7 +149,7 @@ function LinkFormatter(props) {
         return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
           value: cellValue,
           options: options || [],
-          containerClassName: `table-element-${displayColumnType}-formatter`
+          containerClassName: "table-element-".concat(displayColumnType, "-formatter")
         });
       }
     case _dtableUtils.CellType.MULTIPLE_SELECT:
@@ -164,7 +164,7 @@ function LinkFormatter(props) {
           if (!value) return null;
           const valueDisplayString = Array.isArray(value) ? (0, _dtableUtils.getMultipleOptionName)(options, value) : (0, _dtableUtils.getMultipleOptionName)(options, [value]);
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
@@ -185,7 +185,7 @@ function LinkFormatter(props) {
             [displayColumn.key]: [value]
           }, displayColumn, collaborators);
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
@@ -196,9 +196,9 @@ function LinkFormatter(props) {
           className: containerClassName
         }, cellValue.map((value, index) => {
           return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: Boolean(value),
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
@@ -209,7 +209,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, (0, _dtableUtils.getGeolocationDisplayString)(value, displayColumnData, {
             hyphen: ' '
@@ -223,9 +223,9 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
@@ -237,7 +237,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: value
@@ -250,7 +250,7 @@ function LinkFormatter(props) {
           className: containerClassName
         }, cellValue.map((value, index) => {
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value + '');
         }));
@@ -262,7 +262,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));

package/dist/view/wrapper/table-element/components/record.js

@@ -37,12 +37,12 @@ function Record(_ref) {
         className += 'table-element-result-table-formula-image-cell';
       }
     } else {
-      className += `table-element-result-table-${type}-cell`;
+      className += "table-element-result-table-".concat(type, "-cell");
     }
     return /*#__PURE__*/_react.default.createElement("div", {
-      key: `${key}-${{
+      key: "".concat(key, "-").concat({
         index
-      }}`,
+      }),
       className: className,
       style: {
         width,

package/dist/view/wrapper/table-element/components/records.js

@@ -21,7 +21,7 @@ class Records extends _react.Component {
         chart
       } = this.props;
       const displayColumns = this.calcuteDisplayColumns(this.props.shownColumns);
-      const container = document.querySelector(`#sea-chart-cavans-container-${chart.id}`);
+      const container = document.querySelector("#sea-chart-cavans-container-".concat(chart.id));
       let resultTotalwidth = displayColumns.reduce((cur, nextItem) => {
         return cur + nextItem.width;
       }, 0);
@@ -52,7 +52,7 @@ class Records extends _react.Component {
       const {
         chart
       } = this.props;
-      const columnsWidthDataStr = localStorage.getItem(`statistic_${chart.id}_columns_width`);
+      const columnsWidthDataStr = localStorage.getItem("statistic_".concat(chart.id, "_columns_width"));
       const columnsWidthData = columnsWidthDataStr ? JSON.parse(columnsWidthDataStr) : [];
       const columns = shownColumns.filter(column => !_datasetUtils.DATASET_NOT_SUPPORT_COLUMN_TYPES.includes(column.type)).map(column => {
         const {
@@ -95,7 +95,7 @@ class Records extends _react.Component {
         };
       });
       // clear old data if there are new columns and not matched with the old data
-      localStorage.setItem(`statistic_${chart.id}_columns_width`, JSON.stringify(newColumnsWidthData));
+      localStorage.setItem("statistic_".concat(chart.id, "_columns_width"), JSON.stringify(newColumnsWidthData));
       return columns;
     };
     this.resizeColumnWidth = (column, width) => {
@@ -120,7 +120,7 @@ class Records extends _react.Component {
       const {
         chart
       } = this.props;
-      localStorage.setItem(`statistic_${chart.id}_columns_width`, JSON.stringify(columnsWidthData));
+      localStorage.setItem("statistic_".concat(chart.id, "_columns_width"), JSON.stringify(columnsWidthData));
     };
     this.setVerticalScrollbarTop = scrollTop => {
       if (this.verticalScrollbar) {

package/dist/view/wrapper/table-element/components/utils.js

@@ -15,7 +15,7 @@ const isValidUrl = url => {
 exports.isValidUrl = isValidUrl;
 const getValidUrl = value => {
   const url = getTrimmedString(value);
-  return isValidUrl(url) ? url : `http://${url}`;
+  return isValidUrl(url) ? url : "http://".concat(url);
 };
 exports.getValidUrl = getValidUrl;
 const openUrlLink = url => {

package/dist/view/wrapper/trend.js

@@ -99,27 +99,27 @@ class Trend extends _react.Component {
       if (labelFontSize <= 12) {
         return /*#__PURE__*/_react.default.createElement("span", {
           style: {
-            fontSize: `${labelFontSize}px`,
+            fontSize: "".concat(labelFontSize, "px"),
             width: '100%'
           }
         }, /*#__PURE__*/_react.default.createElement("i", {
           style: {
-            color: `${color}`,
+            color: "".concat(color),
             display: 'inline-block',
-            width: `${1.5 * labelFontSize}px`,
-            height: `${1.5 * labelFontSize}px`,
-            lineHeight: `${1.5 * labelFontSize}px`,
+            width: "".concat(1.5 * labelFontSize, "px"),
+            height: "".concat(1.5 * labelFontSize, "px"),
+            lineHeight: "".concat(1.5 * labelFontSize, "px"),
             borderRadius: '50%',
-            backgroundColor: `${color}26`,
+            backgroundColor: "".concat(color, "26"),
             textAlign: 'center',
             marginRight: '8px',
             fontWeight: 'bold',
             fontSize: '10px'
           },
-          className: `dtable-font ${icon}`
+          className: "dtable-font ".concat(icon)
         }), /*#__PURE__*/_react.default.createElement("span", {
           style: {
-            color: `${color}`
+            color: "".concat(color)
           }
         }, result));
       }
@@ -128,7 +128,7 @@ class Trend extends _react.Component {
           display: 'flex',
           flexWrap: 'wrap',
           justifyContent: label_text_align,
-          fontSize: `${labelFontSize}px`,
+          fontSize: "".concat(labelFontSize, "px"),
           width: '100%'
         }
       }, /*#__PURE__*/_react.default.createElement("span", {
@@ -142,17 +142,17 @@ class Trend extends _react.Component {
           flexBasis: 'auto',
           color: color,
           display: 'inline-block',
-          width: `${1.5 * labelFontSize}px`,
-          height: `${1.5 * labelFontSize}px`,
-          lineHeight: `${1.5 * labelFontSize}px`,
+          width: "".concat(1.5 * labelFontSize, "px"),
+          height: "".concat(1.5 * labelFontSize, "px"),
+          lineHeight: "".concat(1.5 * labelFontSize, "px"),
           borderRadius: '50%',
-          backgroundColor: `${color}26`,
+          backgroundColor: "".concat(color, "26"),
           textAlign: 'center',
           marginRight: '8px',
           fontWeight: 'bold',
           fontSize: '11px'
         },
-        className: `dtable-font ${icon}`
+        className: "dtable-font ".concat(icon)
       }), /*#__PURE__*/_react.default.createElement("span", {
         style: {
           color: color,
@@ -207,11 +207,11 @@ class Trend extends _react.Component {
         width: '100%',
         top: 'calc((100% - 25px)/2)',
         transform: 'translateY(-50%)',
-        fontSize: `${num_font_size}px`,
+        fontSize: "".concat(num_font_size, "px"),
         margin: '-8px 0 2px 0',
-        textAlign: `${num_text_align}`,
-        fontWeight: `${num_font_weight}`,
-        color: `${num_font_color}`
+        textAlign: "".concat(num_text_align),
+        fontWeight: "".concat(num_font_weight),
+        color: "".concat(num_font_color)
       }
     }, content), /*#__PURE__*/_react.default.createElement("p", {
       className: "label-content",

package/package.json

@@ -1,10 +1,8 @@
 {
   "name": "sea-chart",
-  "version": "2.0.1",
+  "version": "2.0.2-alpha.3",
   "main": "./dist/index.js",
   "dependencies": {
-    "@antv/data-set": "0.11.8",
-    "@antv/g2": "4.1.46",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
@@ -18,17 +16,12 @@
     "lodash-es": "^4.17.21",
     "rc-slider": "^10.5.0",
     "react-i18next": "^14.1.2",
-    "react-select": "~5.10.0",
-    "react-sweet-progress": "~1.1.2",
     "reactstrap": "~9.2.3",
     "shallowequal": "^1.1.0",
-    "slugid": "~5.0.1",
-    "svg-sprite-loader": "^6.0.11",
-    "svgo-loader": "^3.0.0"
+    "slugid": "~5.0.1"
   },
   "peerDependencies": {
-    "@antv/scale": "0.3.14",
-    "dtable-ui-component": "6.0.2",
+    "dtable-ui-component": "6.0.4",
     "dtable-utils": "~5.0.*",
     "prop-types": "15.8.1",
     "react": "18.3.1",
@@ -140,7 +133,6 @@
     "raf": "3.4.0",
     "react": "~18.3.1",
     "react-app-polyfill": "~3.0.0",
-    "react-color": "~2.19.3",
     "react-cookies": "0.1.1",
     "react-dev-utils": "^12.0.1",
     "react-dom": "~18.3.1",
@@ -151,6 +143,8 @@
     "rimraf": "^5.0.7",
     "sass-loader": "13.3.2",
     "style-loader": "^1.0.1",
+    "svg-sprite-loader": "~6.0.11",
+    "svgo-loader": "~3.0.0",
     "terser-webpack-plugin": "4.2.3",
     "ts-pnp": "1.1.4",
     "url-loader": "4.1.1",