first
This commit is contained in:
1
node_modules/vant/lib/sidebar-item/index.css
generated
vendored
Normal file
1
node_modules/vant/lib/sidebar-item/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:20px 12px;overflow:hidden;color:#323233;font-size:14px;line-height:20px;background-color:#f7f8fa;cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:#f2f3f5}.van-sidebar-item__text{position:relative;display:inline-block;word-break:break-all}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item--select{color:#323233;font-weight:500}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:#fff}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:4px;height:16px;background-color:#ee0a24;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:#f7f8fa}
|
78
node_modules/vant/lib/sidebar-item/index.js
generated
vendored
Normal file
78
node_modules/vant/lib/sidebar-item/index.js
generated
vendored
Normal file
@ -0,0 +1,78 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = void 0;
|
||||
|
||||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||||
|
||||
var _utils = require("../utils");
|
||||
|
||||
var _relation = require("../mixins/relation");
|
||||
|
||||
var _router = require("../utils/router");
|
||||
|
||||
var _info = _interopRequireDefault(require("../info"));
|
||||
|
||||
var _createNamespace = (0, _utils.createNamespace)('sidebar-item'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
var _default = createComponent({
|
||||
mixins: [(0, _relation.ChildrenMixin)('vanSidebar')],
|
||||
props: (0, _extends2.default)({}, _router.routeProps, {
|
||||
dot: Boolean,
|
||||
// @deprecated
|
||||
info: [Number, String],
|
||||
badge: [Number, String],
|
||||
title: String,
|
||||
disabled: Boolean
|
||||
}),
|
||||
computed: {
|
||||
select: function select() {
|
||||
return this.index === +this.parent.activeKey;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onClick: function onClick() {
|
||||
if (this.disabled) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.$emit('click', this.index);
|
||||
this.parent.$emit('input', this.index);
|
||||
this.parent.setIndex(this.index);
|
||||
(0, _router.route)(this.$router, this);
|
||||
}
|
||||
},
|
||||
render: function render() {
|
||||
var _this$slots, _this$badge;
|
||||
|
||||
var h = arguments[0];
|
||||
|
||||
if (process.env.NODE_ENV === 'development' && this.info) {
|
||||
console.warn('[Vant] SidebarItem: "info" prop is deprecated, use "badge" prop instead.');
|
||||
}
|
||||
|
||||
return h("a", {
|
||||
"class": bem({
|
||||
select: this.select,
|
||||
disabled: this.disabled
|
||||
}),
|
||||
"on": {
|
||||
"click": this.onClick
|
||||
}
|
||||
}, [h("div", {
|
||||
"class": bem('text')
|
||||
}, [(_this$slots = this.slots('title')) != null ? _this$slots : this.title, h(_info.default, {
|
||||
"attrs": {
|
||||
"dot": this.dot,
|
||||
"info": (_this$badge = this.badge) != null ? _this$badge : this.info
|
||||
},
|
||||
"class": bem('info')
|
||||
})])]);
|
||||
}
|
||||
});
|
||||
|
||||
exports.default = _default;
|
60
node_modules/vant/lib/sidebar-item/index.less
generated
vendored
Normal file
60
node_modules/vant/lib/sidebar-item/index.less
generated
vendored
Normal file
@ -0,0 +1,60 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-sidebar-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
padding: @sidebar-padding;
|
||||
overflow: hidden;
|
||||
color: @sidebar-text-color;
|
||||
font-size: @sidebar-font-size;
|
||||
line-height: @sidebar-line-height;
|
||||
background-color: @sidebar-background-color;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
||||
&:active {
|
||||
background-color: @sidebar-active-color;
|
||||
}
|
||||
|
||||
&__text {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
// https://github.com/vant-ui/vant/issues/7455
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
&:not(:last-child)::after {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
&--select {
|
||||
color: @sidebar-selected-text-color;
|
||||
font-weight: @sidebar-selected-font-weight;
|
||||
|
||||
&,
|
||||
&:active {
|
||||
background-color: @sidebar-selected-background-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: @sidebar-selected-border-width;
|
||||
height: @sidebar-selected-border-height;
|
||||
background-color: @sidebar-selected-border-color;
|
||||
transform: translateY(-50%);
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
color: @sidebar-disabled-text-color;
|
||||
cursor: not-allowed;
|
||||
|
||||
&:active {
|
||||
background-color: @sidebar-background-color;
|
||||
}
|
||||
}
|
||||
}
|
3
node_modules/vant/lib/sidebar-item/style/index.js
generated
vendored
Normal file
3
node_modules/vant/lib/sidebar-item/style/index.js
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
require('../../style/base.css');
|
||||
require('../../info/index.css');
|
||||
require('../index.css');
|
3
node_modules/vant/lib/sidebar-item/style/less.js
generated
vendored
Normal file
3
node_modules/vant/lib/sidebar-item/style/less.js
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
require('../../style/base.less');
|
||||
require('../../info/index.less');
|
||||
require('../index.less');
|
Reference in New Issue
Block a user