gui-one-nutui-react-taro/dist/esm/sidenavbar.taro-4297f552.js

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "onClose"];
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 { u as useConfig } from './configprovider.taro-6c7b3056.js';
import { P as Popup } from './popup.taro-33d0bbc8.js';
import { h as handleClick, O as OffsetContext } from './offsetContext-0e3d04b3.js';
var defaultProps = {
  showhead: false,
  position: 'left',
  width: '80%'
};
var SideNavBar = function SideNavBar(props) {
  useConfig();
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
    title = _defaultProps$props.title,
    visible = _defaultProps$props.visible,
    width = _defaultProps$props.width,
    position = _defaultProps$props.position,
    children = _defaultProps$props.children,
    className = _defaultProps$props.className,
    showhead = _defaultProps$props.showhead,
    onClose = _defaultProps$props.onClose,
    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
  var offset = props.offset ? Number(props.offset) : 20;
  return React__default.createElement(Popup, {
    visible: visible,
    style: {
      width: width,
      height: '100%'
    },
    position: position,
    onClose: onClose
  }, React__default.createElement("div", _objectSpread({
    className: className ? "".concat(className, " nut-sidenavbar") : 'nut-sidenavbar'
  }, rest), React__default.createElement("div", {
    className: "nut-sidenavbar__content"
  }, React__default.createElement("div", {
    className: "nut-sidenavbar__list nutShow",
    onClick: handleClick
  }, React__default.createElement("div", {
    className: "nut-sidenavbar__title border-bt ",
    style: {
      paddingLeft: "".concat(offset, "px")
    }
  }, title, " ", React__default.createElement("i", {
    className: "arrow-icon arrow-down"
  })), React__default.createElement(OffsetContext.Provider, {
    value: offset
  }, React__default.createElement("div", {
    className: "nut-sidenavbar__content"
  }, children))))));
};
SideNavBar.defaultProps = defaultProps;
SideNavBar.displayName = 'NutSideNavBar';
export { SideNavBar as S };