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

package/lib/RowExpandFormatter/file-formatter/row-expand-file-item-formatter.js

@@ -65,7 +65,7 @@ class RowExpandFileItemFormatter extends _react.Component {
         id: id,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: fileIconUrl,
-          id: "item-file-".concat(index),
+          id: `item-file-${index}`,
           alt: file.name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-file-icons-choice",
@@ -83,7 +83,7 @@ class RowExpandFileItemFormatter extends _react.Component {
             })
           })]
         })]
-      }, "file-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+      }, `file-${index}`), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
         position: this.position,
         toggle: this.closeDeleteTip,
         handleDelete: this.onDelete,

package/lib/RowExpandFormatter/formula-formatter/index.js

@@ -5,7 +5,6 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -38,16 +37,16 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     };
     this.onOpenUrlLink = url => {
       if (!(0, _utils2.isValidUrl)(url)) {
-        url = "http://".concat(url);
+        url = `http://${url}`;
       }
       try {
         (0, _utils2.openUrlLink)(url);
-      } catch (_unused) {
+      } catch {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };
     this.onOpenEmailLink = email => {
-      window.location.href = "mailto:".concat(email.trim());
+      window.location.href = `mailto:${email.trim()}`;
     };
     this.renderBorder = dom => {
       const {
@@ -75,7 +74,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         containerClassName
       } = this.props;
       const customClassName = this.getGridCellClassName(resultType);
-      const className = "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(customClassName);
+      const className = `dtable-ui cell-formatter-container formula-formatter ${containerClassName} ${customClassName}`;
       return this.renderBorder(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: className,
         title: cellValue,
@@ -148,7 +147,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
               phoneNumber: formulaPhoneNumber,
               className: "row-expand-jump-link-btn"
             }), this.createColumnFormatter(Formatter, formatterProps)]
-          }, "formula-formatter-content-item-".concat(index));
+          }, `formula-formatter-content-item-${index}`);
         })
       }));
     };
@@ -186,20 +185,27 @@ class RowExpandFormulaFormatter extends _react.default.Component {
             if (array_type === _dtableUtils.CellType.CHECKBOX) {
               array_data.checkboxStyle = array_data.checkbox_style;
             }
-            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
+            return {
+              ...array_data,
               collaborators
-            });
+            };
           }
       }
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
     if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
+        ...formatterProps
+      });
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
+        ...formatterProps
+      });
     } else {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
+        ...formatterProps
+      });
     }
   }
   render() {

package/lib/RowExpandFormatter/image-formatter/row-expand-image-item-formatter.js

@@ -72,7 +72,7 @@ class RowExpandImageItemFormatter extends _react.Component {
         onClick: this.onClickImage,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: url,
-          id: "item-image-".concat(index),
+          id: `item-image-${index}`,
           alt: name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-icons-choice",
@@ -90,7 +90,7 @@ class RowExpandImageItemFormatter extends _react.Component {
             })
           })]
         })]
-      }, "image-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+      }, `image-${index}`), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
         position: this.position,
         toggle: this.closeDeleteTip,
         handleDelete: this.onDelete,

package/lib/RowExpandFormatter/index.js

@@ -5,7 +5,6 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -67,7 +66,7 @@ class RowExpandFormatter extends _react.default.Component {
       const {
         collaborators
       } = this.state;
-      const containerClassName = "dtable-ui-row-expand-".concat(columnType, "-formatter");
+      const containerClassName = `dtable-ui-row-expand-${columnType}-formatter`;
       let cellValue = row[column[valueKey]];
       const Formatter = this.component[columnType];
       if (!Formatter) return null;
@@ -265,15 +264,17 @@ class RowExpandFormatter extends _react.default.Component {
               array_data
             } = data;
             if (!data.display_column) {
-              column = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-                data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              column = {
+                ...column,
+                data: {
+                  ...data,
                   display_column: {
                     key: display_column_key || '0000',
                     type: array_type || _dtableUtils.CellType.TEXT,
                     data: array_data || null
                   }
-                })
-              });
+                }
+              };
             }
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
               value: cellValue,
