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

package/lib/ActionSheet/index.js

@@ -6,7 +6,6 @@ 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 React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
@@ -24,10 +23,11 @@ const SHARE = 'SHARE';
 function noop() {}
 const queue = [];
 function createActionSheet(flag, config, callback) {
-  const props = (0, _objectSpread2.default)({
+  const props = {
     prefixCls: 'am-action-sheet',
-    cancelButtonText: '取消'
-  }, config);
+    cancelButtonText: '取消',
+    ...config
+  };
   const {
     prefixCls,
     className,
@@ -72,10 +72,10 @@ function createActionSheet(flag, config, callback) {
     badges = []
   } = props;
   const titleMsg = [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-    className: "".concat(prefixCls, "-title"),
+    className: `${prefixCls}-title`,
     children: title
   }, "0") : null, message ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "".concat(prefixCls, "-message"),
+    className: `${prefixCls}-message`,
     children: message
   }, "1") : null];
   let children = null;
@@ -88,54 +88,60 @@ function createActionSheet(flag, config, callback) {
       if (badges && badges.length > 0) {
         badges.forEach(element => {
           if (element.index >= 0) {
-            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _objectSpread2.default)({}, element));
+            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+              ...element
+            });
           }
         });
       }
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...(0, _getDataAttr.default)(props),
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-button-list"),
+          className: `${prefixCls}-button-list`,
           role: "group",
           children: normalOptions.map((item, index) => {
             const itemProps = {
-              className: (0, _classnames.default)("".concat(prefixCls, "-button-list-item"), {
-                ["".concat(prefixCls, "-destructive-button")]: destructiveButtonIndex === index,
-                ["".concat(prefixCls, "-cancel-button")]: cancelButtonIndex === index
+              className: (0, _classnames.default)(`${prefixCls}-button-list-item`, {
+                [`${prefixCls}-destructive-button`]: destructiveButtonIndex === index,
+                [`${prefixCls}-cancel-button`]: cancelButtonIndex === index
               }),
               onClick: () => cb(index),
               role: 'button'
             };
-            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ...itemProps,
               children: item
-            }));
+            });
             // 仅在设置徽标的情况下修改dom结构
             if (badgesMap[index]) {
-              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
-                className: "".concat(itemProps.className, " ").concat(prefixCls, "-button-list-badge"),
+              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                ...itemProps,
+                className: `${itemProps.className} ${prefixCls}-button-list-badge`,
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "".concat(prefixCls, "-button-list-item-content"),
+                  className: `${prefixCls}-button-list-item-content`,
                   children: item
                 }), badgesMap[index]]
-              }));
+              });
             }
             let bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-              activeClassName: "".concat(prefixCls, "-button-list-item-active"),
+              activeClassName: `${prefixCls}-button-list-item-active`,
               children: bContent
             }, index);
             if (cancelButtonIndex === index || destructiveButtonIndex === index) {
               bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-                activeClassName: "".concat(prefixCls, "-button-list-item-active"),
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+                activeClassName: `${prefixCls}-button-list-item-active`,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                  ...itemProps,
                   children: [item, cancelButtonIndex === index ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: "".concat(prefixCls, "-cancel-button-mask")
+                    className: `${prefixCls}-cancel-button-mask`
                   }) : null]
-                }))
+                })
               }, index);
             }
             return bItem;
           })
         })]
-      }));
+      });
       break;
     case SHARE:
       mode = 'share';
@@ -143,43 +149,44 @@ function createActionSheet(flag, config, callback) {
       const createList = function (item, index) {
         let rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-share-list-item"),
+          className: `${prefixCls}-share-list-item`,
           role: "button",
           onClick: () => cb(index, rowIndex),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list-item-icon"),
+            className: `${prefixCls}-share-list-item-icon`,
             children: item.icon
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list-item-title"),
+            className: `${prefixCls}-share-list-item-title`,
             children: item.title
           })]
         }, index);
       };
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...(0, _getDataAttr.default)(props),
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-share"),
+          className: `${prefixCls}-share`,
           children: [multipleLine ? options.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list"),
+            className: `${prefixCls}-share-list`,
             children: item.map((ii, ind) => createList(ii, ind, index))
           }, index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list"),
