@nutui/nutui-react 2.3.11 → 2.3.12

package/dist/esm/Row.js

@@ -1,57 +1,33 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./UserContext.js";
 import { C as ComponentDefaults } from "./typings.js";
-var classPrefix = "nut-row";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: "",
-  justify: "start",
-  align: "flex-start",
-  wrap: "nowrap",
-  gutter: "0"
-});
-var Row = function Row2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, type = _defaultProps$props.type, justify = _defaultProps$props.justify, align = _defaultProps$props.align, wrap = _defaultProps$props.wrap, gutter = _defaultProps$props.gutter, _onClick = _defaultProps$props.onClick;
-  var getClass = function getClass2(prefix, type2) {
-    var classType = type2 ? "nut-row-".concat(prefix, "-").concat(type2) : "";
-    var className2 = prefix ? classType : "nut-row-".concat(type2);
+const classPrefix = "nut-row";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "", justify: "start", align: "flex-start", wrap: "nowrap", gutter: "0" });
+const Row = (props) => {
+  const { className, style, children, type, justify, align, wrap, gutter, onClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const getClass = (prefix, type2) => {
+    const classType = type2 ? `nut-row-${prefix}-${type2}` : "";
+    const className2 = prefix ? classType : `nut-row-${type2}`;
     return className2;
   };
-  var getClasses = function getClasses2() {
-    return "\n    ".concat(getClass("", type), "\n    ").concat(getClass("justify", justify), "\n    ").concat(getClass("align", align), "\n    ").concat(getClass("flex", wrap), "\n    ").concat(classPrefix, "\n   ");
+  const getClasses = () => {
+    return `
+    ${getClass("", type)}
+    ${getClass("justify", justify)}
+    ${getClass("align", align)}
+    ${getClass("flex", wrap)}
+    ${classPrefix}
+   `;
   };
-  var parentRow = {
+  const parentRow = {
     gutter
   };
-  return React__default.createElement(DataContext.Provider, {
-    value: parentRow
-  }, React__default.createElement("div", {
+  return React__default.createElement(DataContext.Provider, { value: parentRow }, React__default.createElement("div", {
     className: classNames(getClasses(), className),
     style,
-    onClick: function onClick(e) {
-      _onClick && _onClick(e, "row");
+    onClick: (e) => {
+      onClick && onClick(e, "row");
     }
   }, children));
 };

package/dist/esm/SafeArea.js

@@ -1,6 +1,4 @@
 import { S as SafeArea } from "./safearea2.js";
-import "react";
-import "classnames";
 export {
   SafeArea as default
 };

package/dist/esm/SearchBar.js

@@ -1,148 +1,73 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useRef, useState, useEffect } from "react";
 import { Search, ArrowLeft, MaskClose } from "@nutui/icons-react";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  placeholder: "",
-  shape: "square",
-  disabled: false,
-  maxLength: 9999,
-  clearable: true,
-  readOnly: false,
-  autoFocus: false,
-  backable: false,
-  left: "",
-  right: "",
-  rightIn: "",
-  leftIn: React__default.createElement(Search, {
-    width: "16",
-    height: "16"
-  })
-});
-var SearchBar = function SearchBar2(props) {
-  var classPrefix = "nut-searchbar";
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var searchRef = useRef(null);
-  var _useState = useState(function() {
-    return props.value;
-  }), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, backable = _defaultProps$props.backable, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onInputClick = _defaultProps$props.onInputClick;
-  var forceFocus = function forceFocus2() {
-    var searchSelf = searchRef.current;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { placeholder: "", shape: "square", disabled: false, maxLength: 9999, clearable: true, readOnly: false, autoFocus: false, backable: false, left: "", right: "", rightIn: "", leftIn: React__default.createElement(Search, { width: "16", height: "16" }) });
+const SearchBar = (props) => {
+  const classPrefix = "nut-searchbar";
+  const { locale } = useConfig();
+  const searchRef = useRef(null);
+  const [value, setValue] = useState(() => props.value);
+  const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, backable, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const forceFocus = () => {
+    const searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
   };
-  var change = function change2(event) {
-    var value2 = event.target.value;
+  const change = (event) => {
+    const { value: value2 } = event.target;
     onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(value2, event));
     setValue(value2);
   };
-  var focus = function focus2(event) {
-    var value2 = event.target.value;
+  const focus = (event) => {
+    const { value: value2 } = event.target;
     onFocus && (onFocus === null || onFocus === void 0 ? void 0 : onFocus(value2, event));
   };
-  var blur = function blur2(event) {
-    var searchSelf = searchRef.current;
+  const blur = (event) => {
+    const searchSelf = searchRef.current;
     searchSelf && searchSelf.blur();
-    var value2 = event.target.value;
+    const { value: value2 } = event.target;
     onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value2, event));
   };
-  useEffect(function() {
+  useEffect(() => {
     setValue(props.value);
   }, [props.value]);
-  useEffect(function() {
+  useEffect(() => {
     autoFocus && forceFocus();
   }, [autoFocus]);
-  var renderField = function renderField2() {
-    return React__default.createElement("input", {
-      className: "".concat(classPrefix, "-input ").concat(clearable ? "".concat(classPrefix, "-input-clear") : ""),
-      ref: searchRef,
-      style: _objectSpread({}, props.style),
-      value: value || "",
-      placeholder: placeholder || locale.placeholder,
-      disabled,
-      readOnly,
-      maxLength,
-      onKeyDown: onKeydown,
-      onChange: function onChange2(e) {
-        return change(e);
-      },
-      onFocus: function onFocus2(e) {
-        return focus(e);
-      },
-      onBlur: function onBlur2(e) {
-        return blur(e);
-      },
-      onClick: function onClick(e) {
-        return clickInput(e);
-      }
-    });
+  const renderField = () => {
+    return React__default.createElement("input", { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style: Object.assign({}, props.style), value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyDown: onKeydown, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
   };
-  var clickInput = function clickInput2(e) {
+  const clickInput = (e) => {
     onInputClick && onInputClick(e);
   };
-  var renderLeftIn = function renderLeftIn2() {
+  const renderLeftIn = () => {
     if (!leftIn)
       return null;
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-leftin ").concat(classPrefix, "-icon")
-    }, leftIn);
+    return React__default.createElement("div", { className: `${classPrefix}-leftin ${classPrefix}-icon` }, leftIn);
   };
-  var renderLeft = function renderLeft2() {
+  const renderLeft = () => {
     if (!backable && !left)
       return null;
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-left")
-    }, backable ? React__default.createElement(ArrowLeft, {
-      width: "16",
-      height: "16"
-    }) : left);
+    return React__default.createElement("div", { className: `${classPrefix}-left` }, backable ? React__default.createElement(ArrowLeft, { width: "16", height: "16" }) : left);
   };
-  var renderRightIn = function renderRightIn2() {
+  const renderRightIn = () => {
     if (!rightIn)
       return null;
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-rightin ").concat(classPrefix, "-icon")
-    }, rightIn);
+    return React__default.createElement("div", { className: `${classPrefix}-rightin ${classPrefix}-icon` }, rightIn);
   };
-  var renderRight = function renderRight2() {
+  const renderRight = () => {
     if (!right)
       return null;
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-right")
-    }, right);
+    return React__default.createElement("div", { className: `${classPrefix}-right` }, right);
   };
-  var handleClear = function handleClear2() {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-clear ").concat(classPrefix, "-icon"),
-      onClick: function onClick(e) {
-        return clearaVal(e);
-      }
-    }, React__default.createElement(MaskClose, null));
+  const handleClear = () => {
+    return React__default.createElement(
+      "div",
+      { className: `${classPrefix}-clear ${classPrefix}-icon`, onClick: (e) => clearaVal(e) },
+      React__default.createElement(MaskClose, null)
+    );
   };
-  var clearaVal = function clearaVal2(event) {
+  const clearaVal = (event) => {
     if (disabled || readOnly) {
       return;
     }
@@ -150,21 +75,29 @@ var SearchBar = function SearchBar2(props) {
     onClear && onClear(event);
     forceFocus();
   };
-  var onKeydown = function onKeydown2(e) {
+  const onKeydown = (e) => {
     if (e.key === "Enter") {
-      var event = e.nativeEvent;
+      const event = e.nativeEvent;
       if (typeof event.cancelable !== "boolean" || event.cancelable) {
         event.preventDefault();
       }
       onSearch && onSearch(value);
     }
   };
-  return React__default.createElement("div", {
-    className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", "  ").concat(className || ""),
-    style: _objectSpread({}, props.style)
-  }, renderLeft(), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content ").concat(shape === "round" ? "".concat(classPrefix, "-round") : "")
-  }, renderLeftIn(), renderField(), clearable && !value && renderRightIn(), clearable && value && handleClear()), renderRight());
+  return React__default.createElement(
+    "div",
+    { className: `${classPrefix} ${disabled ? `${classPrefix}-disabled` : ""}  ${className || ""}`, style: Object.assign({}, props.style) },
+    renderLeft(),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-content ${shape === "round" ? `${classPrefix}-round` : ""}` },
+      renderLeftIn(),
+      renderField(),
+      clearable && !value && renderRightIn(),
+      clearable && value && handleClear()
+    ),
+    renderRight()
+  );
 };
 SearchBar.defaultProps = defaultProps;
 SearchBar.displayName = "NutSearchBar";

package/dist/esm/ShortPassword.js

@@ -1,29 +1,4 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["title", "description", "tips", "visible", "value", "error", "hideFooter", "length", "plain", "style", "className", "closeable", "autoFocus", "onFocus", "onChange", "onConfirm", "onTips", "onCancel", "onClose", "onComplete", "onOverlayClick", "onCloseIconClick"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useMemo, useImperativeHandle, useEffect } from "react";
 import { Tips } from "@nutui/icons-react";
 import classNames from "classnames";
@@ -31,115 +6,92 @@ import Popup from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: "",
-  visible: false,
-  plain: false,
-  hideFooter: true,
-  length: 6,
-  autoFocus: false
-});
-var InternalShortPassword = function InternalShortPassword2(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, description = _defaultProps$props.description, tips = _defaultProps$props.tips, deleteVisible = _defaultProps$props.visible, value = _defaultProps$props.value, error = _defaultProps$props.error, hideFooter = _defaultProps$props.hideFooter, length = _defaultProps$props.length, plain = _defaultProps$props.plain, style = _defaultProps$props.style, className = _defaultProps$props.className, closeable = _defaultProps$props.closeable, autoFocus = _defaultProps$props.autoFocus, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, onConfirm = _defaultProps$props.onConfirm, onTips = _defaultProps$props.onTips, onCancel = _defaultProps$props.onCancel, onClose = _defaultProps$props.onClose, onComplete = _defaultProps$props.onComplete, onOverlayClick = _defaultProps$props.onOverlayClick, onCloseIconClick = _defaultProps$props.onCloseIconClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-shortpassword";
-  var comLen = useMemo(function() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: "", visible: false, plain: false, hideFooter: true, length: 6, autoFocus: false });
+const InternalShortPassword = (props, ref) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, description, tips, visible: deleteVisible, value, error, hideFooter, length, plain, style, className, closeable, autoFocus, onFocus, onChange, onConfirm, onTips, onCancel, onClose, onComplete, onOverlayClick, onCloseIconClick } = _a, rest = __rest(_a, ["title", "description", "tips", "visible", "value", "error", "hideFooter", "length", "plain", "style", "className", "closeable", "autoFocus", "onFocus", "onChange", "onConfirm", "onTips", "onCancel", "onClose", "onComplete", "onOverlayClick", "onCloseIconClick"]);
+  const classPrefix = "nut-shortpassword";
+  const comLen = useMemo(() => {
     return Math.min(Math.max(4, length || 4), 6);
   }, [length]);
-  var format = function format2(val) {
+  const format = (val) => {
     return val.slice(0, comLen);
   };
-  var _usePropsValue = usePropsValue({
+  const [visible, setVisible] = usePropsValue({
     value: props.visible,
     defaultValue: false,
     finalValue: false
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), visible = _usePropsValue2[0], setVisible = _usePropsValue2[1];
-  var handleClose = function handleClose2() {
-    onClose === null || onClose === void 0 || onClose();
+  });
+  const handleClose = () => {
+    onClose === null || onClose === void 0 ? void 0 : onClose();
     setVisible(false);
   };
-  var actions = {
-    open: function open() {
+  const actions = {
+    open: () => {
       setVisible(true);
     },
-    close: function close() {
+    close: () => {
       setVisible(false);
     }
   };
-  useImperativeHandle(ref, function() {
-    return actions;
-  });
-  var _usePropsValue3 = usePropsValue({
-    value,
-    onChange
-  }), _usePropsValue4 = _slicedToArray(_usePropsValue3, 2), inputValue = _usePropsValue4[0], setInputValue = _usePropsValue4[1];
-  useEffect(function() {
+  useImperativeHandle(ref, () => actions);
+  const [inputValue, setInputValue] = usePropsValue({ value, onChange });
+  useEffect(() => {
     if (visible && autoFocus) {
       onFocus && onFocus();
     }
   }, [visible]);
-  useEffect(function() {
-    var val = format(value);
+  useEffect(() => {
+    const val = format(value);
     if (val.length >= comLen) {
       onComplete && onComplete(val);
     }
     setInputValue(format(value));
   }, [value]);
-  var sure = function sure2() {
+  const sure = () => {
     onConfirm && onConfirm(inputValue);
   };
-  return React__default.createElement(Popup, _objectSpread({
-    style: {
+  return React__default.createElement(
+    Popup,
+    Object.assign({ style: {
       padding: "32px 24px 28px 24px",
       borderRadius: "12px",
       textAlign: "center"
-    },
-    visible,
-    closeable: true,
-    onOverlayClick: handleClose,
-    onCloseIconClick: handleClose
-  }, rest), React__default.createElement("div", {
-    className: classNames(classPrefix, className),
-    style
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
-  }, title || locale.shortpassword.title), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-description")
-  }, description || locale.shortpassword.description), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-input"),
-    onClick: onFocus
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-input-site")
-  }), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-input-fake")
-  }, _toConsumableArray(new Array(comLen).keys()).map(function(item, index) {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-input-fake-li"),
-      key: index
-    }, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", {
-      className: "".concat(classPrefix, "-input-fake-li-icon")
-    })));
-  }))), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-message")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-message-error")
-  }, error), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-message-forget"),
-    onClick: onTips
-  }, tips || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tips, {
-    width: 11,
-    height: 11
-  }), locale.shortpassword.tips))), !hideFooter && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-footer")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-footer-cancel"),
-    onClick: onCancel
-  }, locale.cancel), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-footer-sure"),
-    onClick: sure
-  }, locale.confirm))));
+    }, visible, closeable: true, onOverlayClick: handleClose, onCloseIconClick: handleClose }, rest),
+    React__default.createElement(
+      "div",
+      { className: classNames(classPrefix, className), style },
+      React__default.createElement("div", { className: `${classPrefix}-title` }, title || locale.shortpassword.title),
+      React__default.createElement("div", { className: `${classPrefix}-description` }, description || locale.shortpassword.description),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-input`, onClick: onFocus },
+        React__default.createElement("div", { className: `${classPrefix}-input-site` }),
+        React__default.createElement("div", { className: `${classPrefix}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
+          return React__default.createElement("div", { className: `${classPrefix}-input-fake-li`, key: index }, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", { className: `${classPrefix}-input-fake-li-icon` })));
+        }))
+      ),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-message` },
+        React__default.createElement("div", { className: `${classPrefix}-message-error` }, error),
+        React__default.createElement("div", { className: `${classPrefix}-message-forget`, onClick: onTips }, tips || React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(Tips, { width: 11, height: 11 }),
+          locale.shortpassword.tips
+        ))
+      ),
+      !hideFooter && React__default.createElement(
+        "div",
+        { className: `${classPrefix}-footer` },
+        React__default.createElement("div", { className: `${classPrefix}-footer-cancel`, onClick: onCancel }, locale.cancel),
+        React__default.createElement("div", { className: `${classPrefix}-footer-sure`, onClick: sure }, locale.confirm)
+      )
+    )
+  );
 };
-var ShortPassword = React__default.forwardRef(InternalShortPassword);
+const ShortPassword = React__default.forwardRef(InternalShortPassword);
 export {
   ShortPassword as default
 };

package/dist/esm/SideNavBar.js

@@ -1,67 +1,42 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["title", "visible", "width", "position", "children", "className", "onClose"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import Popup from "./Popup.js";
 import { h as handleClick, O as OffsetContext } from "./context5.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  position: "left",
-  width: "80%"
-});
-var SideNavBar = function SideNavBar2(props) {
-  var classPrefix = "nut-sidenavbar";
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, visible = _defaultProps$props.visible, width = _defaultProps$props.width, position = _defaultProps$props.position, children = _defaultProps$props.children, className = _defaultProps$props.className, onClose = _defaultProps$props.onClose, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var indent = props.indent ? Number(props.indent) : 20;
-  return React__default.createElement(Popup, {
-    visible,
-    style: {
-      width,
-      height: "100%"
-    },
-    position,
-    onClose
-  }, React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className)
-  }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-list sidenavbar-show"),
-    onClick: handleClick
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt"),
-    style: {
-      paddingLeft: "".concat(indent, "px")
-    }
-  }, title, " ", React__default.createElement("i", {
-    className: "arrow-icon arrow-down"
-  })), React__default.createElement(OffsetContext.Provider, {
-    value: indent
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content")
-  }, children))))));
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { position: "left", width: "80%" });
+const SideNavBar = (props) => {
+  const classPrefix = "nut-sidenavbar";
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, visible, width, position, children, className, onClose } = _a, rest = __rest(_a, ["title", "visible", "width", "position", "children", "className", "onClose"]);
+  const indent = props.indent ? Number(props.indent) : 20;
+  return React__default.createElement(
+    Popup,
+    { visible, style: { width, height: "100%" }, position, onClose },
+    React__default.createElement(
+      "div",
+      Object.assign({ className: classNames(classPrefix, className) }, rest),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-content` },
+        React__default.createElement(
+          "div",
+          { className: `${classPrefix}-list sidenavbar-show`, onClick: handleClick },
+          React__default.createElement(
+            "div",
+            { className: `${classPrefix}-title ${classPrefix}-border-bt`, style: { paddingLeft: `${indent}px` } },
+            title,
+            " ",
+            React__default.createElement("i", { className: "arrow-icon arrow-down" })
+          ),
+          React__default.createElement(
+            OffsetContext.Provider,
+            { value: indent },
+            React__default.createElement("div", { className: `${classPrefix}-content` }, children)
+          )
+        )
+      )
+    )
+  );
 };
 SideNavBar.defaultProps = defaultProps;
 SideNavBar.displayName = "NutSideNavBar";