dtable-ui-component 6.0.25 → 6.0.26-beta

package/lib/FileEditor/sm/index.js

@@ -0,0 +1,131 @@
+"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 _activityIndicator = _interopRequireDefault(require("antd-mobile/lib/activity-indicator"));
+var _react = _interopRequireWildcard(require("react"));
+var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
+var _filesPreviewer = _interopRequireDefault(require("../files-previewer"));
+var _MobileUpload = _interopRequireDefault(require("../../MobileUpload"));
+var _toaster = _interopRequireDefault(require("../../toaster"));
+var _utils = require("../../utils/utils");
+var _lang = require("../../lang");
+require("./index.css");
+const Small = _ref => {
+  let {
+    value: oldValue,
+    column,
+    config,
+    onToggle,
+    onCommit,
+    uploadFile
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(oldValue || []);
+  const [isShowEditor, setShowEditor] = (0, _react.useState)(false);
+  const [uploadLocalFiles, setUploadLocalFiles] = (0, _react.useState)([]);
+  const [isUploading, setUploading] = (0, _react.useState)(false);
+  const uploadingFilesCount = (0, _react.useRef)(0);
+  const uploadedFilesCount = (0, _react.useRef)(0);
+  const {
+    mediaUrl
+  } = config || {};
+  const resetFileValue = (0, _react.useCallback)(() => {
+    setUploadLocalFiles([]);
+  }, []);
+  const openEditor = (0, _react.useCallback)(() => {
+    setShowEditor(true);
+  }, []);
+  const closeEditor = (0, _react.useCallback)(() => {
+    setShowEditor(false);
+  }, []);
+  const deleteFile = (0, _react.useCallback)(file => {
+    const newValue = value.slice(0);
+    const fileIndex = value.fileIndex(v => v.url === file.url);
+    newValue.splice(fileIndex, 1);
+    setValue(newValue);
+    onCommit(newValue);
+  }, [value, onCommit]);
+  const onChange = (0, _react.useCallback)(() => {
+    const newValue = value.concat(uploadLocalFiles);
+    setValue(newValue);
+    onCommit(newValue);
+    setShowEditor(false);
+  }, [value, uploadLocalFiles, onCommit]);
+  const uploadImage = (0, _react.useCallback)(file => {
+    uploadFile(file).then(res => {
+      const fileInfo = res;
+      const newUploadLocalImages = uploadLocalFiles.slice(0);
+      newUploadLocalImages.push(fileInfo);
+      setUploadLocalFiles(newUploadLocalImages);
+      uploadedFilesCount.current = uploadedFilesCount.current + 1;
+    }).catch(error => {
+      let errMsg = (0, _utils.getErrorMsg)(error, true);
+      if (!error.response || error.response.status !== 403) {
+        _toaster.default.danger((0, _lang.getLocale)(errMsg));
+      }
+      uploadedFilesCount.current = uploadedFilesCount.current + 1;
+    });
+  }, [uploadFile, uploadLocalFiles]);
+  const onFilesChange = (0, _react.useCallback)(function () {
+    let files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    setUploading(true);
+    uploadingFilesCount.current = files.length;
+    uploadedFilesCount.current = 0;
+    for (let i = 0; i < uploadingFilesCount.current; i++) {
+      const file = files[i];
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.addEventListener('load', () => {
+        uploadImage(file);
+      }, false);
+      reader.addEventListener('error', () => {
+        const message = (0, _lang.getLocale)('Image_loading_failed');
+        _toaster.default.warning(message);
+        uploadedFilesCount.current = uploadedFilesCount.current + 1;
+      }, false);
+    }
+  }, [uploadImage]);
+  (0, _react.useEffect)(() => {
+    if (uploadingFilesCount.current === uploadedFilesCount.current && uploadedFilesCount.current !== 0) {
+      uploadedFilesCount.current = 0;
+      uploadingFilesCount.current = 0;
+      onChange();
+      setUploading(false);
+    }
+  }, [uploadingFilesCount, uploadedFilesCount, onChange]);
+  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    onLeftClick: onToggle,
+    className: "mobile-dtable-ui-file-editor"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    "aria-hidden": "true",
+    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, (0, _utils.isIPhone)() && (0, _utils.isQQBuiltInBrowser)() ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "dtable-ui-file-open-external-browser"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "seatable-tip-danger"
+  }, '不支持 QQ 内置浏览器上传图片或者文件'), /*#__PURE__*/_react.default.createElement("div", {
+    className: "image-container"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: mediaUrl + 'img/qq-upload-tip.png',
+    alt: "Open browser tip"
+  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_filesPreviewer.default, {
+    value: value,
+    togglePreviewer: openEditor,
+    closeEditor: closeEditor,
+    deleteFile: deleteFile,
+    resetFileValue: resetFileValue
+  }), isShowEditor && /*#__PURE__*/_react.default.createElement(_MobileUpload.default, {
+    type: "file",
+    onClose: closeEditor,
+    onChange: onFilesChange
+  }), isUploading && /*#__PURE__*/_react.default.createElement(_activityIndicator.default, {
+    toast: true,
+    text: (0, _lang.getLocale)('Files_are_uploading'),
+    animating: isUploading
+  }))));
+};
+var _default = exports.default = Small;

