dtable-ui-component 7.0.15 → 7.0.17

package/lib/DTableSelect/utils.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.processOptionsWithClear = exports.handleSelectChange = exports.createHandleChange = 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");
 require("./dtable-select-label.css");
 var _jsxRuntime = require("react/jsx-runtime");
-// DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
+const _excluded = ["innerProps"]; // DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
 const DEFAULT_CONTROL_STYLE = {
   fontSize: '14px',
   padding: '0 4px 0 8px',
@@ -55,53 +57,40 @@ const controlCallback = (provided, state) => {
     }
   };
   if (isDisabled) {
-    return {
-      ...provided,
-      ...DISABLED_CONTROL_STYLE,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), DISABLED_CONTROL_STYLE), {}, {
       ':active': {
         border: '1px solid var(--bs-bg-border-color)'
-      },
-      ...headerIconStyle
-    };
+      }
+    }, headerIconStyle);
   }
   if (isFocused) {
-    return {
-      ...provided,
-      ...FOCUS_CONTROL_STYLE,
-      ...headerIconStyle
-    };
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), FOCUS_CONTROL_STYLE), headerIconStyle);
   }
-  return {
-    ...provided,
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
     fontSize: '14px',
     lineHeight: '1.5',
-    cursor: 'pointer',
-    ...DEFAULT_CONTROL_STYLE,
-    ...headerIconStyle
-  };
+    cursor: 'pointer'
+  }, DEFAULT_CONTROL_STYLE), headerIconStyle);
 };
 const MenuSelectStyle = exports.MenuSelectStyle = {
   menu: base => {
-    return {
-      ...base,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
       backgroundColor: 'var(--bs-popover-bg)',
       border: '1px solid var(--bs-border-secondary-color)',
       borderRadius: '4px',
       boxShadow: 'var(--bs-border-secondary-shadow)',
       marginTop: '4px',
       marginBottom: 0
-    };
+    });
   },
-  menuList: provided => ({
-    ...provided,
+  menuList: provided => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
     padding: '8px'
   }),
   option: (provided, state) => {
     const {
       isDisabled
     } = state;
-    return {
-      ...provided,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       color: 'var(--bs-body-color)',
       borderRadius: '4px',
       minHeight: '32px',
@@ -115,32 +104,28 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
         backgroundColor: 'var(--bs-btn-background-hover)'
       },
       '.header-icon': HEADER_ICON_STYLE
-    };
+    });
   },
   control: controlCallback,
-  menuPortal: base => ({
-    ...base,
+  menuPortal: base => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
     zIndex: 9999,
     backgroundColor: 'var(--bs-popover-bg)',
     color: 'var(--bs-body-color)',
     borderColor: 'var(--bs-border-secondary-color)'
   }),
   singleValue: provided => {
-    return {
-      ...provided,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       color: 'var(--bs-body-color)',
       margin: 0
-    };
+    });
   },
   multiValue: provided => {
-    return {
-      ...provided,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       color: 'var(--bs-body-color)',
       margin: 0
-    };
+    });
   },
-  multiValueRemove: styles => ({
-    ...styles,
+  multiValueRemove: styles => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), {}, {
     '.dtable-font': {
       color: 'var(--bs-icon-color)'
     },
@@ -149,20 +134,18 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
       color: 'var(--bs-icon-color)'
     }
   }),
