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

package/dist/esm/Indicator.js

@@ -1,52 +1,57 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "current", "block", "align", "fillZero", "children", "className", "vertical"];
-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, { useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/classname';
+var _excluded = ["total", "current", "children", "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";
 var defaultProps = {
-  size: 3,
+  total: 3,
   current: 1,
-  block: false,
-  align: 'center',
-  fillZero: true,
-  vertical: false
+  direction: "horizontal"
 };
-var Indicator = function Indicator(props) {
-  var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    size = _defaultProps$props.size,
-    current = _defaultProps$props.current,
-    block = _defaultProps$props.block,
-    align = _defaultProps$props.align,
-    fillZero = _defaultProps$props.fillZero,
-    children = _defaultProps$props.children,
-    className = _defaultProps$props.className,
-    vertical = _defaultProps$props.vertical,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('indicator');
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('block')), block), _defineProperty(_classNames, "".concat(b('align'), "__").concat(align), block && align), _defineProperty(_classNames, "".concat(b('vertical')), vertical), _classNames), b(''));
-  var renderEles = function renderEles() {
+var classPrefix = "nut-indicator";
+var Indicator = function Indicator2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), total = _defaultProps$props.total, current = _defaultProps$props.current, children = _defaultProps$props.children, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "__vertical"), direction === "vertical"));
+  var renderElement = function renderElement2() {
     var childs = [];
-    for (var item = 1; item <= size; item++) {
-      childs.push(item === current ? React__default.createElement("div", {
+    for (var item = 1; item <= total; item++) {
+      childs.push(item === current ? React__default.createElement(React__default.Fragment, null, children || React__default.createElement("div", {
         key: item,
-        className: b('number')
-      }, fillZero && item < 10 ? "0".concat(item) : item) : React__default.createElement("div", {
+        className: "".concat(classPrefix, "__dot ").concat(classPrefix, "__active")
+      })) : React__default.createElement("div", {
         key: item,
-        className: b('dot')
+        className: "".concat(classPrefix, "__dot")
       }));
     }
     return childs;
   };
-  useEffect(function () {}, []);
   return React__default.createElement("div", _objectSpread({
     className: classNames(classes, className)
-  }, rest), renderEles());
+  }, rest), renderElement());
 };
 Indicator.defaultProps = defaultProps;
-Indicator.displayName = 'NutIndicator';
-export { Indicator as default };
+Indicator.displayName = "NutIndicator";
+export {
+  Indicator as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/infiniteloading/infiniteloading.scss'

package/dist/esm/Infiniteloading.js

@@ -1,56 +1,51 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "hasMore", "threshold", "containerId", "useWindow", "useCapture", "isOpenRefresh", "pullIcon", "pullTxt", "loadIcon", "loadTxt", "loadMoreTxt", "className", "onRefresh", "onLoadMore", "onScrollChange", "iconClassPrefix", "iconFontClassName"];
-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, { useState, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.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 = ["children", "hasMore", "threshold", "containerId", "useWindow", "useCapture", "isOpenRefresh", "pullIcon", "pullText", "loadIcon", "loadingText", "loadMoreText", "className", "onRefresh", "onLoadMore", "onScrollChange"];
+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, { useState, useRef, useEffect } from "react";
+import classNames from "classnames";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   hasMore: true,
   threshold: 200,
-  containerId: '',
+  containerId: "",
   useWindow: true,
   useCapture: false,
   isOpenRefresh: false,
-  pullIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
-  pullTxt: '松开刷新',
-  loadIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
-  loadTxt: '加载中···',
-  loadMoreTxt: '哎呀，这里是底部了啦'
+  pullIcon: null,
+  pullText: "松开刷新",
+  loadIcon: null,
+  loadingText: "加载中···",
+  loadMoreText: "哎呀，这里是底部了啦"
 });
