dtable-ui-component 6.0.126 → 7.0.0-xia.1

package/lib/FileUploader/index.js

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

package/lib/FormulaFormatter/index.js

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

package/lib/GeolocationEditor/index.js

@@ -15,8 +15,10 @@ 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 = _ref.isMobile,
-    propsConfig = _ref.config,
+  let {
+      isMobile,
+      config: propsConfig
+    } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const config = (0, _react.useMemo)(() => {
     var _window;
@@ -27,11 +29,10 @@ 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 _ref2 = config || {},
-      _ref2$server = _ref2.server,
-      server = _ref2$server === void 0 ? '' : _ref2$server,
-      _ref2$mediaUrl = _ref2.mediaUrl,
-      mediaUrl = _ref2$mediaUrl === void 0 ? '' : _ref2$mediaUrl;
+    const {
+      server = '',
+      mediaUrl = ''
+    } = config || {};
     return fetch("".concat(server).concat(mediaUrl, "geo-data/cn-location.json").replaceAll('//', '/')).then(res => {
       // get locations from server
       return res.json();
@@ -49,10 +50,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 _config$mediaUrl = config.mediaUrl,
-      mediaUrl = _config$mediaUrl === void 0 ? '' : _config$mediaUrl,
-      _config$server = config.server,
-      server = _config$server === void 0 ? '' : _config$server;
+    const {
+      mediaUrl = '',
+      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 res.json();

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

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

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

@@ -1,34 +1,31 @@
 "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 _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 = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const CountryEditor = _ref => {
-  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];
+  let {
+    column,
+    value: oldValue,
+    getData,
+    onToggle,
+    onCommit
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)([]);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
   const locations = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
     getData().then(data => {

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

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

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

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

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