dtable-ui-component 7.0.13 → 7.0.15

package/lib/DepartmentSingleSelectEditor/index.js

@@ -6,34 +6,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile"];
 const DepartmentSingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, 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), {}, {
+  let {
+    isMobile,
+    ...props
+  } = _ref;
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(min-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/DepartmentSingleSelectEditor/mb-editor/index.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 _dtableUtils = require("dtable-utils");
 var _List = _interopRequireDefault(require("../../List"));
@@ -18,37 +17,25 @@ var _lang = require("../../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Item = _List.default.Item;
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const MBDepartmentSingleSelectEditor = _ref => {
-  let oldValue = _ref.value,
-    column = _ref.column,
-    _ref$isSupportMultipl = _ref.isSupportMultiple,
-    isSupportMultiple = _ref$isSupportMultipl === void 0 ? false : _ref$isSupportMultipl,
-    _ref$isFilterEditor = _ref.isFilterEditor,
-    isFilterEditor = _ref$isFilterEditor === void 0 ? false : _ref$isFilterEditor,
-    _ref$userDepartmentId = _ref.userDepartmentIdsMap,
-    userDepartmentIdsMap = _ref$userDepartmentId === void 0 ? {} : _ref$userDepartmentId,
-    _ref$departments = _ref.departments,
-    initialDepartments = _ref$departments === void 0 ? [] : _ref$departments,
-    onCommit = _ref.onCommit,
-    onClose = _ref.onClose;
-  const _useState = (0, _react.useState)(oldValue ? oldValue : isSupportMultiple ? [] : ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    departments = _useState4[0],
-    setDepartments = _useState4[1];
-  const _useState5 = (0, _react.useState)(''),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    parentId = _useState6[0],
-    setParentId = _useState6[1];
-  const _useState7 = (0, _react.useState)([]),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    topParentIds = _useState8[0],
-    setTopParentIds = _useState8[1];
+  let {
+    value: oldValue,
+    column,
+    isSupportMultiple = false,
+    isFilterEditor = false,
+    userDepartmentIdsMap = {},
+    departments: initialDepartments = [],
+    onCommit,
+    onClose
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(oldValue ? oldValue : isSupportMultiple ? [] : '');
+  const [departments, setDepartments] = (0, _react.useState)([]);
+  const [parentId, setParentId] = (0, _react.useState)('');
+  const [topParentIds, setTopParentIds] = (0, _react.useState)([]);
   const initColumnData = (0, _react.useMemo)(() => {
     const data = column.data || {};
     const enableSelectRange = data.enable_select_range || false;
@@ -66,8 +53,10 @@ const MBDepartmentSingleSelectEditor = _ref => {
   }, [isFilterEditor, value, onCommit, onClose]);
   const onDepartmentClick = (0, _react.useCallback)((event, department) => {
     event.preventDefault();
-    const id = department.id,
-      hasChild = department.hasChild;
+    const {
+      id,
+      hasChild
+    } = department;
     if (event.target && event.target.className.indexOf('am-list-arrow') > -1) {
       if (!hasChild) return;
       setParentId(id);
@@ -111,7 +100,9 @@ const MBDepartmentSingleSelectEditor = _ref => {
       onClose && onClose();
       return;
     }
-    const enableSelectRange = initColumnData.enableSelectRange;
+    const {
+      enableSelectRange
+    } = initColumnData;
     if (topParentIds.includes(parentId) && enableSelectRange) {
       setParentId('');
       return;
@@ -128,7 +119,9 @@ const MBDepartmentSingleSelectEditor = _ref => {
     });
   }, [isFilterEditor, departments, parentId]);
   const renderDepartments = (0, _react.useCallback)(() => {
-    const enableSelectRange = initColumnData.enableSelectRange;
+    const {
+      enableSelectRange
+    } = initColumnData;
     let currentDepartments = [];
     if (enableSelectRange && !parentId && !isFilterEditor) {
       currentDepartments = departments.filter(department => topParentIds.includes(department.id));
@@ -148,8 +141,10 @@ const MBDepartmentSingleSelectEditor = _ref => {
       renderHeader: () => (0, _lang.getLocale)('Select_department'),
       children: [isFilterEditor && parentId === -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: _departments2.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
-          const type = option.type,
-            name = option.name;
+          const {
+            type,
+            name
+          } = option;
           const isChecked = isSupportMultiple ? value.includes(type) : value === type;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
             multipleLine: true,
@@ -163,12 +158,14 @@ const MBDepartmentSingleSelectEditor = _ref => {
                 label: (0, _lang.getLocale)(name)
               })
             })
-          }, "department-range-item-".concat(index));
+          }, `department-range-item-${index}`);
         })
       }), currentDepartments.map((department, index) => {
-        const hasChild = department.hasChild,
-          name = department.name,
-          id = department.id;
+        const {
+          hasChild,
+          name,
+          id
+        } = department;
         const isChecked = isSupportMultiple ? value.includes(id) : value === id;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
           arrow: hasChild ? 'horizontal' : '',
@@ -183,19 +180,21 @@ const MBDepartmentSingleSelectEditor = _ref => {
               label: name
             })
           })
-        }, "department-item-".concat(index));
+        }, `department-item-${index}`);
       })]
     });
   }, [initColumnData, parentId, isFilterEditor, isSupportMultiple, departments, value, topParentIds, onParentDepartmentClick, onDepartmentClick]);
   (0, _react.useEffect)(() => {
-    const enableSelectRange = initColumnData.enableSelectRange,
-      selectedRange = initColumnData.selectedRange,
-      specificDepartments = initColumnData.specificDepartments;
+    const {
+      enableSelectRange,
+      selectedRange,
+      specificDepartments
+    } = initColumnData;
     if (enableSelectRange && !isFilterEditor) {
-      const _userDepartmentIdsMap = userDepartmentIdsMap.current_user_department_ids,
-        current_user_department_ids = _userDepartmentIdsMap === void 0 ? [] : _userDepartmentIdsMap,
-        _userDepartmentIdsMap2 = userDepartmentIdsMap.current_user_department_and_sub_ids,
-        current_user_department_and_sub_ids = _userDepartmentIdsMap2 === void 0 ? [] : _userDepartmentIdsMap2;
+      const {
+        current_user_department_ids = [],
+        current_user_department_and_sub_ids = []
+      } = userDepartmentIdsMap;
       let targetDepartments = [];
       let topParentIds = [];
       let canExpand = true;

package/lib/DepartmentSingleSelectEditor/pc-editor/department-single-select.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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _Loading = _interopRequireDefault(require("../../Loading"));
@@ -21,8 +20,9 @@ class DepartmentSingleSelect extends _react.Component {
     _this = this;
     this.resetMenuStyle = () => {
       if (!this.departmentsRef) return;
-      const _this$departmentsRef$ = this.departmentsRef.getBoundingClientRect(),
-        bottom = _this$departmentsRef$.bottom;
+      const {
+        bottom
+      } = this.departmentsRef.getBoundingClientRect();
       if (bottom > window.innerHeight) {
         const currentTop = this.departmentsRef.style.top || 0;
         this.departmentsRef.style.top = parseInt(currentTop) - bottom + window.innerHeight + 'px';
@@ -37,14 +37,14 @@ class DepartmentSingleSelect extends _react.Component {
     };
     this.initRangeDepartments = function (userDepartmentIdsMap) {
       let departments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      const _this$getSelectedRang = _this.getSelectedRange(),
-        selectedRange = _this$getSelectedRang.selectedRange,
-        specificDepartments = _this$getSelectedRang.specificDepartments;
-      const _ref = userDepartmentIdsMap || {},
-        _ref$current_user_dep = _ref.current_user_department_ids,
-        current_user_department_ids = _ref$current_user_dep === void 0 ? [] : _ref$current_user_dep,
-        _ref$current_user_dep2 = _ref.current_user_department_and_sub_ids,
-        current_user_department_and_sub_ids = _ref$current_user_dep2 === void 0 ? [] : _ref$current_user_dep2;
+      const {
+        selectedRange,
+        specificDepartments
+      } = _this.getSelectedRange();
+      const {
+        current_user_department_ids = [],
+        current_user_department_and_sub_ids = []
+      } = userDepartmentIdsMap || {};
       let targetDepartments = [];
       let topParentIds = [];
       if (selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT) {
@@ -65,7 +65,9 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.getSelectedRange = () => {
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       const data = column.data || {};
       const selectedRange = data.selected_range || '';
       const specificDepartments = data.specific_departments || [];
@@ -86,9 +88,13 @@ class DepartmentSingleSelect extends _react.Component {
     };
     this.onChangeSearch = event => {
       const newSearchValue = event.target.value;
-      const searchVal = this.state.searchVal;
+      const {
+        searchVal
+      } = this.state;
       if (searchVal === newSearchValue) return;
-      const departments = this.state.departments;
+      const {
+        departments
+      } = this.state;
       this.validDepartments = (0, _departments.searchDepartments)(departments, newSearchValue);
       this.setState({
         searchVal: newSearchValue
@@ -97,9 +103,10 @@ class DepartmentSingleSelect extends _react.Component {
     this.onSelectDepartment = (event, selectedValue) => {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const _this$props = this.props,
-        onCommit = _this$props.onCommit,
-        value = _this$props.value;
+      const {
+        onCommit,
+        value
+      } = this.props;
       const newValue = selectedValue === value ? '' : selectedValue;
       onCommit(newValue);
     };
@@ -119,19 +126,23 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderDepartment = (department, subDepartments, level, hasNextLevel) => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       const newLevel = level + 1;
-      const hasChild = department.hasChild,
-        isExpanded = department.isExpanded,
-        name = department.name,
-        id = department.id;
+      const {
+        hasChild,
+        isExpanded,
+        name,
+        id
+      } = department;
       const isChecked = value === id;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "department-item",
           onClick: event => this.onSelectDepartment(event, id),
           style: {
-            paddingLeft: "".concat(newLevel * 15 + 10, "px")
+            paddingLeft: `${newLevel * 15 + 10}px`
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "department-item-left-content d-flex align-items-center",
@@ -140,7 +151,7 @@ class DepartmentSingleSelect extends _react.Component {
               role: "button",
               className: "department-item-fold-btn",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
+                className: `dtable-font expand dtable-icon-down3 ${isExpanded ? '' : 'rotate-270'}`
               })
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               style: {
@@ -160,7 +171,9 @@ class DepartmentSingleSelect extends _react.Component {
       }, id);
     };
     this.renderAllDepartments = () => {
-      const departments = this.state.departments;
+      const {
+        departments
+      } = this.state;
       const topDepartment = departments.find(department => department.parent_id === -1);
       const subDepartments = departments.filter(department => department.parent_id !== -1);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -168,20 +181,24 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderSpecificDepartments = () => {
-      const departments = this.state.departments;
+      const {
+        departments
+      } = this.state;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
-          const value = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, department), {}, {
+          const value = {
+            ...department,
             hasChild: false
-          });
+          };
           return this.renderDepartment(value, departments, -1, false);
         })]
       });
     };
     this.renderCurrentDepartmentsAndSub = () => {
-      const _this$state = this.state,
-        departments = _this$state.departments,
-        topParentIds = _this$state.topParentIds;
+      const {
+        departments,
+        topParentIds
+      } = this.state;
       const nextLevelDepartment = this.validDepartments.find(department => topParentIds.includes(department.parent_id));
       const hasNextLevel = !!nextLevelDepartment;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -199,12 +216,16 @@ class DepartmentSingleSelect extends _react.Component {
       });
     };
     this.renderMenuContent = () => {
-      const searchVal = this.state.searchVal;
-      const _this$props2 = this.props,
-        enableSelectRange = _this$props2.enableSelectRange,
-        renderUserDepartmentOptions = _this$props2.renderUserDepartmentOptions;
-      const _this$getSelectedRang2 = this.getSelectedRange(),
-        selectedRange = _this$getSelectedRang2.selectedRange;
+      const {
+        searchVal
+      } = this.state;
+      const {
+        enableSelectRange,
+        renderUserDepartmentOptions
+      } = this.props;
+      const {
+        selectedRange
+      } = this.getSelectedRange();
       let menuContent = this.renderAllDepartments();
       if (enableSelectRange && [_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.SPECIFIC_DEPARTMENTS].includes(selectedRange) || searchVal) {
         menuContent = this.renderSpecificDepartments();
@@ -230,10 +251,11 @@ class DepartmentSingleSelect extends _react.Component {
     setTimeout(() => {
       this.resetMenuStyle();
     }, 1);
-    const _this$props3 = this.props,
-      enableSelectRange = _this$props3.enableSelectRange,
-      userDepartmentIdsMap = _this$props3.userDepartmentIdsMap,
-      departments = _this$props3.departments;
+    const {
+      enableSelectRange,
+      userDepartmentIdsMap,
+      departments
+    } = this.props;
     if (enableSelectRange) {
       this.initRangeDepartments(userDepartmentIdsMap, departments);
     } else {

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

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

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -11,10 +11,12 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentSingleSelectFormatter(props) {
-  const value = props.value,
-    departments = props.departments,
-    containerClassName = props.containerClassName,
-    tip = props.tip;
+  const {
+    value,
+    departments,
+    containerClassName,
+    tip
+  } = props;
   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

@@ -6,34 +6,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 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.isMobile,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  let {
+    isMobile,
+    ...props
+  } = _ref;
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/DigitalSignEditor/mb-editor/index.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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _signatureBoard = _interopRequireDefault(require("../signature-board"));
@@ -18,8 +17,10 @@ var _lang = require("../../lang");
 var _utils2 = require("../../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 class MBDigitalSignEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -85,11 +86,14 @@ class MBDigitalSignEditor extends _react.Component {
     this.state = {
       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,
@@ -98,14 +102,18 @@ class MBDigitalSignEditor extends _react.Component {
     this.signatureBoard = null;
   }
   render() {
-    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), {}, {
+    const {
+      value,
+      config,
+      column
+    } = this.props;
+    const {
+      saving
+    } = this.state;
+    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
+      ...config,
       partUrl: _utils.default.getSignImageUrl(value)
-    }));
+    });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui dtable-ui-mobile-digital-sign-editor",
       zIndex: 101,