@@ -374,7 +375,10 @@ class RowExpandFormatter extends _react.default.Component {
     this.state = {
       collaborators: this.getCollaborators()
     };
-    this.component = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.DEFAULT_FORMATTER), this.props.component);
+    this.component = {
+      ..._constants.DEFAULT_FORMATTER,
+      ...this.props.component
+    };
   }
   componentDidMount() {
     this.calculateCollaboratorData(this.props);

package/lib/RowExpandFormatter/link-formatter/collaborator-item-formatter.js

@@ -42,7 +42,7 @@ class CollaboratorItemFormatter extends _react.Component {
       }
       if (!context) return;
       const mediaUrl = context.getSetting('mediaUrl');
-      const defaultAvatarUrl = "".concat(mediaUrl, "/avatars/default.png");
+      const defaultAvatarUrl = `${mediaUrl}/avatars/default.png`;
       if (cellValue === 'anonymous') {
         collaborator = {
           name: 'anonymous',

package/lib/RowExpandFormatter/link-formatter/index.js

@@ -64,7 +64,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "row-expand-link-item",
                 children: value
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -81,7 +81,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 value: value,
                 format: format,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -94,7 +94,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -107,7 +107,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -123,7 +123,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 collaborators: collaborators,
                 context: props.context,
                 renderEmpty: props.renderEmpty
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -146,7 +146,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 children: (0, _valueDisplayUtils.getCellDisplayValue)({
                   [displayColumn.key]: value
                 }, displayColumn, collaborators)
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }

package/lib/RowExpandFormatter/rate-formatter/index.js

@@ -28,9 +28,9 @@ class RateExpendRateFormatter extends _react.default.Component {
           color: value >= i + 1 ? rate_style_color : '#e5e5e5'
         };
         rateList.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font ".concat(rate_style_type),
+          className: `dtable-font ${rate_style_type}`,
           style: style
-        }, "dtable-ui-component-rate-".concat(i)));
+        }, `dtable-ui-component-rate-${i}`));
       }
       return rateList;
     };

package/lib/RowExpandFormatter/url-formatter/index.js

@@ -20,7 +20,7 @@ class UrlFormatter extends _react.default.Component {
         value
       } = this.props;
       const url = (0, _editorUtils.getTrimmedString)(value);
-      const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(url);
+      const validUrl = (0, _utils.isValidUrl)(url) ? url : `http://${url}`;
       try {
         let a = document.createElement('a');
         document.body.appendChild(a);
@@ -29,7 +29,7 @@ class UrlFormatter extends _react.default.Component {
         a.rel = 'noopener noreferrer';
         a.click();
         document.body.removeChild(a);
-      } catch (_unused) {
+      } catch {
         _toaster.default.danger('The url is invalid');
       }
     };

package/lib/RowExpandView/body/index.js

