dtable-ui-component 5.3.1-beta → 5.3.1

package/lib/utils/utils.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.throttle = exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = exports.isMobile = exports.isMac = exports.isFunction = exports.getTrimmedString = exports.getEventClassName = exports.getErrorMsg = exports.downloadFiles = exports.downloadFile = exports.debounce = void 0;
-var _url = require("./url");
+exports.throttle = exports.isMac = exports.getEventClassName = exports.downloadFile = exports.debounce = void 0;
 const debounce = (fn, wait) => {
   let timeout = null;
   return function () {
@@ -31,7 +30,6 @@ const throttle = (func, delay) => {
   };
 };
 exports.throttle = throttle;
-const isMobile = exports.isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);
 const isMac = () => {
   const platform = navigator.platform;
   // eslint-disable-next-line eqeqeq
@@ -50,94 +48,9 @@ const downloadFile = downloadUrl => {
   document.body.appendChild(iframe);
 };
 exports.downloadFile = downloadFile;
-const downloadFiles = (downloadUrlList, config) => {
-  const downloadFrame = document.getElementById('dtableUiComponentDownloadFrame');
-  if (downloadFrame != null) {
-    document.body.removeChild(downloadFrame);
-  }
-  downloadUrlList.forEach((url, index) => {
-    if (!(0, _url.isInternalURL)(url, config) && (0, _url.imageCheck)(url.replace('?dl=1', ''))) {
-      window.open(url);
-    } else {
-      const path = url;
-      let timer1 = setTimeout(function (path) {
-        return function () {
-          let iframe = document.createElement('iframe');
-          iframe.setAttribute('id', 'dtableUiComponentDownloadFrame');
-          iframe.style.display = 'none';
-          iframe.src = path;
-          document.body.appendChild(iframe);
-          let timer2 = setTimeout(function () {
-            iframe.remove();
-            clearTimeout(timer2);
-          }, 5000);
-          clearTimeout(timer1);
-        };
-      }(path), 1000 * index);
-    }
-  });
-};
-exports.downloadFiles = downloadFiles;
 const getEventClassName = e => {
   // svg mouseEvent event.target.className is an object
   if (!e || !e.target) return '';
   return e.target.getAttribute('class') || '';
 };
-exports.getEventClassName = getEventClassName;
-const getTrimmedString = value => {
-  return typeof value === 'string' ? value.trim() : '';
-};
-exports.getTrimmedString = getTrimmedString;
-const isFunction = functionToCheck => {
-  const getType = {};
-  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
-exports.isFunction = isFunction;
-const isValidCellValue = value => {
-  if (value === undefined) return false;
-  if (value === null) return false;
-  if (value === '') return false;
-  if (JSON.stringify(value) === '{}') return false;
-  if (JSON.stringify(value) === '[]') return false;
-  return true;
-};
-exports.isValidCellValue = isValidCellValue;
-const isValidUrl = url => {
-  const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
-  return reg.test(url);
-};
-exports.isValidUrl = isValidUrl;
-const openUrlLink = url => {
-  let a = document.createElement('a');
-  document.body.appendChild(a);
-  a.href = url;
-  a.target = '_blank';
-  a.rel = 'noopener noreferrer';
-  a.click();
-  document.body.removeChild(a);
-};
-exports.openUrlLink = openUrlLink;
-const getErrorMsg = error => {
-  let errorMsg = '';
-  if (error.response) {
-    if (error.response.status === 403) {
-      errorMsg = 'Permission_denied';
-    } else if (error.response.data && error.response.data['error_msg']) {
-      errorMsg = error.response.data['error_msg'];
-    } else if (error.response.data && error.response.data['error_message']) {
-      errorMsg = error.response.data['error_message'];
-    } else {
-      errorMsg = 'Error';
-    }
-  } else {
-    if (typeof error === 'object' && error.name) {
-      errorMsg = error.name;
-    } else {
-      errorMsg = 'Please_check_the_network';
-    }
-    // eslint-disable-next-line
-    console.log(error);
-  }
-  return errorMsg;
-};
-exports.getErrorMsg = getErrorMsg;
+exports.getEventClassName = getEventClassName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "5.3.1beta",
+  "version": "5.3.1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "3.0.1",
@@ -9,7 +9,7 @@
     "antd-mobile": "2.3.1",
     "classnames": "2.3.2",
     "dayjs": "1.10.7",
-    "dtable-utils": "5.0.16",
+    "dtable-utils": "5.0.11",
     "is-hotkey": "0.2.0",
     "prop-types": "^15.8.1",
     "react": "17.0.2",
@@ -17,7 +17,6 @@
     "react-responsive": "9.0.2",
     "react-color": "2.19.3",
     "react-select": "5.7.0",
-    "react-sweet-progress": "^1.1.2",
     "react-transition-group": "^4.4.1",
     "reactstrap": "8.9.0"
   },

package/lib/CollaboratorEditor/pc-collaborator-editor/index.js

@@ -1,257 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _lang = require("../../lang");
-var _CollaboratorItem = _interopRequireDefault(require("../../CollaboratorItem"));
-var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
-var _constants = require("../../constants");
-var _objectUtils = _interopRequireDefault(require("../../utils/object-utils"));
-require("./index.css");
-class PCCollaboratorEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onValueChanged = newSearchValue => {
-      if (newSearchValue === this.state.searchValue) return;
-      const {
-        collaborators
-      } = this.props;
-      this.filteredCollaborators = (0, _dtableUtils.searchCollaborators)(collaborators, newSearchValue);
-      this.setState({
-        highlightIndex: this.filteredCollaborators.length > 0 ? 0 : -1,
-        searchValue: newSearchValue
-      });
-    };
-    this.onCollaboratorClick = collaborator => {
-      this.props.onCommit(collaborator);
-    };
-    this.getFilterCollaborator = () => {
-      const {
-        collaborators
-      } = this.props;
-      const searchValue = this.state.searchValue.toLowerCase();
-      if (!searchValue) return collaborators;
-      return (0, _dtableUtils.searchCollaborators)(collaborators, searchValue);
-    };
-    this.getMaxItemNum = () => {
-      let collaboratorContainerStyle = getComputedStyle(this.container, null);
-      let collaboratorItemStyle = getComputedStyle(this.collaboratorItem, null);
-      let maxContainerItemNum = Math.floor(parseInt(collaboratorContainerStyle.maxHeight) / parseInt(collaboratorItemStyle.height));
-      return maxContainerItemNum - 1;
-    };
-    this.onHotKey = e => {
-      if (e.keyCode === _constants.KeyCodes.Enter) {
-        this.onEnter(e);
-      } else if (e.keyCode === _constants.KeyCodes.UpArrow) {
-        this.onUpArrow(e);
-      } else if (e.keyCode === _constants.KeyCodes.DownArrow) {
-        this.onDownArrow(e);
-      } else if (e.keyCode === _constants.KeyCodes.Escape) {
-        this.onEsc(e);
-      } else if (e.keyCode === _constants.KeyCodes.Tab) {
-        if (this.props.onPressTab) {
-          this.props.onPressTab(e);
-        }
-      }
-    };
-    this.onEnter = e => {
-      e.preventDefault();
-      let collaborator;
-      if (this.filteredCollaborators.length === 1) {
-        collaborator = this.filteredCollaborators[0];
-      } else if (this.state.highlightIndex > -1) {
-        collaborator = this.filteredCollaborators[this.state.highlightIndex];
-      }
-      if (collaborator) {
-        this.onCollaboratorClick(collaborator);
-      }
-    };
-    this.onUpArrow = e => {
-      e.preventDefault();
-      e.stopPropagation();
-      let {
-        highlightIndex,
-        maxItemNum,
-        itemHeight
-      } = this.state;
-      if (highlightIndex > 0) {
-        this.setState({
-          highlightIndex: highlightIndex - 1
-        }, () => {
-          if (highlightIndex < this.filteredCollaborators.length - maxItemNum) {
-            this.container.scrollTop -= itemHeight;
-          }
-        });
-      } else {
-        this.setState({
-          highlightIndex: this.filteredCollaborators.length - 1
-        }, () => {
-          this.container.scrollTop = this.container.scrollHeight;
-        });
-      }
-    };
-    this.onDownArrow = e => {
-      e.preventDefault();
-      e.stopPropagation();
-      let {
-        highlightIndex,
-        maxItemNum,
-        itemHeight
-      } = this.state;
-      if (highlightIndex < this.filteredCollaborators.length - 1) {
-        this.setState({
-          highlightIndex: highlightIndex + 1
-        }, () => {
-          if (highlightIndex >= maxItemNum) {
-            this.container.scrollTop += itemHeight;
-          }
-        });
-      } else {
-        this.setState({
-          highlightIndex: 0
-        }, () => {
-          this.container.scrollTop = 0;
-        });
-      }
-    };
-    this.onEsc = e => {
-      e.preventDefault();
-      e.stopPropagation();
-      const {
-        isInModal,
-        value,
-        onCommitCancel,
-        onClose
-      } = this.props;
-      if (isInModal) {
-        onClose && onClose();
-        return;
-      }
-      if (_objectUtils.default.isSameObject({
-        'value': this.state.value
-      }, {
-        value
-      })) {
-        onCommitCancel && onCommitCancel();
-        return;
-      }
-      this.onCommit();
-    };
-    this.onCommit = () => {
-      const value = this.getValue();
-      this.props.onCommit(value);
-    };
-    this.getValue = () => {
-      return this.state.value;
-    };
-    this.onKeyDown = e => {
-      if (e.keyCode === _constants.KeyCodes.LeftArrow || e.keyCode === _constants.KeyCodes.RightArrow) {
-        e.stopPropagation();
-      }
-    };
-    this.state = {
-      searchValue: '',
-      highlightIndex: -1,
-      maxItemNum: 0,
-      itemHeight: 0
-    };
-    this.filteredCollaborators = props.collaborators || [];
-  }
-  componentDidMount() {
-    if (this.props.isInModal && this.parent) {
-      if (this.parent.getBoundingClientRect().top > 330) {
-        this.ref.style.top = '-200px';
-      }
-    }
-    if (!this.props.isInModal && this.ref) {
-      const {
-        bottom
-      } = this.ref.getBoundingClientRect();
-      if (bottom > window.innerHeight) {
-        this.ref.style.top = "".concat(window.innerHeight - bottom, "px");
-      }
-    }
-    if (this.container && this.collaboratorItem) {
-      this.setState({
-        maxItemNum: this.getMaxItemNum(),
-        itemHeight: parseInt(getComputedStyle(this.collaboratorItem, null).height)
-      });
-    }
-    document.addEventListener('keydown', this.onHotKey, true);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.isInModal && nextProps.value !== this.state.value && Array.isArray(nextProps.value)) {
-      this.setState({
-        value: nextProps.value
-      });
-    }
-  }
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.onHotKey, true);
-  }
-  render() {
-    const {
-      searchValue,
-      highlightIndex
-    } = this.state;
-    const {
-      isInModal,
-      value = [],
-      target
-    } = this.props;
-    const dom = /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-editor-container dtable-ui-collaborator-editor-container",
-      ref: ref => this.ref = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "collaborator-search-container"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
-      autoFocus: true,
-      placeholder: (0, _lang.getLocale)('Search_collaborator'),
-      value: searchValue,
-      onChange: this.onValueChanged,
-      onKeyDown: this.onKeyDown
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "collaborator-list-container",
-      ref: ref => this.container = ref
-    }, this.filteredCollaborators.length > 0 && this.filteredCollaborators.map((collaborator, index) => {
-      const isSelected = value.includes(collaborator.email);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: collaborator.email,
-        className: (0, _classnames.default)('collaborator-item-container', {
-          'collaborator-item-container-highlight': index === highlightIndex
-        }),
-        ref: ref => this.collaboratorItem = ref,
-        onClick: this.onCollaboratorClick.bind(this, collaborator)
-      }, /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-        collaborator: collaborator
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "collaborator-checked"
-      }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-mark"
-      })));
-    }), this.filteredCollaborators.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-editor-no-search-result"
-    }, (0, _lang.getLocale)('No_collaborators_available'))));
-    if (isInModal) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: ref => this.parent = ref
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
-        placement: "bottom-start",
-        isOpen: true,
-        target: target,
-        hideArrow: true,
-        fade: false,
-        className: "dtable-ui-row-expand-select-editor-popover"
-      }, dom));
-    }
-    return dom;
-  }
-}
-var _default = exports.default = PCCollaboratorEditor;