package/lib/FileFormatter/index.js

@@ -9,47 +9,107 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
+var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
+var _url = require("../utils/url");
 require("./index.css");
-class FileFormatter extends _react.default.PureComponent {
-  render() {
-    let {
-      isSample,
-      value,
-      containerClassName,
-      renderItem
-    } = this.props;
-    if (!Array.isArray(value) || value.length === 0) {
-      return null;
+const FileFormatter = _ref => {
+  let {
+    isSample = false,
+    value = [],
+    containerClassName = '',
+    renderItem,
+    isSupportOpenFile = false,
+    server,
+    workspaceID,
+    dtableUuid
+  } = _ref;
+  const [largeImageIndex, setLargeImageIndex] = (0, _react.useState)(-1);
+  const [fileImageUrlList, setFileImageUrlList] = (0, _react.useState)([]);
+  const getFileItemImageUrlList = (0, _react.useCallback)(value => {
+    let newFileImageUrlList = [];
+    value.forEach(fileItem => {
+      const {
+        url,
+        name
+      } = fileItem;
+      let assetFileIndex = typeof url === 'string' ? url.indexOf('/asset') : -1;
+      if (assetFileIndex > -1) {
+        const isImage = (0, _url.imageCheck)(name);
+        if (isImage) {
+          newFileImageUrlList.push(url);
+        }
+      }
+    });
+    setFileImageUrlList(newFileImageUrlList);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!isSupportOpenFile) return;
+    getFileItemImageUrlList(value);
+  }, [value, getFileItemImageUrlList, isSupportOpenFile]);
+  const showLargeImage = (0, _react.useCallback)(imageIndex => {
+    setLargeImageIndex(imageIndex);
+  }, []);
+  const openFile = (0, _react.useCallback)(fileItem => {
+    if (!isSupportOpenFile) return;
+    let openFileUrl = fileItem.url;
+    const imageIndex = fileImageUrlList.indexOf(openFileUrl);
+    if (imageIndex > -1) {
+      showLargeImage(imageIndex);
+      return;
     }
-    let className = (0, _classnames.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
-    if (isSample) {
-      let item = value[0];
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: className
-      }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
-        file: item
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
-        className: "file-item-count"
-      }, "+".concat(value.length)));
+    let previewerUrl;
+    let assetFileIndex = openFileUrl.indexOf('/asset');
+    if (assetFileIndex > -1) {
+      previewerUrl = openFileUrl.replace('/asset', '/asset-preview');
+      window.open(previewerUrl, '_blank');
     }
+  }, [fileImageUrlList, isSupportOpenFile, showLargeImage]);
+  const moveNext = (0, _react.useCallback)(() => {
+    setLargeImageIndex(prevIndex => (prevIndex + 1) % fileImageUrlList.length);
+  }, [fileImageUrlList]);
+  const movePrev = (0, _react.useCallback)(() => {
+    setLargeImageIndex(prevIndex => (prevIndex + fileImageUrlList.length - 1) % fileImageUrlList.length);
+  }, [fileImageUrlList]);
+  const hideLargeImage = (0, _react.useCallback)(() => {
+    setLargeImageIndex(-1);
+  }, []);
+  const className = (0, _classnames.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
+  if (!Array.isArray(value) || value.length === 0) {
+    return null;
+  }
+  if (isSample) {
+    const item = value[0];
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className
-    }, value.map((item, index) => {
-      const dom = /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
-        file: item
-      });
-      if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index
-      }, renderItem(dom));
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index
-      }, dom);
-    }));
+    }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+      file: item
+    }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-count"
+    }, "+".concat(value.length)));
   }
