vxe-pc-ui 4.14.27 → 4.14.28

package/dist/all.esm.js

@@ -80,11 +80,11 @@ function checkDynamic() {
     }
 }
 
-const version$1 = `ui v${"4.14.27"}`;
+const version$1 = `ui v${"4.14.28"}`;
 const warnLog = log.create('warn', version$1);
 const errLog = log.create('error', version$1);
 
-const version = "4.14.27";
+const version = "4.14.28";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -14423,6 +14423,7 @@ var VxeDatePanelComponent = defineVxeComponent({
             default: 'date'
         },
         className: String,
+        cellClassName: [String, Function],
         size: {
             type: String,
             default: () => getConfig$3().datePanel.size || getConfig$3().size
@@ -15638,7 +15639,7 @@ var VxeDatePanelComponent = defineVxeComponent({
             return labelVNs;
         };
         const renderDateDayTable = () => {
-            const { multiple } = props;
+            const { type, multiple, cellClassName } = props;
             const { datePanelType, datePanelValue } = reactData;
             const dateValue = computeDateValue.value;
             const dateHeaders = computeDateHeaders.value;
@@ -15683,7 +15684,7 @@ var VxeDatePanelComponent = defineVxeComponent({
                         }, rows.map((item) => {
                             const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
                             return h('div', {
-                                class: ['vxe-date-panel--view-item', {
+                                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                                         'is--prev': item.isPrev,
                                         'is--current': item.isCurrent,
                                         'is--now': item.isNow,
@@ -15711,7 +15712,7 @@ var VxeDatePanelComponent = defineVxeComponent({
             ];
         };
         const renderDateWeekTable = () => {
-            const { multiple } = props;
+            const { type, multiple, cellClassName } = props;
             const { datePanelType, datePanelValue } = reactData;
             const dateValue = computeDateValue.value;
             const weekHeaders = computeWeekHeaders.value;
@@ -15758,7 +15759,7 @@ var VxeDatePanelComponent = defineVxeComponent({
                             }
                         }, rows.map((item, rIndex) => {
                             return h('div', {
-                                class: ['vxe-date-panel--view-item', {
+                                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                                         'is--prev': item.isPrev,
                                         'is--current': item.isCurrent,
                                         'is--now': rIndex ? item.isNow : isNowWeek,
@@ -15786,7 +15787,7 @@ var VxeDatePanelComponent = defineVxeComponent({
             ];
         };
         const renderDateMonthTable = () => {
-            const { multiple } = props;
+            const { type, multiple, cellClassName } = props;
             const { datePanelType, datePanelValue } = reactData;
             const dateValue = computeDateValue.value;
             const monthDatas = computeMonthDatas.value;
@@ -15808,7 +15809,7 @@ var VxeDatePanelComponent = defineVxeComponent({
                         }, rows.map((item) => {
                             const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
                             return h('div', {
-                                class: ['vxe-date-panel--view-item', {
+                                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                                         'is--prev': item.isPrev,
                                         'is--current': item.isCurrent,
                                         'is--now': item.isNow,
@@ -15836,7 +15837,7 @@ var VxeDatePanelComponent = defineVxeComponent({
             ];
         };
         const renderDateQuarterTable = () => {
-            const { multiple } = props;
+            const { type, multiple, cellClassName } = props;
             const { datePanelType, datePanelValue } = reactData;
             const dateValue = computeDateValue.value;
             const quarterDatas = computeQuarterDatas.value;
@@ -15858,7 +15859,7 @@ var VxeDatePanelComponent = defineVxeComponent({
                         }, rows.map((item) => {
                             const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
                             return h('div', {
-                                class: ['vxe-date-panel--view-item', {
+                                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                                         'is--prev': item.isPrev,
                                         'is--current': item.isCurrent,
                                         'is--now': item.isNow,
@@ -15886,7 +15887,7 @@ var VxeDatePanelComponent = defineVxeComponent({
             ];
         };
         const renderDateYearTable = () => {
-            const { multiple } = props;
+            const { type, multiple, cellClassName } = props;
             const { datePanelType, datePanelValue } = reactData;
             const dateValue = computeDateValue.value;
             const yearDatas = computeYearDatas.value;
@@ -15908,7 +15909,7 @@ var VxeDatePanelComponent = defineVxeComponent({
                         }, rows.map((item) => {
                             const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat);
                             return h('div', {
-                                class: ['vxe-date-panel--view-item', {
+                                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                                         'is--prev': item.isPrev,
                                         'is--current': item.isCurrent,
                                         'is--now': item.isNow,
@@ -17652,6 +17653,19 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                 }
             }
         };
+        const panelCellClassName = ({ date }) => {
+            const startValue = reactData.startValue;
+            const endValue = reactData.endValue;
+            if (startValue && endValue) {
+                const currTime = date.getTime();
+                const startTime = XEUtils.toStringDate(startValue).getTime();
+                const endTime = XEUtils.toStringDate(endValue).getTime();
+                if (currTime >= startTime && currTime <= endTime) {
+                    return 'is--range-selected';
+                }
+            }
+            return '';
+        };
         const handleSelectClose = () => {
             const { autoClose } = props;
             const { startValue, endValue } = reactData;
@@ -18117,6 +18131,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                                             festivalMethod: props.festivalMethod,
                                             disabledMethod: props.disabledMethod,
                                             selectDay: props.selectDay,
+                                            cellClassName: panelCellClassName,
                                             onChange: startPanelChangeEvent
                                         }),
                                         h(VxeDatePanelComponent, {
@@ -18137,6 +18152,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                                             festivalMethod: props.festivalMethod,
                                             disabledMethod: props.disabledMethod,
                                             selectDay: props.selectDay,
+                                            cellClassName: panelCellClassName,
                                             onChange: endPanelChangeEvent
                                         })
                                     ]),
@@ -26507,7 +26523,10 @@ var VxeSelectComponent = defineVxeComponent({
     props: {
         modelValue: [String, Number, Boolean, Array],
         defaultConfig: Object,
-        clearable: Boolean,
+        clearable: {
+            type: Boolean,
+            default: () => getConfig$3().select.clearable
+        },
         placeholder: String,
         readonly: {
             type: Boolean,
@@ -33222,7 +33241,10 @@ var VxeTableSelectComponent = defineVxeComponent({
     name: 'VxeTableSelect',
     props: {
         modelValue: [String, Number, Array],
-        clearable: Boolean,
+        clearable: {
+            type: Boolean,
+            default: getConfig$3().tableSelect.clearable
+        },
         placeholder: {
             type: String,
             default: () => XEUtils.eqNull(getConfig$3().tableSelect.placeholder) ? getI18n$2('vxe.base.pleaseSelect') : getConfig$3().tableSelect.placeholder
@@ -38665,7 +38687,10 @@ var VxeTreeSelectComponent = defineVxeComponent({
     name: 'VxeTreeSelect',
     props: {
         modelValue: [String, Number, Array],
-        clearable: Boolean,
+        clearable: {
+            type: Boolean,
+            default: getConfig$3().treeSelect.clearable
+        },
         placeholder: {
             type: String,
             default: () => XEUtils.eqNull(getConfig$3().treeSelect.placeholder) ? getI18n$2('vxe.base.pleaseSelect') : getConfig$3().treeSelect.placeholder
@@ -40087,7 +40112,9 @@ var VxeUploadComponent = defineVxeComponent({
         const computeMoreOpts = computed(() => {
             return Object.assign({ showMoreButton: true }, props.moreConfig);
         });
-        const computeMaps = {};
+        const computeMaps = {
+            computeUrlProp
+        };
         const $xeUpload = {
             xID,
             props,
@@ -40480,14 +40507,16 @@ var VxeUploadComponent = defineVxeComponent({
             handleChange(fileList);
             // 自动更新校验状态
             if ($xeForm && formItemInfo) {
-                $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
+                $xeForm.triggerItemEvent(evnt || { type: 'remove' }, formItemInfo.itemConfig.field, fileList);
+            }
+            if (evnt) {
+                dispatchEvent('remove', { option: item }, evnt);
             }
-            dispatchEvent('remove', { option: item }, evnt);
         };
         const removeFileEvent = (evnt, item, index) => {
             const beforeRemoveFn = props.beforeRemoveMethod || getConfig$3().upload.beforeRemoveMethod;
             const removeFn = props.removeMethod || getConfig$3().upload.removeMethod;
-            Promise.resolve(beforeRemoveFn
+            return Promise.resolve(beforeRemoveFn
                 ? beforeRemoveFn({
                     $upload: $xeUpload,
                     option: item
@@ -40507,8 +40536,11 @@ var VxeUploadComponent = defineVxeComponent({
                     }
                 }
                 else {
-                    dispatchEvent('remove-fail', { option: item }, evnt);
+                    if (evnt) {
+                        dispatchEvent('remove-fail', { option: item }, evnt);
+                    }
                 }
+                return status;
             });
         };
         const handleDownloadEvent = (evnt, item) => {
@@ -40867,11 +40899,46 @@ var VxeUploadComponent = defineVxeComponent({
         const handleGlobalBlurEvent = () => {
             reactData.isActivated = false;
         };
+        const handleClearFile = (evnt) => {
+            const { fileList } = reactData;
+            const urlProp = computeUrlProp.value;
+            const rest = [];
+            XEUtils.lastEach(fileList, (item, index) => {
+                rest.push(removeFileEvent(evnt, item, index).then((status) => {
+                    return { url: item[urlProp], status };
+                }));
+            });
+            return Promise.all(rest);
+        };
+        const handleRemoveFile = (evnt, urlOrItem) => {
+            const { fileList } = reactData;
+            const urlProp = computeUrlProp.value;
+            const urls = (XEUtils.isArray(urlOrItem) ? urlOrItem : [urlOrItem]);
+            const rest = [];
+            urls.forEach((obj) => {
+                if (obj) {
+                    const url = XEUtils.isString(obj) ? obj : obj[urlProp];
+                    const index = XEUtils.findIndexOf(fileList, fileItem => fileItem[urlProp] === url);
+                    if (index > -1) {
+                        rest.push(removeFileEvent(evnt, fileList[index], index).then(status => {
+                            return { url, status };
+                        }));
+                    }
+                }
+            });
+            return Promise.all(rest);
+        };
         const uploadMethods = {
             dispatchEvent,
             choose() {
                 return handleChoose(null);
             },
+            clear() {
+                return handleClearFile(null);
+            },
+            clearByEvent(evnt) {
+                return handleClearFile(evnt);
+            },
             getPendingFiles() {
                 const { fileList, fileCacheMaps } = reactData;
                 const pendingFiles = [];
@@ -40934,9 +41001,17 @@ var VxeUploadComponent = defineVxeComponent({
                     VxeUI.modal.close(internalData.moreId);
                 }
                 return nextTick();
+            },
+            remove(urlOrItem) {
+                return handleRemoveFile(null, urlOrItem);
+            },
+            removeByEvent(evnt, urlOrItem) {
+                return handleRemoveFile(evnt, urlOrItem);
             }
         };
-        const uploadPrivateMethods = {};
+        const uploadPrivateMethods = {
+            removeFileEvent
+        };
         Object.assign($xeUpload, uploadMethods, uploadPrivateMethods);
         const renderFileItemList = (currList, isMoreView) => {
             const { showRemoveButton, showDownloadButton, showProgress, progressText, showPreview, showErrorStatus, dragSort, autoSubmit, showSubmitButton } = props;