first
This commit is contained in:
1
node_modules/vant/lib/cell/index.css
generated
vendored
Normal file
1
node_modules/vant/lib/cell/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:4px;color:#969799;font-size:12px;line-height:18px}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{position:relative;overflow:hidden;color:#969799;text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:24px;font-size:16px;line-height:24px}.van-cell__left-icon{margin-right:4px}.van-cell__right-icon{margin-left:4px;color:#969799}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:8px;color:#ee0a24;font-size:14px;content:'*'}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}
|
137
node_modules/vant/lib/cell/index.js
generated
vendored
Normal file
137
node_modules/vant/lib/cell/index.js
generated
vendored
Normal file
@ -0,0 +1,137 @@
|
||||
"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 _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
|
||||
|
||||
var _utils = require("../utils");
|
||||
|
||||
var _functional = require("../utils/functional");
|
||||
|
||||
var _router = require("../utils/router");
|
||||
|
||||
var _shared = require("./shared");
|
||||
|
||||
var _icon = _interopRequireDefault(require("../icon"));
|
||||
|
||||
// Utils
|
||||
// Components
|
||||
var _createNamespace = (0, _utils.createNamespace)('cell'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
function Cell(h, props, slots, ctx) {
|
||||
var _props$clickable;
|
||||
|
||||
var icon = props.icon,
|
||||
size = props.size,
|
||||
title = props.title,
|
||||
label = props.label,
|
||||
value = props.value,
|
||||
isLink = props.isLink;
|
||||
var showTitle = slots.title || (0, _utils.isDef)(title);
|
||||
|
||||
function Label() {
|
||||
var showLabel = slots.label || (0, _utils.isDef)(label);
|
||||
|
||||
if (showLabel) {
|
||||
return h("div", {
|
||||
"class": [bem('label'), props.labelClass]
|
||||
}, [slots.label ? slots.label() : label]);
|
||||
}
|
||||
}
|
||||
|
||||
function Title() {
|
||||
if (showTitle) {
|
||||
return h("div", {
|
||||
"class": [bem('title'), props.titleClass],
|
||||
"style": props.titleStyle
|
||||
}, [slots.title ? slots.title() : h("span", [title]), Label()]);
|
||||
}
|
||||
}
|
||||
|
||||
function Value() {
|
||||
var showValue = slots.default || (0, _utils.isDef)(value);
|
||||
|
||||
if (showValue) {
|
||||
return h("div", {
|
||||
"class": [bem('value', {
|
||||
alone: !showTitle
|
||||
}), props.valueClass]
|
||||
}, [slots.default ? slots.default() : h("span", [value])]);
|
||||
}
|
||||
}
|
||||
|
||||
function LeftIcon() {
|
||||
if (slots.icon) {
|
||||
return slots.icon();
|
||||
}
|
||||
|
||||
if (icon) {
|
||||
return h(_icon.default, {
|
||||
"class": bem('left-icon'),
|
||||
"attrs": {
|
||||
"name": icon,
|
||||
"classPrefix": props.iconPrefix
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function RightIcon() {
|
||||
var rightIconSlot = slots['right-icon'];
|
||||
|
||||
if (rightIconSlot) {
|
||||
return rightIconSlot();
|
||||
}
|
||||
|
||||
if (isLink) {
|
||||
var arrowDirection = props.arrowDirection;
|
||||
return h(_icon.default, {
|
||||
"class": bem('right-icon'),
|
||||
"attrs": {
|
||||
"name": arrowDirection ? "arrow-" + arrowDirection : 'arrow'
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function onClick(event) {
|
||||
(0, _functional.emit)(ctx, 'click', event);
|
||||
(0, _router.functionalRoute)(ctx);
|
||||
}
|
||||
|
||||
var clickable = (_props$clickable = props.clickable) != null ? _props$clickable : isLink;
|
||||
var classes = {
|
||||
clickable: clickable,
|
||||
center: props.center,
|
||||
required: props.required,
|
||||
borderless: !props.border
|
||||
};
|
||||
|
||||
if (size) {
|
||||
classes[size] = size;
|
||||
}
|
||||
|
||||
return h("div", (0, _babelHelperVueJsxMergeProps.default)([{
|
||||
"class": bem(classes),
|
||||
"attrs": {
|
||||
"role": clickable ? 'button' : null,
|
||||
"tabindex": clickable ? 0 : null
|
||||
},
|
||||
"on": {
|
||||
"click": onClick
|
||||
}
|
||||
}, (0, _functional.inherit)(ctx)]), [LeftIcon(), Title(), Value(), RightIcon(), slots.extra == null ? void 0 : slots.extra()]);
|
||||
}
|
||||
|
||||
Cell.props = (0, _extends2.default)({}, _shared.cellProps, _router.routeProps);
|
||||
|
||||
var _default = createComponent(Cell);
|
||||
|
||||
exports.default = _default;
|
103
node_modules/vant/lib/cell/index.less
generated
vendored
Normal file
103
node_modules/vant/lib/cell/index.less
generated
vendored
Normal file
@ -0,0 +1,103 @@
|
||||
@import '../style/var';
|
||||
@import '../style/mixins/hairline';
|
||||
|
||||
.van-cell {
|
||||
position: relative;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: @cell-vertical-padding @cell-horizontal-padding;
|
||||
overflow: hidden;
|
||||
color: @cell-text-color;
|
||||
font-size: @cell-font-size;
|
||||
line-height: @cell-line-height;
|
||||
background-color: @cell-background-color;
|
||||
|
||||
&::after {
|
||||
.hairline-bottom(@cell-border-color, @padding-md, @padding-md);
|
||||
}
|
||||
|
||||
&:last-child::after,
|
||||
&--borderless::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__label {
|
||||
margin-top: @cell-label-margin-top;
|
||||
color: @cell-label-color;
|
||||
font-size: @cell-label-font-size;
|
||||
line-height: @cell-label-line-height;
|
||||
}
|
||||
|
||||
&__title,
|
||||
&__value {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__value {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: @cell-value-color;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
word-wrap: break-word;
|
||||
|
||||
&--alone {
|
||||
color: @text-color;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
&__left-icon,
|
||||
&__right-icon {
|
||||
height: @cell-line-height;
|
||||
font-size: @cell-icon-size;
|
||||
line-height: @cell-line-height;
|
||||
}
|
||||
|
||||
&__left-icon {
|
||||
margin-right: @padding-base;
|
||||
}
|
||||
|
||||
&__right-icon {
|
||||
margin-left: @padding-base;
|
||||
color: @cell-right-icon-color;
|
||||
}
|
||||
|
||||
&--clickable {
|
||||
cursor: pointer;
|
||||
|
||||
&:active {
|
||||
background-color: @cell-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
&--required {
|
||||
overflow: visible;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
left: @padding-xs;
|
||||
color: @cell-required-color;
|
||||
font-size: @cell-font-size;
|
||||
content: '*';
|
||||
}
|
||||
}
|
||||
|
||||
&--center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&--large {
|
||||
padding-top: @cell-large-vertical-padding;
|
||||
padding-bottom: @cell-large-vertical-padding;
|
||||
|
||||
.van-cell__title {
|
||||
font-size: @cell-large-title-font-size;
|
||||
}
|
||||
|
||||
.van-cell__label {
|
||||
font-size: @cell-large-label-font-size;
|
||||
}
|
||||
}
|
||||
}
|
29
node_modules/vant/lib/cell/shared.js
generated
vendored
Normal file
29
node_modules/vant/lib/cell/shared.js
generated
vendored
Normal file
@ -0,0 +1,29 @@
|
||||
"use strict";
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.cellProps = void 0;
|
||||
var cellProps = {
|
||||
icon: String,
|
||||
size: String,
|
||||
center: Boolean,
|
||||
isLink: Boolean,
|
||||
required: Boolean,
|
||||
iconPrefix: String,
|
||||
titleStyle: null,
|
||||
titleClass: null,
|
||||
valueClass: null,
|
||||
labelClass: null,
|
||||
title: [Number, String],
|
||||
value: [Number, String],
|
||||
label: [Number, String],
|
||||
arrowDirection: String,
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
clickable: {
|
||||
type: Boolean,
|
||||
default: null
|
||||
}
|
||||
};
|
||||
exports.cellProps = cellProps;
|
4
node_modules/vant/lib/cell/style/index.js
generated
vendored
Normal file
4
node_modules/vant/lib/cell/style/index.js
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
require('../../style/base.css');
|
||||
require('../../info/index.css');
|
||||
require('../../icon/index.css');
|
||||
require('../index.css');
|
4
node_modules/vant/lib/cell/style/less.js
generated
vendored
Normal file
4
node_modules/vant/lib/cell/style/less.js
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
require('../../style/base.less');
|
||||
require('../../info/index.less');
|
||||
require('../../icon/index.less');
|
||||
require('../index.less');
|
Reference in New Issue
Block a user