dtable-ui-component 6.0.91 → 6.0.93

package/lib/LinkEditor/mb-popover/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MBLinkEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -68,18 +69,20 @@ class MBLinkEditorPopover extends _react.default.Component {
       } = this.props;
       return options.map((option, index) => {
         let isSelect = value.some(item => item === option.id);
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "mb-link-option-item",
-          key: index,
-          onMouseDown: this.onSelectOption.bind(this, option)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "mb-option-info"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "option-name",
-          title: option.name
-        }, option.name)), isSelect && /*#__PURE__*/_react.default.createElement("i", {
-          className: "mb-option-checked dtable-font dtable-icon-check-mark"
-        }));
+          onMouseDown: this.onSelectOption.bind(this, option),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "mb-option-info",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "option-name",
+              title: option.name,
+              children: option.name
+            })
+          }), isSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            className: "mb-option-checked dtable-font dtable-icon-check-mark"
+          })]
+        }, index);
       });
     };
     this.setEditorPopover = editorPopover => {
@@ -104,38 +107,47 @@ class MBLinkEditorPopover extends _react.default.Component {
       searchVal
     } = this.state;
     let filterOptions = this.getFilterOptions();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: this.setEditorPopover,
       className: "dtable-ui-mb-editor-popover mb-link-editor-popover",
-      onClick: this.onContainerClick
-    }, /*#__PURE__*/_react.default.createElement(_MBEditorHeader.default, {
-      title: column.name,
-      leftContent: /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-return"
-      }),
-      rightContent: /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Done')),
-      onLeftClick: this.props.onClosePopover,
-      onRightClick: this.props.onClosePopover
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "mb-search-link-items"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      className: "form-control",
-      type: "text",
-      placeholder: (0, _lang.getLocale)('Search_option'),
-      value: searchVal,
-      onChange: this.onChangeSearch,
-      onClick: this.onInputClick
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "mb-link-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "title"
-    }, (0, _lang.getLocale)('Choose_an_option')), /*#__PURE__*/_react.default.createElement("div", {
-      className: "content"
-    }, filterOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-result-none"
-    }, (0, _lang.getLocale)('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
+      onClick: this.onContainerClick,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MBEditorHeader.default, {
+        title: column.name,
+        leftContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-return"
+        }),
+        rightContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Done')
+        }),
+        onLeftClick: this.props.onClosePopover,
+        onRightClick: this.props.onClosePopover
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "mb-search-link-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+            className: "form-control",
+            type: "text",
+            placeholder: (0, _lang.getLocale)('Search_option'),
+            value: searchVal,
+            onChange: this.onChangeSearch,
+            onClick: this.onInputClick
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "mb-link-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "title",
+            children: (0, _lang.getLocale)('Choose_an_option')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "content",
+            children: [filterOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "search-result-none",
+              children: (0, _lang.getLocale)('No_options_available')
+            }), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)]
+          })]
+        })]
+      })]
+    });
   }
 }
 MBLinkEditorPopover.defaultProps = {

package/lib/LinkEditor/pc-popover/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class PCLinkEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -54,40 +55,47 @@ class PCLinkEditorPopover extends _react.default.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-editor-container dtable-ui-link-editor-popover",
-      style: popoverStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "link-options-search"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      className: "form-control",
-      value: searchValue,
-      onChange: this.onValueChanged,
-      onClick: this.onInputClick,
-      placeholder: (0, _lang.getLocale)('Search_option')
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "link-options-container"
-    }, options.length > 0 && options.map((option, index) => {
-      let isSelect = selectedOptions.some(selectedOption => {
-        return selectedOption.id === option.id;
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: index,
-        className: "link-option-item",
-        onClick: this.onOptionItemToggle.bind(this, option)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "option-info"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "option-name",
-        title: option.name
-      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
-        className: "option-checked"
-      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-mark"
-      })));
-    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "link-option-null"
-    }, (0, _lang.getLocale)('No_options_available'))));
+      style: popoverStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "link-options-search",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          className: "form-control",
+          value: searchValue,
+          onChange: this.onValueChanged,
+          onClick: this.onInputClick,
+          placeholder: (0, _lang.getLocale)('Search_option')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "link-options-container",
+        children: [options.length > 0 && options.map((option, index) => {
+          let isSelect = selectedOptions.some(selectedOption => {
+            return selectedOption.id === option.id;
+          });
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "link-option-item",
+            onClick: this.onOptionItemToggle.bind(this, option),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "option-info",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "option-name",
+                title: option.name,
+                children: option.name
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "option-checked",
+              children: isSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-check-mark"
+              })
+            })]
+          }, index);
+        }), options.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "link-option-null",
+          children: (0, _lang.getLocale)('No_options_available')
+        })]
+      })]
+    });
   }
 }
 PCLinkEditorPopover.defaultProps = {

package/lib/LinkFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 // link value is  get form parant's interface
 class LinkFormatter extends _react.default.Component {
   constructor(props) {
@@ -55,14 +56,15 @@ class LinkFormatter extends _react.default.Component {
             display_column_key: displayColumnKey
           } = column.data;
           let displayValue = this.getDisplayValue(linkedTable, row, displayColumnKey);
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: index,
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "link-item",
-            onClick: this.expandLinkedTableRow.bind(this, row)
-          }, /*#__PURE__*/_react.default.createElement("div", {
-            className: "link-name",
-            title: displayValue
-          }, displayValue));
+            onClick: this.expandLinkedTableRow.bind(this, row),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "link-name",
+              title: displayValue,
+              children: displayValue
+            })
+          }, index);
         });
         return result;
       }
