dtable-ui-component 6.0.91 → 6.0.93

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, {
+        [`${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;

package/lib/MobileSelector/option/index.js

@@ -9,24 +9,29 @@ 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 Option = _ref => {
   let {
     isSelected,
     children,
     onChange
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    onClick: onChange
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-selector-option"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-ui-mobile-selector-option-name"
-  }, children), /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-ui-mobile-selector-option-check-btn"
-  }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
-    "aria-hidden": "true",
-    className: "dtable-font dtable-icon-check-mark"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+    onClick: onChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-mobile-selector-option",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-ui-mobile-selector-option-name",
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-ui-mobile-selector-option-check-btn",
+        children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-check-mark"
+        })
+      })]
+    })
+  });
 };
 Option.propType = {
   isSelected: _propTypes.default.bool,

package/lib/MobileSelector/options/index.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Options = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-selector-options"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "dtable-ui-mobile-selector-options",
+    children: children
+  });
 };
 var _default = exports.default = Options;

package/lib/MobileSelector/search/index.js

@@ -8,19 +8,21 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Search = _ref => {
   let {
     value,
     placeholder,
     onChange
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-selector-search"
-  }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
-    autoFocus: true,
-    value: value,
-    placeholder: placeholder,
-    onChange: onChange
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "dtable-ui-mobile-selector-search",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
+      autoFocus: true,
+      value: value,
+      placeholder: placeholder,
+      onChange: onChange
+    })
+  });
 };
 var _default = exports.default = Search;

package/lib/MobileUpload/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 MobileUpload = _ref => {
   let {
     type = 'file',
@@ -25,42 +26,59 @@ const MobileUpload = _ref => {
     const iconStyle = {
       lineHeight: '56px'
     };
-    if (type === 'image') return [/*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Take_a_photo')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-camera",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Browse_documents')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-level",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-center"
-    }, (0, _lang.getLocale)('Cancel'))];
-    return [/*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Take_a_photo')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-camera",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Take_a_video')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-camera",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Browse_documents')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-level",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-center"
-    }, (0, _lang.getLocale)('Cancel'))];
+    if (type === 'image') return [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Take_a_photo')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-camera",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Browse_documents')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-more-level",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "my-am-action d-flex justify-content-center",
+      children: (0, _lang.getLocale)('Cancel')
+    })];
+    return [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Take_a_photo')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-camera",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Take_a_video')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-camera",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Browse_documents')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-more-level",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "my-am-action d-flex justify-content-center",
+      children: (0, _lang.getLocale)('Cancel')
+    })];
   }, [type]);
   const showActionSheet = (0, _react.useCallback)(() => {
     if (type === 'image') {
@@ -115,46 +133,48 @@ const MobileUpload = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (type === 'image') {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "h-0 o-hidden"
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "h-0 o-hidden",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        accept: "image/*",
+        ref: imageRef,
+        multiple: true,
+        onClick: onInputClick,
+        onChange: handleChange
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        capture: "camera",
+        accept: "image/*",
+        ref: cameraRef,
+        onClick: onInputClick,
+        onChange: handleChange
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "h-0 o-hidden",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "file",
-      accept: "image/*",
-      ref: imageRef,
+      ref: fileRef,
       multiple: true,
       onClick: onInputClick,
       onChange: handleChange
-    }), /*#__PURE__*/_react.default.createElement("input", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "file",
       capture: "camera",
       accept: "image/*",
       ref: cameraRef,
       onClick: onInputClick,
       onChange: handleChange
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "h-0 o-hidden"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    ref: fileRef,
-    multiple: true,
-    onClick: onInputClick,
-    onChange: handleChange
-  }), /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    capture: "camera",
-    accept: "image/*",
-    ref: cameraRef,
-    onClick: onInputClick,
-    onChange: handleChange
-  }), /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    capture: "camcorder",
-    accept: "video/*",
-    ref: camcorderRef,
-    onClick: onInputClick,
-    onChange: handleChange
-  }));
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "file",
+      capture: "camcorder",
+      accept: "video/*",
+      ref: camcorderRef,
+      onClick: onInputClick,
+      onChange: handleChange
+    })]
+  });
 };
 var _default = exports.default = MobileUpload;

package/lib/Modal/alert.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
 var _closest = _interopRequireDefault(require("../utils/closest"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function alert(title, message) {
   let actions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [{
     text: '确定'
@@ -58,12 +59,12 @@ function alert(title, message) {
     if (!/iPhone|iPod|iPad/i.test(navigator.userAgent)) {
       return;
     }
-    const pNode = (0, _closest.default)(e.target, ".".concat(prefixCls, "-footer"));
+    const pNode = (0, _closest.default)(e.target, `.${prefixCls}-footer`);
     if (!pNode) {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/React.createElement(_modal.default, {
+  root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     transparent: true,
     title: title,
@@ -75,10 +76,12 @@ function alert(title, message) {
     platform: platform,
     wrapProps: {
       onTouchStart: onWrapTouchStart
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-alert-content")
-  }, message)));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-alert-content`,
+      children: message
+    })
+  }));
   return {
     close
   };