package/lib/DeleteTip/index.js

@@ -1,50 +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 _ClickOutside = _interopRequireDefault(require("../ClickOutside"));
-var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
-var _lang = require("../lang");
-class DeleteTip extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.handleOutsideClick = e => {
-      if (this.tipContainer && !this.tipContainer.contains(e.target)) {
-        this.props.toggle();
-      }
-    };
-  }
-  render() {
-    const {
-      toggle,
-      deleteImage,
-      position,
-      deleteTip
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
-      onClickOutside: this.handleOutsideClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: node => this.tipContainer = node,
-      className: "dtable-tip tip-container",
-      style: {
-        top: position.top,
-        left: position.left
-      }
-    }, /*#__PURE__*/_react.default.createElement("b", {
-      className: "mb-4"
-    }, deleteTip), /*#__PURE__*/_react.default.createElement("div", {
-      className: "d-flex justify-content-end"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "btn btn-secondary mr-2",
-      onClick: toggle
-    }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement("button", {
-      className: "btn btn-primary",
-      onClick: deleteImage
-    }, (0, _lang.getLocale)('Delete'))))));
-  }
-}
-var _default = exports.default = DeleteTip;

package/lib/DigitalSignEditor/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DIGITAL_SIGNS_FOLDER = void 0;
-const DIGITAL_SIGNS_FOLDER = exports.DIGITAL_SIGNS_FOLDER = 'digital-signs';

