huiyi-time 0.1.13 → 0.1.14

package/{huiyi-time/huiyi-time.es.js → huiyi-time.es.js}

@@ -4,7 +4,7 @@ const O = (e, t) => {
   for (const [r, l] of t)
     n[r] = l;
   return n;
-}, P = {
+}, b = {
   name: "TimeComponentsUp",
   props: {
     initTime: {
@@ -418,7 +418,7 @@ const O = (e, t) => {
       this.showPanel = !0, this.handleListener();
     }
   }
-}, b = {
+}, P = {
   class: "container",
   id: "content"
 }, x = { class: "content" }, T = { class: "huiyi-time-input-section" }, R = { class: "huiyi-time-input-field" }, A = { class: "huiyi-time-panel-body" }, E = { class: "huiyi-time-quick-options" }, q = { class: "option-group" }, Q = { class: "option-group" }, L = ["onClick"], B = { class: "option-group" }, U = ["onClick"], W = { class: "option-group" }, N = ["onClick"], K = { class: "option-group" }, $ = ["onClick"], z = { class: "huiyi-time-panels-container" }, j = { class: "huiyi-time-date-panel" }, G = { class: "calendar-section" }, H = { class: "huiyi-time-calendar-header" }, J = { class: "huiyi-time-current-month" }, X = { class: "huiyi-time-calendar-days" }, Z = ["onClick"], tt = { class: "huiyi-time-date-panel" }, et = { class: "calendar-section" }, nt = { class: "huiyi-time-calendar-header" }, at = { class: "huiyi-time-current-month" }, it = { class: "huiyi-time-calendar-days" }, st = ["onClick"];
@@ -429,7 +429,7 @@ function lt(e, t, n, r, l, i) {
     onMouseover: t[12] || (t[12] = (...a) => i.handleMouseOver && i.handleMouseOver(...a)),
     onMouseleave: t[13] || (t[13] = (...a) => i.handleMouseOut && i.handleMouseOut(...a))
   }, [
-    s("div", b, [
+    s("div", P, [
       s("div", x, [
         s("div", T, [
           s("div", R, [
@@ -647,7 +647,7 @@ function lt(e, t, n, r, l, i) {
     ], 4)
   ], 32);
 }
-const V = /* @__PURE__ */ O(P, [["render", lt], ["__scopeId", "data-v-f5587819"]]);
+const V = /* @__PURE__ */ O(b, [["render", lt], ["__scopeId", "data-v-fa5b0329"]]);
 V.install = (e) => {
   e.component(V.name, V);
 };

package/{dist/huiyi-time.umd.js → huiyi-time.umd.js}

@@ -1 +1 @@
-(function(u,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.HuiyiTime={},u.Vue))})(this,function(u,t){"use strict";const X="",Z="",f=(n,e)=>{const a=n.__vccOpts||n;for(const[r,l]of e)a[r]=l;return a},w={name:"TimeComponentsUp",props:{initTime:{type:String,default:""}},data(){return{showPanel:!1,startDate:new Date,endDate:new Date,activeControl:"startYear",selectedRange:null,inputValue:"",isInvalid:!1,inputSelection:{start:0,end:0},mouseOver:!1,startCalendarViewDate:new Date,endCalendarViewDate:new Date,quickOptions:{common:[{name:"近3月",type:"months",value:3,active:!1},{name:"近1年",type:"years",value:1,active:!1}],today:[],yesterday:[{name:"昨天",type:"yesterday",value:"full",active:!1}],thisWeek:[{name:"本周",type:"thisWeek",value:"full",active:!1}],thisMonth:[{name:"本月",type:"thisMonth",value:"full",active:!1}]},dateFormatter:new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"2-digit"})}},computed:{startDateMonthYear(){const n=this.startCalendarViewDate.getFullYear(),e=this.startCalendarViewDate.getMonth()+1;return`${n}年${e}月`},endDateMonthYear(){const n=this.endCalendarViewDate.getFullYear(),e=this.endCalendarViewDate.getMonth()+1;return`${n}年${e}月`},startCalendarDays(){return this.generateCalendarDays(this.startCalendarViewDate,this.startDate,this.endDate,"start")},endCalendarDays(){return this.generateCalendarDays(this.endCalendarViewDate,this.startDate,this.endDate,"end")},fieldPositions(){return[{name:"startYear",start:0,end:4,length:4},{name:"startMonth",start:5,end:7,length:2},{name:"startDay",start:8,end:10,length:2},{name:"endYear",start:13,end:17,length:4},{name:"endMonth",start:18,end:20,length:2},{name:"endDay",start:21,end:23,length:2}]}},mounted(){this.inputValue=this.initTime,this.updateQuickOptionsActiveState()},methods:{setActiveControl(n){this.activeControl=n},updateInputValue(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};this.inputValue=`${n(this.startDate)} ~ ${n(this.endDate)}`,this.modelClick()},onInputFocus(n){setTimeout(()=>{this.inputSelection={start:n.target.selectionStart,end:n.target.selectionEnd},this.selectCurrentField(this.inputSelection.start)},0)},onInputBlur(){this.validateInput()},onInputChange(){this.validateInput()},onInputKeydown(n){const e=n.key;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e)&&(n.preventDefault(),e==="ArrowLeft"?this.navigateLeft():e==="ArrowRight"?this.navigateRight():e==="ArrowUp"?this.incrementValue():e==="ArrowDown"&&this.decrementValue()),e==="Tab"&&(n.preventDefault(),n.shiftKey?this.navigateLeft():this.navigateRight()),e==="Enter"&&(n.preventDefault(),this.showPanel=!1)},navigateLeft(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a>0?e=this.fieldPositions[a-1]:e=this.fieldPositions[this.fieldPositions.length-1];break}e||(e=this.fieldPositions[0]),this.selectField(e)},navigateRight(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a<this.fieldPositions.length-1?e=this.fieldPositions[a+1]:e=this.fieldPositions[0];break}e||(e=this.fieldPositions[0]),this.selectField(e)},selectCurrentField(n){for(const e of this.fieldPositions)if(n>=e.start&&n<=e.end){this.selectField(e);return}this.selectField(this.fieldPositions[0])},selectField(n){document.getElementById("datetime-input").setSelectionRange(n.start,n.end),this.inputSelection={start:n.start,end:n.end},this.activeControl=n.name},incrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))+1;switch(n.name){case"startYear":case"endYear":break;case"startMonth":case"endMonth":a>12&&(a=1);break;case"startDay":case"endDay":a>31&&(a=1);break}this.updateFieldValue(n,a)},decrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))-1;switch(n.name){case"startYear":case"endYear":a<1&&(a=9999);break;case"startMonth":case"endMonth":a<1&&(a=12);break;case"startDay":case"endDay":a<1&&(a=31);break}this.updateFieldValue(n,a)},getCurrentField(){for(const n of this.fieldPositions)if(this.inputSelection.start>=n.start&&this.inputSelection.start<=n.end)return n;return null},updateFieldValue(n,e){const a=String(e).padStart(n.length,"0"),r=this.inputValue.substring(0,n.start)+a+this.inputValue.substring(n.end);this.inputValue=r,this.$nextTick(()=>{this.selectField(n)}),this.updateDateFromInput()},updateDateFromInput(){if(!this.validateInputFormat())return;const n=this.inputValue.split(/[''~-]/);if(n.length!==6)return;const e=parseInt(n[0]),a=parseInt(n[1])-1,r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4])-1,d=parseInt(n[5]),h=new Date(e,a,r),i=new Date(l,s,d);if(isNaN(h.getTime())||isNaN(i.getTime())){this.isInvalid=!0;return}this.startDate=h,this.endDate=i,this.isInvalid=!1,this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},validateInputFormat(){return/^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/.test(this.inputValue)},validateInput(){if(!this.validateInputFormat()){this.isInvalid=!0;return}const n=this.inputValue.split(/[ ~-]/),e=parseInt(n[0]),a=parseInt(n[1]),r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4]),d=parseInt(n[5]);if(a<1||a>12||s<1||s>12){this.isInvalid=!0;return}if(r<1||r>31||d<1||d>31){this.isInvalid=!0;return}const h=new Date(e,a-1,r),i=new Date(l,s-1,d);if(h.getMonth()!==a-1||h.getDate()!==r||i.getMonth()!==s-1||i.getDate()!==d){this.isInvalid=!0;return}this.isInvalid=!1},prevYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.endCalendarViewDate=e}},nextYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.endCalendarViewDate=e}},prevMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()-1),this.endCalendarViewDate=e}},nextMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()+1),this.endCalendarViewDate=e}},selectDate(n,e){n==="start"?this.startDate=e:this.endDate=e,this.updateInputValue(),this.updateQuickOptionsActiveState()},generateCalendarDays(n,e,a,r){const l=n.getFullYear(),s=n.getMonth(),d=new Date(l,s,1),h=new Date(l,s+1,0),i=d.getDay(),m=new Date(l,s,0).getDate(),D=[],g=new Date;for(let o=i-1;o>=0;o--){const c=new Date(l,s-1,m-o);D.push({id:`prev-${o}-${r}`,day:m-o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}for(let o=1;o<=h.getDate();o++){const c=new Date(l,s,o);D.push({id:`current-${o}-${r}`,day:o,date:c,isCurrentMonth:!0,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}const J=42-D.length;for(let o=1;o<=J;o++){const c=new Date(l,s+1,o);D.push({id:`next-${o}-${r}`,day:o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}return D},isSameDay(n,e){return n.getFullYear()===e.getFullYear()&&n.getMonth()===e.getMonth()&&n.getDate()===e.getDate()},isDateInRange(n,e,a){return n>=e&&n<=a},applyQuickOption(n){const e=new Date;let a=new Date,r=new Date;switch(n.type){case"days":a=new Date(e.getTime()-n.value*24*60*60*1e3);break;case"months":a=new Date(e.getFullYear(),e.getMonth()-n.value,e.getDate());break;case"years":a=new Date(e.getFullYear()-n.value,e.getMonth(),e.getDate());break;case"today":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=new Date(e.getFullYear(),e.getMonth(),e.getDate()));break;case"yesterday":if(n.value==="full"){const l=new Date(e.getTime()-864e5);a=new Date(l.getFullYear(),l.getMonth(),l.getDate()),r=new Date(l.getFullYear(),l.getMonth(),l.getDate())}break;case"thisWeek":{const l=e.getDay(),s=new Date(e.getTime()-l*24*60*60*1e3);if(n.value==="full"){a=new Date(s.getFullYear(),s.getMonth(),s.getDate());const d=new Date(s.getTime()+6*24*60*60*1e3);r=new Date(d.getFullYear(),d.getMonth(),d.getDate())}break}case"thisMonth":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),1),r=new Date(e.getFullYear(),e.getMonth()+1,0));break}this.startDate=a,this.endDate=r,this.updateInputValue(),this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},updateQuickOptionsActiveState(){Object.keys(this.quickOptions).forEach(n=>{this.quickOptions[n].forEach(e=>{e.active=!1})})},formatRangeDisplay(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};return`${n(this.startDate)} ~ ${n(this.endDate)}`},clickStop(n){n.stopPropagation()},confirmSelection(){this.selectedRange=this.formatRangeDisplay(),this.inputValue=this.selectedRange,this.showPanel=!1},blurInput(){this.mouseOver==!1&&(this.showPanel=!1)},handleMouseOver(){this.mouseOver=!0},handleMouseOut(){this.mouseOver=!1},modelClick(){this.showPanel=!1;const e=this.inputValue.split("~").map(a=>a.trim());this.$emit("changeTime",e)},handleListener(){const n=document.getElementById("content"),e=document.getElementById("timePanel");document.addEventListener("click",a=>{const r=n.contains(a.target),l=e.contains(a.target);r||l||this.modelClick()})},openShowPanel(){this.showPanel=!0,this.handleListener()}}},V={class:"container",id:"content"},k={class:"content"},C={class:"huiyi-time-input-section"},M={class:"huiyi-time-input-field"},E={class:"huiyi-time-panel-body"},N={class:"huiyi-time-quick-options"},_={class:"option-group"},I={class:"option-group"},S=["onClick"],F={class:"option-group"},Y=["onClick"],v={class:"option-group"},O=["onClick"],b={class:"option-group"},B=["onClick"],P={class:"huiyi-time-panels-container"},T={class:"huiyi-time-date-panel"},x={class:"calendar-section"},R={class:"huiyi-time-calendar-header"},L={class:"huiyi-time-current-month"},q={class:"huiyi-time-calendar-days"},A=["onClick"],Q={class:"huiyi-time-date-panel"},U={class:"calendar-section"},z={class:"huiyi-time-calendar-header"},W={class:"huiyi-time-current-month"},K={class:"huiyi-time-calendar-days"},$=["onClick"];function j(n,e,a,r,l,s){const d=t.resolveComponent("el-input"),h=t.resolveComponent("el-button");return t.openBlock(),t.createElementBlock("div",{id:"huiyi-time-app",onMouseover:e[12]||(e[12]=(...i)=>s.handleMouseOver&&s.handleMouseOver(...i)),onMouseleave:e[13]||(e[13]=(...i)=>s.handleMouseOut&&s.handleMouseOut(...i))},[t.createElementVNode("div",V,[t.createElementVNode("div",k,[t.createElementVNode("div",C,[t.createElementVNode("div",M,[t.createVNode(d,{type:"text",id:"datetime-input",class:t.normalizeClass(["huiyi-time-datetime-input",{invalid:l.isInvalid}]),modelValue:l.inputValue,"onUpdate:modelValue":e[0]||(e[0]=i=>l.inputValue=i),placeholder:"YYYY-MM-DD ~ YYYY-MM-DD",onMouseup:s.onInputFocus,onBlur:s.onInputBlur,onKeydown:s.onInputKeydown,onInput:s.onInputChange,onClick:e[1]||(e[1]=i=>s.openShowPanel())},null,8,["class","modelValue","onMouseup","onBlur","onKeydown","onInput"])])])])]),t.createElementVNode("div",{class:"huiyi-time-time-panel",style:t.normalizeStyle(l.showPanel?"display:visible":"display:none"),id:"timePanel"},[t.createElementVNode("div",{class:"huiyi-time-panel-container",onClick:e[11]||(e[11]=t.withModifiers((...i)=>s.clickStop&&s.clickStop(...i),["stop"]))},[t.createElementVNode("div",E,[t.createElementVNode("div",N,[t.createElementVNode("div",_,[t.createElementVNode("div",{class:"huiyi-time-quick-option",onClick:e[2]||(e[2]=t.withModifiers(i=>s.applyQuickOption({name:"今天",type:"today",value:"full",active:!1}),["stop"]))},[t.createVNode(h,{type:"primary",plain:"",text:"",bg:""},{default:t.withCtx(()=>[...e[14]||(e[14]=[t.createTextVNode(" 今天 ",-1)])]),_:1})])]),t.createElementVNode("div",I,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.yesterday,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,S))),128))]),t.createElementVNode("div",F,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisWeek,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,Y))),128))]),t.createElementVNode("div",v,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisMonth,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,O))),128))]),t.createElementVNode("div",b,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.common,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,B))),128))])]),t.createElementVNode("div",P,[t.createElementVNode("div",T,[t.createElementVNode("div",x,[t.createElementVNode("div",R,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[3]||(e[3]=i=>s.prevYear("start"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[4]||(e[4]=i=>s.prevMonth("start"))},"<"),t.createElementVNode("div",L,t.toDisplayString(s.startDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[5]||(e[5]=i=>s.nextMonth("start"))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[6]||(e[6]=i=>s.nextYear("start"))},">>")]),e[15]||(e[15]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",q,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.startCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("start",i.date),["stop"])},t.toDisplayString(i.day),11,A))),128))])])]),t.createElementVNode("div",Q,[t.createElementVNode("div",U,[t.createElementVNode("div",z,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[7]||(e[7]=i=>s.prevYear("end"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[8]||(e[8]=t.withModifiers(i=>s.prevMonth("end"),["stop"]))},"<"),t.createElementVNode("div",W,t.toDisplayString(s.endDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[9]||(e[9]=t.withModifiers(i=>s.nextMonth("end"),["stop"]))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[10]||(e[10]=i=>s.nextYear("end"))},">>")]),e[16]||(e[16]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",K,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.endCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("end",i.date),["stop"])},t.toDisplayString(i.day),11,$))),128))])])])])])])],4)],32)}const p=f(w,[["render",j],["__scopeId","data-v-f5587819"]]);p.install=n=>{n.component(p.name,p)};const H=[p],y=function(n){y.installed||H.forEach(e=>{n.component(e.name,e)})};typeof window<"u"&&window.Vue&&y(window.Vue);const G={install:y,TimeComponentsUp:p};u.TimeComponentsUp=p,u.default=G,u.install=y,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.HuiyiTime={},u.Vue))})(this,function(u,t){"use strict";const X="",Z="",f=(n,e)=>{const a=n.__vccOpts||n;for(const[r,l]of e)a[r]=l;return a},w={name:"TimeComponentsUp",props:{initTime:{type:String,default:""}},data(){return{showPanel:!1,startDate:new Date,endDate:new Date,activeControl:"startYear",selectedRange:null,inputValue:"",isInvalid:!1,inputSelection:{start:0,end:0},mouseOver:!1,startCalendarViewDate:new Date,endCalendarViewDate:new Date,quickOptions:{common:[{name:"近3月",type:"months",value:3,active:!1},{name:"近1年",type:"years",value:1,active:!1}],today:[],yesterday:[{name:"昨天",type:"yesterday",value:"full",active:!1}],thisWeek:[{name:"本周",type:"thisWeek",value:"full",active:!1}],thisMonth:[{name:"本月",type:"thisMonth",value:"full",active:!1}]},dateFormatter:new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"2-digit"})}},computed:{startDateMonthYear(){const n=this.startCalendarViewDate.getFullYear(),e=this.startCalendarViewDate.getMonth()+1;return`${n}年${e}月`},endDateMonthYear(){const n=this.endCalendarViewDate.getFullYear(),e=this.endCalendarViewDate.getMonth()+1;return`${n}年${e}月`},startCalendarDays(){return this.generateCalendarDays(this.startCalendarViewDate,this.startDate,this.endDate,"start")},endCalendarDays(){return this.generateCalendarDays(this.endCalendarViewDate,this.startDate,this.endDate,"end")},fieldPositions(){return[{name:"startYear",start:0,end:4,length:4},{name:"startMonth",start:5,end:7,length:2},{name:"startDay",start:8,end:10,length:2},{name:"endYear",start:13,end:17,length:4},{name:"endMonth",start:18,end:20,length:2},{name:"endDay",start:21,end:23,length:2}]}},mounted(){this.inputValue=this.initTime,this.updateQuickOptionsActiveState()},methods:{setActiveControl(n){this.activeControl=n},updateInputValue(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};this.inputValue=`${n(this.startDate)} ~ ${n(this.endDate)}`,this.modelClick()},onInputFocus(n){setTimeout(()=>{this.inputSelection={start:n.target.selectionStart,end:n.target.selectionEnd},this.selectCurrentField(this.inputSelection.start)},0)},onInputBlur(){this.validateInput()},onInputChange(){this.validateInput()},onInputKeydown(n){const e=n.key;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e)&&(n.preventDefault(),e==="ArrowLeft"?this.navigateLeft():e==="ArrowRight"?this.navigateRight():e==="ArrowUp"?this.incrementValue():e==="ArrowDown"&&this.decrementValue()),e==="Tab"&&(n.preventDefault(),n.shiftKey?this.navigateLeft():this.navigateRight()),e==="Enter"&&(n.preventDefault(),this.showPanel=!1)},navigateLeft(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a>0?e=this.fieldPositions[a-1]:e=this.fieldPositions[this.fieldPositions.length-1];break}e||(e=this.fieldPositions[0]),this.selectField(e)},navigateRight(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a<this.fieldPositions.length-1?e=this.fieldPositions[a+1]:e=this.fieldPositions[0];break}e||(e=this.fieldPositions[0]),this.selectField(e)},selectCurrentField(n){for(const e of this.fieldPositions)if(n>=e.start&&n<=e.end){this.selectField(e);return}this.selectField(this.fieldPositions[0])},selectField(n){document.getElementById("datetime-input").setSelectionRange(n.start,n.end),this.inputSelection={start:n.start,end:n.end},this.activeControl=n.name},incrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))+1;switch(n.name){case"startYear":case"endYear":break;case"startMonth":case"endMonth":a>12&&(a=1);break;case"startDay":case"endDay":a>31&&(a=1);break}this.updateFieldValue(n,a)},decrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))-1;switch(n.name){case"startYear":case"endYear":a<1&&(a=9999);break;case"startMonth":case"endMonth":a<1&&(a=12);break;case"startDay":case"endDay":a<1&&(a=31);break}this.updateFieldValue(n,a)},getCurrentField(){for(const n of this.fieldPositions)if(this.inputSelection.start>=n.start&&this.inputSelection.start<=n.end)return n;return null},updateFieldValue(n,e){const a=String(e).padStart(n.length,"0"),r=this.inputValue.substring(0,n.start)+a+this.inputValue.substring(n.end);this.inputValue=r,this.$nextTick(()=>{this.selectField(n)}),this.updateDateFromInput()},updateDateFromInput(){if(!this.validateInputFormat())return;const n=this.inputValue.split(/[''~-]/);if(n.length!==6)return;const e=parseInt(n[0]),a=parseInt(n[1])-1,r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4])-1,d=parseInt(n[5]),h=new Date(e,a,r),i=new Date(l,s,d);if(isNaN(h.getTime())||isNaN(i.getTime())){this.isInvalid=!0;return}this.startDate=h,this.endDate=i,this.isInvalid=!1,this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},validateInputFormat(){return/^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/.test(this.inputValue)},validateInput(){if(!this.validateInputFormat()){this.isInvalid=!0;return}const n=this.inputValue.split(/[ ~-]/),e=parseInt(n[0]),a=parseInt(n[1]),r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4]),d=parseInt(n[5]);if(a<1||a>12||s<1||s>12){this.isInvalid=!0;return}if(r<1||r>31||d<1||d>31){this.isInvalid=!0;return}const h=new Date(e,a-1,r),i=new Date(l,s-1,d);if(h.getMonth()!==a-1||h.getDate()!==r||i.getMonth()!==s-1||i.getDate()!==d){this.isInvalid=!0;return}this.isInvalid=!1},prevYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.endCalendarViewDate=e}},nextYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.endCalendarViewDate=e}},prevMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()-1),this.endCalendarViewDate=e}},nextMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()+1),this.endCalendarViewDate=e}},selectDate(n,e){n==="start"?this.startDate=e:this.endDate=e,this.updateInputValue(),this.updateQuickOptionsActiveState()},generateCalendarDays(n,e,a,r){const l=n.getFullYear(),s=n.getMonth(),d=new Date(l,s,1),h=new Date(l,s+1,0),i=d.getDay(),m=new Date(l,s,0).getDate(),D=[],g=new Date;for(let o=i-1;o>=0;o--){const c=new Date(l,s-1,m-o);D.push({id:`prev-${o}-${r}`,day:m-o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}for(let o=1;o<=h.getDate();o++){const c=new Date(l,s,o);D.push({id:`current-${o}-${r}`,day:o,date:c,isCurrentMonth:!0,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}const J=42-D.length;for(let o=1;o<=J;o++){const c=new Date(l,s+1,o);D.push({id:`next-${o}-${r}`,day:o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}return D},isSameDay(n,e){return n.getFullYear()===e.getFullYear()&&n.getMonth()===e.getMonth()&&n.getDate()===e.getDate()},isDateInRange(n,e,a){return n>=e&&n<=a},applyQuickOption(n){const e=new Date;let a=new Date,r=new Date;switch(n.type){case"days":a=new Date(e.getTime()-n.value*24*60*60*1e3);break;case"months":a=new Date(e.getFullYear(),e.getMonth()-n.value,e.getDate());break;case"years":a=new Date(e.getFullYear()-n.value,e.getMonth(),e.getDate());break;case"today":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=new Date(e.getFullYear(),e.getMonth(),e.getDate()));break;case"yesterday":if(n.value==="full"){const l=new Date(e.getTime()-864e5);a=new Date(l.getFullYear(),l.getMonth(),l.getDate()),r=new Date(l.getFullYear(),l.getMonth(),l.getDate())}break;case"thisWeek":{const l=e.getDay(),s=new Date(e.getTime()-l*24*60*60*1e3);if(n.value==="full"){a=new Date(s.getFullYear(),s.getMonth(),s.getDate());const d=new Date(s.getTime()+6*24*60*60*1e3);r=new Date(d.getFullYear(),d.getMonth(),d.getDate())}break}case"thisMonth":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),1),r=new Date(e.getFullYear(),e.getMonth()+1,0));break}this.startDate=a,this.endDate=r,this.updateInputValue(),this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},updateQuickOptionsActiveState(){Object.keys(this.quickOptions).forEach(n=>{this.quickOptions[n].forEach(e=>{e.active=!1})})},formatRangeDisplay(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};return`${n(this.startDate)} ~ ${n(this.endDate)}`},clickStop(n){n.stopPropagation()},confirmSelection(){this.selectedRange=this.formatRangeDisplay(),this.inputValue=this.selectedRange,this.showPanel=!1},blurInput(){this.mouseOver==!1&&(this.showPanel=!1)},handleMouseOver(){this.mouseOver=!0},handleMouseOut(){this.mouseOver=!1},modelClick(){this.showPanel=!1;const e=this.inputValue.split("~").map(a=>a.trim());this.$emit("changeTime",e)},handleListener(){const n=document.getElementById("content"),e=document.getElementById("timePanel");document.addEventListener("click",a=>{const r=n.contains(a.target),l=e.contains(a.target);r||l||this.modelClick()})},openShowPanel(){this.showPanel=!0,this.handleListener()}}},V={class:"container",id:"content"},k={class:"content"},C={class:"huiyi-time-input-section"},M={class:"huiyi-time-input-field"},E={class:"huiyi-time-panel-body"},N={class:"huiyi-time-quick-options"},_={class:"option-group"},I={class:"option-group"},S=["onClick"],F={class:"option-group"},Y=["onClick"],v={class:"option-group"},b=["onClick"],O={class:"option-group"},B=["onClick"],P={class:"huiyi-time-panels-container"},T={class:"huiyi-time-date-panel"},x={class:"calendar-section"},R={class:"huiyi-time-calendar-header"},L={class:"huiyi-time-current-month"},q={class:"huiyi-time-calendar-days"},A=["onClick"],Q={class:"huiyi-time-date-panel"},U={class:"calendar-section"},z={class:"huiyi-time-calendar-header"},W={class:"huiyi-time-current-month"},K={class:"huiyi-time-calendar-days"},$=["onClick"];function j(n,e,a,r,l,s){const d=t.resolveComponent("el-input"),h=t.resolveComponent("el-button");return t.openBlock(),t.createElementBlock("div",{id:"huiyi-time-app",onMouseover:e[12]||(e[12]=(...i)=>s.handleMouseOver&&s.handleMouseOver(...i)),onMouseleave:e[13]||(e[13]=(...i)=>s.handleMouseOut&&s.handleMouseOut(...i))},[t.createElementVNode("div",V,[t.createElementVNode("div",k,[t.createElementVNode("div",C,[t.createElementVNode("div",M,[t.createVNode(d,{type:"text",id:"datetime-input",class:t.normalizeClass(["huiyi-time-datetime-input",{invalid:l.isInvalid}]),modelValue:l.inputValue,"onUpdate:modelValue":e[0]||(e[0]=i=>l.inputValue=i),placeholder:"YYYY-MM-DD ~ YYYY-MM-DD",onMouseup:s.onInputFocus,onBlur:s.onInputBlur,onKeydown:s.onInputKeydown,onInput:s.onInputChange,onClick:e[1]||(e[1]=i=>s.openShowPanel())},null,8,["class","modelValue","onMouseup","onBlur","onKeydown","onInput"])])])])]),t.createElementVNode("div",{class:"huiyi-time-time-panel",style:t.normalizeStyle(l.showPanel?"display:visible":"display:none"),id:"timePanel"},[t.createElementVNode("div",{class:"huiyi-time-panel-container",onClick:e[11]||(e[11]=t.withModifiers((...i)=>s.clickStop&&s.clickStop(...i),["stop"]))},[t.createElementVNode("div",E,[t.createElementVNode("div",N,[t.createElementVNode("div",_,[t.createElementVNode("div",{class:"huiyi-time-quick-option",onClick:e[2]||(e[2]=t.withModifiers(i=>s.applyQuickOption({name:"今天",type:"today",value:"full",active:!1}),["stop"]))},[t.createVNode(h,{type:"primary",plain:"",text:"",bg:""},{default:t.withCtx(()=>[...e[14]||(e[14]=[t.createTextVNode(" 今天 ",-1)])]),_:1})])]),t.createElementVNode("div",I,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.yesterday,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,S))),128))]),t.createElementVNode("div",F,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisWeek,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,Y))),128))]),t.createElementVNode("div",v,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisMonth,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,b))),128))]),t.createElementVNode("div",O,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.common,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,B))),128))])]),t.createElementVNode("div",P,[t.createElementVNode("div",T,[t.createElementVNode("div",x,[t.createElementVNode("div",R,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[3]||(e[3]=i=>s.prevYear("start"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[4]||(e[4]=i=>s.prevMonth("start"))},"<"),t.createElementVNode("div",L,t.toDisplayString(s.startDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[5]||(e[5]=i=>s.nextMonth("start"))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[6]||(e[6]=i=>s.nextYear("start"))},">>")]),e[15]||(e[15]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",q,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.startCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("start",i.date),["stop"])},t.toDisplayString(i.day),11,A))),128))])])]),t.createElementVNode("div",Q,[t.createElementVNode("div",U,[t.createElementVNode("div",z,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[7]||(e[7]=i=>s.prevYear("end"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[8]||(e[8]=t.withModifiers(i=>s.prevMonth("end"),["stop"]))},"<"),t.createElementVNode("div",W,t.toDisplayString(s.endDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[9]||(e[9]=t.withModifiers(i=>s.nextMonth("end"),["stop"]))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[10]||(e[10]=i=>s.nextYear("end"))},">>")]),e[16]||(e[16]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",K,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.endCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("end",i.date),["stop"])},t.toDisplayString(i.day),11,$))),128))])])])])])])],4)],32)}const p=f(w,[["render",j],["__scopeId","data-v-fa5b0329"]]);p.install=n=>{n.component(p.name,p)};const H=[p],y=function(n){y.installed||H.forEach(e=>{n.component(e.name,e)})};typeof window<"u"&&window.Vue&&y(window.Vue);const G={install:y,TimeComponentsUp:p};u.TimeComponentsUp=p,u.default=G,u.install=y,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,30 +1,20 @@
 {
   "name": "huiyi-time",
-  "version": "0.1.13",
+  "version": "0.1.14",
+  "description": "A Vue.js time range picker component",
+  "main": "huiyi-time.umd.js",
+  "module": "huiyi-time.es.js",
+  "unpkg": "huiyi-time.umd.js",
+  "browser": "huiyi-time.umd.js",
+  "keywords": [
+    "vue",
+    "component",
+    "time-picker",
+    "date-range"
+  ],
+  "author": "Time Components Up",
+  "license": "MIT",
   "peerDependencies": {
     "vue": "^3.0.0"
-  },
-  "scripts": {
-    "serve": "vite",
-    "dev": "vite",
-    "build": "vite build",
-    "lib": "vite build && npm run lib-init",
-    "lib-init": "mkdir -p huiyi-time && node -e \"const pkg = require('./package.json'); const fs = require('fs'); const newPkg = { name: pkg.name, version: pkg.version, description: 'A Vue.js time range picker component', main: 'huiyi-time.umd.js', module: 'huiyi-time.es.js', unpkg: 'huiyi-time.umd.js', browser: 'huiyi-time.umd.js', keywords: ['vue', 'component', 'time-picker', 'date-range'], author: 'Time Components Up', license: 'MIT', peerDependencies: { vue: '^3.0.0' } }; fs.writeFileSync('./huiyi-time/package.json', JSON.stringify(newPkg, null, 2));\"",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "element-plus": "^2.11.7",
-    "vue": "^3.2.13"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "sass": "^1.94.0",
-    "vite": "^4.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead",
-    "not ie 11"
-  ]
-}
+  }
+}

