@seafile/sdoc-editor 2.0.78 → 2.0.80-test-0.0.1

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header-cell.js

@@ -28,7 +28,7 @@ class RowCardHeaderCell extends _react.default.Component {
       let headerCellWidth = width;
       if (rowCardType === 'link') {
         const tableId = table._id;
-        const draggedCellId = `${tableId}-${key}`;
+        const draggedCellId = "".concat(tableId, "-").concat(key);
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         if (existedWidth) {
           headerCellWidth = existedWidth;
@@ -56,7 +56,7 @@ class RowCardHeaderCell extends _react.default.Component {
       const {
         _id: tableId
       } = table;
-      const draggedCellId = `${tableId}-${columnKey}`;
+      const draggedCellId = "".concat(tableId, "-").concat(columnKey);
       let width = this.getWidthFromMouseEvent(e);
       this.setState({
         resizing: false

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js

@@ -78,7 +78,7 @@ class RowCardHeader extends _react.default.Component {
       // Start from the second column without name
       for (let i = 1; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,
@@ -118,7 +118,7 @@ class RowCardHeader extends _react.default.Component {
     } = this.state;
     const cardHeaderCells = this.getCardHeaderCells();
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
+      className: "row-card-header ".concat(cardHeaderClassName ? cardHeaderClassName : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "row-card-column-names records-column-names",
       ref: ref => this.recordItemRef = ref

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-item.js

@@ -46,7 +46,7 @@ class RowCardItem extends _react.PureComponent {
           key,
           width
         } = column;
-        const draggedCellId = `${tableId}-${key}`;
+        const draggedCellId = "".concat(tableId, "-").concat(key);
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         let columnWidth = existedWidth && rowCardType === 'link' ? existedWidth : width;
         if (draggedCell.id === draggedCellId) {

package/dist/plugin-module/plugins/seatable-row/helpers.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateSeaTableTable = exports.isInsertSeaTableRowDisabled = exports.insertSeaTableRow = exports.getAllCollaborators = exports.generateSeaTableRow = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../../basic-sdk/extension/constants");
@@ -84,9 +85,7 @@ const insertSeaTableRow = function (editor, table_id, selectedRowID) {
 };
 exports.insertSeaTableRow = insertSeaTableRow;
 const updateSeaTableTable = (editor, props, options) => {
-  _slate.Transforms.setNodes(editor, {
-    ...props
-  }, options);
+  _slate.Transforms.setNodes(editor, (0, _objectSpread2.default)({}, props), options);
 };
 exports.updateSeaTableTable = updateSeaTableTable;
 const getAllCollaborators = () => {

package/dist/plugin-module/plugins/seatable-row/render-elem/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 _reactI18next = require("react-i18next");
 var _slateReact = require("@seafile/slate-react");
@@ -87,13 +88,11 @@ const RowRecord = _ref => {
             type: array_type || _dtableUtils.CellType.TEXT,
             data: array_data || null
           };
-          return {
-            ...column,
-            data: {
-              ...data,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+            data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
               display_column
-            }
-          };
+            })
+          });
         }
         return column;
       });

package/dist/plugin-module/plugins/seatable-row/render-elem/record-header.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 = RecordHeader;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -38,10 +39,9 @@ function RecordHeader(_ref) {
   const onDrag = (e, currentCell, currentColumnKey) => {
     const width = getWidthFromMouseEvent(e, currentCell);
     if (width >= 80) {
-      const newColumnWidthMap = {
-        ...columnWidthMap,
+      const newColumnWidthMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, columnWidthMap), {}, {
         [currentColumnKey]: width
-      };
+      });
       setColumnWidthMap(newColumnWidthMap);
     }
   };

package/dist/plugin-module/plugins/seatable-tables/formatter/index.js

@@ -61,7 +61,7 @@ class CellFormatter extends _react.default.Component {
       const {
         type: columnType
       } = column || {};
-      const containerClassName = `document-${columnType}-formatter`;
+      const containerClassName = "document-".concat(columnType, "-formatter");
       switch (columnType) {
         case _dtableUtils.CellType.TEXT:
           {

package/dist/plugin-module/plugins/seatable-tables/formatter/link-formatter/index.js

@@ -49,7 +49,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, value);
         }));
@@ -61,7 +61,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value && value !== 0) return null;
           return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             containerClassName: "document-link-item",
             data: displayColumnData || {},
             value: value
@@ -78,7 +78,7 @@ function LinkFormatter(props) {
             format
           } = displayColumnData || {};
           return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             format: format,
             containerClassName: "document-link-item"
@@ -92,7 +92,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "document-link-item"
           });
@@ -105,7 +105,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "document-link-item"
           });
