mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
58 lines (51 loc) • 2.01 kB
JavaScript
;(function(){
(function (global, factory) {
if (typeof define === "function" && define.amd) {
define(['exports', '../_style/global.css', './style/index.css'], factory);
} else if (typeof exports !== "undefined") {
factory(exports, require('../_style/global.css'), require('./style/index.css'));
} else {
var mod = {
exports: {}
};
factory(mod.exports, global.global, global.index);
global.index = mod.exports;
}
})(this, function (exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
name: 'md-license-plate-input',
components: {},
props: {
keyArray: {
type: Array,
default: function _default() {
return [];
}
},
selectedIndex: {
type: Number,
default: 0
}
},
data: function data() {
return {};
},
methods: {
keyMapping: function keyMapping(index) {
this.$emit('keyMapping', index);
}
}
};
});
})()
if (module.exports.__esModule) module.exports = module.exports.default
var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports)
__vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"md-license-plate-input"},_vm._l((_vm.keyArray),function(item,index){return _c('div',{key:index,staticClass:"md-license-plate-input-item",class:{
'active': _vm.selectedIndex === index,
'animation': _vm.selectedIndex === index && !item
},on:{"click":function($event){return _vm.keyMapping(index)}}},[(index !== _vm.keyArray.length-1)?_c('div',{staticClass:"md-license-plate-input-item_content"},[_vm._v("\n "+_vm._s(item)+"\n ")]):_c('div',{staticClass:"md-license-plate-input-item_content"},[(item && item !== ' ')?_c('div',[_vm._v(_vm._s(item))]):_c('div',{staticClass:"emptyValue"})])])}),0)}
__vue__options__.staticRenderFns = []