dtable-ui-component 6.0.29-beta9 → 6.0.29

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

@@ -1,247 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").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 PCGeolocationEditor 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.onToggle && this.props.onToggle();
-    };
-    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,
-        getCountryData,
-        getLocationData
-      } = 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, {
-              getData: getCountryData,
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
-          {
-            return /*#__PURE__*/_react.default.createElement(_provinceEditor.default, Object.assign({}, props, {
-              onPressTab: this.props.onPressTab,
-              getData: getLocationData,
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
-          {
-            return /*#__PURE__*/_react.default.createElement(_provinceCityEditor.default, Object.assign({}, props, {
-              getData: getLocationData,
-              ref: ref => this.editor = ref
-            }));
-          }
-        case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
-          {
-            return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
-              getData: getLocationData,
-              ref: ref => this.editor = ref
-            }));
-          }
-        default:
-          {
-            return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
-              isShowDetails: true,
-              getData: getLocationData,
-              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() {
-    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());
-  }
-}
-var _default = exports.default = PCGeolocationEditor;

package/lib/ImageEditor/mb-editor/index.css

@@ -1,29 +0,0 @@
-.dtable-ui-mobile-image-editor .dtable-ui-image-previewer-container {
-  width: 100%;
-  margin-top: 20px;
-}
-
-.dtable-ui-mobile-image-editor .dtable-ui-image-previewer-container .dtable-ui-image-previewer-wrapper {
-  background-color: #fff;
-  width: 100%;
-  border-top: 1px solid rgb(233, 233, 233);
-  border-bottom: 1px solid rgb(233, 233, 233);
-  height: fit-content;
-}
-
-.dtable-ui-mobile-image-editor .dtable-ui-image-previewer-container .dtable-ui-image-previewer-box {
-  margin-right: 0;
-}
-
-.dtable-ui-mobile-image-editor .dtable-ui-image-previewer-container .dtable-ui-image-previewer-box:nth-child(even) {
-  margin-left: 15px;
-}
-
-.dtable-ui-mobile-image-editor .dtable-ui-image-previewer-container .add-item-btn {
-  margin-top: 20px;
-  border-bottom: 1px solid #dedede;
-}
-
-.dtable-ui-mobile-image-editor .dtable-ui-image-previewer-container .add-item-btn:hover {
-  background-color: #fff;
-}

package/lib/ImageEditor/mb-editor/index.js

@@ -1,136 +0,0 @@
-"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 _imagesPreviewer = _interopRequireDefault(require("../images-previewer"));
-var _MobileUpload = _interopRequireDefault(require("../../MobileUpload"));
-var _toaster = _interopRequireDefault(require("../../toaster"));
-var _utils = require("../../utils/utils");
-var _lang = require("../../lang");
-require("./index.css");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
-const MBImageEditor = _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 [uploadLocalImages, setUploadLocalImages] = (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 resetAdditionImage = (0, _react.useCallback)(() => {
-    setUploadLocalImages([]);
-  }, []);
-  const openEditor = (0, _react.useCallback)(() => {
-    setShowEditor(true);
-  }, []);
-  const closeEditor = (0, _react.useCallback)(() => {
-    setShowEditor(false);
-  }, []);
-  const deleteImage = (0, _react.useCallback)(index => {
-    const newValue = value.slice(0);
-    newValue.splice(index, 1);
-    setValue(newValue);
-    onCommit(newValue);
-  }, [value, onCommit]);
-  const onChange = (0, _react.useCallback)(() => {
-    const newValue = value.concat(uploadLocalImages);
-    setValue(newValue);
-    onCommit(newValue);
-    setShowEditor(false);
-  }, [value, uploadLocalImages, onCommit]);
-  const uploadImage = (0, _react.useCallback)(file => {
-    uploadFile(file).then(res => {
-      const fileInfo = res;
-      const newUploadLocalImages = uploadLocalImages.slice(0);
-      newUploadLocalImages.push(fileInfo.url);
-      setUploadLocalImages(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, uploadLocalImages]);
-  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, {
-    onClose: onToggle,
-    className: "dtable-ui-mobile-image-editor"
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle
-  }, /*#__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(Body, 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(_imagesPreviewer.default, {
-    value: value,
-    resetAdditionImage: resetAdditionImage,
-    togglePreviewer: openEditor,
-    closeEditor: closeEditor,
-    deleteImage: deleteImage
-  }), isShowEditor && /*#__PURE__*/_react.default.createElement(_MobileUpload.default, {
-    type: "image",
-    onClose: closeEditor,
-    onChange: onFilesChange
-  }), isUploading && /*#__PURE__*/_react.default.createElement(_activityIndicator.default, {
-    toast: true,
-    text: (0, _lang.getLocale)('Images_are_uploading'),
-    animating: isUploading
-  }))));
-};
-var _default = exports.default = MBImageEditor;

package/lib/ImageEditor/pc-editor/images-previewer/index.js

@@ -1,140 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../../ImagePreviewerLightbox"));
-var _imagePreview = _interopRequireDefault(require("./image-preview"));
-var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
-var _utils = require("../../utils/utils");
-var _constants = require("../../constants");
-var _lang = require("../../lang");
-require("./index.css");
-class ImagesPreviewer extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.handleHistoryBack = e => {
-      if (this.state.isShowLargeImage) {
-        this.hideLargeImage();
-      } else if (this.props.closeEditor) {
-        this.props.closeEditor();
-      }
-    };
-    this.showLargeImage = itemUrl => {
-      let {
-        value
-      } = this.props;
-      this.setState({
-        isShowLargeImage: true,
-        largeImageIndex: value.indexOf(itemUrl)
-      });
-    };
-    this.hideLargeImage = () => {
-      this.setState({
-        isShowLargeImage: false,
-        largeImageIndex: ''
-      });
-    };
-    this.moveNext = () => {
-      let images = this.props.value;
-      this.setState(prevState => ({
-        largeImageIndex: (prevState.largeImageIndex + 1) % images.length
-      }));
-    };
-    this.movePrev = () => {
-      let images = this.props.value;
-      this.setState(prevState => ({
-        largeImageIndex: (prevState.largeImageIndex + images.length - 1) % images.length
-      }));
-    };
-    this.togglePreviewer = () => {
-      this.props.togglePreviewer(_constants.FILE_EDITOR_STATUS.ADDITION);
-      this.props.resetAdditionImage();
-    };
-    this.deleteImage = (index, type) => {
-      this.props.deleteImage(index, type);
-      const {
-        value
-      } = this.props;
-      if (index > value.length - 2) {
-        if (value.length - 2 < 0) {
-          this.hideLargeImage();
-        } else {
-          this.setState({
-            largeImageIndex: 0
-          });
-        }
-      }
-    };
-    this.downloadImage = imageItemUrl => {
-      let rotateIndex = imageItemUrl.indexOf('?a=');
-      if (rotateIndex > -1) {
-        imageItemUrl = imageItemUrl.slice(0, rotateIndex);
-      }
-      let imageUrlSuffix = imageItemUrl.indexOf('?dl=1');
-      let downloadUrl = imageUrlSuffix !== -1 ? imageItemUrl : imageItemUrl + '?dl=1';
-      (0, _utils.downloadFile)(downloadUrl);
-    };
-    this.setImageItemIndex = index => {
-      this.setState({
-        enterImageItemIndex: index
-      });
-    };
-    this.state = {
-      isShowLargeImage: false,
-      largeImageIndex: '',
-      enterImageItemIndex: -1
-    };
-  }
-  componentDidMount() {
-    if (_constants.isMobile) {
-      window.history.pushState(null, null, '#');
-      window.addEventListener('popstate', this.handleHistoryBack, false);
-    }
-  }
-  componentWillUnmount() {
-    if (_constants.isMobile) {
-      window.removeEventListener('popstate', this.handleHistoryBack, false);
-    }
-  }
-  render() {
-    let {
-      value
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-previewer-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-previewer-wrapper ".concat(value.length === 0 && _constants.isMobile ? 'd-none' : '')
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-previewer-content"
-    }, value.length > 0 && value.map((imageItemUrl, index) => {
-      return /*#__PURE__*/_react.default.createElement(_imagePreview.default, {
-        key: imageItemUrl + index,
-        imageItemUrl: imageItemUrl,
-        value: value,
-        itemIndex: index,
-        deleteImage: this.props.deleteImage,
-        showLargeImage: this.showLargeImage,
-        downloadImage: this.downloadImage,
-        enterImageItemIndex: this.state.enterImageItemIndex,
-        setImageItemIndex: this.setImageItemIndex
-      });
-    }))), this.state.isShowLargeImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: value,
-      imageIndex: this.state.largeImageIndex,
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: this.props.deleteImage ? this.deleteImage : null,
-      downloadImage: this.downloadImage,
-      onRotateImage: this.props.onRotateImage
-    }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      callBack: this.togglePreviewer,
-      footerName: (0, _lang.getLocale)('Add_images')
-    }));
-  }
-}
-var _default = exports.default = ImagesPreviewer;

package/lib/ImageEditor/pc-editor/index.css

@@ -1,24 +0,0 @@
-.dtable-ui-image-editor-dialog {
-  max-width: 620px;
-}
-
-.dtable-ui-image-editor-modal {
-  width: 620px;
-  max-height: 620px;
-  overflow: hidden;
-}
-
-.dtable-ui-image-editor-container {
-  width: 100%;
-  background-color: #fff;
-}
-
-.dtable-ui-image-addition-container {
-  display: flex;
-  flex-direction: row;
-}
-
-.dtable-ui-image-editor-dialog .dtable-icon-return {
-  color: #666666;
-  font-size: 14px;
-}