@uiw/react-modal - npm Package Compare versions

Comparing version 5.0.0-bate-5 to 5.0.0-bate-6

cjs/CallShow.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -9,26 +8,17 @@ value: true
 exports["default"] = CallShow;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _ = _interopRequireDefault(require("./"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["title", "children"];
-
 function CallShow(props) {
   var _props$title = props.title,
-      title = _props$title === void 0 ? '提示框' : _props$title,
-      children = props.children,
-      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    title = _props$title === void 0 ? '提示框' : _props$title,
+    children = props.children,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var dv = document.createElement('div');
   dv.id = 'uiw-modal-call-show-element';
   document.body.appendChild(dv);
-
   _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
@@ -43,4 +33,3 @@ title: title,
 }
-
 module.exports = exports.default;
 //# sourceMappingURL=CallShow.js.map

cjs/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -12,29 +10,14 @@ value: true
 exports["default"] = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactOverlay = _interopRequireDefault(require("@uiw/react-overlay"));
-
 var _reactButton = _interopRequireDefault(require("@uiw/react-button"));
-
 var _Close = require("@uiw/icons/lib/Close");
-
-var _reactIcon = require("@uiw/react-icon");
-
 var _utils = require("@uiw/utils");
-
 var _CallShow = _interopRequireDefault(require("./CallShow"));
-
 var _style = _interopRequireWildcard(require("./style"));
-
 Object.keys(_style).forEach(function (key) {
@@ -51,49 +34,44 @@ if (key === "default" || key === "__esModule") return;
 });
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["prefixCls", "className", "children", "useButton", "usePortal", "autoFocus", "isOpen", "title", "cancelText", "cancelButtonProps", "confirmButtonProps", "content", "confirmText", "type", "icon", "maxWidth", "minWidth", "width", "isCloseButtonShown", "onCancel", "onConfirm", "bodyStyle"];
-
 var Modal = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-modal' : _props$prefixCls,
-      className = props.className,
-      children = props.children,
-      _props$useButton = props.useButton,
-      useButton = _props$useButton === void 0 ? true : _props$useButton,
-      _props$usePortal = props.usePortal,
-      usePortal = _props$usePortal === void 0 ? true : _props$usePortal,
-      _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-      _props$isOpen = props.isOpen,
-      _ = _props$isOpen === void 0 ? false : _props$isOpen,
-      title = props.title,
-      cancelText = props.cancelText,
-      cancelButtonProps = props.cancelButtonProps,
-      confirmButtonProps = props.confirmButtonProps,
-      content = props.content,
-      _props$confirmText = props.confirmText,
-      confirmText = _props$confirmText === void 0 ? '确认' : _props$confirmText,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'light' : _props$type,
-      icon = props.icon,
-      _props$maxWidth = props.maxWidth,
-      maxWidth = _props$maxWidth === void 0 ? 500 : _props$maxWidth,
-      _props$minWidth = props.minWidth,
-      minWidth = _props$minWidth === void 0 ? 320 : _props$minWidth,
-      width = props.width,
-      _props$isCloseButtonS = props.isCloseButtonShown,
-      isCloseButtonShown = _props$isCloseButtonS === void 0 ? true : _props$isCloseButtonS,
-      _props$onCancel = props.onCancel,
-      onCancel = _props$onCancel === void 0 ? _utils.noop : _props$onCancel,
-      _props$onConfirm = props.onConfirm,
-      onConfirm = _props$onConfirm === void 0 ? _utils.noop : _props$onConfirm,
-      bodyStyle = props.bodyStyle,
-      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    prefixCls = _props$prefixCls === void 0 ? 'w-modal' : _props$prefixCls,
+    className = props.className,
+    children = props.children,
+    _props$useButton = props.useButton,
+    useButton = _props$useButton === void 0 ? true : _props$useButton,
+    _props$usePortal = props.usePortal,
+    usePortal = _props$usePortal === void 0 ? true : _props$usePortal,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    _props$isOpen = props.isOpen,
+    _ = _props$isOpen === void 0 ? false : _props$isOpen,
+    title = props.title,
+    cancelText = props.cancelText,
+    cancelButtonProps = props.cancelButtonProps,
+    confirmButtonProps = props.confirmButtonProps,
+    content = props.content,
+    _props$confirmText = props.confirmText,
+    confirmText = _props$confirmText === void 0 ? '确认' : _props$confirmText,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'light' : _props$type,
+    icon = props.icon,
+    _props$maxWidth = props.maxWidth,
+    maxWidth = _props$maxWidth === void 0 ? 500 : _props$maxWidth,
+    _props$minWidth = props.minWidth,
+    minWidth = _props$minWidth === void 0 ? 320 : _props$minWidth,
+    width = props.width,
+    _props$isCloseButtonS = props.isCloseButtonShown,
+    isCloseButtonShown = _props$isCloseButtonS === void 0 ? true : _props$isCloseButtonS,
+    _props$onCancel = props.onCancel,
+    onCancel = _props$onCancel === void 0 ? _utils.noop : _props$onCancel,
+    _props$onConfirm = props.onConfirm,
+    onConfirm = _props$onConfirm === void 0 ? _utils.noop : _props$onConfirm,
+    bodyStyle = props.bodyStyle,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(props.isOpen),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   (0, _react.useEffect)(function () {
@@ -104,18 +82,13 @@ if (props.isOpen !== isOpen) {
   }, [props.isOpen]);
-
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var cls = [prefixCls, className, type ? "".concat(type) : null].filter(Boolean).join(' ').trim();
-
   function onClose() {
     setIsOpen(false);
   }
-
   function handleCancel(_x) {
     return _handleCancel.apply(this, arguments);
   }
-
   function _handleCancel() {
@@ -130,3 +103,2 @@ _handleCancel = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(e) {
               _context.t0 = onCancel;
-
               if (!_context.t0) {
@@ -136,18 +108,13 @@ _context.next = 6;
               }
-
               _context.next = 6;
               return onCancel(e);
-
             case 6:
               _context.next = 10;
               break;
-
             case 8:
               _context.prev = 8;
               _context.t1 = _context["catch"](1);
-
             case 10:
               setIsOpen(false);
               setLoading(false);
-
             case 12:
@@ -162,7 +129,5 @@ case "end":
   }
-
   function handleConfirm(_x2) {
     return _handleConfirm.apply(this, arguments);
   }
-
   function _handleConfirm() {
@@ -177,3 +142,2 @@ _handleConfirm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2(e) {
               _context2.t0 = onConfirm;
-
               if (!_context2.t0) {
@@ -183,18 +147,13 @@ _context2.next = 6;
               }
-
               _context2.next = 6;
               return onConfirm(e);
-
             case 6:
               _context2.next = 10;
               break;
-
             case 8:
               _context2.prev = 8;
               _context2.t1 = _context2["catch"](1);
-
             case 10:
               setIsOpen(false);
               setLoading(false);
-
             case 12:
@@ -209,3 +168,2 @@ case "end":
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
@@ -236,5 +194,3 @@ as: _reactOverlay["default"],
             },
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcon.IconStyleBase, {
-              as: _Close.Close
-            }),
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.Close, {}),
             type: "light"
@@ -269,3 +225,2 @@ })]
 });
