first
This commit is contained in:
1
node_modules/vant/es/password-input/index.css
generated
vendored
Normal file
1
node_modules/vant/es/password-input/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-password-input{position:relative;margin:0 16px;-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:16px;font-size:14px;text-align:center}.van-password-input__info{color:#969799}.van-password-input__error-info{color:#ee0a24}.van-password-input__security{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;cursor:pointer}.van-password-input__security::after{border-radius:6px}.van-password-input__security li{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;font-size:20px;line-height:1.2;background-color:#fff}.van-password-input__security i{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#000;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:#323233;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s van-cursor-flicker infinite;animation:1s van-cursor-flicker infinite}@-webkit-keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}
|
84
node_modules/vant/es/password-input/index.js
generated
vendored
Normal file
84
node_modules/vant/es/password-input/index.js
generated
vendored
Normal file
@ -0,0 +1,84 @@
|
||||
import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
|
||||
// Utils
|
||||
import { createNamespace, addUnit } from '../utils';
|
||||
import { emit, inherit } from '../utils/functional';
|
||||
import { BORDER_LEFT, BORDER_SURROUND } from '../utils/constant'; // Types
|
||||
|
||||
var _createNamespace = createNamespace('password-input'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
function PasswordInput(h, props, slots, ctx) {
|
||||
var _ref2;
|
||||
|
||||
var mask = props.mask,
|
||||
value = props.value,
|
||||
length = props.length,
|
||||
gutter = props.gutter,
|
||||
focused = props.focused,
|
||||
errorInfo = props.errorInfo;
|
||||
var info = errorInfo || props.info;
|
||||
var Points = [];
|
||||
|
||||
for (var i = 0; i < length; i++) {
|
||||
var _ref;
|
||||
|
||||
var _char = value[i];
|
||||
var showBorder = i !== 0 && !gutter;
|
||||
var showCursor = focused && i === value.length;
|
||||
var style = void 0;
|
||||
|
||||
if (i !== 0 && gutter) {
|
||||
style = {
|
||||
marginLeft: addUnit(gutter)
|
||||
};
|
||||
}
|
||||
|
||||
Points.push(h("li", {
|
||||
"class": [(_ref = {}, _ref[BORDER_LEFT] = showBorder, _ref), bem('item', {
|
||||
focus: showCursor
|
||||
})],
|
||||
"style": style
|
||||
}, [mask ? h("i", {
|
||||
"style": {
|
||||
visibility: _char ? 'visible' : 'hidden'
|
||||
}
|
||||
}) : _char, showCursor && h("div", {
|
||||
"class": bem('cursor')
|
||||
})]));
|
||||
}
|
||||
|
||||
return h("div", {
|
||||
"class": bem()
|
||||
}, [h("ul", _mergeJSXProps([{
|
||||
"class": [bem('security'), (_ref2 = {}, _ref2[BORDER_SURROUND] = !gutter, _ref2)],
|
||||
"on": {
|
||||
"touchstart": function touchstart(event) {
|
||||
event.stopPropagation();
|
||||
emit(ctx, 'focus', event);
|
||||
}
|
||||
}
|
||||
}, inherit(ctx, true)]), [Points]), info && h("div", {
|
||||
"class": bem(errorInfo ? 'error-info' : 'info')
|
||||
}, [info])]);
|
||||
}
|
||||
|
||||
PasswordInput.props = {
|
||||
info: String,
|
||||
gutter: [Number, String],
|
||||
focused: Boolean,
|
||||
errorInfo: String,
|
||||
mask: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
value: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
length: {
|
||||
type: [Number, String],
|
||||
default: 6
|
||||
}
|
||||
};
|
||||
export default createComponent(PasswordInput);
|
83
node_modules/vant/es/password-input/index.less
generated
vendored
Normal file
83
node_modules/vant/es/password-input/index.less
generated
vendored
Normal file
@ -0,0 +1,83 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-password-input {
|
||||
position: relative;
|
||||
margin: @password-input-margin;
|
||||
user-select: none;
|
||||
|
||||
&__info,
|
||||
&__error-info {
|
||||
margin-top: @padding-md;
|
||||
font-size: @password-input-info-font-size;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__info {
|
||||
color: @password-input-info-color;
|
||||
}
|
||||
|
||||
&__error-info {
|
||||
color: @password-input-error-info-color;
|
||||
}
|
||||
|
||||
&__security {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: @password-input-height;
|
||||
cursor: pointer;
|
||||
|
||||
&::after {
|
||||
border-radius: @password-input-border-radius;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
font-size: @password-input-font-size;
|
||||
line-height: 1.2;
|
||||
background-color: @password-input-background-color;
|
||||
}
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: @password-input-dot-size;
|
||||
height: @password-input-dot-size;
|
||||
background-color: @password-input-dot-color;
|
||||
border-radius: 100%;
|
||||
transform: translate(-50%, -50%);
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&__cursor {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: @number-keyboard-cursor-width;
|
||||
height: @number-keyboard-cursor-height;
|
||||
background-color: @number-keyboard-cursor-color;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: @number-keyboard-cursor-animation-duration van-cursor-flicker
|
||||
infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes van-cursor-flicker {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
2
node_modules/vant/es/password-input/style/index.js
generated
vendored
Normal file
2
node_modules/vant/es/password-input/style/index.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
import '../../style/base.css';
|
||||
import '../index.css';
|
2
node_modules/vant/es/password-input/style/less.js
generated
vendored
Normal file
2
node_modules/vant/es/password-input/style/less.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
import '../../style/base.less';
|
||||
import '../index.less';
|
Reference in New Issue
Block a user