@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
112 lines (111 loc) • 6.94 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.NavBar = NavBar;
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _components = require("@tarojs/components");
var utils = _interopRequireWildcard(require("../wxs/utils"));
var _utils2 = require("../common/utils");
var _icon = require("../icon");
var _defaultProps = require("../default-props");
var computed = _interopRequireWildcard(require("./wxs"));
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["fixed", "placeholder", "border", "zIndex", "safeAreaInsetTop", "leftArrow", "leftText", "title", "rightText", "renderTitle", "renderLeft", "renderRight", "onClickLeft", "onClickRight", "style", "className"];
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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; }
function NavBar(props) {
var _useState = (0, _react.useState)((0, _defaultProps.get)().NavBar),
_useState2 = (0, _slicedToArray2.default)(_useState, 1),
d = _useState2[0];
var _d$props = _objectSpread(_objectSpread({}, d), props),
fixed = _d$props.fixed,
placeholder = _d$props.placeholder,
_d$props$border = _d$props.border,
border = _d$props$border === void 0 ? true : _d$props$border,
zIndex = _d$props.zIndex,
_d$props$safeAreaInse = _d$props.safeAreaInsetTop,
safeAreaInsetTop = _d$props$safeAreaInse === void 0 ? true : _d$props$safeAreaInse,
leftArrow = _d$props.leftArrow,
leftText = _d$props.leftText,
title = _d$props.title,
rightText = _d$props.rightText,
renderTitle = _d$props.renderTitle,
renderLeft = _d$props.renderLeft,
renderRight = _d$props.renderRight,
onClickLeft = _d$props.onClickLeft,
onClickRight = _d$props.onClickRight,
style = _d$props.style,
className = _d$props.className,
others = (0, _objectWithoutProperties2.default)(_d$props, _excluded);
var statusBarHeight = (0, _react.useMemo)(function () {
var _getWindowInfo = (0, _utils2.getWindowInfo)(),
_statusBarHeight = _getWindowInfo.statusBarHeight;
if (isNaN(_statusBarHeight)) {
return 22;
}
return _statusBarHeight;
}, []);
var getNavBarStyle = (0, _react.useMemo)(function () {
return utils.style([computed.barStyle({
zIndex: zIndex,
statusBarHeight: statusBarHeight,
safeAreaInsetTop: safeAreaInsetTop,
height: 50
}) + '; ' + style]);
}, [zIndex, statusBarHeight, safeAreaInsetTop, style]);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
children: [fixed && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
style: getNavBarStyle
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, _objectSpread(_objectSpread({
className: utils.bem('nav-bar', {
fixed: fixed
}) + ' ' + (border ? 'van-hairline--bottom' : '') + " ".concat(className || ''),
style: getNavBarStyle
}, others), {}, {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
className: "van-nav-bar__content",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
className: "van-nav-bar__left",
onClick: onClickLeft,
children: leftArrow || leftText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
children: [leftArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon, {
size: 64,
name: "arrow-left",
className: "van-nav-bar__arrow"
}), leftText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
className: "van-nav-bar__text",
hoverClass: "van-nav-bar__text--hover",
hoverStayTime: 70,
children: leftText
})]
}) : renderLeft
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
className: "van-nav-bar__title van-nav-bar__title-h5 title-class van-ellipsis",
children: title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
children: title
}) : renderTitle
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
className: "van-nav-bar__right",
onClick: onClickRight,
children: rightText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
className: "van-nav-bar__text",
hoverClass: "van-nav-bar__text--hover",
hoverStayTime: 70,
children: rightText
}) : renderRight
})]
})
}))]
});
}
var _default = NavBar;
exports.default = _default;