@@ -115,9 +117,10 @@ class LinkFormatter extends _react.default.Component {
     } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
     let displayValues = this.getDisplayValues();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, displayValues);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: displayValues
+    });
   }
 }
 LinkFormatter.defaultProps = {

package/lib/List/index.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _listItem = _interopRequireDefault(require("./list-item"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class List extends React.Component {
   render() {
     const {
@@ -22,16 +23,21 @@ class List extends React.Component {
       ...restProps
     } = this.props;
     const wrapCls = (0, _classnames.default)(prefixCls, className);
-    return /*#__PURE__*/React.createElement("div", Object.assign({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: wrapCls,
-      style: style
-    }, restProps), renderHeader ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-header")
-    }, typeof renderHeader === 'function' ? renderHeader() : renderHeader) : null, children ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-body")
-    }, children) : null, renderFooter ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-footer")
-    }, typeof renderFooter === 'function' ? renderFooter() : renderFooter) : null);
+      style: style,
+      ...restProps,
+      children: [renderHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-header`,
+        children: typeof renderHeader === 'function' ? renderHeader() : renderHeader
+      }) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-body`,
+        children: children
+      }) : null, renderFooter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-footer`,
+        children: typeof renderFooter === 'function' ? renderFooter() : renderFooter
+      }) : null]
+    });
   }
 }
 List.defaultProps = {

package/lib/List/list-item.js

@@ -9,6 +9,7 @@ exports.default = exports.Brief = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* tslint:disable:jsx-no-multiline-js */
 
 class Brief extends React.Component {
@@ -40,10 +41,10 @@ class ListItem extends React.Component {
         const pointX = ev.clientX - ClientRect.left - Item.offsetWidth / 2;
         const pointY = ev.clientY - ClientRect.top - Item.offsetWidth / 2;
         const coverRippleStyle = {
-          width: "".concat(RippleWidth, "px"),
-          height: "".concat(RippleWidth, "px"),
-          left: "".concat(pointX, "px"),
-          top: "".concat(pointY, "px")
+          width: `${RippleWidth}px`,
+          height: `${RippleWidth}px`,
+          left: `${pointX}px`,
+          top: `${pointY}px`
         };
         this.setState({
           coverRippleStyle,
@@ -101,48 +102,54 @@ class ListItem extends React.Component {
       coverRippleStyle,
       RippleClicked
     } = this.state;
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
-      ["".concat(prefixCls, "-item-disabled")]: disabled,
-      ["".concat(prefixCls, "-item-error")]: error,
-      ["".concat(prefixCls, "-item-top")]: align === 'top',
-      ["".concat(prefixCls, "-item-middle")]: align === 'middle',
-      ["".concat(prefixCls, "-item-bottom")]: align === 'bottom'
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled,
+      [`${prefixCls}-item-error`]: error,
+      [`${prefixCls}-item-top`]: align === 'top',
+      [`${prefixCls}-item-middle`]: align === 'middle',
+      [`${prefixCls}-item-bottom`]: align === 'bottom'
     });
-    const rippleCls = (0, _classnames.default)("".concat(prefixCls, "-ripple"), {
-      ["".concat(prefixCls, "-ripple-animate")]: RippleClicked
+    const rippleCls = (0, _classnames.default)(`${prefixCls}-ripple`, {
+      [`${prefixCls}-ripple-animate`]: RippleClicked
     });
-    const lineCls = (0, _classnames.default)("".concat(prefixCls, "-line"), {
-      ["".concat(prefixCls, "-line-multiple")]: multipleLine,
-      ["".concat(prefixCls, "-line-wrap")]: wrap
+    const lineCls = (0, _classnames.default)(`${prefixCls}-line`, {
+      [`${prefixCls}-line-multiple`]: multipleLine,
+      [`${prefixCls}-line-wrap`]: wrap
     });
-    const arrowCls = (0, _classnames.default)("".concat(prefixCls, "-arrow"), {
-      ["".concat(prefixCls, "-arrow-horizontal")]: arrow === 'horizontal',
-      ["".concat(prefixCls, "-arrow-vertical")]: arrow === 'down' || arrow === 'up',
-      ["".concat(prefixCls, "-arrow-vertical-up")]: arrow === 'up'
+    const arrowCls = (0, _classnames.default)(`${prefixCls}-arrow`, {
+      [`${prefixCls}-arrow-horizontal`]: arrow === 'horizontal',
+      [`${prefixCls}-arrow-vertical`]: arrow === 'down' || arrow === 'up',
+      [`${prefixCls}-arrow-vertical-up`]: arrow === 'up'
     });
-    const content = /*#__PURE__*/React.createElement("div", Object.assign({}, otherProps, {
+    const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...otherProps,
       onClick: ev => {
         this.onClick(ev);
       },
-      className: wrapCls
-    }), thumb ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-thumb")
-    }, typeof thumb === 'string' ? /*#__PURE__*/React.createElement("img", {
-      src: thumb,
-      alt: ""
-    }) : thumb) : null, /*#__PURE__*/React.createElement("div", {
-      className: lineCls
-    }, children !== undefined && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
-    }, children), extra !== undefined && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-extra")
-    }, extra), arrow && /*#__PURE__*/React.createElement("div", {
-      className: arrowCls,
-      "aria-hidden": "true"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: coverRippleStyle,
-      className: rippleCls
-    }));
+      className: wrapCls,
+      children: [thumb ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-thumb`,
+        children: typeof thumb === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: thumb,
+          alt: ""
+        }) : thumb
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: lineCls,
+        children: [children !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-content`,
+          children: children
+        }), extra !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-extra`,
+          children: extra
+        }), arrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: arrowCls,
+          "aria-hidden": "true"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: coverRippleStyle,
+        className: rippleCls
+      })]
+    });
     let touchProps = {};
     Object.keys(otherProps).forEach(key => {
       if (/onTouch/i.test(key)) {
@@ -150,11 +157,13 @@ class ListItem extends React.Component {
         delete otherProps[key];
       }
     });
-    return /*#__PURE__*/React.createElement(_rmcFeedback.default, Object.assign({}, touchProps, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+      ...touchProps,
       disabled: disabled || !onClick,
       activeStyle: activeStyle,
-      activeClassName: "".concat(prefixCls, "-item-active")
-    }), content);
+      activeClassName: `${prefixCls}-item-active`,
+      children: content
+    });
   }
 }
 ListItem.defaultProps = {

package/lib/Loading/index.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Loading;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function Loading() {
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: "dtable-ui-loading-icon dtable-ui-loading-tip"
   });
 }

