vue-year-picker/dist/year-picker.js

vue year picker

!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("yearPicker",[],r):"object"==typeof exports?exports.yearPicker=r():e.yearPicker=r()}("undefined"!=typeof self?self:this,function(){return function(e){function r(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}var t={};return r.m=e,r.c=t,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="/dist/",r(r.s=1)}([function(e,r,t){"use strict";r.a={name:"yearPicker",props:{yearDisable:{type:String,default:"no"},value:{type:[Number,String]},dark:{type:Boolean},placeholder:{type:String,default:"请选择年份"}},data:function(){return{yearLists:[],year:"",showYearContent:!1,yearStart:2010,yearEnd:2030}},methods:{inputFocus:function(){this.showYearContent=!0},inputBlur:function(){this.showYearContent=!1},chooseYear:function(e){e>this.yearDis||(this.showYearContent=!1,this.year=e+"年",this.$emit("input",e))},toLeft:function(){this.yearStart-=20,this.yearEnd-=20},toRight:function(){this.yearStart+=20,this.yearEnd+=20}},computed:{yearDis:function(){return function(e){switch(this.yearDisable){case"before":return e<(new Date).getFullYear();case"no":return!1;case"after":return e>(new Date).getFullYear()}}},yearList:function(){for(var e=[],r=this.yearStart;r<this.yearEnd;r++)e.push(r);return e}},mounted:function(){}}},function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var a=t(2),n={install:function(e){e.component(a.a.name,a.a)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(a.a),r.default=n},function(e,r,t){"use strict";function a(e){t(3)}var n=t(0),o=t(9),i=t(8),s=a,d=i(n.a,o.a,!1,s,"data-v-0578dab4",null);r.a=d.exports},function(e,r,t){var a=t(4);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);t(6)("f073a0b6",a,!0,{})},function(e,r,t){r=e.exports=t(5)(!1),r.push([e.i,".year-picker[data-v-0578dab4]{margin-left:20px;display:inline-block;border-radius:5px}.year-picker .year-picker__icon[data-v-0578dab4]{position:absolute;transform:translate(-26px,10px);color:#d9d9d9}.year-picker .year-picker__input[data-v-0578dab4]{color:#595959;width:174px;height:32px;border:none;border-radius:5px;text-indent:10px;line-height:32px}.year-picker .year-picker__input--real[data-v-0578dab4]{border:1px solid #d9d9d9;height:32px}.year-picker .year-picker__input--focus[data-v-0578dab4]{opacity:0}.year-picker .year-picker__input--real[data-v-0578dab4]:hover{border:1px solid rgba(0,122,244,.8)}.year-picker .year-picker__year-title[data-v-0578dab4]{height:40px;width:270px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;display:flex;justify-content:space-around;align-items:center}.year-picker .year-picker__year-title span[data-v-0578dab4]{color:#525252;cursor:pointer}.year-picker .year-picker__year-title span[data-v-0578dab4]:active{opacity:.5}.year-picker .year-picker__year-box[data-v-0578dab4]{position:absolute;z-index:100;background:#fff;border-radius:5px;border:1px solid #eee;box-shadow:0 0 .38rem 0 rgba(0,0,0,.1);transform:translateY(-32px)}.year-picker .year-picker__year-content[data-v-0578dab4]{padding-top:20px;width:270px;height:250px;display:flex;flex-wrap:wrap;justify-content:space-around}.year-picker .year-picker__year-content .year-text[data-v-0578dab4]{color:#525252;font-size:16px;width:48px;height:25px;display:flex;justify-content:center;align-items:center}.year-picker .year-picker__year-content .year-text[data-v-0578dab4]:hover{cursor:pointer;background:rgba(157,219,252,.41);border-radius:3px}.year-picker .year-picker__year-content .year-disable[data-v-0578dab4]{background:#f5f5f5}.year-picker .year-picker__year-content .year-disable[data-v-0578dab4]:hover{cursor:no-drop;background:#f5f5f5}.dark[data-v-0578dab4]{color:#8099b3}.dark .year-picker__input[data-v-0578dab4]{background:#036;color:#8099b3}.dark .year-picker__input--real[data-v-0578dab4]{border:1px solid #004c99;height:32px}.dark .year-picker__input[data-v-0578dab4]::placeholder{color:#1c5389}.dark .year-picker__year-title[data-v-0578dab4]{border-top:1px solid #004c99;border-bottom:1px solid #004c99}.dark .year-picker__year-title span[data-v-0578dab4]{color:#8099b3}.dark .year-text[data-v-0578dab4]:hover{cursor:pointer;background:rgba(157,219,252,.41);border-radius:3px}.dark .year-picker__year-box[data-v-0578dab4]{color:#8099b3;position:absolute;z-index:10;background:#036;border-radius:5px;border:1px solid #004c99;transform:translateY(-30px)}.dark .year-picker__year-content .year-text[data-v-0578dab4]{color:#8099b3}.dark .year-picker__year-content .year-disable[data-v-0578dab4]{background:#133558}.dark .year-picker__year-content .year-disable[data-v-0578dab4]:hover{cursor:no-drop;background:#133558}",""])},function(e,r){function t(e,r){var t=e[1]||"",n=e[3];if(!n)return t;if(r&&"function"==typeof btoa){var o=a(n);return[t].concat(n.sources.map(function(e){return"/*# sourceURL="+n.sourceRoot+e+" */"})).concat([o]).join("\n")}return[t].join("\n")}function a(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var r=[];return r.toString=function(){return this.map(function(r){var a=t(r,e);return r[2]?"@media "+r[2]+"{"+a+"}":a}).join("")},r.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var a={},n=0;n<this.length;n++){var o=this[n][0];"number"==typeof o&&(a[o]=!0)}for(n=0;n<e.length;n++){var i=e[n];"number"==typeof i[0]&&a[i[0]]||(t&&!i[2]?i[2]=t:t&&(i[2]="("+i[2]+") and ("+t+")"),r.push(i))}},r}},function(e,r,t){function a(e){for(var r=0;r<e.length;r++){var t=e[r],a=p[t.id];if(a){a.refs++;for(var n=0;n<a.parts.length;n++)a.parts[n](t.parts[n]);for(;n<t.parts.length;n++)a.parts.push(o(t.parts[n]));a.parts.length>t.parts.length&&(a.parts.length=t.parts.length)}else{for(var i=[],n=0;n<t.parts.length;n++)i.push(o(t.parts[n]));p[t.id]={id:t.id,refs:1,parts:i}}}}function n(){var e=document.createElement("style");return e.type="text/css",u.appendChild(e),e}function o(e){var r,t,a=document.querySelector("style["+h+'~="'+e.id+'"]');if(a){if(y)return v;a.parentNode.removeChild(a)}if(_){var o=f++;a=l||(l=n()),r=i.bind(null,a,o,!1),t=i.bind(null,a,o,!0)}else a=n(),r=s.bind(null,a),t=function(){a.parentNode.removeChild(a)};return r(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;r(e=a)}else t()}}function i(e,r,t,a){var n=t?"":a.css;if(e.styleSheet)e.styleSheet.cssText=k(r,n);else{var o=document.createTextNode(n),i=e.childNodes;i[r]&&e.removeChild(i[r]),i.length?e.insertBefore(o,i[r]):e.appendChild(o)}}function s(e,r){var t=r.css,a=r.media,n=r.sourceMap;if(a&&e.setAttribute("media",a),b.ssrId&&e.setAttribute(h,r.id),n&&(t+="\n/*# sourceURL="+n.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var d="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!d)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=t(7),p={},u=d&&(document.head||document.getElementsByTagName("head")[0]),l=null,f=0,y=!1,v=function(){},b=null,h="data-vue-ssr-id",_="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,r,t,n){y=t,b=n||{};var o=c(e,r);return a(o),function(r){for(var t=[],n=0;n<o.length;n++){var i=o[n],s=p[i.id];s.refs--,t.push(s)}r?(o=c(e,r),a(o)):o=[];for(var n=0;n<t.length;n++){var s=t[n];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete p[s.id]}}}};var k=function(){var e=[];return function(r,t){return e[r]=t,e.filter(Boolean).join("\n")}}()},function(e,r){e.exports=function(e,r){for(var t=[],a={},n=0;n<r.length;n++){var o=r[n],i=o[0],s=o[1],d=o[2],c=o[3],p={id:e+":"+n,css:s,media:d,sourceMap:c};a[i]?a[i].parts.push(p):t.push(a[i]={id:i,parts:[p]})}return t}},function(e,r){e.exports=function(e,r,t,a,n,o){var i,s=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(i=e,s=e.default);var c="function"==typeof s?s.options:s;r&&(c.render=r.render,c.staticRenderFns=r.staticRenderFns,c._compiled=!0),t&&(c.functional=!0),n&&(c._scopeId=n);var p;if(o?(p=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=p):a&&(p=a),p){var u=c.functional,l=u?c.render:c.beforeCreate;u?(c._injectStyles=p,c.render=function(e,r){return p.call(r),l(e,r)}):c.beforeCreate=l?[].concat(l,p):[p]}return{esModule:i,exports:s,options:c}}},function(e,r,t){"use strict";var a=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{class:e.dark?"dark":""},[t("div",{staticClass:"year-picker"},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.value,expression:"value"}],class:["year-picker__input","year-picker__input--real",e.showYearContent?"year-picker__input--focus":""],attrs:{placeholder:e.placeholder,type:"text"},domProps:{value:e.value},on:{focus:e.inputFocus,input:function(r){r.target.composing||(e.value=r.target.value)}}}),e._v(" "),e.showYearContent?t("div",{staticClass:"year-picker__year-box"},[t("div",{staticClass:"year-picker__input"},[e._v(e._s(e.value))]),e._v(" "),t("div",{staticClass:"year-picker__year-title"},[t("span",{staticClass:"to-left",on:{click:function(r){return e.toLeft()}}},[e._v("<<")]),e._v(" "),t("strong",[e._v(e._s(e.yearStart)+"--"+e._s(e.yearEnd-1))]),e._v(" "),t("span",{staticClass:"to-right",on:{click:function(r){return e.toRight()}}},[e._v(">>")])]),e._v(" "),t("div",{staticClass:"year-picker__year-content"},e._l(e.yearList,function(r,a){return t("span",{key:a,class:{"year-text":1,"year-disable":e.yearDis(r)},on:{click:function(t){return e.chooseYear(r)}}},[e._v(e._s(r))])}),0)]):e._e()])])},n=[],o={render:a,staticRenderFns:n};r.a=o}])});
//# sourceMappingURL=year-picker.js.map