dtable-ui-component 6.0.108 → 6.0.110-aik.2

package/lib/DTableSelect/dtable-select-label.js

@@ -15,7 +15,7 @@ function DTableSelectLabel(_ref) {
     isSelect = false
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "".concat(classname, " w-100 d-flex justify-content-between"),
+    className: `${classname} w-100 d-flex justify-content-between`,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: name
     }), isSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/DTableSelect/utils.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserSelectStyle = exports.Option = exports.MenuSelectStyle = exports.MenuList = exports.DropdownIndicator = exports.ClearIndicator = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactSelect = require("react-select");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["innerProps"]; // DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
+// DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
 const DEFAULT_CONTROL_STYLE = {
   border: '1px solid rgba(0, 40, 100, 0.12) !important'
 };
@@ -30,17 +28,25 @@ const controlCallback = (provided, state) => {
     isFocused
   } = state;
   if (isFocused && !isDisabled) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), FOCUS_CONTROL_STYLE), {}, {
-      '&:hover': (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), FOCUS_CONTROL_STYLE)
-    });
+    return {
+      ...provided,
+      ...FOCUS_CONTROL_STYLE,
+      '&:hover': {
+        ...provided,
+        ...FOCUS_CONTROL_STYLE
+      }
+    };
   }
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+  return {
+    ...provided,
     fontSize: '14px',
     lineHeight: '1.5',
-    cursor: 'pointer'
-  }, DEFAULT_CONTROL_STYLE), {}, {
-    '&:hover': (0, _objectSpread2.default)({}, DEFAULT_CONTROL_STYLE)
-  });
+    cursor: 'pointer',
+    ...DEFAULT_CONTROL_STYLE,
+    '&:hover': {
+      ...DEFAULT_CONTROL_STYLE
+    }
+  };
 };
 const UserSelectStyle = exports.UserSelectStyle = {
   option: (provided, state) => {
@@ -48,41 +54,46 @@ const UserSelectStyle = exports.UserSelectStyle = {
       isDisabled,
       isFocused
     } = state;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       cursor: isDisabled ? 'default' : 'pointer',
       backgroundColor: isFocused ? '#f5f5f5' : '#fff'
-    });
+    };
   },
   control: controlCallback,
   indicatorSeparator: noneCallback,
   dropdownIndicator: noneCallback,
   clearIndicator: noneCallback,
   multiValue: provided => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       display: 'inline-flex',
       alignItems: 'center',
       background: '#eaeaea',
       borderRadius: '10px',
       margin: '0 10px 0 0',
       padding: '0 0 0 2px'
-    });
+    };
   },
   multiValueLabel: provided => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       padding: '0px'
-    });
+    };
   },
   multiValueRemove: provided => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       color: '#666',
       ':hover': {
         backgroundColor: 'transparent',
         color: '#555555'
       }
-    });
+    };
   },
   singleValue: provided => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       display: 'inline-flex',
       alignItems: 'center',
       background: '#eaeaea',
@@ -90,7 +101,7 @@ const UserSelectStyle = exports.UserSelectStyle = {
       margin: '0',
       padding: '0 2px',
       width: 'fit-content'
-    });
+    };
   }
 };
 const MenuSelectStyle = exports.MenuSelectStyle = {
@@ -99,7 +110,8 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
       isDisabled,
       isFocused
     } = state;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       fontSize: '13px',
       color: '#212529',
       cursor: isDisabled ? 'default' : 'pointer',
@@ -113,16 +125,18 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
       '.header-icon .multicolor-icon': {
         color: '#aaa'
       }
-    });
+    };
   },
   control: controlCallback,
