dtable-ui-component 6.0.49 → 6.0.50

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

@@ -16,6 +16,7 @@ var _lang = require("../../../lang");
 var _Loading = _interopRequireDefault(require("../../../Loading"));
 var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -350,75 +351,93 @@ class MapEditor extends _react.default.Component {
         mode,
         value: lng_lat
       } = this.state;
-      if (isLoading) return /*#__PURE__*/_react.default.createElement("div", {
-        className: "w-100 h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
+      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, {})
+      });
       if (!this.mapType) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center  align-items-center w-100 h-100"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "alert-danger"
-        }, (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator')));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center  align-items-center w-100 h-100",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "alert-danger",
+            children: (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator')
+          })
+        });
       }
       const isEdit = mode === 'edit';
       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__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-geolocation-map-editor-input-container"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "view-subtitle"
-      }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Latitude_abbr'))), /*#__PURE__*/_react.default.createElement(_InputItem.default, {
-        type: "text",
-        className: "dtable-ui-mobile-geolocation-map-editor-input",
-        style: {
-          marginTop: 0
-        },
-        value: lat,
-        editable: isEdit,
-        onBlur: this.onBlur,
-        onChange: this.handleLatitudeChange,
-        placeholder: (0, _lang.getLocale)('Latitude')
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "view-subtitle"
-      }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Longitude_abbr'))), /*#__PURE__*/_react.default.createElement(_InputItem.default, {
-        type: "text",
-        className: "dtable-ui-mobile-geolocation-map-editor-input",
-        style: {
-          marginTop: 0
-        },
-        value: lng,
-        editable: isEdit,
-        onBlur: this.onBlur,
-        onChange: this.handleLongitudeChange,
-        placeholder: (0, _lang.getLocale)('Longitude')
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-geolocation-map-editor-map"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "w-100 h-100",
-        ref: ref => this.ref = ref,
-        id: "dtable-ui-mobile-geolocation-map-container"
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-controller"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-locate-control",
-        onClick: this.onLocateCurrentPosition
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-current-location"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control-btn",
-        onClick: this.onZoomIn
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-enlarge"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control-btn",
-        onClick: this.onZoomOut
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-narrow"
-      }))))));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-mobile-geolocation-map-editor-input-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "view-subtitle",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: (0, _lang.getLocale)('Latitude_abbr')
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputItem.default, {
+            type: "text",
+            className: "dtable-ui-mobile-geolocation-map-editor-input",
+            style: {
+              marginTop: 0
+            },
+            value: lat,
+            editable: isEdit,
+            onBlur: this.onBlur,
+            onChange: this.handleLatitudeChange,
+            placeholder: (0, _lang.getLocale)('Latitude')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "view-subtitle",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: (0, _lang.getLocale)('Longitude_abbr')
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputItem.default, {
+            type: "text",
+            className: "dtable-ui-mobile-geolocation-map-editor-input",
+            style: {
+              marginTop: 0
+            },
+            value: lng,
+            editable: isEdit,
+            onBlur: this.onBlur,
+            onChange: this.handleLongitudeChange,
+            placeholder: (0, _lang.getLocale)('Longitude')
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-mobile-geolocation-map-editor-map",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "w-100 h-100",
+            ref: ref => this.ref = ref,
+            id: "dtable-ui-mobile-geolocation-map-container"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-map-controller",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-locate-control",
+              onClick: this.onLocateCurrentPosition,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-current-location"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dtable-ui-geolocation-zoom-control",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-zoom-control-btn",
+                onClick: this.onZoomIn,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  "aria-hidden": "true",
+                  className: "dtable-font dtable-icon-enlarge"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-zoom-control-btn",
+                onClick: this.onZoomOut,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  "aria-hidden": "true",
+                  className: "dtable-font dtable-icon-narrow"
+                })
+              })]
+            })]
+          })]
+        })]
+      });
     };
     const _value = props.value || {
       lng: '',
@@ -499,17 +518,26 @@ class MapEditor extends _react.default.Component {
       mode
     } = this.state;
     const isEdit = mode === 'edit';
-    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-geolocation-map-editor",
-      onClose: this.onClose
-    }, /*#__PURE__*/_react.default.createElement(Header, {
-      onLeftClick: this.onLeftClick,
-      onRightClick: this.onRightClick
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isEdit ? (0, _lang.getLocale)('Cancel') : (0, _lang.getLocale)('Close')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        color: '#f09f3f'
-      }
-    }, isEdit ? (0, _lang.getLocale)('Submit') : (0, _lang.getLocale)('Edit'))), /*#__PURE__*/_react.default.createElement(Body, null, this.renderMap()));
+      onClose: this.onClose,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+        onLeftClick: this.onLeftClick,
+        onRightClick: this.onRightClick,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: isEdit ? (0, _lang.getLocale)('Cancel') : (0, _lang.getLocale)('Close')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: column.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            color: '#f09f3f'
+          },
+          children: isEdit ? (0, _lang.getLocale)('Submit') : (0, _lang.getLocale)('Edit')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+        children: this.renderMap()
+      })]
+    });
   }
 }
 var _default = exports.default = MapEditor;

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

