dtable-ui-component 6.0.29-beta11 → 6.0.29-beta13

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

@@ -1,144 +0,0 @@
-"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 = _interopRequireWildcard(require("react"));
-var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
-var _signatureBoard = _interopRequireDefault(require("../signature-board"));
-var _service = _interopRequireDefault(require("../service"));
-var _utils = _interopRequireDefault(require("../utils"));
-var _url = require("../../utils/url");
-var _toaster = _interopRequireDefault(require("../../toaster"));
-var _lang = require("../../lang");
-var _utils2 = require("../../utils/utils");
-require("./index.css");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
-class MBDigitalSignEditor extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getValue = () => {
-      const updated = {
-        [this.props.column.key]: this.value
-      };
-      return updated;
-    };
-    this.onToggle = () => {
-      this.props.onCommitCancel();
-    };
-    this.onSave = () => {
-      if (!this.signatureBoard || this.state.saving) return;
-      if (!this.signatureBoard.checkHasChanged()) {
-        this.onToggle();
-        return;
-      }
-      this.signatureBoard.convert2BlobPNG(signBlob => {
-        if (!signBlob) {
-          if (!this.props.value) {
-            this.onToggle();
-            return;
-          }
-
-          // clear the old dtable-ui-digital-sign
-          this.value = null;
-          this.props.onCommit(this.value);
-          return;
-        }
-        this.setState({
-          saving: true
-        });
-        this.digitalService.uploadSignImage(signBlob, {
-          successCallback: signature => {
-            this.value = signature;
-            this.setState({
-              saving: false
-            }, () => {
-              this.props.onCommit(this.value);
-            });
-          },
-          failedCallback: error => {
-            const errMsg = (0, _utils2.getErrorMsg)(error, true);
-            if (!error.response || error.response.status !== 403) {
-              _toaster.default.danger((0, _lang.getLocale)(errMsg));
-            }
-            this.setState({
-              saving: false
-            });
-          }
-        });
-      });
-    };
-    this.clearSignature = () => {
-      this.signatureBoard.clear();
-    };
-    this.historyCallback = event => {
-      if (this.state.saving) return;
-      event.preventDefault();
-      this.onToggle();
-    };
-    this.state = {
-      saving: false
-    };
-    const {
-      uploadFile,
-      config,
-      value
-    } = props;
-    const {
-      username
-    } = config || {};
-    this.value = value || {};
-    this.digitalService = new _service.default({
-      uploadFile,
-      username
-    });
-    this.signatureBoard = null;
-  }
-  render() {
-    const {
-      value,
-      config,
-      column
-    } = this.props;
-    const {
-      saving
-    } = this.state;
-    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
-      ...config,
-      partUrl: _utils.default.getSignImageUrl(value)
-    });
-    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-      className: "dtable-ui dtable-ui-mobile-digital-sign-editor",
-      zIndex: 101,
-      historyCallback: this.historyCallback
-    }, /*#__PURE__*/_react.default.createElement(Header, {
-      onLeftClick: this.onToggle,
-      onRightClick: this.onSave
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), 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-digital-sign-panel position-relative"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-editor-operations position-absolute"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "btn-clear-dtable-ui-digital-sign",
-      onClick: this.clearSignature
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Re-sign')))), /*#__PURE__*/_react.default.createElement(_signatureBoard.default, {
-      ref: ref => this.signatureBoard = ref,
-      signImageUrl: signImageUrl
-    })), saving && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-panel-mask position-absolute"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-panel-mask-container"
-    }, (0, _lang.getLocale)('Saving...')))));
-  }
-}
-var _default = exports.default = MBDigitalSignEditor;

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