-  menuPortal: base => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
+  menuPortal: base => ({
+    ...base,
     zIndex: 9999
   }),
   indicatorSeparator: noneCallback
 };
 const DropdownIndicator = props => {
-  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.DropdownIndicator, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.DropdownIndicator, {
+    ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-font dtable-icon-down3",
       style: {
@@ -130,22 +144,24 @@ const DropdownIndicator = props => {
         marginLeft: '-2px'
       }
     })
-  }));
+  });
 };
 exports.DropdownIndicator = DropdownIndicator;
 const ClearIndicator = _ref => {
   let {
-      innerProps
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    innerProps,
+    ...props
+  } = _ref;
   const onMouseDown = e => {
     e.nativeEvent.stopImmediatePropagation();
     innerProps.onMouseDown(e);
   };
-  props.innerProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, innerProps), {}, {
+  props.innerProps = {
+    ...innerProps,
     onMouseDown
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.ClearIndicator, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.ClearIndicator, {
+    ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-font dtable-icon-fork-number",
       style: {
@@ -153,21 +169,24 @@ const ClearIndicator = _ref => {
         marginRight: '-2px'
       }
     })
-  }));
+  });
 };
 exports.ClearIndicator = ClearIndicator;
 const MenuList = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   onClick: e => e.nativeEvent.stopImmediatePropagation(),
   onMouseDown: e => e.nativeEvent.stopImmediatePropagation(),
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.MenuList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.MenuList, {
+    ...props,
     children: props.children
-  }))
+  })
 });
 exports.MenuList = MenuList;
 const Option = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: props.data.style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, (0, _objectSpread2.default)({}, props))
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, {
+      ...props
+    })
   });
 };
 exports.Option = Option;

package/lib/DateEditor/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 _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _dtableUtils = require("dtable-utils");
@@ -60,29 +59,33 @@ const DateEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onCommit: handelCommit,
     onClose: hideCalendar
   };
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     isInModal: isInModal,
     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,
     isReadOnly: isReadOnly,
     column: column,
     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,
         isInModal: isInModal,
         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,
         isReadOnly: isReadOnly,
         column: column,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/DateEditor/pc-editor.js

@@ -224,7 +224,7 @@ class PCDateEditor extends _react.default.Component {
     } = this.state;
     const calendar = this.getCalender();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "date-picker-container ".concat(isInModal ? 'modal-date-picker-container' : ''),
+      className: `date-picker-container ${isInModal ? 'modal-date-picker-container' : ''}`,
       ref: ref => this.datePickerRef = ref,
       onKeyDown: this.handleKeyDown,
       onClick: this.onClick,

package/lib/DatePicker/utils.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatFn = formatFn;
 function formatIt(date, form) {
-  const pad = n => n < 10 ? "0".concat(n) : n;
-  const dateStr = "".concat(date.getFullYear(), "-").concat(pad(date.getMonth() + 1), "-").concat(pad(date.getDate()));
-  const timeStr = "".concat(pad(date.getHours()), ":").concat(pad(date.getMinutes()));
+  const pad = n => n < 10 ? `0${n}` : n;
+  const dateStr = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+  const timeStr = `${pad(date.getHours())}:${pad(date.getMinutes())}`;
   if (form === 'YYYY-MM-DD') {
     return dateStr;
   }
   if (form === 'HH:mm') {
     return timeStr;
   }
-  return "".concat(dateStr, " ").concat(timeStr);
+  return `${dateStr} ${timeStr}`;
 }
 function formatFn(instance, value) {
   const formatsEnum = {

package/lib/DepartmentMultipleSelectEditor/index.js

@@ -110,7 +110,7 @@ function DepartmentMultipleSelect(props) {
           className: "vam department-select-input",
           checked: inputChecked,
           style: {
-            marginRight: "".concat(newLevel * 15 + 5, "px")
+            marginRight: `${newLevel * 15 + 5}px`
           },
           onChange: () => {}
         }), hasChild && !searchVal && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -118,7 +118,7 @@ function DepartmentMultipleSelect(props) {
           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: searchVal ? {} : {
@@ -146,7 +146,7 @@ function DepartmentMultipleSelect(props) {
       style: getStyle(),
       onClick: onStopPropagation,
       onMouseDown: onStopPropagation,
-      className: "departments-container dtable-ui ".concat(classNamePrefix),
+      className: `departments-container dtable-ui ${classNamePrefix}`,
       children: [isShowSelectedDepartments && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "selected-departments dtable-ui",
         onClick: onClick,

package/lib/DepartmentSelectFilter/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _departmentSingleSelectFilter = _interopRequireDefault(require("../DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter"));
 var _departmentMultipleSelectFilter = _interopRequireDefault(require("../DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter"));
@@ -27,7 +26,11 @@ function DepartmentSelectFilter(props) {
     onCommit
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, (0, _objectSpread2.default)({}, filterProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, (0, _objectSpread2.default)({}, filterProps))
+    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, {
+      ...filterProps
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, {
+      ...filterProps
+    })
   });
 }
 var _default = exports.default = DepartmentSelectFilter;

package/lib/DepartmentSingleSelectEditor/index.js

@@ -6,36 +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,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    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

@@ -158,7 +158,7 @@ const MBDepartmentSingleSelectEditor = _ref => {
                 label: (0, _lang.getLocale)(name)
               })
             })
-          }, "department-range-item-".concat(index));
+          }, `department-range-item-${index}`);
         })
       }), currentDepartments.map((department, index) => {
         const {
@@ -180,7 +180,7 @@ const MBDepartmentSingleSelectEditor = _ref => {
               label: name
             })
           })
-        }, "department-item-".concat(index));
+        }, `department-item-${index}`);
       })]
     });
   }, [initColumnData, parentId, isFilterEditor, isSupportMultiple, departments, value, topParentIds, onParentDepartmentClick, onDepartmentClick]);

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"));
@@ -143,7 +142,7 @@ class DepartmentSingleSelect extends _react.Component {
           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",
@@ -152,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: {
@@ -187,9 +186,10 @@ class DepartmentSingleSelect extends _react.Component {
       } = 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);
         })]
       });

package/lib/DigitalSignEditor/index.js

@@ -6,36 +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,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    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"));
@@ -111,9 +110,10 @@ class MBDigitalSignEditor extends _react.Component {
     const {
       saving
     } = this.state;
-    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+    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,

package/lib/DigitalSignEditor/pc-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 _reactstrap = require("reactstrap");
 var _DTableCustomFooter = _interopRequireDefault(require("../../DTableCustomFooter"));
@@ -139,15 +138,17 @@ class PCDigitalSignEditor extends _react.Component {
       editorPosition,
       saving
     } = this.state;
-    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
+      ...config,
       partUrl: _utils.default.getSignImageUrl(value)
-    }));
+    });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-digital-sign-editor-container",
       ref: ref => this.editor = ref,
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editorPosition), {}, {
+      style: {
+        ...editorPosition,
         zIndex: 1000
-      }),
+      },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dtable-ui-digital-sign-editor-header",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/DigitalSignEditor/service.js

@@ -21,7 +21,7 @@ class DigitalService {
       failedCallback
     } = _ref;
     if (!this.uploadFile) return;
-    const name = "".concat(this.username, "-").concat(Date.now().toString(), ".png");
+    const name = `${this.username}-${Date.now().toString()}.png`;
     const file = new File([signBlob], name, {
       type: 'image/png'
     });

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

@@ -18,8 +18,8 @@ class SignatureBoard extends _react.Component {
     this.initSignTool = () => {
       let signatureBoardCanvas = document.querySelector('#signature_board_canvas');
       if (!this.signatureBoard || !signatureBoardCanvas) return;
-      signatureBoardCanvas.style.width = "".concat(this.signatureBoard.offsetWidth, "px");
-      signatureBoardCanvas.style.height = "".concat(this.signatureBoard.offsetHeight, "px");
+      signatureBoardCanvas.style.width = `${this.signatureBoard.offsetWidth}px`;
+      signatureBoardCanvas.style.height = `${this.signatureBoard.offsetHeight}px`;
       this.signatureTool = new _signatureTool.default(signatureBoardCanvas, {
         minLineWidth: 2,
         maxLineWidth: 4,

package/lib/DigitalSignFormatter/utils.js

@@ -15,7 +15,7 @@ const getDigitalSignImageUrl = (cellValue, config) => {
     dtableUuid
   } = config || {};
   if (server && (workspaceID || workspaceID === 0) && dtableUuid) {
-    return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(url);
+    return `${server}/workspace/${workspaceID}/asset/${dtableUuid}${url}`;
   }
   return url;
 };

package/lib/Drawer/index.js

@@ -6,14 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _rmcDrawer = _interopRequireDefault(require("rmc-drawer"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class Drawer extends React.Component {
   render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDrawer.default, (0, _objectSpread2.default)({}, this.props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDrawer.default, {
+      ...this.props
+    });
   }
 }
 exports.default = Drawer;

package/lib/FieldDisplaySetting/field-item.js

@@ -81,7 +81,7 @@ function FieldItem(_ref) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: fieldItemRef,
-    className: "field-item-container ".concat(isCollapsed ? 'd-none' : ''),
+    className: `field-item-container ${isCollapsed ? 'd-none' : ''}`,
     onDrop: onDrop,
     onDragEnter: onTableDragEnter,
     onDragOver: onDragOver,