-  input: styles => ({
-    ...styles,
+  input: styles => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), {}, {
     color: 'var(--bs-body-color)'
   }),
   placeholder: (provided, state) => {
     const {
       isDisabled
     } = state;
-    return {
-      ...provided,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       color: 'var(--bs-bg-placeholder-color)',
       opacity: isDisabled ? 0.65 : 1,
       margin: 0
-    };
+    });
   },
   indicatorSeparator: (styles, state) => {
     return {
@@ -173,19 +156,17 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
     const {
       isDisabled
     } = state;
-    return {
-      ...provided,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       paddingRight: '12px',
       '.dtable-font': {
         color: 'var(--bs-icon-color) !important',
         opacity: isDisabled ? 0.65 : 1
       }
-    };
+    });
   }
 };
 const DropdownIndicator = props => {
-  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.DropdownIndicator, {
-    ...props,
+  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.DropdownIndicator, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-font dtable-icon-down3",
       style: {
@@ -195,24 +176,22 @@ const DropdownIndicator = props => {
         paddingRight: 0
       }
     })
-  });
+  }));
 };
 exports.DropdownIndicator = DropdownIndicator;
 const ClearIndicator = _ref => {
   let {
-    innerProps,
-    ...props
-  } = _ref;
+      innerProps
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const onMouseDown = e => {
     e.nativeEvent.stopImmediatePropagation();
     innerProps.onMouseDown(e);
   };
-  props.innerProps = {
-    ...innerProps,
+  props.innerProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, innerProps), {}, {
     onMouseDown
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.ClearIndicator, {
-    ...props,
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.ClearIndicator, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-font dtable-icon-fork-number",
       style: {
@@ -221,16 +200,15 @@ const ClearIndicator = _ref => {
         color: 'var(--bs-icon-color)'
       }
     })
-  });
+  }));
 };
 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, {
-    ...props,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.MenuList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     children: props.children
-  })
+  }))
 });
 exports.MenuList = MenuList;
 const Option = props => {
@@ -238,8 +216,7 @@ const Option = props => {
     isSelected,
     label
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, {
-    ...props,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {
         display: 'flex',
@@ -260,7 +237,7 @@ const Option = props => {
         }
       })]
     })
-  });
+  }));
 };
 exports.Option = Option;
 const processOptionsWithClear = (options, isClearable) => {
@@ -275,10 +252,9 @@ const processOptionsWithClear = (options, isClearable) => {
 exports.processOptionsWithClear = processOptionsWithClear;
 const handleSelectChange = (selectedOption, actionMeta, onChangeCallback) => {
   if (selectedOption && selectedOption.value === '__clear__') {
-    onChangeCallback(null, {
-      ...actionMeta,
+    onChangeCallback(null, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, actionMeta), {}, {
       action: 'clear'
-    });
+    }));
   } else {
     onChangeCallback(selectedOption, actionMeta);
   }

package/lib/DTableSubDropdownMenu/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableDropdownMenu = _interopRequireDefault(require("../DTableDropdownMenu"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,9 +20,7 @@ const DTableSubDropdownMenu = _ref => {
     menuProps,
     children
   } = _ref;
-  let customMenuProps = {
-    ...menuProps
-  };
+  let customMenuProps = (0, _objectSpread2.default)({}, menuProps);
   if (container) {
     customMenuProps.container = container;
   }
@@ -37,15 +36,14 @@ const DTableSubDropdownMenu = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownMenu.default, {
     id: id,
     className: (0, _classnames.default)('dtable-sub-dropdown-menu', className),
-    menuProps: {
-      ...customMenuProps,
+    menuProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customMenuProps), {}, {
       modifiers: [{
         name: 'offset',
         options: {
           offset: [-8, -1]
         }
       }, ...((customMenuProps === null || customMenuProps === void 0 ? void 0 : customMenuProps.modifiers) || [])]
-    },
+    }),
     children: children
   });
 };

package/lib/DTableSubDropdownToggle/index.js

@@ -5,6 +5,7 @@ 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 _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -30,7 +31,7 @@ const DTableSubDropdownToggle = _ref => {
       'aria-hidden': 'true'
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownToggle, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownToggle, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     id: id,
     className: (0, _classnames.default)('dtable-sub-dropdown-toggle dropdown-item', className),
     role: "button",
@@ -39,8 +40,8 @@ const DTableSubDropdownToggle = _ref => {
     title: title || (0, _lang.getLocale)('More_operations'),
     "aria-label": ariaLabel || (0, _lang.getLocale)('More_operations'),
     "aria-expanded": ariaExpanded,
-    disabled: disabled,
-    ...toggleProps,
+    disabled: disabled
+  }, toggleProps), {}, {
     children: [renderedIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "item-text",
       children: text
@@ -48,6 +49,6 @@ const DTableSubDropdownToggle = _ref => {
       className: "item-icon dtable-font dtable-icon-down3 rotate-270 mr-0",
       "aria-hidden": "true"
     })]
-  });
+  }));
 };
 var _default = exports.default = DTableSubDropdownToggle;

package/lib/DTableToolTip/index.js

@@ -5,6 +5,7 @@ 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 _reactstrap = require("reactstrap");
 require("./index.css");
