@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/ShortPassword.js

@@ -2,192 +2,196 @@ 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", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete", "iconClassPrefix", "iconFontClassName", "autoFocus"];
-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, { useRef, useState, useEffect } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import Popup from './Popup.js';
-import Icon from './Icon.js';
-import { useConfig } from './ConfigProvider.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+var _excluded = ["title", "description", "tips", "tipsIcon", "iconSize", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete", "autoFocus"];
+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, { useRef, useState, useEffect } from "react";
+import { Tips } from "@nutui/icons-react";
+import { c as cn } from "./bem.js";
+import Popup from "./Popup.js";
+import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: '',
-  desc: '',
-  tips: '',
+  title: "",
+  description: "",
+  tips: "",
+  tipsIcon: null,
+  iconSize: 11,
   visible: false,
-  modelValue: '',
-  errorMsg: '',
+  modelValue: "",
+  errorMsg: "",
   noButton: true,
   closeOnClickOverlay: true,
   length: 6,
-  className: '',
+  className: "",
   autoFocus: false,
-  onChange: function onChange(value) {},
-  onOk: function onOk(value) {},
-  onCancel: function onCancel() {},
-  onClose: function onClose() {},
-  onTips: function onTips() {},
-  onComplete: function onComplete(value) {}
+  onChange: function onChange(value) {
+  },
+  onOk: function onOk(value) {
+  },
+  onCancel: function onCancel() {
+  },
+  onClose: function onClose() {
+  },
+  onTips: function onTips() {
+  },
+  onComplete: function onComplete(value) {
+  }
 });
