dtable-ui-component 7.0.14 → 7.0.16

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

@@ -24,12 +24,14 @@ class PCDigitalSignEditor extends _react.Component {
     super(props);
     this.setPosition = () => {
       if (!this.editor) return;
-      const _this$editor$parentNo = this.editor.parentNode,
-        offsetLeft = _this$editor$parentNo.offsetLeft,
-        offsetTop = _this$editor$parentNo.offsetTop;
-      const _this$editor = this.editor,
-        editorWidth = _this$editor.offsetWidth,
-        editorHeight = _this$editor.offsetHeight;
+      const {
+        offsetLeft,
+        offsetTop
+      } = this.editor.parentNode;
+      const {
+        offsetWidth: editorWidth,
+        offsetHeight: editorHeight
+      } = this.editor;
       let editorLeft = offsetLeft - editorWidth;
       let editorTop = offsetTop;
       if (this.props.isInModal) {
@@ -111,11 +113,14 @@ class PCDigitalSignEditor extends _react.Component {
       editorPosition: {},
       saving: false
     };
-    const uploadFile = props.uploadFile,
-      config = props.config,
-      value = props.value;
-    const _ref = config || {},
-      username = _ref.username;
+    const {
+      uploadFile,
+      config,
+      value
+    } = props;
+    const {
+      username
+    } = config || {};
     this.value = value || {};
     this.digitalService = new _service.default({
       uploadFile,
@@ -126,12 +131,14 @@ class PCDigitalSignEditor extends _react.Component {
     this.setPosition();
   }
   render() {
-    const _this$props = this.props,
-      value = _this$props.value,
-      config = _this$props.config;
-    const _this$state = this.state,
-      editorPosition = _this$state.editorPosition,
-      saving = _this$state.saving;
+    const {
+      value,
+      config
+    } = this.props;
+    const {
+      editorPosition,
+      saving
+    } = this.state;
     const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
       partUrl: _utils.default.getSignImageUrl(value)
     }));

package/lib/DigitalSignEditor/service.js

@@ -16,8 +16,10 @@ class DigitalService {
     this.username = props.username;
   }
   uploadSignImage(signBlob, _ref) {
-    let successCallback = _ref.successCallback,
-      failedCallback = _ref.failedCallback;
+    let {
+      successCallback,
+      failedCallback
+    } = _ref;
     if (!this.uploadFile) return;
     const name = "".concat(this.username, "-").concat(Date.now().toString(), ".png");
     const file = new File([signBlob], name, {

package/lib/DigitalSignEditor/signature-board/index.js

@@ -72,7 +72,9 @@ class SignatureBoard extends _react.Component {
       }
     };
     this.renderTips = () => {
-      const isEmpty = this.state.isEmpty;
+      const {
+        isEmpty
+      } = this.state;
       if (!isEmpty) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "signature-board-tips",
@@ -80,10 +82,11 @@ class SignatureBoard extends _react.Component {
       });
     };
     this.renderSignImage = () => {
-      const _this$state = this.state,
-        isEmpty = _this$state.isEmpty,
-        signImageUrl = _this$state.signImageUrl,
-        loadingSignImage = _this$state.loadingSignImage;
+      const {
+        isEmpty,
+        signImageUrl,
+        loadingSignImage
+      } = this.state;
       if (isEmpty || !signImageUrl) return null;
       let img = new Image();
       img.src = signImageUrl;

package/lib/DigitalSignEditor/utils.js

@@ -14,8 +14,10 @@ class DigitalSignUtils {
     return (0, _dtableUtils.getDigitalSignImageUrl)(sign);
   }
   static getUpdatedSign(_ref) {
-    let username = _ref.username,
-      sign_image_url = _ref.sign_image_url;
+    let {
+      username,
+      sign_image_url
+    } = _ref;
     const time = (0, _dayjs.default)().utc().format('YYYY-MM-DDTHH:mm:ss.SSSZ');
     return {
       username,

package/lib/DigitalSignFormatter/index.js

@@ -18,9 +18,10 @@ class DigitalSignFormatter extends _react.Component {
   constructor(props) {
     super(props);
     this.getSignImages = () => {
-      const _this$props = this.props,
-        value = _this$props.value,
-        config = _this$props.config;
+      const {
+        value,
+        config
+      } = this.props;
       return [(0, _utils.getDigitalSignImageUrl)(value, config)].filter(Boolean);
     };
     this.onClickSignImage = index => {
@@ -56,18 +57,20 @@ class DigitalSignFormatter extends _react.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      containerClassName = _this$props2.containerClassName,
-      readOnly = _this$props2.readOnly,
-      config = _this$props2.config,
-      isSample = _this$props2.isSample,
-      renderItem = _this$props2.renderItem;
+    const {
+      containerClassName,
+      readOnly,
+      config,
+      isSample,
+      renderItem
+    } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
     const signImages = this.getSignImages();
     if (signImages.length === 0) return null;
-    const _this$state = this.state,
-      isPreviewSignImage = _this$state.isPreviewSignImage,
-      largeSignImageIndex = _this$state.largeSignImageIndex;
+    const {
+      isPreviewSignImage,
+      largeSignImageIndex
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: className,

package/lib/DigitalSignFormatter/utils.js

@@ -9,10 +9,11 @@ const getDigitalSignImageUrl = (cellValue, config) => {
   const url = cellValue && cellValue.sign_image_url || '';
   if (!url) return '';
   if (!config) return url;
-  const _ref = config || {},
-    server = _ref.server,
-    workspaceID = _ref.workspaceID,
-    dtableUuid = _ref.dtableUuid;
+  const {
+    server,
+    workspaceID,
+    dtableUuid
+  } = config || {};
   if (server && (workspaceID || workspaceID === 0) && dtableUuid) {
     return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(url);
   }

package/lib/DurationEditor/index.js

@@ -23,10 +23,11 @@ class DurationEditor extends _react.default.Component {
       });
     };
     this.onKeyDown = event => {
-      let _event$currentTarget = event.currentTarget,
-        selectionStart = _event$currentTarget.selectionStart,
-        selectionEnd = _event$currentTarget.selectionEnd,
-        value = _event$currentTarget.value;
+      let {
+        selectionStart,
+        selectionEnd,
+        value
+      } = event.currentTarget;
       if (event.keyCode === _constants.KeyCodes.Enter) {
         event.preventDefault();
         this.onBlur();
@@ -36,7 +37,9 @@ class DurationEditor extends _react.default.Component {
       }
     };
     this.getValue = () => {
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       const newDuration = (0, _dtableUtils.formatDurationToNumber)(this.getInputNode().value, column.data);
       return newDuration;
     };
@@ -48,10 +51,11 @@ class DurationEditor extends _react.default.Component {
       return this.input.querySelector('input:not([type=hidden])');
     };
     this.onBlur = () => {
-      const _this$props = this.props,
-        isInModal = _this$props.isInModal,
-        onBlur = _this$props.onBlur,
-        onCommit = _this$props.onCommit;
+      const {
+        isInModal,
+        onBlur,
+        onCommit
+      } = this.props;
       isInModal ? onCommit(this.getValue()) : onBlur();
     };
     this.setInputRef = input => {
@@ -64,30 +68,36 @@ class DurationEditor extends _react.default.Component {
     this.onCut = e => {
       e.stopPropagation();
     };
-    let _value = props.value,
-      _column = props.column;
+    let {
+      value: _value,
+      column: _column
+    } = props;
     this.initValue = _value || _value === 0 ? (0, _dtableUtils.getDurationDisplayString)(_value, _column.data) : '';
     this.state = {
       value: this.initValue
     };
   }
   componentDidMount() {
-    const _this$props2 = this.props,
-      isInModal = _this$props2.isInModal,
-      autoFocus = _this$props2.autoFocus,
-      readOnly = _this$props2.readOnly;
+    const {
+      isInModal,
+      autoFocus,
+      readOnly
+    } = this.props;
     if (isInModal && autoFocus && !readOnly) {
       this.input.focus();
     }
   }
   render() {
-    const _this$props3 = this.props,
-      column = _this$props3.column,
-      isInModal = _this$props3.isInModal,
-      className = _this$props3.className,
-      readOnly = _this$props3.readOnly;
+    const {
+      column,
+      isInModal,
+      className,
+      readOnly
+    } = this.props;
     const data = column.data || {};
-    const duration_format = data.duration_format;
+    const {
+      duration_format
+    } = data;
     const style = isInModal ? {
       textAlign: 'left',
       width: '320px'

package/lib/DurationFormatter/index.js

@@ -12,10 +12,11 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DurationFormatter extends _react.default.Component {
   render() {
-    let _this$props = this.props,
-      value = _this$props.value,
-      containerClassName = _this$props.containerClassName,
-      format = _this$props.format;
+    let {
+      value,
+      containerClassName,
+      format
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container duration-formatter', containerClassName);
     const durationDisplayString = (0, _dtableUtils.getDurationDisplayString)(value, {
       duration_format: format

package/lib/EditEditorButton/index.js

@@ -10,7 +10,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class EditEditorButton extends _react.default.Component {
   render() {
-    const text = this.props.text;
+    const {
+      text
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-ui-editor-button",
       onClick: this.props.onClick,

package/lib/EmailFormatter/index.js

@@ -11,9 +11,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class EmailFormatter extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: value,

package/lib/FieldDisplaySetting/field-item.js

@@ -1,27 +1,25 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _DTableSwitch = _interopRequireDefault(require("../DTableSwitch"));
 var _DTableColumnIcon = _interopRequireDefault(require("../DTableColumnIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 function FieldItem(_ref) {
-  let field = _ref.field,
-    isCollapsed = _ref.isCollapsed,
-    onClickField = _ref.onClickField,
-    onMoveField = _ref.onMoveField;
+  let {
+    field,
+    isCollapsed,
+    onClickField,
+    onMoveField
+  } = _ref;
   let enteredCounter = 0;
   const fieldItemRef = (0, _react.useRef)(null);
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isItemDropTipShow = _useState2[0],
-    setDropTipShow = _useState2[1];
+  const [isItemDropTipShow, setDropTipShow] = (0, _react.useState)(false);
   const handleClickField = e => {
     e.nativeEvent.stopImmediatePropagation();
     const value = e.target.checked;
@@ -65,8 +63,10 @@ function FieldItem(_ref) {
     onMoveField(droppedColumnKey, field.key);
   };
   const placeholder = () => {
-    const type = field.type,
-      data = field.data;
+    const {
+      type,
+      data
+    } = field;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "field-switch",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableColumnIcon.default, {

package/lib/FieldDisplaySetting/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactTransitionGroup = require("react-transition-group");
@@ -18,17 +17,16 @@ const FIELD_ITEM_HEIGHT = 30;
 const BANNER_HEIGHT = 24;
 const DURATION = 300;
 function FieldDisplaySetting(_ref) {
-  let fields = _ref.fields,
-    textProperties = _ref.textProperties,
-    fieldAllShown = _ref.fieldAllShown,
-    onClickField = _ref.onClickField,
-    onMoveField = _ref.onMoveField,
-    onToggleFieldsVisibility = _ref.onToggleFieldsVisibility;
+  let {
+    fields,
+    textProperties,
+    fieldAllShown,
+    onClickField,
+    onMoveField,
+    onToggleFieldsVisibility
+  } = _ref;
   const nodeRef = (0, _react.useRef)(null);
-  const _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isCollapsed = _useState2[0],
-    setCollapsed = _useState2[1];
+  const [isCollapsed, setCollapsed] = (0, _react.useState)(true);
   const expandAllFields = () => {
     setCollapsed(!isCollapsed);
   };

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

@@ -16,7 +16,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const FilesPreviewer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
+  let {
+      isMobile
+    } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref

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

@@ -19,7 +19,9 @@ class FilePreviewer extends _react.default.Component {
       this.props.downloadFile(downloadUrl);
     };
     this.deleteFile = () => {
-      const fileItem = this.props.fileItem;
+      const {
+        fileItem
+      } = this.props;
       this.props.deleteFile(fileItem);
     };
     this.closeRenameFile = () => {
@@ -61,9 +63,11 @@ class FilePreviewer extends _react.default.Component {
       showOperationSheet: false
     };
     this.operations = [];
-    const renameFile = props.renameFile,
-      downloadFile = props.downloadFile,
-      deleteFile = props.deleteFile;
+    const {
+      renameFile,
+      downloadFile,
+      deleteFile
+    } = props;
     if (renameFile) {
       this.operations.push(_MobileOperationSheet.OPERATION_TYPE.RENAME);
     }
@@ -75,12 +79,16 @@ class FilePreviewer extends _react.default.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      fileItem = _this$props.fileItem,
-      config = _this$props.config;
-    const showOperationSheet = this.state.showOperationSheet;
-    const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(fileItem, config),
-      fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+    const {
+      fileItem,
+      config
+    } = this.props;
+    const {
+      showOperationSheet
+    } = this.state;
+    const {
+      fileIconUrl
+    } = (0, _url.getFileThumbnailInfo)(fileItem, config);
     const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../../utils/utils");
@@ -18,12 +17,13 @@ class MBFilesPreviewer extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.downloadImage = imageItemUrl => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       const file = value.find(v => v.url === imageItemUrl);
       if (!file) return;
       this.props.getDownLoadFiles([file], _ref => {
-        let _ref2 = (0, _slicedToArray2.default)(_ref, 1),
-          dFile = _ref2[0];
+        let [dFile] = _ref;
         dFile && (0, _utils.downloadFile)(dFile);
       });
     };
@@ -33,9 +33,10 @@ class MBFilesPreviewer extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      value = _this$props.value,
-      getDownLoadFiles = _this$props.getDownLoadFiles;
+    const {
+      value,
+      getDownLoadFiles
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-file-editor-previewer dtable-ui-mobile-file-editor-previewer', {
         'mt-0': value.length === 0

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/dropdown-menu.js

@@ -42,9 +42,10 @@ class FileDropdownMenu extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      onRenameFile = _this$props.onRenameFile,
-      onDeleteFile = _this$props.onDeleteFile;
+    const {
+      onRenameFile,
+      onDeleteFile
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Dropdown, {
       isOpen: this.state.isItemMenuShow,
       toggle: this.onDropdownToggleClick,

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/file-name-editor/index.js

@@ -31,11 +31,12 @@ class FileNameEditor extends _react.Component {
       }
     };
     this.onSave = () => {
-      const _this$props = this.props,
-        renameFile = _this$props.renameFile,
-        name = _this$props.name,
-        closeRenameFile = _this$props.closeRenameFile,
-        itemIndex = _this$props.itemIndex;
+      const {
+        renameFile,
+        name,
+        closeRenameFile,
+        itemIndex
+      } = this.props;
       let newName = this.state.fileName.trim();
       if (newName === name || newName === '') {
         closeRenameFile();

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

@@ -33,7 +33,9 @@ class FilePreviewer extends _react.default.Component {
       }
     };
     this.handleFileClick = () => {
-      let fileItem = this.props.fileItem;
+      let {
+        fileItem
+      } = this.props;
       let openFileUrl = fileItem.url;
       let assetFileIndex = openFileUrl.indexOf('/asset');
       if (assetFileIndex > -1 && (0, _url.imageCheck)(fileItem.name)) {
@@ -47,7 +49,9 @@ class FilePreviewer extends _react.default.Component {
       this.props.downloadFile(downloadUrl);
     };
     this.onSelectFile = () => {
-      const fileItem = this.props.fileItem;
+      const {
+        fileItem
+      } = this.props;
       this.props.onSelectFiles(fileItem.name);
     };
     this.closeRenameFile = () => {
@@ -77,18 +81,21 @@ class FilePreviewer extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      fileItem = _this$props.fileItem,
-      isItemFreezed = _this$props.isItemFreezed,
-      isSelectMultipleFiles = _this$props.isSelectMultipleFiles,
-      isSelected = _this$props.isSelected,
-      config = _this$props.config;
-    const _this$state = this.state,
-      isShowRename = _this$state.isShowRename,
-      isShowOperation = _this$state.isShowOperation,
-      highlight = _this$state.highlight;
-    const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(fileItem, config),
-      fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+    const {
+      fileItem,
+      isItemFreezed,
+      isSelectMultipleFiles,
+      isSelected,
+      config
+    } = this.props;
+    const {
+      isShowRename,
+      isShowOperation,
+      highlight
+    } = this.state;
+    const {
+      fileIconUrl
+    } = (0, _url.getFileThumbnailInfo)(fileItem, config);
     const errorMessage = '';
     const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {