@nutui/nutui-react 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/esm/Popup.js

@@ -116,8 +116,6 @@ var Popup = function Popup(props) {
   };
 
   var close = function close() {
-    console.log('close', innerVisible, visible);
-
     if (innerVisible) {
       setInnerVisible(false);
 
@@ -155,7 +153,6 @@ var Popup = function Popup(props) {
   };
 
   useEffect(function () {
-    console.log('popup', visible);
     visible && open();
     !visible && close();
   }, [visible]);

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

@@ -0,0 +1 @@
+import '../../../packages/price/price.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/radio/radio.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/radiogroup/radiogroup.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/range/range.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/rate/rate.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/row/row.scss'

package/dist/esm/Row.js

@@ -0,0 +1,48 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 { D as DataContext } from './UserContext-be8097d2.js';
+var defaultProps = {
+  type: '',
+  justify: 'start',
+  align: 'flex-start',
+  wrap: 'nowrap',
+  gutter: '0'
+};
+
+var Row = function Row(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      type = _defaultProps$props.type,
+      justify = _defaultProps$props.justify,
+      align = _defaultProps$props.align,
+      wrap = _defaultProps$props.wrap,
+      gutter = _defaultProps$props.gutter;
+
+  var prefixCls = 'nut-row';
+
+  var getClass = function getClass(prefix, type) {
+    return prefix ? type ? "nut-row-".concat(prefix, "-").concat(type) : '' : "nut-row-".concat(type);
+  };
+
+  var getClasses = function getClasses() {
+    return "\n    ".concat(getClass('', type), "\n    ").concat(getClass('justify', justify), "\n    ").concat(getClass('align', align), "\n    ").concat(getClass('flex', wrap), "\n    ").concat(prefixCls, "\n   ");
+  };
+
+  var parentRow = {
+    gutter: gutter
+  };
+  return React__default.createElement(DataContext.Provider, {
+    value: parentRow
+  }, React__default.createElement('div', {
+    className: getClasses()
+  }, children));
+};
+
+Row.defaultProps = defaultProps;
+Row.displayName = 'NutRow';
+export { Row as default };

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

@@ -0,0 +1 @@
+import '../../../packages/shortpassword/shortpassword.scss'

package/dist/esm/ShortPassword.js

@@ -0,0 +1,203 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "change", "onOk", "onTips", "onCancel", "onClose", "complete"];
+
+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-893ad28d.js';
+import Popup from './Popup.js';
+import Icon from './Icon.js';
+import '@bem-react/classname';
+var defaultProps = {
+  title: '请输入密码',
+  desc: '您使用了虚拟资产，请进行验证',
+  tips: '忘记密码',
+  visible: false,
+  modelValue: '',
+  errorMsg: '',
+  noButton: true,
+  closeOnClickOverlay: true,
+  length: 6,
+  className: '',
+  change: function change(value) {},
+  onOk: function onOk(value) {},
+  onCancel: function onCancel() {},
+  onClose: function onClose() {},
+  onTips: function onTips() {},
+  complete: function complete(value) {}
+};
+
+var ShortPassword = function ShortPassword(props) {
+  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,
+      change = props.change,
+      onOk = props.onOk,
+      onTips = props.onTips,
+      onCancel = props.onCancel,
+      onClose = props.onClose,
+      complete = props.complete,
+      reset = _objectWithoutProperties(props, _excluded);
+
+  var b = cn('shortpassword');
+  var textInput = useRef(null);
+
+  var range = function range(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 () {
+    setInnerVisible(visible);
+  }, [visible]);
+  useEffect(function () {
+    if (modelValue) {
+      setInputValue(modelValue);
+    }
+  }, [modelValue]);
+
+  var changeValue = function changeValue(e) {
+    var inputValue = e.target.value;
+
+    if (String(inputValue).length > comLen) {
+      inputValue = inputValue.slice(0, comLen);
+    }
+
+    setInputValue(inputValue);
+
+    if (String(inputValue).length === comLen) {
+      complete && complete(inputValue);
+    }
+
+    change && change(inputValue);
+  };
+
+  var systemStyle = function systemStyle() {
+    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终端
+
+    if (isIOS) {
+      return {
+        paddingRight: '1200px'
+      };
+    }
+
+    if (isAndroid) {
+      return {
+        opacity: 0,
+        zIndex: 10
+      };
+    }
+  };
+
+  var focus = function focus() {
+    if (textInput.current) {
+      textInput.current.focus();
+    }
+  };
+
+  var sure = function sure() {
+    onOk && onOk(inputValue);
+  };
+
+  return React__default.createElement("div", null, React__default.createElement(Popup, {
+    style: {
+      padding: '32px 24px 28px 24px',
+      borderRadius: '12px',
+      textAlign: 'center'
+    },
+    visible: innerVisible,
+    closeable: true,
+    "close-on-click-overlay": closeOnClickOverlay,
+    onClickOverlay: onClose,
+    onClickCloseIcon: onClose
+  }, React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className),
+    style: _objectSpread({}, style)
+  }, reset), React__default.createElement("div", {
+    className: b('title')
+  }, title), React__default.createElement("div", {
+    className: b('subtitle')
+  }, desc), React__default.createElement("div", {
+    className: b('input')
+  }, React__default.createElement("input", {
+    ref: textInput,
+    className: b('input-real'),
+    type: "number",
+    style: systemStyle(),
+    maxLength: 6,
+    value: inputValue,
+    onChange: function onChange(e) {
+      return changeValue(e);
+    }
+  }), React__default.createElement("div", {
+    className: b('input-site')
+  }), React__default.createElement("div", {
+    className: b('input-fake'),
+    onClick: function onClick() {
+      return focus();
+    }
+  }, _toConsumableArray(new Array(comLen).keys()).map(function (item, index) {
+    return React__default.createElement("div", {
+      className: b('input-fake__li'),
+      key: index
+    }, String(inputValue).length > index ? React__default.createElement("div", {
+      className: b('input-fake__li__icon')
+    }) : null);
+  }))), React__default.createElement("div", {
+    className: b('message')
+  }, React__default.createElement("div", {
+    className: b('message__error')
+  }, errorMsg), tips ? React__default.createElement("div", {
+    className: b('message__forget')
+  }, React__default.createElement(Icon, {
+    className: "icon",
+    size: "11px",
+    name: "tips"
+  }), React__default.createElement("div", {
+    onClick: onTips
+  }, tips)) : null), !noButton ? React__default.createElement("div", {
+    className: b('footer')
+  }, React__default.createElement("div", {
+    className: b('footer__cancel'),
+    onClick: onCancel
+  }, "\u53D6\u6D88"), React__default.createElement("div", {
+    className: b('footer__sure'),
+    onClick: function onClick() {
+      return sure();
+    }
+  }, "\u786E\u8BA4")) : null)));
+};
+
+ShortPassword.defaultProps = defaultProps;
+ShortPassword.displayName = 'NutShortPassword';
+export { ShortPassword as default };

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

@@ -0,0 +1 @@
+import '../../../packages/signature/signature.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/step/step.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/steps/steps.scss'

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

@@ -0,0 +1 @@
+import '../../../packages/swiper/swiper.scss'