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

package/dist/esm/get-scroll-parent.js

@@ -0,0 +1,26 @@
+var canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
+var defaultRoot = canUseDom ? window : void 0;
+var overflowStylePatterns = ["scroll", "auto", "overlay"];
+function isElement(node) {
+  var ELEMENT_NODE_TYPE = 1;
+  return node.nodeType === ELEMENT_NODE_TYPE;
+}
+function getScrollParent(el) {
+  var root = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultRoot;
+  var node = el;
+  while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+    var _window$getComputedSt = window.getComputedStyle(node), overflowY = _window$getComputedSt.overflowY;
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+    node = node.parentNode;
+  }
+  return root;
+}
+export {
+  canUseDom as c,
+  getScrollParent as g
+};

package/dist/esm/griditem2.js

@@ -0,0 +1,96 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "style", "columns", "index", "gap", "square", "text", "center", "reverse", "direction", "className", "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, { useContext } from "react";
+import classNames from "classnames";
+import { useConfig } from "./ConfigProvider.js";
+import { p as pxCheck } from "./px-check.js";
+var gridContext = {
+  onClick: function onClick(item, index) {
+  }
+};
+var GridContext = React__default.createContext(gridContext);
+var defaultProps = {
+  text: "",
+  columns: 4,
+  gap: 0,
+  center: true,
+  square: false,
+  reverse: false,
+  direction: "vertical"
+};
+var GridItem = function GridItem2(props) {
+  useConfig();
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, style = _defaultProps$props.style, columns = _defaultProps$props.columns, index = _defaultProps$props.index, gap = _defaultProps$props.gap, square = _defaultProps$props.square, text = _defaultProps$props.text, center = _defaultProps$props.center, reverse = _defaultProps$props.reverse, direction = _defaultProps$props.direction, className = _defaultProps$props.className, onClick2 = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-grid-item";
+  var classes = classNames(classPrefix, className);
+  var context = useContext(GridContext);
+  var rootStyle = function rootStyle2() {
+    var styles = _objectSpread({
+      flexBasis: "".concat(100 / +columns, "%")
+    }, style);
+    if (square) {
+      styles.paddingTop = "".concat(100 / +columns, "%");
+    } else if (gap) {
+      styles.paddingRight = pxCheck(gap);
+      if (index >= Number(columns)) {
+        styles.marginTop = pxCheck(gap);
+      }
+    }
+    return styles;
+  };
+  var contentClass = function contentClass2() {
+    var _classNames;
+    return classNames("".concat(classPrefix, "__content"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__content--border"), true), _defineProperty(_classNames, "".concat(classPrefix, "__content--surround"), gap), _defineProperty(_classNames, "".concat(classPrefix, "__content--center"), center), _defineProperty(_classNames, "".concat(classPrefix, "__content--square"), square), _defineProperty(_classNames, "".concat(classPrefix, "__content--reverse"), reverse), _defineProperty(_classNames, "".concat(classPrefix, "__content--").concat(direction), !!direction), _classNames));
+  };
+  var handleClick = function handleClick2(e) {
+    onClick2 && onClick2(e);
+    context.onClick && context.onClick({
+      text,
+      index,
+      columns,
+      gap,
+      center,
+      square,
+      reverse,
+      direction
+    }, index);
+  };
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: classes,
+    style: rootStyle()
+  }, rest), {}, {
+    onClick: handleClick
+  }), React__default.createElement("div", {
+    className: contentClass()
+  }, children && React__default.createElement(React__default.Fragment, null, children), text && React__default.createElement("div", {
+    className: "".concat(classPrefix, "__text")
+  }, text)));
+};
+GridItem.defaultProps = defaultProps;
+GridItem.displayName = "NutGridItem";
+export {
+  GridContext as G,
+  GridItem as a
+};

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+var isObject = function isObject2(val) {
+  return val !== null && _typeof(val) === "object";
+};
+var isFunction = function isFunction2(val) {
+  return typeof val === "function";
+};
+var isPromise = function isPromise2(val) {
+  return isObject(val) && isFunction(val.then) && isFunction(val["catch"]);
+};
+export {
+  isObject as a,
+  isPromise as i
+};

