dtable-ui-component 6.0.110 → 6.0.111-amk.13

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

@@ -5,7 +5,6 @@ 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 _filesPreviewer = _interopRequireDefault(require("../files-previewer"));
@@ -207,10 +206,11 @@ class PCFileEditor extends _react.default.Component {
           name,
           url
         } = res.data;
-        fileItem = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
+        fileItem = {
+          ...fileItem,
           name,
           url
-        });
+        };
         newValue[index] = fileItem;
         this.setState({
           value: newValue

package/lib/FileFormatter/index.js

@@ -23,7 +23,8 @@ const FileFormatter = _ref => {
     onOpenFile,
     server,
     workspaceID,
-    dtableUuid
+    dtableUuid,
+    downloadImage
   } = _ref;
   const [largeImageIndex, setLargeImageIndex] = (0, _react.useState)(-1);
   const [fileImageUrlList, setFileImageUrlList] = (0, _react.useState)([]);
@@ -89,7 +90,7 @@ const FileFormatter = _ref => {
         file: item
       }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "file-item-count",
-        children: "+".concat(value.length)
+        children: `+${value.length}`
       })]
     });
   }
@@ -120,7 +121,8 @@ const FileFormatter = _ref => {
       imageIndex: largeImageIndex,
       closeImagePopup: hideLargeImage,
       moveToPrevImage: movePrev,
-      moveToNextImage: moveNext
+      moveToNextImage: moveNext,
+      downloadImage: downloadImage
     })]
   });
 };

package/lib/FileItemFormatter/index.js

@@ -20,7 +20,7 @@ const FileItemFormatter = _ref => {
   } = (0, _url.getFileThumbnailInfo)(file, config);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     onClick: () => openFile && openFile(file),
-    className: "file-item-icon ".concat(isImage ? 'img' : ''),
+    className: `file-item-icon ${isImage ? 'img' : ''}`,
     src: fileIconUrl,
     alt: (file === null || file === void 0 ? void 0 : file.name) || ''
   });

package/lib/FileUploader/index.js

@@ -137,7 +137,7 @@ class FileUploader extends _react.default.Component {
       for (let i = 0; i < allFileLen; i++) {
         let uploadFile = files[i];
         if (isPasteUpload && uploadFile.name === 'image.png') {
-          let newName = "image-".concat((0, _dayjs.default)().format('YYYY-MM-DD-HH-mm'), ".png");
+          let newName = `image-${(0, _dayjs.default)().format('YYYY-MM-DD-HH-mm')}.png`;
           uploadFile = new File([uploadFile], newName, {
             type: uploadFile.type
           });

package/lib/FormulaFormatter/index.js

@@ -5,7 +5,6 @@ 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 _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
@@ -37,7 +36,7 @@ class FormulaFormatter extends _react.default.Component {
       } = this.props;
       const gridCellClassName = this.getGridCellClassName(resultType);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
+        className: `dtable-ui cell-formatter-container formula-formatter ${containerClassName} ${gridCellClassName}`,
         title: cellValue,
         "aria-label": cellValue,
         children: cellValue
@@ -73,7 +72,7 @@ class FormulaFormatter extends _react.default.Component {
       if (!Array.isArray(value)) {
         cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
       }
-      const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
+      const contentItemClassName = `formula-formatter-content-item ${_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : ''}`;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui formula-formatter multiple",
         children: cellValue.map((v, index) => {
@@ -81,7 +80,7 @@ class FormulaFormatter extends _react.default.Component {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: contentItemClassName,
             children: this.createColumnFormatter(Formatter, formatterProps)
-          }, "formula-formatter-content-item-".concat(index));
+          }, `formula-formatter-content-item-${index}`);
         })
       });
     };
@@ -106,20 +105,27 @@ class FormulaFormatter extends _react.default.Component {
           }
         default:
           {
-            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
+            return {
+              ...array_data,
               collaborators
-            });
+            };
           }
       }
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
     if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
