@nutui/nutui-react 0.1.1 → 1.1.0-beta.0

package/dist/esm/Drag.js

@@ -53,14 +53,7 @@ var Drag = function Drag(props) {
       currstyle = _useSpring2[0],
       api = _useSpring2[1];
 
-  var screen = useRef({
-    clientWidth: 0,
-    clientHeight: 0
-  });
-  var element = useRef({
-    offsetWidth: 0,
-    offsetHeight: 0
-  });
+  var middleLine = useRef(0);
 
   var getInfo = function getInfo() {
     var el = myDrag.current;
@@ -77,20 +70,13 @@ var Drag = function Drag(props) {
           left = boundary.left,
           bottom = boundary.bottom,
           right = boundary.right;
-      element.current = {
-        offsetWidth: offsetWidth,
-        offsetHeight: offsetHeight
-      };
-      screen.current = {
-        clientWidth: clientWidth,
-        clientHeight: clientHeight
-      };
       setBoundaryState({
         top: -offsetTop + top,
         left: -offsetLeft + left,
         bottom: clientHeight - offsetHeight - offsetTop - bottom,
         right: clientWidth - offsetWidth - offsetLeft - right
       });
+      middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
     }
   };
 
@@ -109,22 +95,17 @@ var Drag = function Drag(props) {
 
     if (last) {
       if (props.direction != 'y' && props.attract) {
-        if (x < (screen.current.clientWidth - element.current.offsetWidth) / 2) {
-          console.log(x);
-          window.requestAnimationFrame(function () {
-            api.start({
-              x: boundaryState.left,
-              y: y,
-              immediate: down
-            });
+        if (x < middleLine.current) {
+          api.start({
+            x: boundaryState.left,
+            y: y,
+            immediate: down
           });
         } else {
-          window.requestAnimationFrame(function () {
-            api.start({
-              x: screen.current.clientWidth - element.current.offsetWidth + boundaryState.left,
-              y: y,
-              immediate: down
-            });
+          api.start({
+            x: boundaryState.right,
+            y: y,
+            immediate: down
           });
         }
       }

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

@@ -0,0 +1 @@
+require('../../../packages/elevator/elevator.css')

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

@@ -1 +1 @@
-import '../../../packages/elevator/elevator.scss'
+require('../../../packages/elevator/elevator.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/fixednav/fixednav.css')

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

@@ -1 +1 @@
-import '../../../packages/fixednav/fixednav.scss'
+require('../../../packages/fixednav/fixednav.scss')

package/dist/esm/FixedNav.js

@@ -1,16 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "change", "selected", "type", "slotList", "slotBtn"];
+var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn"];
 
 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 { I as Icon } from './icon-63c0d58f.js';
+import Icon from './Icon.js';
+import Overlay from './Overlay.js';
 import { c as cn } from './bem-893ad28d.js';
 import classNames from 'classnames';
-import { O as Overlay } from './overlay-418bcf84.js';
 import '@bem-react/classname';
 var defaultProps = {
   fixednavClass: 'nut-fixednav',
@@ -32,8 +32,8 @@ var FixedNav = function FixedNav(props) {
       activeText = _defaultProps$props.activeText,
       unActiveText = _defaultProps$props.unActiveText,
       position = _defaultProps$props.position,
-      change = _defaultProps$props.change,
-      selected = _defaultProps$props.selected,
+      onChange = _defaultProps$props.onChange,
+      onSelected = _defaultProps$props.onSelected,
       type = _defaultProps$props.type,
       slotList = _defaultProps$props.slotList,
       slotBtn = _defaultProps$props.slotBtn,
@@ -45,12 +45,12 @@ var FixedNav = function FixedNav(props) {
   }, type, fixednavClass, b(''));
 
   var onSelectCb = function onSelectCb(event, item) {
-    selected(item, event);
+    onSelected(item, event);
   };
 
   var onUpdateValue = function onUpdateValue() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !visible;
-    change(value);
+    onChange(value);
   }; // const [classNames, setClassNames] = useState('')
   // const classes = () => {
   //   return `${fixednavClass} ${type} ${visible ? 'active' : ''}`

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

@@ -0,0 +1 @@
+require('../../../packages/icon/icon.css')

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

@@ -1 +1 @@
-import '../../../packages/icon/icon.scss'
+require('../../../packages/icon/icon.scss')

package/dist/esm/Icon.js

@@ -1,5 +1,71 @@
-import { I as Icon } from './icon-63c0d58f.js';
-export { I as default } from './icon-63c0d58f.js';
-import 'react';
-import './bem-893ad28d.js';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"];
+
+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 { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
+var defaultProps = {
+  name: '',
+  size: '',
+  classPrefix: 'nutui-iconfont',
+  color: '',
+  tag: 'i',
+  click: function click(e) {},
+  className: ''
+};
+
+function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+}
+
+var Icon = function Icon(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      name = _defaultProps$props.name,
+      size = _defaultProps$props.size,
+      classPrefix = _defaultProps$props.classPrefix,
+      color = _defaultProps$props.color,
+      tag = _defaultProps$props.tag,
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      click = _defaultProps$props.click,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var isImage = name ? name.indexOf('/') !== -1 : false;
+  var type = isImage ? 'img' : tag;
+  var b = cn('icon');
+
+  var handleClick = function handleClick(e) {
+    if (props.click) {
+      props.click(e);
+    }
+  };
+
+  var hasSrc = function hasSrc() {
+    if (isImage) return {
+      src: name
+    };
+    return {};
+  };
+
+  return React__default.createElement(type, _objectSpread(_objectSpread({
+    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
+    style: _objectSpread({
+      color: color,
+      fontSize: pxCheck(size),
+      width: pxCheck(size),
+      height: pxCheck(size)
+    }, style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+};
+
+Icon.defaultProps = defaultProps;
+Icon.displayName = 'NutIcon';
+export { Icon as default };

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

@@ -0,0 +1 @@
+require('../../../packages/infiniteloading/infiniteloading.css')

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

@@ -1 +1 @@
-import '../../../packages/infiniteloading/infiniteloading.scss'
+require('../../../packages/infiniteloading/infiniteloading.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/input/input.css')

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

@@ -1 +1 @@
-import '../../../packages/input/input.scss'
+require('../../../packages/input/input.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/inputnumber/inputnumber.css')

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

@@ -1 +1 @@
-import '../../../packages/inputnumber/inputnumber.scss'
+require('../../../packages/inputnumber/inputnumber.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/layout/layout.css')

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

@@ -1 +1 @@
-import '../../../packages/layout/layout.scss'
+require('../../../packages/layout/layout.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/navbar/navbar.css')

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

@@ -1 +1 @@
-import '../../../packages/navbar/navbar.scss'
+require('../../../packages/navbar/navbar.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/noticebar/noticebar.css')

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

@@ -1 +1 @@
-import '../../../packages/noticebar/noticebar.scss'
+require('../../../packages/noticebar/noticebar.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/notify/notify.css')

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

@@ -1 +1 @@
-import '../../../packages/notify/notify.scss'
+require('../../../packages/notify/notify.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/overlay/overlay.css')

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

@@ -1 +1 @@
-import '../../../packages/overlay/overlay.scss'
+require('../../../packages/overlay/overlay.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/pagination/pagination.css')

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

@@ -1 +1 @@
-import '../../../packages/pagination/pagination.scss'
+require('../../../packages/pagination/pagination.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/picker/picker.css')

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

@@ -1 +1 @@
-import '../../../packages/picker/picker.scss'
+require('../../../packages/picker/picker.scss')

package/dist/esm/Picker.js

@@ -49,9 +49,6 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
             modifyStatus(false, value);
           }, 10);
         }
-      },
-      getIndex: function getIndex() {
-        return keyIndex;
       }
     };
   });

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

@@ -0,0 +1 @@
+require('../../../packages/popover/popover.css')

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

@@ -1 +1 @@
-import '../../../packages/popover/popover.scss'
+require('../../../packages/popover/popover.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/popup/popup.css')

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

@@ -1 +1 @@
-import '../../../packages/popup/popup.scss'
+require('../../../packages/popup/popup.scss')

package/dist/esm/Popup.js

@@ -55,6 +55,7 @@ var Popup = function Popup(props) {
       round = props.round,
       position = props.position,
       popClass = props.popClass,
+      className = props.className,
       destroyOnClose = props.destroyOnClose,
       onOpen = props.onOpen,
       onClose = props.onClose,
@@ -94,7 +95,7 @@ var Popup = function Popup(props) {
 
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
 
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, 'round', round), _defineProperty(_classNames, "popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _classNames), b(''));
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, 'round', round), _defineProperty(_classNames, "popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className), true), _classNames), b(''));
   var closeClasses = classNames(_defineProperty({
     'nutui-popup__close-icon': true
   }, "nutui-popup__close-icon--".concat(closeIconPosition), true));

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

@@ -0,0 +1 @@
+require('../../../packages/price/price.css')

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

@@ -1 +1 @@
-import '../../../packages/price/price.scss'
+require('../../../packages/price/price.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/radio/radio.css')

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

@@ -1 +1 @@
-import '../../../packages/radio/radio.scss'
+require('../../../packages/radio/radio.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/radiogroup/radiogroup.css')

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

@@ -1 +1 @@
-import '../../../packages/radiogroup/radiogroup.scss'
+require('../../../packages/radiogroup/radiogroup.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/range/range.css')

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

@@ -1 +1 @@
-import '../../../packages/range/range.scss'
+require('../../../packages/range/range.scss')

package/dist/esm/Range.js

@@ -7,11 +7,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { T as Toast } from './toast-420b65b7.js';
+import Toast from './Toast.js';
 import '@bem-react/classname';
-import 'react-dom';
-import './icon-63c0d58f.js';
-import 'classnames';
 var MIN_DISTANCE = 10;
 
 function getDirection(x, y) {

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

@@ -0,0 +1 @@
+require('../../../packages/rate/rate.css')

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

@@ -1 +1 @@
-import '../../../packages/rate/rate.scss'
+require('../../../packages/rate/rate.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/row/row.css')

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

@@ -1 +1 @@
-import '../../../packages/row/row.scss'
+require('../../../packages/row/row.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/shortpassword/shortpassword.css')

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

@@ -1 +1 @@
-import '../../../packages/shortpassword/shortpassword.scss'
+require('../../../packages/shortpassword/shortpassword.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/signature/signature.css')

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

@@ -1 +1 @@
-import '../../../packages/signature/signature.scss'
+require('../../../packages/signature/signature.scss')

package/dist/esm/Signature.js

@@ -8,9 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { B as Button } from './button-345fb015.js';
+import Button from './Button.js';
 import { c as cn } from './bem-893ad28d.js';
-import './Icon.js';
 import '@bem-react/classname';
 var defaultProps = {
   type: 'png',

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

@@ -0,0 +1 @@
+require('../../../packages/step/step.css')

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

@@ -1 +1 @@
-import '../../../packages/step/step.scss'
+require('../../../packages/step/step.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/steps/steps.css')

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

@@ -1 +1 @@
-import '../../../packages/steps/steps.scss'
+require('../../../packages/steps/steps.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/swiper/swiper.css')

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

@@ -1 +1 @@
-import '../../../packages/swiper/swiper.scss'
+require('../../../packages/swiper/swiper.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/swiperitem/swiperitem.css')

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

@@ -1 +1 @@
-import '../../../packages/swiperitem/swiperitem.scss'
+require('../../../packages/swiperitem/swiperitem.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/switch/switch.css')

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

@@ -1 +1 @@
-import '../../../packages/switch/switch.scss'
+require('../../../packages/switch/switch.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/tabbar/tabbar.css')

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

@@ -1 +1 @@
-import '../../../packages/tabbar/tabbar.scss'
+require('../../../packages/tabbar/tabbar.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/tabbaritem/tabbaritem.css')

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

@@ -1 +1 @@
-import '../../../packages/tabbaritem/tabbaritem.scss'
+require('../../../packages/tabbaritem/tabbaritem.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/tag/tag.css')

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

@@ -1 +1 @@
-import '../../../packages/tag/tag.scss'
+require('../../../packages/tag/tag.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/textarea/textarea.css')

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

@@ -1 +1 @@
-import '../../../packages/textarea/textarea.scss'
+require('../../../packages/textarea/textarea.scss')

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

@@ -0,0 +1 @@
+require('../../../packages/toast/toast.css')

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

@@ -1 +1 @@
-import '../../../packages/toast/toast.scss'
+require('../../../packages/toast/toast.scss')