package/lib/Modal/modal.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcDialog = _interopRequireDefault(require("rmc-dialog"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+var _jsxRuntime = require("react/jsx-runtime");
 class ModalComponent extends React.Component {}
 exports.ModalComponent = ModalComponent;
 class Modal extends ModalComponent {
@@ -34,15 +35,16 @@ class Modal extends ModalComponent {
         button.onPress();
       }
     };
-    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
-      activeClassName: "".concat(prefixCls, "-button-active"),
-      key: i
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-button"),
-      role: "button",
-      style: buttonStyle,
-      onClick: onClickFn
-    }, button.text || 'Button'));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+      activeClassName: `${prefixCls}-button-active`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${prefixCls}-button`,
+        role: "button",
+        style: buttonStyle,
+        onClick: onClickFn,
+        children: button.text || 'Button'
+      })
+    }, i);
   }
   render() {
     const {
@@ -61,13 +63,14 @@ class Modal extends ModalComponent {
       animationType,
       ...restProps
     } = this.props;
-    const btnGroupClass = (0, _classnames.default)("".concat(prefixCls, "-button-group-").concat(footer.length === 2 && !operation ? 'h' : 'v'), "".concat(prefixCls, "-button-group-").concat(operation ? 'operation' : 'normal'));
-    const footerDom = footer.length ? /*#__PURE__*/React.createElement("div", {
+    const btnGroupClass = (0, _classnames.default)(`${prefixCls}-button-group-${footer.length === 2 && !operation ? 'h' : 'v'}`, `${prefixCls}-button-group-${operation ? 'operation' : 'normal'}`);
+    const footerDom = footer.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: btnGroupClass,
-      role: "group"
-    }, footer.map((button, i) =>
-    // tslint:disable-next-line:jsx-no-multiline-js
-    this.renderFooterButton(button, prefixCls, i))) : null;
+      role: "group",
+      children: footer.map((button, i) =>
+      // tslint:disable-next-line:jsx-no-multiline-js
+      this.renderFooterButton(button, prefixCls, i))
+    }) : null;
     let transName;
     let maskTransName;
     if (animated) {
@@ -83,15 +86,16 @@ class Modal extends ModalComponent {
       }
     }
     const wrapCls = (0, _classnames.default)(wrapClassName, {
-      ["".concat(prefixCls, "-wrap-popup")]: popup
+      [`${prefixCls}-wrap-popup`]: popup
     });
     const cls = (0, _classnames.default)(className, {
-      ["".concat(prefixCls, "-transparent")]: transparent,
-      ["".concat(prefixCls, "-popup")]: popup,
-      ["".concat(prefixCls, "-popup-").concat(animationType)]: popup && animationType,
-      ["".concat(prefixCls, "-android")]: platform === 'android'
+      [`${prefixCls}-transparent`]: transparent,
+      [`${prefixCls}-popup`]: popup,
+      [`${prefixCls}-popup-${animationType}`]: popup && animationType,
+      [`${prefixCls}-android`]: platform === 'android'
     });
-    return /*#__PURE__*/React.createElement(_rmcDialog.default, Object.assign({}, restProps, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, {
+      ...restProps,
       prefixCls: prefixCls,
       className: cls,
       wrapClassName: wrapCls,
@@ -99,7 +103,7 @@ class Modal extends ModalComponent {
       maskTransitionName: maskTransitionName || maskTransName,
       style: style,
       footer: footerDom
-    }));
+    });
   }
 }
 exports.default = Modal;

package/lib/Modal/operation.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
 var _closest = _interopRequireDefault(require("../utils/closest"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function operation() {
   let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [{
     text: '确定'
@@ -57,7 +58,7 @@ function operation() {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/React.createElement(_modal.default, {
+  root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     operation: true,
     transparent: true,