@nutui/nutui-react 1.5.1 → 1.5.2-beta.0

package/dist/esm/Menu.js

@@ -1,154 +0,0 @@
-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 = ["className", "titleIcon", "scrollFixed", "lockScroll", "closeOnClickOverlay", "children", "activeColor", "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, { useRef, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  style: {},
-  activeColor: '#F2270C',
-  closeOnClickOverlay: true,
-  scrollFixed: false,
-  lockScroll: true,
-  titleIcon: ''
-});
-var Menu = function Menu(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    titleIcon = _defaultProps$props.titleIcon,
-    scrollFixed = _defaultProps$props.scrollFixed,
-    lockScroll = _defaultProps$props.lockScroll,
-    closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
-    children = _defaultProps$props.children,
-    activeColor = _defaultProps$props.activeColor,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var parentRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isScrollFixed = _useState2[0],
-    setIsScrollFixed = _useState2[1];
-  var getScrollTop = function getScrollTop(el) {
-    return Math.max(0, 'scrollTop' in el ? el.scrollTop : el.pageYOffset);
-  };
-  var onScroll = function onScroll() {
-    var scrollFixed = props.scrollFixed;
-    var scrollTop = getScrollTop(window);
-    var isFixed = scrollTop > (typeof scrollFixed === 'boolean' ? 30 : Number(scrollFixed));
-    setIsScrollFixed(isFixed);
-  };
-  useEffect(function () {
-    if (scrollFixed) {
-      window.addEventListener('scroll', onScroll);
-    }
-    return function () {
-      return window.removeEventListener('scroll', onScroll);
-    };
-  }, []);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    itemShow = _useState4[0],
-    setItemShow = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    itemTitle = _useState6[0],
-    setItemTitle = _useState6[1];
-  var toggleItemShow = function toggleItemShow(index) {
-    itemShow[index] = !itemShow[index];
-    var temp = itemShow.map(function (i, idx) {
-      return idx === index ? i : false;
-    });
-    setItemShow(_toConsumableArray(temp));
-  };
-  var hideItemShow = function hideItemShow(index) {
-    itemShow[index] = false;
-    setItemShow(_toConsumableArray(itemShow));
-  };
-  var updateTitle = function updateTitle(text, index) {
-    itemTitle[index] = text;
-    setItemTitle(_toConsumableArray(itemTitle));
-  };
-  var parent = function parent() {
-    return parentRef;
-  };
-  var cloneChildren = function cloneChildren() {
-    return React__default.Children.map(children, function (child, index) {
-      return React__default.cloneElement(child, {
-        showPopup: itemShow[index],
-        orderKey: index,
-        activeColor: activeColor,
-        parent: {
-          closeOnClickOverlay: closeOnClickOverlay,
-          lockScroll: lockScroll,
-          toggleItemShow: toggleItemShow,
-          updateTitle: updateTitle,
-          hideItemShow: hideItemShow,
-          parent: parent
-        }
-      });
-    });
-  };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "nut-menu ".concat(className, " ").concat(isScrollFixed ? 'scroll-fixed' : '')
-  }, rest), {}, {
-    ref: parentRef
-  }), React__default.createElement("div", {
-    className: "nut-menu-relative"
-  }, React__default.createElement("div", {
-    className: "nut-menu__bar ".concat(itemShow.includes(true) ? 'opened' : '', " ").concat(className)
-  }, React__default.Children.toArray(children).map(function (child, index) {
-    if (!child) return null;
-    var _child$props = child.props,
-      disabled = _child$props.disabled,
-      title = _child$props.title,
-      value = _child$props.value,
-      direction = _child$props.direction,
-      options = _child$props.options,
-      className = _child$props.className;
-    var currentTitle = options === null || options === void 0 ? void 0 : options.filter(function (option) {
-      return option.value === value;
-    });
-    function finallyTitle() {
-      if (title) return title;
-      if (itemTitle && itemTitle[index]) return itemTitle[index];
-      if (currentTitle && currentTitle[0] && currentTitle[0].text) return currentTitle[0].text;
-      return '';
-    }
-    return React__default.createElement("div", {
-      className: "nut-menu__item ".concat(classNames({
-        active: itemShow[index],
-        disabled: disabled
-      }), " ").concat(className),
-      style: {
-        color: itemShow[index] ? activeColor : ''
-      },
-      key: index,
-      onClick: function onClick() {
-        !disabled && toggleItemShow(index);
-      }
-    }, React__default.createElement("div", {
-      className: "nut-menu__title ".concat(classNames({
-        active: itemShow[index],
-        disabled: disabled
-      }))
-    }, React__default.createElement("div", {
-      className: "nut-menu__title-text"
-    }, finallyTitle()), React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      className: "nut-menu__title-icon",
-      size: "10",
-      name: titleIcon || (direction === 'up' ? 'arrow-up' : 'down-arrow')
-    })));
-  })), cloneChildren()));
-};
-Menu.defaultProps = defaultProps;
-Menu.displayName = 'NutMenu';
-export { Menu as default };

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

