dtable-ui-component 6.0.110-zzr.1 → 6.0.111

package/lib/ActionSheet/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
@@ -23,11 +24,10 @@ const SHARE = 'SHARE';
 function noop() {}
 const queue = [];
 function createActionSheet(flag, config, callback) {
-  const props = {
+  const props = (0, _objectSpread2.default)({
     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: `${prefixCls}-title`,
+    className: "".concat(prefixCls, "-title"),
     children: title
   }, "0") : null, message ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${prefixCls}-message`,
+    className: "".concat(prefixCls, "-message"),
     children: message
   }, "1") : null];
   let children = null;
@@ -88,60 +88,54 @@ 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, {
-              ...element
-            });
+            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _objectSpread2.default)({}, element));
           }
         });
       }
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        ...(0, _getDataAttr.default)(props),
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-button-list`,
+          className: "".concat(prefixCls, "-button-list"),
           role: "group",
           children: normalOptions.map((item, index) => {
             const itemProps = {
-              className: (0, _classnames.default)(`${prefixCls}-button-list-item`, {
-                [`${prefixCls}-destructive-button`]: destructiveButtonIndex === index,
-                [`${prefixCls}-cancel-button`]: cancelButtonIndex === index
+              className: (0, _classnames.default)("".concat(prefixCls, "-button-list-item"), {
+                ["".concat(prefixCls, "-destructive-button")]: destructiveButtonIndex === index,
+                ["".concat(prefixCls, "-cancel-button")]: cancelButtonIndex === index
               }),
               onClick: () => cb(index),
               role: 'button'
             };
-            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              ...itemProps,
+            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
               children: item
-            });
+            }));
             // 仅在设置徽标的情况下修改dom结构
             if (badgesMap[index]) {
-              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                ...itemProps,
-                className: `${itemProps.className} ${prefixCls}-button-list-badge`,
+              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+                className: "".concat(itemProps.className, " ").concat(prefixCls, "-button-list-badge"),
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: `${prefixCls}-button-list-item-content`,
+                  className: "".concat(prefixCls, "-button-list-item-content"),
                   children: item
                 }), badgesMap[index]]
-              });
+              }));
             }
             let bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-              activeClassName: `${prefixCls}-button-list-item-active`,
+              activeClassName: "".concat(prefixCls, "-button-list-item-active"),
               children: bContent
             }, index);
             if (cancelButtonIndex === index || destructiveButtonIndex === index) {
               bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-                activeClassName: `${prefixCls}-button-list-item-active`,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  ...itemProps,
+                activeClassName: "".concat(prefixCls, "-button-list-item-active"),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
                   children: [item, cancelButtonIndex === index ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: `${prefixCls}-cancel-button-mask`
+                    className: "".concat(prefixCls, "-cancel-button-mask")
                   }) : null]
-                })
+                }))
               }, index);
             }
             return bItem;
           })
         })]
-      });
+      }));
       break;
     case SHARE:
       mode = 'share';
@@ -149,44 +143,43 @@ 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: `${prefixCls}-share-list-item`,
+          className: "".concat(prefixCls, "-share-list-item"),
           role: "button",
           onClick: () => cb(index, rowIndex),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list-item-icon`,
+            className: "".concat(prefixCls, "-share-list-item-icon"),
             children: item.icon
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list-item-title`,
+            className: "".concat(prefixCls, "-share-list-item-title"),
             children: item.title
           })]
         }, index);
       };
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        ...(0, _getDataAttr.default)(props),
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${prefixCls}-share`,
+          className: "".concat(prefixCls, "-share"),
           children: [multipleLine ? options.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list`,
+            className: "".concat(prefixCls, "-share-list"),
             children: item.map((ii, ind) => createList(ii, ind, index))
           }, index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list`,
+            className: "".concat(prefixCls, "-share-list"),
             children: options.map((item, index) => createList(item, index))
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-            activeClassName: `${prefixCls}-share-cancel-button-active`,
+            activeClassName: "".concat(prefixCls, "-share-cancel-button-active"),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${prefixCls}-share-cancel-button`,
+              className: "".concat(prefixCls, "-share-cancel-button"),
               role: "button",
               onClick: () => cb(-1),
               children: cancelButtonText
             })
           })]
         })]
-      });
+      }));
       break;
     default:
       break;
   }
