UNPKG

mand-mobile

Version:

A Vue.js 2.0 Mobile UI Toolkit

58 lines (51 loc) 2.01 kB
;(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 = []