import{__decorate}from"tslib";import config from"../common/config";import{SuperComponent,wxComponent}from"../common/src/index";import usingConfig from"../mixins/using-config";import props from"./props";const dayjs=require("dayjs"),localeData=require("dayjs/plugin/localeData");dayjs.extend(localeData),dayjs.locale("zh-cn");const{prefix:prefix}=config,componentName="date-time-picker";var ModeItem;!function(t){t.YEAR="year",t.MONTH="month",t.DATE="date",t.HOUR="hour",t.MINUTE="minute",t.SECOND="second"}(ModeItem||(ModeItem={}));const DATE_MODES=["year","month","date"],TIME_MODES=["hour","minute","second"],FULL_MODES=[...DATE_MODES,...TIME_MODES];let DateTimePicker=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[usingConfig({componentName:componentName})],this.properties=props,this.externalClasses=[`${prefix}-class`,`${prefix}-class-confirm`,`${prefix}-class-cancel`,`${prefix}-class-title`],this.options={multipleSlots:!0},this.observers={"start, end, value, globalConfig"(){this.updateColumns()},mode(t){const e=this.getFullModeArray(t);this.setData({fullModes:e}),this.updateColumns()}},this.date=null,this.data={prefix:prefix,classPrefix:`${prefix}-${componentName}`,columns:[],columnsValue:[],fullModes:[]},this.controlledProps=[{key:"value",event:"change"}],this.methods={updateColumns(){this.date=this.getParseDate();const{columns:t,columnsValue:e}=this.getValueCols();this.setData({columns:t,columnsValue:e})},getDaysOfWeekInMonth(t,e){var o;const{globalConfig:s,steps:a}=this.data,n=t.startOf("month"),i=this.getOptionEdge("min",e),l=this.getOptionEdge("max",e),r=null!==(o=null==a?void 0:a[e])&&void 0!==o?o:1,u=[],d=(null==s?void 0:s.dayjsLocale)||"zh-cn";for(let t=i;t<=l;t+=r){const e=n.date(t).locale(d).format("ddd");u.push({value:`${t}`,label:`${t}${null==s?void 0:s.dateLabel} ${e}`})}return u},getParseDate(){const{value:t,defaultValue:e}=this.properties,o=this.getMinDate();let s=t||e;if(this.isTimeMode()){const t=dayjs(o).format("YYYY-MM-DD");s=dayjs(`${t} ${s}`)}let a=dayjs(s||o);if(!a.isValid()&&"string"==typeof s){const t=s.match(/(\d{4}[-/]\d{1,2}[-/]\d{1,2}(\s+\d{1,2}:\d{1,2}(:\d{1,2})?)?)/);t&&(a=dayjs(t[1]))}return a.isValid()?a:o},normalize:(t,e)=>t&&dayjs(t).isValid()?dayjs(t):e,getMinDate(){return this.normalize(this.properties.start,dayjs().subtract(10,"year"))},getMaxDate(){return this.normalize(this.properties.end,dayjs().add(10,"year"))},getDateRect(t="default"){const e=this[{min:"getMinDate",max:"getMaxDate",default:"getDate"}[t]]();return["year","month","date","hour","minute","second"].map(t=>{var o;return null===(o=e[t])||void 0===o?void 0:o.call(e)})},getDate(){return this.clipDate((null==this?void 0:this.date)||this.getMinDate())},clipDate(t){const e=this.getMinDate(),o=this.getMaxDate();return dayjs(Math.min(Math.max(e.valueOf(),t.valueOf()),o.valueOf()))},setYear(t,e){const o=t.date(),s=t.year(e).daysInMonth();return t.date(Math.min(o.valueOf(),s.valueOf())).year(e)},setMonth(t,e){const o=t.date(),s=t.month(e).daysInMonth();return t.date(Math.min(o.valueOf(),s.valueOf())).month(e)},getColumnOptions(){const{fullModes:t,filter:e}=this.data,o=[];return null==t||t.forEach(t=>{const s=this.getOptionByType(t);"function"==typeof e?o.push(e(t,s)):o.push(s)}),o},getOptionByType(t){var e,o;const{globalConfig:s,steps:a,showWeek:n}=this.data,i=[],l=this.getOptionEdge("min",t),r=this.getOptionEdge("max",t),u=null!==(e=null==a?void 0:a[t])&&void 0!==e?e:1;if("date"===t&&n)return this.getDaysOfWeekInMonth(this.date,t);for(let e=l;e<=r;e+=u)i.push({value:`${e}`,label:"month"===t?null===(o=s.months)||void 0===o?void 0:o[e]:`${e}${s[`${t}Label`]}`});return i},getYearOptions(t){const{globalConfig:e}=this.data,{minDateYear:o,maxDateYear:s}=t,a=[];for(let t=o;t<=s;t+=1)a.push({value:`${t}`,label:`${t}${e.yearLabel}`});return a},getOptionEdge(t,e){const o=this.getDateRect(),s=this.getDateRect(t),a={month:[0,11],date:[1,this.getDate().daysInMonth()],hour:[0,23],minute:[0,59],second:[0,59]},n=["year","month","date","hour","minute","second"];for(let i=0,l=o.length;i<l;i+=1){if(n[i]===e)return s[i];if(s[i]!==o[i])return a[e]["min"===t?0:1]}return a[e]["min"===t?0:1]},getMonthOptions(){const{globalConfig:t}=this.data,e=[],o=this.getOptionEdge("min","month"),s=this.getOptionEdge("max","month");for(let a=o;a<=s;a+=1)e.push({value:`${a}`,label:t.months[a]});return e},getDayOptions(){const{globalConfig:t}=this.data,e=[],o=this.getOptionEdge("min","date"),s=this.getOptionEdge("max","date");for(let a=o;a<=s;a+=1)e.push({value:`${a}`,label:`${a}${t.dateLabel}`});return e},getHourOptions(){const{globalConfig:t}=this.data,e=[],o=this.getOptionEdge("min","hour"),s=this.getOptionEdge("max","hour");for(let a=o;a<=s;a+=1)e.push({value:`${a}`,label:`${a}${t.hourLabel}`});return e},getMinuteOptions(){const{globalConfig:t}=this.data,e=[],o=this.getOptionEdge("min","minute"),s=this.getOptionEdge("max","minute");for(let a=o;a<=s;a+=1)e.push({value:`${a}`,label:`${a}${t.minuteLabel}`});return e},getValueCols(){return{columns:this.getColumnOptions(),columnsValue:this.getColumnsValue()}},getColumnsValue(){const{fullModes:t}=this.data,e=this.getDate(),o=[];return null==t||t.forEach(t=>{o.push(`${e[t]()}`)}),o},getNewDate(t,e){let o=this.getDate();switch(e){case ModeItem.YEAR:o=this.setYear(o,t);break;case ModeItem.MONTH:o=this.setMonth(o,t);break;case ModeItem.DATE:o=o.date(t);break;case ModeItem.HOUR:o=o.hour(t);break;case ModeItem.MINUTE:o=o.minute(t);break;case ModeItem.SECOND:o=o.second(t)}return this.clipDate(o)},onColumnChange(t){const{value:e,column:o}=null==t?void 0:t.detail,{fullModes:s,format:a}=this.data,n=null==e?void 0:e[o],i=null==s?void 0:s[o],l=this.getNewDate(parseInt(n,10),i);this.date=l;const{columns:r,columnsValue:u}=this.getValueCols();this.setData({columns:r,columnsValue:u});const d=this.getDate(),h=a?d.format(a):d.valueOf();this.triggerEvent("pick",{value:h})},onConfirm(){const{format:t}=this.properties,e=this.getDate(),o=t?e.format(t):e.valueOf();this._trigger("change",{value:o}),this.triggerEvent("confirm",{value:o}),this.resetColumns()},onCancel(){this.resetColumns(),this.triggerEvent("cancel")},onVisibleChange(t){t.detail.visible||this.resetColumns()},onClose(t){const{trigger:e}=t.detail;this.triggerEvent("close",{trigger:e})},resetColumns(){const t=this.getParseDate();this.date=t;const{columns:e,columnsValue:o}=this.getValueCols();this.setData({columns:e,columnsValue:o})}}}getFullModeArray(t){if("string"==typeof t||t instanceof String)return this.getFullModeByModeString(t,FULL_MODES);if(Array.isArray(t)){if(1===(null==t?void 0:t.length))return this.getFullModeByModeString(t[0],FULL_MODES);if(2===(null==t?void 0:t.length)){return[...this.getFullModeByModeString(t[0],DATE_MODES),...this.getFullModeByModeString(t[1],TIME_MODES)]}}}getFullModeByModeString(t,e){if(!t)return[];const o=null==e?void 0:e.findIndex(e=>t===e);return null==e?void 0:e.slice(0,o+1)}isTimeMode(){const{fullModes:t}=this.data;return t[0]===ModeItem.HOUR}};DateTimePicker=__decorate([wxComponent()],DateTimePicker);export default DateTimePicker;
|
