vxe-pc-ui 4.4.6 → 4.4.8

package/lib/index.umd.js

@@ -3643,6 +3643,9 @@ setTheme();
       fixedRight: '冻结在右侧',
       cancelFixed: '取消冻结列'
     },
+    datePicker: {
+      yearTitle: '{0} 年'
+    },
     input: {
       date: {
         m1: '01 月',
@@ -4149,14 +4152,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.4.6"}`;
+const log_version = `ui v${"4.4.8"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.4.6";
+const ui_version = "4.4.8";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -7369,8 +7372,10 @@ function getDateQuarter(date) {
       }
       return years;
     });
-    const computeSelectDatePanelLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeSelectDatePanelObj = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const isCalendarType = computeIsCalendarType.value;
+      let y = '';
+      let m = '';
       if (isCalendarType) {
         const {
           datePanelType,
@@ -7383,16 +7388,19 @@ function getDateQuarter(date) {
           year = selectMonth.getFullYear();
           month = selectMonth.getMonth() + 1;
         }
-        if (datePanelType === 'quarter') {
-          return i18n_getI18n('vxe.input.date.quarterLabel', [year]);
-        } else if (datePanelType === 'month') {
-          return i18n_getI18n('vxe.input.date.monthLabel', [year]);
+        if (datePanelType === 'quarter' || datePanelType === 'month') {
+          y = `${year}`;
         } else if (datePanelType === 'year') {
-          return yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
+          y = yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
+        } else {
+          y = `${year}`;
+          m = month ? i18n_getI18n(`vxe.input.date.m${month}`) : '-';
         }
-        return i18n_getI18n('vxe.input.date.dayLabel', [year, month ? i18n_getI18n(`vxe.input.date.m${month}`) : '-']);
       }
-      return '';
+      return {
+        y,
+        m
+      };
     });
     const computeFirstDayOfWeek = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -7690,7 +7698,10 @@ function getDateQuarter(date) {
       reactData.currentDate = currentDate;
       dateMonthHandle(currentDate, 0);
     };
-    const dateToggleTypeEvent = evnt => {
+    const dateToggleYearTypeEvent = () => {
+      reactData.datePanelType = 'year';
+    };
+    const dateToggleMonthTypeEvent = evnt => {
       let {
         datePanelType
       } = reactData;
@@ -8217,16 +8228,26 @@ function getDateQuarter(date) {
       } = reactData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
-      const selectDatePanelLabel = computeSelectDatePanelLabel.value;
+      const selectDatePanelObj = computeSelectDatePanelObj.value;
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-calendar--header'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-calendar--type-wrapper'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, [datePanelType === 'year' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        class: 'vxe-calendar--date-picker-label',
         disabled: datePanelType === 'year',
-        content: selectDatePanelLabel,
-        onClick: dateToggleTypeEvent
-      })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        content: selectDatePanelObj.y
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-calendar--date-picker-btns'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        class: 'vxe-calendar--date-picker-btn',
+        content: selectDatePanelObj.y,
+        onClick: dateToggleYearTypeEvent
+      }), selectDatePanelObj.m ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        class: 'vxe-calendar--date-picker-btn',
+        content: selectDatePanelObj.m,
+        onClick: dateToggleMonthTypeEvent
+      }) : renderEmptyElement($xeCalendar)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-calendar--btn-wrapper'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
         disabled: isDisabledPrevDateBtn,
@@ -10623,8 +10644,10 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
       return years;
     });
-    const computeSelectDatePanelLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeSelectDatePanelObj = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const isDatePickerType = computeIsDatePickerType.value;
+      let y = '';
+      let m = '';
       if (isDatePickerType) {
         const {
           datePanelType,
@@ -10637,16 +10660,19 @@ function toFloatValueFixed(inputValue, digitsValue) {
           year = selectMonth.getFullYear();
           month = selectMonth.getMonth() + 1;
         }
-        if (datePanelType === 'quarter') {
-          return i18n_getI18n('vxe.input.date.quarterLabel', [year]);
-        } else if (datePanelType === 'month') {
-          return i18n_getI18n('vxe.input.date.monthLabel', [year]);
+        if (datePanelType === 'quarter' || datePanelType === 'month') {
+          y = i18n_getI18n('vxe.datePicker.yearTitle', [year]);
         } else if (datePanelType === 'year') {
-          return yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
+          y = yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
+        } else {
+          y = i18n_getI18n('vxe.datePicker.yearTitle', [year]);
+          m = month ? i18n_getI18n(`vxe.input.date.m${month}`) : '-';
         }
-        return i18n_getI18n('vxe.input.date.dayLabel', [year, month ? i18n_getI18n(`vxe.input.date.m${month}`) : '-']);
       }
-      return '';
+      return {
+        y,
+        m
+      };
     });
     const computeFirstDayOfWeek = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -11525,7 +11551,10 @@ function toFloatValueFixed(inputValue, digitsValue) {
       reactData.currentDate = currentDate;
       dateMonthHandle(currentDate, 0);
     };
-    const dateToggleTypeEvent = () => {
+    const dateToggleYearTypeEvent = () => {
+      reactData.datePanelType = 'year';
+    };
+    const dateToggleMonthTypeEvent = () => {
       let {
         datePanelType
       } = reactData;
@@ -12450,17 +12479,22 @@ function toFloatValueFixed(inputValue, digitsValue) {
       } = reactData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
-      const selectDatePanelLabel = computeSelectDatePanelLabel.value;
+      const selectDatePanelObj = computeSelectDatePanelObj.value;
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-input--date-picker-header'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-input--date-picker-type-wrapper'
       }, [datePanelType === 'year' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-input--date-picker-label'
-      }, selectDatePanelLabel) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      }, selectDatePanelObj.y) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-input--date-picker-btns'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-input--date-picker-btn',
-        onClick: dateToggleTypeEvent
-      }, selectDatePanelLabel)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        onClick: dateToggleYearTypeEvent
+      }, selectDatePanelObj.y), selectDatePanelObj.m ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-input--date-picker-btn',
+        onClick: dateToggleMonthTypeEvent
+      }, selectDatePanelObj.m) : renderEmptyElement($xeInput)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-input--date-picker-btn-wrapper'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: ['vxe-input--date-picker-btn vxe-input--date-picker-prev-btn', {
@@ -14610,8 +14644,10 @@ const Countdown = VxeCountdown;
       }
       return years;
     });
-    const computeSelectDatePanelLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computeSelectDatePanelObj = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const isDatePickerType = computeIsDatePickerType.value;
+      let y = '';
+      let m = '';
       if (isDatePickerType) {
         const {
           datePanelType,
@@ -14624,16 +14660,19 @@ const Countdown = VxeCountdown;
           year = selectMonth.getFullYear();
           month = selectMonth.getMonth() + 1;
         }
-        if (datePanelType === 'quarter') {
-          return i18n_getI18n('vxe.input.date.quarterLabel', [year]);
-        } else if (datePanelType === 'month') {
-          return i18n_getI18n('vxe.input.date.monthLabel', [year]);
+        if (datePanelType === 'quarter' || datePanelType === 'month') {
+          y = i18n_getI18n('vxe.datePicker.yearTitle', [year]);
         } else if (datePanelType === 'year') {
-          return yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
+          y = yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
+        } else {
+          y = i18n_getI18n('vxe.datePicker.yearTitle', [year]);
+          m = month ? i18n_getI18n(`vxe.input.date.m${month}`) : '-';
         }
-        return i18n_getI18n('vxe.input.date.dayLabel', [year, month ? i18n_getI18n(`vxe.input.date.m${month}`) : '-']);
       }
-      return '';
+      return {
+        y,
+        m
+      };
     });
     const computeFirstDayOfWeek = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -15275,7 +15314,10 @@ const Countdown = VxeCountdown;
       reactData.currentDate = currentDate;
       dateMonthHandle(currentDate, 0);
     };
-    const dateToggleTypeEvent = () => {
+    const dateToggleYearTypeEvent = () => {
+      reactData.datePanelType = 'year';
+    };
+    const dateToggleMonthTypeEvent = () => {
       let {
         datePanelType
       } = reactData;
@@ -16293,7 +16335,7 @@ const Countdown = VxeCountdown;
       } = reactData;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
-      const selectDatePanelLabel = computeSelectDatePanelLabel.value;
+      const selectDatePanelObj = computeSelectDatePanelObj.value;
       const supportMultiples = computeSupportMultiples.value;
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--date-picker-header'
@@ -16301,10 +16343,15 @@ const Countdown = VxeCountdown;
         class: 'vxe-date-picker--date-picker-type-wrapper'
       }, [datePanelType === 'year' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-date-picker--date-picker-label'
-      }, selectDatePanelLabel) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      }, selectDatePanelObj.y) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-date-picker--date-picker-btns'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-date-picker--date-picker-btn',
+        onClick: dateToggleYearTypeEvent
+      }, selectDatePanelObj.y), selectDatePanelObj.m ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-date-picker--date-picker-btn',
-        onClick: dateToggleTypeEvent
-      }, selectDatePanelLabel)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        onClick: dateToggleMonthTypeEvent
+      }, selectDatePanelObj.m) : renderEmptyElement($xeDatePicker)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--date-picker-btn-wrapper'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: ['vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn', {