@@ -1,3 +0,0 @@
-import '../../Icon/style'
-import '../../Overlay/style'
-import '../../../packages/menuitem/menuitem.scss'

package/dist/esm/MenuItem.js

@@ -1,177 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import { CSSTransition } from 'react-transition-group';
-import Icon from './Icon.js';
-import { O as Overlay } from './overlay-de6c79d5.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import './bem-3b438e61.js';
-import '@bem-react/classname';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  style: {},
-  columns: 1,
-  direction: 'down',
-  optionsIcon: 'Check',
-  activeTitleClass: '',
-  inactiveTitleClass: '',
-  iconClassPrefix: 'nut-icon',
-  fontClassName: 'nutui-iconfont',
-  onChange: function onChange(value) {
-    return undefined;
-  }
-});
-var MenuItem = forwardRef(function (props, ref) {
-  var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    style = _defaultProps$props.style,
-    options = _defaultProps$props.options,
-    value = _defaultProps$props.value,
-    columns = _defaultProps$props.columns,
-    title = _defaultProps$props.title,
-    optionsIcon = _defaultProps$props.optionsIcon,
-    direction = _defaultProps$props.direction,
-    onChange = _defaultProps$props.onChange,
-    activeTitleClass = _defaultProps$props.activeTitleClass,
-    inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
-    children = _defaultProps$props.children,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var activeColor = mergedProps.activeColor,
-    showPopup = mergedProps.showPopup,
-    parent = mergedProps.parent,
-    orderKey = mergedProps.orderKey;
-  var _useState = useState(showPopup),
-    _useState2 = _slicedToArray(_useState, 2),
-    _showPopup = _useState2[0],
-    setShowPopup = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    _value = _useState4[0],
-    setValue = _useState4[1];
-  useEffect(function () {
-    setShowPopup(showPopup);
-  }, [showPopup]);
-  useEffect(function () {
-    getParentOffset();
-  }, [_showPopup]);
-  useImperativeHandle(ref, function () {
-    return {
-      toggle: parent.toggleItemShow
-    };
-  });
-  var getIconCName = function getIconCName(optionVal, value) {
-    var _classNames;
-    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value), _classNames));
-  };
-  var setTitle = function setTitle(text) {
-    if (!title) {
-      parent.updateTitle(text, orderKey);
-    }
-  };
-  var handleClick = function handleClick(item) {
-    parent.toggleItemShow(orderKey);
-    setTitle(item.text);
-    setValue(item.value);
-    onChange && onChange(item);
-  };
-  var _useState5 = useState({
-      top: 0,
-      height: 0
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    position = _useState6[0],
-    setPosition = _useState6[1];
-  var getParentOffset = function getParentOffset() {
-    setTimeout(function () {
-      var p = parent.parent().current;
-      var rect = p.getBoundingClientRect();
-      setPosition({
-        height: rect.height,
-        top: rect.top
-      });
-    });
-  };
-  var isShow = function isShow() {
-    if (_showPopup) return {};
-    return {
-      display: 'none'
-    };
-  };
-  var getPosition = function getPosition() {
-    return direction === 'down' ? {
-      top: "".concat(position.top + position.height, "px")
-    } : {
-      bottom: "".concat(window.innerHeight - position.top, "px"),
-      top: 'auto'
-    };
-  };
-  var placeholderStyle = function placeholderStyle() {
-    if (direction === 'down') {
-      return _objectSpread(_objectSpread({
-        height: "".concat(position.top + position.height, "px")
-      }, isShow()), style);
-    }
-    return _objectSpread(_objectSpread({
-      height: "".concat(window.innerHeight - position.top, "px"),
-      top: 'auto'
-    }, isShow()), style);
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "placeholder-element ".concat(classNames({
-      up: direction === 'up'
-    })),
-    style: placeholderStyle(),
-    onClick: function onClick() {
-      return parent.toggleItemShow(orderKey);
-    }
-  }), React__default.createElement(Overlay, {
-    overlayClass: "nut-menu__overlay",
-    style: getPosition(),
-    lockScroll: parent.lockScroll,
-    visible: _showPopup,
-    closeOnClickOverlay: parent.closeOnClickOverlay,
-    onClick: function onClick() {
-      parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
-    }
-  }), React__default.createElement("div", {
-    className: direction === 'down' ? 'nut-menu-item__wrap' : 'nut-menu-item__wrap-up',
-    style: _objectSpread({}, isShow())
-  }, React__default.createElement(CSSTransition, {
-    "in": _showPopup,
-    timeout: 100,
-    classNames: direction === 'down' ? 'menu-item' : 'menu-item-up'
-  }, React__default.createElement("div", {
-    className: "nut-menu-item__content"
-  }, options === null || options === void 0 ? void 0 : options.map(function (item, index) {
-    return React__default.createElement("div", {
-      className: "nut-menu-item__option ".concat(classNames({
-        active: item.value === _value
-      })),
-      key: item.text,
-      style: {
-        flexBasis: "".concat(100 / columns, "%")
-      },
-      onClick: function onClick() {
-        handleClick(item);
-      }
-    }, item.value === _value ? React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      className: getIconCName(item.value, value),
-      name: optionsIcon,
-      color: activeColor
-    }) : null, React__default.createElement("div", {
-      className: getIconCName(item.value, value),
-      style: {
-        color: "".concat(item.value === _value ? activeColor : '')
-      }
-    }, item.text));
-  }), children))));
-});
-MenuItem.defaultProps = defaultProps;
-MenuItem.displayName = 'NutMenuItem';
-export { MenuItem as default };

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

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

