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

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

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

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

@@ -1,12 +1,11 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
@@ -14,23 +13,19 @@ var _constants = require("../../constants");
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandPCDepartmentEditor = _ref => {
-  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];
+  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);
   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,17 +31,21 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getValue = () => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        valueKey = _this$props.valueKey;
-      const updated = this.state.updated;
+      const {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      const {
+        updated
+      } = this.state;
       return updated ? updated : row[column[valueKey]];
     };
     this.deleteImage = () => {
-      const _this$props2 = this.props,
-        column = _this$props2.column,
-        onCommit = _this$props2.onCommit;
+      const {
+        column,
+        onCommit
+      } = this.props;
       const updated = {
         [column.key]: null
       };
@@ -51,7 +55,9 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getSignImages = () => {
-      const config = this.props.config;
+      const {
+        config
+      } = this.props;
       const value = this.getValue();
       const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
         partUrl: _utils.default.getSignImageUrl(value)
@@ -59,10 +65,13 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
       return [signImageUrl].filter(Boolean);
     };
     this.renderSignature = signImages => {
-      const _this$props3 = this.props,
-        column = _this$props3.column,
-        config = _this$props3.config;
-      const key = column.key;
+      const {
+        column,
+        config
+      } = this.props;
+      const {
+        key
+      } = column;
       return signImages.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -81,9 +90,11 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         updated: row[column[valueKey]] || [],
@@ -92,10 +103,13 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props4 = this.props,
-      config = _this$props4.config,
-      column = _this$props4.column;
-    const isShowEditor = this.state.isShowEditor;
+    const {
+      config,
+      column
+    } = this.props;
+    const {
+      isShowEditor
+    } = this.state;
     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,17 +62,21 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.getValue = () => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        valueKey = _this$props.valueKey;
-      const updated = this.state.updated;
+      const {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      const {
+        updated
+      } = this.state;
       return updated ? updated : row[column[valueKey]];
     };
     this.deleteImage = () => {
-      const _this$props2 = this.props,
-        column = _this$props2.column,
-        onCommit = _this$props2.onCommit;
+      const {
+        column,
+        onCommit
+      } = this.props;
       const updated = {
         [column.key]: null
       };
@@ -82,7 +86,9 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       });
     };
     this.getSignImages = () => {
-      const config = this.props.config;
+      const {
+        config
+      } = this.props;
       const value = this.getValue();
       const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
         partUrl: _utils.default.getSignImageUrl(value)
@@ -100,8 +106,12 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
       this.setLargeImageIndex(-1);
     };
     this.renderSignature = signImages => {
-      const column = this.props.column;
-      const key = column.key;
+      const {
+        column
+      } = this.props;
+      const {
+        key
+      } = column;
       return signImages.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -124,9 +134,11 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         updated: row[column[valueKey]] || [],
@@ -150,13 +162,15 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    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 {
+      config,
+      column,
+      isEditorFocus
+    } = this.props;
+    const {
+      isShowEditor,
+      largeImageIndex
+    } = this.state;
     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,18 +24,22 @@ class RowExpandMBDurationEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    let row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    let {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -44,10 +48,13 @@ class RowExpandMBDurationEditor extends _react.default.Component {
     }
   }
   render() {
-    const column = this.props.column;
-    const _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    const {
+      column
+    } = this.props;
+    const {
+      value,
+      isShowEditor
+    } = this.state;
     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,9 +34,11 @@ class RowExpandPCDurationEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    let row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    let {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
@@ -46,9 +48,11 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -69,13 +73,15 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    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 {
+      column,
+      isEditorFocus,
+      isInModal
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     let style = {
       width: 320
     };

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

@@ -12,7 +12,9 @@ class RowExpandMBEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       const updated = this.state.value.trim();
       onCommit(updated);
     };
@@ -30,21 +32,27 @@ class RowExpandMBEmailEditor extends _react.default.Component {
       e.stopPropagation();
     };
     this.onOpenEmailLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
-    const row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    const {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       value: row[column[valueKey]] || ''
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || ''
@@ -52,7 +60,9 @@ class RowExpandMBEmailEditor extends _react.default.Component {
     }
   }
   render() {
-    const value = this.state.value;
+    const {
+      value
+    } = this.state;
     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,7 +24,9 @@ class RowExpandPCEmailEditor extends _react.default.Component {
       }, 1);
     };
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       const updated = this.state.value.trim();
       onCommit(updated);
     };
@@ -50,22 +52,27 @@ class RowExpandPCEmailEditor extends _react.default.Component {
         this.blurInput();
         return;
       }
-      const _event$currentTarget = event.currentTarget,
-        selectionStart = _event$currentTarget.selectionStart,
-        selectionEnd = _event$currentTarget.selectionEnd,
-        value = _event$currentTarget.value;
+      const {
+        selectionStart,
+        selectionEnd,
+        value
+      } = event.currentTarget;
       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.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
-    const row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    const {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       value: row[column[valueKey]] || ''
     };
@@ -76,9 +83,11 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || ''
@@ -91,7 +100,9 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     }
   }
   render() {
-    let value = this.state.value;
+    let {
+      value
+    } = this.state;
     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,17 +32,24 @@ class RowExpandMBFileEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.deleteFile = index => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const newValue = value.slice(0);
       newValue.splice(index, 1);
       this.onCommit(newValue);
     };
     this.renderFiles = () => {
-      const value = this.state.value;
-      const config = this.props.config;
+      const {
+        value
+      } = this.state;
+      const {
+        config
+      } = this.props;
       return value.map((file, index) => {
-        const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file),
-          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+        const {
+          fileIconUrl
+        } = (0, _url.getFileThumbnailInfo)(file);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,
@@ -55,9 +62,11 @@ class RowExpandMBFileEditor extends _react.default.Component {
         }, 'file-' + index);
       });
     };
-    const column = props.column,
-      row = props.row,
-      valueKey = props.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]] || []
@@ -65,9 +74,11 @@ class RowExpandMBFileEditor extends _react.default.Component {
     this.openEditorMode = null;
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || [],
@@ -76,13 +87,15 @@ class RowExpandMBFileEditor extends _react.default.Component {
     }
   }
   render() {
-    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;
+    const {
+      column,
+      config,
+      uploadFile
+    } = this.props;
+    const {
+      isShowEditor,
+      value
+    } = this.state;
     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,11 +45,14 @@ class RowExpandPCFileEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.deleteFile = index => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        onCommit = _this$props.onCommit;
-      let fileContainer = this.state.fileContainer;
+      const {
+        column,
+        row,
+        onCommit
+      } = this.props;
+      let {
+        fileContainer
+      } = this.state;
       let value = fileContainer || row[column.key];
       let updatedValue = value.slice(0);
       updatedValue.splice(index, 1);
@@ -72,9 +75,11 @@ class RowExpandPCFileEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         fileContainer: row[column[valueKey]] || [],
@@ -97,17 +102,19 @@ class RowExpandPCFileEditor extends _react.default.Component {
   }
   render() {
     let fileArr = [];
-    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;
+    const {
+      column,
+      row,
+      config,
+      valueKey,
+      isEditorFocus
+    } = this.props;
     let value = this.state.fileContainer !== null ? this.state.fileContainer : row[column[valueKey]];
     if (value && value.length > 0) {
       fileArr = value.map((file, index) => {
-        const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file),
-          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+        const {
+          fileIconUrl
+        } = (0, _url.getFileThumbnailInfo)(file);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,