dtable-ui-component 6.0.103 → 6.0.105-beta.1

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

package/lib/FileFormatter/index.js

@@ -66,6 +66,7 @@ const FileFormatter = _ref => {
       if (!onOpenFile) window.open(previewerUrl, '_blank');
       onOpenFile(previewerUrl);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fileImageUrlList, isSupportOpenFile, showLargeImage]);
   const moveNext = (0, _react.useCallback)(() => {
     setLargeImageIndex(prevIndex => (prevIndex + 1) % fileImageUrlList.length);
@@ -88,7 +89,7 @@ const FileFormatter = _ref => {
         file: item
       }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "file-item-count",
-        children: `+${value.length}`
+        children: "+".concat(value.length)
       })]
     });
   }

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 ${isImage ? 'img' : ''}`,
+    className: "file-item-icon ".concat(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-${(0, _dayjs.default)().format('YYYY-MM-DD-HH-mm')}.png`;
+          let newName = "image-".concat((0, _dayjs.default)().format('YYYY-MM-DD-HH-mm'), ".png");
           uploadFile = new File([uploadFile], newName, {
             type: uploadFile.type
           });

package/lib/FormulaFormatter/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 _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
@@ -36,7 +37,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 ${containerClassName} ${gridCellClassName}`,
+        className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
         title: cellValue,
         "aria-label": cellValue,
         children: cellValue
@@ -72,7 +73,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 ${_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : ''}`;
+      const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui formula-formatter multiple",
         children: cellValue.map((v, index) => {
@@ -80,7 +81,7 @@ class FormulaFormatter extends _react.default.Component {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: contentItemClassName,
             children: this.createColumnFormatter(Formatter, formatterProps)
-          }, `formula-formatter-content-item-${index}`);
+          }, "formula-formatter-content-item-".concat(index));
         })
       });
     };
@@ -105,27 +106,20 @@ class FormulaFormatter extends _react.default.Component {
           }
         default:
           {
-            return {
-              ...array_data,
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
               collaborators
-            };
+            });
           }
       }
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
     if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
-        ...formatterProps
-      });
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
-        ...formatterProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
-      ...formatterProps
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.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,
-    ...props
-  } = _ref;
+      isMobile,
+      config: propsConfig
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const config = (0, _react.useMemo)(() => {
     var _window;
-    return {
-      ...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
-      ...propsConfig
-    };
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_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(`${server}${mediaUrl}geo-data/cn-location.json`.replaceAll('//', '/')).then(res => {
+    return fetch("".concat(server).concat(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(`${server}${mediaUrl}geo-data/${geoFileName}.json`.replaceAll('//', '/')).then(res => {
+    return fetch("".concat(server).concat(mediaUrl, "geo-data/").concat(geoFileName, ".json").replaceAll('//', '/')).then(res => {
       return res.json();
     }).catch(() => {
       // get locations from local
-      return fetch(`./geo-data/${geoFileName}.json`).then(res => {
+      return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
         return res.json();
       });
     }).then(res => {
@@ -72,39 +72,35 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       return data;
     });
   }, [config]);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         config: config,
         getLocationData: getLocationData,
         getCountryData: getCountryData,
         ref: ref
-      })
+      }))
     })]
   });
 });

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;
@@ -32,6 +35,7 @@ const transLocationData = data => {
 };
 const transCountryData = data => {
   let _data = [];
+  // eslint-disable-next-line
   for (let key in data) {
     let obj = {};
     let children = [];
@@ -52,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;
@@ -73,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;