@@ -16,6 +16,7 @@ var _cell = require("../../../utils/cell");
 var _lang = require("../../../lang");
 var _Loading = _interopRequireDefault(require("../../../Loading"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -330,19 +331,22 @@ class MapSelectionEditor extends _react.default.Component {
         searchResults
       } = this.state;
       if (searchResults.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-map-selection-editor-search-results"
-      }, searchResults.map((result, index) => {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-ui-mobile-map-selection-editor-search-result",
-          key: index,
-          onClick: this.onClickSelection.bind(this, result)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-ui-mobile-map-selection-editor-search-result-title"
-        }, result.title || ''), /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-ui-mobile-map-selection-editor-search-result-address"
-        }, result.address || ''));
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-map-selection-editor-search-results",
+        children: searchResults.map((result, index) => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-mobile-map-selection-editor-search-result",
+            onClick: this.onClickSelection.bind(this, result),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "dtable-ui-mobile-map-selection-editor-search-result-title",
+              children: result.title || ''
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "dtable-ui-mobile-map-selection-editor-search-result-address",
+              children: result.address || ''
+            })]
+          }, index);
+        })
+      });
     };
     this.renderLabel = () => {
       const {
@@ -355,42 +359,51 @@ class MapSelectionEditor extends _react.default.Component {
       } = selectedSelection;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-ui-mobile-geolocation-map-editor-label"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-ui-mobile-geolocation-map-editor-label-title",
-          title: title
-        }, title), tagContent && /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-ui-mobile-geolocation-map-editor-label-tag"
-        }, tagContent), /*#__PURE__*/_react.default.createElement("span", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-mobile-geolocation-map-editor-label",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-mobile-geolocation-map-editor-label-title",
+            title: title,
+            children: title
+          }), tagContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-mobile-geolocation-map-editor-label-tag",
+            children: tagContent
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-font dtable-icon-x",
+            onClick: this.onCloseLabel
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-mobile-geolocation-map-editor-label-address-tip",
+            children: (0, _lang.getLocale)('Address')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-mobile-geolocation-map-editor-label-address",
+            title: address,
+            children: address
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+            className: "dtable-ui-mobile-geolocation-map-editor-label-btn",
+            color: "primary",
+            size: "sm",
+            onClick: this.onFillIn,
+            children: (0, _lang.getLocale)('Fill_in')
+          })]
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-mobile-geolocation-map-editor-label simple",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "dtable-font dtable-icon-x",
           onClick: this.onCloseLabel
-        }), /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-ui-mobile-geolocation-map-editor-label-address-tip"
-        }, (0, _lang.getLocale)('Address')), /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-ui-mobile-geolocation-map-editor-label-address",
-          title: address
-        }, address), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-          className: "dtable-ui-mobile-geolocation-map-editor-label-btn",
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "dtable-ui-mobile-geolocation-map-editor-label-address text-truncate simple",
+          title: address,
+          children: address
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+          className: "dtable-ui-mobile-geolocation-map-editor-label-btn simple",
           color: "primary",
           size: "sm",
-          onClick: this.onFillIn
-        }, (0, _lang.getLocale)('Fill_in')));
-      }
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-geolocation-map-editor-label simple"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-font dtable-icon-x",
-        onClick: this.onCloseLabel
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-ui-mobile-geolocation-map-editor-label-address text-truncate simple",
-        title: address
-      }, address), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-        className: "dtable-ui-mobile-geolocation-map-editor-label-btn simple",
-        color: "primary",
-        size: "sm",
-        onClick: this.onFillIn
-      }, (0, _lang.getLocale)('Fill_in')));
+          onClick: this.onFillIn,
+          children: (0, _lang.getLocale)('Fill_in')
+        })]
+      });
     };
     this.renderMap = () => {
       const {
@@ -399,68 +412,83 @@ class MapSelectionEditor extends _react.default.Component {
         isShowSearchView,
         isShowLabel
       } = this.state;
-      if (isLoading) return /*#__PURE__*/_react.default.createElement("div", {
-        className: "w-100 h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
+      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, {})
+      });
       if (!this.mapType) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center  align-items-center w-100 h-100"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "alert-danger"
-        }, (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator')));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center  align-items-center w-100 h-100",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "alert-danger",
+            children: (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator')
+          })
+        });
       }
       if (this.mapType !== _mapEditorUtils.MAP_TYPES.B_MAP) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center  align-items-center w-100 h-100"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "alert-danger"