package/dist/esm/nutui-react.es.js

@@ -1,94 +1,188 @@
-export { default as Button } from './Button.js';
-export { default as Cell } from './Cell.js';
-export { default as CellGroup } from './CellGroup.js';
-export { default as ConfigProvider } from './ConfigProvider.js';
-export { default as Icon } from './Icon.js';
-export { default as Image } from './Image.js';
-export { default as Overlay } from './Overlay.js';
-export { default as Popup } from './Popup.js';
-export { default as Col } from './Col.js';
-export { default as Divider } from './Divider.js';
-export { default as Grid } from './Grid.js';
-export { default as GridItem } from './GridItem.js';
-export { default as Layout } from './Layout.js';
-export { default as Row } from './Row.js';
-export { default as Sticky } from './Sticky.js';
-export { default as Elevator } from './Elevator.js';
-export { default as FixedNav } from './FixedNav.js';
-export { default as Indicator } from './Indicator.js';
-export { default as Menu } from './Menu.js';
-export { default as MenuItem } from './MenuItem.js';
-export { default as NavBar } from './NavBar.js';
-export { default as Pagination } from './Pagination.js';
-export { default as SideNavBar } from './SideNavBar.js';
-export { default as SideNavBarItem } from './SideNavBarItem.js';
-export { default as SubSideNavBar } from './SubSideNavBar.js';
-export { default as Tabbar } from './Tabbar.js';
-export { default as TabbarItem } from './TabbarItem.js';
-export { default as TabPane } from './TabPane.js';
-export { default as Tabs } from './Tabs.js';
-export { default as Calendar } from './Calendar.js';
-export { default as CalendarItem } from './CalendarItem.js';
-export { default as Cascader } from './Cascader.js';
-export { default as Checkbox } from './Checkbox.js';
-export { default as CheckboxGroup } from './CheckboxGroup.js';
-export { default as DatePicker } from './DatePicker.js';
-export { default as Form } from './Form.js';
-export { default as FormItem } from './FormItem.js';
-export { default as Input } from './Input.js';
-export { default as InputNumber } from './InputNumber.js';
-export { default as NumberKeyboard } from './NumberKeyboard.js';
-export { default as Picker } from './Picker.js';
-export { default as Radio } from './Radio.js';
-export { default as RadioGroup } from './RadioGroup.js';
-export { default as Range } from './Range.js';
-export { default as Rate } from './Rate.js';
-export { default as SearchBar } from './SearchBar.js';
-export { default as ShortPassword } from './ShortPassword.js';
-export { default as TextArea } from './TextArea.js';
-export { default as Uploader } from './Uploader.js';
-export { default as ActionSheet } from './ActionSheet.js';
-export { default as BackTop } from './BackTop.js';
-export { default as Dialog } from './Dialog.js';
-export { default as Drag } from './Drag.js';
-export { default as Infiniteloading } from './Infiniteloading.js';
-export { default as Notify } from './Notify.js';
-export { default as PullToRefresh } from './PullToRefresh.js';
-export { default as Swipe } from './Swipe.js';
-export { default as Switch } from './Switch.js';
-export { default as Toast } from './Toast.js';
-export { default as Animate } from './Animate.js';
-export { default as AnimatingNumbers } from './AnimatingNumbers.js';
-export { default as Audio } from './Audio.js';
-export { default as Avatar } from './Avatar.js';
-export { default as AvatarGroup } from './AvatarGroup.js';
-export { default as Badge } from './Badge.js';
-export { default as CircleProgress } from './CircleProgress.js';
-export { default as Collapse } from './Collapse.js';
-export { default as CollapseItem } from './CollapseItem.js';
-export { default as CountDown } from './CountDown.js';
-export { default as Ellipsis } from './Ellipsis.js';
-export { default as Empty } from './Empty.js';
-export { default as ImagePreview } from './ImagePreview.js';
-export { default as NoticeBar } from './NoticeBar.js';
-export { default as Popover } from './Popover.js';
-export { default as Price } from './Price.js';
-export { default as Progress } from './Progress.js';
-export { default as Skeleton } from './Skeleton.js';
-export { default as Step } from './Step.js';
-export { default as Steps } from './Steps.js';
-export { default as Swiper } from './Swiper.js';
-export { default as SwiperItem } from './SwiperItem.js';
-export { default as Table } from './Table.js';
-export { default as Tag } from './Tag.js';
-export { default as TrendArrow } from './TrendArrow.js';
-export { default as Video } from './Video.js';
-export { default as VirtualList } from './VirtualList.js';
-export { default as WaterMark } from './WaterMark.js';
-export { default as Address } from './Address.js';
-export { default as Barrage } from './Barrage.js';
-export { default as Card } from './Card.js';
-export { default as Signature } from './Signature.js';
-export { default as TimeDetail } from './TimeDetail.js';
-export { default as TimePannel } from './TimePannel.js';
-export { default as TimeSelect } from './TimeSelect.js';
+import { default as default2 } from "./Button.js";
+import { default as default3 } from "./Cell.js";
+import { default as default4 } from "./CellGroup.js";
+import { default as default5 } from "./ConfigProvider.js";
+import { default as default6 } from "./Image.js";
+import { default as default7 } from "./Overlay.js";
+import { default as default8 } from "./Popup.js";
+import { default as default9 } from "./Col.js";
+import { default as default10 } from "./Divider.js";
+import { default as default11 } from "./Grid.js";
+import { default as default12 } from "./GridItem.js";
+import { default as default13 } from "./Layout.js";
+import { default as default14 } from "./Row.js";
+import { default as default15 } from "./Sticky.js";
+import { default as default16 } from "./Elevator.js";
+import { default as default17 } from "./FixedNav.js";
+import { default as default18 } from "./Indicator.js";
+import { default as default19 } from "./Menu.js";
+import { default as default20 } from "./MenuItem.js";
+import { default as default21 } from "./NavBar.js";
+import { default as default22 } from "./Pagination.js";
+import { default as default23 } from "./SideNavBar.js";
+import { default as default24 } from "./SideNavBarItem.js";
+import { default as default25 } from "./SubSideNavBar.js";
+import { default as default26 } from "./Tabbar.js";
+import { default as default27 } from "./TabbarItem.js";
+import { default as default28 } from "./TabPane.js";
+import { default as default29 } from "./Tabs.js";
+import { default as default30 } from "./Calendar.js";
+import { default as default31 } from "./CalendarItem.js";
+import { default as default32 } from "./Cascader.js";
+import { default as default33 } from "./Checkbox.js";
+import { default as default34 } from "./CheckboxGroup.js";
+import { default as default35 } from "./DatePicker.js";
+import { default as default36 } from "./Form.js";
+import { default as default37 } from "./FormItem.js";
+import { default as default38 } from "./Input.js";
+import { default as default39 } from "./InputNumber.js";
+import { default as default40 } from "./NumberKeyboard.js";
+import { default as default41 } from "./Picker.js";
+import { default as default42 } from "./Radio.js";
+import { default as default43 } from "./RadioGroup.js";
+import { default as default44 } from "./Range.js";
+import { default as default45 } from "./Rate.js";
+import { default as default46 } from "./SearchBar.js";
+import { default as default47 } from "./ShortPassword.js";
+import { default as default48 } from "./TextArea.js";
+import { default as default49 } from "./Uploader.js";
+import { default as default50 } from "./ActionSheet.js";
+import { default as default51 } from "./BackTop.js";
+import { default as default52 } from "./Dialog.js";
+import { default as default53 } from "./Drag.js";
+import { default as default54 } from "./Infiniteloading.js";
+import { default as default55 } from "./Notify.js";
+import { default as default56 } from "./PullToRefresh.js";
+import { default as default57 } from "./Swipe.js";
+import { default as default58 } from "./Switch.js";
+import { default as default59 } from "./Toast.js";
+import { default as default60 } from "./Animate.js";
+import { default as default61 } from "./AnimatingNumbers.js";
+import { default as default62 } from "./Audio.js";
+import { default as default63 } from "./Avatar.js";
+import { default as default64 } from "./AvatarGroup.js";
+import { default as default65 } from "./Badge.js";
+import { default as default66 } from "./CircleProgress.js";
+import { default as default67 } from "./Collapse.js";
+import { default as default68 } from "./CollapseItem.js";
+import { default as default69 } from "./CountDown.js";
+import { default as default70 } from "./Ellipsis.js";
+import { default as default71 } from "./Empty.js";
+import { default as default72 } from "./ImagePreview.js";
+import { default as default73 } from "./NoticeBar.js";
+import { default as default74 } from "./Popover.js";
+import { default as default75 } from "./Price.js";
+import { default as default76 } from "./Progress.js";
+import { default as default77 } from "./Skeleton.js";
+import { default as default78 } from "./Step.js";
+import { default as default79 } from "./Steps.js";
+import { default as default80 } from "./Swiper.js";
+import { default as default81 } from "./SwiperItem.js";
+import { default as default82 } from "./Table.js";
+import { default as default83 } from "./Tag.js";
+import { default as default84 } from "./TrendArrow.js";
+import { default as default85 } from "./Video.js";
+import { default as default86 } from "./VirtualList.js";
+import { default as default87 } from "./WaterMark.js";
+import { default as default88 } from "./Address.js";
+import { default as default89 } from "./Barrage.js";
+import { default as default90 } from "./Card.js";
+import { default as default91 } from "./Signature.js";
+import { default as default92 } from "./TimeDetail.js";
+import { default as default93 } from "./TimePannel.js";
+import { default as default94 } from "./TimeSelect.js";
+export {
+  default50 as ActionSheet,
+  default88 as Address,
+  default60 as Animate,
+  default61 as AnimatingNumbers,
+  default62 as Audio,
+  default63 as Avatar,
+  default64 as AvatarGroup,
+  default51 as BackTop,
+  default65 as Badge,
+  default89 as Barrage,
+  default2 as Button,
+  default30 as Calendar,
+  default31 as CalendarItem,
+  default90 as Card,
+  default32 as Cascader,
+  default3 as Cell,
+  default4 as CellGroup,
+  default33 as Checkbox,
+  default34 as CheckboxGroup,
+  default66 as CircleProgress,
+  default9 as Col,
+  default67 as Collapse,
+  default68 as CollapseItem,
+  default5 as ConfigProvider,
+  default69 as CountDown,
+  default35 as DatePicker,
+  default52 as Dialog,
+  default10 as Divider,
+  default53 as Drag,
+  default16 as Elevator,
+  default70 as Ellipsis,
+  default71 as Empty,
+  default17 as FixedNav,
+  default36 as Form,
+  default37 as FormItem,
+  default11 as Grid,
+  default12 as GridItem,
+  default6 as Image,
+  default72 as ImagePreview,
+  default18 as Indicator,
+  default54 as Infiniteloading,
+  default38 as Input,
+  default39 as InputNumber,
+  default13 as Layout,
+  default19 as Menu,
+  default20 as MenuItem,
+  default21 as NavBar,
+  default73 as NoticeBar,
+  default55 as Notify,
+  default40 as NumberKeyboard,
+  default7 as Overlay,
+  default22 as Pagination,
+  default41 as Picker,
+  default74 as Popover,
+  default8 as Popup,
+  default75 as Price,
+  default76 as Progress,
+  default56 as PullToRefresh,
+  default42 as Radio,
+  default43 as RadioGroup,
+  default44 as Range,
+  default45 as Rate,
+  default14 as Row,
+  default46 as SearchBar,
+  default47 as ShortPassword,
+  default23 as SideNavBar,
+  default24 as SideNavBarItem,
+  default91 as Signature,
+  default77 as Skeleton,
+  default78 as Step,
+  default79 as Steps,
+  default15 as Sticky,
+  default25 as SubSideNavBar,
+  default57 as Swipe,
+  default80 as Swiper,
+  default81 as SwiperItem,
+  default58 as Switch,
+  default28 as TabPane,
+  default26 as Tabbar,
+  default27 as TabbarItem,
+  default82 as Table,
+  default29 as Tabs,
+  default83 as Tag,
+  default48 as TextArea,
+  default92 as TimeDetail,
+  default93 as TimePannel,
+  default94 as TimeSelect,
+  default59 as Toast,
+  default84 as TrendArrow,
+  default49 as Uploader,
+  default85 as Video,
+  default86 as VirtualList,
+  default87 as WaterMark
+};

