dtable-ui-component 7.0.0-xia.1 → 7.0.0-xia.2

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

@@ -15,9 +15,7 @@ class PCDepartmentSingleSelectEditor extends _react.Component {
   constructor(props) {
     super(props);
     this.onCommit = value => {
-      const {
-        onCommit
-      } = this.props;
+      const onCommit = this.props.onCommit;
       this.setState({
         value
       }, () => {
@@ -29,12 +27,10 @@ class PCDepartmentSingleSelectEditor extends _react.Component {
       updated[this.props.column.key] = this.state.value;
       return updated;
     };
-    const {
-      column,
-      isInModal,
-      value: _value,
-      height
-    } = props;
+    const column = props.column,
+      isInModal = props.isInModal,
+      _value = props.value,
+      height = props.height;
     const editorWidth = column.width > 300 ? column.width : 300;
     const data = column.data || {};
     this.state = {
@@ -50,10 +46,9 @@ class PCDepartmentSingleSelectEditor extends _react.Component {
   componentDidMount() {
     if (this.isRowExpand) {
       let menuStyle = {};
-      const {
-        top,
-        left
-      } = this.outerRef.getBoundingClientRect();
+      const _this$outerRef$getBou = this.outerRef.getBoundingClientRect(),
+        top = _this$outerRef$getBou.top,
+        left = _this$outerRef$getBou.left;
       if (top > 330) {
         menuStyle.top = -200;
       }
@@ -66,12 +61,11 @@ class PCDepartmentSingleSelectEditor extends _react.Component {
     }
   }
   render() {
-    const {
-      target,
-      column,
-      userDepartmentIdsMap,
-      departments
-    } = this.props;
+    const _this$props = this.props,
+      target = _this$props.target,
+      column = _this$props.column,
+      userDepartmentIdsMap = _this$props.userDepartmentIdsMap,
+      departments = _this$props.departments;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelect.default, {
       column: column,
       value: this.state.value,

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -11,12 +11,10 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentSingleSelectFormatter(props) {
-  const {
-    value,
-    departments,
-    containerClassName,
-    tip
-  } = props;
+  const value = props.value,
+    departments = props.departments,
+    containerClassName = props.containerClassName,
+    tip = props.tip;
   if (!value || !Array.isArray(departments)) return null;
   const deletedTip = tip || (0, _lang.getLocale)('Deleted_department');
   const department = departments.find(department => department.id === value);

package/lib/DigitalSignEditor/index.js

@@ -15,9 +15,7 @@ var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const DigitalSignEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      isMobile
-    } = _ref,
+  let isMobile = _ref.isMobile,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref

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

@@ -18,10 +18,8 @@ var _lang = require("../../lang");
 var _utils2 = require("../../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 class MBDigitalSignEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -87,14 +85,11 @@ class MBDigitalSignEditor extends _react.Component {
     this.state = {
       saving: false
     };
-    const {
-      uploadFile,
-      config,
-      value
-    } = props;
-    const {
-      username
-    } = config || {};
+    const uploadFile = props.uploadFile,
+      config = props.config,
+      value = props.value;
+    const _ref = config || {},
+      username = _ref.username;
     this.value = value || {};
     this.digitalService = new _service.default({
       uploadFile,
@@ -103,14 +98,11 @@ class MBDigitalSignEditor extends _react.Component {
     this.signatureBoard = null;
   }
   render() {
-    const {
-      value,
-      config,
-      column
-    } = this.props;
-    const {
-      saving
-    } = this.state;
+    const _this$props = this.props,
+      value = _this$props.value,
+      config = _this$props.config,
+      column = _this$props.column;
+    const saving = this.state.saving;
     const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
       partUrl: _utils.default.getSignImageUrl(value)
     }));

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

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

package/lib/DigitalSignEditor/service.js

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

package/lib/DigitalSignEditor/utils.js

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

package/lib/DigitalSignFormatter/index.js

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

package/lib/DigitalSignFormatter/utils.js

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

package/lib/DurationEditor/index.js

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

package/lib/DurationFormatter/index.js

@@ -12,11 +12,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DurationFormatter extends _react.default.Component {
   render() {
-    let {
-      value,
-      containerClassName,
-      format
-    } = this.props;
+    let _this$props = this.props,
+      value = _this$props.value,
+      containerClassName = _this$props.containerClassName,
+      format = _this$props.format;
     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,9 +10,7 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class EditEditorButton extends _react.default.Component {
   render() {
-    const {
-      text
-    } = this.props;
+    const text = this.props.text;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-ui-editor-button",
       onClick: this.props.onClick,

package/lib/EmailFormatter/index.js

@@ -11,10 +11,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class EmailFormatter extends _react.default.Component {
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      value = _this$props.value;
     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,25 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _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,
-    isCollapsed,
-    onClickField,
-    onMoveField
-  } = _ref;
+  let field = _ref.field,
+    isCollapsed = _ref.isCollapsed,
+    onClickField = _ref.onClickField,
+    onMoveField = _ref.onMoveField;
   let enteredCounter = 0;
   const fieldItemRef = (0, _react.useRef)(null);
-  const [isItemDropTipShow, setDropTipShow] = (0, _react.useState)(false);
+  const _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isItemDropTipShow = _useState2[0],
+    setDropTipShow = _useState2[1];
   const handleClickField = e => {
     e.nativeEvent.stopImmediatePropagation();
     const value = e.target.checked;
@@ -63,10 +65,8 @@ function FieldItem(_ref) {
     onMoveField(droppedColumnKey, field.key);
   };
   const placeholder = () => {
-    const {
-      type,
-      data
-    } = field;
+    const type = field.type,
+      data = field.data;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "field-switch",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableColumnIcon.default, {

package/lib/FieldDisplaySetting/index.js

@@ -7,6 +7,7 @@ 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");
@@ -17,16 +18,17 @@ const FIELD_ITEM_HEIGHT = 30;
 const BANNER_HEIGHT = 24;
 const DURATION = 300;
 function FieldDisplaySetting(_ref) {
-  let {
-    fields,
-    textProperties,
-    fieldAllShown,
-    onClickField,
-    onMoveField,
-    onToggleFieldsVisibility
-  } = _ref;
+  let fields = _ref.fields,
+    textProperties = _ref.textProperties,
+    fieldAllShown = _ref.fieldAllShown,
+    onClickField = _ref.onClickField,
+    onMoveField = _ref.onMoveField,
+    onToggleFieldsVisibility = _ref.onToggleFieldsVisibility;
   const nodeRef = (0, _react.useRef)(null);
-  const [isCollapsed, setCollapsed] = (0, _react.useState)(true);
+  const _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isCollapsed = _useState2[0],
+    setCollapsed = _useState2[1];
   const expandAllFields = () => {
     setCollapsed(!isCollapsed);
   };

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

@@ -16,9 +16,7 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const FilesPreviewer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      isMobile
-    } = _ref,
+  let isMobile = _ref.isMobile,
     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,9 +19,7 @@ class FilePreviewer extends _react.default.Component {
       this.props.downloadFile(downloadUrl);
     };
     this.deleteFile = () => {
-      const {
-        fileItem
-      } = this.props;
+      const fileItem = this.props.fileItem;
       this.props.deleteFile(fileItem);
     };
     this.closeRenameFile = () => {
@@ -63,11 +61,9 @@ class FilePreviewer extends _react.default.Component {
       showOperationSheet: false
     };
     this.operations = [];
-    const {
-      renameFile,
-      downloadFile,
-      deleteFile
-    } = props;
+    const renameFile = props.renameFile,
+      downloadFile = props.downloadFile,
+      deleteFile = props.deleteFile;
     if (renameFile) {
       this.operations.push(_MobileOperationSheet.OPERATION_TYPE.RENAME);
     }
@@ -79,16 +75,12 @@ class FilePreviewer extends _react.default.Component {
     }
   }
   render() {
-    const {
-      fileItem,
-      config
-    } = this.props;
-    const {
-      showOperationSheet
-    } = this.state;
-    const {
-      fileIconUrl
-    } = (0, _url.getFileThumbnailInfo)(fileItem, config);
+    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 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,6 +5,7 @@ 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");
@@ -17,13 +18,12 @@ class MBFilesPreviewer extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.downloadImage = imageItemUrl => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       const file = value.find(v => v.url === imageItemUrl);
       if (!file) return;
       this.props.getDownLoadFiles([file], _ref => {
-        let [dFile] = _ref;
+        let _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+          dFile = _ref2[0];
         dFile && (0, _utils.downloadFile)(dFile);
       });
     };
@@ -33,10 +33,9 @@ class MBFilesPreviewer extends _react.default.Component {
     };
   }
   render() {
-    const {
-      value,
-      getDownLoadFiles
-    } = this.props;
+    const _this$props = this.props,
+      value = _this$props.value,
+      getDownLoadFiles = _this$props.getDownLoadFiles;
     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,10 +42,9 @@ class FileDropdownMenu extends _react.default.Component {
     };
   }
   render() {
-    const {
-      onRenameFile,
-      onDeleteFile
-    } = this.props;
+    const _this$props = this.props,
+      onRenameFile = _this$props.onRenameFile,
+      onDeleteFile = _this$props.onDeleteFile;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Dropdown, {
       isOpen: this.state.isItemMenuShow,
       toggle: this.onDropdownToggleClick,