package/style.css

@@ -0,0 +1 @@
+#huiyi-time-app[data-v-fa5b0329]{position:relative}.huiyi-time-input-section[data-v-fa5b0329]{display:flex;flex-direction:column;align-items:center}.huiyi-time-input-field[data-v-fa5b0329]{width:100%;max-width:190px}.huiyi-time-time-panel[data-v-fa5b0329]{width:600px;height:300px;justify-content:center;align-items:center;z-index:10000;position:fixed}.huiyi-time-panel-container[data-v-fa5b0329]{background:white;border-radius:15px;width:98%;max-width:600px;box-shadow:0 15px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.huiyi-time-panel-body[data-v-fa5b0329]{display:flex;flex:1;overflow:hidden}.huiyi-time-quick-options[data-v-fa5b0329]{width:80px;background:#fff;padding:5px;border-right:1px solid #e9ecef;overflow-y:auto}.huiyi-time-quick-option[data-v-fa5b0329]{display:block;width:50px;padding:0 5px;background:white;border-radius:8px;text-align:left;margin-bottom:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.huiyi-time-quick-option.active[data-v-fa5b0329]{background:#409eff;color:#fff;border-color:#409eff}.huiyi-time-panels-container[data-v-fa5b0329]{flex:1;display:flex;overflow:hidden}.huiyi-time-date-panel[data-v-fa5b0329]{flex:1;padding:10px;overflow-y:auto;width:360px;border-right:1px solid #e9ecef}.huiyi-time-date-panel[data-v-fa5b0329]:last-child{border-right:none}.huiyi-time-calendar-header[data-v-fa5b0329]{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.huiyi-time-year-nav[data-v-fa5b0329]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-year-nav[data-v-fa5b0329]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-month-nav[data-v-fa5b0329]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-month-nav[data-v-fa5b0329]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-current-month[data-v-fa5b0329]{font-size:1.1rem;font-weight:600;color:#333}.huiyi-time-week-days[data-v-fa5b0329]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px;font-weight:600;color:#666;font-size:.85rem}.huiyi-time-calendar-days[data-v-fa5b0329]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.huiyi-time-calendar-day[data-v-fa5b0329]{height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.huiyi-time-calendar-day[data-v-fa5b0329]:hover{background:#e9ecef;color:var(--el-color-primary)}.huiyi-time-calendar-day.other-month[data-v-fa5b0329]{color:#ccc}.huiyi-time-calendar-day.selected[data-v-fa5b0329]{background:var(--el-color-primary)!important;color:#fff!important}.huiyi-time-calendar-day.today[data-v-fa5b0329]{background:#fff;color:var(--el-color-primary);font-weight:600}.huiyi-time-calendar-day.in-range[data-v-fa5b0329]{background:#e6eeff}@media (max-width: 900px){.huiyi-time-panel-body[data-v-fa5b0329]{flex-direction:column;max-height:none}.huiyi-time-quick-options[data-v-fa5b0329]{width:100%;border-right:none;border-bottom:1px solid #e9ecef;max-height:200px}.huiyi-time-panels-container[data-v-fa5b0329]{flex-direction:column}.huiyi-time-date-panel[data-v-fa5b0329]{border-right:none;border-bottom:1px solid #e9ecef}.huiyi-time-date-panel[data-v-fa5b0329]:last-child{border-bottom:none}}