package/dist/esm/NavBar.js

@@ -1,116 +0,0 @@
-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 classNames from 'classnames';
-import Icon from './Icon.js';
-import { c as cn } from './bem-3b438e61.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: '',
-  desc: '',
-  leftShow: true,
-  titIcon: '',
-  className: '',
-  leftText: '',
-  fixed: false,
-  safeAreaInsetTop: false,
-  border: false,
-  placeholder: false,
-  zIndex: 10,
-  style: {}
-});
-var NavBar = function NavBar(props) {
-  var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    desc = _defaultProps$props.desc,
-    title = _defaultProps$props.title,
-    titIcon = _defaultProps$props.titIcon,
-    leftShow = _defaultProps$props.leftShow,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    leftText = _defaultProps$props.leftText,
-    fixed = _defaultProps$props.fixed,
-    safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop,
-    border = _defaultProps$props.border,
-    placeholder = _defaultProps$props.placeholder,
-    zIndex = _defaultProps$props.zIndex,
-    onClickTitle = _defaultProps$props.onClickTitle,
-    onClickIcon = _defaultProps$props.onClickIcon,
-    onClickBack = _defaultProps$props.onClickBack,
-    onClickRight = _defaultProps$props.onClickRight,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var b = cn('navbar');
-  var children = Array.isArray(props.children) ? props.children : [props.children];
-  var slot = children.reduce(function (slot, item) {
-    var data = slot;
-    if (item && item.props) {
-      data[item.props.slot] = item;
-    }
-    return data;
-  }, {});
-  var styles = function styles() {
-    return _objectSpread(_objectSpread({}, style), {}, {
-      zIndex: zIndex
-    });
-  };
-  var renderLeft = function renderLeft() {
-    return React__default.createElement("div", {
-      className: "".concat(b('left')),
-      onClick: function onClick(e) {
-        return onClickBack(e);
-      }
-    }, leftShow && React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: "left",
-      color: "#979797"
-    }), leftText && React__default.createElement("div", {
-      className: "".concat(b('text'))
-    }, leftText), slot.left);
-  };
-  var renderContent = function renderContent() {
-    return React__default.createElement("div", {
-      className: "".concat(b('title'))
-    }, title && React__default.createElement("div", {
-      className: "title",
-      onClick: function onClick(e) {
-        return onClickTitle(e);
-      }
-    }, title), titIcon && React__default.createElement("div", {
-      onClick: function onClick(e) {
-        return onClickIcon(e);
-      }
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: titIcon
-    })), slot.content);
-  };
-  var renderRight = function renderRight() {
-    return React__default.createElement("div", {
-      className: "".concat(b('right')),
-      onClick: function onClick(e) {
-        return onClickRight(e);
-      }
-    }, desc && React__default.createElement("div", {
-      className: "".concat(b('text'))
-    }, desc), slot.right);
-  };
-  var renderWrapper = function renderWrapper() {
-    return React__default.createElement("div", {
-      className: cls,
-      style: styles()
-    }, renderLeft(), renderContent(), renderRight());
-  };
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-navbar--border", border), _defineProperty(_classNames, "nut-navbar--fixed", fixed), _defineProperty(_classNames, "nut-navbar--safe-area-inset-top", safeAreaInsetTop), _classNames));
-  var cls = classNames(b(''), classes, className);
-  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", {
-    className: "".concat(b(''), "--placeholder")
-  }, renderWrapper()) : renderWrapper());
-};
-NavBar.defaultProps = defaultProps;
-NavBar.displayName = 'NutNavBar';
-export { NavBar as default };

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

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