-
 Modal.show = _CallShow["default"];
@@ -272,0 +227,0 @@ var _default = Modal;

cjs/style/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -11,15 +9,8 @@ value: true
 exports["default"] = exports.ModalStyleWrap = exports.ModalStyleTheme = exports.ModalStyleInner = exports.ModalStyleHeader = exports.ModalStyleFooter = exports.ModalStyleContainer = exports.ModalStyleBody = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _utils = require("@uiw/utils");
-
 var _reactIcon = require("@uiw/react-icon");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
 var ModalStyleTheme = {
@@ -38,3 +29,2 @@ fontSizeLarge: '16px',
 exports.ModalStyleTheme = ModalStyleTheme;
-
 var ModalStyleHeader = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
@@ -52,9 +42,8 @@ return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    min-height: ", ";\n    padding-left: 13px;\n    padding-right: 5px;\n    background-color: ", ";\n    border-radius: 5px 5px 0 0;\n    box-shadow: 0 1px 0\n      ", ";\n    font-size: ", ";\n    > ", " {\n      margin-right: 10px;\n      color: #393e48;\n    }\n    h4 {\n      margin: 0;\n      padding: 0;\n      flex: 1 1 auto;\n      font-weight: bold;\n      min-height: ", ";\n    }\n  "])), (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   }), 'minHeightModalStyleHeaderH4'));
-}); // ModalStyleHeader.defaultProps = {
+});
+
+// ModalStyleHeader.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
 // };
