vxe-pc-ui 3.14.27 → 3.14.29

package/lib/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.14.27");
+var log_version = "ui v".concat("3.14.30");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// ./packages/ui/index.ts
@@ -13222,7 +13222,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.14.27";
+var ui_version = "3.14.30";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -30370,6 +30370,7 @@ var Countdown = VxeCountdown;
       default: 'date'
     },
     className: String,
+    cellClassName: [String, Function],
     size: {
       type: String,
       default: function _default() {
@@ -31394,7 +31395,9 @@ var Countdown = VxeCountdown;
         $xeDatePanel.hidePanel();
       }
       $xeDatePanel.dispatchEvent('date-today', {
-        type: props.type
+        viewType: reactData.datePanelType,
+        type: props.type,
+        viewDate: reactData.selectMonth
       }, evnt);
     },
     dateNextEvent: function dateNextEvent(evnt) {
@@ -31432,7 +31435,8 @@ var Countdown = VxeCountdown;
         $xeDatePanel.dispatchEvent('date-next', {
           viewType: datePanelType,
           value: value,
-          type: type
+          type: type,
+          viewDate: viewDate
         }, evnt);
       }
     },
@@ -31763,7 +31767,8 @@ var Countdown = VxeCountdown;
     getPanelDate: function getPanelDate() {
       var $xeDatePanel = this;
       var reactData = $xeDatePanel.reactData;
-      return reactData.selectMonth;
+      var selectMonth = reactData.selectMonth;
+      return selectMonth ? new Date(selectMonth.getTime()) : new Date();
     },
     checkValue: function checkValue(value) {
       var $xeDatePanel = this;
@@ -31828,7 +31833,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -31867,7 +31874,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -31900,7 +31912,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -31949,7 +31963,12 @@ var Countdown = VxeCountdown;
           }
         }, rows.map(function (item, rIndex) {
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': rIndex ? item.isNow : isNowWeek,
@@ -31982,7 +32001,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -32005,7 +32026,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -32038,7 +32064,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -32061,7 +32089,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -32094,7 +32127,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -32117,7 +32152,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -33614,6 +33654,12 @@ var DatePicker = VxeDatePicker;
         return getConfig().dateRangePicker.clearable;
       }
     },
+    linkedPanels: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().dateRangePicker.linkedPanels;
+      }
+    },
     readonly: {
       type: Boolean,
       default: null
@@ -34207,6 +34253,22 @@ var DatePicker = VxeDatePicker;
         }
       }
     },
+    panelCellClassName: function panelCellClassName(_ref) {
+      var date = _ref.date;
+      var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var startValue = reactData.startValue;
+      var endValue = reactData.endValue;
+      if (startValue && endValue) {
+        var currTime = date.getTime();
+        var startTime = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(startValue).getTime();
+        var endTime = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(endValue).getTime();
+        if (currTime >= startTime && currTime <= endTime) {
+          return 'is--range-selected';
+        }
+      }
+      return '';
+    },
     handleSelectClose: function handleSelectClose() {
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
@@ -34347,6 +34409,74 @@ var DatePicker = VxeDatePicker;
         }
       });
     },
