adui/es/nav/Item.js

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

var _excluded = ["children", "className", "disabled", "icon", "index"];

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React, { useContext } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import Icon from "../icon";
import { NavContext } from "./Context";
import "./style";
var prefix = "adui-nav";

var Item = function Item(_ref) {
  var _classNames;

  var children = _ref.children,
      className = _ref.className,
      disabled = _ref.disabled,
      icon = _ref.icon,
      index = _ref.index,
      otherProps = _objectWithoutProperties(_ref, _excluded);

  var _useContext = useContext(NavContext),
      selectedIndex = _useContext.selectedIndex,
      onChange = _useContext.onChange;

  var classSet = classNames(className, "".concat(prefix, "-item"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-item_selected"), index === selectedIndex), _defineProperty(_classNames, "".concat(prefix, "-item_disabled"), disabled), _classNames));
  return React.createElement("div", _extends({
    className: classSet,
    onClick: function onClick() {
      if (!disabled && onChange) {
        onChange(index);
      }
    },
    role: "none"
  }, otherProps), icon && React.createElement(Icon, {
    icon: icon,
    className: "".concat(prefix, "-icon")
  }), children);
};

Item.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  disabled: PropTypes.bool,
  icon: PropTypes.any,
  index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
};
Item.defaultProps = {
  children: null,
  className: undefined,
  disabled: false,
  icon: undefined
};
export default Item;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJQcm9wVHlwZXMiLCJjbGFzc05hbWVzIiwiSWNvbiIsIk5hdkNvbnRleHQiLCJwcmVmaXgiLCJJdGVtIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsImljb24iLCJpbmRleCIsIm90aGVyUHJvcHMiLCJzZWxlY3RlZEluZGV4Iiwib25DaGFuZ2UiLCJjbGFzc1NldCIsInByb3BUeXBlcyIsIm5vZGUiLCJzdHJpbmciLCJib29sIiwiYW55Iiwib25lT2ZUeXBlIiwibnVtYmVyIiwiaXNSZXF1aXJlZCIsImRlZmF1bHRQcm9wcyIsInVuZGVmaW5lZCJdLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvbmF2L0l0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IEljb24sIHsgSWNvbk5hbWVzIH0gZnJvbSBcIi4uL2ljb25cIlxuaW1wb3J0IHsgTmF2Q29udGV4dCB9IGZyb20gXCIuL0NvbnRleHRcIlxuaW1wb3J0IFwiLi9zdHlsZVwiXG5cbmNvbnN0IHByZWZpeCA9IFwiYWR1aS1uYXZcIlxuXG5leHBvcnQgaW50ZXJmYWNlIElJdGVtUHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOWtkOiKgueCuVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiDmmK/lkKbnpoHnlKhcbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICog6K6+572u5Zu+5qCHXG4gICAqL1xuICBpY29uPzogSWNvbk5hbWVzXG4gIC8qKlxuICAgKiDni6znq4vnmoQgaW5kZXggcmVxdWlyZWRcbiAgICovXG4gIGluZGV4OiBSZWFjdC5SZWFjdFRleHRcbn1cblxuLyoqXG4gKiDlr7zoiKrmoI8gLSBpdGVtXG4gKi9cbmNvbnN0IEl0ZW06IFJlYWN0LkZDPElJdGVtUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG4gIGljb24sXG4gIGluZGV4LFxuICAuLi5vdGhlclByb3BzXG59OiBJSXRlbVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRJbmRleCwgb25DaGFuZ2UgfSA9IHVzZUNvbnRleHQoTmF2Q29udGV4dClcblxuICBjb25zdCBjbGFzc1NldCA9IGNsYXNzTmFtZXMoY2xhc3NOYW1lLCBgJHtwcmVmaXh9LWl0ZW1gLCB7XG4gICAgW2Ake3ByZWZpeH0taXRlbV9zZWxlY3RlZGBdOiBpbmRleCA9PT0gc2VsZWN0ZWRJbmRleCxcbiAgICBbYCR7cHJlZml4fS1pdGVtX2Rpc2FibGVkYF06IGRpc2FibGVkLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc1NldH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgaWYgKCFkaXNhYmxlZCAmJiBvbkNoYW5nZSkge1xuICAgICAgICAgIG9uQ2hhbmdlKGluZGV4KVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgcm9sZT1cIm5vbmVcIlxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPXtgJHtwcmVmaXh9LWljb25gfSAvPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5JdGVtLnByb3BUeXBlcyA9IHtcbiAgLyoqXG4gICAqIOWtkOiKgueCuVxuICAgKi9cbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICAvKipcbiAgICog6ZmE5Yqg57G75ZCNXG4gICAqL1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiDmmK/lkKbnpoHnlKhcbiAgICovXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIOiuvue9ruWbvuagh1xuICAgKi9cbiAgaWNvbjogUHJvcFR5cGVzLmFueSxcbiAgLyoqXG4gICAqIOeLrOeri+eahCBpbmRleCByZXF1aXJlZFxuICAgKi9cbiAgaW5kZXg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKS5pc1JlcXVpcmVkLFxufVxuXG5JdGVtLmRlZmF1bHRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IG51bGwsXG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIGljb246IHVuZGVmaW5lZCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgSXRlbVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsT0FBT0EsS0FBUCxJQUFnQkMsVUFBaEIsUUFBa0MsT0FBbEM7QUFDQSxPQUFPQyxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsT0FBT0MsVUFBUCxNQUF1QixZQUF2QjtBQUNBLE9BQU9DLElBQVAsTUFBZ0MsU0FBaEM7QUFDQSxTQUFTQyxVQUFULFFBQTJCLFdBQTNCO0FBQ0EsT0FBTyxTQUFQO0FBRUEsSUFBTUMsTUFBTSxHQUFHLFVBQWY7O0FBNkJBLElBQU1DLElBQTBCLEdBQUcsU0FBN0JBLElBQTZCLE9BT2pCO0VBQUE7O0VBQUEsSUFOaEJDLFFBTWdCLFFBTmhCQSxRQU1nQjtFQUFBLElBTGhCQyxTQUtnQixRQUxoQkEsU0FLZ0I7RUFBQSxJQUpoQkMsUUFJZ0IsUUFKaEJBLFFBSWdCO0VBQUEsSUFIaEJDLElBR2dCLFFBSGhCQSxJQUdnQjtFQUFBLElBRmhCQyxLQUVnQixRQUZoQkEsS0FFZ0I7RUFBQSxJQURiQyxVQUNhOztFQUNoQixrQkFBb0NaLFVBQVUsQ0FBQ0ksVUFBRCxDQUE5QztFQUFBLElBQVFTLGFBQVIsZUFBUUEsYUFBUjtFQUFBLElBQXVCQyxRQUF2QixlQUF1QkEsUUFBdkI7O0VBRUEsSUFBTUMsUUFBUSxHQUFHYixVQUFVLENBQUNNLFNBQUQsWUFBZUgsTUFBZixzRUFDckJBLE1BRHFCLHFCQUNJTSxLQUFLLEtBQUtFLGFBRGQsMENBRXJCUixNQUZxQixxQkFFSUksUUFGSixnQkFBM0I7RUFLQSxPQUNFO0lBQ0UsU0FBUyxFQUFFTSxRQURiO0lBRUUsT0FBTyxFQUFFLG1CQUFNO01BQ2IsSUFBSSxDQUFDTixRQUFELElBQWFLLFFBQWpCLEVBQTJCO1FBQ3pCQSxRQUFRLENBQUNILEtBQUQsQ0FBUjtNQUNEO0lBQ0YsQ0FOSDtJQU9FLElBQUksRUFBQztFQVBQLEdBUU1DLFVBUk4sR0FVR0YsSUFBSSxJQUFJLG9CQUFDLElBQUQ7SUFBTSxJQUFJLEVBQUVBLElBQVo7SUFBa0IsU0FBUyxZQUFLTCxNQUFMO0VBQTNCLEVBVlgsRUFXR0UsUUFYSCxDQURGO0FBZUQsQ0E5QkQ7O0FBZ0NBRCxJQUFJLENBQUNVLFNBQUwsR0FBaUI7RUFJZlQsUUFBUSxFQUFFTixTQUFTLENBQUNnQixJQUpMO0VBUWZULFNBQVMsRUFBRVAsU0FBUyxDQUFDaUIsTUFSTjtFQVlmVCxRQUFRLEVBQUVSLFNBQVMsQ0FBQ2tCLElBWkw7RUFnQmZULElBQUksRUFBRVQsU0FBUyxDQUFDbUIsR0FoQkQ7RUFvQmZULEtBQUssRUFBRVYsU0FBUyxDQUFDb0IsU0FBVixDQUFvQixDQUFDcEIsU0FBUyxDQUFDaUIsTUFBWCxFQUFtQmpCLFNBQVMsQ0FBQ3FCLE1BQTdCLENBQXBCLEVBQTBEQztBQXBCbEQsQ0FBakI7QUF1QkFqQixJQUFJLENBQUNrQixZQUFMLEdBQW9CO0VBQ2xCakIsUUFBUSxFQUFFLElBRFE7RUFFbEJDLFNBQVMsRUFBRWlCLFNBRk87RUFHbEJoQixRQUFRLEVBQUUsS0FIUTtFQUlsQkMsSUFBSSxFQUFFZTtBQUpZLENBQXBCO0FBT0EsZUFBZW5CLElBQWYifQ==