| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- exports.__esModule = true;
- exports["default"] = void 0;
- var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
- var _utils = require("../utils");
- var _functional = require("../utils/functional");
- var _icon = _interopRequireDefault(require("../icon"));
- var _use = (0, _utils.use)('nav-bar'),
- sfc = _use[0],
- bem = _use[1];
- function NavBar(h, props, slots, ctx) {
- return h("div", (0, _babelHelperVueJsxMergeProps["default"])([{
- "class": [bem({
- fixed: props.fixed
- }), {
- 'van-hairline--bottom': props.border
- }],
- "style": {
- zIndex: props.zIndex
- }
- }, (0, _functional.inherit)(ctx)]), [h("div", {
- "class": bem('left'),
- "on": {
- "click": ctx.listeners['click-left'] || _utils.noop
- }
- }, [slots.left ? slots.left() : [props.leftArrow && h(_icon["default"], {
- "class": bem('arrow'),
- "attrs": {
- "name": "arrow-left"
- }
- }), props.leftText && h("span", {
- "class": bem('text')
- }, [props.leftText])]]), h("div", {
- "class": [bem('title'), 'van-ellipsis']
- }, [slots.title ? slots.title() : props.title]), h("div", {
- "class": bem('right'),
- "on": {
- "click": ctx.listeners['click-right'] || _utils.noop
- }
- }, [slots.right ? slots.right() : props.rightText && h("span", {
- "class": bem('text')
- }, [props.rightText])])]);
- }
- NavBar.props = {
- title: String,
- fixed: Boolean,
- leftText: String,
- rightText: String,
- leftArrow: Boolean,
- border: {
- type: Boolean,
- "default": true
- },
- zIndex: {
- type: Number,
- "default": 1
- }
- };
- var _default = sfc(NavBar);
- exports["default"] = _default;
|