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

package/lib/RowExpandEditor/department-editor/mb-editor.js

@@ -1,11 +1,12 @@
 "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 _rightAngle = _interopRequireDefault(require("../right-angle"));
 var _addBtn = _interopRequireDefault(require("../add-btn"));
@@ -14,16 +15,20 @@ var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../Depart
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandMBDepartmentEditor = _ref => {
-  let {
-    row,
-    column,
-    valueKey,
-    departments,
-    userDepartmentIdsMap,
-    onCommit
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)(row[column[valueKey]] || '');
-  const [showEditor, setShowEditor] = (0, _react.useState)(false);
+  let row = _ref.row,
+    column = _ref.column,
+    valueKey = _ref.valueKey,
+    departments = _ref.departments,
+    userDepartmentIdsMap = _ref.userDepartmentIdsMap,
+    onCommit = _ref.onCommit;
+  const _useState = (0, _react.useState)(row[column[valueKey]] || ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showEditor = _useState4[0],
+    setShowEditor = _useState4[1];
   const openEditor = (0, _react.useCallback)(() => {
     setShowEditor(true);
   }, []);

package/lib/RowExpandEditor/department-editor/pc-editor.js

@@ -1,11 +1,12 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
@@ -13,19 +14,23 @@ var _constants = require("../../constants");
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandPCDepartmentEditor = _ref => {
-  let {
-    row,
-    column,
-    valueKey,
-    departments,
-    userDepartmentIdsMap,
-    isEditorFocus,
-    columnIndex,
-    onCommit,
-    updateTabIndex
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)(row[column[valueKey]] || '');
-  const [showEditor, setShowEditor] = (0, _react.useState)(false);
+  let row = _ref.row,
+    column = _ref.column,
+    valueKey = _ref.valueKey,
+    departments = _ref.departments,
+    userDepartmentIdsMap = _ref.userDepartmentIdsMap,
+    isEditorFocus = _ref.isEditorFocus,
+    columnIndex = _ref.columnIndex,
+    onCommit = _ref.onCommit,
+    updateTabIndex = _ref.updateTabIndex;
+  const _useState = (0, _react.useState)(row[column[valueKey]] || ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showEditor = _useState4[0],
+    setShowEditor = _useState4[1];
   const departmentSelectContainer = (0, _react.useRef)(null);
   const departmentSelectContent = (0, _react.useRef)(null);
   const onKeyDown = (0, _react.useCallback)(event => {

package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.js

@@ -31,21 +31,17 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getValue = () => {
-      const {
-        column,
-        row,
-        valueKey
-      } = this.props;
-      const {
-        updated
-      } = this.state;
+      const _this$props = this.props,
+        column = _this$props.column,
+        row = _this$props.row,
+        valueKey = _this$props.valueKey;
+      const updated = this.state.updated;
       return updated ? updated : row[column[valueKey]];
     };
     this.deleteImage = () => {
-      const {
-        column,
-        onCommit
-      } = this.props;
+      const _this$props2 = this.props,
+        column = _this$props2.column,
+        onCommit = _this$props2.onCommit;
       const updated = {
         [column.key]: null
       };
@@ -55,9 +51,7 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getSignImages = () => {
-      const {
-        config
-      } = this.props;
+      const config = this.props.config;
       const value = this.getValue();
       const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
         partUrl: _utils.default.getSignImageUrl(value)
@@ -65,13 +59,10 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       return [signImageUrl].filter(Boolean);
     };
     this.renderSignature = signImages => {
-      const {
-        column,
-        config
-      } = this.props;
-      const {
-        key
-      } = column;
+      const _this$props3 = this.props,
+        column = _this$props3.column,
+        config = _this$props3.config;
+      const key = column.key;
       return signImages.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -90,11 +81,9 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         updated: row[column[valueKey]] || [],
@@ -103,13 +92,10 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      config,
-      column
-    } = this.props;
-    const {
-      isShowEditor
-    } = this.state;
+    const _this$props4 = this.props,
+      config = _this$props4.config,
+      column = _this$props4.column;
+    const isShowEditor = this.state.isShowEditor;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/lib/RowExpandEditor/digital-sign-editor/pc-editor/index.js

@@ -62,21 +62,17 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.getValue = () => {
-      const {
-        column,
-        row,
-        valueKey
-      } = this.props;
-      const {
-        updated
-      } = this.state;
+      const _this$props = this.props,
+        column = _this$props.column,
+        row = _this$props.row,
+        valueKey = _this$props.valueKey;
+      const updated = this.state.updated;
       return updated ? updated : row[column[valueKey]];
     };
     this.deleteImage = () => {
-      const {
-        column,
-        onCommit
-      } = this.props;
+      const _this$props2 = this.props,
+        column = _this$props2.column,
+        onCommit = _this$props2.onCommit;
       const updated = {
         [column.key]: null
       };
@@ -86,9 +82,7 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getSignImages = () => {
-      const {
-        config
-      } = this.props;
+      const config = this.props.config;
       const value = this.getValue();
       const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
         partUrl: _utils.default.getSignImageUrl(value)
@@ -106,12 +100,8 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       this.setLargeImageIndex(-1);
     };
     this.renderSignature = signImages => {
-      const {
-        column
-      } = this.props;
-      const {
-        key
-      } = column;
+      const column = this.props.column;
+      const key = column.key;
       return signImages.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -134,11 +124,9 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         updated: row[column[valueKey]] || [],
@@ -162,15 +150,13 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const {
-      config,
-      column,
-      isEditorFocus
-    } = this.props;
-    const {
-      isShowEditor,
-      largeImageIndex
-    } = this.state;
+    const _this$props3 = this.props,
+      config = _this$props3.config,
+      column = _this$props3.column,
+      isEditorFocus = _this$props3.isEditorFocus;
+    const _this$state = this.state,
+      isShowEditor = _this$state.isShowEditor,
+      largeImageIndex = _this$state.largeImageIndex;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/RowExpandEditor/duration-editor/mb-editor.js

@@ -24,22 +24,18 @@ class RowExpandMBDurationEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    let {
-      row,
-      column,
-      valueKey
-    } = props;
+    let row = props.row,
+      column = props.column,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -48,13 +44,10 @@ class RowExpandMBDurationEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column
-    } = this.props;
-    const {
-      value,
-      isShowEditor
-    } = this.state;
+    const column = this.props.column;
+    const _this$state = this.state,
+      value = _this$state.value,
+      isShowEditor = _this$state.isShowEditor;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container",
       children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationEditor.default, {

package/lib/RowExpandEditor/duration-editor/pc-editor.js

@@ -34,11 +34,9 @@ class RowExpandPCDurationEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    let {
-      row,
-      column,
-      valueKey
-    } = props;
+    let row = props.row,
+      column = props.column,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
@@ -48,11 +46,9 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -73,15 +69,13 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    let {
-      column,
-      isEditorFocus,
-      isInModal
-    } = this.props;
-    let {
-      value,
-      isShowEditor
-    } = this.state;
+    let _this$props = this.props,
+      column = _this$props.column,
+      isEditorFocus = _this$props.isEditorFocus,
+      isInModal = _this$props.isInModal;
+    let _this$state = this.state,
+      value = _this$state.value,
+      isShowEditor = _this$state.isShowEditor;
     let style = {
       width: 320
     };

package/lib/RowExpandEditor/email-editor/mb-editor/index.js

@@ -12,9 +12,7 @@ class RowExpandMBEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onBlur = () => {
-      const {
-        onCommit
-      } = this.props;
+      const onCommit = this.props.onCommit;
       const updated = this.state.value.trim();
       onCommit(updated);
     };
@@ -32,27 +30,21 @@ class RowExpandMBEmailEditor extends _react.default.Component {
       e.stopPropagation();
     };
     this.onOpenEmailLink = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
-    const {
-      row,
-      column,
-      valueKey
-    } = props;
+    const row = props.row,
+      column = props.column,
+      valueKey = props.valueKey;
     this.state = {
       value: row[column[valueKey]] || ''
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || ''
@@ -60,9 +52,7 @@ class RowExpandMBEmailEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      value
-    } = this.state;
+    const value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/lib/RowExpandEditor/email-editor/pc-editor/index.js

@@ -24,9 +24,7 @@ class RowExpandPCEmailEditor extends _react.default.Component {
       }, 1);
     };
     this.onBlur = () => {
-      const {
-        onCommit
-      } = this.props;
+      const onCommit = this.props.onCommit;
       const updated = this.state.value.trim();
       onCommit(updated);
     };
@@ -52,27 +50,22 @@ class RowExpandPCEmailEditor extends _react.default.Component {
         this.blurInput();
         return;
       }
-      const {
-        selectionStart,
-        selectionEnd,
-        value
-      } = event.currentTarget;
+      const _event$currentTarget = event.currentTarget,
+        selectionStart = _event$currentTarget.selectionStart,
+        selectionEnd = _event$currentTarget.selectionEnd,
+        value = _event$currentTarget.value;
       if (event.keyCode === _constants.KeyCodes.ChineseInputMethod || event.keyCode === _constants.KeyCodes.LeftArrow && selectionStart === 0 || event.keyCode === _constants.KeyCodes.RightArrow && selectionEnd === value.length) {
         event.stopPropagation();
       }
     };
     this.onOpenEmailLink = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
-    const {
-      row,
-      column,
-      valueKey
-    } = props;
+    const row = props.row,
+      column = props.column,
+      valueKey = props.valueKey;
     this.state = {
       value: row[column[valueKey]] || ''
     };
@@ -83,11 +76,9 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || ''
@@ -100,9 +91,7 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     }
   }
   render() {
-    let {
-      value
-    } = this.state;
+    let value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-url-editor",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/lib/RowExpandEditor/file-editor/mb-editor/index.js

@@ -32,24 +32,17 @@ class RowExpandMBFileEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.deleteFile = index => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const newValue = value.slice(0);
       newValue.splice(index, 1);
       this.onCommit(newValue);
     };
     this.renderFiles = () => {
-      const {
-        value
-      } = this.state;
-      const {
-        config
-      } = this.props;
+      const value = this.state.value;
+      const config = this.props.config;
       return value.map((file, index) => {
-        const {
-          fileIconUrl
-        } = (0, _url.getFileThumbnailInfo)(file);
+        const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file),
+          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,
@@ -62,11 +55,9 @@ class RowExpandMBFileEditor extends _react.default.Component {
         }, 'file-' + index);
       });
     };
-    const {
-      column,
-      row,
-      valueKey
-    } = props;
+    const column = props.column,
+      row = props.row,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]] || []
@@ -74,11 +65,9 @@ class RowExpandMBFileEditor extends _react.default.Component {
     this.openEditorMode = null;
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || [],
@@ -87,15 +76,13 @@ class RowExpandMBFileEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column,
-      config,
-      uploadFile
-    } = this.props;
-    const {
-      isShowEditor,
-      value
-    } = this.state;
+    const _this$props = this.props,
+      column = _this$props.column,
+      config = _this$props.config,
+      uploadFile = _this$props.uploadFile;
+    const _this$state = this.state,
+      isShowEditor = _this$state.isShowEditor,
+      value = _this$state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-mobile-row-expand-image position-relative",