@@ -1,181 +0,0 @@
-"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 = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _DTableCustomFooter = _interopRequireDefault(require("../../DTableCustomFooter"));
-var _signatureBoard = _interopRequireDefault(require("../signature-board"));
-var _service = _interopRequireDefault(require("../service"));
-var _utils = _interopRequireDefault(require("../utils"));
-var _url = require("../../utils/url");
-var _toaster = _interopRequireDefault(require("../../toaster"));
-var _lang = require("../../lang");
-var _utils2 = require("../../utils/utils");
-require("./index.css");
-class PCDigitalSignEditor extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.setPosition = () => {
-      if (!this.editor) return;
-      const {
-        offsetLeft,
-        offsetTop
-      } = this.editor.parentNode;
-      const {
-        offsetWidth: editorWidth,
-        offsetHeight: editorHeight
-      } = this.editor;
-      let editorLeft = offsetLeft - editorWidth;
-      let editorTop = offsetTop;
-      if (this.props.isInModal) {
-        const innerHeight = window.innerHeight;
-        const offsetTop = this.editor.parentNode.getBoundingClientRect().y;
-        editorTop = offsetTop;
-        editorTop = editorHeight + editorTop > innerHeight ? innerHeight - editorHeight - 30 : editorTop;
-        editorLeft = -30;
-      } else {
-        if (offsetLeft < editorWidth) {
-          editorLeft = offsetLeft + this.props.column.width;
-        }
-        if (editorLeft + editorWidth > window.innerWidth) {
-          editorLeft = window.innerWidth - editorWidth;
-        }
-        if (offsetTop + editorHeight > window.innerHeight) {
-          editorTop = window.innerHeight - editorHeight - 10;
-        }
-      }
-      this.setState({
-        editorPosition: {
-          top: editorTop,
-          left: editorLeft
-        }
-      });
-    };
-    this.getValue = () => {
-      const updated = {
-        [this.props.column.key]: this.value
-      };
-      return updated;
-    };
-    this.saveSignature = () => {
-      if (!this.signatureBoard || this.state.saving) return;
-      if (!this.signatureBoard.checkHasChanged()) {
-        this.props.onCommitCancel();
-        return;
-      }
-      this.signatureBoard.convert2BlobPNG(signBlob => {
-        if (!signBlob) {
-          if (!this.props.value) {
-            this.props.onCommitCancel();
-            return;
-          }
-
-          // clear the old dtable-ui-digital-sign
-          this.value = null;
-          this.props.onCommit(this.value);
-          return;
-        }
-        this.setState({
-          saving: true
-        });
-        this.digitalService.uploadSignImage(signBlob, {
-          successCallback: signature => {
-            this.value = signature;
-            this.setState({
-              saving: false
-            }, () => {
-              this.props.onCommit(this.value);
-            });
-          },
-          failedCallback: error => {
-            const errMsg = (0, _utils2.getErrorMsg)(error, true);
-            if (!error.response || error.response.status !== 403) {
-              _toaster.default.danger((0, _lang.getLocale)(errMsg));
-            }
-            this.setState({
-              saving: false
-            });
-          }
-        });
-      });
-    };
-    this.clearSignature = () => {
-      this.signatureBoard.clear();
-    };
-    this.state = {
-      editorPosition: {},
-      saving: false
-    };
-    const {
-      uploadFile,
-      config,
-      value
-    } = props;
-    const {
-      username
-    } = config || {};
-    this.value = value || {};
-    this.digitalService = new _service.default({
-      uploadFile,
-      username
-    });
-  }
-  componentDidMount() {
-    this.setPosition();
-  }
-  render() {
-    const {
-      value,
-      config
-    } = this.props;
-    const {
-      editorPosition,
-      saving
-    } = this.state;
-    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
-      ...config,
-      partUrl: _utils.default.getSignImageUrl(value)
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-editor-container",
-      ref: ref => this.editor = ref,
-      style: {
-        ...editorPosition,
-        zIndex: 1000
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-editor-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-editor-logo"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-handwritten-signature"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "ml-2 dtable-ui-digital-sign-editor-title"
-    }, (0, _lang.getLocale)('Digital_signature'))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-editor-operations"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "btn-clear-dtable-ui-digital-sign",
-      onClick: this.clearSignature
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-clear-format"
-    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Re-sign'))))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-panel"
-    }, /*#__PURE__*/_react.default.createElement(_signatureBoard.default, {
-      ref: ref => this.signatureBoard = ref,
-      signImageUrl: signImageUrl
-    })), /*#__PURE__*/_react.default.createElement(_DTableCustomFooter.default, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      onClick: this.props.onCommitCancel,
-      color: "secondary"
-    }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      onClick: this.saveSignature,
-      color: "primary",
-      disabled: saving
-    }, (0, _lang.getLocale)(saving ? 'Saving' : 'Save'))));
-  }
-}
-var _default = exports.default = PCDigitalSignEditor;