+        ...formatterProps
+      });
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
+        ...formatterProps
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
+      ...formatterProps
+    });
   }
   render() {
     const {

package/lib/GeolocationEditor/index.js

@@ -6,23 +6,23 @@ 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 _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile", "config"];
 const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-      isMobile,
-      config: propsConfig
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isMobile,
+    config: propsConfig,
+    ...props
+  } = _ref;
   const config = (0, _react.useMemo)(() => {
     var _window;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window = window) === null || _window === void 0 ? void 0 : _window.dtable), propsConfig);
+    return {
+      ...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
+      ...propsConfig
+    };
   }, [propsConfig]);
   const getLocationData = (0, _react.useCallback)(() => {
     var _window2, _window2$app;
@@ -33,7 +33,7 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       server = '',
       mediaUrl = ''
     } = config || {};
-    return fetch("".concat(server).concat(mediaUrl, "geo-data/cn-location.json").replaceAll('//', '/')).then(res => {
+    return fetch(`${server}${mediaUrl}geo-data/cn-location.json`.replaceAll('//', '/')).then(res => {
       // get locations from server
       return res.json();
     }).catch(() => {
@@ -55,11 +55,11 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       server = ''
     } = config;
     const geoFileName = lang === 'cn' ? 'cn-region-location' : 'en-region-location';
-    return fetch("".concat(server).concat(mediaUrl, "geo-data/").concat(geoFileName, ".json").replaceAll('//', '/')).then(res => {
+    return fetch(`${server}${mediaUrl}geo-data/${geoFileName}.json`.replaceAll('//', '/')).then(res => {
       return res.json();
     }).catch(() => {
       // get locations from local
-      return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
+      return fetch(`./geo-data/${geoFileName}.json`).then(res => {
         return res.json();
       });
     }).then(res => {
@@ -72,35 +72,39 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       return data;
     });
   }, [config]);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         config: config,
         getLocationData: getLocationData,
         getCountryData: getCountryData,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         config: config,
         getLocationData: getLocationData,
         getCountryData: getCountryData,
         ref: ref
-      }))
+      })
     })]
   });
 });

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

@@ -1,11 +1,9 @@
 "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'
