vxe-pc-ui 3.14.26 → 3.14.28

package/lib/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.14.26");
+var log_version = "ui v".concat("3.14.28");
 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.26";
+var ui_version = "3.14.28";
 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() {
@@ -31828,7 +31829,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 +31870,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 +31908,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 +31959,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 +31997,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 +32022,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 +32060,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 +32085,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 +32123,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 +32148,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,
@@ -34207,6 +34243,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;
@@ -34520,9 +34572,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,6 +34792,7 @@ var DatePicker = VxeDatePicker;
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
@@ -34763,6 +34816,7 @@ var DatePicker = VxeDatePicker;
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
@@ -37516,6 +37570,27 @@ function checkRuleStatus(rule, data, val) {
   }
   return true;
 }
+function handleItemVisible(visible) {
+  return function (fieldOrItems) {
+    var $xeForm = this;
+    var objs = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrItems) ? fieldOrItems : [fieldOrItems];
+    objs.forEach(function (obj) {
+      var item = handleFieldOrItem($xeForm, obj);
+      if (item) {
+        item.visible = visible;
+      }
+    });
+    return $xeForm.$nextTick();
+  };
+}
+function form_createReactData() {
+  return {
+    collapseAll: false,
+    staticItems: [],
+    formItems: [],
+    itemWidth: 0
+  };
+}
 function form_createInternalData() {
   return {
     meTimeout: undefined,
@@ -37524,7 +37599,9 @@ function form_createInternalData() {
       item: null,
       visible: false
     },
-    itemFormatCache: {}
+    itemFormatCache: {},
+    fullItemIdData: {},
+    fullItemFieldData: {}
   };
 }
 /* harmony default export */ var src_form = (/* define-vxe-component start */defineVxeComponent({
@@ -37659,12 +37736,7 @@ function form_createInternalData() {
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      collapseAll: false,
-      staticItems: [],
-      formItems: [],
-      itemWidth: 0
-    };
+    var reactData = form_createReactData();
     var internalData = form_createInternalData();
     return {
       xID: xID,
@@ -37738,7 +37810,7 @@ function form_createInternalData() {
       }
       return [];
     },
-    loadItem: function loadItem(list) {
+    loadItems: function loadItems(list) {
       var $xeForm = this;
       var slots = $xeForm.$scopedSlots;
       var reactData = $xeForm.reactData;
@@ -37766,6 +37838,8 @@ function form_createInternalData() {
         return $xeForm.recalculate();
       });
     },
+    showItem: handleItemVisible(true),
+    hideItem: handleItemVisible(false),
     getItems: function getItems() {
       var $xeForm = this;
       var reactData = $xeForm.reactData;
@@ -37779,13 +37853,10 @@ function form_createInternalData() {
     },
     getItemByField: function getItemByField(field) {
       var $xeForm = this;
-      var reactData = $xeForm.reactData;
-      var rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(reactData.formItems, function (item) {
-        return item.field === field;
-      }, {
-        children: 'children'
-      });
-      return rest ? rest.item : null;
+      var internalData = $xeForm.internalData;
+      var fullItemFieldData = internalData.fullItemFieldData;
+      var itemRest = fullItemFieldData[field];
+      return itemRest ? itemRest.item : null;
     },
     getCollapseStatus: function getCollapseStatus() {
       var $xeForm = this;
@@ -37872,6 +37943,33 @@ function form_createInternalData() {
       }
       return resetValue;
     },
+    cacheItem: function cacheItem() {
+      var $xeForm = this;
+      var reactData = $xeForm.reactData;
+      var internalData = $xeForm.internalData;
+      var formItems = reactData.formItems;
+      var itemIdData = {};
+      var itemFieldData = {};
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(formItems, function (item, index, items) {
+        var id = item.id,
+          field = item.field;
+        var itemRest = {
+          item: item,
+          items: items,
+          index: index
+        };
+        if (id) {
+          itemIdData[id] = itemRest;
+        }
+        if (field) {
+          itemFieldData[field] = itemRest;
+        }
+      }, {
+        children: 'children'
+      });
+      internalData.fullItemFieldData = itemFieldData;
+      internalData.fullItemIdData = itemIdData;
+    },
     reset: function reset() {
       var $xeForm = this;
       var props = $xeForm;
@@ -38355,8 +38453,7 @@ function form_createInternalData() {
           }
         });
       })), h('div', {
-        class: 'vxe-form-slots',
-        ref: 'hideItem'
+        class: 'vxe-form-slots'
       }, customLayout ? [] : defaultSlot ? defaultSlot({}) : []),
       /**
        * 加载中
@@ -38395,11 +38492,12 @@ function form_createInternalData() {
       var reactData = $xeForm.reactData;
       reactData.formItems = reactData.staticItems;
       $xeForm.recalcFlag++;
+      $xeForm.cacheItem();
     },
     items: function items() {
       var $xeForm = this;
       var props = $xeForm;
-      $xeForm.loadItem(props.items || []);
+      $xeForm.loadItems(props.items || []);
     },
     collapseStatus: function collapseStatus(val) {
       var $xeForm = this;
@@ -38425,7 +38523,7 @@ function form_createInternalData() {
     var $xeForm = this;
     var props = $xeForm;
     if (props.items) {
-      $xeForm.loadItem(props.items);
+      $xeForm.loadItems(props.items);
     }
     $xeForm.$nextTick(function () {
       if (props.customLayout && props.items) {
@@ -45017,7 +45115,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,
@@ -53235,7 +53338,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() {
@@ -59718,7 +59824,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() {
@@ -61075,6 +61184,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,
@@ -61589,6 +61737,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;
@@ -61669,6 +61825,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;
@@ -62099,18 +62263,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) {
@@ -62132,6 +62300,7 @@ function upload_createInternalData() {
             option: item
           }, evnt);
         }
+        return status;
       });
     },
     handleDownloadEvent: function handleDownloadEvent(evnt, item) {