-}
-exports.default = FileFormatter;
-FileFormatter.defaultProps = {
-  isSample: false,
-  value: [],
-  containerClassName: ''
-};
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, value.map((item, index) => {
+    const dom = /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+      openFile: openFile,
+      file: item
+    });
+    if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: index
+    }, renderItem(dom));
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: index
+    }, dom);
+  }), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
+    server: server,
+    workspaceID: workspaceID,
+    dtableUuid: dtableUuid,
+    readOnly: true,
+    imageItems: fileImageUrlList,
+    imageIndex: largeImageIndex,
+    closeImagePopup: hideLargeImage,
+    moveToPrevImage: movePrev,
+    moveToNextImage: moveNext
+  }));
+};
+var _default = exports.default = FileFormatter;

package/lib/FileItemFormatter/index.js

@@ -10,13 +10,15 @@ var _url = require("../utils/url");
 const FileItemFormatter = _ref => {
   let {
     file,
-    config
+    config,
+    openFile
   } = _ref;
   const {
     fileIconUrl,
     isImage
   } = (0, _url.getFileThumbnailInfo)(file, config);
   return /*#__PURE__*/_react.default.createElement("img", {
+    onClick: () => openFile && openFile(file),
     className: "file-item-icon ".concat(isImage ? 'img' : ''),
     src: fileIconUrl,
     alt: (file === null || file === void 0 ? void 0 : file.name) || ''

package/lib/FormulaFormatter/index.css

@@ -5,13 +5,13 @@
   margin-right: 10px;
 }
 
-.dtable-ui.dtable-row-expand-formatter .formula-formatter-content-item {
+.dtable-ui.dtable-ui-row-expand-formatter .formula-formatter-content-item {
   margin-top: 0.5rem;
   margin-bottom: 5px;
 }
 
-.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-url-link,
-.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-email-link {
+.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-url-link,
+.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-email-link {
   display: flex;
   align-items: center;
   font-size: 14px;
@@ -28,8 +28,8 @@
   box-shadow: 0 0 1px;
 }
 
-.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-email-link:hover,
-.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-url-link:hover {
+.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-email-link:hover,
+.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-url-link:hover {
   background: #f5f5f5;
   border: 1px solid #c9c9c9;
 }

package/lib/GeolocationEditor/index.js

@@ -1,240 +1,85 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _constants = require("../constants");
-var _objectUtils = _interopRequireDefault(require("../utils/object-utils"));
-var _locationEditor = _interopRequireDefault(require("./location-editor"));
-var _mapEditor = _interopRequireDefault(require("./map-editor"));
-var _mapSelectionEditor = _interopRequireDefault(require("./map-selection-editor"));
-var _countryEditor = _interopRequireDefault(require("./country-editor"));
-var _provinceEditor = _interopRequireDefault(require("./province-editor"));
-var _provinceCityEditor = _interopRequireDefault(require("./province-city-editor"));
-require("./index.css");
-class GeolocationEditor extends _react.default.Component {
-  constructor(_props) {
-    super(_props);
-    this.onHotKey = e => {
-      if (e.keyCode === _constants.KeyCodes.Enter && e.target.tagName !== 'TEXTAREA') {
-        this.onSubmit();
-      } else if (e.keyCode === _constants.KeyCodes.Escape) {
-        if (this.props.isInModal) {
-          e.stopPropagation();
-          this.onCancel();
-        }
-      }
-    };
-    this.getValue = () => {
-      return this.value;
-    };
-    this.setValue = value => {
-      this.value = value;
-    };
-    this.onSubmit = () => {
-      if (_objectUtils.default.isSameObject(this.initValue, this.value)) {
-        this.onCancel();
-        return;
-      }
-      this.props.onCommit(this.value);
-    };
-    this.onCancel = () => {
-      this.props.onCommitCancel && this.props.onCommitCancel();
-    };
-    this.setEditorPosition = () => {
-      const {
-        isInModal
-      } = this.props;
-      const editorFormat = this.getGeoFormat();
-      if (this.ref && (editorFormat === _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION || editorFormat === _dtableUtils.GEOLOCATION_FORMAT.PROVINCE)) {
-        let height = 240;
-        let width = 200;
-        let left = this.ref.parentNode.getBoundingClientRect().x;
-        let top = this.ref.parentNode.getBoundingClientRect().y;
-        if (isInModal) {
-          left = 220;
-        }
-        if (top + height > window.innerHeight) {
-          top = window.innerHeight - height - 35;
-        }
-        this.setState({
-          editorPosition: {
-            top,
-            left,
-            width,
-            zIndex: 1000,
-            position: 'fixed'
-          }
-        });
-        return;
-      }
-      if (this.ref && editorFormat === _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY) {
-        let height = 215;
-        let width = 400;
-        let left = this.ref.parentNode.getBoundingClientRect().x;
-        let top = this.ref.parentNode.getBoundingClientRect().y;
-        if (isInModal) {
-          left = 220;
-          if (top + height + 35 + 200 > window.innerHeight) {
-            top = window.innerHeight - height - 235;
-          }
-        } else {
-          if (top + height + 200 > window.innerHeight) {
-            top = window.innerHeight - height - 200 - 5;
-          }
-          if (left + width > window.innerWidth) {
-            left = window.innerWidth - width - 10;
-          }
-        }
-        this.setState({
-          editorPosition: {
-            top,
-            left,
-            width,
-            zIndex: 1000,
-            position: 'fixed'
-          }
-        });
-        return;
-      }
-      if (this.ref) {
-        const isMapTypeEditor = editorFormat === _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT || editorFormat === _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION;
-        let width = isMapTypeEditor ? 500 : 400;
-        let height = isMapTypeEditor ? 454 : 310;
-        let geoEditorTop = 0;
-        let geoEditorLeft = 0;
-        if (isInModal) {
-          let innerHeight = window.innerHeight;
-          const offsetTop = this.ref.parentNode.getBoundingClientRect().y;
-          geoEditorTop = offsetTop;
-          geoEditorTop = height + geoEditorTop > innerHeight ? innerHeight - height - 30 : geoEditorTop;
-          geoEditorLeft = -30;
-        } else {
-          let {
-            offsetLeft,
-            offsetTop
-          } = this.ref.parentNode;
-          geoEditorLeft = offsetLeft - width;
-          geoEditorTop = offsetTop;
-          if (offsetLeft < width) {
-            geoEditorLeft = offsetLeft + this.props.column.width;
-          }
-          if (geoEditorLeft + width > window.innerWidth) {
-            geoEditorLeft = window.innerWidth - width;
-          }
-          if (offsetTop + height > window.innerHeight) {
-            geoEditorTop = window.innerHeight - height;
-          }
-        }
-        this.setState({
-          editorPosition: {
-            top: geoEditorTop,
-            left: geoEditorLeft,
-            zIndex: 1000,
-            position: 'fixed'
-          }
-        });
-      }
-    };
-    this.getGeoFormat = () => {
-      const {
-        column
-      } = this.props;
-      let data = column.data || {};
-      return data.geo_format ? data.geo_format : _dtableUtils.DEFAULT_GEOLOCATION_FORMAT;
-    };
-    this.getLargeEditorState = () => {
-      var _this$editor, _this$editor$state;
-      return (_this$editor = this.editor) === null || _this$editor === void 0 ? void 0 : (_this$editor$state = _this$editor.state) === null || _this$editor$state === void 0 ? void 0 : _this$editor$state.isShowLargeEditor;
-    };
-    this.createEditor = () => {
-      const geoFormat = this.getGeoFormat();
-      const {
-        config,
-        column
-      } = this.props;
-      const props = {
-        column,
-        config,
-        value: this.value,
-        setValue: this.setValue,
-        onSubmit: this.onSubmit,
-        onCancel: this.onCancel
-      };
-      switch (geoFormat) {
-        case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
-          {
-            return /*#__PURE__*/_react.default.createElement(_mapEditor.default, Object.assign({}, props, {
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
-          {
-            return /*#__PURE__*/_react.default.createElement(_mapSelectionEditor.default, Object.assign({}, props, {
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
-          {
-            return /*#__PURE__*/_react.default.createElement(_countryEditor.default, Object.assign({}, props, {
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
-          {
-            return /*#__PURE__*/_react.default.createElement(_provinceEditor.default, Object.assign({}, props, {
-              onPressTab: this.props.onPressTab,
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
-          {
-            return /*#__PURE__*/_react.default.createElement(_provinceCityEditor.default, Object.assign({}, props, {
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
-          {
-            return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
-              ref: ref => this.editor = ref
-            }));
-          }
-        default:
-          {
-            return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
-              isShowAddressDetail: true,
-              ref: ref => this.editor = ref
-            }));
-          }
-      }
-    };
-    this.value = _props.value || {};
-    this.initValue = this.value;
-    this.state = {
-      editorPosition: null
-    };
-    this.editor = null;
-  }
-  componentDidMount() {
-    this.setEditorPosition();
-    document.addEventListener('keydown', this.onHotKey, true);
-  }
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.onHotKey, true);
-  }
-  render() {
+var _react = _interopRequireWildcard(require("react"));
+var _reactResponsive = _interopRequireDefault(require("react-responsive"));
+var _lg = _interopRequireDefault(require("./lg"));
+var _sm = _interopRequireDefault(require("./sm"));
+const GeolocationEditor = _ref => {
+  let {
+    size,
+    config: oldConfig,
+    ...props
+  } = _ref;
+  const config = (0, _react.useMemo)(() => ({
+    ...window.dtable,
+    ...oldConfig
+  }), [oldConfig]);
+  const getLocationData = (0, _react.useCallback)(() => {
+    var _window, _window$app;
+    if ((_window = window) !== null && _window !== void 0 && (_window$app = _window.app) !== null && _window$app !== void 0 && _window$app.location) return new Promise((resolve, reject) => {
+      resolve(window.app.location);
+    });
     const {
-      editorPosition
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.ref = ref,
-      style: editorPosition,
-      className: "dtable-ui-dtable-ui-geolocation-editor"
-    }, this.createEditor());
-  }
-}
+      mediaUrl
+    } = config || {};
+    return fetch("".concat(mediaUrl, "geo-data/cn-location.json")).then(res => {
+      // get locations from server
+      return res.json();
+    }).catch(() => {
+      // get locations from local
+      return fetch('./geo-data/cn-location.json').then(res => {
+        return res.json();
+      });
+    });
+  }, [config]);
+  const getCountryData = (0, _react.useCallback)(lang => {
+    if (lang === 'cn' && window.app.countryListCn) return new Promise((resolve, reject) => {
+      resolve(window.app.countryListCn);
+    });
+    if (lang !== 'cn' && window.app.countryListEn) return new Promise((resolve, reject) => {
+      resolve(window.app.countryListEn);
+    });
+    const {
+      mediaUrl
+    } = config;
+    const geoFileName = lang === 'cn' ? 'cn-region-location' : 'en-region-location';
+    return fetch("".concat(mediaUrl, "geo-data/").concat(geoFileName, ".json")).then(res => {
+      return res.json();
+    }).catch(() => {
+      // get locations from local
+      return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
+        return res.json();
+      });
+    }).then(res => {
+      const data = res || {};
+      if (lang === 'cn') {
+        window.app.countryListCn = data;
+      } else {
+        window.app.countryListEn = data;
+      }
+      return data;
+    });
+  }, [config]);
+  if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
+  if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(min-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
+    config: config,
+    getLocationData: getLocationData,
+    getCountryData: getCountryData
+  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(max-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
+    config: config,
+    getLocationData: getLocationData,
+    getCountryData: getCountryData
+  }))));
+};
 var _default = exports.default = GeolocationEditor;