package/README.md

@@ -1,10 +0,0 @@
-# my-btn-demo
-
-
-文档教程  https://zhuanlan.zhihu.com/p/688467089
-
-
-## Project setup
-```
-pnpm install my-btn-demo
-```

package/babel.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}

package/dist/huiyi-time.es.js

@@ -1,670 +0,0 @@
-import { resolveComponent as Y, openBlock as c, createElementBlock as p, createElementVNode as s, createVNode as g, normalizeClass as y, normalizeStyle as S, withModifiers as m, withCtx as C, createTextVNode as M, Fragment as f, renderList as w, toDisplayString as v } from "vue";
-const O = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, l] of t)
-    n[r] = l;
-  return n;
-}, P = {
-  name: "TimeComponentsUp",
-  props: {
-    initTime: {
-      type: String,
-      default: ""
-      // 默认返回空对象
-    }
-  },
-  data() {
-    return {
-      // 这里是你的数据
-      showPanel: !1,
-      startDate: /* @__PURE__ */ new Date(),
-      endDate: /* @__PURE__ */ new Date(),
-      activeControl: "startYear",
-      selectedRange: null,
-      inputValue: "",
-      isInvalid: !1,
-      inputSelection: {
-        start: 0,
-        end: 0
-      },
-      mouseOver: !1,
-      startCalendarViewDate: /* @__PURE__ */ new Date(),
-      endCalendarViewDate: /* @__PURE__ */ new Date(),
-      quickOptions: {
-        common: [
-          { name: "近3月", type: "months", value: 3, active: !1 },
-          { name: "近1年", type: "years", value: 1, active: !1 }
-        ],
-        today: [],
-        yesterday: [
-          { name: "昨天", type: "yesterday", value: "full", active: !1 }
-        ],
-        thisWeek: [
-          { name: "本周", type: "thisWeek", value: "full", active: !1 }
-        ],
-        thisMonth: [
-          { name: "本月", type: "thisMonth", value: "full", active: !1 }
-        ]
-      },
-      dateFormatter: new Intl.DateTimeFormat("en-US", { year: "numeric", month: "long", day: "2-digit" })
-    };
-  },
-  computed: {
-    startDateMonthYear() {
-      const e = this.startCalendarViewDate.getFullYear(), t = this.startCalendarViewDate.getMonth() + 1;
-      return `${e}年${t}月`;
-    },
-    endDateMonthYear() {
-      const e = this.endCalendarViewDate.getFullYear(), t = this.endCalendarViewDate.getMonth() + 1;
-      return `${e}年${t}月`;
-    },
-    startCalendarDays() {
-      return this.generateCalendarDays(this.startCalendarViewDate, this.startDate, this.endDate, "start");
-    },
-    endCalendarDays() {
-      return this.generateCalendarDays(this.endCalendarViewDate, this.startDate, this.endDate, "end");
-    },
-    // 定义输入框中各个时间字段的位置范围
-    fieldPositions() {
-      return [
-        { name: "startYear", start: 0, end: 4, length: 4 },
-        { name: "startMonth", start: 5, end: 7, length: 2 },
-        { name: "startDay", start: 8, end: 10, length: 2 },
-        { name: "endYear", start: 13, end: 17, length: 4 },
-        { name: "endMonth", start: 18, end: 20, length: 2 },
-        { name: "endDay", start: 21, end: 23, length: 2 }
-      ];
-    }
-  },
-  mounted() {
-    this.inputValue = this.initTime, this.updateQuickOptionsActiveState();
-  },
-  methods: {
-    setActiveControl(e) {
-      this.activeControl = e;
-    },
-    // 更新输入框的值
-    updateInputValue() {
-      const e = (t) => {
-        const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), l = String(t.getDate()).padStart(2, "0");
-        return `${n}-${r}-${l}`;
-      };
-      this.inputValue = `${e(this.startDate)} ~ ${e(this.endDate)}`, this.modelClick();
-    },
-    // 输入框获得焦点时
-    onInputFocus(e) {
-      setTimeout(() => {
-        this.inputSelection = {
-          start: e.target.selectionStart,
-          end: e.target.selectionEnd
-        }, this.selectCurrentField(this.inputSelection.start);
-      }, 0);
-    },
-    // 输入框失去焦点时
-    onInputBlur() {
-      this.validateInput();
-    },
-    // 输入框内容变化时
-    onInputChange() {
-      this.validateInput();
-    },
-    // 输入框键盘事件
-    onInputKeydown(e) {
-      const t = e.key;
-      ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(t) && (e.preventDefault(), t === "ArrowLeft" ? this.navigateLeft() : t === "ArrowRight" ? this.navigateRight() : t === "ArrowUp" ? this.incrementValue() : t === "ArrowDown" && this.decrementValue()), t === "Tab" && (e.preventDefault(), e.shiftKey ? this.navigateLeft() : this.navigateRight()), t === "Enter" && (e.preventDefault(), this.showPanel = !1);
-    },
-    // 向左导航
-    navigateLeft() {
-      const e = this.inputSelection.start;
-      let t = null;
-      for (let n = 0; n < this.fieldPositions.length; n++)
-        if (e >= this.fieldPositions[n].start && e <= this.fieldPositions[n].end) {
-          n > 0 ? t = this.fieldPositions[n - 1] : t = this.fieldPositions[this.fieldPositions.length - 1];
-          break;
-        }
-      t || (t = this.fieldPositions[0]), this.selectField(t);
-    },
-    // 向右导航
-    navigateRight() {
-      const e = this.inputSelection.start;
-      let t = null;
-      for (let n = 0; n < this.fieldPositions.length; n++)
-        if (e >= this.fieldPositions[n].start && e <= this.fieldPositions[n].end) {
-          n < this.fieldPositions.length - 1 ? t = this.fieldPositions[n + 1] : t = this.fieldPositions[0];
-          break;
-        }
-      t || (t = this.fieldPositions[0]), this.selectField(t);
-    },
-    // 选择当前字段
-    selectCurrentField(e) {
-      for (const t of this.fieldPositions)
-        if (e >= t.start && e <= t.end) {
-          this.selectField(t);
-          return;
-        }
-      this.selectField(this.fieldPositions[0]);
-    },
-    // 选择指定字段
-    selectField(e) {
-      document.getElementById("datetime-input").setSelectionRange(e.start, e.end), this.inputSelection = {
-        start: e.start,
-        end: e.end
-      }, this.activeControl = e.name;
-    },
-    // 增加当前字段的值
-    incrementValue() {
-      const e = this.getCurrentField();
-      if (!e)
-        return;
-      let n = parseInt(this.inputValue.substring(e.start, e.end)) + 1;
-      switch (e.name) {
-        case "startYear":
-        case "endYear":
-          break;
-        case "startMonth":
-        case "endMonth":
-          n > 12 && (n = 1);
-          break;
-        case "startDay":
-        case "endDay":
-          n > 31 && (n = 1);
-          break;
-      }
-      this.updateFieldValue(e, n);
-    },
-    // 减少当前字段的值
-    decrementValue() {
-      const e = this.getCurrentField();
-      if (!e)
-        return;
-      let n = parseInt(this.inputValue.substring(e.start, e.end)) - 1;
-      switch (e.name) {
-        case "startYear":
-        case "endYear":
-          n < 1 && (n = 9999);
-          break;
-        case "startMonth":
-        case "endMonth":
-          n < 1 && (n = 12);
-          break;
-        case "startDay":
-        case "endDay":
-          n < 1 && (n = 31);
-          break;
-      }
-      this.updateFieldValue(e, n);
-    },
-    // 获取当前字段
-    getCurrentField() {
-      for (const e of this.fieldPositions)
-        if (this.inputSelection.start >= e.start && this.inputSelection.start <= e.end)
-          return e;
-      return null;
-    },
-    // 更新字段值
-    updateFieldValue(e, t) {
-      const n = String(t).padStart(e.length, "0"), r = this.inputValue.substring(0, e.start) + n + this.inputValue.substring(e.end);
-      this.inputValue = r, this.$nextTick(() => {
-        this.selectField(e);
-      }), this.updateDateFromInput();
-    },
-    // 从输入框更新日期对象
-    updateDateFromInput() {
-      if (!this.validateInputFormat())
-        return;
-      const e = this.inputValue.split(/[''~-]/);
-      if (e.length !== 6)
-        return;
-      const t = parseInt(e[0]), n = parseInt(e[1]) - 1, r = parseInt(e[2]), l = parseInt(e[3]), i = parseInt(e[4]) - 1, d = parseInt(e[5]), h = new Date(t, n, r), a = new Date(l, i, d);
-      if (isNaN(h.getTime()) || isNaN(a.getTime())) {
-        this.isInvalid = !0;
-        return;
-      }
-      this.startDate = h, this.endDate = a, this.isInvalid = !1, this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate);
-    },
-    // 验证输入格式
-    validateInputFormat() {
-      return /^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/.test(this.inputValue);
-    },
-    // 验证输入内容
-    validateInput() {
-      if (!this.validateInputFormat()) {
-        this.isInvalid = !0;
-        return;
-      }
-      const e = this.inputValue.split(/[ ~-]/), t = parseInt(e[0]), n = parseInt(e[1]), r = parseInt(e[2]), l = parseInt(e[3]), i = parseInt(e[4]), d = parseInt(e[5]);
-      if (n < 1 || n > 12 || i < 1 || i > 12) {
-        this.isInvalid = !0;
-        return;
-      }
-      if (r < 1 || r > 31 || d < 1 || d > 31) {
-        this.isInvalid = !0;
-        return;
-      }
-      const h = new Date(t, n - 1, r), a = new Date(l, i - 1, d);
-      if (h.getMonth() !== n - 1 || h.getDate() !== r || a.getMonth() !== i - 1 || a.getDate() !== d) {
-        this.isInvalid = !0;
-        return;
-      }
-      this.isInvalid = !1;
-    },
-    // 前一年
-    prevYear(e) {
-      if (e === "start") {
-        const t = new Date(this.startCalendarViewDate);
-        t.setFullYear(t.getFullYear() - 1), this.startCalendarViewDate = t;
-      } else {
-        const t = new Date(this.endCalendarViewDate);
-        t.setFullYear(t.getFullYear() - 1), this.endCalendarViewDate = t;
-      }
-    },
-    // 后一年
-    nextYear(e) {
-      if (e === "start") {
-        const t = new Date(this.startCalendarViewDate);
-        t.setFullYear(t.getFullYear() + 1), this.startCalendarViewDate = t;
-      } else {
-        const t = new Date(this.endCalendarViewDate);
-        t.setFullYear(t.getFullYear() + 1), this.endCalendarViewDate = t;
-      }
-    },
-    prevMonth(e) {
-      if (e === "start") {
-        const t = new Date(this.startCalendarViewDate);
-        t.setMonth(t.getMonth() - 1), this.startCalendarViewDate = t;
-      } else {
-        const t = new Date(this.endCalendarViewDate);
-        t.setMonth(t.getMonth() - 1), this.endCalendarViewDate = t;
-      }
-    },
-    nextMonth(e) {
-      if (e === "start") {
-        const t = new Date(this.startCalendarViewDate);
-        t.setMonth(t.getMonth() + 1), this.startCalendarViewDate = t;
-      } else {
-        const t = new Date(this.endCalendarViewDate);
-        t.setMonth(t.getMonth() + 1), this.endCalendarViewDate = t;
-      }
-    },
-    selectDate(e, t) {
-      e === "start" ? this.startDate = t : this.endDate = t, this.updateInputValue(), this.updateQuickOptionsActiveState();
-    },
-    generateCalendarDays(e, t, n, r) {
-      const l = e.getFullYear(), i = e.getMonth(), d = new Date(l, i, 1), h = new Date(l, i + 1, 0), a = d.getDay(), D = new Date(l, i, 0).getDate(), k = [], I = /* @__PURE__ */ new Date();
-      for (let o = a - 1; o >= 0; o--) {
-        const u = new Date(l, i - 1, D - o);
-        k.push({
-          id: `prev-${o}-${r}`,
-          day: D - o,
-          date: u,
-          isCurrentMonth: !1,
-          isSelected: this.isSameDay(u, r === "start" ? t : n),
-          isToday: this.isSameDay(u, I),
-          isInRange: this.isDateInRange(u, t, n)
-        });
-      }
-      for (let o = 1; o <= h.getDate(); o++) {
-        const u = new Date(l, i, o);
-        k.push({
-          id: `current-${o}-${r}`,
-          day: o,
-          date: u,
-          isCurrentMonth: !0,
-          isSelected: this.isSameDay(u, r === "start" ? t : n),
-          isToday: this.isSameDay(u, I),
-          isInRange: this.isDateInRange(u, t, n)
-        });
-      }
-      const F = 42 - k.length;
-      for (let o = 1; o <= F; o++) {
-        const u = new Date(l, i + 1, o);
-        k.push({
-          id: `next-${o}-${r}`,
-          day: o,
-          date: u,
-          isCurrentMonth: !1,
-          isSelected: this.isSameDay(u, r === "start" ? t : n),
-          isToday: this.isSameDay(u, I),
-          isInRange: this.isDateInRange(u, t, n)
-        });
-      }
-      return k;
-    },
-    isSameDay(e, t) {
-      return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
-    },
-    isDateInRange(e, t, n) {
-      return e >= t && e <= n;
-    },
-    applyQuickOption(e) {
-      const t = /* @__PURE__ */ new Date();
-      let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
-      switch (e.type) {
-        case "days":
-          n = new Date(t.getTime() - e.value * 24 * 60 * 60 * 1e3);
-          break;
-        case "months":
-          n = new Date(t.getFullYear(), t.getMonth() - e.value, t.getDate());
-          break;
-        case "years":
-          n = new Date(t.getFullYear() - e.value, t.getMonth(), t.getDate());
-          break;
-        case "today":
-          e.value === "full" && (n = new Date(t.getFullYear(), t.getMonth(), t.getDate()), r = new Date(t.getFullYear(), t.getMonth(), t.getDate()));
-          break;
-        case "yesterday":
-          if (e.value === "full") {
-            const l = new Date(t.getTime() - 864e5);
-            n = new Date(l.getFullYear(), l.getMonth(), l.getDate()), r = new Date(l.getFullYear(), l.getMonth(), l.getDate());
-          }
-          break;
-        case "thisWeek": {
-          const l = t.getDay(), i = new Date(t.getTime() - l * 24 * 60 * 60 * 1e3);
-          if (e.value === "full") {
-            n = new Date(i.getFullYear(), i.getMonth(), i.getDate());
-            const d = new Date(i.getTime() + 6 * 24 * 60 * 60 * 1e3);
-            r = new Date(d.getFullYear(), d.getMonth(), d.getDate());
-          }
-          break;
-        }
-        case "thisMonth":
-          e.value === "full" && (n = new Date(t.getFullYear(), t.getMonth(), 1), r = new Date(t.getFullYear(), t.getMonth() + 1, 0));
-          break;
-      }
-      this.startDate = n, this.endDate = r, this.updateInputValue(), this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate);
-    },
-    updateQuickOptionsActiveState() {
-      Object.keys(this.quickOptions).forEach((e) => {
-        this.quickOptions[e].forEach((t) => {
-          t.active = !1;
-        });
-      });
-    },
-    formatRangeDisplay() {
-      const e = (t) => {
-        const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), l = String(t.getDate()).padStart(2, "0");
-        return `${n}-${r}-${l}`;
-      };
-      return `${e(this.startDate)} ~ ${e(this.endDate)}`;
-    },
-    clickStop(e) {
-      e.stopPropagation();
-    },
-    confirmSelection() {
-      this.selectedRange = this.formatRangeDisplay(), this.inputValue = this.selectedRange, this.showPanel = !1;
-    },
-    blurInput() {
-      this.mouseOver == !1 && (this.showPanel = !1);
-    },
-    handleMouseOver() {
-      this.mouseOver = !0;
-    },
-    handleMouseOut() {
-      this.mouseOver = !1;
-    },
-    modelClick() {
-      this.showPanel = !1;
-      const t = this.inputValue.split("~").map((n) => n.trim());
-      this.$emit("changeTime", t);
-    },
-    handleListener() {
-      const e = document.getElementById("content"), t = document.getElementById("timePanel");
-      document.addEventListener("click", (n) => {
-        const r = e.contains(n.target), l = t.contains(n.target);
-        r || l || this.modelClick();
-      });
-    },
-    openShowPanel() {
-      this.showPanel = !0, this.handleListener();
-    }
-  }
-}, b = {
-  class: "container",
-  id: "content"
-}, x = { class: "content" }, T = { class: "huiyi-time-input-section" }, R = { class: "huiyi-time-input-field" }, A = { class: "huiyi-time-panel-body" }, E = { class: "huiyi-time-quick-options" }, q = { class: "option-group" }, Q = { class: "option-group" }, L = ["onClick"], B = { class: "option-group" }, U = ["onClick"], W = { class: "option-group" }, N = ["onClick"], K = { class: "option-group" }, $ = ["onClick"], z = { class: "huiyi-time-panels-container" }, j = { class: "huiyi-time-date-panel" }, G = { class: "calendar-section" }, H = { class: "huiyi-time-calendar-header" }, J = { class: "huiyi-time-current-month" }, X = { class: "huiyi-time-calendar-days" }, Z = ["onClick"], tt = { class: "huiyi-time-date-panel" }, et = { class: "calendar-section" }, nt = { class: "huiyi-time-calendar-header" }, at = { class: "huiyi-time-current-month" }, it = { class: "huiyi-time-calendar-days" }, st = ["onClick"];
-function lt(e, t, n, r, l, i) {
-  const d = Y("el-input"), h = Y("el-button");
-  return c(), p("div", {
-    id: "huiyi-time-app",
-    onMouseover: t[12] || (t[12] = (...a) => i.handleMouseOver && i.handleMouseOver(...a)),
-    onMouseleave: t[13] || (t[13] = (...a) => i.handleMouseOut && i.handleMouseOut(...a))
-  }, [
-    s("div", b, [
-      s("div", x, [
-        s("div", T, [
-          s("div", R, [
-            g(d, {
-              type: "text",
-              id: "datetime-input",
-              class: y(["huiyi-time-datetime-input", { invalid: l.isInvalid }]),
-              modelValue: l.inputValue,
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => l.inputValue = a),
-              placeholder: "YYYY-MM-DD ~ YYYY-MM-DD",
-              onMouseup: i.onInputFocus,
-              onBlur: i.onInputBlur,
-              onKeydown: i.onInputKeydown,
-              onInput: i.onInputChange,
-              onClick: t[1] || (t[1] = (a) => i.openShowPanel())
-            }, null, 8, ["class", "modelValue", "onMouseup", "onBlur", "onKeydown", "onInput"])
-          ])
-        ])
-      ])
-    ]),
-    s("div", {
-      class: "huiyi-time-time-panel",
-      style: S(l.showPanel ? "display:visible" : "display:none"),
-      id: "timePanel"
-    }, [
-      s("div", {
-        class: "huiyi-time-panel-container",
-        onClick: t[11] || (t[11] = m((...a) => i.clickStop && i.clickStop(...a), ["stop"]))
-      }, [
-        s("div", A, [
-          s("div", E, [
-            s("div", q, [
-              s("div", {
-                class: "huiyi-time-quick-option",
-                onClick: t[2] || (t[2] = m((a) => i.applyQuickOption({ name: "今天", type: "today", value: "full", active: !1 }), ["stop"]))
-              }, [
-                g(h, {
-                  type: "primary",
-                  plain: "",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [...t[14] || (t[14] = [
-                    M(" 今天 ", -1)
-                  ])]),
-                  _: 1
-                })
-              ])
-            ]),
-            s("div", Q, [
-              (c(!0), p(f, null, w(l.quickOptions.yesterday, (a) => (c(), p("div", {
-                key: a.name,
-                class: y(["huiyi-time-quick-option", { active: a.active }]),
-                onClick: m((D) => i.applyQuickOption(a), ["stop"])
-              }, [
-                g(h, {
-                  type: "primary",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [
-                    M(v(a.name), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, L))), 128))
-            ]),
-            s("div", B, [
-              (c(!0), p(f, null, w(l.quickOptions.thisWeek, (a) => (c(), p("div", {
-                key: a.name,
-                class: y(["huiyi-time-quick-option", { active: a.active }]),
-                onClick: m((D) => i.applyQuickOption(a), ["stop"])
-              }, [
-                g(h, {
-                  type: "primary",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [
-                    M(v(a.name), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, U))), 128))
-            ]),
-            s("div", W, [
-              (c(!0), p(f, null, w(l.quickOptions.thisMonth, (a) => (c(), p("div", {
-                key: a.name,
-                class: y(["huiyi-time-quick-option", { active: a.active }]),
-                onClick: m((D) => i.applyQuickOption(a), ["stop"])
-              }, [
-                g(h, {
-                  type: "primary",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [
-                    M(v(a.name), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, N))), 128))
-            ]),
-            s("div", K, [
-              (c(!0), p(f, null, w(l.quickOptions.common, (a) => (c(), p("div", {
-                key: a.name,
-                class: y(["huiyi-time-quick-option", { active: a.active }]),
-                onClick: m((D) => i.applyQuickOption(a), ["stop"])
-              }, [
-                g(h, {
-                  type: "primary",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [
-                    M(v(a.name), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, $))), 128))
-            ])
-          ]),
-          s("div", z, [
-            s("div", j, [
-              s("div", G, [
-                s("div", H, [
-                  s("div", {
-                    class: "huiyi-time-year-nav",
-                    onClick: t[3] || (t[3] = (a) => i.prevYear("start"))
-                  }, "<<"),
-                  s("div", {
-                    class: "huiyi-time-month-nav",
-                    onClick: t[4] || (t[4] = (a) => i.prevMonth("start"))
-                  }, "<"),
-                  s("div", J, v(i.startDateMonthYear), 1),
-                  s("div", {
-                    class: "huiyi-time-month-nav",
-                    onClick: t[5] || (t[5] = (a) => i.nextMonth("start"))
-                  }, ">"),
-                  s("div", {
-                    class: "huiyi-time-year-nav",
-                    onClick: t[6] || (t[6] = (a) => i.nextYear("start"))
-                  }, ">>")
-                ]),
-                t[15] || (t[15] = s("div", { class: "huiyi-time-week-days" }, [
-                  s("div", null, "日"),
-                  s("div", null, "一"),
-                  s("div", null, "二"),
-                  s("div", null, "三"),
-                  s("div", null, "四"),
-                  s("div", null, "五"),
-                  s("div", null, "六")
-                ], -1)),
-                s("div", X, [
-                  (c(!0), p(f, null, w(i.startCalendarDays, (a) => (c(), p("div", {
-                    key: a.id,
-                    class: y(["huiyi-time-calendar-day", {
-                      "other-month": !a.isCurrentMonth,
-                      selected: a.isSelected,
-                      today: a.isToday,
-                      "in-range": a.isInRange
-                    }]),
-                    onClick: m((D) => i.selectDate("start", a.date), ["stop"])
-                  }, v(a.day), 11, Z))), 128))
-                ])
-              ])
-            ]),
-            s("div", tt, [
-              s("div", et, [
-                s("div", nt, [
-                  s("div", {
-                    class: "huiyi-time-year-nav",
-                    onClick: t[7] || (t[7] = (a) => i.prevYear("end"))
-                  }, "<<"),
-                  s("div", {
-                    class: "huiyi-time-month-nav",
-                    onClick: t[8] || (t[8] = m((a) => i.prevMonth("end"), ["stop"]))
-                  }, "<"),
-                  s("div", at, v(i.endDateMonthYear), 1),
-                  s("div", {
-                    class: "huiyi-time-month-nav",
-                    onClick: t[9] || (t[9] = m((a) => i.nextMonth("end"), ["stop"]))
-                  }, ">"),
-                  s("div", {
-                    class: "huiyi-time-year-nav",
-                    onClick: t[10] || (t[10] = (a) => i.nextYear("end"))
-                  }, ">>")
-                ]),
-                t[16] || (t[16] = s("div", { class: "huiyi-time-week-days" }, [
-                  s("div", null, "日"),
-                  s("div", null, "一"),
-                  s("div", null, "二"),
-                  s("div", null, "三"),
-                  s("div", null, "四"),
-                  s("div", null, "五"),
-                  s("div", null, "六")
-                ], -1)),
-                s("div", it, [
-                  (c(!0), p(f, null, w(i.endCalendarDays, (a) => (c(), p("div", {
-                    key: a.id,
-                    class: y(["huiyi-time-calendar-day", {
-                      "other-month": !a.isCurrentMonth,
-                      selected: a.isSelected,
-                      today: a.isToday,
-                      "in-range": a.isInRange
-                    }]),
-                    onClick: m((D) => i.selectDate("end", a.date), ["stop"])
-                  }, v(a.day), 11, st))), 128))
-                ])
-              ])
-            ])
-          ])
-        ])
-      ])
-    ], 4)
-  ], 32);
-}
-const V = /* @__PURE__ */ O(P, [["render", lt], ["__scopeId", "data-v-f5587819"]]);
-V.install = (e) => {
-  e.component(V.name, V);
-};
-const rt = [
-  V
-], _ = function(e) {
-  _.installed || rt.forEach((t) => {
-    e.component(t.name, t);
-  });
-};
-typeof window < "u" && window.Vue && _(window.Vue);
-const ut = {
-  install: _,
-  TimeComponentsUp: V
-};
-export {
-  V as TimeComponentsUp,
-  ut as default,
-  _ as install
-};

package/dist/style.css

@@ -1 +0,0 @@
-#huiyi-time-app[data-v-f5587819]{position:relative}.huiyi-time-input-section[data-v-f5587819]{display:flex;flex-direction:column;align-items:center}.huiyi-time-input-field[data-v-f5587819]{width:100%;max-width:190px}.huiyi-time-time-panel[data-v-f5587819]{width:600px;height:300px;justify-content:center;align-items:center;z-index:10000;position:fixed}.huiyi-time-panel-container[data-v-f5587819]{background:white;border-radius:15px;width:98%;max-width:600px;box-shadow:0 15px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.huiyi-time-panel-body[data-v-f5587819]{display:flex;flex:1;overflow:hidden}.huiyi-time-quick-options[data-v-f5587819]{width:80px;background:#fff;padding:5px;border-right:1px solid #e9ecef;overflow-y:auto}.huiyi-time-quick-option[data-v-f5587819]{display:block;width:50px;padding:0 5px;background:white;border-radius:8px;text-align:left;margin-bottom:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.huiyi-time-quick-option.active[data-v-f5587819]{background:#409eff;color:#fff;border-color:#409eff}.huiyi-time-panels-container[data-v-f5587819]{flex:1;display:flex;overflow:hidden}.huiyi-time-date-panel[data-v-f5587819]{flex:1;padding:10px;overflow-y:auto;width:360px;border-right:1px solid #e9ecef}.huiyi-time-date-panel[data-v-f5587819]:last-child{border-right:none}.huiyi-time-calendar-header[data-v-f5587819]{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.huiyi-time-year-nav[data-v-f5587819]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-year-nav[data-v-f5587819]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-month-nav[data-v-f5587819]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-month-nav[data-v-f5587819]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-current-month[data-v-f5587819]{font-size:1.1rem;font-weight:600;color:#333}.huiyi-time-week-days[data-v-f5587819]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px;font-weight:600;color:#666;font-size:.85rem}.huiyi-time-calendar-days[data-v-f5587819]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.huiyi-time-calendar-day[data-v-f5587819]{height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.huiyi-time-calendar-day[data-v-f5587819]:hover{background:#e9ecef;color:var(--el-color-primary)}.huiyi-time-calendar-day.other-month[data-v-f5587819]{color:#ccc}.huiyi-time-calendar-day.selected[data-v-f5587819]{background:var(--el-color-primary)!important;color:#fff}.huiyi-time-calendar-day.today[data-v-f5587819]{background:#fff;color:var(--el-color-primary);font-weight:600}.huiyi-time-calendar-day.in-range[data-v-f5587819]{background:#e6eeff}@media (max-width: 900px){.huiyi-time-panel-body[data-v-f5587819]{flex-direction:column;max-height:none}.huiyi-time-quick-options[data-v-f5587819]{width:100%;border-right:none;border-bottom:1px solid #e9ecef;max-height:200px}.huiyi-time-panels-container[data-v-f5587819]{flex-direction:column}.huiyi-time-date-panel[data-v-f5587819]{border-right:none;border-bottom:1px solid #e9ecef}.huiyi-time-date-panel[data-v-f5587819]:last-child{border-bottom:none}}

package/huiyi-time/huiyi-time.umd.js

@@ -1 +0,0 @@
-(function(u,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.HuiyiTime={},u.Vue))})(this,function(u,t){"use strict";const X="",Z="",f=(n,e)=>{const a=n.__vccOpts||n;for(const[r,l]of e)a[r]=l;return a},w={name:"TimeComponentsUp",props:{initTime:{type:String,default:""}},data(){return{showPanel:!1,startDate:new Date,endDate:new Date,activeControl:"startYear",selectedRange:null,inputValue:"",isInvalid:!1,inputSelection:{start:0,end:0},mouseOver:!1,startCalendarViewDate:new Date,endCalendarViewDate:new Date,quickOptions:{common:[{name:"近3月",type:"months",value:3,active:!1},{name:"近1年",type:"years",value:1,active:!1}],today:[],yesterday:[{name:"昨天",type:"yesterday",value:"full",active:!1}],thisWeek:[{name:"本周",type:"thisWeek",value:"full",active:!1}],thisMonth:[{name:"本月",type:"thisMonth",value:"full",active:!1}]},dateFormatter:new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"2-digit"})}},computed:{startDateMonthYear(){const n=this.startCalendarViewDate.getFullYear(),e=this.startCalendarViewDate.getMonth()+1;return`${n}年${e}月`},endDateMonthYear(){const n=this.endCalendarViewDate.getFullYear(),e=this.endCalendarViewDate.getMonth()+1;return`${n}年${e}月`},startCalendarDays(){return this.generateCalendarDays(this.startCalendarViewDate,this.startDate,this.endDate,"start")},endCalendarDays(){return this.generateCalendarDays(this.endCalendarViewDate,this.startDate,this.endDate,"end")},fieldPositions(){return[{name:"startYear",start:0,end:4,length:4},{name:"startMonth",start:5,end:7,length:2},{name:"startDay",start:8,end:10,length:2},{name:"endYear",start:13,end:17,length:4},{name:"endMonth",start:18,end:20,length:2},{name:"endDay",start:21,end:23,length:2}]}},mounted(){this.inputValue=this.initTime,this.updateQuickOptionsActiveState()},methods:{setActiveControl(n){this.activeControl=n},updateInputValue(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};this.inputValue=`${n(this.startDate)} ~ ${n(this.endDate)}`,this.modelClick()},onInputFocus(n){setTimeout(()=>{this.inputSelection={start:n.target.selectionStart,end:n.target.selectionEnd},this.selectCurrentField(this.inputSelection.start)},0)},onInputBlur(){this.validateInput()},onInputChange(){this.validateInput()},onInputKeydown(n){const e=n.key;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e)&&(n.preventDefault(),e==="ArrowLeft"?this.navigateLeft():e==="ArrowRight"?this.navigateRight():e==="ArrowUp"?this.incrementValue():e==="ArrowDown"&&this.decrementValue()),e==="Tab"&&(n.preventDefault(),n.shiftKey?this.navigateLeft():this.navigateRight()),e==="Enter"&&(n.preventDefault(),this.showPanel=!1)},navigateLeft(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a>0?e=this.fieldPositions[a-1]:e=this.fieldPositions[this.fieldPositions.length-1];break}e||(e=this.fieldPositions[0]),this.selectField(e)},navigateRight(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a<this.fieldPositions.length-1?e=this.fieldPositions[a+1]:e=this.fieldPositions[0];break}e||(e=this.fieldPositions[0]),this.selectField(e)},selectCurrentField(n){for(const e of this.fieldPositions)if(n>=e.start&&n<=e.end){this.selectField(e);return}this.selectField(this.fieldPositions[0])},selectField(n){document.getElementById("datetime-input").setSelectionRange(n.start,n.end),this.inputSelection={start:n.start,end:n.end},this.activeControl=n.name},incrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))+1;switch(n.name){case"startYear":case"endYear":break;case"startMonth":case"endMonth":a>12&&(a=1);break;case"startDay":case"endDay":a>31&&(a=1);break}this.updateFieldValue(n,a)},decrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))-1;switch(n.name){case"startYear":case"endYear":a<1&&(a=9999);break;case"startMonth":case"endMonth":a<1&&(a=12);break;case"startDay":case"endDay":a<1&&(a=31);break}this.updateFieldValue(n,a)},getCurrentField(){for(const n of this.fieldPositions)if(this.inputSelection.start>=n.start&&this.inputSelection.start<=n.end)return n;return null},updateFieldValue(n,e){const a=String(e).padStart(n.length,"0"),r=this.inputValue.substring(0,n.start)+a+this.inputValue.substring(n.end);this.inputValue=r,this.$nextTick(()=>{this.selectField(n)}),this.updateDateFromInput()},updateDateFromInput(){if(!this.validateInputFormat())return;const n=this.inputValue.split(/[''~-]/);if(n.length!==6)return;const e=parseInt(n[0]),a=parseInt(n[1])-1,r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4])-1,d=parseInt(n[5]),h=new Date(e,a,r),i=new Date(l,s,d);if(isNaN(h.getTime())||isNaN(i.getTime())){this.isInvalid=!0;return}this.startDate=h,this.endDate=i,this.isInvalid=!1,this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},validateInputFormat(){return/^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/.test(this.inputValue)},validateInput(){if(!this.validateInputFormat()){this.isInvalid=!0;return}const n=this.inputValue.split(/[ ~-]/),e=parseInt(n[0]),a=parseInt(n[1]),r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4]),d=parseInt(n[5]);if(a<1||a>12||s<1||s>12){this.isInvalid=!0;return}if(r<1||r>31||d<1||d>31){this.isInvalid=!0;return}const h=new Date(e,a-1,r),i=new Date(l,s-1,d);if(h.getMonth()!==a-1||h.getDate()!==r||i.getMonth()!==s-1||i.getDate()!==d){this.isInvalid=!0;return}this.isInvalid=!1},prevYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.endCalendarViewDate=e}},nextYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.endCalendarViewDate=e}},prevMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()-1),this.endCalendarViewDate=e}},nextMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()+1),this.endCalendarViewDate=e}},selectDate(n,e){n==="start"?this.startDate=e:this.endDate=e,this.updateInputValue(),this.updateQuickOptionsActiveState()},generateCalendarDays(n,e,a,r){const l=n.getFullYear(),s=n.getMonth(),d=new Date(l,s,1),h=new Date(l,s+1,0),i=d.getDay(),m=new Date(l,s,0).getDate(),D=[],g=new Date;for(let o=i-1;o>=0;o--){const c=new Date(l,s-1,m-o);D.push({id:`prev-${o}-${r}`,day:m-o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}for(let o=1;o<=h.getDate();o++){const c=new Date(l,s,o);D.push({id:`current-${o}-${r}`,day:o,date:c,isCurrentMonth:!0,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}const J=42-D.length;for(let o=1;o<=J;o++){const c=new Date(l,s+1,o);D.push({id:`next-${o}-${r}`,day:o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,g),isInRange:this.isDateInRange(c,e,a)})}return D},isSameDay(n,e){return n.getFullYear()===e.getFullYear()&&n.getMonth()===e.getMonth()&&n.getDate()===e.getDate()},isDateInRange(n,e,a){return n>=e&&n<=a},applyQuickOption(n){const e=new Date;let a=new Date,r=new Date;switch(n.type){case"days":a=new Date(e.getTime()-n.value*24*60*60*1e3);break;case"months":a=new Date(e.getFullYear(),e.getMonth()-n.value,e.getDate());break;case"years":a=new Date(e.getFullYear()-n.value,e.getMonth(),e.getDate());break;case"today":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=new Date(e.getFullYear(),e.getMonth(),e.getDate()));break;case"yesterday":if(n.value==="full"){const l=new Date(e.getTime()-864e5);a=new Date(l.getFullYear(),l.getMonth(),l.getDate()),r=new Date(l.getFullYear(),l.getMonth(),l.getDate())}break;case"thisWeek":{const l=e.getDay(),s=new Date(e.getTime()-l*24*60*60*1e3);if(n.value==="full"){a=new Date(s.getFullYear(),s.getMonth(),s.getDate());const d=new Date(s.getTime()+6*24*60*60*1e3);r=new Date(d.getFullYear(),d.getMonth(),d.getDate())}break}case"thisMonth":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),1),r=new Date(e.getFullYear(),e.getMonth()+1,0));break}this.startDate=a,this.endDate=r,this.updateInputValue(),this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},updateQuickOptionsActiveState(){Object.keys(this.quickOptions).forEach(n=>{this.quickOptions[n].forEach(e=>{e.active=!1})})},formatRangeDisplay(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};return`${n(this.startDate)} ~ ${n(this.endDate)}`},clickStop(n){n.stopPropagation()},confirmSelection(){this.selectedRange=this.formatRangeDisplay(),this.inputValue=this.selectedRange,this.showPanel=!1},blurInput(){this.mouseOver==!1&&(this.showPanel=!1)},handleMouseOver(){this.mouseOver=!0},handleMouseOut(){this.mouseOver=!1},modelClick(){this.showPanel=!1;const e=this.inputValue.split("~").map(a=>a.trim());this.$emit("changeTime",e)},handleListener(){const n=document.getElementById("content"),e=document.getElementById("timePanel");document.addEventListener("click",a=>{const r=n.contains(a.target),l=e.contains(a.target);r||l||this.modelClick()})},openShowPanel(){this.showPanel=!0,this.handleListener()}}},V={class:"container",id:"content"},k={class:"content"},C={class:"huiyi-time-input-section"},M={class:"huiyi-time-input-field"},E={class:"huiyi-time-panel-body"},N={class:"huiyi-time-quick-options"},_={class:"option-group"},I={class:"option-group"},S=["onClick"],F={class:"option-group"},Y=["onClick"],v={class:"option-group"},O=["onClick"],b={class:"option-group"},B=["onClick"],P={class:"huiyi-time-panels-container"},T={class:"huiyi-time-date-panel"},x={class:"calendar-section"},R={class:"huiyi-time-calendar-header"},L={class:"huiyi-time-current-month"},q={class:"huiyi-time-calendar-days"},A=["onClick"],Q={class:"huiyi-time-date-panel"},U={class:"calendar-section"},z={class:"huiyi-time-calendar-header"},W={class:"huiyi-time-current-month"},K={class:"huiyi-time-calendar-days"},$=["onClick"];function j(n,e,a,r,l,s){const d=t.resolveComponent("el-input"),h=t.resolveComponent("el-button");return t.openBlock(),t.createElementBlock("div",{id:"huiyi-time-app",onMouseover:e[12]||(e[12]=(...i)=>s.handleMouseOver&&s.handleMouseOver(...i)),onMouseleave:e[13]||(e[13]=(...i)=>s.handleMouseOut&&s.handleMouseOut(...i))},[t.createElementVNode("div",V,[t.createElementVNode("div",k,[t.createElementVNode("div",C,[t.createElementVNode("div",M,[t.createVNode(d,{type:"text",id:"datetime-input",class:t.normalizeClass(["huiyi-time-datetime-input",{invalid:l.isInvalid}]),modelValue:l.inputValue,"onUpdate:modelValue":e[0]||(e[0]=i=>l.inputValue=i),placeholder:"YYYY-MM-DD ~ YYYY-MM-DD",onMouseup:s.onInputFocus,onBlur:s.onInputBlur,onKeydown:s.onInputKeydown,onInput:s.onInputChange,onClick:e[1]||(e[1]=i=>s.openShowPanel())},null,8,["class","modelValue","onMouseup","onBlur","onKeydown","onInput"])])])])]),t.createElementVNode("div",{class:"huiyi-time-time-panel",style:t.normalizeStyle(l.showPanel?"display:visible":"display:none"),id:"timePanel"},[t.createElementVNode("div",{class:"huiyi-time-panel-container",onClick:e[11]||(e[11]=t.withModifiers((...i)=>s.clickStop&&s.clickStop(...i),["stop"]))},[t.createElementVNode("div",E,[t.createElementVNode("div",N,[t.createElementVNode("div",_,[t.createElementVNode("div",{class:"huiyi-time-quick-option",onClick:e[2]||(e[2]=t.withModifiers(i=>s.applyQuickOption({name:"今天",type:"today",value:"full",active:!1}),["stop"]))},[t.createVNode(h,{type:"primary",plain:"",text:"",bg:""},{default:t.withCtx(()=>[...e[14]||(e[14]=[t.createTextVNode(" 今天 ",-1)])]),_:1})])]),t.createElementVNode("div",I,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.yesterday,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,S))),128))]),t.createElementVNode("div",F,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisWeek,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,Y))),128))]),t.createElementVNode("div",v,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisMonth,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,O))),128))]),t.createElementVNode("div",b,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.common,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,B))),128))])]),t.createElementVNode("div",P,[t.createElementVNode("div",T,[t.createElementVNode("div",x,[t.createElementVNode("div",R,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[3]||(e[3]=i=>s.prevYear("start"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[4]||(e[4]=i=>s.prevMonth("start"))},"<"),t.createElementVNode("div",L,t.toDisplayString(s.startDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[5]||(e[5]=i=>s.nextMonth("start"))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[6]||(e[6]=i=>s.nextYear("start"))},">>")]),e[15]||(e[15]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",q,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.startCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("start",i.date),["stop"])},t.toDisplayString(i.day),11,A))),128))])])]),t.createElementVNode("div",Q,[t.createElementVNode("div",U,[t.createElementVNode("div",z,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[7]||(e[7]=i=>s.prevYear("end"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[8]||(e[8]=t.withModifiers(i=>s.prevMonth("end"),["stop"]))},"<"),t.createElementVNode("div",W,t.toDisplayString(s.endDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[9]||(e[9]=t.withModifiers(i=>s.nextMonth("end"),["stop"]))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[10]||(e[10]=i=>s.nextYear("end"))},">>")]),e[16]||(e[16]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",K,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.endCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("end",i.date),["stop"])},t.toDisplayString(i.day),11,$))),128))])])])])])])],4)],32)}const p=f(w,[["render",j],["__scopeId","data-v-f5587819"]]);p.install=n=>{n.component(p.name,p)};const H=[p],y=function(n){y.installed||H.forEach(e=>{n.component(e.name,e)})};typeof window<"u"&&window.Vue&&y(window.Vue);const G={install:y,TimeComponentsUp:p};u.TimeComponentsUp=p,u.default=G,u.install=y,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/huiyi-time/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