@@ -118,7 +118,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, (0, _dtableUtils.getDurationDisplayString)(value, displayColumnData));
         }));
@@ -139,7 +139,7 @@ function LinkFormatter(props) {
         return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
           value: cellValue,
           options: options || [],
-          containerClassName: `dtable-dataset-${displayColumnType}-formatter`
+          containerClassName: "dtable-dataset-".concat(displayColumnType, "-formatter")
         });
       }
     case _dtableUtils.CellType.MULTIPLE_SELECT:
@@ -154,7 +154,7 @@ function LinkFormatter(props) {
           if (!value) return null;
           const valueDisplayString = Array.isArray(value) ? (0, _dtableUtils.getMultipleOptionName)(options, value) : (0, _dtableUtils.getMultipleOptionName)(options, [value]);
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, valueDisplayString);
         }));
@@ -174,7 +174,7 @@ function LinkFormatter(props) {
             [displayColumn.key]: [value]
           }, displayColumn, collaborators);
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, valueDisplayString);
         }));
@@ -185,9 +185,9 @@ function LinkFormatter(props) {
           className: containerClassName
         }, cellValue.map((value, index) => {
           return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: Boolean(value),
-            containerClassName: `document-${displayColumnType}-item`
+            containerClassName: "document-".concat(displayColumnType, "-item")
           });
         }));
       }
@@ -198,7 +198,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, (0, _dtableUtils.getGeolocationDisplayString)(value, displayColumnData, {
             hyphen: ' '
@@ -212,9 +212,9 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
-            containerClassName: `document-${displayColumnType}-item`
+            containerClassName: "document-".concat(displayColumnType, "-item")
           });
         }));
       }
@@ -226,7 +226,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, (0, _utils.getCellDisplayValue)({
             [displayColumn.key]: value
@@ -239,7 +239,7 @@ function LinkFormatter(props) {
           className: containerClassName
         }, cellValue.map((value, index) => {
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, value + '');
         }));
@@ -251,7 +251,7 @@ function LinkFormatter(props) {
         }, cellValue.map((value, index) => {
           if (!value) return null;
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "document-link-item"
           }, value);
         }));
@@ -265,7 +265,7 @@ function LinkFormatter(props) {
         if (!userId) return null;
         return cellValue.map((item, index) => {
           return /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter2.default, {
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             tip: props.t('Deleted_department'),
             value: item,
             departments: departments,

package/dist/plugin-module/plugins/seatable-tables/helpers.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateSeaTableTable = exports.isInsertSeaTableTableDisabled = exports.insertSeaTableTable = exports.generateSeaTableTable = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../../basic-sdk/extension/constants");
@@ -82,8 +83,6 @@ const insertSeaTableTable = function (editor, item) {
 };
 exports.insertSeaTableTable = insertSeaTableTable;
 const updateSeaTableTable = (editor, props, options) => {
-  _slate.Transforms.setNodes(editor, {
-    ...props
-  }, options);
+  _slate.Transforms.setNodes(editor, (0, _objectSpread2.default)({}, props), options);
 };
 exports.updateSeaTableTable = updateSeaTableTable;

package/dist/plugin-module/plugins/seatable-tables/op-menu/index.js

@@ -45,7 +45,7 @@ const TablesList = _ref => {
     className: "seatable-setting-list-wrapper"
   }, tablesData.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `seatable-setting-item ${selectedTableText === item.name ? 'active' : ''}`,
+      className: "seatable-setting-item ".concat(selectedTableText === item.name ? 'active' : ''),
       id: item._id,
       key: item._id,
       onClick: () => {
@@ -54,7 +54,7 @@ const TablesList = _ref => {
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "text-truncate"
     }, item.name), /*#__PURE__*/_react.default.createElement("span", {
-      className: `check-mark ${selectedTableText === item.name ? 'checked' : ''}`
+      className: "check-mark ".concat(selectedTableText === item.name ? 'checked' : '')
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark icon-font"
     })));
@@ -277,7 +277,7 @@ function OpMenu(_ref3) {
     className: "sdoc-seatable-hover-operation-item sdoc-seatable-hover-operation-lang"
   }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    className: `op-item ${isShowTableList ? 'active' : ''}`,
+    className: "op-item ".concat(isShowTableList ? 'active' : ''),
     onClick: onShowTables
   }, /*#__PURE__*/_react.default.createElement("span", null, selectedTableText), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"

package/dist/plugin-module/plugins/seatable-tables/render-element/record-header.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 = RecordHeader;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -43,10 +44,9 @@ function RecordHeader(_ref) {
   const onDrag = (e, currentCell, currentColumnKey) => {
     const width = getWidthFromMouseEvent(e, currentCell);
     if (width >= 80) {
-      const newColumnWidthMap = {
-        ...columnWidthMap,
+      const newColumnWidthMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, columnWidthMap), {}, {
         [currentColumnKey]: width
-      };
+      });
       setColumnWidthMap(newColumnWidthMap);
     }
   };

