vue2-vant2-components/lib/vvc-date-picker/index.js

基于 vue2 和 vant2 开发的移动端表格组件

(function(){"use strict";var t={2588:function(t){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAuCAYAAABTTPsKAAAAAXNSR0IArs4c6QAAAjdJREFUaEPtmM1rE0EUwN/bkEUIAQ+lKFjw4KX4VUG9+a8IgTAzegs1eLPVm0TJzc4MgYD/Sm+2oFVLLx4EBUvpQVgCsiH7ZMsWahp2Z3cyQsks5PS+fvnt200YhAt24QXjBQ/s+o4thmGl1BIiXkttjkaj751O57eJ2X6/f7nRaFxPc4noJ+f82KTubE4lw0qpdwDwJBu8IYR4ZTJYSvkCEV9muVuc86cmddbAWustIhJZo03O+SlE7nyl1AYAbKZJiCgZYydfusw10zAR4WAwWI7jeGa8Xq+/JqLHmeE3k8nkrcnQWq22jojPMuD34/H4+ay6MAyp3W4fISJNx88BDYfDS3Ec7wDALRMIhzlfwzB80Gq1/uSuhFLqNgB8dghSpvUdzvmXXGCt9RoRfSzT1VUuIt5jjH0qA3zIOb86DeTyoVNK/QKAK9meLyiwlPI+AKQfCIJgmzG2b7IWWuubSZI8ynJ3hRC703VODJvAVc1ZOOD0t/70FlaVVrZuGwCWqj50ZYfNNb/Ka22uAGWbVQGOAeBD2UGW+Q8BIKy6EjN/OCyBcssX7i3hDRetk1+JIkO2cW/Y1mBRvTdcZMg27g3bGiyq94aLDNnGvWFbg0X1toYTADgqGjLn+HJ6emD8B15KeRcR/zkemjOQcTsiWhNC7J0tOHd62ev1Gs1m8wARV4w7O0gkoh9RFK12u91RLnAazKBvBEFQ6YTelj9JEoqi6Ns07Mma2Db/3/Ue2LVxb9i14b+Yj+I+0yOs6wAAAABJRU5ErkJggg=="},1260:function(t){t.exports=require("vue2-vant2-components/lib/vvc-select-radio/index.js")}},e={};function i(n){var r=e[n];if(void 0!==r)return r.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,i),a.exports}!function(){i.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return i.d(e,{a:e}),e}}(),function(){var t,e=Object.getPrototypeOf?function(t){return Object.getPrototypeOf(t)}:function(t){return t.__proto__};i.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"===typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"===typeof n.then)return n}var a=Object.create(null);i.r(a);var s={};t=t||[null,e({}),e([]),e(e)];for(var o=2&r&&n;"object"==typeof o&&!~t.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach((function(t){s[t]=function(){return n[t]}}));return s["default"]=function(){return n},i.d(a,s),a}}(),function(){i.d=function(t,e){for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})}}(),function(){i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}}(),function(){i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}();var n={};!function(){i.r(n),i.d(n,{default:function(){return g}});var t=function(){var t=this,e=t._self._c;return e("div",{class:["vvc-datePicker",{"is-shortcuts":t.pickerOptions.shortcuts}]},[e("div",{staticClass:"vvc-datePicker_editor",on:{click:t.handlerShow}},[t._t("default",(function(){return[e("div",{staticClass:"vvc-datePicker_editor_content"},[t.pickerOptions.shortcuts?e("select-radio",{staticClass:"vvc-datePicker_editor_content_sidebar",attrs:{list:t.pickerOptions.shortcuts,option:{label:"text",value:"text"}},on:{change:t.handleChangeShortcut},nativeOn:{click:function(t){t.stopPropagation()}},scopedSlots:t._u([{key:"default",fn:function({label:i}){return[e("input",{staticClass:"vvc-datePicker_editor_content_sidebar_input",attrs:{type:"text",readonly:"",autocomplete:"off",placeholder:t.pickerOptions.placeholder||t.t("placeholder")},domProps:{value:i}}),e("van-icon",{staticClass:"vvc-datePicker_editor_content_sidebar_icon",attrs:{name:"arrow-down"}})]}}],null,!1,3783539350),model:{value:t.shortcutText,callback:function(e){t.shortcutText=e},expression:"shortcutText"}}):t._e(),e("div",{staticClass:"vvc-datePicker_editor_content_prefix"},[t._t("prefix",(function(){return[e("van-icon",{attrs:{name:t.prefixIcon}})]}))],2),t._t("label",(function(){return[t.dateRange?[e("input",{staticClass:"vvc-datePicker_editor_content_rangeInput",attrs:{type:"text",readonly:"",autocomplete:"off",placeholder:t.startPlaceholder||t.t("startPlaceholder")},domProps:{value:t.labelDateArr[0]}}),e("span",{staticClass:"vvc-datePicker_editor_content_rangeSeparator"},[t._v(" "+t._s(t.separator||t.t("separator"))+" ")]),e("input",{staticClass:"vvc-datePicker_editor_content_rangeInput",attrs:{type:"text",readonly:"",autocomplete:"off",placeholder:t.endPlaceholder||t.t("endPlaceholder")},domProps:{value:t.labelDateArr[1]}})]:[e("input",{staticClass:"vvc-datePicker_editor_content_inner",attrs:{type:"text",readonly:"",autocomplete:"off",placeholder:t.placeholder||t.t("placeholder")},domProps:{value:t.labelDateArr[0]}})]]}),{date:t.labelDateArr}),t.clearable&&t.value&&0!==t.value.length?e("div",{staticClass:"vvc-datePicker_editor_content_suffix",on:{click:function(e){return e.stopPropagation(),t.handleClear.apply(null,arguments)}}},[t._t("suffix",(function(){return[e("van-icon",{attrs:{name:t.clearIcon}})]}))],2):t.showPickerIcon?e("div",{staticClass:"vvc-datePicker_editor_content_suffix"},[t._t("suffix",(function(){return[e("van-icon",{attrs:{name:"arrow-down"}})]}))],2):t._e()],2)]}),{date:t.labelDateArr,visible:t.visible})],2),e("van-popup",{directives:[{name:"vvc-loading",rawName:"v-vvc-loading",value:t.loading,expression:"loading"}],attrs:{position:"bottom",round:""},on:{closed:t.handlerClose},model:{value:t.visible,callback:function(e){t.visible=e},expression:"visible"}},[e("van-datetime-picker",{attrs:{type:t.type,"min-date":t.curMinDate,"max-date":t.maxDate,title:t.pickerTitle,"swipe-duration":"500",formatter:t.pickerFormat,filter:t.pickerFilter,"cancel-button-text":t.leftButtonText,"confirm-button-text":t.rightButtonText},on:{cancel:t.clickPickerCancel,confirm:t.clickPickerConfirm},model:{value:t.currentDate,callback:function(e){t.currentDate=e},expression:"currentDate"}})],1)],1)},e=[],r=require("vant/lib/datetime-picker"),a=i.n(r),s=require("vant/lib/popup"),o=i.n(s),c=require("vant/lib/icon"),l=i.n(c),u=require("configjs-utilsjs/lib/formatTimes"),h=i.n(u),d=require("vue2-vant2-components/lib/utils/create/i18n.js"),p={name:"vvcDatePicker",props:{value:{type:[Array,String,Number,Date]},dateRange:{type:Boolean},separator:{type:String},format:{type:String,default:"yyyy/MM/dd hh:mm:ss"},valueFormat:{type:String,default:"date"},pickerFormat:{type:Function},pickerFilter:{type:Function},type:{type:String,default:"date"},minDate:{type:Date},maxDate:{type:Date},loading:{type:Boolean,default:!1},placeholder:{type:String},startPlaceholder:{type:String},endPlaceholder:{type:String},clearable:{type:Boolean,default:!1},prefixIcon:{type:String,default:()=>i(2588)},clearIcon:{type:String,default:"close"},showPickerIcon:{type:Boolean,default:!1},defaultTime:{type:Array,default:()=>["00:00:00","23:59:59"]},pickerOptions:{type:Object,default:()=>({})},confirmButtonText:{type:String},cancelButtonText:{type:String},prevButtonText:{type:String},nextButtonText:{type:String}},data(){return{visible:!1,shortcutText:"",step:-1,pickerTitle:"",leftButtonText:"",rightButtonText:"",currentDate:"",selectDateList:[],t:(0,d.createI18N)("datePicker")}},computed:{labelDateArr(){return this.dateRange?Array.isArray(this.value)?[this.handleFormatTimes(this.value[0],this.format),this.handleFormatTimes(this.value[1],this.format)]:[]:this.value?[this.handleFormatTimes(this.value,this.format)]:[]},curMinDate(){return this.dateRange&&1===this.step?this.selectDateList[0]:this.minDate}},watch:{step:"handlerCurrentStep"},created(){this.init()},methods:{init(){var t;if((!this.value||0===this.value.length)&&![void 0,null].includes(null===(t=this.pickerOptions)||void 0===t?void 0:t.defaultValue)&&this.pickerOptions.shortcuts){var e;const t=this.pickerOptions.shortcuts[null===(e=this.pickerOptions)||void 0===e?void 0:e.defaultValue];this.setShortcut(t)}},handlerCurrentStep(){if(this.dateRange)switch(this.step){case 0:this.pickerTitle=this.startPlaceholder||this.t("startPlaceholder"),this.leftButtonText=this.cancelButtonText||this.t("cancelButtonText"),this.rightButtonText=this.nextButtonText||this.t("nextButtonText");break;case 1:this.pickerTitle=this.endPlaceholder||this.t("endPlaceholder"),this.leftButtonText=this.prevButtonText||this.t("prevButtonText"),this.rightButtonText=this.confirmButtonText||this.t("confirmButtonText");break}else this.pickerTitle=this.placeholder||this.t("placeholder"),this.leftButtonText=this.cancelButtonText||this.t("cancelButtonText"),this.rightButtonText=this.confirmButtonText||this.t("confirmButtonText");this.$nextTick((()=>{this.currentDate=this.selectDateList[this.step]}))},handlerShow(){this.selectDateList=Array.isArray(this.value)?[...this.toDate(this.value)]:[this.toDate(this.value)],this.step=0,this.$nextTick((()=>{this.visible=!0}))},handlerClose(){this.step=-1,this.visible=!1},clickPickerCancel(){this.dateRange?0===this.step?this.handlerClose():this.step=0:this.handlerClose()},clickPickerConfirm(t){if(this.dateRange){const e=this.defaultTime[this.step].split(":");if(t.setHours(e[0]),t.setMinutes(e[1]),t.setSeconds(e[2]),t.setMilliseconds(e[3]||(59===t.getSeconds()?999:0)),this.selectDateList[this.step]=t,0===this.step)this.step=1;else{const t=[this.handleFormatTimes(this.selectDateList[0],this.valueFormat),this.handleFormatTimes(this.selectDateList[1],this.valueFormat)];this.$emit("input",t),this.$nextTick((()=>{this.$emit("change",t)})),this.handlerClose()}}else{this.selectDateList[0]=t;const e=this.handleFormatTimes(this.selectDateList[0],this.valueFormat);this.$emit("input",e),this.$nextTick((()=>{this.$emit("change",e)})),this.handlerClose()}this.shortcutText=""},setShortcut(t){const e=t.onClick();this.shortcutText=t.text,this.$emit("input",e)},handleFormatTimes(t,e){if(!t)return"";switch(e){case"date":return t;case"timestamp":return t.getTime();default:return h()(t,e)}},handleClear(){this.dateRange?(this.$emit("input",[]),this.$nextTick((()=>{this.$emit("change",[])}))):(this.$emit("input",""),this.$nextTick((()=>{this.$emit("change","")}))),this.shortcutText=""},toDate(t){function e(t){switch(typeof t){case"string":case"number":return new Date(t);default:return t}}return Array.isArray(t)?t.map(e):e(t)},handleChangeShortcut(t){const e=t.item.onClick();this.$emit("input",e),this.$nextTick((()=>this.$emit("change",e)))}},components:{[a().name]:a(),[o().name]:o(),[l().name]:l(),selectRadio:()=>Promise.resolve().then(i.t.bind(i,1260,23))}},f=p;function v(t,e,i,n,r,a,s,o){var c,l="function"===typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=i,l._compiled=!0),n&&(l.functional=!0),a&&(l._scopeId="data-v-"+a),s?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},l._ssrRegister=c):r&&(c=o?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(l.functional){l._injectStyles=c;var u=l.render;l.render=function(t,e){return c.call(e),u(t,e)}}else{var h=l.beforeCreate;l.beforeCreate=h?[].concat(h,c):[c]}return{exports:t,options:l}}var m=v(f,t,e,!1,null,null,null),x=m.exports,g=x}(),module.exports=n})();