package/huiyi-time/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "huiyi-time",
-  "version": "0.1.12",
-  "description": "A Vue.js time range picker component",
-  "main": "huiyi-time.umd.js",
-  "module": "huiyi-time.es.js",
-  "unpkg": "huiyi-time.umd.js",
-  "browser": "huiyi-time.umd.js",
-  "keywords": [
-    "vue",
-    "component",
-    "time-picker",
-    "date-range"
-  ],
-  "author": "Time Components Up",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  }
-}

package/huiyi-time/style.css

@@ -1 +0,0 @@
-#huiyi-time-app[data-v-f5587819]{position:relative}.huiyi-time-input-section[data-v-f5587819]{display:flex;flex-direction:column;align-items:center}.huiyi-time-input-field[data-v-f5587819]{width:100%;max-width:190px}.huiyi-time-time-panel[data-v-f5587819]{width:600px;height:300px;justify-content:center;align-items:center;z-index:10000;position:fixed}.huiyi-time-panel-container[data-v-f5587819]{background:white;border-radius:15px;width:98%;max-width:600px;box-shadow:0 15px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.huiyi-time-panel-body[data-v-f5587819]{display:flex;flex:1;overflow:hidden}.huiyi-time-quick-options[data-v-f5587819]{width:80px;background:#fff;padding:5px;border-right:1px solid #e9ecef;overflow-y:auto}.huiyi-time-quick-option[data-v-f5587819]{display:block;width:50px;padding:0 5px;background:white;border-radius:8px;text-align:left;margin-bottom:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.huiyi-time-quick-option.active[data-v-f5587819]{background:#409eff;color:#fff;border-color:#409eff}.huiyi-time-panels-container[data-v-f5587819]{flex:1;display:flex;overflow:hidden}.huiyi-time-date-panel[data-v-f5587819]{flex:1;padding:10px;overflow-y:auto;width:360px;border-right:1px solid #e9ecef}.huiyi-time-date-panel[data-v-f5587819]:last-child{border-right:none}.huiyi-time-calendar-header[data-v-f5587819]{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.huiyi-time-year-nav[data-v-f5587819]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-year-nav[data-v-f5587819]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-month-nav[data-v-f5587819]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-month-nav[data-v-f5587819]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-current-month[data-v-f5587819]{font-size:1.1rem;font-weight:600;color:#333}.huiyi-time-week-days[data-v-f5587819]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px;font-weight:600;color:#666;font-size:.85rem}.huiyi-time-calendar-days[data-v-f5587819]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.huiyi-time-calendar-day[data-v-f5587819]{height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.huiyi-time-calendar-day[data-v-f5587819]:hover{background:#e9ecef;color:var(--el-color-primary)}.huiyi-time-calendar-day.other-month[data-v-f5587819]{color:#ccc}.huiyi-time-calendar-day.selected[data-v-f5587819]{background:var(--el-color-primary)!important;color:#fff}.huiyi-time-calendar-day.today[data-v-f5587819]{background:#fff;color:var(--el-color-primary);font-weight:600}.huiyi-time-calendar-day.in-range[data-v-f5587819]{background:#e6eeff}@media (max-width: 900px){.huiyi-time-panel-body[data-v-f5587819]{flex-direction:column;max-height:none}.huiyi-time-quick-options[data-v-f5587819]{width:100%;border-right:none;border-bottom:1px solid #e9ecef;max-height:200px}.huiyi-time-panels-container[data-v-f5587819]{flex-direction:column}.huiyi-time-date-panel[data-v-f5587819]{border-right:none;border-bottom:1px solid #e9ecef}.huiyi-time-date-panel[data-v-f5587819]:last-child{border-bottom:none}}