@@ -32,7 +30,10 @@ const getMineMapUrl = function () {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     dtableMineMapCustomConfig = {}
-  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window = window) === null || _window === void 0 ? void 0 : _window.dtable), config);
+  } = {
+    ...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
+    ...config
+  };
   const {
     domain_url = '',
     data_domain_url = '',
@@ -76,7 +77,10 @@ const getMapInfo = function () {
     dtableBaiduMapKey: baiduMapKey,
     dtableGoogleMapKey: googleMapKey,
     dtableMineMapKey: mineMapKey
-  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable), config);
+  } = {
+    ...((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable),
+    ...config
+  };
   let mapType;
   let mapKey;
   if (baiduMapKey) {
@@ -101,9 +105,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=".concat(mapKey, "&callback=renderBaiduMap");
+    scriptUrl = `https://api.map.baidu.com/api?v=3.0&ak=${mapKey}&callback=renderBaiduMap`;
   } else if (mapType === MAP_TYPES.G_MAP) {
-    scriptUrl = "https://maps.googleapis.com/maps/api/js?key=".concat(mapKey, "&callback=renderGoogleMap&libraries=&v=weekly");
+    scriptUrl = `https://maps.googleapis.com/maps/api/js?key=${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,8 +6,6 @@ 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"));
@@ -18,7 +16,6 @@ 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;
@@ -56,12 +53,12 @@ const transCountryData = data => {
 };
 const MBGeolocationEditor = _ref => {
   let {
-      column,
-      config,
-      getLocationData,
-      getCountryData
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    column,
+    config,
+    getLocationData,
+    getCountryData,
+    ...props
+  } = _ref;
   const format = (0, _react.useMemo)(() => {
     let data = column.data || {};
     return data.geo_format ? data.geo_format : _dtableUtils.DEFAULT_GEOLOCATION_FORMAT;
@@ -77,53 +74,60 @@ const MBGeolocationEditor = _ref => {
   switch (format) {
     case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
+          ...props,
           config: config,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
+          ...props,
           config: config,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
+          ...props,
           getData: _getCountryData,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, {
+          ...props,
           getData: getData,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
+          ...props,
           getData: getData,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+          ...props,
           getData: getData,
           column: column
-        }));
+        });
       }
     default:
       {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+          ...props,
           isShowDetails: true,
           getData: getData,
           column: column
-        }));
+        });
       }
   }
 };

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

@@ -5,7 +5,6 @@ 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"));
@@ -120,7 +119,9 @@ class MapEditor extends _react.default.Component {
     };
     this.geolocationCallback = (error, point) => {
       if (!error) {
-        this.setValue((0, _objectSpread2.default)({}, point));
+        this.setValue({
+          ...point
+        });
         this.addMarkerByPosition(point.lng, point.lat);
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP) {
           this.map.setCenter({
@@ -301,9 +302,10 @@ class MapEditor extends _react.default.Component {
       });
     };
     this.handleLatitudeChange = value => {
-      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
+      const newValue = {
+        ...this.state.value,
         lat: value
-      });
+      };
       this.setState({
         value: newValue
       }, () => {
@@ -312,9 +314,10 @@ class MapEditor extends _react.default.Component {
       });
     };
     this.handleLongitudeChange = value => {
-      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
+      const newValue = {
+        ...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 ".concat(isHighlight ? 'geolocation-region-editor-province-highlight' : ''),
+          className: `geolocation-region-editor-country ${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 ".concat(value === country ? 'dtable-font dtable-icon-check-mark' : '')
+            className: `icon ${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,7 +5,6 @@ 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");
@@ -173,54 +172,61 @@ class PCGeolocationEditor extends _react.default.Component {
       switch (geoFormat) {
         case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
+              ...props,
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
+              ...props,
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
+              ...props,
               getData: getCountryData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
+              ...props,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+              ...props,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         default:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.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: "".concat(this.value.province || '').concat(this.value.city || '').concat(this.value.district || ''),
+      location: `${this.value.province || ''}${this.value.city || ''}${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 ".concat(isShowSelector ? 'focus' : ''),
+              className: `dtable-ui-geolocation-editor-selector text-truncate ${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,12 +1,11 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _toaster = _interopRequireDefault(require("../../../toaster"));
@@ -140,7 +139,9 @@ class MapEditor extends _react.Component {
     };
     this.geolocationCallback = (error, point) => {
       if (!error) {
-        this.setValue((0, _objectSpread2.default)({}, point));
+        this.setValue({
+          ...point
+        });
         this.addMarkerByPosition(point.lng, point.lat);
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP) {
           this.map.setCenter({
@@ -324,9 +325,10 @@ class MapEditor extends _react.Component {
       });
     };
     this.onChangeLatitude = event => {
-      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
+      const newValue = {
+        ...this.state.value,
         lat: event.target.value
-      });
+      };
       this.setState({
         value: newValue
       }, () => {
@@ -335,9 +337,10 @@ class MapEditor extends _react.Component {
       });
     };
     this.onChangeLongitude = event => {
-      const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.value), {}, {
+      const newValue = {
+        ...this.state.value,
         lng: event.target.value
-      });
+      };
       this.setState({
         value: newValue
       }, () => {
@@ -512,11 +515,12 @@ class MapEditor extends _react.Component {
         })]
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, {
+      ...this.props,
       value: this.state.value,
       setValue: this.setValue,
       toggleFullScreen: this.toggleFullScreen
-    }));
+    });
   }
 }
 var _default = exports.default = MapEditor;