-var ShortPassword = function ShortPassword(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var title = props.title,
-    desc = props.desc,
-    tips = props.tips,
-    visible = props.visible,
-    modelValue = props.modelValue,
-    errorMsg = props.errorMsg,
-    noButton = props.noButton,
-    closeOnClickOverlay = props.closeOnClickOverlay,
-    length = props.length,
-    style = props.style,
-    className = props.className,
-    onChange = props.onChange,
-    onOk = props.onOk,
-    onTips = props.onTips,
-    onCancel = props.onCancel,
-    onClose = props.onClose,
-    onComplete = props.onComplete,
-    iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName,
-    autoFocus = props.autoFocus,
-    reset = _objectWithoutProperties(props, _excluded);
-  var b = cn('shortpassword');
+var ShortPassword = function ShortPassword2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var title = props.title, description = props.description, tips = props.tips, tipsIcon = props.tipsIcon, iconSize = props.iconSize, visible = props.visible, modelValue = props.modelValue, errorMsg = props.errorMsg, noButton = props.noButton, closeOnClickOverlay = props.closeOnClickOverlay, length = props.length, style = props.style, className = props.className, onChange2 = props.onChange, onOk2 = props.onOk, onTips2 = props.onTips, onCancel2 = props.onCancel, onClose2 = props.onClose, onComplete2 = props.onComplete, autoFocus = props.autoFocus, reset = _objectWithoutProperties(props, _excluded);
+  var b = cn("shortpassword");
   var textInput = useRef(null);
-  var range = function range(val) {
+  var range = function range2(val) {
     return Math.min(Math.max(4, val), 6);
   };
-  var _useState = useState(visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerVisible = _useState2[0],
-    setInnerVisible = _useState2[1];
-  var _useState3 = useState(range(Number(length))),
-    _useState4 = _slicedToArray(_useState3, 2),
-    comLen = _useState4[0],
-    setComLen = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inputValue = _useState6[0],
-    setInputValue = _useState6[1];
-  useEffect(function () {
+  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
+  var _useState3 = useState(range(Number(length))), _useState4 = _slicedToArray(_useState3, 2), comLen = _useState4[0], setComLen = _useState4[1];
+  var _useState5 = useState(""), _useState6 = _slicedToArray(_useState5, 2), inputValue = _useState6[0], setInputValue = _useState6[1];
+  useEffect(function() {
     setInnerVisible(visible);
   }, [visible]);
-  useEffect(function () {
-    if (typeof modelValue !== 'undefined') {
+  useEffect(function() {
+    if (typeof modelValue !== "undefined") {
       setInputValue(modelValue);
     }
   }, [modelValue]);
-  var changeValue = function changeValue(e) {
-    var inputValue = e.target.value;
-    if (String(inputValue).length > comLen) {
-      inputValue = inputValue.slice(0, comLen);
+  var changeValue = function changeValue2(e) {
+    var inputValue2 = e.target.value;
+    if (String(inputValue2).length > comLen) {
+      inputValue2 = inputValue2.slice(0, comLen);
     }
-    setInputValue(inputValue);
-    if (String(inputValue).length === comLen) {
-      onComplete && onComplete(inputValue);
+    setInputValue(inputValue2);
+    if (String(inputValue2).length === comLen) {
+      onComplete2 && onComplete2(inputValue2);
     }
-    onChange && onChange(inputValue);
+    onChange2 && onChange2(inputValue2);
   };
-  var systemStyle = function systemStyle() {
+  var systemStyle = function systemStyle2() {
     var u = navigator.userAgent;
-    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; // g
-    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
-    var style = {};
+    var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
+    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+    var style2 = {};
     if (isIOS) {
-      style = {
-        paddingRight: '1200px'
+      style2 = {
+        paddingRight: "1200px"
       };
     }
     if (isAndroid) {
-      style = {
+      style2 = {
         opacity: 0,
         zIndex: 10
       };
     }
-    return style;
+    return style2;
   };
-  var focus = function focus() {
+  var focus = function focus2() {
     if (textInput.current) {
       textInput.current.focus();
     }
   };
-  var sure = function sure() {
-    onOk && onOk(inputValue);
+  var sure = function sure2() {
+    onOk2 && onOk2(inputValue);
+  };
+  var renderIcon = function renderIcon2() {
+    var size = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "11px";
+    return React__default.isValidElement(tipsIcon) ? React__default.cloneElement(tipsIcon, _objectSpread(_objectSpread({}, tipsIcon.props), {}, {
+      width: size,
+      height: size
+    })) : React__default.createElement(Tips, {
+      width: size,
+      height: size
+    });
   };
   return React__default.createElement("div", null, React__default.createElement(Popup, {
     style: {
-      padding: '32px 24px 28px 24px',
-      borderRadius: '12px',
-      textAlign: 'center'
+      padding: "32px 24px 28px 24px",
+      borderRadius: "12px",
+      textAlign: "center"
     },
     visible: innerVisible,
     closeable: true,
     "close-on-click-overlay": closeOnClickOverlay,
-    onClickOverlay: onClose,
-    onClickCloseIcon: onClose
+    onClickOverlay: onClose2,
+    onClickCloseIcon: onClose2
   }, React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className),
     style: _objectSpread({}, style)
   }, reset), React__default.createElement("div", {
-    className: b('title')
+    className: b("title")
   }, title || locale.shortpassword.title), React__default.createElement("div", {
-    className: b('subtitle')
-  }, desc || locale.shortpassword.desc), React__default.createElement("div", {
-    className: b('input')
+    className: b("subtitle")
+  }, description || locale.shortpassword.description), React__default.createElement("div", {
+    className: b("input")
   }, React__default.createElement("input", {
     ref: textInput,
-    className: b('input-real'),
+    className: b("input-real"),
     type: "number",
     style: systemStyle(),
     maxLength: 6,
     value: inputValue,
-    autoFocus: autoFocus,
-    onChange: function onChange(e) {
+    autoFocus,
+    onChange: function onChange3(e) {
       return changeValue(e);
     }
   }), React__default.createElement("div", {
-    className: b('input-site')
+    className: b("input-site")
   }), React__default.createElement("div", {
-    className: b('input-fake'),
+    className: b("input-fake"),
     onClick: function onClick() {
       return focus();
     }
-  }, _toConsumableArray(new Array(comLen).keys()).map(function (item, index) {
+  }, _toConsumableArray(new Array(comLen).keys()).map(function(item, index) {
     return React__default.createElement("div", {
-      className: b('input-fake__li'),
+      className: b("input-fake__li"),
       key: index
     }, String(inputValue).length > index ? React__default.createElement("div", {
-      className: b('input-fake__li__icon')
+      className: b("input-fake__li__icon")
     }) : null);
   }))), React__default.createElement("div", {
-    className: b('message')
+    className: b("message")
   }, React__default.createElement("div", {
-    className: b('message__error')
+    className: b("message__error")
   }, errorMsg), tips || locale.shortpassword.tips ? React__default.createElement("div", {
-    className: b('message__forget')
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "icon",
-    size: "11px",
-    name: "tips"
-  }), React__default.createElement("div", {
-    onClick: onTips
+    className: b("message__forget")
+  }, renderIcon(iconSize), React__default.createElement("div", {
+    className: b("message__forget-tips"),
+    onClick: onTips2
   }, tips || locale.shortpassword.tips)) : null), !noButton ? React__default.createElement("div", {
-    className: b('footer')
+    className: b("footer")
   }, React__default.createElement("div", {
-    className: b('footer__cancel'),
-    onClick: onCancel
+    className: b("footer__cancel"),
+    onClick: onCancel2
   }, locale.cancel), React__default.createElement("div", {
-    className: b('footer__sure'),
+    className: b("footer__sure"),
     onClick: function onClick() {
       return sure();
     }
   }, locale.confirm)) : null)));
 };
 ShortPassword.defaultProps = defaultProps;
-ShortPassword.displayName = 'NutShortPassword';
-export { ShortPassword as default };
+ShortPassword.displayName = "NutShortPassword";
+export {
+  ShortPassword as default
+};

package/dist/esm/SideNavBar.js

@@ -1,40 +1,50 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "onClose"];
-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 { useConfig } from './ConfigProvider.js';
-import Popup from './Popup.js';
-import { h as handleClick, O as OffsetContext } from './offsetContext-3ab00d40.js';
+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 { useConfig } from "./ConfigProvider.js";
+import Popup from "./Popup.js";
+import { h as handleClick, O as OffsetContext } from "./offsetContext.js";
 var defaultProps = {
   showhead: false,
-  position: 'left',
-  width: '80%'
+  position: "left",
+  width: "80%"
 };
-var SideNavBar = function SideNavBar(props) {
+var SideNavBar = function SideNavBar2(props) {
   useConfig();
-  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,
-    showhead = _defaultProps$props.showhead,
-    onClose = _defaultProps$props.onClose,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  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, showhead = _defaultProps$props.showhead, onClose = _defaultProps$props.onClose, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var offset = props.offset ? Number(props.offset) : 20;
   return React__default.createElement(Popup, {
-    visible: visible,
+    visible,
     style: {
-      width: width,
-      height: '100%'
+      width,
+      height: "100%"
     },
-    position: position,
-    onClose: onClose
+    position,
+    onClose
   }, React__default.createElement("div", _objectSpread({
-    className: className ? "".concat(className, " nut-sidenavbar") : 'nut-sidenavbar'
+    className: className ? "".concat(className, " nut-sidenavbar") : "nut-sidenavbar"
   }, rest), React__default.createElement("div", {
     className: "nut-sidenavbar__content"
   }, React__default.createElement("div", {
@@ -54,5 +64,7 @@ var SideNavBar = function SideNavBar(props) {
   }, children))))));
 };
 SideNavBar.defaultProps = defaultProps;
-SideNavBar.displayName = 'NutSideNavBar';
-export { SideNavBar as default };
+SideNavBar.displayName = "NutSideNavBar";
+export {
+  SideNavBar as default
+};

package/dist/esm/SideNavBarItem.js

@@ -1,20 +1,35 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "ikey", "children", "onClick"];
-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';
-var SideNavBarItem = function SideNavBarItem(props) {
-  var title = props.title,
-    ikey = props.ikey,
-    children = props.children,
-    onClick = props.onClick,
-    rest = _objectWithoutProperties(props, _excluded);
-  var clickFn = function clickFn(e) {
+var _excluded = ["title", "key", "children", "onClick"];
+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";
+var SideNavBarItem = function SideNavBarItem2(props) {
+  var title = props.title, key = props.key, children = props.children, onClick = props.onClick, rest = _objectWithoutProperties(props, _excluded);
+  var clickFn = function clickFn2(e) {
     e.stopPropagation();
     onClick && onClick({
-      title: title,
-      ikey: ikey
+      title,
+      key
     });
   };
   return React__default.createElement("div", _objectSpread({
@@ -22,4 +37,6 @@ var SideNavBarItem = function SideNavBarItem(props) {
     onClick: clickFn
   }, rest), title);
 };
-export { SideNavBarItem as default };
+export {
+  SideNavBarItem as default
+};