package/jsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "esnext",
-    "baseUrl": "./",
-    "moduleResolution": "node",
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
-  }
-}

package/vite.config.js

@@ -1,43 +0,0 @@
-import { defineConfig } from 'vite'
-import { resolve } from 'path'
-import vue from '@vitejs/plugin-vue'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, 'examples'),
-      '~': resolve(__dirname, 'packages')
-    }
-  },
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'packages/index.js'),
-      name: 'HuiyiTime',
-      fileName: (format) => `huiyi-time.${format}.js`,
-      formats: ['es', 'umd']
-    },
-    rollupOptions: {
-      external: ['vue'],
-      output: {
-        // 为UMD格式提供全局变量名
-        globals: {
-          vue: 'Vue'
-        },
-        // 为ES格式明确导出模式
-        exports: 'named',
-        // 将CSS提取到单独的文件中
-        assetFileNames: (assetInfo) => {
-          if (assetInfo.name === 'style.css') {
-            return 'style.css';
-          }
-          return assetInfo.name;
-        }
-      }
-    }
-  },
-  server: {
-    port: 8080
-  }
-})

package/vue.config.js

@@ -1,25 +0,0 @@
-const path = require('path')
-function resolve(dir) {
-  return path.join(__dirname, dir)
-}
-module.exports = {
-  // 修改 src 为 examples
-  pages: {
-    // lintOnSave: false,
-    index: {
-      entry: "examples/main.js",
-      template: "public/index.html",
-      filename: "index.html"
-    }
-  },
-  // 组件样式内联
-  css: {
-    extract: false
-  },
-  // 扩展 webpack 配置，使 packages 加入编译
-  chainWebpack: config => {
-    config.resolve.alias
-      .set('@', resolve('examples'))
-      .set('~', resolve('packages'))
-  }
-};