package/lib/LongTextFormatter/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _HtmlLongTextFormatter = _interopRequireDefault(require("../HtmlLongTextFormatter"));
 var _SimpleLongTextFormatter = _interopRequireDefault(require("../SimpleLongTextFormatter"));
+var _jsxRuntime = require("react/jsx-runtime");
 function LongTextFormatter(_ref) {
   let {
     isSample = true,
@@ -15,12 +16,12 @@ function LongTextFormatter(_ref) {
     containerClassName
   } = _ref;
   if (isSample) {
-    return /*#__PURE__*/_react.default.createElement(_SimpleLongTextFormatter.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleLongTextFormatter.default, {
       value: value,
       containerClassName: containerClassName
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_HtmlLongTextFormatter.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HtmlLongTextFormatter.default, {
     value: value,
     containerClassName: containerClassName
   });

package/lib/MBEditorHeader/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 class MBEditorHeader extends _react.default.Component {
   render() {
     let {
@@ -16,20 +17,24 @@ class MBEditorHeader extends _react.default.Component {
       onLeftClick,
       onRightClick
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mb-editor-header ".concat(titleClass ? titleClass : '')
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "editor-header-left-content",
-      onClick: onLeftClick
-    }, leftContent), /*#__PURE__*/_react.default.createElement("span", {
-      className: "editor-header-title"
-    }, title), /*#__PURE__*/_react.default.createElement("span", {
-      className: "editor-header-right-content",
-      onClick: onRightClick,
-      style: {
-        color: '#f09f3f'
-      }
-    }, rightContent));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `dtable-ui-mb-editor-header ${titleClass ? titleClass : ''}`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "editor-header-left-content",
+        onClick: onLeftClick,
+        children: leftContent
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "editor-header-title",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "editor-header-right-content",
+        onClick: onRightClick,
+        style: {
+          color: '#f09f3f'
+        },
+        children: rightContent
+      })]
+    });
   }
 }
 var _default = exports.default = MBEditorHeader;