-        }, (0, _lang.getLocale)('This_map_type_currently_does_not_support_map_point_selection')));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center  align-items-center w-100 h-100",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "alert-danger",
+            children: (0, _lang.getLocale)('This_map_type_currently_does_not_support_map_point_selection')
+          })
+        });
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.canSelectPosition && /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-geolocation-map-editor-input-container"
-      }, /*#__PURE__*/_react.default.createElement(_InputItem.default, {
-        type: "text",
-        className: "dtable-ui-mobile-geolocation-map-editor-input",
-        style: {
-          marginTop: 0
-        },
-        value: inputValue,
-        onChange: this.onChange,
-        clear: true,
-        placeholder: (0, _lang.getLocale)('Please_enter_the_address')
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-geolocation-map-editor-search-btn",
-        onClick: this.onSearch
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-search"
-      }))), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-mobile-geolocation-map-editor-map"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "w-100 h-100",
-        ref: ref => this.ref = ref,
-        id: "dtable-ui-mobile-geolocation-map-container"
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-controller"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-locate-control",
-        onClick: this.onLocateCurrentPosition
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-current-location"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control-btn",
-        onClick: this.onZoomIn
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-enlarge"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control-btn",
-        onClick: this.onZoomOut
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-narrow"
-      })))), isShowSearchView && this.renderSearchResult()), isShowLabel && this.renderLabel());
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [this.canSelectPosition && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-mobile-geolocation-map-editor-input-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputItem.default, {
+            type: "text",
+            className: "dtable-ui-mobile-geolocation-map-editor-input",
+            style: {
+              marginTop: 0
+            },
+            value: inputValue,
+            onChange: this.onChange,
+            clear: true,
+            placeholder: (0, _lang.getLocale)('Please_enter_the_address')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-mobile-geolocation-map-editor-search-btn",
+            onClick: this.onSearch,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-search"
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-mobile-geolocation-map-editor-map",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "w-100 h-100",
+            ref: ref => this.ref = ref,
+            id: "dtable-ui-mobile-geolocation-map-container"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-map-controller",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-locate-control",
+              onClick: this.onLocateCurrentPosition,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-current-location"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dtable-ui-geolocation-zoom-control",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-zoom-control-btn",
+                onClick: this.onZoomIn,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  "aria-hidden": "true",
+                  className: "dtable-font dtable-icon-enlarge"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-zoom-control-btn",
+                onClick: this.onZoomOut,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  "aria-hidden": "true",
+                  className: "dtable-font dtable-icon-narrow"
+                })
+              })]
+            })]
+          }), isShowSearchView && this.renderSearchResult()]
+        }), isShowLabel && this.renderLabel()]
+      });
     };
     const {
       value: _value,
@@ -517,14 +545,20 @@ class MapSelectionEditor extends _react.default.Component {
     const {
       column
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-geolocation-map-selection-editor",
-      onClose: this.onClose
-    }, /*#__PURE__*/_react.default.createElement(Header, {
-      onLeftClick: this.onClose
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-return"
-    }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name)), /*#__PURE__*/_react.default.createElement(Body, null, this.renderMap()));
+      onClose: this.onClose,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+        onLeftClick: this.onClose,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-return"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: column.name
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+        children: this.renderMap()
+      })]
+    });
   }
 }
 var _default = exports.default = MapSelectionEditor;

package/lib/GeolocationEditor/mb-editor/province-city-editor.js

@@ -11,6 +11,7 @@ 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
@@ -46,32 +47,46 @@ const ProvinceCityEditor = _ref => {
     }
     onToggle();
   }, [value, oldValue, onCommit, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    onToggle: onToggle
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle,
-    onRightClick: onSubmit
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-subtitle"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Address_information'))), /*#__PURE__*/_react.default.createElement(_Picker.default, {
-    className: "dtable-ui-mobile-geolocation-editor-picker",
-    data: isLoading ? [] : locations.current,
-    value: value,
-    format: "",
-    onChange: onValueChange,
-    cascade: true,
-    title: (0, _lang.getLocale)('Address_information'),
-    extra: (0, _lang.getLocale)('Select_location'),
-    onOk: e => onValueChange(e),
-    okText: (0, _lang.getLocale)('Done'),
-    dismissText: (0, _lang.getLocale)('Cancel'),
-    cols: 2
-  }, /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    arrow: "horizontal"
-  }, value.join(' ') || (0, _lang.getLocale)('Select_location')))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
+    onToggle: onToggle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onToggle,
+      onRightClick: onSubmit,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: (0, _lang.getLocale)('Cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: column.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          color: '#f09f3f'
+        },
+        children: (0, _lang.getLocale)('Submit')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-row-expand-subtitle",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Address_information')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
+        className: "dtable-ui-mobile-geolocation-editor-picker",
+        data: isLoading ? [] : locations.current,
+        value: value,
+        format: "",
+        onChange: onValueChange,
+        cascade: true,
+        title: (0, _lang.getLocale)('Address_information'),
+        extra: (0, _lang.getLocale)('Select_location'),
+        onOk: e => onValueChange(e),
+        okText: (0, _lang.getLocale)('Done'),
+        dismissText: (0, _lang.getLocale)('Cancel'),
+        cols: 2,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+          arrow: "horizontal",
+          children: value.join(' ') || (0, _lang.getLocale)('Select_location')
+        })
+      })]
+    })]
+  });
 };
 var _default = exports.default = ProvinceCityEditor;