-  const rootCls = (0, _classnames.default)(`${prefixCls}-${mode}`, className);
+  const rootCls = (0, _classnames.default)("".concat(prefixCls, "-").concat(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, {
-      [`${prefixCls}-lg`]: size === 'large',
-      [`${prefixCls}-sm`]: size === 'small',
-      [`${prefixCls}-toast`]: !!toast
+      ["".concat(prefixCls, "-lg")]: size === 'large',
+      ["".concat(prefixCls, "-sm")]: size === 'small',
+      ["".concat(prefixCls, "-toast")]: !!toast
     });
-    const spinnerClass = (0, _classnames.default)(`${prefixCls}-spinner`, {
-      [`${prefixCls}-spinner-lg`]: !!toast || size === 'large'
+    const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
+      ["".concat(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: `${prefixCls}-content`,
+            className: "".concat(prefixCls, "-content"),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-hidden": "true"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: `${prefixCls}-toast`,
+              className: "".concat(prefixCls, "-toast"),
               children: text
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-content`,
+            className: "".concat(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: `${prefixCls}-tip`,
+            className: "".concat(prefixCls, "-tip"),
             children: text
           })]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/AsyncUserSelect/index.css

@@ -3,7 +3,6 @@
   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 {
@@ -13,57 +12,40 @@
 .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: 32px;
+  height: 28px;
 }
 
 .dtable-ui-user-select-container .dtable-ui-user-list-container {
   min-height: 160px;
   max-height: 200px;
-  padding: 8px !important;
+  margin: 10px 0;
   overflow: auto;
-  position: relative;
-}
-
-.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 1rem !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: 32px;
-  padding: 0 8px;
+  height: 30px;
+  padding: 0 10px;
   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-color: rgba(0, 0, 0, 0.04);
+  background: #f5f5f5;
   cursor: pointer;
 }
 
@@ -79,33 +61,16 @@
   background: transparent;
 }
 
-.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 .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 {
+.dtable-ui-user-list-container .dtable-ui-collaborator-check-icon .dtable-icon-check-mark {
+  color: #798d99;
   font-size: 12px;
-  color: #999999;
 }
 
 /* user-item */
 .dtable-ui-user-item {
   display: inline-flex;
   align-items: center;
-  margin: 2px 4px 2px 0;
+  margin: 2px 10px 2px 0;
   padding: 0 8px 0 2px;
   height: 20px;
   font-size: 13px;
@@ -155,7 +120,3 @@
   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 = `${window.innerHeight - bottom}px`;
+        userSelectContainerRef.current.style.top = "".concat(window.innerHeight - bottom, "px");
       }
     }
     if (userListContainerRef.current && userItemContainerRef.current) {
@@ -190,24 +190,21 @@ const AsyncUserSelect = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
     onClickOutside: onClickOutside,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("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: /*#__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')
-          })]
-        })
+        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')
+        })]
       }), selectorRef.current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
         placement: "bottom-start",
         isOpen: isPopoverOpen,
@@ -219,24 +216,16 @@ const AsyncUserSelect = _ref => {
           className: "dtable-ui-user-select-container",
           ref: userSelectContainerRef,
           onMouseDown: e => e.stopPropagation(),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("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,
@@ -250,10 +239,10 @@ const AsyncUserSelect = _ref => {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
                   user: user,
                   enableShowIDInOrgWhenSearchUser: enableShowIDInOrgWhenSearchUser
-                }, `dtable-ui-user-selector-searched-user-${index}`), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                }, "dtable-ui-user-selector-searched-user-".concat(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",
+                    className: "dtable-font dtable-icon-check-mark",
                     "aria-hidden": "true"
                   })
                 })]

package/lib/Badge/index.js

@@ -1,61 +1,65 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _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 {
-      className,
-      prefixCls,
-      children,
-      text,
-      size,
-      overflowCount,
-      dot,
-      corner,
-      hot,
-      ...restProps
-    } = this.props;
+    let _this$props = this.props,
+      {
+        className,
+        prefixCls,
+        children,
+        text,
+        size,
+        overflowCount,
+        dot,
+        corner,
+        hot
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     // eslint-disable-next-line no-self-assign
     overflowCount = overflowCount;
-    text = typeof text === 'number' && text > overflowCount ? `${overflowCount}+` : text;
+    text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
 
     // dot mode don't need text
     if (dot) {
       text = '';
     }
     const scrollNumberCls = (0, _classnames.default)({
-      [`${prefixCls}-dot`]: dot,
-      [`${prefixCls}-dot-large`]: dot && size === 'large',
-      [`${prefixCls}-text`]: !dot && !corner,
-      [`${prefixCls}-corner`]: corner,
-      [`${prefixCls}-corner-large`]: corner && size === 'large'
+      ["".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'
     });
     const badgeCls = (0, _classnames.default)(prefixCls, className, {
-      [`${prefixCls}-not-a-wrapper`]: !children,
-      [`${prefixCls}-corner-wrapper`]: corner,
-      [`${prefixCls}-hot`]: !!hot,
-      [`${prefixCls}-corner-wrapper-large`]: corner && size === 'large'
+      ["".concat(prefixCls, "-not-a-wrapper")]: !children,
+      ["".concat(prefixCls, "-corner-wrapper")]: corner,
+      ["".concat(prefixCls, "-hot")]: !!hot,
+      ["".concat(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", {
-        className: scrollNumberCls,
-        ...restProps,
+      (0, _jsxRuntime.jsx)("sup", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        className: scrollNumberCls
+      }, restProps), {}, {
         children: text
-      })]
+      }))]
     });
   }
 }

package/lib/CheckboxEditor/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 CheckboxEditor = /*#__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/CollaboratorEditor/index.js

@@ -6,44 +6,43 @@ 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,
-    ...props
-  } = _ref;
+      isMobile,
+      value: oldValue
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const value = Array.isArray(oldValue) ? oldValue : [];
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     value: value,
     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), {}, {
     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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         value: value,
         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), {}, {
         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 = `${window.innerHeight - bottom}px`;
+        this.ref.style.top = "".concat(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${isShowSettings ? ' dtable-icon-spin' : ''}`
+        className: "dtable-font dtable-icon-right".concat(isShowSettings ? ' dtable-icon-spin' : '')
       })]
     }), isShowSettings && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "collapsible-setting-layout-body mt-3 pl-2",