package/lib/MTimeFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MTimeFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -25,10 +26,11 @@ class MTimeFormatter extends _react.default.Component {
     if (date) {
       date = this.formatDate(date);
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: date,
-      className: classname
-    }, date);
+      className: classname,
+      children: date
+    });
   }
 }
 MTimeFormatter.defaultProps = {

package/lib/MobileFullScreenPage/body/index.js

@@ -8,16 +8,18 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Body = _ref => {
   let {
     classNamePrefix,
     className,
     children
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-body', className, {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-body")]: classNamePrefix
-    })
-  }, children);
+      [`${classNamePrefix}-mobile-full-screen-page-body`]: classNamePrefix
+    }),
+    children: children
+  });
 };
 var _default = exports.default = Body;

package/lib/MobileFullScreenPage/header/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
   let {
     classNamePrefix,
@@ -15,24 +16,28 @@ const Header = _ref => {
     onLeftClick,
     onRightClick
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header p-0', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header")]: classNamePrefix
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
+      [`${classNamePrefix}-mobile-full-screen-page-header`]: classNamePrefix
     }),
-    onClick: onLeftClick
-  }, children[0]), /*#__PURE__*/_react.default.createElement("h4", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-title', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header-title")]: classNamePrefix
-    })
-  }, children[1]), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
-    }),
-    onClick: onRightClick
-  }, children[2]));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
+        [`${classNamePrefix}-mobile-full-screen-page-header-btn`]: classNamePrefix
+      }),
+      onClick: onLeftClick,
+      children: children[0]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+      className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-title', {
+        [`${classNamePrefix}-mobile-full-screen-page-header-title`]: classNamePrefix
+      }),
+      children: children[1]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
+        [`${classNamePrefix}-mobile-full-screen-page-header-btn`]: classNamePrefix
+      }),
+      onClick: onRightClick,
+      children: children[2]
+    })]
+  });
 };
 var _default = exports.default = Header;