dtable-ui-component 6.0.25-alpha.4 → 6.0.26-beta

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

@@ -0,0 +1,525 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _inputItem = _interopRequireDefault(require("antd-mobile/lib/input-item"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _dtableUtils = require("dtable-utils");
+var _toaster = _interopRequireDefault(require("../../../toaster"));
+var _MobileFullScreenPage = _interopRequireDefault(require("../../../MobileFullScreenPage"));
+var _mapEditorUtils = require("../../map-editor-utils");
+var _cell = require("../../../utils/cell");
+var _lang = require("../../../lang");
+var _Loading = _interopRequireDefault(require("../../../Loading"));
+require("./index.css");
+const getInputMode = column => {
+  const data = column.data;
+  if (!data) return _mapEditorUtils.INPUT_MODE_MAP.ANY_LOCATION;
+  return data.input_mode || _mapEditorUtils.INPUT_MODE_MAP.ANY_LOCATION;
+};
+const getInitValue = value => {
+  if (!value || (0, _dtableUtils.isEmptyObject)(value) || !value.address) {
+    return {
+      address: '',
+      title: '',
+      tag: '',
+      lngLat: {}
+    };
+  }
+  return value;
+};
+class MapSelectionEditor extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.addMarkerByPosition = value => {
+      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)
+      });
+      if (this.map) {
+        this.map.clearOverlays();
+        this.map.addOverlay(marker);
+        this.map.centerAndZoom(point, 10);
+      }
+    };
+    this.realTimePositioning = (error, point) => {
+      if (error) {
+        _toaster.default.danger((0, _lang.getLocale)('Positioning_failed'));
+        return;
+      }
+      const geoCoder = new window.BMap.Geocoder();
+      let value = {};
+      geoCoder.getLocation(point, result => {
+        const {
+          surroundingPois,
+          address,
+          point
+        } = result;
+        if (surroundingPois.length === 0) {
+          value.address = address;
+          value.lngLat = {
+            lng: point.lng,
+            lat: point.lat
+          };
+          value.tag = [];
+          value.title = '';
+        } else {
+          const position = surroundingPois[0];
+          const {
+            address,
+            title,
+            tags,
+            point
+          } = position;
+          value.address = address || '';
+          value.title = title || '';
+          value.tag = tags || [];
+          value.lngLat = {
+            lng: point.lng,
+            lat: point.lat
+          };
+        }
+        this.setState({
+          isShowLabel: true,
+          selectedSelection: value,
+          inputValue: value.title || value.address
+        });
+        this.addMarkerByPosition(value);
+      });
+    };
+    this.renderBaiduMap = () => {
+      this.setState({
+        isLoading: false
+      }, () => {
+        if (!window.BMap.Map) return;
+        setTimeout(() => {
+          this.map = new window.BMap.Map('mobile-dtable-ui-geolocation-map-container');
+          let {
+            lng,
+            lat,
+            zoom
+          } = (0, _mapEditorUtils.getInitCenter)();
+          const {
+            value
+          } = this.state;
+          const {
+            lngLat
+          } = value;
+          if ((0, _cell.isValidPosition)(lngLat.lng, lngLat.lat)) {
+            lng = lngLat.lng;
+            lat = lngLat.lat;
+            this.setState({
+              isShowLabel: true,
+              selectedSelection: value
+            });
+            this.addMarkerByPosition(value);
+          }
+          let point = new window.BMap.Point(lng, lat);
+          this.map.centerAndZoom(point, zoom);
+          this.map.enableScrollWheelZoom(true);
+          // normal map selection
+          this.canSelectPosition && this.map.addEventListener('click', event => {
+            let value = {};
+            const point = event.point;
+            const geoCoder = new window.BMap.Geocoder();
+            geoCoder.getLocation(point, result => {
+              const {
+                surroundingPois,
+                address,
+                point
+              } = result;
+              if (surroundingPois.length === 0) {
+                value.address = address;
+                value.lngLat = {
+                  lng: point.lng,
+                  lat: point.lat
+                };
+                value.tag = [];
+                value.title = '';
+              } else {
+                const position = surroundingPois[0];
+                const {
+                  address,
+                  title,
+                  tags,
+                  point
+                } = position;
+                value.address = address || '';
+                value.title = title || '';
+                value.tag = tags || [];
+                value.lngLat = {
+                  lng: point.lng,
+                  lat: point.lat
+                };
+              }
+              this.setState({
+                isShowLabel: true,
+                selectedSelection: value,
+                inputValue: value.title || value.address
+              });
+              this.addMarkerByPosition(value);
+            });
+          });
+          // for mobile device real-time positioning, use current position
+          !this.canSelectPosition && (0, _mapEditorUtils.locateCurrentPosition)(this.map, this.mapType, this.realTimePositioning);
+        }, 1);
+      });
+    };
+    this.geolocationCallback = (error, point) => {
+      if (error) {
+        _toaster.default.danger((0, _lang.getLocale)('Positioning_failed'));
+        return;
+      }
+      const geoCoder = new window.BMap.Geocoder();
+      geoCoder.getLocation(point, result => {
+        let value = {};
+        const {
+          surroundingPois,
+          address,
+          point
+        } = result;
+        if (surroundingPois.length === 0) {
+          value.address = address;
+          value.lngLat = {
+            lng: point.lng,
+            lat: point.lat
+          };
+          value.tag = [];
+          value.title = '';
+        } else {
+          const position = surroundingPois[0];
+          const {
+            address,
+            title,
+            tags,
+            point
+          } = position;
+          value.address = address || '';
+          value.title = title || '';
+          value.tag = tags || [];
+          value.lngLat = {
+            lng: point.lng,
+            lat: point.lat
+          };
+        }
+        this.setState({
+          isShowLabel: true,
+          selectedSelection: value
+        });
+        this.addMarkerByPosition(value);
+      });
+    };
+    this.isEmptySelection = value => {
+      return !value.title && !value.address && !value.tag && (0, _dtableUtils.isEmptyObject)(value.lngLat);
+    };
+    this.clearSearchNumerical = () => {
+      this.setState({
+        inputValue: '',
+        value: {}
+      });
+    };
+    this.onChange = inputValue => {
+      this.setState({
+        inputValue
+      });
+    };
+    this.onZoomIn = () => {
+      if (!this.map) return;
+      const currentZoom = this.map.getZoom();
+      this.map.setZoom(currentZoom + 1);
+    };
+    this.onZoomOut = () => {
+      if (!this.map) return;
+      const currentZoom = this.map.getZoom();
+      this.map.setZoom(currentZoom - 1);
+    };
+    this.onLocateCurrentPosition = () => {
+      (0, _mapEditorUtils.locateCurrentPosition)(this.map, this.mapType, this.geolocationCallback);
+    };
+    this.onClickSelection = result => {
+      this.setState({
+        searchResults: [],
+        inputValue: result.title || result.address,
+        selectedSelection: result,
+        isShowSearchView: false,
+        isShowLabel: true
+      }, () => {
+        this.addMarkerByPosition(result);
+      });
+    };
+    this.onCommit = () => {
+      const {
+        value
+      } = this.state;
+      const isEmptyMapSelection = this.isEmptySelection(value);
+      this.props.onCommit(isEmptyMapSelection ? '' : value);
+    };
+    this.onClose = () => {
+      this.props.onToggle();
+    };
+    this.onFillIn = () => {
+      const {
+        selectedSelection
+      } = this.state;
+      this.setState({
+        value: selectedSelection,
+        isShowLabel: false
+      }, () => {
+        _toaster.default.success((0, _lang.getLocale)('Successfully_filled_in'));
+        this.onCommit();
+      });
+    };
+    this.onCloseLabel = e => {
+      e.stopPropagation();
+      this.map.clearOverlays();
+      this.setState({
+        isShowLabel: false,
+        selectedSelection: {},
+        inputValue: ''
+      });
+    };
+    this.onSearch = e => {
+      e.stopPropagation();
+      const {
+        inputValue
+      } = this.state;
+      if (!inputValue) return;
+      const options = {
+        onSearchComplete: results => {
+          const status = local.getStatus();
+          if (status !== window.BMAP_STATUS_SUCCESS) {
+            _toaster.default.danger((0, _lang.getLocale)('Search_failed_please_enter_detailed_address'));
+            return;
+          }
+          let searchResults = [];
+          for (let i = 0; i < results.getCurrentNumPois(); i++) {
+            const value = results.getPoi(i);
+            let position = {};
+            position.address = value.address || '';
+            position.title = value.title || '';
+            position.tag = value.tags || [];
+            position.lngLat = {
+              lng: value.point.lng,
+              lat: value.point.lat
+            };
+            searchResults.push(position);
+          }
+          this.setState({
+            searchResults,
+            isShowSearchView: true,
+            isShowLabel: false
+          });
+        }
+      };
+      let local = new window.BMap.LocalSearch(this.map, options);
+      local.search(inputValue);
+    };
+    this.renderSearchResult = () => {
+      const {
+        searchResults
+      } = this.state;
+      if (searchResults.length === 0) return null;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mobile-dtable-ui-map-selection-editor-search-results"
+      }, searchResults.map((result, index) => {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: "mobile-dtable-ui-map-selection-editor-search-result",
+          key: index,
+          onClick: this.onClickSelection.bind(this, result)
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: "mobile-dtable-ui-map-selection-editor-search-result-title"
+        }, result.title || ''), /*#__PURE__*/_react.default.createElement("span", {
+          className: "mobile-dtable-ui-map-selection-editor-search-result-address"
+        }, result.address || ''));
+      }));
+    };
+    this.renderLabel = () => {
+      const {
+        selectedSelection
+      } = this.state;
+      const {
+        address,
+        title,
+        tag
+      } = selectedSelection;
+      const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
+      if (title) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: "mobile-dtable-ui-geolocation-map-editor-label"
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: "mobile-dtable-ui-geolocation-map-editor-label-title",
+          title: title
+        }, title), tagContent && /*#__PURE__*/_react.default.createElement("span", {
+          className: "mobile-dtable-ui-geolocation-map-editor-label-tag"
+        }, tagContent), /*#__PURE__*/_react.default.createElement("span", {
+          className: "dtable-font dtable-icon-x",
+          onClick: this.onCloseLabel
+        }), /*#__PURE__*/_react.default.createElement("span", {
+          className: "mobile-dtable-ui-geolocation-map-editor-label-address-tip"
+        }, (0, _lang.getLocale)('Address')), /*#__PURE__*/_react.default.createElement("span", {
+          className: "mobile-dtable-ui-geolocation-map-editor-label-address",
+          title: address
+        }, address), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+          className: "mobile-dtable-ui-geolocation-map-editor-label-btn",
+          color: "primary",
+          size: "sm",
+          onClick: this.onFillIn
+        }, (0, _lang.getLocale)('Fill_in')));
+      }
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mobile-dtable-ui-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: "mobile-dtable-ui-geolocation-map-editor-label-address text-truncate simple",
+        title: address
+      }, address), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+        className: "mobile-dtable-ui-geolocation-map-editor-label-btn simple",
+        color: "primary",
+        size: "sm",
+        onClick: this.onFillIn
+      }, (0, _lang.getLocale)('Fill_in')));
+    };
+    this.renderMap = () => {
+      const {
+        isLoading,
+        inputValue,
+        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 (!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')));
+      }
+      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__*/_react.default.createElement(_react.default.Fragment, null, this.canSelectPosition && /*#__PURE__*/_react.default.createElement("div", {
+        className: "mobile-dtable-ui-geolocation-map-editor-input-container"
+      }, /*#__PURE__*/_react.default.createElement(_inputItem.default, {
+        type: "text",
+        className: "mobile-dtable-ui-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: "mobile-dtable-ui-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: "mobile-dtable-ui-geolocation-map-editor-map"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "w-100 h-100",
+        ref: ref => this.ref = ref,
+        id: "mobile-dtable-ui-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());
+    };
+    const {
+      value: _value,
+      config,
+      column
+    } = props;
+    const oldValue = _value || {};
+    const {
+      mapType,
+      mapKey
+    } = (0, _mapEditorUtils.getMapInfo)(config);
+    this.mapType = mapType;
+    this.mapKey = mapKey;
+    const mode = getInputMode(column);
+    this.canSelectPosition = mode === _mapEditorUtils.INPUT_MODE_MAP.ANY_LOCATION;
+    const initValue = getInitValue(_value);
+    this.map = null;
+    this.state = {
+      isLoading: true,
+      value: oldValue,
+      inputValue: initValue.title || initValue.address || '',
+      isShowSearchView: false,
+      isShowLabel: false,
+      searchResults: [],
+      selectedSelection: {}
+    };
+  }
+  componentDidMount() {
+    if (this.mapType !== _mapEditorUtils.MAP_TYPES.B_MAP) {
+      this.setState({
+        isLoading: false
+      });
+      return;
+    }
+    if (!window.BMap) {
+      window.renderBaiduMap = () => this.renderBaiduMap();
+      (0, _mapEditorUtils.loadMapSource)(this.mapType, this.mapKey);
+      return;
+    }
+    this.renderBaiduMap();
+  }
+  componentWillUnmount() {
+    let center = {};
+    if (!this.map) return;
+    center.zoom = this.map.getZoom();
+    const coordinate = this.map.getCenter();
+    center.lng = coordinate.lng;
+    center.lat = coordinate.lat;
+    this.mineMapMarker = null;
+    localStorage.setItem('geolocation-map-center', JSON.stringify(center));
+    this.map = null;
+  }
+  render() {
+    const {
+      column
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+      className: "mobile-dtable-ui-geolocation-map-selection-editor",
+      onLeftClick: this.onClose,
+      onClose: 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(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMap()));
+  }
+}
+var _default = exports.default = MapSelectionEditor;

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

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _picker = _interopRequireDefault(require("antd-mobile/lib/picker"));
+var _list = _interopRequireDefault(require("antd-mobile/lib/list"));
+var _react = _interopRequireWildcard(require("react"));
+var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
+var _lang = require("../../lang");
+const ProvinceCityEditor = _ref => {
+  let {
+    column,
+    value: oldValue,
+    getData,
+    onToggle,
+    onCommit
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)([(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '', (oldValue === null || oldValue === void 0 ? void 0 : oldValue.city) || '']);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
+  const locations = (0, _react.useRef)([]);
+  (0, _react.useEffect)(() => {
+    getData().then(data => {
+      locations.current = data;
+      setLoading(false);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onValueChange = (0, _react.useCallback)(newValue => {
+    if (value === newValue) return;
+    setValue(newValue);
+  }, [value]);
+  const onSubmit = (0, _react.useCallback)(() => {
+    if (value[0] !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || value[1] !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.city)) {
+      onCommit({
+        province: value[0],
+        city: value[1]
+      });
+    }
+    onToggle();
+  }, [value, oldValue, onCommit, onToggle]);
+  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    onLeftClick: onToggle,
+    onRightClick: onSubmit,
+    onToggle: onToggle
+  }, /*#__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(_react.default.Fragment, null, (0, _lang.getLocale)('Submit')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "mobile-dtable-ui-row-expand-subtitle"
+  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Address_information'))), /*#__PURE__*/_react.default.createElement(_picker.default, {
+    className: "mobile-dtable-ui-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')))));
+};
+var _default = exports.default = ProvinceCityEditor;

package/lib/GeolocationEditor/sm/province-editor.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _picker = _interopRequireDefault(require("antd-mobile/lib/picker"));
+var _list = _interopRequireDefault(require("antd-mobile/lib/list"));
+var _react = _interopRequireWildcard(require("react"));
+var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
+var _lang = require("../../lang");
+const ProvinceEditor = _ref => {
+  let {
+    column,
+    value: oldValue,
+    getData,
+    onToggle,
+    onCommit
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)([(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '']);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
+  const locations = (0, _react.useRef)([]);
+  (0, _react.useEffect)(() => {
+    getData().then(data => {
+      locations.current = data;
+      setLoading(false);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onValueChange = (0, _react.useCallback)(newValue => {
+    if (value[0] === newValue[0]) return;
+    setValue(newValue);
+  }, [value]);
+  const onSubmit = (0, _react.useCallback)(() => {
+    if (value[0] !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.province)) {
+      onCommit({
+        province: value[0]
+      });
+    }
+    onToggle();
+  }, [value, oldValue, onCommit, onToggle]);
+  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    onLeftClick: onToggle,
+    onRightClick: onSubmit,
+    onClose: onToggle
+  }, /*#__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(_react.default.Fragment, null, (0, _lang.getLocale)('Submit')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "mobile-dtable-ui-row-expand-subtitle"
+  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Address_information'))), /*#__PURE__*/_react.default.createElement(_picker.default, {
+    className: "mobile-dtable-ui-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: 1
+  }, /*#__PURE__*/_react.default.createElement(_list.default.Item, {
+    arrow: "horizontal"
+  }, value[0] || (0, _lang.getLocale)('Select_location')))));
+};
+var _default = exports.default = ProvinceEditor;

package/lib/ImageEditor/images-previewer/image-preview/index.js

@@ -122,7 +122,7 @@ class ImagePreviewer extends _react.default.Component {
       imageItemUrl
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: window.isMobile ? {
+      style: _constants.isMobile ? {
         width: this.containerSize,
         height: this.containerSize
       } : {},
@@ -134,7 +134,7 @@ class ImagePreviewer extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement("img", {
       src: this.state.imageThumbnailUrl,
       alt: ""
-    }), enterImageItemIndex === itemIndex && this.renderImageIcons()), enterImageItemIndex === itemIndex && /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
+    }), enterImageItemIndex === itemIndex && this.renderImageIcons()), !_constants.isMobile && enterImageItemIndex === itemIndex && /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
       placement: "bottom",
       isOpen: this.state.isTooltipOpen,
       toggle: this.toggle,