+            className: `${prefixCls}-share-list`,
             children: options.map((item, index) => createList(item, index))
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-            activeClassName: "".concat(prefixCls, "-share-cancel-button-active"),
+            activeClassName: `${prefixCls}-share-cancel-button-active`,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "".concat(prefixCls, "-share-cancel-button"),
+              className: `${prefixCls}-share-cancel-button`,
               role: "button",
               onClick: () => cb(-1),
               children: cancelButtonText
             })
           })]
         })]
-      }));
+      });
       break;
     default:
       break;
   }
-  const rootCls = (0, _classnames.default)("".concat(prefixCls, "-").concat(mode), className);
+  const rootCls = (0, _classnames.default)(`${prefixCls}-${mode}`, className);
   root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, {
     visible: true,
     title: "",

package/lib/ActivityIndicator/index.js

@@ -23,28 +23,28 @@ class ActivityIndicator extends React.Component {
       text
     } = this.props;
     const wrapClass = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-lg")]: size === 'large',
-      ["".concat(prefixCls, "-sm")]: size === 'small',
-      ["".concat(prefixCls, "-toast")]: !!toast
+      [`${prefixCls}-lg`]: size === 'large',
+      [`${prefixCls}-sm`]: size === 'small',
+      [`${prefixCls}-toast`]: !!toast
     });
-    const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
-      ["".concat(prefixCls, "-spinner-lg")]: !!toast || size === 'large'
+    const spinnerClass = (0, _classnames.default)(`${prefixCls}-spinner`, {
+      [`${prefixCls}-spinner-lg`]: !!toast || size === 'large'
     });
     if (animating) {
       if (toast) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: wrapClass,
           children: text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "".concat(prefixCls, "-content"),
+            className: `${prefixCls}-content`,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-hidden": "true"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "".concat(prefixCls, "-toast"),
+              className: `${prefixCls}-toast`,
               children: text
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-content"),
+            className: `${prefixCls}-content`,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-label": "Loading"
@@ -58,7 +58,7 @@ class ActivityIndicator extends React.Component {
             className: spinnerClass,
             "aria-hidden": "true"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-tip"),
+            className: `${prefixCls}-tip`,
             children: text
           })]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/AsyncUserSelect/index.css

@@ -3,6 +3,7 @@
   height: auto !important;
   min-height: 38px;
   max-width: calc(100% - 10px);
+  padding: 0.4375rem 1rem 0.4375rem 0.5rem;
 }
 
 .dtable-ui-selected-users-container .dtable-ui-user-select-placeholder {
@@ -12,40 +13,56 @@
 .dtable-ui-user-select-popover .popover {
   width: 385px;
   max-width: 385px;
+  border-radius: 4px;
+  fill: #FFFFFF 100%;
+  background-color: #FFFFFF;
+  border: 1px solid #EEEEEE;
+  border-radius: 4px;
+  box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.1);
 }
 
 .dtable-ui-user-select-container {
   position: relative;
 }
 
-.dtable-ui-user-select-container .dtable-ui-user-search-container {
-  padding: 10px 10px 0 10px;
-}
-
 .dtable-ui-user-select-container .dtable-ui-user-search-container input {
-  height: 28px;
+  height: 32px;
 }
 
 .dtable-ui-user-select-container .dtable-ui-user-list-container {
   min-height: 160px;
   max-height: 200px;
-  margin: 10px 0;
+  padding: 8px;
   overflow: auto;
 }
 
+.dtable-ui-user-select-container .form-control {
+  border: none;
+  border-bottom: 1px solid rgb(0 40 100 / 12%) !important;
+  border-radius: 4px 4px 0 0;
+  padding: .375rem .5rem !important;
+}
+
+.dtable-ui-user-select-container .form-control:focus {
+  border-color: transparent !important;
+  border-bottom: 1px solid rgb(0 40 100 / 12%) !important;
+  box-shadow: none !important;
+}
+
 .dtable-ui-user-select-container .dtable-ui-user-list-container .dtable-ui-user-item-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  height: 30px;
-  padding: 0 10px;
+  height: 32px;
+  padding: 0 8px;
   font-size: 14px;
   cursor: pointer;
+  border-radius: 4px;
 }
 
 .dtable-ui-user-select-container .dtable-ui-user-list-container .dtable-ui-user-item-container:hover,
 .dtable-ui-user-select-container .dtable-ui-user-list-container .dtable-ui-user-item-container-highlight {
-  background: #f5f5f5;
+  background-color: rgba(0, 0, 0, 0.04);
   cursor: pointer;
 }
 
