2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
var Le=Object.defineProperty,Te=Object.defineProperties;var Ie=Object.getOwnPropertyDescriptors;var pe=Object.getOwnPropertySymbols;var Me=Object.prototype.hasOwnProperty,Ke=Object.prototype.propertyIsEnumerable;var he=(P,b,w)=>b in P?Le(P,b,{enumerable:!0,configurable:!0,writable:!0,value:w}):P[b]=w,ae=(P,b)=>{for(var w in b||(b={}))Me.call(b,w)&&he(P,w,b[w]);if(pe)for(var w of pe(b))Ke.call(b,w)&&he(P,w,b[w]);return P},le=(P,b)=>Te(P,Ie(b));import{aI as B,a5 as C,aJ as K,aS as qe,aN as Ne,a6 as je,d as Oe,aT as Ee,r as S,aL as Ue,T as te,W as U,as as L,a9 as Re,ax as d,aU as We,at as Ye,f as Ge,g as Je,_ as Xe,c as T,j as D,w as r,k as v,aX as Ze,af as oe,l as Qe,ak as Ae,p as xe,F as ea,u as $,m as _,n as aa,s as q,t as F,aq as ge,ai as la,aa as ta,bz as se,az as ne,aO as oa,ab as X,x as sa}from"./index-B-O76M86.js";import{_ as be,g as N}from"./wd-datetime-picker-view.vue_vue_type_script_setup_true_lang._89Bwcyy.js";import{w as na}from"./wd-cell.fv6xtfMt.js";import{d as ke}from"./index.B1IO3uJq.js";const ua=le(ae({},je),{label:String,placeholder:String,disabled:C(!1),readonly:C(!1),loading:C(!1),loadingColor:K("#4D80F0"),title:String,cancelButtonText:String,confirmButtonText:String,required:C(!1),size:String,labelWidth:K("33%"),error:C(!1),alignRight:C(!1),closeOnClickModal:C(!0),safeAreaInsetBottom:C(!0),ellipsis:C(!1),columnsHeight:B(217),valueKey:K("value"),labelKey:K("label"),modelValue:Ne([String,Number,Array]),type:K("datetime"),minDate:B(new Date(new Date().getFullYear()-10,0,1).getTime()),maxDate:B(new Date(new Date().getFullYear()+10,11,31,23,59,59).getTime()),minHour:B(0),maxHour:B(23),minMinute:B(0),maxMinute:B(59),useSecond:C(!1),minSecond:B(0),maxSecond:B(59),filter:Function,formatter:Function,displayFormat:Function,beforeConfirm:Function,displayFormatTabLabel:Function,defaultValue:[String,Number,Array],zIndex:B(15),prop:String,rules:qe(),customCellClass:K(""),customViewClass:K(""),customLabelClass:K(""),customValueClass:K(""),immediateChange:C(!1),rootPortal:C(!1),clearable:C(!1)}),ra={name:"wd-datetime-picker",options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}},ia=Oe(le(ae({},ra),{props:ua,emits:["change","open","toggle","cancel","confirm","clear","update:modelValue"],setup(P,{expose:b,emit:w}){const t=P,H=w,{translate:I}=Ee("datetime-picker"),m=S(),h=S(),f=S(""),j=S(!1),M=S(!0),y=S(!1),O=S([]),s=S(""),c=S(""),Z=S(!1),Q=S(!1),R=S(!1),{proxy:ye}=Ue(),Ce=te(()=>{const e=["wd-datetime-picker__cell"];return t.disabled&&e.push("is-disabled"),t.readonly&&e.push("is-readonly"),t.error&&e.push("is-error"),e.join(" ")});U(()=>t.modelValue,(e,o)=>{oa(e,o)||(L(e)?(y.value=!0,s.value=d(g(!0)),c.value=d(g(!0,!0))):s.value=d(g()),ne(()=>{J(!1,!1,!0)}))},{deep:!0,immediate:!0}),U(()=>t.displayFormat,e=>{e&&!X(e)&&console.error("The type of displayFormat must be Function")},{deep:!0,immediate:!0}),U(()=>t.filter,e=>{e&&!X(e)&&console.error("The type of filter must be Function")},{deep:!0,immediate:!0}),U(()=>t.formatter,e=>{e&&!X(e)&&console.error("The type of formatter must be Function")},{deep:!0,immediate:!0}),U(()=>t.beforeConfirm,e=>{e&&!X(e)&&console.error("The type of beforeConfirm must be Function")},{deep:!0,immediate:!0}),U(()=>t.displayFormatTabLabel,e=>{e&&!X(e)&&console.error("The type of displayFormatTabLabel must be Function")},{deep:!0,immediate:!0}),U(()=>t.defaultValue,e=>{L(e)||y.value?(s.value=d(g(!0)),c.value=d(g(!0,!0))):s.value=d(g())},{deep:!0,immediate:!0});const ue=te(()=>t.clearable&&!t.disabled&&!t.readonly&&(!L(f.value)&&f.value||L(f.value)&&(f.value[0]||f.value[1]))),we=te(()=>!t.disabled&&!t.readonly&&!ue.value);function A(e,o,l,a,u){const{type:p,useSecond:V}=t;switch(p){case"datetime":{const[n,i,k,z,Y,E]=u;if(o==="year")return e?l>n:l<n;if(o==="month"&&a[0]===n)return e?l>i:l<i;if(o==="date"&&a[0]===n&&a[1]===i)return e?l>k:l<k;if(o==="hour"&&a[0]===n&&a[1]===i&&a[2]===k)return e?l>z:l<z;if(o==="minute"&&a[0]===n&&a[1]===i&&a[2]===k&&a[3]===z)return e?l>Y:l<Y;if(V&&o==="second"&&a[0]===n&&a[1]===i&&a[2]===k&&a[3]===z&&a[4]===Y)return e?l>E:l<E;break}case"year-month":{const[n,i]=u;if(o==="year")return e?l>n:l<n;if(o==="month"&&a[0]===n)return e?l>i:l<i;break}case"year":{const[n]=u;if(o==="year")return e?l>n:l<n;break}case"date":{const[n,i,k]=u;if(o==="year")return e?l>n:l<n;if(o==="month"&&a[0]===n)return e?l>i:l<i;if(o==="date"&&a[0]===n&&a[1]===i)return e?l>k:l<k;break}case"time":{const[n,i,k]=u;if(o==="hour")return e?l>n:l<n;if(o==="minute"&&a[0]===n)return e?l>i:l<i;if(V&&o==="second"&&a[0]===n&&a[1]===i)return e?l>k:l<k;break}}return!1}function Ve(e){return re(e,"start")}function Se(e){return re(e,"end")}const re=(e,o)=>{if(!e)return[];const{type:l}=t,a=o==="start",{formatter:u}=t,p=e.correctValue(s.value),V=e.correctValue(c.value),n=a?N(p,l,t.useSecond):N(V,l,t.useSecond),i=a?N(V,l,t.useSecond):N(p,l,t.useSecond);return e.getOriginColumns().map((z,Y)=>z.values.map(E=>{const Be=A(a,z.type,E,n,i);return{label:u?u(z.type,se(E)):se(E),value:E,disabled:Be}}))};Re(()=>{const{modelValue:e}=t;L(e)?(y.value=!0,s.value=d(g(!0)),c.value=d(g(!0,!0))):s.value=d(g())}),We(()=>{J(!1,!1,!0)});function G(e){let o=e==="before"?s.value:c.value,l=[];return o&&(l=N(o,t.type,t.useSecond)),l.map(u=>({[t.labelKey]:se(u),[t.valueKey]:u}))}function $e(){}function g(e,o){const{modelValue:l,defaultValue:a,maxDate:u,minDate:p,type:V}=t;if(e){const n=o?1:0,i=L(l)?l[n]:"",k=L(a)?a[n]:"",z=V==="time"?ke(u).format("HH:mm"):u,Y=V==="time"?ke(p).format("HH:mm"):p;return i||k||(o?z:Y)}else return Ye(l||a)?l||a:""}function _e(){x()}function Fe(){ee()}function x(){t.disabled||t.readonly||(H("open"),y.value?(j.value=!0,M.value=!0,s.value=d(g(!0,!1)),c.value=d(g(!0,!0))):(j.value=!0,s.value=d(g())),J(!0,!1,!0))}function ie(){M.value=!M.value;const e=M.value?m.value:h.value;e.setColumns(e.updateColumns()),H("toggle",M.value?s.value:c.value)}function Pe({value:e}){if(m.value&&!(y.value&&!h.value))if(y.value){const o=N(e,t.type,t.useSecond),l=N(c.value,t.type,t.useSecond),u=m.value.getOriginColumns().some((p,V)=>A(!0,p.type,o[V],o,l));s.value=d(u?c.value:e),ne(()=>{O.value=[ve(),d(O.value[1])],H("change",{value:[s.value,c.value]}),m.value&&m.value.setColumns(m.value.updateColumns()),h.value&&h.value.setColumns(h.value.updateColumns())})}else s.value=d(e),H("change",{value:s.value})}function De({value:e}){if(!m.value||!h.value)return;const o=N(e,t.type),l=N(s.value,t.type),u=h.value.getOriginColumns().some((p,V)=>A(!1,p.type,o[V],o,l));c.value=d(u?s.value:e),ne(()=>{O.value=[d(O.value[0]),ve(1)],H("change",{value:[s.value,c.value]}),m.value&&m.value.setColumns(m.value.updateColumns()),h.value&&h.value.setColumns(h.value.updateColumns())})}function ee(){j.value=!1,setTimeout(()=>{y.value?(s.value=d(g(!0)),c.value=d(g(!0,!0))):s.value=d(g())},200),H("cancel")}function de(){if(t.loading||R.value)return;if(Z.value){Q.value=!0;return}const{beforeConfirm:e}=t;e?e(y.value?[s.value,c.value]:s.value,o=>{o&&fe()},ye.$.exposed):fe()}function me(){Z.value=!0}function ce(){Z.value=!1,setTimeout(()=>{Q.value&&(Q.value=!1,de())},50)}function fe(){if(t.loading||R.value||t.disabled){j.value=!1;return}const e=y.value?[s.value,c.value]:s.value;j.value=!1,H("update:modelValue",e),H("confirm",{value:e}),J(!1,!0)}function ve(e=0){if(y.value){let o=[];return e===0?o=(m.value?m.value.getSelects():void 0)||s.value&&G("before"):o=(h.value?h.value.getSelects():void 0)||c.value&&G("after"),W(o,!0)}else return""}function J(e=!1,o=!1,l=!1){if(y.value){const a=l?s.value&&G("before")||[]:m.value&&m.value.getSelects&&m.value.getSelects()||[],u=l?c.value&&G("after")||[]:h.value&&h.value.getSelects&&h.value.getSelects()||[];f.value=e?f.value:[t.modelValue[0]||o?W(a):"",t.modelValue[1]||o?W(u):""],O.value=[W(a,!0),W(u,!0)]}else{const a=l?s.value&&G("before")||[]:m.value&&m.value.getSelects&&m.value.getSelects()||[];f.value=d(t.modelValue||o?W(a):"")}}function W(e,o=!1){if(e.length===0)return"";if(o&&t.displayFormatTabLabel)return t.displayFormatTabLabel(e);if(t.displayFormat)return t.displayFormat(e);if(t.formatter){const l={year:["year"],datetime:t.useSecond?["year","month","date","hour","minute","second"]:["year","month","date","hour","minute"],date:["year","month","date"],time:t.useSecond?["hour","minute","second"]:["hour","minute"],"year-month":["year","month"]};return e.map((a,u)=>t.formatter(l[t.type][u],a.value)).join("")}switch(t.type){case"year":return e[0].label;case"date":return`${e[0].label}-${e[1].label}-${e[2].label}`;case"year-month":return`${e[0].label}-${e[1].label}`;case"time":return t.useSecond?`${e[0].label}:${e[1].label}:${e[2].label}`:`${e[0].label}:${e[1].label}`;case"datetime":return t.useSecond?`${e[0].label}-${e[1].label}-${e[2].label} ${e[3].label}:${e[4].label}:${e[5].label}`:`${e[0].label}-${e[1].label}-${e[2].label} ${e[3].label}:${e[4].label}`}}function He(e){R.value=e}function ze(){H("clear"),H("update:modelValue",""),J(!1,!0)}return b({open:_e,close:Fe,setLoading:He}),(e,o)=>{const l=aa,a=Qe,u=Ge(Je("wd-icon"),Xe);return D(),T(a,{class:q(`wd-datetime-picker ${e.customClass}`),style:ta(e.customStyle)},{default:r(()=>[e.$slots.default?(D(),T(a,{key:1,onClick:x},{default:r(()=>[ge(e.$slots,"default",{},void 0,!0)]),_:3})):(D(),T(na,{key:0,title:e.label,required:e.required,size:e.size,"title-width":e.labelWidth,prop:e.prop,rules:e.rules,clickable:!e.disabled&&!e.readonly,"value-align":e.alignRight?"right":"left","custom-class":Ce.value,"custom-style":e.customStyle,"custom-title-class":e.customLabelClass,"custom-value-class":e.customValueClass,ellipsis:e.ellipsis,"use-title-slot":!!e.$slots.label,onClick:x},Ze({default:r(()=>[y.value?(D(),xe(ea,{key:0},[$(L)(f.value)?(D(),T(a,{key:0},{default:r(()=>[v(l,{class:q(f.value[0]?"":"wd-datetime-picker__placeholder")},{default:r(()=>[_(F(f.value[0]?f.value[0]:e.placeholder||$(I)("placeholder")),1)]),_:1},8,["class"]),_(" "+F($(I)("to"))+" ",1),v(l,{class:q(f.value[1]?"":"wd-datetime-picker__placeholder")},{default:r(()=>[_(F(f.value[1]?f.value[1]:e.placeholder||$(I)("placeholder")),1)]),_:1},8,["class"])]),_:1})):(D(),T(a,{key:1,class:"wd-datetime-picker__cell-placeholder"},{default:r(()=>[_(F(e.placeholder||$(I)("placeholder")),1)]),_:1}))],64)):(D(),T(a,{key:1,class:q(f.value?"":"wd-datetime-picker__placeholder")},{default:r(()=>[_(F(f.value?f.value:e.placeholder||$(I)("placeholder")),1)]),_:1},8,["class"]))]),"right-icon":r(()=>[we.value?(D(),T(u,{key:0,"custom-class":"wd-datetime-picker__arrow",name:"arrow-right"})):ue.value?(D(),T(a,{key:1,onClick:Ae(ze,["stop"])},{default:r(()=>[v(u,{"custom-class":"wd-datetime-picker__clear",name:"error-fill"})]),_:1})):oe("",!0)]),_:2},[e.$slots.label?{name:"title",fn:r(()=>[ge(e.$slots,"label",{},void 0,!0)]),key:"0"}:void 0]),1032,["title","required","size","title-width","prop","rules","clickable","value-align","custom-class","custom-style","custom-title-class","custom-value-class","ellipsis","use-title-slot"])),v(la,{modelValue:j.value,"onUpdate:modelValue":o[2]||(o[2]=p=>j.value=p),position:"bottom","hide-when-close":!1,"close-on-click-modal":e.closeOnClickModal,"safe-area-inset-bottom":e.safeAreaInsetBottom,"z-index":e.zIndex,"root-portal":e.rootPortal,onClose:ee,"custom-class":"wd-datetime-picker__popup"},{default:r(()=>[v(a,{class:"wd-datetime-picker__wraper"},{default:r(()=>[v(a,{class:"wd-datetime-picker__toolbar",onTouchmove:$e},{default:r(()=>[v(a,{class:"wd-datetime-picker__action wd-datetime-picker__action--cancel",onClick:ee},{default:r(()=>[_(F(e.cancelButtonText||$(I)("cancel")),1)]),_:1}),e.title?(D(),T(a,{key:0,class:"wd-datetime-picker__title"},{default:r(()=>[_(F(e.title),1)]),_:1})):oe("",!0),v(a,{class:q(`wd-datetime-picker__action ${e.loading||R.value?"is-loading":""}`),onClick:de},{default:r(()=>[_(F(e.confirmButtonText||$(I)("confirm")),1)]),_:1},8,["class"])]),_:1}),y.value?(D(),T(a,{key:0,class:"wd-datetime-picker__region-tabs"},{default:r(()=>[v(a,{class:q(`wd-datetime-picker__region ${M.value?"is-active":""} `),onClick:ie},{default:r(()=>[v(a,null,{default:r(()=>[_(F($(I)("start")),1)]),_:1}),v(a,{class:"wd-datetime-picker__region-time"},{default:r(()=>[_(F(O.value[0]),1)]),_:1})]),_:1},8,["class"]),v(a,{class:q(`wd-datetime-picker__region ${M.value?"":"is-active"}`),onClick:ie},{default:r(()=>[v(a,null,{default:r(()=>[_(F($(I)("end")),1)]),_:1}),v(a,{class:"wd-datetime-picker__region-time"},{default:r(()=>[_(F(O.value[1]),1)]),_:1})]),_:1},8,["class"])]),_:1})):oe("",!0),v(a,{class:q(M.value?"wd-datetime-picker__show":"wd-datetime-picker__hidden")},{default:r(()=>[v(be,{"custom-class":e.customViewClass,ref_key:"datetimePickerView",ref:m,type:e.type,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=p=>s.value=p),loading:e.loading||R.value,"loading-color":e.loadingColor,"columns-height":e.columnsHeight,"value-key":e.valueKey,"label-key":e.labelKey,formatter:e.formatter,filter:e.filter,"column-formatter":$(L)(e.modelValue)?Ve:void 0,"max-hour":e.maxHour,"min-hour":e.minHour,"max-date":e.maxDate,"min-date":e.minDate,"max-minute":e.maxMinute,"min-minute":e.minMinute,"use-second":e.useSecond,"min-second":e.minSecond,"max-second":e.maxSecond,"immediate-change":e.immediateChange,onChange:Pe,onPickstart:me,onPickend:ce},null,8,["custom-class","type","modelValue","loading","loading-color","columns-height","value-key","label-key","formatter","filter","column-formatter","max-hour","min-hour","max-date","min-date","max-minute","min-minute","use-second","min-second","max-second","immediate-change"])]),_:1},8,["class"]),v(a,{class:q(M.value?"wd-datetime-picker__hidden":"wd-datetime-picker__show")},{default:r(()=>[v(be,{"custom-class":e.customViewClass,ref_key:"datetimePickerView1",ref:h,type:e.type,modelValue:c.value,"onUpdate:modelValue":o[1]||(o[1]=p=>c.value=p),loading:e.loading||R.value,"loading-color":e.loadingColor,"columns-height":e.columnsHeight,"value-key":e.valueKey,"label-key":e.labelKey,formatter:e.formatter,filter:e.filter,"column-formatter":$(L)(e.modelValue)?Se:void 0,"max-hour":e.maxHour,"min-hour":e.minHour,"max-date":e.maxDate,"min-date":e.minDate,"max-minute":e.maxMinute,"min-minute":e.minMinute,"use-second":e.useSecond,"min-second":e.minSecond,"max-second":e.maxSecond,"immediate-change":e.immediateChange,onChange:De,onPickstart:me,onPickend:ce},null,8,["custom-class","type","modelValue","loading","loading-color","columns-height","value-key","label-key","formatter","filter","column-formatter","max-hour","min-hour","max-date","min-date","max-minute","min-minute","use-second","min-second","max-second","immediate-change"])]),_:1},8,["class"])]),_:1})]),_:1},8,["modelValue","close-on-click-modal","safe-area-inset-bottom","z-index","root-portal"])]),_:3},8,["class","style"])}}})),pa=sa(ia,[["__scopeId","data-v-ea7f9293"]]);export{pa as _};
|