dtable-ui-component 6.0.126-beta.s1 → 6.0.126

package/lib/FileUploader/index.js

@@ -27,10 +27,9 @@ class FileUploader extends _react.default.Component {
       this.uploadFileRef.click();
     };
     this.onDragEnter = e => {
-      const {
-        isSupportDragDrop,
-        updateParentTips
-      } = this.props;
+      const _this$props = this.props,
+        isSupportDragDrop = _this$props.isSupportDragDrop,
+        updateParentTips = _this$props.updateParentTips;
       if (isSupportDragDrop) {
         e.preventDefault();
         this.enteredCounter++;
@@ -40,19 +39,16 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onDragOver = e => {
-      const {
-        isSupportDragDrop
-      } = this.props;
+      const isSupportDragDrop = this.props.isSupportDragDrop;
       if (isSupportDragDrop) {
         e.stopPropagation();
         e.preventDefault();
       }
     };
     this.onDragLeave = e => {
-      const {
-        isSupportDragDrop,
-        updateParentTips
-      } = this.props;
+      const _this$props2 = this.props,
+        isSupportDragDrop = _this$props2.isSupportDragDrop,
+        updateParentTips = _this$props2.updateParentTips;
       if (isSupportDragDrop) {
         this.enteredCounter--;
         if (this.enteredCounter === 0) {
@@ -61,11 +57,10 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onDrop = event => {
-      const {
-        isSupportDragDrop,
-        updateParentTips,
-        onCellTipShow
-      } = this.props;
+      const _this$props3 = this.props,
+        isSupportDragDrop = _this$props3.isSupportDragDrop,
+        updateParentTips = _this$props3.updateParentTips,
+        onCellTipShow = _this$props3.onCellTipShow;
       if (isSupportDragDrop) {
         this.enteredCounter = 0;
         updateParentTips(false);
@@ -79,9 +74,7 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onPaste = event => {
-      const {
-        isSupportPaste
-      } = this.props;
+      const isSupportPaste = this.props.isSupportPaste;
       if (isSupportPaste) {
         event.stopPropagation();
         let cliperData = (0, _getEventTransfer.default)(event);
@@ -92,19 +85,17 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onMouseEnter = () => {
-      const {
-        updateParentTips,
-        uploadType
-      } = this.props;
+      const _this$props4 = this.props,
+        updateParentTips = _this$props4.updateParentTips,
+        uploadType = _this$props4.uploadType;
       if (uploadType === 'image') {
         if (updateParentTips) updateParentTips(true, uploadType);
       }
     };
     this.onMouseLeave = () => {
-      const {
-        updateParentTips,
-        uploadType
-      } = this.props;
+      const _this$props5 = this.props,
+        updateParentTips = _this$props5.updateParentTips,
+        uploadType = _this$props5.uploadType;
       if (uploadType === 'image') {
         if (updateParentTips) updateParentTips(false, uploadType);
       }
@@ -115,11 +106,10 @@ class FileUploader extends _react.default.Component {
     this.handleFilesChange = function (files) {
       let isPasteUpload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       const _this = _this2;
-      const {
-        uploadType,
-        updateUploadFileList,
-        onCellTipShow
-      } = _this2.props;
+      const _this2$props = _this2.props,
+        uploadType = _this2$props.uploadType,
+        updateUploadFileList = _this2$props.updateUploadFileList,
+        onCellTipShow = _this2$props.onCellTipShow;
       let uploadFileList = [];
       let dealFileCnt = 0;
       let allFileLen = files.length;
@@ -197,9 +187,7 @@ class FileUploader extends _react.default.Component {
       });
     };
     this.handleFileChange = (fileMessage, callback) => {
-      const {
-        onFileUploadFailed
-      } = this.props;
+      const onFileUploadFailed = this.props.onFileUploadFailed;
       this.uploadFile(fileMessage).then(res => {
         const data = res;
         this.uploadFileMessage({
@@ -220,10 +208,9 @@ class FileUploader extends _react.default.Component {
       });
     };
     this.uploadFileMessage = _ref => {
-      let {
-        data = {},
-        fileMessage
-      } = _ref;
+      let _ref$data = _ref.data,
+        data = _ref$data === void 0 ? {} : _ref$data,
+        fileMessage = _ref.fileMessage;
       fileMessage.name = data.name;
       fileMessage.isUploading = false;
       fileMessage.size = data.size;
@@ -239,9 +226,7 @@ class FileUploader extends _react.default.Component {
       this.handleFileChange(fileMessage);
     };
     this.onUploadProgress = (event, fileMessage) => {
-      const {
-        onFileUploadProgress
-      } = this.props;
+      const onFileUploadProgress = this.props.onFileUploadProgress;
       let uploadPercent = Math.floor(event.loaded / event.total * 100);
       fileMessage.percent = uploadPercent;
       if (onFileUploadProgress) onFileUploadProgress(fileMessage);
@@ -256,9 +241,7 @@ class FileUploader extends _react.default.Component {
     };
   }
   render() {
-    const {
-      uploadType
-    } = this.props;
+    const uploadType = this.props.uploadType;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       onDragEnter: this.onDragEnter,
       onDragOver: this.onDragOver,

package/lib/FormulaFormatter/index.js

@@ -32,9 +32,7 @@ class FormulaFormatter extends _react.default.Component {
       }
     };
     this.renderCellValue = (cellValue, resultType) => {
-      const {
-        containerClassName
-      } = this.props;
+      const containerClassName = this.props.containerClassName;
       const gridCellClassName = this.getGridCellClassName(resultType);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
@@ -47,18 +45,13 @@ class FormulaFormatter extends _react.default.Component {
       return this.renderCellValue(errorValue, resultType);
     };
     this.renderOtherColumnFormatter = () => {
-      const {
-        value,
-        column,
-        collaborators
-      } = this.props;
-      const {
-        data: columnData
-      } = column;
-      const {
-        array_type,
-        array_data
-      } = columnData;
+      const _this$props = this.props,
+        value = _this$props.value,
+        column = _this$props.column,
+        collaborators = _this$props.collaborators;
+      const columnData = column.data;
+      const array_type = columnData.array_type,
+        array_data = columnData.array_data;
       if (!array_type || array_type === _dtableUtils.CellType.LINK) {
         return null;
       }
@@ -89,9 +82,7 @@ class FormulaFormatter extends _react.default.Component {
       switch (array_type) {
         case _dtableUtils.CellType.DURATION:
           {
-            const {
-              duration_format
-            } = array_data;
+            const duration_format = array_data.duration_format;
             return {
               format: duration_format
             };
@@ -122,19 +113,14 @@ class FormulaFormatter extends _react.default.Component {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
   }
   render() {
-    const {
-      column,
-      collaborators
-    } = this.props;
-    const {
-      data
-    } = column;
+    const _this$props2 = this.props,
+      column = _this$props2.column,
+      collaborators = _this$props2.collaborators;
+    const data = column.data;
     let value = this.props.value;
     if (!data || !value && value !== 0 && value !== false) return null;
-    const {
-      array_type,
-      result_type: resultType
-    } = data;
+    const array_type = data.array_type,
+      resultType = data.result_type;
     if (_dtableUtils.DISPLAY_INTERNAL_ERRORS.includes(value)) {
       return this.renderInternalErrorValue(value, resultType);
     }

package/lib/GeolocationEditor/index.js

@@ -15,10 +15,8 @@ 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,
+  let isMobile = _ref.isMobile,
+    propsConfig = _ref.config,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const config = (0, _react.useMemo)(() => {
     var _window;
@@ -29,10 +27,11 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if ((_window2 = window) !== null && _window2 !== void 0 && (_window2$app = _window2.app) !== null && _window2$app !== void 0 && _window2$app.location) return new Promise((resolve, reject) => {
       resolve(window.app.location);
     });
-    const {
-      server = '',
-      mediaUrl = ''
-    } = config || {};
+    const _ref2 = config || {},
+      _ref2$server = _ref2.server,
+      server = _ref2$server === void 0 ? '' : _ref2$server,
+      _ref2$mediaUrl = _ref2.mediaUrl,
+      mediaUrl = _ref2$mediaUrl === void 0 ? '' : _ref2$mediaUrl;
     return fetch("".concat(server).concat(mediaUrl, "geo-data/cn-location.json").replaceAll('//', '/')).then(res => {
       // get locations from server
       return res.json();
@@ -50,10 +49,10 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if (lang !== 'cn' && window.app.countryListEn) return new Promise((resolve, reject) => {
       resolve(window.app.countryListEn);
     });
-    const {
-      mediaUrl = '',
-      server = ''
-    } = config;
+    const _config$mediaUrl = config.mediaUrl,
+      mediaUrl = _config$mediaUrl === void 0 ? '' : _config$mediaUrl,
+      _config$server = config.server,
+      server = _config$server === void 0 ? '' : _config$server;
     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 res.json();

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

@@ -30,16 +30,19 @@ const MINE_MAP_ONLINE_SERVICE = {
 const getMineMapUrl = function () {
   var _window;
   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);
-  const {
-    domain_url = '',
-    data_domain_url = '',
-    server_domain_url = '',
-    sprite_url = '',
-    service_url = ''
-  } = dtableMineMapCustomConfig;
+  const _window$dtable$config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window = window) === null || _window === void 0 ? void 0 : _window.dtable), config),
+    _window$dtable$config2 = _window$dtable$config.dtableMineMapCustomConfig,
+    dtableMineMapCustomConfig = _window$dtable$config2 === void 0 ? {} : _window$dtable$config2;
+  const _dtableMineMapCustomC = dtableMineMapCustomConfig.domain_url,
+    domain_url = _dtableMineMapCustomC === void 0 ? '' : _dtableMineMapCustomC,
+    _dtableMineMapCustomC2 = dtableMineMapCustomConfig.data_domain_url,
+    data_domain_url = _dtableMineMapCustomC2 === void 0 ? '' : _dtableMineMapCustomC2,
+    _dtableMineMapCustomC3 = dtableMineMapCustomConfig.server_domain_url,
+    server_domain_url = _dtableMineMapCustomC3 === void 0 ? '' : _dtableMineMapCustomC3,
+    _dtableMineMapCustomC4 = dtableMineMapCustomConfig.sprite_url,
+    sprite_url = _dtableMineMapCustomC4 === void 0 ? '' : _dtableMineMapCustomC4,
+    _dtableMineMapCustomC5 = dtableMineMapCustomConfig.service_url,
+    service_url = _dtableMineMapCustomC5 === void 0 ? '' : _dtableMineMapCustomC5;
   return {
     domainUrl: domain_url || MINE_MAP_ONLINE_SERVICE.DOMAIN_URL,
     dataDomainUrl: data_domain_url || MINE_MAP_ONLINE_SERVICE.DATA_DOMAIN_URL,
@@ -72,11 +75,10 @@ exports.getInitCenter = getInitCenter;
 const getMapInfo = function () {
   var _window2;
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    dtableBaiduMapKey: baiduMapKey,
-    dtableGoogleMapKey: googleMapKey,
-    dtableMineMapKey: mineMapKey
-  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable), config);
+  const _window$dtable$config3 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable), config),
+    baiduMapKey = _window$dtable$config3.dtableBaiduMapKey,
+    googleMapKey = _window$dtable$config3.dtableGoogleMapKey,
+    mineMapKey = _window$dtable$config3.dtableMineMapKey;
   let mapType;
   let mapKey;
   if (baiduMapKey) {

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

@@ -1,31 +1,34 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _Picker = _interopRequireDefault(require("../../Picker"));
 var _List = _interopRequireDefault(require("../../List"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 const CountryEditor = _ref => {
-  let {
-    column,
-    value: oldValue,
-    getData,
-    onToggle,
-    onCommit
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)([]);
-  const [isLoading, setLoading] = (0, _react.useState)(true);
+  let column = _ref.column,
+    oldValue = _ref.value,
+    getData = _ref.getData,
+    onToggle = _ref.onToggle,
+    onCommit = _ref.onCommit;
+  const _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  const _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isLoading = _useState4[0],
+    setLoading = _useState4[1];
   const locations = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
     getData().then(data => {

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

@@ -55,12 +55,10 @@ const transCountryData = data => {
   return _data;
 };
 const MBGeolocationEditor = _ref => {
-  let {
-      column,
-      config,
-      getLocationData,
-      getCountryData
-    } = _ref,
+  let column = _ref.column,
+    config = _ref.config,
+    getLocationData = _ref.getLocationData,
+    getCountryData = _ref.getCountryData,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const format = (0, _react.useMemo)(() => {
     let data = column.data || {};

package/lib/GeolocationEditor/mb-editor/location-editor.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _InputItem = _interopRequireDefault(require("../../InputItem"));
 var _Picker = _interopRequireDefault(require("../../Picker"));
@@ -14,25 +15,27 @@ var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScre
 var _lang = require("../../lang");
 var _objectUtils = _interopRequireDefault(require("../../utils/object-utils"));
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 const LocationEditor = _ref => {
-  let {
-    isShowDetails,
-    column,
-    value: oldValue,
-    getData,
-    onToggle,
-    onCommit
-  } = _ref;
+  let isShowDetails = _ref.isShowDetails,
+    column = _ref.column,
+    oldValue = _ref.value,
+    getData = _ref.getData,
+    onToggle = _ref.onToggle,
+    onCommit = _ref.onCommit;
   let initValue = [(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '', (oldValue === null || oldValue === void 0 ? void 0 : oldValue.city) || '', (oldValue === null || oldValue === void 0 ? void 0 : oldValue.district) || ''];
   if (isShowDetails) {
     initValue.push((oldValue === null || oldValue === void 0 ? void 0 : oldValue.detail) || '');
   }
-  const [value, setValue] = (0, _react.useState)(initValue);
-  const [isLoading, setLoading] = (0, _react.useState)(true);
+  const _useState = (0, _react.useState)(initValue),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  const _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isLoading = _useState4[0],
+    setLoading = _useState4[1];
   const locations = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
     getData().then(data => {

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

@@ -18,23 +18,20 @@ var _Loading = _interopRequireDefault(require("../../../Loading"));
 var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 class MapEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.loadMineMapCallBack = () => {
       if (!this.timer) {
         this.timer = setTimeout(() => {
-          const {
-            domainUrl,
-            dataDomainUrl,
-            serverDomainUrl,
-            spriteUrl,
-            serviceUrl
-          } = (0, _mapEditorUtils.getMineMapUrl)();
+          const _getMineMapUrl = (0, _mapEditorUtils.getMineMapUrl)(),
+            domainUrl = _getMineMapUrl.domainUrl,
+            dataDomainUrl = _getMineMapUrl.dataDomainUrl,
+            serverDomainUrl = _getMineMapUrl.serverDomainUrl,
+            spriteUrl = _getMineMapUrl.spriteUrl,
+            serviceUrl = _getMineMapUrl.serviceUrl;
           window.minemap.domainUrl = domainUrl;
           window.minemap.dataDomainUrl = dataDomainUrl;
           window.minemap.serverDomainUrl = serverDomainUrl;
@@ -62,14 +59,11 @@ class MapEditor extends _react.default.Component {
             minZoom: 3,
             projection: 'MERCATOR'
           });
-          let {
-            lng,
-            lat,
-            zoom
-          } = (0, _mapEditorUtils.getInitCenter)();
-          const {
-            value
-          } = this.state;
+          let _getInitCenter = (0, _mapEditorUtils.getInitCenter)(),
+            lng = _getInitCenter.lng,
+            lat = _getInitCenter.lat,
+            zoom = _getInitCenter.zoom;
+          const value = this.state.value;
           if ((0, _cell.isValidPosition)(value.lng, value.lat)) {
             lng = value.lng;
             lat = value.lat;
@@ -93,14 +87,11 @@ class MapEditor extends _react.default.Component {
         if (!window.BMap.Map) return;
         setTimeout(() => {
           this.map = new window.BMap.Map('dtable-ui-mobile-geolocation-map-container');
-          let {
-            lng,
-            lat,
-            zoom
-          } = (0, _mapEditorUtils.getInitCenter)();
-          const {
-            value
-          } = this.state;
+          let _getInitCenter2 = (0, _mapEditorUtils.getInitCenter)(),
+            lng = _getInitCenter2.lng,
+            lat = _getInitCenter2.lat,
+            zoom = _getInitCenter2.zoom;
+          const value = this.state.value;
           if ((0, _cell.isValidPosition)(value.lng, value.lat)) {
             lng = value.lng;
             lat = value.lat;
@@ -137,11 +128,10 @@ class MapEditor extends _react.default.Component {
         isLoading: false
       }, () => {
         setTimeout(() => {
-          let {
-            lng,
-            lat,
-            zoom
-          } = (0, _mapEditorUtils.getInitCenter)();
+          let _getInitCenter3 = (0, _mapEditorUtils.getInitCenter)(),
+            lng = _getInitCenter3.lng,
+            lat = _getInitCenter3.lat,
+            zoom = _getInitCenter3.zoom;
           this.map = new window.google.maps.Map(this.ref, {
             zoom,
             center: {
@@ -155,9 +145,7 @@ class MapEditor extends _react.default.Component {
             rotateControl: false,
             fullscreenControl: false
           });
-          const {
-            value
-          } = this.state;
+          const value = this.state.value;
           if (value.lng && value.lat) {
             lng = value.lng;
             lat = value.lat;
@@ -243,16 +231,13 @@ class MapEditor extends _react.default.Component {
       });
     };
     this.onSubmit = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       if (!_objectUtils.default.isSameObject(value, this.props.value)) {
         this.props.onCommit(value);
       }
-      const {
-        lng,
-        lat
-      } = (0, _dtableUtils.normalizeMapPoint)(value);
+      const _normalizeMapPoint = (0, _dtableUtils.normalizeMapPoint)(value),
+        lng = _normalizeMapPoint.lng,
+        lat = _normalizeMapPoint.lat;
       const newValue = !(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat) ? null : value;
       this.props.onCommit(newValue);
       this.onClose();
@@ -292,9 +277,7 @@ class MapEditor extends _react.default.Component {
       this.props.onToggle();
     };
     this.onBlur = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setState({
         value: numericValue
@@ -323,10 +306,8 @@ class MapEditor extends _react.default.Component {
       });
     };
     this.rerenderMapMarker = _ref => {
-      let {
-        lng,
-        lat
-      } = _ref;
+      let lng = _ref.lng,
+        lat = _ref.lat;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) {
         return;
       }
@@ -343,11 +324,10 @@ class MapEditor extends _react.default.Component {
       this.addMarkerByPosition(lng, lat);
     };
     this.renderMap = () => {
-      const {
-        isLoading,
-        mode,
-        value: lng_lat
-      } = this.state;
+      const _this$state = this.state,
+        isLoading = _this$state.isLoading,
+        mode = _this$state.mode,
+        lng_lat = _this$state.value;
       if (isLoading) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "w-100 h-100 d-flex align-items-center justify-content-center",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
@@ -440,17 +420,14 @@ class MapEditor extends _react.default.Component {
       lng: '',
       lat: ''
     };
-    const {
-      mapType,
-      mapKey
-    } = (0, _mapEditorUtils.getMapInfo)(props.config);
+    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(props.config),
+      mapType = _getMapInfo.mapType,
+      mapKey = _getMapInfo.mapKey;
     this.mapType = mapType;
     this.mapKey = mapKey;
     this.map = null;
-    const {
-      lng: _lng,
-      lat: _lat
-    } = _value;
+    const _lng = _value.lng,
+      _lat = _value.lat;
     this.state = {
       mode: (0, _cell.isValidPosition)(_lng, _lat) ? 'preview' : 'edit',
       isLoading: true,
@@ -508,12 +485,8 @@ class MapEditor extends _react.default.Component {
     this.map = null;
   }
   render() {
-    const {
-      column
-    } = this.props;
-    const {
-      mode
-    } = this.state;
+    const column = this.props.column;
+    const mode = this.state.mode;
     const isEdit = mode === 'edit';
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-geolocation-map-editor",