package/lib/FileEditor/files-previewer/mb-previewer/file-previewer/index.js

@@ -1,122 +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 _react = _interopRequireDefault(require("react"));
-var _utils = require("../../../utils");
-var _url = require("../../../../utils/url");
-var _MobileOperationSheet = _interopRequireWildcard(require("../../../../MobileOperationSheet"));
-class FilePreviewer extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.downloadFile = () => {
-      const downloadUrl = this.props.fileItem.url;
-      this.props.downloadFile(downloadUrl);
-    };
-    this.deleteFile = () => {
-      const {
-        fileItem
-      } = this.props;
-      this.props.deleteFile(fileItem);
-    };
-    this.closeRenameFile = () => {
-      this.setState({
-        isShowRename: false
-      });
-    };
-    this.openRenameFile = () => {
-      this.setState({
-        isShowRename: true
-      });
-    };
-    this.openOperationSheet = () => {
-      this.setState({
-        showOperationSheet: true
-      });
-    };
-    this.closeOperationSheet = () => {
-      this.setState({
-        showOperationSheet: false
-      });
-    };
-    this.onOperationChange = operation => {
-      if (operation === _MobileOperationSheet.OPERATION_TYPE.RENAME) {
-        this.openRenameFile();
-        return;
-      }
-      if (operation === _MobileOperationSheet.OPERATION_TYPE.DOWNLOAD) {
-        this.downloadFile();
-        return;
-      }
-      if (operation === _MobileOperationSheet.OPERATION_TYPE.DELETE) {
-        this.deleteFile();
-        return;
-      }
-    };
-    this.state = {
-      isShowRename: false,
-      showOperationSheet: false
-    };
-    this.operations = [];
-    const {
-      renameFile,
-      downloadFile,
-      deleteFile
-    } = props;
-    if (renameFile) {
-      this.operations.push(_MobileOperationSheet.OPERATION_TYPE.RENAME);
-    }
-    if (downloadFile) {
-      this.operations.push(_MobileOperationSheet.OPERATION_TYPE.DOWNLOAD);
-    }
-    if (deleteFile) {
-      this.operations.push(_MobileOperationSheet.OPERATION_TYPE.DELETE);
-    }
-  }
-  render() {
-    const {
-      fileItem,
-      config
-    } = this.props;
-    const {
-      showOperationSheet
-    } = this.state;
-    const {
-      fileIconUrl
-    } = (0, _url.getFileThumbnailInfo)(fileItem, config);
-    const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-icon"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      alt: "",
-      src: fileIconUrl
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-info"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : '')
-    }, /*#__PURE__*/_react.default.createElement("span", null, fileItem.name)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-preview-item-detail d-flex"
-    }, uploadTime && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-upload-time"
-    }, "".concat(uploadTime, ", ")), fileItem.size > -1 && /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.bytesToSize)(fileItem.size))))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-operation",
-      onClick: this.openOperationSheet
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-level"
-    }))), showOperationSheet && /*#__PURE__*/_react.default.createElement(_MobileOperationSheet.default, {
-      operations: this.operations,
-      onChange: this.onOperationChange,
-      onClose: this.closeOperationSheet
-    }));
-  }
-}
-var _default = exports.default = FilePreviewer;

