dtable-ui-component 7.0.15 → 7.0.17

package/lib/RowExpandFormatter/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 _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -66,7 +67,7 @@ class RowExpandFormatter extends _react.default.Component {
       const {
         collaborators
       } = this.state;
-      const containerClassName = `dtable-ui-row-expand-${columnType}-formatter`;
+      const containerClassName = "dtable-ui-row-expand-".concat(columnType, "-formatter");
       let cellValue = row[column[valueKey]];
       const Formatter = this.component[columnType];
       if (!Formatter) return null;
@@ -264,17 +265,15 @@ class RowExpandFormatter extends _react.default.Component {
               array_data
             } = data;
             if (!data.display_column) {
-              column = {
-                ...column,
-                data: {
-                  ...data,
+              column = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+                data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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,
@@ -375,10 +374,7 @@ class RowExpandFormatter extends _react.default.Component {
     this.state = {
       collaborators: this.getCollaborators()
     };
-    this.component = {
-      ..._constants.DEFAULT_FORMATTER,
-      ...this.props.component
-    };
+    this.component = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _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 = `${mediaUrl}/avatars/default.png`;
+      const defaultAvatarUrl = "".concat(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-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -81,7 +81,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 value: value,
                 format: format,
                 containerClassName: "row-expand-link-item"
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(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-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(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-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -123,7 +123,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 collaborators: collaborators,
                 context: props.context,
                 renderEmpty: props.renderEmpty
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -146,7 +146,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 children: (0, _valueDisplayUtils.getCellDisplayValue)({
                   [displayColumn.key]: value
                 }, displayColumn, collaborators)
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(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 ${rate_style_type}`,
+          className: "dtable-font ".concat(rate_style_type),
           style: style
-        }, `dtable-ui-component-rate-${i}`));
+        }, "dtable-ui-component-rate-".concat(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://${url}`;
+      const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(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 {
+      } catch (_unused) {
         _toaster.default.danger('The url is invalid');
       }
     };

package/lib/RowExpandView/body/index.js

@@ -5,6 +5,8 @@ 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");
@@ -14,6 +16,7 @@ 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);
@@ -39,12 +42,13 @@ class Body extends _react.default.Component {
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column) => {
-      const {
-        component,
-        onChange,
-        className,
-        ...props
-      } = this.props;
+      const _this$props = this.props,
+        {
+          component,
+          onChange,
+          className
+        } = _this$props,
+        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       const {
         getDownLoadFiles
       } = props;
@@ -56,22 +60,20 @@ class Body extends _react.default.Component {
         formatter
       } = component || {};
       if (editable) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           column: column,
           row: row,
           component: editor,
           onCommit: value => onChange(column, value)
-        });
+        }));
       }
-      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),
+      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),
         column: column,
         row: row,
         component: formatter,
         downloadImage: getDownLoadFiles ? this.downloadImage : null
-      });
+      }));
     };
   }
   render() {

package/lib/RowExpandView/index.js

@@ -6,6 +6,8 @@ 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");
@@ -17,30 +19,31 @@ 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,
-    ...otherProps
-  } = _ref;
+      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);
   const [isLoading, setLoading] = (0, _react.useState)(true);
   const [isSaving, setSaving] = (0, _react.useState)(false);
   const [row, setRow] = (0, _react.useState)({});
