dtable-ui-component 7.0.15 → 7.0.17

package/lib/GeolocationEditor/map-editor-utils.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.locateCurrentPosition = exports.loadMapSource = exports.getMineMapUrl = exports.getMapInfo = exports.getInitCenter = exports.MAP_TYPES = exports.INPUT_MODE_MAP = exports.DOMESTIC_MAP_TYPE = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 const INPUT_MODE_MAP = exports.INPUT_MODE_MAP = {
   ANY_LOCATION: 'any_location',
   ONLY_MOBILE_POSITIONING: 'only_mobile_positioning'
@@ -30,10 +32,7 @@ const getMineMapUrl = function () {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     dtableMineMapCustomConfig = {}
-  } = {
-    ...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
-    ...config
-  };
+  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window = window) === null || _window === void 0 ? void 0 : _window.dtable), config);
   const {
     domain_url = '',
     data_domain_url = '',
@@ -77,10 +76,7 @@ const getMapInfo = function () {
     dtableBaiduMapKey: baiduMapKey,
     dtableGoogleMapKey: googleMapKey,
     dtableMineMapKey: mineMapKey
-  } = {
-    ...((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable),
-    ...config
-  };
+  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable), config);
   let mapType;
   let mapKey;
   if (baiduMapKey) {
@@ -105,9 +101,9 @@ const loadMapSource = (mapType, mapKey, callback) => {
   let script = document.createElement('script');
   script.type = 'text/javascript';
   if (mapType === MAP_TYPES.B_MAP) {
-    scriptUrl = `https://api.map.baidu.com/api?v=3.0&ak=${mapKey}&callback=renderBaiduMap`;
+    scriptUrl = "https://api.map.baidu.com/api?v=3.0&ak=".concat(mapKey, "&callback=renderBaiduMap");
   } else if (mapType === MAP_TYPES.G_MAP) {
-    scriptUrl = `https://maps.googleapis.com/maps/api/js?key=${mapKey}&callback=renderGoogleMap&libraries=&v=weekly`;
+    scriptUrl = "https://maps.googleapis.com/maps/api/js?key=".concat(mapKey, "&callback=renderGoogleMap&libraries=&v=weekly");
   } else {
     scriptUrl = 'https://minemap.minedata.cn/minemapapi/v2.1.1/minemap.js';
     let link = document.createElement('link');

package/lib/GeolocationEditor/mb-editor/index.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _countryEditor = _interopRequireDefault(require("./country-editor"));
@@ -16,6 +18,7 @@ var _mapEditor = _interopRequireDefault(require("./map-editor"));
 var _mapSelectionEditor = _interopRequireDefault(require("./map-selection-editor"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["column", "config", "getLocationData", "getCountryData"];
 const transLocationData = data => {
   if (Object.prototype.toString.call(data) === '[object Object]') {
     const name = data.name;
@@ -53,12 +56,12 @@ const transCountryData = data => {
 };
 const MBGeolocationEditor = _ref => {
   let {
-    column,
-    config,
-    getLocationData,
-    getCountryData,
-    ...props
-  } = _ref;
+      column,
+      config,
+      getLocationData,
+      getCountryData
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const format = (0, _react.useMemo)(() => {
     let data = column.data || {};
     return data.geo_format ? data.geo_format : _dtableUtils.DEFAULT_GEOLOCATION_FORMAT;
@@ -74,60 +77,53 @@ const MBGeolocationEditor = _ref => {
   switch (format) {
     case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           config: config,
           column: column
-        });
+        }));
       }
     case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           config: config,
           column: column
-        });
+        }));
       }
     case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           getData: _getCountryData,
           column: column
-        });
+        }));
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           getData: getData,
           column: column
-        });
+        }));
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           getData: getData,
           column: column
-        });
+        }));
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           getData: getData,
           column: column
-        });
+        }));
       }
     default:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           isShowDetails: true,
           getData: getData,
           column: column
-        });
+        }));
       }
   }
 };