@@ -40,7 +41,7 @@ const DTableToolTip = _ref => {
   const tooltipProps = {
     target,
     placement,
-    className: `dtable-tooltip ${className ? className : ''}`,
+    className: "dtable-tooltip ".concat(className ? className : ''),
     innerClassName: hasShortcut ? 'dtable-tooltip-shortcut-inner' : '',
     delay: {
       show: 0,
@@ -60,9 +61,8 @@ const DTableToolTip = _ref => {
       }
     }, ...(modifiers || [])]
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, {
-    ...tooltipProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tooltipProps), {}, {
     children: renderContent()
-  });
+  }));
 };
 var _default = exports.default = DTableToolTip;

package/lib/DateEditor/index.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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _dtableUtils = require("dtable-utils");
@@ -59,33 +60,29 @@ const DateEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onCommit: handelCommit,
     onClose: hideCalendar
   };
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     isInModal: isInModal,
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         isInModal: isInModal,
         ref: ref
-      })
+      }))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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 ${isInModal ? 'modal-date-picker-container' : ''}`,
+      className: "date-picker-container ".concat(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${n}` : n;
-  const dateStr = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-  const timeStr = `${pad(date.getHours())}:${pad(date.getMinutes())}`;
+  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()));
   if (form === 'YYYY-MM-DD') {
     return dateStr;
   }
   if (form === 'HH:mm') {
     return timeStr;
   }
-  return `${dateStr} ${timeStr}`;
+  return "".concat(dateStr, " ").concat(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: `${newLevel * 15 + 5}px`
+            marginRight: "".concat(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 ${isExpanded ? '' : 'rotate-270'}`
+            className: "dtable-font expand dtable-icon-down3 ".concat(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 ${classNamePrefix}`,
+      className: "departments-container dtable-ui ".concat(classNamePrefix),
       children: [isShowSelectedDepartments && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "selected-departments dtable-ui",
         onClick: onClick,

package/lib/DepartmentSelectFilter/index.js

@@ -5,6 +5,7 @@ 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"));
@@ -26,11 +27,7 @@ function DepartmentSelectFilter(props) {
     onCommit
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, {
-      ...filterProps
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, {
-      ...filterProps
-    })
+    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, (0, _objectSpread2.default)({}, filterProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, (0, _objectSpread2.default)({}, filterProps))
   });
 }
 var _default = exports.default = DepartmentSelectFilter;

package/lib/DepartmentSingleSelectEditor/index.js

@@ -6,37 +6,36 @@ 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,
-    ...props
-  } = _ref;
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+      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), {}, {
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         ref: ref
-      })
+      }))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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-${index}`);
+          }, "department-range-item-".concat(index));
         })
       }), currentDepartments.map((department, index) => {
         const {
@@ -180,7 +180,7 @@ const MBDepartmentSingleSelectEditor = _ref => {
               label: name
             })
           })
-        }, `department-item-${index}`);
+        }, "department-item-".concat(index));
       })]
     });
   }, [initColumnData, parentId, isFilterEditor, isSupportMultiple, departments, value, topParentIds, onParentDepartmentClick, onDepartmentClick]);

package/lib/DepartmentSingleSelectEditor/pc-editor/department-single-select.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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _Loading = _interopRequireDefault(require("../../Loading"));
@@ -142,7 +143,7 @@ class DepartmentSingleSelect extends _react.Component {
           className: "department-item",
           onClick: event => this.onSelectDepartment(event, id),
           style: {
-            paddingLeft: `${newLevel * 15 + 10}px`
+            paddingLeft: "".concat(newLevel * 15 + 10, "px")
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "department-item-left-content d-flex align-items-center",
@@ -151,7 +152,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 ${isExpanded ? '' : 'rotate-270'}`
+                className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
               })
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               style: {
@@ -186,10 +187,9 @@ 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 = {
-            ...department,
+          const value = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, department), {}, {
             hasChild: false
-          };
+          });
           return this.renderDepartment(value, departments, -1, false);
         })]
       });

package/lib/DigitalSignEditor/index.js

@@ -6,37 +6,36 @@ 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,
-    ...props
-  } = _ref;
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+      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), {}, {
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         ref: ref
-      })
+      }))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         ref: ref
-      })
+      }))
     })]
   });
 });