@@ -56,8 +59,7 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const initRowData = (0, _react.useCallback)(() => {
     setLoading(true);
     setRow(defaultRow);
-    let validColumns = defaultColumns.map(c => ({
-      ...c,
+    let validColumns = defaultColumns.map(c => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, c), {}, {
       editable: checkEditable(c, defaultRow),
       width: 320
     }));
@@ -91,24 +93,15 @@ 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 = {
-        ...update.current,
-        ...updated
-      };
-      setRow({
-        ...row,
-        ...updated
-      });
+      update.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, update.current), updated);
+      setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
       return;
     }
     onSave(updated, {
       successCallback: () => {
         isChangedRef.current = false;
         update.current = {};
-        setRow({
-          ...row,
-          ...updated
-        });
+        setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
       },
       failCallback: () => {
         _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
@@ -126,10 +119,7 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       setSaving(false);
       _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
     };
-    const newRow = isInsertingRow ? {
-      ...row,
-      ...update.current
-    } : update.current;
+    const newRow = isInsertingRow ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), update.current) : update.current;
     onSave(newRow, {
       successCallback,
       failCallback
@@ -174,14 +164,13 @@ 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, {
-        ...otherProps,
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
         row: row,
         columns: columns,
         valueKey: valueKey,
         onChange: onChange,
         uploadFile: uploadFile
-      })
+      }))
     })]
   });
 });

package/lib/SelectedDepartments/index.js

@@ -36,7 +36,7 @@ function SelectedDepartments(_ref) {
           "aria-label": name,
           children: name
         })
-      }, `department-${index}`);
+      }, "department-".concat(index));
     }
     const department = idDepartmentMap[content];
     if (department) {
@@ -65,7 +65,7 @@ function SelectedDepartments(_ref) {
             })
           })
         })]
-      }, `department-${index}`);
+      }, "department-".concat(index));
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "department empty-department mr-1",
@@ -87,7 +87,7 @@ function SelectedDepartments(_ref) {
           })
         })
       })]
-    }, `department-${index}`);
+    }, "department-".concat(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 ${checkList.completed === checkList.total ? 'long-text-check-list-completed' : ''}`
-        }), `${checkList.completed}/${checkList.total}`]
+          className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
+        }), "".concat(checkList.completed, "/").concat(checkList.total)]
       });
     };
     this.renderImages = value => {

package/lib/SingleSelectEditor/index.js

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

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

package/lib/TabBar/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 = 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"));
@@ -37,9 +38,7 @@ class AntTabBar extends React.Component {
       const tabs = [];
       React.Children.forEach(this.props.children, c => {
         if (c) {
-          tabs.push({
-            ...c.props
-          });
+          tabs.push((0, _objectSpread2.default)({}, c.props));
         }
       });
       return tabs;
@@ -56,7 +55,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: `${this.props.prefixCls}-tab`,
+          prefixCls: "".concat(this.props.prefixCls, "-tab"),
           badge: cProps.badge,
           dot: cProps.dot,
           selected: cProps.selected,
@@ -69,9 +68,9 @@ class AntTabBar extends React.Component {
           onClick: () => cProps.onPress && cProps.onPress()
         }, index);
       }) : null;
-      let cls = `${prefixCls}-bar`;
+      let cls = "".concat(prefixCls, "-bar");
       if (hidden) {
-        cls += ` ${prefixCls}-bar-hidden-${tabBarPosition}`;
+        cls += " ".concat(prefixCls, "-bar-hidden-").concat(tabBarPosition);
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: cls,

package/lib/Tabs/index.js

@@ -1,20 +1,21 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DefaultTabBar = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcTabs = require("rmc-tabs");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DefaultTabBar extends _rmcTabs.DefaultTabBar {}
 exports.DefaultTabBar = DefaultTabBar;
-DefaultTabBar.defaultProps = {
-  ..._rmcTabs.DefaultTabBar.defaultProps,
+DefaultTabBar.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _rmcTabs.DefaultTabBar.defaultProps), {}, {
   prefixCls: 'am-tabs-default-bar'
-};
+});
 class Tabs extends React.PureComponent {
   constructor() {
     super(...arguments);
@@ -22,17 +23,15 @@ class Tabs extends React.PureComponent {
       const {
         renderTab
       } = this.props;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, {
-        ...props,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         renderTab: renderTab
-      });
+      }));
     };
   }
   render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, {
-      renderTabBar: this.renderTabBar,
-      ...this.props
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, (0, _objectSpread2.default)({
+      renderTabBar: this.renderTabBar
+    }, this.props));
   }
 }
 exports.default = Tabs;