@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Dialog.js

@@ -1,347 +1,281 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["visible", "footer", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import * as React from 'react';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import Button from './Button.js';
-import { CSSTransition } from 'react-transition-group';
-import ReactDOM__default from 'react-dom';
-import { useConfig } from './ConfigProvider.js';
-
-var Content = function Content(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 _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) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
-
-  var footerNode;
-
-  if (footer) {
-    footerNode = React__default.createElement("div", {
-      className: classNames('nut-dialog__footer', _defineProperty({}, footerDirection, footerDirection))
-    }, footer);
-  }
-
-  var handleClick = function handleClick() {
-    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: textAlign
-    }
-  }, React__default.createElement("div", null, children)), footerNode));
-};
-
-Content.displayName = 'NutContent';
-
-function Mask(props) {
-  return React.createElement("div", {
-    className: "nut-dialog__mask"
-  });
+  return keys;
 }
-
-var DialogWrap = function DialogWrap(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 handleClick(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: visible
-  }))));
-};
-
-DialogWrap.displayName = 'NutDialogWrap';
-
-var DialogWrapper = function DialogWrapper(props) {
-  var visible = props.visible,
-      lockScroll = props.lockScroll;
-
-  if (lockScroll && !visible && document.body.classList.value.includes('nut-overflow-hidden')) {
-    document.body.classList.remove('nut-overflow-hidden');
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
-
-  return React__default.createElement("div", {
-    style: {
-      display: visible ? 'block' : 'none'
-    }
-  }, React__default.createElement(DialogWrap, _objectSpread({}, props)));
-};
-
-DialogWrapper.displayName = 'NutDialogWrapper';
-
+  return target;
+}
+import React__default, { forwardRef } from "react";
+import classNames from "classnames";
+import Button from "./Button.js";
+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";
 function ConfirmDialog(props) {
   return React__default.createElement(Dialog, _objectSpread({}, props), props.content);
-} // 如果是消息提示型弹出框，那么只有确认按钮
-
-
-var normalizeConfig = function normalizeConfig(_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) {
-        case 'alert':
-          icon = '';
+      switch (config.noticeType) {
+        case "alert":
+          icon = "";
           break;
       }
     }
-
-    _config.noCancelBtn = true;
+    config.hideCancelButton = true;
   }
-
-  return _config;
+  return config;
 };
-
-function confirm(config, renderFunc) {
-  var div = document.createElement('div');
+var confirm = function confirm2(config, renderFunc) {
+  var div = document.createElement("div");
   document.body.appendChild(div);
-
-  function render(props) {
-    ReactDOM__default.render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
-      onCancel: onCancel
-    })), div);
-  }
-
-  var renderFunction = renderFunc || render;
-
   var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
     visible: false
   });
-
-  var onOk = function onOk() {
-    var ret;
-
-    var _onOk = config.onOk || config.onConfirm;
-
-    if (_onOk) {
-      ret = _onOk();
-    }
-
+  var render$1 = function render$12(props, callback) {
+    render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
+      onCancel: function onCancel2() {
+        return _onCancel();
+      }
+    })), div);
+    callback && callback();
+  };
+  var renderFunction = renderFunc || render$1;
+  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);
-      }, function (e) {
+      ret.then(function() {
+        _onCancel(true);
+      }, function(e) {
         console.error(e);
         renderFunction(dialogConfig);
       });
     }
-
     if (!ret) {
-      onCancel(true);
+      _onCancel(true);
     }
-  }; // 如果是promise，那么处理loading和加载完成关闭
-
-
-  dialogConfig.onOk = onOk;
+  };
+  dialogConfig.onConfirm = onConfirm;
   dialogConfig = normalizeConfig(dialogConfig);
   dialogConfig.visible = true;
   renderFunction(dialogConfig);
-
-  function destroy() {
-    var unmountEle = ReactDOM__default.unmountComponentAtNode(div);
-
-    if (unmountEle && div.parentNode) {
+  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();
-      destroy();
+    dialogConfig.onClose = function() {
+      config.onClose && config.onClose();
     };
-
-    renderFunction(dialogConfig);
-  }
-
-  function update(newConfig) {
+    renderFunction(dialogConfig, function() {
+      destroy();
+    });
+  };
+  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: close,
-    update: update
+    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 = {
-  okText: '',
-  cancelText: '',
-  mask: true,
-  closeOnClickOverlay: true,
-  noFooter: false,
-  noOkBtn: false,
-  noCancelBtn: false,
-  okBtnDisabled: false,
-  cancelAutoClose: true,
-  textAlign: 'center',
-  footerDirection: 'horizontal',
-  lockScroll: false
+  confirmText: "",
+  cancelText: "",
+  overlay: true,
+  closeOnOverlayClick: true,
+  hideConfirmButton: false,
+  hideCancelButton: false,
+  disableConfirmButton: false,
+  footerDirection: "horizontal",
+  lockScroll: true,
+  beforeCancel: function beforeCancel() {
+    return true;
+  },
+  beforeClose: function beforeClose() {
+    return true;
+  }
 };
-
-var BaseDialog = function BaseDialog(props, ref) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var visible = props.visible,
-      footer = props.footer,
-      noOkBtn = props.noOkBtn,
-      noCancelBtn = props.noCancelBtn,
-      lockScroll = props.lockScroll,
-      okBtnDisabled = props.okBtnDisabled,
-      cancelAutoClose = props.cancelAutoClose,
-      okText = props.okText,
-      cancelText = props.cancelText,
-      onClosed = props.onClosed,
-      onCancel = props.onCancel,
-      onOk = props.onOk,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var renderFooter = function renderFooter() {
-    if (footer === null) return '';
-
-    var handleCancel = function handleCancel(e) {
+var BaseDialog = function BaseDialog2(props, ref) {
+  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)
+      return "";
+    var handleCancel = function handleCancel2(e) {
       e.stopPropagation();
-      if (!cancelAutoClose) 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 (!(beforeCancel2 !== null && beforeCancel2 !== void 0 && beforeCancel2()))
+        return;
+      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 handleOk(e) {
+    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",
-      plain: true,
+      fill: "outline",
       type: "primary",
-      className: "nut-dialog__footer-cancel",
+      className: "".concat(classPrefix, "__footer-cancel"),
       onClick: function onClick(e) {
         return handleCancel(e);
       }
-    }, cancelText || locale.cancel), !noOkBtn && React__default.createElement(Button, {
+    }, 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,
+      disabled: disableConfirmButton,
       onClick: function onClick(e) {
         return handleOk(e);
       }
-    }, okText || locale.confirm));
-    return footerContent;
+    }, confirmText || locale.confirm));
   };