package/lib/FileEditor/files-previewer/mb-previewer/index.css

@@ -1,39 +0,0 @@
-@import url('../pc-previewer/file-previewer/index.css');
-
-.dtable-ui-file-editor-previewer.dtable-ui-mobile-file-editor-previewer {
-  margin-top: 20px;
-  width: 100%;
-}
-
-.dtable-ui-file-editor-previewer.dtable-ui-mobile-file-editor-previewer .dtable-ui-file-editor-previewer-wrapper {
-  width: 100%;
-  background-color: #fff;
-  height: fit-content;
-  border-top: 1px solid rgb(233, 233, 233);
-  border-bottom: 1px solid rgb(233, 233, 233);
-}
-
-.dtable-ui-file-editor-previewer.dtable-ui-mobile-file-editor-previewer .dtable-ui-file-editor-previewer-wrapper .dtable-ui-file-editor-previewer-content {
-  margin-top: 0px;
-  height: fit-content;
-}
-
-.dtable-ui-file-editor-previewer.dtable-ui-mobile-file-editor-previewer .dtable-ui-file-editor-previewer-wrapper .dtable-ui-file-editor-previewer-content:after {
-  display: none;
-}
-
-.dtable-ui-file-editor-previewer.dtable-ui-mobile-file-editor-previewer .dtable-ui-file-editor-previewer-content .dtable-ui-file-editor-previewer-box {
-  height: 64px;
-  width: calc(100% - 16px);
-  border-bottom: 1px solid #e9e9e9;
-  padding: 0.5rem 1rem 0.5rem 0;
-  margin-left: 16px;
-}
-
-.dtable-ui-file-editor-previewer.dtable-ui-mobile-file-editor-previewer .dtable-ui-file-editor-previewer-content .dtable-ui-file-editor-previewer-box:last-child {
-  border-bottom: none;
-}
-
-.dtable-ui-mobile-file-editor-previewer .dtable-ui-file-editor-previewer-operation {
-  color: #666;
-}

package/lib/FileEditor/files-previewer/mb-previewer/index.js

@@ -1,64 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../utils/utils");
-var _lang = require("../../../lang");
-var _DTableCommonAddTool = _interopRequireDefault(require("../../../DTableCommonAddTool"));
-var _filePreviewer = _interopRequireDefault(require("./file-previewer"));
-require("./index.css");
-class MBFilesPreviewer extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.downloadImage = imageItemUrl => {
-      const {
-        value
-      } = this.props;
-      const file = value.find(v => v.url === imageItemUrl);
-      if (!file) return;
-      this.props.getDownLoadFiles([file], _ref => {
-        let [dFile] = _ref;
-        dFile && (0, _utils.downloadFile)(dFile);
-      });
-    };
-    this.togglePreviewer = () => {
-      this.props.togglePreviewer();
-      this.props.resetFileValue();
-    };
-  }
-  render() {
-    const {
-      value,
-      getDownLoadFiles
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-file-editor-previewer dtable-ui-mobile-file-editor-previewer', {
-        'mt-0': value.length === 0
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-file-editor-previewer-wrapper', {
-        'd-one': value.length === 0
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-content"
-    }, value.length > 0 && value.map((fileItem, index) => {
-      return /*#__PURE__*/_react.default.createElement(_filePreviewer.default, {
-        key: fileItem.url,
-        fileItem: fileItem,
-        deleteFile: this.props.deleteFile,
-        renameFile: this.props.renameFile,
-        downloadFile: getDownLoadFiles ? this.downloadImage : null
-      });
-    }))), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      className: "dtable-ui-file-editor-previewer-add-btn",
-      callBack: this.togglePreviewer,
-      footerName: (0, _lang.getLocale)('Add_files')
-    }));
-  }
-}
-var _default = exports.default = MBFilesPreviewer;