sea-chart 2.0.40 → 2.0.43

package/dist/view/wrapper/trend.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "2.0.40",
+  "version": "2.0.43",
   "main": "./dist/index.js",
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
@@ -25,7 +25,7 @@
   "peerDependencies": {
     "@antv/scale": "0.3.14",
     "d3-composite-projections": "~1.4.*",
-    "dtable-ui-component": "~6.0.*",
+    "dtable-ui-component": "~7.0.*",
     "dtable-utils": "~5.0.*",
     "prop-types": "15.8.1",
     "react": "^18.3.1",