-
-  return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
-    visible: visible,
-    lockScroll: lockScroll,
+  return React__default.createElement("div", {
+    style: {
+      display: visible ? "block" : "none"
+    }
+  }, React__default.createElement(DialogWrap, _objectSpread(_objectSpread({}, props), {}, {
+    visible,
+    lockScroll,
     footer: renderFooter(),
-    onClosed: onClosed,
-    onCancel: onCancel
-  }));
+    onClose: onClose2,
+    onCancel: onCancel2
+  })));
 };
-
 var Dialog = forwardRef(BaseDialog);
-
-Dialog.confirm = function (props) {
-  return confirm(props);
+Dialog.confirm = function(props) {
+  return confirm$1(props);
 };
-
-['alert'].forEach(function (type) {
-  Dialog[type] = function (props) {
-    return confirm(_objectSpread(_objectSpread({}, props), {}, {
+["alert"].forEach(function(type) {
+  Dialog[type] = function(props) {
+    return confirm$1(_objectSpread(_objectSpread({}, props), {}, {
       isNotice: false,
       noticeType: type
     }));
   };
 });
 Dialog.defaultProps = defaultProps;
-Dialog.displayName = 'NutDialog';
-export { Dialog as default };
+Dialog.displayName = "NutDialog";
+export {
+  Dialog as default
+};

package/dist/esm/Divider/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Divider/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/divider/divider.scss')
+import '../../../packages/divider/divider.scss'

package/dist/esm/Divider/style/style.css

@@ -0,0 +1 @@
+.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-1, #1a1a1a));margin:var(--nutui-divider-margin, 16px 0);border:0 solid currentColor;width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider__center:before,.nut-divider__left:before,.nut-divider__right:before{margin-right:var(--nutui-divider-before-margin-right, 16px)}.nut-divider__center:after,.nut-divider__left:after,.nut-divider__right:after{margin-left:var(--nutui-divider-after-margin-left, 16px)}.nut-divider__left:before{max-width:10%}.nut-divider__right:after{max-width:10%}.nut-divider__hairline:before,.nut-divider__hairline:after{transform:scaleY(.5)}.nut-divider__vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-vertical-border-left, rgba(0, 0, 0, .06));margin:var(--nutui-divider-vertical-margin, 0 8px);width:auto}

package/dist/esm/Divider.js

@@ -1,43 +1,46 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "contentPosition", "dashed", "hairline", "styles", "className", "direction"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React__default from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  contentPosition: 'center',
-  dashed: false,
-  hairline: true,
-  direction: 'horizontal'
-};
-
-var Divider = function Divider(props) {
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "contentPosition", "style", "className", "direction"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default from "react";
+import classNames from "classnames";
+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;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      contentPosition = _defaultProps$props.contentPosition,
-      dashed = _defaultProps$props.dashed,
-      hairline = _defaultProps$props.hairline,
-      styles = _defaultProps$props.styles,
-      className = _defaultProps$props.className,
-      direction = _defaultProps$props.direction,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var dividerBem = cn('divider');
-  var classes = direction === 'horizontal' ? classNames((_classNames = {}, _defineProperty(_classNames, dividerBem(), true), _defineProperty(_classNames, dividerBem('center'), children), _defineProperty(_classNames, dividerBem('left'), contentPosition === 'left'), _defineProperty(_classNames, dividerBem('right'), contentPosition === 'right'), _defineProperty(_classNames, dividerBem('dashed'), dashed), _defineProperty(_classNames, dividerBem('hairline'), hairline), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, dividerBem(), true), _defineProperty(_classNames2, dividerBem('vertical'), direction === 'vertical'), _classNames2));
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, contentPosition = _defaultProps$props.contentPosition, style = _defaultProps$props.style, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classes = direction === "horizontal" ? classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "__center"), children), _defineProperty(_classNames, "".concat(classPrefix, "__left"), contentPosition === "left"), _defineProperty(_classNames, "".concat(classPrefix, "__right"), contentPosition === "right"), _defineProperty(_classNames, "".concat(classPrefix, "__hairline"), true), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix), true), _defineProperty(_classNames2, "".concat(classPrefix, "__vertical"), direction === "vertical"), _classNames2));
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className || ''),
-    style: styles
+    className: "".concat(classes, " ").concat(className || ""),
+    style
   }, rest), children);
 };
-
 Divider.defaultProps = defaultProps;
-Divider.displayName = 'NutDivider';
-export { Divider as default };
+Divider.displayName = "NutDivider";
+export {
+  Divider as default
+};

package/dist/esm/Drag/style/css.js

@@ -0,0 +1 @@
+import './style.css'