first
This commit is contained in:
1
node_modules/vant/es/grid-item/index.css
generated
vendored
Normal file
1
node_modules/vant/es/grid-item/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}
|
163
node_modules/vant/es/grid-item/index.js
generated
vendored
Normal file
163
node_modules/vant/es/grid-item/index.js
generated
vendored
Normal file
@ -0,0 +1,163 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
// Utils
|
||||
import { createNamespace, addUnit } from '../utils';
|
||||
import { BORDER } from '../utils/constant';
|
||||
import { route, routeProps } from '../utils/router'; // Mixins
|
||||
|
||||
import { ChildrenMixin } from '../mixins/relation'; // Components
|
||||
|
||||
import Info from '../info';
|
||||
import Icon from '../icon';
|
||||
|
||||
var _createNamespace = createNamespace('grid-item'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
export default createComponent({
|
||||
mixins: [ChildrenMixin('vanGrid')],
|
||||
props: _extends({}, routeProps, {
|
||||
dot: Boolean,
|
||||
text: String,
|
||||
icon: String,
|
||||
iconPrefix: String,
|
||||
// @deprecated
|
||||
info: [Number, String],
|
||||
badge: [Number, String]
|
||||
}),
|
||||
computed: {
|
||||
style: function style() {
|
||||
var _this$parent = this.parent,
|
||||
square = _this$parent.square,
|
||||
gutter = _this$parent.gutter,
|
||||
columnNum = _this$parent.columnNum;
|
||||
var percent = 100 / columnNum + "%";
|
||||
var style = {
|
||||
flexBasis: percent
|
||||
};
|
||||
|
||||
if (square) {
|
||||
style.paddingTop = percent;
|
||||
} else if (gutter) {
|
||||
var gutterValue = addUnit(gutter);
|
||||
style.paddingRight = gutterValue;
|
||||
|
||||
if (this.index >= columnNum) {
|
||||
style.marginTop = gutterValue;
|
||||
}
|
||||
}
|
||||
|
||||
return style;
|
||||
},
|
||||
contentStyle: function contentStyle() {
|
||||
var _this$parent2 = this.parent,
|
||||
square = _this$parent2.square,
|
||||
gutter = _this$parent2.gutter;
|
||||
|
||||
if (square && gutter) {
|
||||
var gutterValue = addUnit(gutter);
|
||||
return {
|
||||
right: gutterValue,
|
||||
bottom: gutterValue,
|
||||
height: 'auto'
|
||||
};
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onClick: function onClick(event) {
|
||||
this.$emit('click', event);
|
||||
route(this.$router, this);
|
||||
},
|
||||
genIcon: function genIcon() {
|
||||
var _this$badge;
|
||||
|
||||
var h = this.$createElement;
|
||||
var iconSlot = this.slots('icon');
|
||||
var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
|
||||
|
||||
if (process.env.NODE_ENV === 'development' && this.info) {
|
||||
console.warn('[Vant] GridItem: "info" prop is deprecated, use "badge" prop instead.');
|
||||
}
|
||||
|
||||
if (iconSlot) {
|
||||
return h("div", {
|
||||
"class": bem('icon-wrapper')
|
||||
}, [iconSlot, h(Info, {
|
||||
"attrs": {
|
||||
"dot": this.dot,
|
||||
"info": info
|
||||
}
|
||||
})]);
|
||||
}
|
||||
|
||||
if (this.icon) {
|
||||
return h(Icon, {
|
||||
"attrs": {
|
||||
"name": this.icon,
|
||||
"dot": this.dot,
|
||||
"badge": info,
|
||||
"size": this.parent.iconSize,
|
||||
"classPrefix": this.iconPrefix
|
||||
},
|
||||
"class": bem('icon')
|
||||
});
|
||||
}
|
||||
},
|
||||
getText: function getText() {
|
||||
var h = this.$createElement;
|
||||
var textSlot = this.slots('text');
|
||||
|
||||
if (textSlot) {
|
||||
return textSlot;
|
||||
}
|
||||
|
||||
if (this.text) {
|
||||
return h("span", {
|
||||
"class": bem('text')
|
||||
}, [this.text]);
|
||||
}
|
||||
},
|
||||
genContent: function genContent() {
|
||||
var slot = this.slots();
|
||||
|
||||
if (slot) {
|
||||
return slot;
|
||||
}
|
||||
|
||||
return [this.genIcon(), this.getText()];
|
||||
}
|
||||
},
|
||||
render: function render() {
|
||||
var _ref;
|
||||
|
||||
var h = arguments[0];
|
||||
var _this$parent3 = this.parent,
|
||||
center = _this$parent3.center,
|
||||
border = _this$parent3.border,
|
||||
square = _this$parent3.square,
|
||||
gutter = _this$parent3.gutter,
|
||||
direction = _this$parent3.direction,
|
||||
clickable = _this$parent3.clickable;
|
||||
return h("div", {
|
||||
"class": [bem({
|
||||
square: square
|
||||
})],
|
||||
"style": this.style
|
||||
}, [h("div", {
|
||||
"style": this.contentStyle,
|
||||
"attrs": {
|
||||
"role": clickable ? 'button' : null,
|
||||
"tabindex": clickable ? 0 : null
|
||||
},
|
||||
"class": [bem('content', [direction, {
|
||||
center: center,
|
||||
square: square,
|
||||
clickable: clickable,
|
||||
surround: border && gutter
|
||||
}]), (_ref = {}, _ref[BORDER] = border, _ref)],
|
||||
"on": {
|
||||
"click": this.onClick
|
||||
}
|
||||
}, [this.genContent()])]);
|
||||
}
|
||||
});
|
79
node_modules/vant/es/grid-item/index.less
generated
vendored
Normal file
79
node_modules/vant/es/grid-item/index.less
generated
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-grid-item {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
|
||||
&--square {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
&__icon {
|
||||
font-size: @grid-item-icon-size;
|
||||
}
|
||||
|
||||
&__icon-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__text {
|
||||
color: @grid-item-text-color;
|
||||
font-size: @grid-item-text-font-size;
|
||||
line-height: 1.5;
|
||||
// https://github.com/vant-ui/vant/issues/3894
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
&__icon + &__text {
|
||||
margin-top: @padding-xs;
|
||||
}
|
||||
|
||||
&__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
padding: @grid-item-content-padding;
|
||||
background-color: @grid-item-content-background-color;
|
||||
|
||||
&::after {
|
||||
z-index: 1;
|
||||
border-width: 0 @border-width-base @border-width-base 0;
|
||||
}
|
||||
|
||||
&--square {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&--center {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&--horizontal {
|
||||
flex-direction: row;
|
||||
|
||||
.van-grid-item__icon + .van-grid-item__text {
|
||||
margin-top: 0;
|
||||
margin-left: @padding-xs;
|
||||
}
|
||||
}
|
||||
|
||||
&--surround {
|
||||
&::after {
|
||||
border-width: @border-width-base;
|
||||
}
|
||||
}
|
||||
|
||||
&--clickable {
|
||||
cursor: pointer;
|
||||
|
||||
&:active {
|
||||
background-color: @grid-item-content-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
4
node_modules/vant/es/grid-item/style/index.js
generated
vendored
Normal file
4
node_modules/vant/es/grid-item/style/index.js
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
import '../../style/base.css';
|
||||
import '../../info/index.css';
|
||||
import '../../icon/index.css';
|
||||
import '../index.css';
|
4
node_modules/vant/es/grid-item/style/less.js
generated
vendored
Normal file
4
node_modules/vant/es/grid-item/style/less.js
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
import '../../style/base.less';
|
||||
import '../../info/index.less';
|
||||
import '../../icon/index.less';
|
||||
import '../index.less';
|
Reference in New Issue
Block a user