@@ -61,16 +78,37 @@
   background: transparent;
 }
 
-.dtable-ui-user-list-container .dtable-ui-collaborator-check-icon .dtable-icon-check-mark {
-  color: #798d99;
+.dtable-ui-user-list-container .dtable-ui-collaborator-check-icon .dtable-icon-check {
+  color: #666666;
+  font-size: 14px;
+}
+
+.dtable-ui-user-select-container .dtable-ui-user-search-container {
+  position: relative;
+}
+
+.dtable-ui-user-select-container .dtable-ui-user-search-container .search-clear-btn {
+  position: absolute;
+  top: 5px;
+  right: 10px;
+  height: 22px;
+  line-height: 22px;
+  width: 28px;
+  text-align: center;
+  color: #999;
+  cursor: pointer;
+}
+
+.dtable-ui-user-select-container .dtable-ui-user-search-container .search-clear-btn .dtable-icon-x {
   font-size: 12px;
+  color: #999999;
 }
 
 /* user-item */
 .dtable-ui-user-item {
   display: inline-flex;
   align-items: center;
-  margin: 2px 10px 2px 0;
+  margin: 2px 4px 2px 0;
   padding: 0 8px 0 2px;
   height: 20px;
   font-size: 13px;
@@ -120,3 +158,7 @@
   color: #666666;
   cursor: pointer;
 }
+
+.dtable-ui-selected-users-container .dtable-ui-users-input {
+  padding-right: 37px;
+}

package/lib/AsyncUserSelect/index.js

@@ -169,7 +169,7 @@ const AsyncUserSelect = _ref => {
         bottom
       } = userSelectContainerRef.current.getBoundingClientRect();
       if (bottom > window.innerHeight) {
-        userSelectContainerRef.current.style.top = "".concat(window.innerHeight - bottom, "px");
+        userSelectContainerRef.current.style.top = `${window.innerHeight - bottom}px`;
       }
     }
     if (userListContainerRef.current && userItemContainerRef.current) {
@@ -190,21 +190,24 @@ const AsyncUserSelect = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
     onClickOutside: onClickOutside,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classnames.default)('dtable-ui-selected-users-container form-control d-flex align-items-center', className, {
           'focus': isPopoverOpen
         }),
         onClick: onTogglePopover,
         ref: selectorRef,
-        children: [selectedUsers.map((user, index) => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
-            user: user,
-            deleteUser: deselectUser
-          }, "dtable-ui-user-selector-selected-user-".concat(index));
-        }), selectedUsers.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "dtable-ui-user-select-placeholder",
-          children: emptyPlaceholder || (0, _lang.getLocale)('Search_users')
-        })]
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-users-input",
+          children: [selectedUsers.map((user, index) => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
+              user: user,
+              deleteUser: deselectUser
+            }, `dtable-ui-user-selector-selected-user-${index}`);
+          }), selectedUsers.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-user-select-placeholder",
+            children: emptyPlaceholder || (0, _lang.getLocale)('Search_users')
+          })]
+        })
       }), selectorRef.current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
         placement: "bottom-start",
         isOpen: isPopoverOpen,
@@ -216,16 +219,24 @@ const AsyncUserSelect = _ref => {
           className: "dtable-ui-user-select-container",
           ref: userSelectContainerRef,
           onMouseDown: e => e.stopPropagation(),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "dtable-ui-user-search-container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
               autoFocus: true,
               placeholder: searchPlaceholder || (0, _lang.getLocale)('Search_users'),
               value: searchValue,
               wait: 200,
               onChange: onSearchValueChanged,
               onKeyDown: onKeyDown
-            })
+            }), searchValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "search-clear-btn position-absolute",
+              onClick: () => onSearchValueChanged(''),
+              title: (0, _lang.getLocale)('Clear_search_text'),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                "aria-hidden": "true",
+                className: "dtable-font dtable-icon-x"
+              })
+            })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "dtable-ui-user-list-container",
             ref: userListContainerRef,
@@ -239,10 +250,10 @@ const AsyncUserSelect = _ref => {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
                   user: user,
                   enableShowIDInOrgWhenSearchUser: enableShowIDInOrgWhenSearchUser
-                }, "dtable-ui-user-selector-searched-user-".concat(index)), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                }, `dtable-ui-user-selector-searched-user-${index}`), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "dtable-ui-collaborator-check-icon",
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-                    className: "dtable-font dtable-icon-check-mark",
+                    className: "dtable-font dtable-icon-check",
                     "aria-hidden": "true"
                   })
                 })]