package/lib/DigitalSignEditor/index.css

@@ -1,69 +0,0 @@
-.dtable-ui-digital-sign-editor-container {
-  position: fixed;
-  width: 600px;
-  box-shadow: 0 0 5px #ccc;
-  border-radius: 4px;
-  background-color: #ffffff;
-  overflow: hidden;
-}
-
-.dtable-ui-digital-sign-editor-header {
-  height: 50px;
-  padding: 0 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid #ededed;
-}
-
-.dtable-ui-digital-sign-editor-header .dtable-font {
-  color: #aaa;
-}
-
-.dtable-ui-digital-sign-editor-logo {
-  display: flex;
-  align-items: center;
-}
-
-.dtable-ui-digital-sign-editor-operations {
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-  user-select: none;
-}
-
-.dtable-ui-digital-sign-editor-operations .btn-clear-dtable-ui-digital-sign {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 28px;
-  padding: 0 10px;
-  border-radius: 3px;
-  font-size: 14px;
-  line-height: 28px;
-  font-weight: 400;
-  border: 0;
-  color: #888;
-  background-color: #f0f0f0;
-}
-
-.dtable-ui-digital-sign-editor-operations .btn-clear-dtable-ui-digital-sign:hover {
-  color: #666;
-  background-color: #dbdbdb;
-  cursor: pointer;
-}
-
-.dtable-ui-digital-sign-editor-operations .dtable-icon-clear-format {
-  color: #888;
-  margin-right: 0.25rem;
-  font-size: 14px;
-}
-
-.dtable-ui-digital-sign-editor-operations .btn-clear-dtable-ui-digital-sign:hover .dtable-icon-clear-format {
-  color: #666;
-}
-
-.dtable-ui-digital-sign-editor-container .dtable-ui-digital-sign-panel {
-  position: relative;
-  height: 300px;
-}