dtable-ui-component 6.0.49 → 6.0.50

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: "".concat(prefixCls, "-header"),
+        children: typeof renderHeader === 'function' ? renderHeader() : renderHeader
+      }) : null, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-body"),
+        children: children
+      }) : null, renderFooter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(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 {
@@ -120,29 +121,35 @@ class ListItem extends React.Component {
       ["".concat(prefixCls, "-arrow-vertical")]: arrow === 'down' || arrow === 'up',
       ["".concat(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: "".concat(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: "".concat(prefixCls, "-content"),
+          children: children
+        }), extra !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(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: "".concat(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 ".concat(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);
+    }),
+    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
     }),
-    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', {
+        ["".concat(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', {
+        ["".concat(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', {
+        ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
+      }),
+      onClick: onRightClick,
+      children: children[2]
+    })]
+  });
 };
 var _default = exports.default = Header;

package/lib/MobileFullScreenPage/index.js

@@ -13,6 +13,7 @@ var _header = _interopRequireDefault(require("./header"));
 var _body = _interopRequireDefault(require("./body"));
 var _utils = require("../utils/utils");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const MobileFullScreenPage = _ref => {
   let {
     classNamePrefix,
@@ -59,14 +60,16 @@ const MobileFullScreenPage = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_BodyPortal.default, {
-    node: element
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page', className, {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page")]: classNamePrefix
-    }),
-    style: style
-  }, isMount && children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BodyPortal.default, {
+    node: element,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page', className, {
+        ["".concat(classNamePrefix, "-mobile-full-screen-page")]: classNamePrefix
+      }),
+      style: style,
+      children: isMount && children
+    })
+  });
 };
 MobileFullScreenPage.Header = _header.default;
 MobileFullScreenPage.Body = _body.default;

package/lib/MobileModal/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Modal = _interopRequireDefault(require("../Modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 class MobileModal extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -27,9 +28,11 @@ class MobileModal extends _react.default.PureComponent {
       children,
       ...props
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_Modal.default, Object.assign({}, props, {
-      popup: true
-    }), children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
+      ...props,
+      popup: true,
+      children: children
+    });
   }
 }
 MobileModal.defaultProps = {

package/lib/MobileOperationSheet/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ActionSheet = _interopRequireDefault(require("../ActionSheet"));
 var _lang = require("../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const OPERATION_TYPE = exports.OPERATION_TYPE = {
   RENAME: 'rename',
   DOWNLOAD: 'download',
@@ -28,34 +29,43 @@ const MobileOperationSheet = _ref => {
     let _btns = [];
     if (operations.includes(OPERATION_TYPE.RENAME)) {
       _btns.push({
-        dom: /*#__PURE__*/_react.default.createElement("div", {
-          className: "my-am-action"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-rename"
-        }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Rename'))),
+        dom: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "my-am-action",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-rename"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _lang.getLocale)('Rename')
+          })]
+        }),
         value: OPERATION_TYPE.RENAME
       });
     }
     if (operations.includes(OPERATION_TYPE.DOWNLOAD)) {
       _btns.push({
-        dom: /*#__PURE__*/_react.default.createElement("div", {
-          className: "my-am-action"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-download"
-        }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Download'))),
+        dom: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "my-am-action",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-download"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _lang.getLocale)('Download')
+          })]
+        }),
         value: OPERATION_TYPE.DOWNLOAD
       });
     }
     if (operations.includes(OPERATION_TYPE.DELETE)) {
       _btns.push({
-        dom: /*#__PURE__*/_react.default.createElement("div", {
-          className: "my-am-action"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-delete"
-        }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Delete'))),
+        dom: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "my-am-action",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-delete"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _lang.getLocale)('Delete')
+          })]
+        }),
         value: OPERATION_TYPE.DELETE
       });
     }

package/lib/MobileSelector/empty/index.js

@@ -9,13 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _List = _interopRequireDefault(require("../../List"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Empty = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    className: "dtable-ui-mobile-selector-no-options"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+    className: "dtable-ui-mobile-selector-no-options",
+    children: children
+  });
 };
 Empty.propType = {
   children: _propTypes.default.any

package/lib/MobileSelector/index.js

@@ -15,6 +15,7 @@ var _options = _interopRequireDefault(require("./options"));
 var _option = _interopRequireDefault(require("./option"));
 var _empty = _interopRequireDefault(require("./empty"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const MobileSelector = _ref => {
   let {
     className,
@@ -35,20 +36,25 @@ const MobileSelector = _ref => {
     };
   }, [handleHistoryBack]);
   const renderHeader = (0, _react.useCallback)(() => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "position-relative"
-    }, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
-      className: "mobile-selector-editor-close-btn dtable-font dtable-icon-x",
-      onClick: onClose
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "position-relative",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "mobile-selector-editor-close-btn dtable-font dtable-icon-x",
+        onClick: onClose
+      })]
+    });
   }, [title, onClose]);
-  return /*#__PURE__*/_react.default.createElement(_MobileModal.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileModal.default, {
     onClose: onClose,
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(_List.default, {
-    renderHeader: renderHeader,
-    className: (0, _classnames.default)('popup-list dtable-ui-mobile-selector', listClassName)
-  }, children));
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+      renderHeader: renderHeader,
+      className: (0, _classnames.default)('popup-list dtable-ui-mobile-selector', listClassName),
+      children: children
+    })
+  });
 };
 MobileSelector.Search = _search.default;
 MobileSelector.Option = _option.default;