+    startPanelDateBtnChangeEvent: function startPanelDateBtnChangeEvent(params) {
+      var $xeDateRangePicker = this;
+      var props = $xeDateRangePicker;
+      var linkedPanels = props.linkedPanels;
+      if (linkedPanels) {
+        var viewType = params.viewType;
+        var $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
+        var $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
+        if (!$startDatePanel || !$endDatePanel) {
+          return;
+        }
+        var startPanelDate = $startDatePanel.getPanelDate();
+        if (!startPanelDate) {
+          return;
+        }
+        var endYear = startPanelDate.getFullYear();
+        var endMonth = startPanelDate.getMonth();
+        switch (viewType) {
+          case 'day':
+          case 'date':
+          case 'week':
+            {
+              if (endMonth < 11) {
+                startPanelDate.setMonth(endMonth + 1);
+              } else {
+                startPanelDate.setFullYear(endYear + 1);
+                startPanelDate.setMonth(0);
+              }
+              $endDatePanel.setPanelDate(startPanelDate);
+              break;
+            }
+        }
+      }
+    },
+    endPanelDateBtnChangeEvent: function endPanelDateBtnChangeEvent(params) {
+      var $xeDateRangePicker = this;
+      var props = $xeDateRangePicker;
+      var linkedPanels = props.linkedPanels;
+      if (linkedPanels) {
+        var viewType = params.viewType;
+        var $startDatePanel = $xeDateRangePicker.$refs.refStartDatePanel;
+        var $endDatePanel = $xeDateRangePicker.$refs.refEndDatePanel;
+        if (!$startDatePanel || !$endDatePanel) {
+          return;
+        }
+        var endPanelDate = $endDatePanel.getPanelDate();
+        if (!endPanelDate) {
+          return;
+        }
+        var endYear = endPanelDate.getFullYear();
+        var endMonth = endPanelDate.getMonth();
+        switch (viewType) {
+          case 'day':
+          case 'date':
+          case 'week':
+            {
+              if (endMonth) {
+                endPanelDate.setMonth(endMonth - 1);
+              } else {
+                endPanelDate.setFullYear(endYear - 1);
+                endPanelDate.setMonth(11);
+              }
+              $startDatePanel.setPanelDate(endPanelDate);
+              break;
+            }
+        }
+      }
+    },
     // 全局事件
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $xeDateRangePicker = this;
@@ -34520,9 +34650,9 @@ var DatePicker = VxeDatePicker;
       var $xeDateRangePicker = this;
       $xeDateRangePicker.triggerEvent(evnt);
     },
