dtable-ui-component 6.0.104 → 6.0.106

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
-      })
+      }))
     })]
   });
 });

package/lib/DigitalSignEditor/mb-editor/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 _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _signatureBoard = _interopRequireDefault(require("../signature-board"));
@@ -110,10 +111,9 @@ class MBDigitalSignEditor extends _react.Component {
     const {
       saving
     } = this.state;
-    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
-      ...config,
+    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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,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 _reactstrap = require("reactstrap");
 var _DTableCustomFooter = _interopRequireDefault(require("../../DTableCustomFooter"));
@@ -138,17 +139,15 @@ class PCDigitalSignEditor extends _react.Component {
       editorPosition,
       saving
     } = this.state;
-    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
-      ...config,
+    const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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: {
-        ...editorPosition,
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = `${this.username}-${Date.now().toString()}.png`;
+    const name = "".concat(this.username, "-").concat(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 = `${this.signatureBoard.offsetWidth}px`;
-      signatureBoardCanvas.style.height = `${this.signatureBoard.offsetHeight}px`;
+      signatureBoardCanvas.style.width = "".concat(this.signatureBoard.offsetWidth, "px");
+      signatureBoardCanvas.style.height = "".concat(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 `${server}/workspace/${workspaceID}/asset/${dtableUuid}${url}`;
+    return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(url);
   }
   return url;
 };

package/lib/Drawer/index.js

@@ -6,15 +6,14 @@ 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, {
-      ...this.props
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDrawer.default, (0, _objectSpread2.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 ${isCollapsed ? 'd-none' : ''}`,
+    className: "field-item-container ".concat(isCollapsed ? 'd-none' : ''),
     onDrop: onDrop,
     onDragEnter: onTableDragEnter,
     onDragOver: onDragOver,

package/lib/FieldDisplaySetting/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 _reactstrap = require("reactstrap");
 var _reactTransitionGroup = require("react-transition-group");
@@ -30,17 +31,17 @@ function FieldDisplaySetting(_ref) {
     setCollapsed(!isCollapsed);
   };
   const defaultStyle = {
-    transition: `all ${DURATION}ms cubic-bezier(.645,.045,.355,1)`,
+    transition: "all ".concat(DURATION, "ms cubic-bezier(.645,.045,.355,1)"),
     opacity: 0
   };
   const transitionStyles = {
     entering: {
       opacity: 1,
-      height: `${fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT}px`
+      height: "".concat(fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT, "px")
     },
     entered: {
       opacity: 1,
-      height: `${fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT}px`
+      height: "".concat(fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT, "px")
     },
     exiting: {
       opacity: 0,
@@ -60,7 +61,7 @@ function FieldDisplaySetting(_ref) {
         className: "mb-0",
         children: textProperties.titleValue
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `dtable-font dtable-icon-right expand-button ${isCollapsed ? '' : 'revolving'}`
+        className: "dtable-font dtable-icon-right expand-button ".concat(isCollapsed ? '' : 'revolving')
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
       nodeRef: nodeRef,
@@ -69,12 +70,9 @@ function FieldDisplaySetting(_ref) {
       children: state => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "field-setting-wrapper",
         ref: nodeRef,
-        style: {
-          ...defaultStyle,
-          ...transitionStyles[state]
-        },
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state]),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `field-setting-banner ${isCollapsed ? 'd-none' : 'd-flex'} align-items-center justify-content-between h-5 mt-2 mb-2`,
+          className: "field-setting-banner ".concat(isCollapsed ? 'd-none' : 'd-flex', " align-items-center justify-content-between h-5 mt-2 mb-2"),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Label, {
             className: "mb-0",
             children: textProperties.bannerValue
@@ -91,7 +89,7 @@ function FieldDisplaySetting(_ref) {
               isCollapsed: isCollapsed,
               onClickField: onClickField,
               onMoveField: onMoveField
-            }, `${field.key}-${index}`);
+            }, "".concat(field.key, "-").concat(index));
           })
         })]
       })

package/lib/FileEditor/files-previewer/index.js

@@ -6,38 +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 _pcPreviewer = _interopRequireDefault(require("./pc-previewer"));
 var _mbPreviewer = _interopRequireDefault(require("./mb-previewer"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["isMobile"];
 const FilesPreviewer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    isMobile,
-    ...props
-  } = _ref;
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, {
-    ...props,
+      isMobile
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.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)(_pcPreviewer.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.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)(_mbPreviewer.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         ref: ref
-      })
+      }))
     })]
   });
 });

package/lib/FileEditor/files-previewer/mb-previewer/file-previewer/index.js

@@ -104,7 +104,7 @@ class FilePreviewer extends _react.default.Component {
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "dtable-ui-file-editor-previewer-info",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `dtable-ui-file-editor-previewer-item-name ${fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''}`,
+              className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 children: fileItem.name
               })
@@ -112,7 +112,7 @@ class FilePreviewer extends _react.default.Component {
               className: "dtable-ui-file-editor-preview-item-detail d-flex",
               children: [uploadTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "file-upload-time",
-                children: `${uploadTime}, `
+                children: "".concat(uploadTime, ", ")
               }), fileItem.size > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 children: (0, _utils.bytesToSize)(fileItem.size)
               })]

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/index.js

@@ -99,7 +99,7 @@ class FilePreviewer extends _react.default.Component {
     const errorMessage = '';
     const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: `dtable-ui-file-editor-previewer-box ${highlight ? 'dtable-ui-file-editor-previewer-box-highlight' : ''}`,
+      className: "dtable-ui-file-editor-previewer-box ".concat(highlight ? 'dtable-ui-file-editor-previewer-box-highlight' : ''),
       onMouseEnter: this.fileItemMouseEnter,
       onMouseLeave: this.fileItemMouseLeave,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -123,7 +123,7 @@ class FilePreviewer extends _react.default.Component {
             renameFile: this.props.renameFile,
             closeRenameFile: this.closeRenameFile
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `dtable-ui-file-editor-previewer-item-name ${fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''}`,
+            className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
             ref: ref => this.renameRef = ref,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               onClick: this.props.renameFile ? this.handleFileClick : () => {},
@@ -133,7 +133,7 @@ class FilePreviewer extends _react.default.Component {
             className: "dtable-ui-file-editor-preview-item-detail d-flex",
             children: [uploadTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "file-upload-time",
-              children: `${uploadTime}, `
+              children: "".concat(uploadTime, ", ")
             }), fileItem.size > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: (0, _utils.bytesToSize)(fileItem.size)
             })]

package/lib/FileEditor/index.js

@@ -6,38 +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"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["isMobile"];
 const FileEditor = /*#__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/FileEditor/pc-editor/addition-previewer/index.js

@@ -35,7 +35,7 @@ class AdditionPreviewer extends _react.default.Component {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "dtable-ui-image-addition-nav",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `dtable-ui-addition-item ${activeTab === 'localFiles' ? 'dtable-ui-addition-item-selected' : ''}`,
+            className: "dtable-ui-addition-item ".concat(activeTab === 'localFiles' ? 'dtable-ui-addition-item-selected' : ''),
             onClick: this.toggle.bind(this, 'localFiles'),
             children: (0, _lang.getLocale)('Local_Files')
           })

package/lib/FileEditor/pc-editor/addition-previewer/local-file-addition/index.js

@@ -126,7 +126,7 @@ class LocalFileAddition extends _react.default.Component {
                     src: fileThumbnailItem.fileIconUrl,
                     style: {
                       position: 'absolute',
-                      zIndex: `${uploadFile ? 3 : 1}`,
+                      zIndex: "".concat(uploadFile ? 3 : 1),
                       maxHeight: '100%'
                     },
                     alt: ""
@@ -155,7 +155,7 @@ class LocalFileAddition extends _react.default.Component {
                   })]
                 })
               })
-            }, `dtable-ui-image-wrapper-circle${index}`);
+            }, "dtable-ui-image-wrapper-circle".concat(index));
           });
           fileArr.push(...thumbnailList);
         }
@@ -174,7 +174,7 @@ class LocalFileAddition extends _react.default.Component {
         } = (0, _url.getFileThumbnailInfo)(fileItem, config);
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-wrapper",
-          id: `file-content-tip-${index}`,
+          id: "file-content-tip-".concat(index),
           onMouseEnter: event => this.showDeleteIcon(event, index),
           onMouseLeave: this.hideDeleteIcon,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -199,7 +199,7 @@ class LocalFileAddition extends _react.default.Component {
               show: 0,
               hide: 0
             },
-            target: `file-content-tip-${index}`,
+            target: "file-content-tip-".concat(index),
             placement: "bottom",
             isOpen: this.state.tooltipOpen,
             children: fileItem.name
@@ -214,7 +214,7 @@ class LocalFileAddition extends _react.default.Component {
       } = this.state;
       let editorContent = fileArr.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `dtable-ui-image-tip-addition ${isFileTipShow ? 'dtable-ui-image-drop-active' : ''}`,
+          className: "dtable-ui-image-tip-addition ".concat(isFileTipShow ? 'dtable-ui-image-drop-active' : ''),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "dtable-ui-dtable-ui-image-add-icon",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
@@ -232,7 +232,7 @@ class LocalFileAddition extends _react.default.Component {
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-image-add-box",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `dtable-ui-image-add-button ${isFileTipShow ? 'dtable-ui-image-wrapper-drop-active' : ''}`,
+          className: "dtable-ui-image-add-button ".concat(isFileTipShow ? 'dtable-ui-image-wrapper-drop-active' : ''),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
             "aria-hidden": "true",
             className: "dtable-font dtable-icon-add-table"