package/dist/plugin-module/plugins/seatable-tables/render-element/seatable-table.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 _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
@@ -181,13 +182,11 @@ function SeaTableTable(_ref) {
             type: array_type || _dtableUtils.CellType.TEXT,
             data: array_data || null
           };
-          return {
-            ...column,
-            data: {
-              ...data,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+            data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
               display_column
-            }
-          };
+            })
+          });
         }
         return column;
       });

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/common-add-tool/index.js

@@ -17,13 +17,13 @@ function CommonAddTool(_ref) {
     style
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `add-item-btn ${className ? className : ''}`,
+    className: "add-item-btn ".concat(className ? className : ''),
     style: style,
     onClick: e => {
       callBack(e);
     }
   }, !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
-    className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
+    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "text-truncate"
   }, footerName));

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -70,7 +70,7 @@ class DtableSearchInput extends _react.Component {
       const {
         ClearIndicator
       } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
+      if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
         return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
         });

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/_department-utils.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.searchDepartments = exports.getNormalizedDepartments = exports.DEPARTMENT_SELECT_RANGE_OPTIONS = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 const DEPARTMENT_SELECT_RANGE_OPTIONS = exports.DEPARTMENT_SELECT_RANGE_OPTIONS = [{
   name: 'Current_user_department',
   type: 'current_user_department'
@@ -37,11 +39,10 @@ const getNormalizedDepartments = function (departments) {
   return departments.map(depart => {
     const hasChild = canExpand && !!parentIdMap[depart.id];
     const isExpanded = depart.parent_id === -1 ? true : false;
-    return {
-      ...depart,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, depart), {}, {
       hasChild,
       isExpanded
-    };
+    });
   });
 };
 exports.getNormalizedDepartments = getNormalizedDepartments;

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-multiple-select.js