-var Infiniteloading = function Infiniteloading(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    hasMore = _defaultProps$props.hasMore,
-    threshold = _defaultProps$props.threshold,
-    containerId = _defaultProps$props.containerId,
-    useWindow = _defaultProps$props.useWindow,
-    useCapture = _defaultProps$props.useCapture,
-    isOpenRefresh = _defaultProps$props.isOpenRefresh,
-    pullIcon = _defaultProps$props.pullIcon,
-    pullTxt = _defaultProps$props.pullTxt,
-    loadIcon = _defaultProps$props.loadIcon,
-    loadTxt = _defaultProps$props.loadTxt,
-    loadMoreTxt = _defaultProps$props.loadMoreTxt,
-    className = _defaultProps$props.className,
-    onRefresh = _defaultProps$props.onRefresh,
-    onLoadMore = _defaultProps$props.onLoadMore,
-    onScrollChange = _defaultProps$props.onScrollChange,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isInfiniting = _useState2[0],
-    setIsInfiniting = _useState2[1];
+var Infiniteloading = function Infiniteloading2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, hasMore = _defaultProps$props.hasMore, threshold = _defaultProps$props.threshold, containerId = _defaultProps$props.containerId, useWindow = _defaultProps$props.useWindow, useCapture = _defaultProps$props.useCapture, isOpenRefresh = _defaultProps$props.isOpenRefresh, pullIcon = _defaultProps$props.pullIcon, pullText = _defaultProps$props.pullText, loadIcon = _defaultProps$props.loadIcon, loadingText = _defaultProps$props.loadingText, loadMoreText = _defaultProps$props.loadMoreText, className = _defaultProps$props.className, onRefresh = _defaultProps$props.onRefresh, onLoadMore = _defaultProps$props.onLoadMore, onScrollChange = _defaultProps$props.onScrollChange, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isInfiniting = _useState2[0], setIsInfiniting = _useState2[1];
   var scroller = useRef(null);
   var refreshTop = useRef(null);
   var scrollEl = useRef(window);
@@ -59,38 +54,38 @@ var Infiniteloading = function Infiniteloading(props) {
   var refreshMaxH = useRef(0);
   var y = useRef(0);
   var distance = useRef(0);
-  var b = cn('infiniteloading');
+  var b = cn("infiniteloading");
   var classes = classNames(className, b());
-  useEffect(function () {
+  useEffect(function() {
     var parentElement = getParentElement(scroller.current);
     scrollEl.current = useWindow ? window : parentElement;
-    scrollEl.current.addEventListener('scroll', handleScroll, useCapture);
-    return function () {
-      scrollEl.current.removeEventListener('scroll', handleScroll, useCapture);
+    scrollEl.current.addEventListener("scroll", handleScroll, useCapture);
+    return function() {
+      scrollEl.current.removeEventListener("scroll", handleScroll, useCapture);
     };
   }, [hasMore, isInfiniting]);
-  useEffect(function () {
+  useEffect(function() {
     var element = scroller.current;
-    element.addEventListener('touchmove', touchMove, {
+    element.addEventListener("touchmove", touchMove, {
       passive: false
     });
-    return function () {
-      element.removeEventListener('touchmove', touchMove, {
+    return function() {
+      element.removeEventListener("touchmove", touchMove, {
         passive: false
       });
     };
   }, []);
-  var getStyle = function getStyle() {
+  var getStyle = function getStyle2() {
     return {
       height: distance.current < 0 ? "0px" : "".concat(distance.current, "px"),
       transition: isTouching.current ? "height 0s cubic-bezier(0.25,0.1,0.25,1)" : "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
     };
   };
-  var getParentElement = function getParentElement(el) {
+  var getParentElement = function getParentElement2(el) {
     return containerId ? document.querySelector("#".concat(containerId)) : el && el.parentNode;
   };
-  var handleScroll = function handleScroll() {
-    requestAniFrame()(function () {
+  var handleScroll = function handleScroll2() {
+    requestAniFrame()(function() {
       if (!isScrollAtBottom() || !hasMore || isInfiniting) {
         return false;
       }
@@ -99,15 +94,15 @@ var Infiniteloading = function Infiniteloading(props) {
       return true;
     });
   };
-  var infiniteDone = function infiniteDone() {
+  var infiniteDone = function infiniteDone2() {
     setIsInfiniting(false);
   };
-  var refreshDone = function refreshDone() {
+  var refreshDone = function refreshDone2() {
     distance.current = 0;
     refreshTop.current.style.height = "".concat(distance.current, "px");
     isTouching.current = false;
   };
-  var touchStart = function touchStart(event) {
+  var touchStart = function touchStart2(event) {
     if (beforeScrollTop.current === 0 && !isTouching.current && isOpenRefresh) {
       y.current = event.touches[0].pageY;
       isTouching.current = true;
@@ -115,7 +110,7 @@ var Infiniteloading = function Infiniteloading(props) {
       refreshMaxH.current = Math.floor(childHeight * 1 + 10);
     }
   };
-  var touchMove = function touchMove(event) {
+  var touchMove = function touchMove2(event) {
     distance.current = event.touches[0].pageY - y.current;
     if (distance.current > 0 && isTouching.current) {
       event.preventDefault();
@@ -131,7 +126,7 @@ var Infiniteloading = function Infiniteloading(props) {
       isTouching.current = false;
     }
   };
-  var touchEnd = function touchEnd() {
+  var touchEnd = function touchEnd2() {
     if (distance.current < refreshMaxH.current) {
       distance.current = 0;
       refreshTop.current.style.height = "".concat(distance.current, "px");
@@ -139,21 +134,21 @@ var Infiniteloading = function Infiniteloading(props) {
       onRefresh && onRefresh(refreshDone);
     }
   };
-  var requestAniFrame = function requestAniFrame() {
+  var requestAniFrame = function requestAniFrame2() {
     return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function fn(callback) {
-      window.setTimeout(callback, 1000 / 60);
+      window.setTimeout(callback, 1e3 / 60);
     };
   };
-  var getWindowScrollTop = function getWindowScrollTop() {
-    return window.pageYOffset !== undefined ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+  var getWindowScrollTop = function getWindowScrollTop2() {
+    return window.pageYOffset !== void 0 ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
   };
-  var calculateTopPosition = function calculateTopPosition(el) {
-    return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
+  var calculateTopPosition = function calculateTopPosition2(el) {
+    return !el ? 0 : el.offsetTop + calculateTopPosition2(el.offsetParent);
   };
-  var isScrollAtBottom = function isScrollAtBottom() {
+  var isScrollAtBottom = function isScrollAtBottom2() {
     var offsetDistance = 0;
     var resScrollTop = 0;
-    var direction = 'down';
+    var direction = "down";
     var windowScrollTop = getWindowScrollTop();
     if (useWindow) {
       if (scroller.current) {
@@ -161,21 +156,18 @@ var Infiniteloading = function Infiniteloading(props) {
       }
       resScrollTop = windowScrollTop;
     } else {
-      var _scrollEl$current = scrollEl.current,
-        scrollHeight = _scrollEl$current.scrollHeight,
-        clientHeight = _scrollEl$current.clientHeight,
-        scrollTop = _scrollEl$current.scrollTop;
+      var _scrollEl$current = scrollEl.current, scrollHeight = _scrollEl$current.scrollHeight, clientHeight = _scrollEl$current.clientHeight, scrollTop = _scrollEl$current.scrollTop;
       offsetDistance = scrollHeight - clientHeight - scrollTop;
       resScrollTop = scrollTop;
     }
     if (beforeScrollTop.current > resScrollTop) {
-      direction = 'up';
+      direction = "up";
     } else {
-      direction = 'down';
+      direction = "down";
     }
     beforeScrollTop.current = resScrollTop;
     onScrollChange && onScrollChange(resScrollTop);
-    return offsetDistance <= threshold && direction === 'down';
+    return offsetDistance <= threshold && direction === "down";
   };
   return React__default.createElement("div", _objectSpread({
     className: classes,
@@ -188,30 +180,22 @@ var Infiniteloading = function Infiniteloading(props) {
     style: getStyle()
   }, React__default.createElement("div", {
     className: "top-box"
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "top-img",
-    name: pullIcon
-  }), React__default.createElement("span", {
+  }, pullIcon && React__default.createElement(React__default.Fragment, null, pullIcon), React__default.createElement("span", {
     className: "top-text"
-  }, pullTxt || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
+  }, pullText || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), React__default.createElement("div", {
     className: "nut-infinite-bottom"
   }, isInfiniting ? React__default.createElement("div", {
     className: "bottom-box"
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "bottom-img",
-    name: loadIcon
-  }), React__default.createElement("div", {
+  }, loadIcon && React__default.createElement(React__default.Fragment, null, loadIcon), React__default.createElement("div", {
     className: "bottom-text"
-  }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && React__default.createElement("div", {
+  }, loadingText || locale.infiniteloading.loadText)) : !hasMore && React__default.createElement("div", {
     className: "tips"
-  }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
+  }, loadMoreText || locale.infiniteloading.loadMoreText)));
 };
 Infiniteloading.defaultProps = defaultProps;
-Infiniteloading.displayName = 'NutInfiniteloading';
-export { Infiniteloading as default };
+Infiniteloading.displayName = "NutInfiniteloading";
+export {
+  Infiniteloading as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/input/input.scss'