package/lib/GeolocationEditor/mb-editor/map-editor/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _InputItem = _interopRequireDefault(require("../../../InputItem"));
@@ -119,9 +120,7 @@ class MapEditor extends _react.default.Component {
     };
     this.geolocationCallback = (error, point) => {
       if (!error) {
-        this.setValue({
-          ...point
-        });
+        this.setValue((0, _objectSpread2.default)({}, point));
         this.addMarkerByPosition(point.lng, point.lat);
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP) {
           this.map.setCenter({
@@ -302,10 +301,9 @@ class MapEditor extends _react.default.Component {
       });
     };
     this.handleLatitudeChange = value => {
-      const newValue = {
-        ...this.state.value,
+      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
         lat: value
-      };
+      });
       this.setState({
         value: newValue
       }, () => {
@@ -314,10 +312,9 @@ class MapEditor extends _react.default.Component {
       });
     };
     this.handleLongitudeChange = value => {
-      const newValue = {
-        ...this.state.value,
+      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
         lng: value
-      };
+      });
       this.setState({
         value: newValue
       }, () => {

package/lib/GeolocationEditor/pc-editor/country-editor.js

@@ -159,14 +159,14 @@ class CountryEditor extends _react.Component {
       let countryList = this.filteredCountry[continent].map((country, index) => {
         const isHighlight = highlightIndexes[0] === continentIndex && highlightIndexes[1] === index;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `geolocation-region-editor-country ${isHighlight ? 'geolocation-region-editor-province-highlight' : ''}`,
+          className: "geolocation-region-editor-country ".concat(isHighlight ? 'geolocation-region-editor-province-highlight' : ''),
           onMouseEnter: () => this.onMenuMouseEnter(continentIndex, index),
           onMouseLeave: () => this.onMenuMouseLeave(continentIndex, index),
           title: country,
           "aria-label": country,
           onClick: () => this.onClick(country),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: `icon ${value === country ? 'dtable-font dtable-icon-check-mark' : ''}`
+            className: "icon ".concat(value === country ? 'dtable-font dtable-icon-check-mark' : '')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "country-name",
             children: country

package/lib/GeolocationEditor/pc-editor/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _constants = require("../../constants");
@@ -172,61 +173,54 @@ class PCGeolocationEditor extends _react.default.Component {
       switch (geoFormat) {
         case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            });
+            }));
           }
         case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            });
+            }));
           }
         case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               getData: getCountryData,
               ref: ref => this.editor = ref
-            });
+            }));
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               onPressTab: this.props.onPressTab,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            });
+            }));
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               getData: getLocationData,
               ref: ref => this.editor = ref
-            });
+            }));
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               getData: getLocationData,
               ref: ref => this.editor = ref
-            });
+            }));
           }
         default:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
-              ...props,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
               isShowDetails: true,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            });
+            }));
           }
       }
     };

package/lib/GeolocationEditor/pc-editor/location-editor.js

@@ -191,7 +191,7 @@ class LocationEditor extends _react.Component {
     this.locations = {};
     this.state = {
       isShowSelector: false,
-      location: `${this.value.province || ''}${this.value.city || ''}${this.value.district || ''}`,
+      location: "".concat(this.value.province || '').concat(this.value.city || '').concat(this.value.district || ''),
       selectedProvince: null,
       selectedCity: null,
       selectedCounty: null,
@@ -243,7 +243,7 @@ class LocationEditor extends _react.Component {
             className: "dtable-ui-geolocation-editor-item-right",
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               onClick: this.onToggleSelector,
-              className: `dtable-ui-geolocation-editor-selector text-truncate ${isShowSelector ? 'focus' : ''}`,
+              className: "dtable-ui-geolocation-editor-selector text-truncate ".concat(isShowSelector ? 'focus' : ''),
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "selected-option-show",
                 children: location ? location : (0, _lang.getLocale)('Select_province_city_district')

package/lib/GeolocationEditor/pc-editor/map-editor/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _toaster = _interopRequireDefault(require("../../../toaster"));
@@ -139,9 +140,7 @@ class MapEditor extends _react.Component {
     };
     this.geolocationCallback = (error, point) => {
       if (!error) {
-        this.setValue({
-          ...point
-        });
+        this.setValue((0, _objectSpread2.default)({}, point));
         this.addMarkerByPosition(point.lng, point.lat);
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP) {
           this.map.setCenter({
@@ -325,10 +324,9 @@ class MapEditor extends _react.Component {
       });
     };
     this.onChangeLatitude = event => {
-      const newValue = {
-        ...this.state.value,
+      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
         lat: event.target.value
-      };
+      });
       this.setState({
         value: newValue
       }, () => {
@@ -337,10 +335,9 @@ class MapEditor extends _react.Component {
       });
     };
     this.onChangeLongitude = event => {
-      const newValue = {
-        ...this.state.value,
+      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
         lng: event.target.value
-      };
+      });
       this.setState({
         value: newValue
       }, () => {
@@ -515,12 +512,11 @@ class MapEditor extends _react.Component {
         })]
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, {
-      ...this.props,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
       value: this.state.value,
       setValue: this.setValue,
       toggleFullScreen: this.toggleFullScreen
-    });
+    }));
   }
 }
 var _default = exports.default = MapEditor;