-
-
 exports.ModalStyleHeader = ModalStyleHeader;
-
 var ModalStyleBody = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
@@ -64,17 +53,12 @@ return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-top: 20px;\n    font-size: ", ";\n  "])), (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   }), 'fontSizeDefault'));
-}); // ModalStyleBody.defaultProps = {
+});
+
+// ModalStyleBody.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
 // };
-
-
 exports.ModalStyleBody = ModalStyleBody;
-
 var ModalStyleFooter = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  margin-top: 15px;\n  flex-direction: row-reverse;\n  .w-btn + .w-btn {\n    margin-right: 10px;\n  }\n"])));
-
 exports.ModalStyleFooter = ModalStyleFooter;
-
 var ModalStyleContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])([""])));
-
 exports.ModalStyleContainer = ModalStyleContainer;
-
 var ModalStyleInner = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
@@ -92,14 +76,12 @@ return (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-bottom: 20px;\n    background: ", ";\n    min-width: ", ";\n    border-radius: 5px;\n    box-shadow: 0 0 0 1px\n        ", ",\n      0 4px 8px ", ",\n      0 18px 46px 6px ", ";\n  "])), (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   }), 'boxShadowModalStyleInnerV'));
-}); // ModalStyleInner.defaultProps = {
+});
+// ModalStyleInner.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
 // };
-
-
 exports.ModalStyleInner = ModalStyleInner;
+var ModalStyleWrap = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: 1001;\n\n  ", ",\n  ", " {\n    margin: 0 20px;\n  }\n"])), ModalStyleBody, ModalStyleFooter);
 
-var ModalStyleWrap = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: 1001;\n\n  ", ",\n  ", " {\n    margin: 0 20px;\n  }\n"])), ModalStyleBody, ModalStyleFooter); // ModalStyleWrap.defaultProps = {
+// ModalStyleWrap.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
 // };
-
-
 exports.ModalStyleWrap = ModalStyleWrap;
@@ -106,0 +88,0 @@ var _default = ModalStyleWrap;

esm/CallShow.js

