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

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

@@ -50,13 +50,12 @@ class MapEditor extends _react.Component {
     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;
@@ -83,14 +82,11 @@ class MapEditor extends _react.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;
@@ -114,14 +110,11 @@ class MapEditor extends _react.Component {
         this.map = new window.BMap.Map('geolocation-map-container', {
           enableMapClick: false
         });
-        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;
@@ -156,11 +149,10 @@ class MapEditor extends _react.Component {
       this.setState({
         isLoading: false
       }, () => {
-        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: {
@@ -174,9 +166,7 @@ class MapEditor extends _react.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;
@@ -211,10 +201,8 @@ class MapEditor extends _react.Component {
       });
     };
     this.setPropsValue = _ref => {
-      let {
-        lng,
-        lat
-      } = _ref;
+      let lng = _ref.lng,
+        lat = _ref.lat;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) {
         this.props.setValue(null);
         return;
@@ -278,9 +266,7 @@ class MapEditor extends _react.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setPropsValue(numericValue);
       this.setState({
@@ -297,10 +283,8 @@ class MapEditor extends _react.Component {
       this.props.onSubmit();
     };
     this.rerenderMapMarker = _ref2 => {
-      let {
-        lng,
-        lat
-      } = _ref2;
+      let lng = _ref2.lng,
+        lat = _ref2.lat;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) return;
       if (this.map) {
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP || this.mapType === _mapEditorUtils.MAP_TYPES.M_MAP) {
@@ -315,9 +299,7 @@ class MapEditor extends _react.Component {
       this.addMarkerByPosition(lng, lat);
     };
     this.onBlur = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setState({
         value: numericValue
@@ -369,10 +351,9 @@ class MapEditor extends _react.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.readOnly = props.readOnly;
@@ -408,11 +389,10 @@ class MapEditor extends _react.Component {
     this.onSubmit();
   }
   render() {
-    const {
-      isLoading,
-      value: lng_lat,
-      isShowLargeEditor
-    } = this.state;
+    const _this$state = this.state,
+      isLoading = _this$state.isLoading,
+      lng_lat = _this$state.value,
+      isShowLargeEditor = _this$state.isShowLargeEditor;
     const lat = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lat) ? lng_lat.lat : '';
     const lng = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lng) ? lng_lat.lng : '';
     if (!isShowLargeEditor) {

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

@@ -23,13 +23,12 @@ class LargeMapEditorDialog extends _react.default.Component {
     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;
@@ -56,14 +55,11 @@ class LargeMapEditorDialog 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;
@@ -85,14 +81,11 @@ class LargeMapEditorDialog extends _react.default.Component {
       }, () => {
         if (!window.BMap.Map) return;
         this.map = new window.BMap.Map('geolocation-map-container-large');
-        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;
@@ -113,11 +106,10 @@ class LargeMapEditorDialog extends _react.default.Component {
       this.setState({
         isLoading: false
       }, () => {
-        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: {
@@ -131,9 +123,7 @@ class LargeMapEditorDialog 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;
@@ -170,10 +160,8 @@ class LargeMapEditorDialog extends _react.default.Component {
       }
     };
     this.setPropsValue = _ref => {
-      let {
-        lng,
-        lat
-      } = _ref;
+      let lng = _ref.lng,
+        lat = _ref.lat;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) {
         this.props.setValue(null);
         return;
@@ -241,10 +229,8 @@ class LargeMapEditorDialog extends _react.default.Component {
       }
     };
     this.rerenderMapMarker = _ref2 => {
-      let {
-        lng,
-        lat
-      } = _ref2;
+      let lng = _ref2.lng,
+        lat = _ref2.lat;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) return;
       if (this.map) {
         if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP || this.mapType === _mapEditorUtils.MAP_TYPES.M_MAP) {
@@ -259,9 +245,7 @@ class LargeMapEditorDialog extends _react.default.Component {
       this.addMarkerByPosition(lng, lat);
     };
     this.onBlur = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setState({
         value: numericValue
@@ -299,9 +283,7 @@ class LargeMapEditorDialog extends _react.default.Component {
       }
     };
     this.onSubmit = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       this.props.setValue(value);
       this.props.onSubmit();
     };
@@ -322,9 +304,7 @@ class LargeMapEditorDialog extends _react.default.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       this.props.setValue(value);
       this.props.toggleFullScreen(event);
     };
@@ -333,19 +313,16 @@ class LargeMapEditorDialog extends _react.default.Component {
       e.nativeEvent.stopImmediatePropagation();
       e.stopPropagation();
     };
-    const {
-      readOnly,
-      config
-    } = props;
+    const readOnly = props.readOnly,
+      config = props.config;
     const _value = props.value || {
       lng: '',
       lat: ''
     };
     this.readOnly = readOnly;
-    const {
-      mapType,
-      mapKey
-    } = (0, _mapEditorUtils.getMapInfo)(config);
+    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(config),
+      mapType = _getMapInfo.mapType,
+      mapKey = _getMapInfo.mapKey;
     this.mapType = mapType;
     this.mapKey = mapKey;
     this.map = null;
@@ -400,10 +377,9 @@ class LargeMapEditorDialog extends _react.default.Component {
     this.map = null;
   }
   render() {
-    const {
-      isLoading,
-      value: lng_lat
-    } = this.state;
+    const _this$state = this.state,
+      isLoading = _this$state.isLoading,
+      lng_lat = _this$state.value;
     const lat = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lat) ? lng_lat.lat : '';
     const lng = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lng) ? lng_lat.lng : '';
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Modal, {

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

@@ -40,17 +40,12 @@ class MapSelectionEditor extends _react.Component {
         this.map = new window.BMap.Map('geolocation-map-selection-container', {
           enableMapClick: false
         });
-        let {
-          lng,
-          lat,
-          zoom
-        } = (0, _mapEditorUtils.getInitCenter)(true);
-        const {
-          value
-        } = this.state;
-        const {
-          lngLat
-        } = value;
+        let _getInitCenter = (0, _mapEditorUtils.getInitCenter)(true),
+          lng = _getInitCenter.lng,
+          lat = _getInitCenter.lat,
+          zoom = _getInitCenter.zoom;
+        const value = this.state.value;
+        const lngLat = value.lngLat;
         if ((0, _cell.isValidPosition)(lngLat.lng, lngLat.lat)) {
           lng = lngLat.lng;
           lat = lngLat.lat;
@@ -71,11 +66,9 @@ class MapSelectionEditor extends _react.Component {
           const point = event.point;
           const geoCoder = new window.BMap.Geocoder();
           geoCoder.getLocation(point, result => {
-            const {
-              surroundingPois,
-              address,
-              point
-            } = result;
+            const surroundingPois = result.surroundingPois,
+              address = result.address,
+              point = result.point;
             if (surroundingPois.length === 0) {
               value.address = address;
               value.lngLat = {
@@ -86,12 +79,10 @@ class MapSelectionEditor extends _react.Component {
               value.title = '';
             } else {
               const position = surroundingPois[0];
-              const {
-                address,
-                title,
-                tags,
-                point
-              } = position;
+              const address = position.address,
+                title = position.title,
+                tags = position.tags,
+                point = position.point;
               value.address = address || '';
               value.title = title || '';
               value.tag = tags || [];
@@ -106,9 +97,7 @@ class MapSelectionEditor extends _react.Component {
       });
     };
     this.addMarkerByPosition = value => {
-      const {
-        lngLat
-      } = value;
+      const lngLat = value.lngLat;
       let point = new window.BMap.Point(lngLat.lng, lngLat.lat);
       const marker = new window.BMap.Marker(point, {
         offset: new window.BMap.Size(-2, -5)
@@ -161,11 +150,9 @@ class MapSelectionEditor extends _react.Component {
       }
     };
     this.getLabelContent = value => {
-      const {
-        address,
-        title,
-        tag
-      } = value;
+      const address = value.address,
+        title = value.title,
+        tag = value.tag;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
         return "\n          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='label-title text-truncate' title=".concat(title, ">").concat(title, "</span>\n            ").concat(tagContent && "<span class='label-tag'>".concat(tagContent, "</span>"), "\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address-tip'>").concat((0, _lang.getLocale)('Address'), "</span>\n            <span class='label-address text-truncate' title=").concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
@@ -173,9 +160,7 @@ class MapSelectionEditor extends _react.Component {
       return "\n        <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>\n          <i class='dtable-font dtable-icon-down3'></i>\n          <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n          <span class='label-address text-truncate simple' title=".concat(address, ">").concat(address, "</span>\n          <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n        </div>\n      ");
     };
     this.getInitValue = () => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       if (!value || (0, _dtableUtils.isEmptyObject)(value)) {
         return {
           address: '',
@@ -187,9 +172,7 @@ class MapSelectionEditor extends _react.Component {
       return value;
     };
     this.onSearch = () => {
-      const {
-        inputValue
-      } = this.state;
+      const inputValue = this.state.inputValue;
       let options = {
         onSearchComplete: results => {
           const status = local.getStatus();
@@ -246,9 +229,7 @@ class MapSelectionEditor extends _react.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       this.props.setValue(value);
       this.setState({
         isShowLargeEditor: !this.state.isShowLargeEditor
@@ -271,11 +252,9 @@ class MapSelectionEditor extends _react.Component {
         const geoCoder = new window.BMap.Geocoder();
         geoCoder.getLocation(point, result => {
           let value = {};
-          const {
-            surroundingPois,
-            address,
-            point
-          } = result;
+          const surroundingPois = result.surroundingPois,
+            address = result.address,
+            point = result.point;
           if (surroundingPois.length === 0) {
             value.address = address;
             value.lngLat = {
@@ -286,12 +265,10 @@ class MapSelectionEditor extends _react.Component {
             value.title = '';
           } else {
             const position = surroundingPois[0];
-            const {
-              address,
-              title,
-              tags,
-              point
-            } = position;
+            const address = position.address,
+              title = position.title,
+              tags = position.tags,
+              point = position.point;
             value.address = address || '';
             value.title = title || '';
             value.tag = tags || [];
@@ -320,9 +297,7 @@ class MapSelectionEditor extends _react.Component {
       (0, _mapEditorUtils.locateCurrentPosition)(this.map, this.mapType, this.geolocationCallback);
     };
     this.renderSearchResults = () => {
-      const {
-        searchResults
-      } = this.state;
+      const searchResults = this.state.searchResults;
       if (searchResults.length === 0) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "search-results-container",
@@ -344,10 +319,9 @@ class MapSelectionEditor extends _react.Component {
     const _value = this.getInitValue();
     this.readOnly = props.readOnly;
     const _inputValue = _value.title || _value.address || '';
-    const {
-      mapType,
-      mapKey
-    } = (0, _mapEditorUtils.getMapInfo)(props.config);
+    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(props.config),
+      mapType = _getMapInfo.mapType,
+      mapKey = _getMapInfo.mapKey;
     this.state = {
       isLoading: true,
       value: _value,
@@ -376,11 +350,10 @@ class MapSelectionEditor extends _react.Component {
     }
   }
   render() {
-    const {
-      isLoading,
-      inputValue,
-      isShowLargeEditor
-    } = this.state;
+    const _this$state = this.state,
+      isLoading = _this$state.isLoading,
+      inputValue = _this$state.inputValue,
+      isShowLargeEditor = _this$state.isShowLargeEditor;
     if (isShowLargeEditor) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
         toggleFullScreen: this.toggleFullScreen