package/lib/GeolocationEditor/pc-editor/map-editor/large-editor/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _dtableUtils = require("dtable-utils");
@@ -156,9 +157,7 @@ class LargeMapEditorDialog extends _react.default.Component {
     };
     this.geolocationCallback = (error, point) => {
       if (!error) {
-        this.setValue({
-          ...point
-        });
+        this.setValue((0, _objectSpread2.default)({}, point));
         this.addMarkerByPosition(point.lng, point.lat);
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP) {
           this.map.setCenter({
@@ -269,10 +268,9 @@ class LargeMapEditorDialog extends _react.default.Component {
       });
     };
     this.onChangeLatitude = event => {
-      const newValue = {
-        ...this.state.value,
+      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
         lat: event.target.value
-      };
+      });
       this.setState({
         value: newValue
       }, () => {
@@ -282,10 +280,9 @@ class LargeMapEditorDialog extends _react.default.Component {
       });
     };
     this.onChangeLongitude = event => {
-      const newValue = {
-        ...this.state.value,
+      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
         lng: event.target.value
-      };
+      });
       this.setState({
         value: newValue
       }, () => {

package/lib/GeolocationEditor/pc-editor/map-selection-editor/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _toaster = _interopRequireDefault(require("../../../toaster"));
@@ -125,7 +126,7 @@ class MapSelectionEditor extends _react.Component {
           backgroundColor: '#ffffff',
           boxShadow: '1px 2px 1px rgba(0,0,0,.15)',
           padding: '3px 10px',
-          transform: `translate(-50%, ${translateY})`,
+          transform: "translate(-50%, ".concat(translateY, ")"),
           borderRadius: '3px',
           fontWeight: '500',
           left: '7px'
@@ -167,26 +168,9 @@ class MapSelectionEditor extends _react.Component {
       } = value;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
-        return `
-          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>
-            <i class='dtable-font dtable-icon-down3'></i>
-            <span class='label-title text-truncate' title=${title}>${title}</span>
-            ${tagContent && `<span class='label-tag'>${tagContent}</span>`}
-            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
-            <span class='label-address-tip'>${(0, _lang.getLocale)('Address')}</span>
-            <span class='label-address text-truncate' title=${address}>${address}</span>
-            <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
-          </div>
-        `;
+        return "\n          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='label-title text-truncate' title=".concat(title, ">").concat(title, "</span>\n            ").concat(tagContent && "<span class='label-tag'>".concat(tagContent, "</span>"), "\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address-tip'>").concat((0, _lang.getLocale)('Address'), "</span>\n            <span class='label-address text-truncate' title=").concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
       }
-      return `
-        <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>
-          <i class='dtable-font dtable-icon-down3'></i>
-          <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
-          <span class='label-address text-truncate simple' title=${address}>${address}</span>
-          <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
-        </div>
-      `;
+      return "\n        <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>\n          <i class='dtable-font dtable-icon-down3'></i>\n          <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n          <span class='label-address text-truncate simple' title=".concat(address, ">").concat(address, "</span>\n          <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n        </div>\n      ");
     };
     this.getInitValue = () => {
       const {
@@ -398,10 +382,9 @@ class MapSelectionEditor extends _react.Component {
       isShowLargeEditor
     } = this.state;
     if (isShowLargeEditor) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, {
-        ...this.props,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
         toggleFullScreen: this.toggleFullScreen
-      });
+      }));
     }
     if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP || this.mapType === _mapEditorUtils.MAP_TYPES.M_MAP) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {

package/lib/GeolocationEditor/pc-editor/map-selection-editor/large-editor/index.js

@@ -113,7 +113,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
           backgroundColor: '#ffffff',
           boxShadow: '1px 2px 1px rgba(0,0,0,.15)',
           padding: '3px 10px',
-          transform: `translate(-50%, ${translateY})`,
+          transform: "translate(-50%, ".concat(translateY, ")"),
           borderRadius: '3px',
           fontWeight: '500',
           left: '7px'
@@ -155,26 +155,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       } = value;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
-        return `
-          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>
-            <i class='dtable-font dtable-icon-down3'></i>
-            <span class='label-title text-truncate' title=${title}>${title}</span>
-            ${tagContent && `<span class='label-tag'>${tagContent}</span>`}
-            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
-            <span class='label-address-tip'>${(0, _lang.getLocale)('Address')}</span>
-            <span class='label-address text-truncate' title=${address}>${address}</span>
-            <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
-          </div>
-        `;
+        return "\n          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='label-title text-truncate' title=".concat(title, ">").concat(title, "</span>\n            ").concat(tagContent && "<span class='label-tag'>".concat(tagContent, "</span>"), "\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address-tip'>").concat((0, _lang.getLocale)('Address'), "</span>\n            <span class='label-address text-truncate' title=").concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
       } else {
-        return `
-          <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>
-            <i class='dtable-font dtable-icon-down3'></i>
-            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
-            <span class='label-address text-truncate simple' title=${address}>${address}</span>
-            <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
-          </div>
-        `;
+        return "\n          <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address text-truncate simple' title=".concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
       }
     };
     this.getInitValue = () => {

package/lib/GeolocationEditor/pc-editor/province-city-editor.js

@@ -197,7 +197,7 @@ class ProvinceCityEditor extends _react.Component {
             className: "dtable-ui-geolocation-editor-item-right",
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               onClick: this.onToggleSelector,
-              className: `dtable-ui-geolocation-editor-selector text-truncate ${isShowSelector ? 'focus' : ''}`,
+              className: "dtable-ui-geolocation-editor-selector text-truncate ".concat(isShowSelector ? 'focus' : ''),
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "selected-option-show",
                 children: location ? location : (0, _lang.getLocale)('Select_province_city')

package/lib/GeolocationEditor/pc-editor/province-editor.js

@@ -130,7 +130,7 @@ class ProvinceEditor extends _react.Component {
       } = this.state;
       let provinceList = this.filteredProvince.map((item, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `geolocation-region-editor-province ${highlightIndex === index ? 'geolocation-region-editor-province-highlight' : ''}`,
+          className: "geolocation-region-editor-province ".concat(highlightIndex === index ? 'geolocation-region-editor-province-highlight' : ''),
           title: item.name,
           "aria-label": item.name,
           onClick: () => this.onClick(item.name),
@@ -140,7 +140,7 @@ class ProvinceEditor extends _react.Component {
             className: "province-name",
             children: item.name
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: `icon ${value === item.name ? 'province-selected-icon dtable-font dtable-icon-check-mark' : ''}`
+            className: "icon ".concat(value === item.name ? 'province-selected-icon dtable-font dtable-icon-check-mark' : '')
           })]
         }, item.alphabetic + index);
       });