package/lib/Badge/index.js

@@ -1,65 +1,61 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "prefixCls", "children", "text", "size", "overflowCount", "dot", "corner", "hot"];
 class Badge extends React.Component {
   render() {
     // tslint:disable:prefer-const
-    let _this$props = this.props,
-      {
-        className,
-        prefixCls,
-        children,
-        text,
-        size,
-        overflowCount,
-        dot,
-        corner,
-        hot
-      } = _this$props,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    let {
+      className,
+      prefixCls,
+      children,
+      text,
+      size,
+      overflowCount,
+      dot,
+      corner,
+      hot,
+      ...restProps
+    } = this.props;
     // eslint-disable-next-line no-self-assign
     overflowCount = overflowCount;
-    text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
+    text = typeof text === 'number' && text > overflowCount ? `${overflowCount}+` : text;
 
     // dot mode don't need text
     if (dot) {
       text = '';
     }
     const scrollNumberCls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-dot")]: dot,
-      ["".concat(prefixCls, "-dot-large")]: dot && size === 'large',
-      ["".concat(prefixCls, "-text")]: !dot && !corner,
-      ["".concat(prefixCls, "-corner")]: corner,
-      ["".concat(prefixCls, "-corner-large")]: corner && size === 'large'
+      [`${prefixCls}-dot`]: dot,
+      [`${prefixCls}-dot-large`]: dot && size === 'large',
+      [`${prefixCls}-text`]: !dot && !corner,
+      [`${prefixCls}-corner`]: corner,
+      [`${prefixCls}-corner-large`]: corner && size === 'large'
     });
     const badgeCls = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-not-a-wrapper")]: !children,
-      ["".concat(prefixCls, "-corner-wrapper")]: corner,
-      ["".concat(prefixCls, "-hot")]: !!hot,
-      ["".concat(prefixCls, "-corner-wrapper-large")]: corner && size === 'large'
+      [`${prefixCls}-not-a-wrapper`]: !children,
+      [`${prefixCls}-corner-wrapper`]: corner,
+      [`${prefixCls}-hot`]: !!hot,
+      [`${prefixCls}-corner-wrapper-large`]: corner && size === 'large'
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: badgeCls,
       children: [children, (text || dot) &&
       /*#__PURE__*/
       // tslint:disable-next-line:jsx-no-multiline-js
-      (0, _jsxRuntime.jsx)("sup", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        className: scrollNumberCls
-      }, restProps), {}, {
+      (0, _jsxRuntime.jsx)("sup", {
+        className: scrollNumberCls,
+        ...restProps,
         children: text
-      }))]
+      })]
     });
   }
 }

package/lib/CheckboxEditor/index.js

@@ -6,37 +6,38 @@ 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 CheckboxEditor = /*#__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/CollaboratorEditor/index.js

@@ -6,43 +6,44 @@ 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", "value"];
 const CollaboratorEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-      isMobile,
-      value: oldValue
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isMobile,
+    value: oldValue,
+    ...props
+  } = _ref;
   const value = Array.isArray(oldValue) ? oldValue : [];
-  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,
     value: value,
     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,
     value: value,
     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,
         value: value,
         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,
         value: value,
         ref: ref
-      }))
+      })
     })]
   });
 });

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

@@ -176,7 +176,7 @@ class PCCollaboratorEditor extends _react.default.Component {
         bottom
       } = this.ref.getBoundingClientRect();
       if (bottom > window.innerHeight) {
-        this.ref.style.top = "".concat(window.innerHeight - bottom, "px");
+        this.ref.style.top = `${window.innerHeight - bottom}px`;
       }
     }
     if (this.container && this.collaboratorItem) {

package/lib/CollapsibleSettingLayout/index.js

@@ -26,7 +26,7 @@ const CollapsibleSettingLayout = props => {
         className: "collapsible-setting-layout-title",
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-        className: "dtable-font dtable-icon-right".concat(isShowSettings ? ' dtable-icon-spin' : '')
+        className: `dtable-font dtable-icon-right${isShowSettings ? ' dtable-icon-spin' : ''}`
       })]
     }), isShowSettings && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "collapsible-setting-layout-body mt-3 pl-2",