@@ -89,7 +89,7 @@ function DepartmentMultipleSelect(props) {
     } = department;
     const newLevel = level + 1;
     const inputStyle = {
-      marginRight: `${newLevel * 15 + 5}px`
+      marginRight: "".concat(newLevel * 15 + 5, "px")
     };
     const nameStyle = {
       paddingLeft: hasChild ? '' : '16px'
@@ -107,7 +107,7 @@ function DepartmentMultipleSelect(props) {
       style: inputStyle,
       onChange: () => {}
     }), hasChild && !searchVal && /*#__PURE__*/_react.default.createElement("span", {
-      className: `dtable-font expand dtable-icon-${isExpanded ? 'drop-down' : 'right-slide'} pr-1`,
+      className: "dtable-font expand dtable-icon-".concat(isExpanded ? 'drop-down' : 'right-slide', " pr-1"),
       onClick: event => onExpand(event, id, isExpanded)
     }), /*#__PURE__*/_react.default.createElement("span", {
       style: searchVal ? {} : nameStyle,
@@ -129,7 +129,7 @@ function DepartmentMultipleSelect(props) {
       ref: departmentContainerRef,
       onClick: onStopPropagation,
       onMouseDown: onStopPropagation,
-      className: `dropdown-menu show departments-container ${classNamePrefix}`
+      className: "dropdown-menu show departments-container ".concat(classNamePrefix)
     }, isShowSelectedDepartments && /*#__PURE__*/_react.default.createElement("div", {
       className: "selected-departments",
       onClick: onClick

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-single-select.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Loading2 = _interopRequireDefault(require("dtable-ui-component/lib/Loading"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
@@ -146,7 +147,7 @@ class DepartmentSingleSelect extends _react.Component {
         paddingLeft: hasChild ? '' : noChildStyle
       };
       const itemStyle = {
-        paddingLeft: `${newLevel * 15 + 10}px`
+        paddingLeft: "".concat(newLevel * 15 + 10, "px")
       };
       const isChecked = value === id;
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
@@ -158,7 +159,7 @@ class DepartmentSingleSelect extends _react.Component {
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "department-item-left-content d-flex align-items-center"
       }, hasChild && /*#__PURE__*/_react.default.createElement("span", {
-        className: `dtable-font expand dtable-icon-${isExpanded ? 'drop-down' : 'right-slide'} pr-1`,
+        className: "dtable-font expand dtable-icon-".concat(isExpanded ? 'drop-down' : 'right-slide', " pr-1"),
         onClick: event => this.onExpand(event, id, isExpanded)
       }), /*#__PURE__*/_react.default.createElement("span", {
         style: nameStyle,
@@ -183,10 +184,9 @@ class DepartmentSingleSelect extends _react.Component {
         departments
       } = this.state;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, 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/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/selected-departments.js

@@ -32,7 +32,7 @@ function SelectedDepartments(_ref) {
     if ([_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
       const name = t(_departmentUtils.DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
       return /*#__PURE__*/_react.default.createElement("div", {
-        key: `department-${index}`,
+        key: "department-".concat(index),
         className: "department mr-1"
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: "department-name text-truncate",
@@ -46,7 +46,7 @@ function SelectedDepartments(_ref) {
         name
       } = department;
       return /*#__PURE__*/_react.default.createElement("div", {
-        key: `department-${index}`,
+        key: "department-".concat(index),
         className: "department mr-1"
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "department-avatar-container d-flex align-items-center justify-content-center"
@@ -66,7 +66,7 @@ function SelectedDepartments(_ref) {
       }))));
     }
     return /*#__PURE__*/_react.default.createElement("div", {
-      key: `department-${index}`,
+      key: "department-".concat(index),
       className: "department empty-department mr-1"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "department-avatar-container d-flex align-items-center justify-content-center"

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js

@@ -310,7 +310,7 @@ class FilterItem extends _react.default.Component {
               background: inOption.color,
               color: inOption.textColor || null
             };
-            labelArray.push( /*#__PURE__*/_react.default.createElement("span", {
+            labelArray.push(/*#__PURE__*/_react.default.createElement("span", {
               className: className,
               style: optionStyle,
               key: 'option_' + item,
@@ -685,7 +685,7 @@ class FilterItem extends _react.default.Component {
       searchPlaceholder: t('Search_column'),
       noOptionsPlaceholder: t('No_results')
     })), /*#__PURE__*/_react.default.createElement("div", {
-      className: `filter-predicate ml-2 ${_isCheckboxColumn ? 'filter-checkbox-predicate' : ''}`
+      className: "filter-predicate ml-2 ".concat(_isCheckboxColumn ? 'filter-checkbox-predicate' : '')
     }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
       value: activePredicate,
       options: filterPredicateOptions,

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/rate-item/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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
@@ -56,20 +57,19 @@ class RateItem extends _react.default.Component {
     };
     let style = itemStyle;
     if (enterRateItemIndex >= rateItemIndex) {
-      style = {
-        ...itemStyle,
+      style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemStyle), {}, {
         color: rate_style_color,
         opacity: 0.4
-      };
+      });
     }
     return /*#__PURE__*/_react.default.createElement("div", {
       onMouseEnter: this.onMouseEnterRateItem,
       onMouseLeave: this.onMouseLeaveRateItem,
       style: style,
       onClick: this.onChangeRateNumber,
-      className: `rate-item ${value >= rateItemIndex ? 'rate-item-active' : ''}`
+      className: "rate-item ".concat(value >= rateItemIndex ? 'rate-item-active' : '')
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `dtable-font ${rateShowType}`,
+      className: "dtable-font ".concat(rateShowType),
       ref: this.tooltipRef
     }), editable && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
       placement: "bottom",

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover.js

@@ -177,7 +177,7 @@ class FilterPopover extends _react.Component {
         scheduleUpdate: scheduleUpdate,
         isPre: this.props.isPre
       }), /*#__PURE__*/_react.default.createElement(_commonAddTool.default, {
-        className: `popover-add-tool ${canAddFilter ? '' : 'disabled'}`,
+        className: "popover-add-tool ".concat(canAddFilter ? '' : 'disabled'),
         callBack: canAddFilter ? () => this.addFilter(scheduleUpdate) : () => {},
         footerName: t('Add_filter'),
         addIconClassName: "popover-add-icon"

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/hide-column-setter/hide-column-item.js

@@ -46,7 +46,7 @@ class HideColumnItem extends _react.default.PureComponent {
       setting
     } = this.state;
     const placeholder = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
-      className: `dtable-font ${setting.columnIcon}`
+      className: "dtable-font ".concat(setting.columnIcon)
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "text-truncate"
     }, setting.columnName));

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/hide-column-setter/hide-column-popover.js

@@ -165,7 +165,7 @@ class HideColumnPopover extends _react.default.Component {
       ref: ref => this.popoverRef = ref,
       onClick: this.onPopoverInsideClick
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `field-settings ${isEmpty ? 'empty' : ''}`
+      className: "field-settings ".concat(isEmpty ? 'empty' : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "search-column"
     }, /*#__PURE__*/_react.default.createElement("input", {