package/lib/GeolocationEditor/pc-editor/selector-list.js

@@ -25,7 +25,7 @@ class SelectorList extends _react.default.Component {
           onDoubleClick: () => {
             doubleClickHandler && doubleClickHandler(item);
           },
-          className: `dtable-ui-geolocation-selector-list-item ${type === 'province' ? 'province-item' : ''} ${isSelected ? 'selected-list-item' : ''}`,
+          className: "dtable-ui-geolocation-selector-list-item ".concat(type === 'province' ? 'province-item' : '', " ").concat(isSelected ? 'selected-list-item' : ''),
           children: item.name
         }, type + '-item-' + index);
       })

package/lib/HtmlLongTextFormatter/index.js

@@ -68,7 +68,7 @@ class HtmlLongTextFormatter extends _react.Component {
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     if (!innerHtml) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${className} article`,
+      className: "".concat(className, " article"),
       dangerouslySetInnerHTML: {
         __html: innerHtml
       }

package/lib/Icon/index.js

@@ -1,35 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _loadSprite = _interopRequireDefault(require("./load-sprite"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["type", "className", "size"];
 class Icon extends React.Component {
   componentDidMount() {
     (0, _loadSprite.default)();
   }
   render() {
-    const {
-      type,
-      className,
-      size,
-      ...restProps
-    } = this.props;
-    const cls = (0, _classnames.default)(className, 'am-icon', `am-icon-${type}`, `am-icon-${size}`);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-      className: cls,
-      ...restProps,
+    const _this$props = this.props,
+      {
+        type,
+        className,
+        size
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const cls = (0, _classnames.default)(className, 'am-icon', "am-icon-".concat(type), "am-icon-".concat(size));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      className: cls
+    }, restProps), {}, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
-        xlinkHref: `#${type}`
+        xlinkHref: "#".concat(type)
       })
-    });
+    }));
   }
 }
 exports.default = Icon;