@@ -10,7 +10,6 @@ import _extends from "@babel/runtime/helpers/extends";
   var {
-    title = '提示框',
-    children
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      title = '提示框',
+      children
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   var dv = document.createElement('div');
@@ -17,0 +16,0 @@ dv.id = 'uiw-modal-call-show-element';

esm/index.js

@@ -9,3 +9,2 @@ import _extends from "@babel/runtime/helpers/extends";
 import { Close } from '@uiw/icons/lib/Close';
-import { IconStyleBase } from '@uiw/react-icon';
 import { noop } from '@uiw/utils';
@@ -19,27 +18,26 @@ import CallShow from './CallShow';
   var {
-    prefixCls = 'w-modal',
-    className,
-    children,
-    useButton = true,
-    usePortal = true,
-    autoFocus = false,
-    isOpen: _ = false,
-    title,
-    cancelText,
-    cancelButtonProps,
-    confirmButtonProps,
-    content,
-    confirmText = '确认',
-    type = 'light',
-    icon,
-    maxWidth = 500,
-    minWidth = 320,
-    width,
-    isCloseButtonShown = true,
-    onCancel = noop,
-    onConfirm = noop,
-    bodyStyle
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      prefixCls = 'w-modal',
+      className,
+      children,
+      useButton = true,
+      usePortal = true,
+      autoFocus = false,
+      isOpen: _ = false,
+      title,
+      cancelText,
+      cancelButtonProps,
+      confirmButtonProps,
+      content,
+      confirmText = '确认',
+      type = 'light',
+      icon,
+      maxWidth = 500,
+      minWidth = 320,
+      width,
+      isCloseButtonShown = true,
+      onCancel = noop,
+      onConfirm = noop,
+      bodyStyle
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   var [isOpen, setIsOpen] = useState(props.isOpen);
@@ -53,19 +51,14 @@ useEffect(() => {
   var cls = [prefixCls, className, type ? "" + type : null].filter(Boolean).join(' ').trim();
-
   function onClose() {
     setIsOpen(false);
   }
-
   function handleCancel(_x) {
     return _handleCancel.apply(this, arguments);
   }
-
   function _handleCancel() {
     _handleCancel = _asyncToGenerator(function* (e) {
       setLoading(true);
-
       try {
         onCancel && (yield onCancel(e));
       } catch (e) {}
-
       setIsOpen(false);
@@ -76,15 +69,11 @@ setLoading(false);
   }
-
   function handleConfirm(_x2) {
     return _handleConfirm.apply(this, arguments);
   }
-
   function _handleConfirm() {
     _handleConfirm = _asyncToGenerator(function* (e) {
       setLoading(true);
-
       try {
         onConfirm && (yield onConfirm(e));
       } catch (e) {}
-
       setIsOpen(false);
@@ -95,3 +84,2 @@ setLoading(false);
   }
-
   return /*#__PURE__*/_jsx(ModalStyleWrap, _extends({
@@ -120,5 +108,3 @@ as: Overlay,
             onClick: e => handleCancel(e),
-            icon: /*#__PURE__*/_jsx(IconStyleBase, {
-              as: Close
-            }),
+            icon: /*#__PURE__*/_jsx(Close, {}),
             type: "light"
@@ -125,0 +111,0 @@ })]

esm/style/index.js

 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
 import styled, { css } from 'styled-components';
@@ -31,3 +29,5 @@ import { getThemeVariantValue } from '@uiw/utils';
   defaultTheme: ModalStyleTheme
-}), 'minHeightModalStyleHeaderH4'))); // ModalStyleHeader.defaultProps = {
+}), 'minHeightModalStyleHeaderH4')));
+
+// ModalStyleHeader.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
@@ -38,3 +38,5 @@ // };
   defaultTheme: ModalStyleTheme
-}), 'fontSizeDefault'))); // ModalStyleBody.defaultProps = {
+}), 'fontSizeDefault')));
+
+// ModalStyleBody.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
@@ -55,7 +57,10 @@ // };
   defaultTheme: ModalStyleTheme
-}), 'boxShadowModalStyleInnerV'))); // ModalStyleInner.defaultProps = {
+}), 'boxShadowModalStyleInnerV')));
+// ModalStyleInner.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
 // };
 
-export var ModalStyleWrap = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  z-index: 1001;\n\n  ", ",\n  ", " {\n    margin: 0 20px;\n  }\n"])), ModalStyleBody, ModalStyleFooter); // ModalStyleWrap.defaultProps = {
+export var ModalStyleWrap = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  z-index: 1001;\n\n  ", ",\n  ", " {\n    margin: 0 20px;\n  }\n"])), ModalStyleBody, ModalStyleFooter);
+
+// ModalStyleWrap.defaultProps = {
 //   defaultTheme: ModalStyleTheme,
@@ -62,0 +67,0 @@ // };

package.json

 {
   "name": "@uiw/react-modal",
-  "version": "5.0.0-bate-5",
+  "version": "5.0.0-bate-6",
   "description": "Modal component",
@@ -48,7 +48,7 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-button": "^5.0.0-bate-5",
-    "@uiw/react-icon": "^5.0.0-bate-5",
-    "@uiw/react-overlay": "^5.0.0-bate-5",
-    "@uiw/utils": "^5.0.0-bate-5"
+    "@uiw/react-button": "^5.0.0-bate-6",
+    "@uiw/react-icon": "^5.0.0-bate-6",
+    "@uiw/react-overlay": "^5.0.0-bate-6",
+    "@uiw/utils": "^5.0.0-bate-6"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

90550

decreased by-1.18%

Lines of code

934

decreased by-0.11%

Dependency changes

• Updated@uiw/react-button@^5.0.0-bate-6

• Updated@uiw/react-icon@^5.0.0-bate-6

• Updated@uiw/react-overlay@^5.0.0-bate-6

• Updated@uiw/utils@^5.0.0-bate-6