-    handleShortcutEvent: function handleShortcutEvent(_ref) {
-      var option = _ref.option,
-        $event = _ref.$event;
+    handleShortcutEvent: function handleShortcutEvent(_ref2) {
+      var option = _ref2.option,
+        $event = _ref2.$event;
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
       var reactData = $xeDateRangePicker.reactData;
@@ -34740,10 +34870,14 @@ var DatePicker = VxeDatePicker;
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
-          change: $xeDateRangePicker.startPanelChangeEvent
+          change: $xeDateRangePicker.startPanelChangeEvent,
+          datePrev: $xeDateRangePicker.endPanelDateBtnChangeEvent,
+          dateToday: $xeDateRangePicker.endPanelDateBtnChangeEvent,
+          dateNext: $xeDateRangePicker.endPanelDateBtnChangeEvent
         }
       }), h(date_panel, {
         ref: 'refEndDatePanel',
@@ -34763,10 +34897,14 @@ var DatePicker = VxeDatePicker;
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
-          change: $xeDateRangePicker.endPanelChangeEvent
+          change: $xeDateRangePicker.endPanelChangeEvent,
+          datePrev: $xeDateRangePicker.endPanelDateBtnChangeEvent,
+          dateToday: $xeDateRangePicker.endPanelDateBtnChangeEvent,
+          dateNext: $xeDateRangePicker.endPanelDateBtnChangeEvent
         }
       })]), h('div', {
         class: 'vxe-date-range-picker--layout-footer-wrapper'
@@ -45061,7 +45199,12 @@ function select_createInternalData() {
   props: {
     value: [String, Number, Boolean, Array],
     defaultConfig: Object,
-    clearable: Boolean,
+    clearable: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.clearable;
+      }
+    },
     placeholder: String,
     readonly: {
       type: Boolean,
@@ -53279,7 +53422,10 @@ function table_select_createInternalData() {
   },
   props: {
     value: [String, Number, Array],
-    clearable: Boolean,
+    clearable: {
+      type: Boolean,
+      default: getConfig().tableSelect.clearable
+    },
     placeholder: {
       type: String,
       default: function _default() {
@@ -59762,7 +59908,10 @@ function tree_select_createInternalData() {
   },
   props: {
     value: [String, Number, Array],
-    clearable: Boolean,
+    clearable: {
+      type: Boolean,
+      default: getConfig().treeSelect.clearable
+    },
     placeholder: {
       type: String,
       default: function _default() {
@@ -61119,6 +61268,45 @@ function upload_hideDropTip($xeUpload) {
     mdLineEl.style.display = '';
   }
 }
+var handleClearFile = function handleClearFile($xeUpload, evnt) {
+  var reactData = $xeUpload.reactData;
+  var fileList = reactData.fileList;
+  var urlProp = $xeUpload.computeUrlProp;
+  var rest = [];
+  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().lastEach(fileList, function (item, index) {
+    rest.push($xeUpload.removeFileEvent(evnt, item, index).then(function (status) {
+      return {
+        url: item[urlProp],
+        status: status
+      };
+    }));
+  });
+  return Promise.all(rest);
+};
+function handleRemoveFile($xeUpload, evnt, urlOrItem) {
+  var reactData = $xeUpload.reactData;
+  var fileList = reactData.fileList;
+  var urlProp = $xeUpload.computeUrlProp;
+  var urls = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(urlOrItem) ? urlOrItem : [urlOrItem];
+  var rest = [];
+  urls.forEach(function (obj) {
+    if (obj) {
+      var url = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(obj) ? obj : obj[urlProp];
+      var index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(fileList, function (fileItem) {
+        return fileItem[urlProp] === url;
+      });
+      if (index > -1) {
+        rest.push($xeUpload.removeFileEvent(evnt, fileList[index], index).then(function (status) {
+          return {
+            url: url,
+            status: status
+          };
+        }));
+      }
+    }
+  });
+  return Promise.all(rest);
+}
 function upload_createReactData() {
   return {
     isDragUploadStatus: false,
@@ -61633,6 +61821,14 @@ function upload_createInternalData() {
       var $xeUpload = this;
       return $xeUpload.handleChoose(null);
     },
+    clear: function clear() {
+      var $xeUpload = this;
+      return handleClearFile($xeUpload, null);
+    },
+    clearByEvent: function clearByEvent(evnt) {
+      var $xeUpload = this;
+      return handleClearFile($xeUpload, evnt);
+    },
     getPendingFiles: function getPendingFiles() {
       var $xeUpload = this;
       var reactData = $xeUpload.reactData;
@@ -61713,6 +61909,14 @@ function upload_createInternalData() {
       }
       return $xeUpload.$nextTick();
     },
+    remove: function remove(urlOrItem) {
+      var $xeUpload = this;
+      return handleRemoveFile($xeUpload, null, urlOrItem);
+    },
+    removeByEvent: function removeByEvent(evnt, urlOrItem) {
+      var $xeUpload = this;
+      return handleRemoveFile($xeUpload, evnt, urlOrItem);
+    },
     getFieldKey: function getFieldKey(item) {
       var $xeUpload = this;
       var keyField = $xeUpload.computeKeyField;
@@ -62143,18 +62347,22 @@ function upload_createInternalData() {
       $xeUpload.handleChange(fileList);
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
-        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
+        $xeForm.triggerItemEvent(evnt || {
+          type: 'remove'
+        }, formItemInfo.itemConfig.field, fileList);
+      }
+      if (evnt) {
+        $xeUpload.dispatchEvent('remove', {
+          option: item
+        }, evnt);
       }
-      $xeUpload.dispatchEvent('remove', {
-        option: item
-      }, evnt);
     },
     removeFileEvent: function removeFileEvent(evnt, item, index) {
       var $xeUpload = this;
       var props = $xeUpload;
       var beforeRemoveFn = props.beforeRemoveMethod || getConfig().upload.beforeRemoveMethod;
       var removeFn = props.removeMethod || getConfig().upload.removeMethod;
-      Promise.resolve(beforeRemoveFn ? beforeRemoveFn({
+      return Promise.resolve(beforeRemoveFn ? beforeRemoveFn({
         $upload: $xeUpload,
         option: item
       }) : true).then(function (status) {
@@ -62176,6 +62384,7 @@ function upload_createInternalData() {
             option: item
           }, evnt);
         }
+        return status;
       });
     },
     handleDownloadEvent: function handleDownloadEvent(evnt, item) {