package/lib/RowExpandEditor/file-editor/pc-editor/index.js

@@ -45,14 +45,11 @@ class RowExpandPCFileEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.deleteFile = index => {
-      const {
-        column,
-        row,
-        onCommit
-      } = this.props;
-      let {
-        fileContainer
-      } = this.state;
+      const _this$props = this.props,
+        column = _this$props.column,
+        row = _this$props.row,
+        onCommit = _this$props.onCommit;
+      let fileContainer = this.state.fileContainer;
       let value = fileContainer || row[column.key];
       let updatedValue = value.slice(0);
       updatedValue.splice(index, 1);
@@ -75,11 +72,9 @@ class RowExpandPCFileEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         fileContainer: row[column[valueKey]] || [],
@@ -102,19 +97,17 @@ class RowExpandPCFileEditor extends _react.default.Component {
   }
   render() {
     let fileArr = [];
-    const {
-      column,
-      row,
-      config,
-      valueKey,
-      isEditorFocus
-    } = this.props;
+    const _this$props2 = this.props,
+      column = _this$props2.column,
+      row = _this$props2.row,
+      config = _this$props2.config,
+      valueKey = _this$props2.valueKey,
+      isEditorFocus = _this$props2.isEditorFocus;
     let value = this.state.fileContainer !== null ? this.state.fileContainer : row[column[valueKey]];
     if (value && value.length > 0) {
       fileArr = value.map((file, index) => {
-        const {
-          fileIconUrl
-        } = (0, _url.getFileThumbnailInfo)(file);
+        const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file),
+          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,