vxe-pc-ui 3.4.5 → 3.4.7

package/lib/index.umd.js

@@ -12854,14 +12854,14 @@ var defineVxeComponent = function defineVxeComponent(options) {
 };
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.4.5");
+var log_version = "ui v".concat("3.4.7");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-var ui_version = "3.4.5";
+var ui_version = "3.4.7";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -16423,10 +16423,12 @@ function getDateQuarter(date) {
       }
       return years;
     },
-    computeSelectDatePanelLabel: function computeSelectDatePanelLabel() {
+    computeSelectDatePanelObj: function computeSelectDatePanelObj() {
       var $xeCalendar = this;
       var reactData = $xeCalendar.reactData;
       var isCalendarType = $xeCalendar.computeIsCalendarType;
+      var y = '';
+      var m = '';
       if (isCalendarType) {
         var datePanelType = reactData.datePanelType,
           selectMonth = reactData.selectMonth;
@@ -16437,16 +16439,19 @@ function getDateQuarter(date) {
           year = selectMonth.getFullYear();
           month = selectMonth.getMonth() + 1;
         }
-        if (datePanelType === 'quarter') {
-          return getI18n('vxe.input.date.quarterLabel', [year]);
-        } else if (datePanelType === 'month') {
-          return getI18n('vxe.input.date.monthLabel', [year]);
+        if (datePanelType === 'quarter' || datePanelType === 'month') {
+          y = "".concat(year);
         } else if (datePanelType === 'year') {
-          return yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
+          y = yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
+        } else {
+          y = "".concat(year);
+          m = month ? getI18n("vxe.input.date.m".concat(month)) : '-';
         }
-        return getI18n('vxe.input.date.dayLabel', [year, month ? getI18n("vxe.input.date.m".concat(month)) : '-']);
       }
-      return '';
+      return {
+        y: y,
+        m: m
+      };
     },
     computeFirstDayOfWeek: function computeFirstDayOfWeek() {
       var $xeCalendar = this;
@@ -16788,7 +16793,12 @@ function getDateQuarter(date) {
       reactData.currentDate = currentDate;
       $xeCalendar.dateMonthHandle(currentDate, 0);
     },
-    dateToggleTypeEvent: function dateToggleTypeEvent(evnt) {
+    dateToggleYearTypeEvent: function dateToggleYearTypeEvent() {
+      var $xeCalendar = this;
+      var reactData = $xeCalendar.reactData;
+      reactData.datePanelType = 'year';
+    },
+    dateToggleMonthTypeEvent: function dateToggleMonthTypeEvent(evnt) {
       var $xeCalendar = this;
       var reactData = $xeCalendar.reactData;
       var datePanelType = reactData.datePanelType;
@@ -17379,20 +17389,33 @@ function getDateQuarter(date) {
       var datePanelType = reactData.datePanelType;
       var isDisabledPrevDateBtn = $xeCalendar.computeIsDisabledPrevDateBtn;
       var isDisabledNextDateBtn = $xeCalendar.computeIsDisabledNextDateBtn;
-      var selectDatePanelLabel = $xeCalendar.computeSelectDatePanelLabel;
+      var selectDatePanelObj = $xeCalendar.computeSelectDatePanelObj;
       return [h('div', {
         class: 'vxe-calendar--header'
       }, [h('div', {
         class: 'vxe-calendar--type-wrapper'
-      }, [h(src_button, {
+      }, [datePanelType === 'year' ? h(src_button, {
         props: {
           disabled: datePanelType === 'year',
-          content: selectDatePanelLabel
+          content: selectDatePanelObj.y
+        }
+      }) : h('span', {
+        class: 'vxe-calendar--date-picker-btns'
+      }, [h(src_button, {
+        props: {
+          content: selectDatePanelObj.y
         },
         on: {
-          click: $xeCalendar.dateToggleTypeEvent
+          click: $xeCalendar.dateToggleYearTypeEvent
         }
-      })]), h('div', {
+      }), selectDatePanelObj.m ? h(src_button, {
+        props: {
+          content: selectDatePanelObj.m
+        },
+        on: {
+          click: $xeCalendar.dateToggleMonthTypeEvent
+        }
+      }) : renderEmptyElement($xeCalendar)])]), h('div', {
         class: 'vxe-calendar--btn-wrapper'
       }, [h(src_button, {
         props: {
@@ -24552,10 +24575,12 @@ var Countdown = VxeCountdown;
       }
       return years;
     },
-    computeSelectDatePanelLabel: function computeSelectDatePanelLabel() {
+    computeSelectDatePanelObj: function computeSelectDatePanelObj() {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
       var isDatePickerType = $xeDatePicker.computeIsDatePickerType;
+      var y = '';
+      var m = '';
       if (isDatePickerType) {
         var datePanelType = reactData.datePanelType,
           selectMonth = reactData.selectMonth;
@@ -24566,16 +24591,19 @@ var Countdown = VxeCountdown;
           year = selectMonth.getFullYear();
           month = selectMonth.getMonth() + 1;
         }
-        if (datePanelType === 'quarter') {
-          return getI18n('vxe.input.date.quarterLabel', [year]);
-        } else if (datePanelType === 'month') {
-          return getI18n('vxe.input.date.monthLabel', [year]);
+        if (datePanelType === 'quarter' || datePanelType === 'month') {
+          y = "".concat(year);
         } else if (datePanelType === 'year') {
-          return yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
+          y = yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
+        } else {
+          y = "".concat(year);
+          m = month ? getI18n("vxe.input.date.m".concat(month)) : '-';
         }
-        return getI18n('vxe.input.date.dayLabel', [year, month ? getI18n("vxe.input.date.m".concat(month)) : '-']);
       }
-      return '';
+      return {
+        y: y,
+        m: m
+      };
     },
     computeFirstDayOfWeek: function computeFirstDayOfWeek() {
       var $xeDatePicker = this;
@@ -25309,7 +25337,12 @@ var Countdown = VxeCountdown;
       reactData.currentDate = currentDate;
       $xeDatePicker.dateMonthHandle(currentDate, 0);
     },
-    dateToggleTypeEvent: function dateToggleTypeEvent() {
+    dateToggleYearTypeEvent: function dateToggleYearTypeEvent() {
+      var $xeDatePicker = this;
+      var reactData = $xeDatePicker.reactData;
+      reactData.datePanelType = 'year';
+    },
+    dateToggleMonthTypeEvent: function dateToggleMonthTypeEvent() {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
       var datePanelType = reactData.datePanelType;
@@ -26368,19 +26401,27 @@ var Countdown = VxeCountdown;
       var datePanelType = reactData.datePanelType;
       var isDisabledPrevDateBtn = $xeDatePicker.computeIsDisabledPrevDateBtn;
       var isDisabledNextDateBtn = $xeDatePicker.computeIsDisabledNextDateBtn;
-      var selectDatePanelLabel = $xeDatePicker.computeSelectDatePanelLabel;
+      var selectDatePanelObj = $xeDatePicker.computeSelectDatePanelObj;
+      var supportMultiples = $xeDatePicker.computeSupportMultiples;
       return [h('div', {
         class: 'vxe-date-picker--date-picker-header'
       }, [h('div', {
         class: 'vxe-date-picker--date-picker-type-wrapper'
       }, [datePanelType === 'year' ? h('span', {
         class: 'vxe-date-picker--date-picker-label'
-      }, selectDatePanelLabel) : h('span', {
+      }, selectDatePanelObj.y) : h('span', {
+        class: 'vxe-date-picker--date-picker-btns'
+      }, [h('span', {
         class: 'vxe-date-picker--date-picker-btn',
         on: {
-          click: $xeDatePicker.dateToggleTypeEvent
+          click: $xeDatePicker.dateToggleYearTypeEvent
         }
-      }, selectDatePanelLabel)]), h('div', {
+      }, selectDatePanelObj.y), selectDatePanelObj.m ? h('span', {
+        class: 'vxe-date-picker--date-picker-btn',
+        on: {
+          click: $xeDatePicker.dateToggleMonthTypeEvent
+        }
+      }, selectDatePanelObj.m) : renderEmptyElement($xeDatePicker)])]), h('div', {
         class: 'vxe-date-picker--date-picker-btn-wrapper'
       }, [h('span', {
         class: ['vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn', {
@@ -26407,7 +26448,7 @@ var Countdown = VxeCountdown;
         }
       }, [h('i', {
         class: 'vxe-icon-caret-right'
-      })]), multiple && $xeDatePicker.computeSupportMultiples ? h('span', {
+      })]), multiple && supportMultiples ? h('span', {
         class: 'vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn'
       }, [h('button', {
         class: 'vxe-date-picker--date-picker-confirm',