@@ -5,8 +5,6 @@ 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 = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -16,7 +14,6 @@ var _RowExpandFormatter = _interopRequireDefault(require("../../RowExpandFormatt
 var _utils = require("../../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["component", "onChange", "className"];
 class Body extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -42,13 +39,12 @@ class Body extends _react.default.Component {
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column) => {
-      const _this$props = this.props,
-        {
-          component,
-          onChange,
-          className
-        } = _this$props,
-        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      const {
+        component,
+        onChange,
+        className,
+        ...props
+      } = this.props;
       const {
         getDownLoadFiles
       } = props;
@@ -60,20 +56,22 @@ class Body extends _react.default.Component {
         formatter
       } = component || {};
       if (editable) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, {
+          ...props,
           column: column,
           row: row,
           component: editor,
           onCommit: value => onChange(column, value)
-        }));
+        });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', "mobile-dtable-row-expand-".concat(column.type, "-formatter"), className),
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, {
+        ...props,
+        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', `mobile-dtable-row-expand-${column.type}-formatter`, className),
         column: column,
         row: row,
         component: formatter,
         downloadImage: getDownLoadFiles ? this.downloadImage : null
-      }));
+      });
     };
   }
   render() {

package/lib/RowExpandView/index.js

@@ -6,8 +6,6 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -19,31 +17,30 @@ var _cellComparer = require("../utils/cell-comparer");
 var _MobileFullScreenPage = _interopRequireDefault(require("../MobileFullScreenPage"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["saveImmediately", "readonly", "isInsertingRow", "zIndex", "title", "className", "valueKey", "row", "columns", "commit", "onToggle", "uploadFile", "copyURL", "children", "historyCallback"];
 const {
   Header,
   Body: MobileFullScreenPageBody
 } = _MobileFullScreenPage.default;
 const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-      saveImmediately = true,
-      readonly = false,
-      isInsertingRow = false,
-      zIndex,
-      title,
-      className,
-      valueKey = 'name',
-      // name or key
-      row: defaultRow,
-      columns: defaultColumns,
-      commit,
-      onToggle,
-      uploadFile,
-      copyURL,
-      children = [],
-      historyCallback
-    } = _ref,
-    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    saveImmediately = true,
+    readonly = false,
+    isInsertingRow = false,
+    zIndex,
+    title,
+    className,
+    valueKey = 'name',
+    // name or key
+    row: defaultRow,
+    columns: defaultColumns,
+    commit,
+    onToggle,
+    uploadFile,
+    copyURL,
+    children = [],
+    historyCallback,
+    ...otherProps
+  } = _ref;
   const [isLoading, setLoading] = (0, _react.useState)(true);
   const [isSaving, setSaving] = (0, _react.useState)(false);
   const [row, setRow] = (0, _react.useState)({});
@@ -59,7 +56,8 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const initRowData = (0, _react.useCallback)(() => {
     setLoading(true);
     setRow(defaultRow);
-    let validColumns = defaultColumns.map(c => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, c), {}, {
+    let validColumns = defaultColumns.map(c => ({
+      ...c,
       editable: checkEditable(c, defaultRow),
       width: 320
     }));
@@ -93,15 +91,24 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if (!(0, _cellComparer.isCellValueChanged)(oldValue, value, column.type)) return;
     if (!saveImmediately || isInsertingRow) {
       isChangedRef.current = true;
-      update.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, update.current), updated);
-      setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
+      update.current = {
+        ...update.current,
+        ...updated
+      };
+      setRow({
+        ...row,
+        ...updated
+      });
       return;
     }
     onSave(updated, {
       successCallback: () => {
         isChangedRef.current = false;
         update.current = {};
-        setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
+        setRow({
+          ...row,
+          ...updated
+        });
       },
       failCallback: () => {
         _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
@@ -119,7 +126,10 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       setSaving(false);
       _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
     };
-    const newRow = isInsertingRow ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), update.current) : update.current;
+    const newRow = isInsertingRow ? {
+      ...row,
+      ...update.current
+    } : update.current;
     onSave(newRow, {
       successCallback,
       failCallback
@@ -164,13 +174,14 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "w-100 -h-100 d-flex align-items-center justify-content-center",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
+        ...otherProps,
         row: row,
         columns: columns,
         valueKey: valueKey,
         onChange: onChange,
         uploadFile: uploadFile
-      }))
+      })
     })]
   });
 });

package/lib/SelectOptionGroup/index.js

@@ -156,7 +156,7 @@ class SelectOptionGroup extends _react.Component {
           supportMultipleSelect: this.props.supportMultipleSelect,
           disableHover: this.state.disableHover,
           children: opt.label
-        }, "".concat(key, "-").concat(i));
+        }, `${key}-${i}`);
       });
     };
     this.state = {

package/lib/SelectedDepartments/index.js

@@ -36,7 +36,7 @@ function SelectedDepartments(_ref) {
           "aria-label": name,
           children: name
         })
-      }, "department-".concat(index));
+      }, `department-${index}`);
     }
     const department = idDepartmentMap[content];
     if (department) {
@@ -65,7 +65,7 @@ function SelectedDepartments(_ref) {
             })
           })
         })]
-      }, "department-".concat(index));
+      }, `department-${index}`);
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "department empty-department mr-1",
@@ -87,7 +87,7 @@ function SelectedDepartments(_ref) {
           })
         })
       })]