package/dist/esm/offsetContext.js

@@ -0,0 +1,19 @@
+import { createContext } from "react";
+var handleClick = function handleClick2(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes("arrow-icon");
+  var isTitle = e.target.className.includes("__title") || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes("nutShow");
+  var arrowIcon = e.currentTarget.querySelector(".arrow-icon");
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace("nutShow", "nutHide") : currentClass.replace("nutHide", "nutShow");
+    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
+  }
+};
+var OffsetContext = createContext(20);
+export {
+  OffsetContext as O,
+  handleClick as h
+};

package/dist/esm/overlay2.js

@@ -0,0 +1,98 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose"];
+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 ComponentDefaults } from "./typings.js";
+var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  zIndex: 1e3,
+  duration: 0.3,
+  closeOnOverlayClick: true,
+  visible: false,
+  lockScroll: true
+});
+var classPrefix = "nut-overlay";
+var Overlay = function Overlay2(props) {
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), show = _useState2[0], setShow = _useState2[1];
+  var renderRef = useRef(true);
+  var intervalCloseRef = useRef(0);
+  var intervalShowRef = useRef(0);
+  useEffect(function() {
+    if (visible) {
+      intervalShowRef.current = window.setTimeout(function() {
+        afterShow && afterShow();
+      }, duration * 1e3 * 0.8);
+      setShow(visible);
+    }
+    lock();
+  }, [visible]);
+  useEffect(function() {
+    return function() {
+      clearTimeout(intervalCloseRef.current);
+      clearTimeout(intervalShowRef.current);
+      document.body.classList.remove("nut-overflow-hidden");
+    };
+  }, []);
+  var classes = classNames({
+    "overlay-fade-leave-active": !renderRef.current && !visible,
+    "overlay-fade-enter-active": visible,
+    "first-render": renderRef.current && !visible,
+    "hidden-render": !visible
+  }, className, classPrefix);
+  var styles = _objectSpread({
+    zIndex,
+    animationDuration: "".concat(props.duration, "s")
+  }, style);
+  var lock = function lock2() {
+    if (lockScroll && visible) {
+      document.body.classList.add("nut-overflow-hidden");
+    } else {
+      document.body.classList.remove("nut-overflow-hidden");
+    }
+  };
+  var handleClick = function handleClick2(e) {
+    if (closeOnOverlayClick) {
+      props.onClick && props.onClick(e);
+      renderRef.current = false;
+      intervalCloseRef.current = window.setTimeout(function() {
+        afterClose && afterClose();
+        setShow(!visible);
+      }, duration * 1e3 * 0.8);
+    }
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
+    className: classes,
+    style: styles
+  }, rest), {}, {
+    onClick: handleClick
+  }), children));
+};
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = "NutOverlay";
+export {
+  Overlay as O,
+  defaultOverlayProps as d
+};

package/dist/esm/px-check.js

@@ -0,0 +1,6 @@
+var pxCheck = function pxCheck2(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+};
+export {
+  pxCheck as p
+};