@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.3

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v2.0.0-alpha.3
+`2023-04-28`
+
+* :bug: fix: overlay 属性 onClick 暴露、lockscroll 相关demo 修订 (#959) @xiaoyatong
+* :bug: fix: 修改taro增加主题编译 (#950) @junjun666
+* 🛠 refactor: dialog (#945) @xiaoyatong
+* 🛠 refactor: switch (#941) @拧巴的猫
+* 🛠 refactor: tabs (#939) @oasis-cloud
+* 🔨 chore: website 2.0 (#955) @oasis-cloud
+* 📖 docs: button 文档表格优化 (#956) @oasis-cloud
+
+
+# v2.0.0-alpha.2
+`2023-04-26`
+
+* 🛠 refactor: navbar (#890) @拧巴的猫
+* 🛠 refactor: animate (#940) @junjun666
+* 🛠 refactor: badge (#936) @xiaoyatong
+* 🛠 refactor: drag (#937) @拧巴的猫
+* 🛠 refactor: elevator (#927) @拧巴的猫
+* 🛠 refactor: menu (#923) @oasis-cloud
+* 🛠 refactor: progress (#943) @Eiinu
+* 🔨 chore: sync pnpm-lock @oasis-cloud
+* :bug: fix: 修改taro增加主题编译 (#950) @junjun666
+
+
 # v2.0.0-alpha.1
 `2023-04-21`
 

package/dist/esm/Address.js

@@ -348,7 +348,7 @@ var CustomRender = function CustomRender2(props) {
     className: b("elevator-group")
   }, React__default.createElement(Elevator, {
     height,
-    indexList: regionList[tabName[tabIndex]],
+    list: regionList[tabName[tabIndex]],
     onClickItem: handleElevatorItem
   })));
 };

package/dist/esm/Animate.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -25,23 +25,22 @@ function _objectSpread(target) {
 }
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: "shake",
   action: "initial",
   loop: false,
   onClick: function onClick(event) {
   }
-};
+});
+var classPrefix = "nut-animate";
 var Animate = function Animate2(props) {
   var _classNames;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
-  var b = cn("animate");
   var classes = classNames((_classNames = {
     "nut-ani-container": true
-  }, _defineProperty(_classNames, "".concat(b(""), "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
+  }, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
   var cls = classNames(classes, className);
   var handleClick = function handleClick2(event) {
     setClicked(true);

package/dist/esm/Badge.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -22,28 +23,23 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
   value: "",
   dot: false,
-  max: 1e4,
+  max: 99,
   top: "0",
-  right: "0",
-  zIndex: "0",
-  color: "",
-  icon: null
+  right: "5",
+  color: ""
 });
-var b = cn("badge");
 var Badge = function Badge2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, zIndex = _defaultProps$props.zIndex, color = _defaultProps$props.color, icon = _defaultProps$props.icon;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, value = _defaultProps$props.value, max = _defaultProps$props.max, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, color = _defaultProps$props.color;
+  var classPrefix = "nut-badge";
+  var classes = classNames(classPrefix, className);
+  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), "".concat(classPrefix, "__sup"));
   function content() {
-    if (dot)
-      return void 0;
-    var value = props.value;
-    var max = props.max;
+    if (dot || _typeof(value) === "object")
+      return null;
     if (typeof value === "number" && typeof max === "number") {
       return max < value ? "".concat(max, "+") : value;
     }
@@ -53,19 +49,16 @@ var Badge = function Badge2(props) {
     var style2 = {};
     style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
     style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
-    style2.zIndex = zIndex;
     style2.background = color;
     return style2;
   };
   return React__default.createElement("div", {
-    className: classNames(b(), className),
+    className: classes,
     style
-  }, icon && React__default.createElement("div", {
-    className: "slot-icon"
-  }, icon), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: classNames({
-      "is-dot": dot
-    }, b("content"), "sup"),
+  }, _typeof(value) === "object" && value && React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon")
+  }, value), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: contentClasses,
     style: getStyle()
   }, content()));
 };

package/dist/esm/CalendarItem.js

@@ -26,19 +26,9 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { c as cn } from "./bem.js";
 import { U as Utils } from "./date.js";
+import { r as requestAniFrame } from "./raf.js";
 import { useConfig } from "./ConfigProvider.js";
 import "@bem-react/classname";
-function requestAniFrame() {
-  if (typeof window !== "undefined") {
-    return window.requestAnimationFrame || function(callback) {
-      window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return function(callback) {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-var requestAniFrame$1 = requestAniFrame();
 var defaultProps = {
   type: "one",
   isAutoBackFill: false,
@@ -510,7 +500,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     var lastItem = state.monthsData[state.monthsData.length - 1];
     var containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
-    requestAniFrame$1(function() {
+    requestAniFrame(function() {
       if (months && monthsPanel && viewArea) {
         viewHeight = months.current.clientHeight;
         monthsPanel.current.style.height = "".concat(containerHeight, "px");

package/dist/esm/Cascader.js

@@ -52,6 +52,8 @@ import { Loading, Checklist } from "@nutui/icons-react";
 import { c as cn } from "./bem.js";
 import "./typings.js";
 import "./TabPane.js";
+import "./raf.js";
+import "./use-props-value.js";
 import "@bem-react/classname";
 var defaultProps$1 = {
   data: {
@@ -608,7 +610,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
       className: b("title")
     }, title), React__default.createElement(Tabs, {
       value: tabvalue,
-      titleNode: function titleNode() {
+      title: function title2() {
         return optionsData.map(function(pane, index) {
           var _pane$selectedNode, _pane$selectedNode2;
           return React__default.createElement("div", {
@@ -631,7 +633,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
     }, !state.initLoading && state.panes.length ? optionsData.map(function(pane) {
       return React__default.createElement(TabPane, {
         key: pane.paneKey,
-        paneKey: pane.paneKey
+        value: pane.paneKey
       }, React__default.createElement("div", {
         className: classesPane
       }, pane.nodes && pane.nodes.map(function(node, index) {

package/dist/esm/Dialog.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "confirmText", "cancelText", "onClosed", "onCancel", "onOk"];
+var _excluded = ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -22,262 +22,253 @@ function _objectSpread(target) {
   }
   return target;
 }
-import * as React from "react";
-import React__default, { useEffect, forwardRef } from "react";
+import React__default, { forwardRef } from "react";
 import classNames from "classnames";
 import Button from "./Button.js";
-import { CSSTransition } from "react-transition-group";
 import { r as render, u as unmount } from "./render.js";
+import { CSSTransition } from "react-transition-group";
+import { d as defaultOverlayProps } from "./overlay2.js";
+import { C as ComponentDefaults } from "./typings.js";
+import Overlay from "./Overlay.js";
+import { useConfig } from "./ConfigProvider.js";
 import "react-dom";
-var Content = function Content2(props) {
-  var visible = props.visible, title = props.title, footer = props.footer, textAlign = props.textAlign, footerDirection = props.footerDirection, onClickSelf = props.onClickSelf, children = props.children;
-  var headerNode;
-  if (title) {
-    headerNode = React__default.createElement("div", {
-      className: "nut-dialog__header"
-    }, title);
-  }
-  var footerNode;
-  if (footer) {
-    footerNode = React__default.createElement("div", {
-      className: classNames("nut-dialog__footer", _defineProperty({}, footerDirection, footerDirection))
-    }, footer);
-  }
-  var handleClick = function handleClick2() {
-    onClickSelf && onClickSelf();
-  };
-  return React__default.createElement("div", {
-    className: "nut-dialog__outer",
-    onClick: handleClick
-  }, React__default.createElement("div", {
-    className: "nut-dialog",
-    style: {
-      display: visible ? "flex" : "none"
-    }
-  }, headerNode, React__default.createElement("div", {
-    className: "nut-dialog__content",
-    style: {
-      textAlign
-    }
-  }, React__default.createElement("div", null, children)), footerNode));
-};
-Content.displayName = "NutContent";
-function Mask(props) {
-  return React.createElement("div", {
-    className: "nut-dialog__mask"
-  });
-}
-var DialogWrap = function DialogWrap2(props) {
-  var className = props.className, style = props.style, visible = props.visible, mask = props.mask, closeOnClickOverlay = props.closeOnClickOverlay, lockScroll = props.lockScroll, onClosed = props.onClosed, onCancel = props.onCancel;
-  var handleClick = function handleClick2(e) {
-    if (closeOnClickOverlay && visible && e.target === e.currentTarget) {
-      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-      lockScroll && document.body.classList.remove("nut-overflow-hidden");
-    }
-  };
-  var wrapStyle = _objectSpread(_objectSpread({}, style), {}, {
-    display: visible ? "block" : "none"
-  });
-  if (lockScroll && visible) {
-    document.body.classList.add("nut-overflow-hidden");
-  }
-  return React__default.createElement(React__default.Fragment, null, mask ? React__default.createElement(CSSTransition, {
-    "in": visible,
-    timeout: 300,
-    classNames: "fadeDialog",
-    unmountOnExit: true,
-    appear: true
-  }, React__default.createElement(Mask, null)) : null, React__default.createElement("div", {
-    className: classNames("nut-dialog__wrap", className),
-    onClick: handleClick,
-    style: wrapStyle
-  }, React__default.createElement(Content, _objectSpread(_objectSpread({}, props), {}, {
-    visible
-  }))));
-};
-DialogWrap.displayName = "NutDialogWrap";
-var DialogWrapper = function DialogWrapper2(props) {
-  var visible = props.visible, lockScroll = props.lockScroll;
-  useEffect(function() {
-    if (lockScroll && visible) {
-      document.body.classList.add("nut-overflow-hidden");
-    } else {
-      document.body.classList.remove("nut-overflow-hidden");
-    }
-  }, [visible]);
-  useEffect(function() {
-    return function() {
-      if (document.body.classList.value.includes("nut-overflow-hidden")) {
-        document.body.classList.remove("nut-overflow-hidden");
-      }
-    };
-  }, []);
-  return React__default.createElement("div", {
-    style: {
-      display: visible ? "block" : "none"
-    }
-  }, React__default.createElement(DialogWrap, _objectSpread({}, props)));
-};
-DialogWrapper.displayName = "NutDialogWrapper";
 function ConfirmDialog(props) {
   return React__default.createElement(Dialog, _objectSpread({}, props), props.content);
 }
-var normalizeConfig = function normalizeConfig2(_config) {
-  if (_config.isNotice) {
-    var icon = _config.icon;
+var normalizeConfig = function normalizeConfig2(config) {
+  if (config.isNotice) {
+    var icon = config.icon;
     if (!icon && icon !== null) {
-      switch (_config.noticeType) {
+      switch (config.noticeType) {
         case "alert":
           icon = "";
           break;
       }
     }
-    _config.noCancelBtn = true;
+    config.hideCancelButton = true;
   }
-  return _config;
+  return config;
 };
-function confirm(config, renderFunc) {
+var confirm = function confirm2(config, renderFunc) {
   var div = document.createElement("div");
   document.body.appendChild(div);
-  function render$1(props, callback) {
+  var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
+    visible: false
+  });
+  var render$1 = function render$12(props, callback) {
     render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
-      onCancel
+      onCancel: function onCancel2() {
+        return _onCancel();
+      }
     })), div);
     callback && callback();
-  }
+  };
   var renderFunction = renderFunc || render$1;
-  var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
-    visible: false
-  });
-  var onOk = function onOk2() {
-    var ret;
-    var _onOk = config.onOk || config.onConfirm;
-    if (_onOk) {
-      ret = _onOk();
-    }
+  var onConfirm = function onConfirm2() {
+    var _onConfirm = config.onConfirm || config.onConfirm;
+    var ret = _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm();
     if (ret && ret.then) {
       renderFunction(dialogConfig);
       ret.then(function() {
-        onCancel(true);
+        _onCancel(true);
       }, function(e) {
         console.error(e);
         renderFunction(dialogConfig);
       });
     }
     if (!ret) {
-      onCancel(true);
+      _onCancel(true);
     }
   };
-  dialogConfig.onOk = onOk;
+  dialogConfig.onConfirm = onConfirm;
   dialogConfig = normalizeConfig(dialogConfig);
   dialogConfig.visible = true;
   renderFunction(dialogConfig);
-  function destroy() {
+  var destroy = function destroy2() {
     unmount(div);
     if (div !== null && div !== void 0 && div.parentNode) {
       div.parentNode.removeChild(div);
     }
-  }
-  function onCancel(isOnOk) {
-    !isOnOk && config.onCancel && config.onCancel();
+  };
+  var _onCancel = function _onCancel2(confirm22) {
+    !confirm22 && config.onCancel && config.onCancel();
     dialogConfig.visible = false;
-    dialogConfig.onClosed = function() {
-      config.onClosed && config.onClosed();
+    dialogConfig.onClose = function() {
+      config.onClose && config.onClose();
     };
     renderFunction(dialogConfig, function() {
       destroy();
     });
-  }
-  function update(newConfig) {
+  };
+  var update = function update2(newConfig) {
     dialogConfig = _objectSpread(_objectSpread({}, dialogConfig), {}, {
       title: config.title
     }, newConfig);
     dialogConfig = normalizeConfig(dialogConfig);
     renderFunction(dialogConfig);
-  }
-  function close() {
+  };
+  var close = function close2() {
     dialogConfig.visible = false;
-    dialogConfig.onClosed = function() {
-      config.onClosed && config.onClosed();
+    dialogConfig.onClose = function() {
+      config.onClose && config.onClose();
       destroy();
     };
     renderFunction(dialogConfig);
-  }
+  };
   return {
     close,
     update
   };
-}
+};
+var confirm$1 = confirm;
+var Content = function Content2(props) {
+  var visible = props.visible, title = props.title, footer = props.footer, footerDirection = props.footerDirection, onClick = props.onClick, children = props.children;
+  var classPrefix = "nut-dialog";
+  var renderHeader = function renderHeader2() {
+    return title ? React__default.createElement("div", {
+      className: "".concat(classPrefix, "__header")
+    }, title) : null;
+  };
+  var renderFooter = function renderFooter2() {
+    return footer ? React__default.createElement("div", {
+      className: classNames("".concat(classPrefix, "__footer"), _defineProperty({}, footerDirection, footerDirection))
+    }, footer) : null;
+  };
+  var handleClick = function handleClick2(e) {
+    onClick && onClick(e);
+  };
+  return React__default.createElement("div", {
+    className: "".concat(classPrefix, "__outer"),
+    onClick: function onClick2(e) {
+      return handleClick(e);
+    }
+  }, React__default.createElement("div", {
+    className: classPrefix,
+    style: {
+      display: visible ? "flex" : "none"
+    }
+  }, renderHeader(), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__content")
+  }, React__default.createElement(React__default.Fragment, null, children)), renderFooter()));
+};
+Content.displayName = "NutContent";
+var defaultDialogProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  overlay: true,
+  overlayStyle: {},
+  overlayClassName: "",
+  onCancel: function onCancel() {
+  },
+  onClose: function onClose() {
+  },
+  onOverlayClick: function onOverlayClick(e) {
+    return true;
+  }
+}, defaultOverlayProps);
+var DialogWrap = function DialogWrap2(props) {
+  var visible = props.visible, overlay = props.overlay, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, closeOnOverlayClick = props.closeOnOverlayClick, lockScroll = props.lockScroll, onClose2 = props.onClose, onCancel2 = props.onCancel, onOverlayClick2 = props.onOverlayClick;
+  var onHandleClickOverlay = function onHandleClickOverlay2(e) {
+    if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
+      var closed = onOverlayClick2 && onOverlayClick2(e);
+      closed && (onClose2 === null || onClose2 === void 0 ? void 0 : onClose2());
+      closed && (onCancel2 === null || onCancel2 === void 0 ? void 0 : onCancel2());
+    }
+  };
+  return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(Overlay, {
+    style: overlayStyle,
+    className: overlayClassName,
+    visible,
+    closeOnOverlayClick,
+    lockScroll,
+    onClick: onHandleClickOverlay
+  }) : null, React__default.createElement(CSSTransition, {
+    "in": visible,
+    timeout: 300,
+    classNames: "fadeDialog",
+    unmountOnExit: true,
+    appear: true
+  }, React__default.createElement(Content, _objectSpread(_objectSpread({}, props), {}, {
+    visible
+  }))));
+};
+DialogWrap.defaultProps = defaultDialogProps;
+DialogWrap.displayName = "NutDialogWrap";
 var defaultProps = {
-  confirmText: "确认",
-  cancelText: "取消",
-  mask: true,
-  closeOnClickOverlay: true,
-  noFooter: false,
-  noOkBtn: false,
-  noCancelBtn: false,
-  okBtnDisabled: false,
-  cancelAutoClose: true,
-  textAlign: "center",
+  confirmText: "",
+  cancelText: "",
+  overlay: true,
+  closeOnOverlayClick: true,
+  hideConfirmButton: false,
+  hideCancelButton: false,
+  disableConfirmButton: false,
   footerDirection: "horizontal",
-  lockScroll: false
+  lockScroll: true,
+  beforeCancel: function beforeCancel() {
+    return true;
+  },
+  beforeClose: function beforeClose() {
+    return true;
+  }
 };
 var BaseDialog = function BaseDialog2(props, ref) {
-  var visible = props.visible, footer = props.footer, noFooter = props.noFooter, noOkBtn = props.noOkBtn, noCancelBtn = props.noCancelBtn, lockScroll = props.lockScroll, okBtnDisabled = props.okBtnDisabled, cancelAutoClose = props.cancelAutoClose, confirmText = props.confirmText, cancelText = props.cancelText, onClosed = props.onClosed, onCancel = props.onCancel, onOk = props.onOk, restProps = _objectWithoutProperties(props, _excluded);
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var visible = props.visible, footer = props.footer, hideConfirmButton = props.hideConfirmButton, hideCancelButton = props.hideCancelButton, lockScroll = props.lockScroll, disableConfirmButton = props.disableConfirmButton, closeOnOverlayClick = props.closeOnOverlayClick, confirmText = props.confirmText, cancelText = props.cancelText, onClose2 = props.onClose, onCancel2 = props.onCancel, onConfirm = props.onConfirm, beforeCancel2 = props.beforeCancel, beforeClose2 = props.beforeClose, restProps = _objectWithoutProperties(props, _excluded);
+  var classPrefix = "nut-dialog";
   var renderFooter = function renderFooter2() {
-    if (footer === null || noFooter)
+    if (footer === null)
       return "";
     var handleCancel = function handleCancel2(e) {
       e.stopPropagation();
-      if (!cancelAutoClose)
+      if (!(beforeCancel2 !== null && beforeCancel2 !== void 0 && beforeCancel2()))
         return;
-      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-      if (lockScroll && visible) {
-        document.body.classList.remove("nut-overflow-hidden");
-      }
+      if (!(beforeClose2 !== null && beforeClose2 !== void 0 && beforeClose2()))
+        return;
+      onClose2 === null || onClose2 === void 0 ? void 0 : onClose2();
+      onCancel2 === null || onCancel2 === void 0 ? void 0 : onCancel2();
     };
     var handleOk = function handleOk2(e) {
       e.stopPropagation();
-      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
-      onOk === null || onOk === void 0 ? void 0 : onOk(e);
-      if (lockScroll && visible) {
-        document.body.classList.remove("nut-overflow-hidden");
-      }
+      onClose2 === null || onClose2 === void 0 ? void 0 : onClose2();
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
     };
-    var footerContent = footer || React__default.createElement(React__default.Fragment, null, !noCancelBtn && React__default.createElement(Button, {
+    return footer || React__default.createElement(React__default.Fragment, null, !hideCancelButton && React__default.createElement(Button, {
       size: "small",
       fill: "outline",
       type: "primary",
-      className: "nut-dialog__footer-cancel",
-      onClick: handleCancel
-    }, cancelText), !noOkBtn && React__default.createElement(Button, {
+      className: "".concat(classPrefix, "__footer-cancel"),
+      onClick: function onClick(e) {
+        return handleCancel(e);
+      }
+    }, cancelText || locale.cancel), !hideConfirmButton && React__default.createElement(Button, {
       size: "small",
       type: "primary",
-      className: classNames("nut-dialog__footer-ok", {
-        disabled: okBtnDisabled
+      className: classNames("".concat(classPrefix, "__footer-ok"), {
+        disabled: disableConfirmButton
       }),
-      disabled: okBtnDisabled,
-      onClick: handleOk
-    }, confirmText));
-    return footerContent;
+      disabled: disableConfirmButton,
+      onClick: function onClick(e) {
+        return handleOk(e);
+      }
+    }, confirmText || locale.confirm));
   };
-  return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
+  return React__default.createElement("div", {
+    style: {
+      display: visible ? "block" : "none"
+    }
+  }, React__default.createElement(DialogWrap, _objectSpread(_objectSpread({}, props), {}, {
     visible,
     lockScroll,
     footer: renderFooter(),
-    onClosed,
-    onCancel
-  }));
+    onClose: onClose2,
+    onCancel: onCancel2
+  })));
 };
 var Dialog = forwardRef(BaseDialog);
 Dialog.confirm = function(props) {
-  return confirm(props);
+  return confirm$1(props);
 };
 ["alert"].forEach(function(type) {
   Dialog[type] = function(props) {
-    return confirm(_objectSpread(_objectSpread({}, props), {}, {
+    return confirm$1(_objectSpread(_objectSpread({}, props), {}, {
       isNotice: false,
       noticeType: type
     }));

package/dist/esm/Divider.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "contentPosition", "style", "className", "direction"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -24,10 +24,11 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   contentPosition: "center",
   direction: "horizontal"
-};
+});
 var classPrefix = "nut-divider";
 var Divider = function Divider2(props) {
   var _classNames, _classNames2;