-    }, "department-".concat(index));
+    }, `department-${index}`);
   }) : null;
   return dom;
 }

package/lib/SimpleLongTextFormatter/index.js

@@ -31,8 +31,8 @@ class SimpleLongTextFormatter extends _react.default.Component {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "long-text-check-list",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
-        }), "".concat(checkList.completed, "/").concat(checkList.total)]
+          className: `dtable-font dtable-icon-check-square-solid ${checkList.completed === checkList.total ? 'long-text-check-list-completed' : ''}`
+        }), `${checkList.completed}/${checkList.total}`]
       });
     };
     this.renderImages = value => {

package/lib/SingleSelectEditor/index.js

@@ -6,21 +6,19 @@ 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 _selectEditor = _interopRequireDefault(require("../select-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["value"];
 const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-      value: oldValue
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    value: oldValue,
+    ...props
+  } = _ref;
   const value = oldValue ? [oldValue] : [];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
+  });
 });
 var _default = exports.default = SingleSelectEditor;

package/lib/TabBar/Tab.js

@@ -1,12 +1,11 @@
 "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 React = _interopRequireWildcard(require("react"));
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,21 +24,21 @@ class Tab extends React.PureComponent {
       } = this.props;
       const iconRes = selected ? selectedIcon : icon;
       const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        className: "".concat(prefixCls, "-image"),
+        className: `${prefixCls}-image`,
         src: iconRes ? iconRes.uri : iconRes,
         alt: title
       });
       if (badge) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Badge.default, {
           text: badge,
-          className: "".concat(prefixCls, "-badge tab-badge"),
+          className: `${prefixCls}-badge tab-badge`,
           children: [' ', iconDom, ' ']
         });
       }
       if (dot) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
           dot: true,
-          className: "".concat(prefixCls, "-badge tab-dot"),
+          className: `${prefixCls}-badge tab-dot`,
           children: iconDom
         });
       }
@@ -61,23 +60,24 @@ class Tab extends React.PureComponent {
       tintColor
     } = this.props;
     const iconColor = selected ? tintColor : unselectedTintColor;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.dataAttrs), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...this.props.dataAttrs,
       onClick: this.onClick,
-      className: "".concat(prefixCls),
+      className: `${prefixCls}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-icon"),
+        className: `${prefixCls}-icon`,
         style: {
           color: iconColor
         },
         children: this.renderIcon()
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "".concat(prefixCls, "-title"),
+        className: `${prefixCls}-title`,
         style: {
           color: selected ? tintColor : unselectedTintColor
         },
         children: title
       })]
-    }));
+    });
   }
 }
 var _default = exports.default = Tab;

package/lib/TabBar/index.js

@@ -1,12 +1,11 @@
 "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 = exports.Item = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _getDataAttr = _interopRequireDefault(require("../utils/getDataAttr"));
 var _Tabs = _interopRequireDefault(require("../Tabs"));
@@ -38,7 +37,9 @@ class AntTabBar extends React.Component {
       const tabs = [];
       React.Children.forEach(this.props.children, c => {
         if (c) {
-          tabs.push((0, _objectSpread2.default)({}, c.props));
+          tabs.push({
+            ...c.props
+          });
         }
       });
       return tabs;
@@ -55,7 +56,7 @@ class AntTabBar extends React.Component {
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
-          prefixCls: "".concat(this.props.prefixCls, "-tab"),
+          prefixCls: `${this.props.prefixCls}-tab`,
           badge: cProps.badge,
           dot: cProps.dot,
           selected: cProps.selected,
@@ -68,9 +69,9 @@ class AntTabBar extends React.Component {
           onClick: () => cProps.onPress && cProps.onPress()
         }, index);
       }) : null;
-      let cls = "".concat(prefixCls, "-bar");
+      let cls = `${prefixCls}-bar`;
       if (hidden) {
-        cls += " ".concat(prefixCls, "-bar-hidden-").concat(tabBarPosition);
+        cls += ` ${prefixCls}-bar-hidden-${tabBarPosition}`;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: cls,