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

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

@@ -50,12 +50,13 @@ class MapEditor extends _react.Component {
     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;
@@ -82,11 +83,14 @@ class MapEditor extends _react.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;
@@ -110,11 +114,14 @@ class MapEditor extends _react.Component {
         this.map = new window.BMap.Map('geolocation-map-container', {
           enableMapClick: false
         });
-        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;
@@ -149,10 +156,11 @@ class MapEditor extends _react.Component {
       this.setState({
         isLoading: false
       }, () => {
-        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: {
@@ -166,7 +174,9 @@ class MapEditor extends _react.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;
@@ -201,8 +211,10 @@ class MapEditor extends _react.Component {
       });
     };
     this.setPropsValue = _ref => {
-      let lng = _ref.lng,
-        lat = _ref.lat;
+      let {
+        lng,
+        lat
+      } = _ref;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) {
         this.props.setValue(null);
         return;
@@ -266,7 +278,9 @@ class MapEditor extends _react.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setPropsValue(numericValue);
       this.setState({
@@ -283,8 +297,10 @@ class MapEditor extends _react.Component {
       this.props.onSubmit();
     };
     this.rerenderMapMarker = _ref2 => {
-      let lng = _ref2.lng,
-        lat = _ref2.lat;
+      let {
+        lng,
+        lat
+      } = _ref2;
       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) {
@@ -299,7 +315,9 @@ class MapEditor extends _react.Component {
       this.addMarkerByPosition(lng, lat);
     };
     this.onBlur = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setState({
         value: numericValue
@@ -351,9 +369,10 @@ class MapEditor extends _react.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.readOnly = props.readOnly;
@@ -389,10 +408,11 @@ class MapEditor extends _react.Component {
     this.onSubmit();
   }
   render() {
-    const _this$state = this.state,
-      isLoading = _this$state.isLoading,
-      lng_lat = _this$state.value,
-      isShowLargeEditor = _this$state.isShowLargeEditor;
+    const {
+      isLoading,
+      value: lng_lat,
+      isShowLargeEditor
+    } = this.state;
     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,12 +23,13 @@ class LargeMapEditorDialog extends _react.default.Component {
     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;
@@ -55,11 +56,14 @@ class LargeMapEditorDialog 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;
@@ -81,11 +85,14 @@ class LargeMapEditorDialog extends _react.default.Component {
       }, () => {
         if (!window.BMap.Map) return;
         this.map = new window.BMap.Map('geolocation-map-container-large');
-        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;
@@ -106,10 +113,11 @@ class LargeMapEditorDialog extends _react.default.Component {
       this.setState({
         isLoading: false
       }, () => {
-        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: {
@@ -123,7 +131,9 @@ class LargeMapEditorDialog 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;
@@ -160,8 +170,10 @@ class LargeMapEditorDialog extends _react.default.Component {
       }
     };
     this.setPropsValue = _ref => {
-      let lng = _ref.lng,
-        lat = _ref.lat;
+      let {
+        lng,
+        lat
+      } = _ref;
       if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) {
         this.props.setValue(null);
         return;
@@ -229,8 +241,10 @@ class LargeMapEditorDialog extends _react.default.Component {
       }
     };
     this.rerenderMapMarker = _ref2 => {
-      let lng = _ref2.lng,
-        lat = _ref2.lat;
+      let {
+        lng,
+        lat
+      } = _ref2;
       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) {
@@ -245,7 +259,9 @@ class LargeMapEditorDialog extends _react.default.Component {
       this.addMarkerByPosition(lng, lat);
     };
     this.onBlur = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const numericValue = (0, _dtableUtils.normalizeMapPoint)(value);
       this.setState({
         value: numericValue
@@ -283,7 +299,9 @@ class LargeMapEditorDialog extends _react.default.Component {
       }
     };
     this.onSubmit = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       this.props.setValue(value);
       this.props.onSubmit();
     };
@@ -304,7 +322,9 @@ class LargeMapEditorDialog extends _react.default.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       this.props.setValue(value);
       this.props.toggleFullScreen(event);
     };
@@ -313,16 +333,19 @@ class LargeMapEditorDialog extends _react.default.Component {
       e.nativeEvent.stopImmediatePropagation();
       e.stopPropagation();
     };
-    const readOnly = props.readOnly,
-      config = props.config;
+    const {
+      readOnly,
+      config
+    } = props;
     const _value = props.value || {
       lng: '',
       lat: ''
     };
     this.readOnly = readOnly;
-    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(config),
-      mapType = _getMapInfo.mapType,
-      mapKey = _getMapInfo.mapKey;
+    const {
+      mapType,
+      mapKey
+    } = (0, _mapEditorUtils.getMapInfo)(config);
     this.mapType = mapType;
     this.mapKey = mapKey;
     this.map = null;
@@ -377,9 +400,10 @@ class LargeMapEditorDialog extends _react.default.Component {
     this.map = null;
   }
   render() {
-    const _this$state = this.state,
-      isLoading = _this$state.isLoading,
-      lng_lat = _this$state.value;
+    const {
+      isLoading,
+      value: lng_lat
+    } = this.state;
     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,12 +40,17 @@ class MapSelectionEditor extends _react.Component {
         this.map = new window.BMap.Map('geolocation-map-selection-container', {
           enableMapClick: false
         });
-        let _getInitCenter = (0, _mapEditorUtils.getInitCenter)(true),
-          lng = _getInitCenter.lng,
-          lat = _getInitCenter.lat,
-          zoom = _getInitCenter.zoom;
-        const value = this.state.value;
-        const lngLat = value.lngLat;
+        let {
+          lng,
+          lat,
+          zoom
+        } = (0, _mapEditorUtils.getInitCenter)(true);
+        const {
+          value
+        } = this.state;
+        const {
+          lngLat
+        } = value;
         if ((0, _cell.isValidPosition)(lngLat.lng, lngLat.lat)) {
           lng = lngLat.lng;
           lat = lngLat.lat;
@@ -66,9 +71,11 @@ class MapSelectionEditor extends _react.Component {
           const point = event.point;
           const geoCoder = new window.BMap.Geocoder();
           geoCoder.getLocation(point, result => {
-            const surroundingPois = result.surroundingPois,
-              address = result.address,
-              point = result.point;
+            const {
+              surroundingPois,
+              address,
+              point
+            } = result;
             if (surroundingPois.length === 0) {
               value.address = address;
               value.lngLat = {
@@ -79,10 +86,12 @@ class MapSelectionEditor extends _react.Component {
               value.title = '';
             } else {
               const position = surroundingPois[0];
-              const address = position.address,
-                title = position.title,
-                tags = position.tags,
-                point = position.point;
+              const {
+                address,
+                title,
+                tags,
+                point
+              } = position;
               value.address = address || '';
               value.title = title || '';
               value.tag = tags || [];
@@ -97,7 +106,9 @@ class MapSelectionEditor extends _react.Component {
       });
     };
     this.addMarkerByPosition = value => {
-      const lngLat = value.lngLat;
+      const {
+        lngLat
+      } = value;
       let point = new window.BMap.Point(lngLat.lng, lngLat.lat);
       const marker = new window.BMap.Marker(point, {
         offset: new window.BMap.Size(-2, -5)
@@ -150,9 +161,11 @@ class MapSelectionEditor extends _react.Component {
       }
     };
     this.getLabelContent = value => {
-      const address = value.address,
-        title = value.title,
-        tag = value.tag;
+      const {
+        address,
+        title,
+        tag
+      } = value;
       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        ");
@@ -160,7 +173,9 @@ 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.value;
+      const {
+        value
+      } = this.props;
       if (!value || (0, _dtableUtils.isEmptyObject)(value)) {
         return {
           address: '',
@@ -172,7 +187,9 @@ class MapSelectionEditor extends _react.Component {
       return value;
     };
     this.onSearch = () => {
-      const inputValue = this.state.inputValue;
+      const {
+        inputValue
+      } = this.state;
       let options = {
         onSearchComplete: results => {
           const status = local.getStatus();
@@ -229,7 +246,9 @@ class MapSelectionEditor extends _react.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       this.props.setValue(value);
       this.setState({
         isShowLargeEditor: !this.state.isShowLargeEditor
@@ -252,9 +271,11 @@ class MapSelectionEditor extends _react.Component {
         const geoCoder = new window.BMap.Geocoder();
         geoCoder.getLocation(point, result => {
           let value = {};
-          const surroundingPois = result.surroundingPois,
-            address = result.address,
-            point = result.point;
+          const {
+            surroundingPois,
+            address,
+            point
+          } = result;
           if (surroundingPois.length === 0) {
             value.address = address;
             value.lngLat = {
@@ -265,10 +286,12 @@ class MapSelectionEditor extends _react.Component {
             value.title = '';
           } else {
             const position = surroundingPois[0];
-            const address = position.address,
-              title = position.title,
-              tags = position.tags,
-              point = position.point;
+            const {
+              address,
+              title,
+              tags,
+              point
+            } = position;
             value.address = address || '';
             value.title = title || '';
             value.tag = tags || [];
@@ -297,7 +320,9 @@ class MapSelectionEditor extends _react.Component {
       (0, _mapEditorUtils.locateCurrentPosition)(this.map, this.mapType, this.geolocationCallback);
     };
     this.renderSearchResults = () => {
-      const searchResults = this.state.searchResults;
+      const {
+        searchResults
+      } = this.state;
       if (searchResults.length === 0) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "search-results-container",
@@ -319,9 +344,10 @@ class MapSelectionEditor extends _react.Component {
     const _value = this.getInitValue();
     this.readOnly = props.readOnly;
     const _inputValue = _value.title || _value.address || '';
-    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(props.config),
-      mapType = _getMapInfo.mapType,
-      mapKey = _getMapInfo.mapKey;
+    const {
+      mapType,
+      mapKey
+    } = (0, _mapEditorUtils.getMapInfo)(props.config);
     this.state = {
       isLoading: true,
       value: _value,
@@ -350,10 +376,11 @@ class MapSelectionEditor extends _react.Component {
     }
   }
   render() {
-    const _this$state = this.state,
-      isLoading = _this$state.isLoading,
-      inputValue = _this$state.inputValue,
-      isShowLargeEditor = _this$state.isShowLargeEditor;
+    const {
+      isLoading,
+      inputValue,
+      isShowLargeEditor
+    } = this.state;
     if (isShowLargeEditor) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props), {}, {
         toggleFullScreen: this.toggleFullScreen