vxe-pc-ui 4.10.23 → 4.10.24

package/lib/index.umd.js

@@ -3596,14 +3596,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.10.23"}`;
+const log_version = `ui v${"4.10.24"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.10.23";
+const ui_version = "4.10.24";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -42459,7 +42459,7 @@ const saveLocalFile = options => {
       default: () => getConfig().upload.size || getConfig().size
     }
   },
-  emits: ['update:modelValue', 'add', 'remove', 'remove-fail', 'download', 'download-fail', 'upload-success', 'upload-error', 'sort-dragend'],
+  emits: ['update:modelValue', 'add', 'remove', 'remove-fail', 'download', 'download-fail', 'upload-success', 'upload-error', 'sort-dragend', 'more-visible'],
   setup(props, context) {
     const {
       emit,
@@ -42487,6 +42487,7 @@ const saveLocalFile = options => {
       dragTipText: ''
     });
     const internalData = {
+      moreId: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('upload'),
       imagePreviewTypes: ['jpg', 'jpeg', 'png', 'gif'],
       prevDragIndex: -1
       // prevDragPos: ''
@@ -43257,11 +43258,13 @@ const saveLocalFile = options => {
       });
       return files;
     };
-    const handleMoreEvent = () => {
+    const handleMoreEvent = evntParams => {
       const formReadonly = computeFormReadonly.value;
       const isImage = computeIsImage.value;
+      const evnt = evntParams.$event;
       if (index_esm_VxeUI.modal) {
         index_esm_VxeUI.modal.open({
+          id: internalData.moreId,
           title: formReadonly ? getI18n('vxe.upload.morePopup.readTitle') : getI18n(`vxe.upload.morePopup.${isImage ? 'imageTitle' : 'fileTitle'}`),
           width: 660,
           height: 500,
@@ -43286,6 +43289,7 @@ const saveLocalFile = options => {
                 fileList
               } = reactData;
               const isDisabled = computeIsDisabled.value;
+              const moreContSlot = slots.moreContent || slots['more-content'];
               const ons = {};
               if (dragToUpload && dragIndex === -1) {
                 ons.onDragover = handleUploadDragoverEvent;
@@ -43302,7 +43306,9 @@ const saveLocalFile = options => {
                   'is--drag': isDragUploadStatus
                 }],
                 ...ons
-              }, [isImage ? dragSort ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
+              }, moreContSlot ? vn_getSlotVNs(moreContSlot({
+                options: fileList
+              })) : [isImage ? dragSort ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
                 name: `vxe-upload--drag-list${isDragMove ? '' : '-disabled'}`,
                 tag: 'div',
                 class: 'vxe-upload--image-more-list'
@@ -43331,10 +43337,22 @@ const saveLocalFile = options => {
           onShow() {
             reactData.showMorePopup = true;
           },
-          onHide() {
+          onHide({
+            $event
+          }) {
             reactData.showMorePopup = false;
+            if ($event) {
+              dispatchEvent('more-visible', {
+                visible: false
+              }, $event);
+            }
           }
         });
+        if (evnt) {
+          dispatchEvent('more-visible', {
+            visible: true
+          }, evnt);
+        }
       }
     };
     const showDropTip = (evnt, dragEl, dragPos) => {
@@ -43537,6 +43555,27 @@ const saveLocalFile = options => {
         return Promise.all(allPendingList.splice(0, msNum).map(handleSubmit)).then(() => {
           // 完成
         });
+      },
+      getMoreVisible() {
+        return reactData.showMorePopup;
+      },
+      openMore() {
+        handleMoreEvent({
+          $event: new Event('click')
+        });
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      },
+      openMoreByEvent(evnt) {
+        handleMoreEvent({
+          $event: evnt
+        });
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      },
+      closeMore() {
+        if (index_esm_VxeUI.modal) {
+          index_esm_VxeUI.modal.close(internalData.moreId);
+        }
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       }
     };
     const uploadPrivateMethods = {};
@@ -43554,13 +43593,16 @@ const saveLocalFile = options => {
         showSubmitButton
       } = props;
       const {
+        fileList,
         fileCacheMaps
       } = reactData;
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const nameProp = computeNameProp.value;
       const typeProp = computeTypeProp.value;
+      const optionSlot = slots.option;
       const cornerSlot = slots.corner;
+      const nameSlot = slots.name;
       const ons = {};
       if (dragSort && currList.length > 1) {
         ons.onDragstart = handleDragSortDragstartEvent;
@@ -43590,7 +43632,11 @@ const saveLocalFile = options => {
           fileid: fileKey,
           draggable: dragSort ? true : null,
           ...ons
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, optionSlot ? vn_getSlotVNs(optionSlot({
+          option: item,
+          isMoreView,
+          options: fileList
+        })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--file-item-icon'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
           class: getIcon()[`UPLOAD_FILE_TYPE_${`${item[typeProp]}`.toLocaleUpperCase()}`] || getIcon().UPLOAD_FILE_TYPE_DEFAULT
@@ -43602,7 +43648,11 @@ const saveLocalFile = options => {
               handlePreviewFileEvent(evnt, item);
             }
           }
-        }, fileName), isLoading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, nameSlot ? vn_getSlotVNs(nameSlot({
+          option: item,
+          isMoreView,
+          options: fileList
+        })) : fileName), isLoading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--file-item-loading-icon'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
           class: getIcon().UPLOAD_LOADING
@@ -43627,6 +43677,7 @@ const saveLocalFile = options => {
         }, vn_getSlotVNs(cornerSlot({
           option: item,
           isMoreView,
+          options: fileList,
           readonly: formReadonly
         }))) : renderEmptyElement($xeUpload), showDownloadButton && !(isLoading || isPending) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--file-item-download-btn',
@@ -43654,6 +43705,9 @@ const saveLocalFile = options => {
         showButtonIcon,
         autoHiddenButton
       } = props;
+      const {
+        fileList
+      } = reactData;
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const showTipText = computedShowTipText.value;
@@ -43670,6 +43724,8 @@ const saveLocalFile = options => {
         class: 'vxe-upload--file-action-btn',
         onClick: clickEvent
       }, defaultSlot ? vn_getSlotVNs(defaultSlot({
+        isMoreView,
+        options: fileList,
         $upload: $xeUpload
       })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
         class: 'vxe-upload--file-action-button',
@@ -43679,6 +43735,8 @@ const saveLocalFile = options => {
       })]), showTipText && (defTipText || tipSlot) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--file-action-tip'
       }, tipSlot ? vn_getSlotVNs(tipSlot({
+        isMoreView,
+        options: fileList,
         $upload: $xeUpload
       })) : `${defTipText}`) : renderEmptyElement($xeUpload)]);
     };
@@ -43699,6 +43757,7 @@ const saveLocalFile = options => {
         layout
       } = moreOpts;
       const isHorizontal = layout === 'horizontal';
+      const moreBtnSlot = slots.moreButton || slots['more-button'];
       let currList = fileList;
       let overMaxNum = 0;
       if (maxCount && fileList.length > maxCount) {
@@ -43722,7 +43781,9 @@ const saveLocalFile = options => {
         class: 'vxe-upload--file-list'
       }, renderFileItemList(currList, false)) : renderEmptyElement($xeUpload), showMoreButton && overMaxNum ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--file-over-more'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
+        options: fileList
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
         mode: 'text',
         content: getI18n('vxe.upload.moreBtnText', [fileList.length]),
         status: 'primary',
@@ -43741,12 +43802,14 @@ const saveLocalFile = options => {
         showSubmitButton
       } = props;
       const {
+        fileList,
         fileCacheMaps
       } = reactData;
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const imageOpts = computeImageOpts.value;
       const imgStyle = computeImgStyle.value;
+      const optionSlot = slots.option;
       const cornerSlot = slots.corner;
       const ons = {
         onMousedown: handleItemMousedownEvent
@@ -43779,7 +43842,11 @@ const saveLocalFile = options => {
           fileid: fileKey,
           draggable: dragSort ? true : null,
           ...ons
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, optionSlot ? vn_getSlotVNs(optionSlot({
+          option: item,
+          isMoreView,
+          options: fileList
+        })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--image-item-box',
           style: isMoreView ? null : imgStyle,
           onClick(evnt) {
@@ -43823,6 +43890,7 @@ const saveLocalFile = options => {
         }, vn_getSlotVNs(cornerSlot({
           option: item,
           isMoreView,
+          options: fileList,
           readonly: formReadonly
         }))) : renderEmptyElement($xeUpload), showRemoveButton && !formReadonly && !isDisabled && !isLoading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-upload--image-item-remove-btn',
@@ -43844,6 +43912,9 @@ const saveLocalFile = options => {
         showButtonIcon,
         autoHiddenButton
       } = props;
+      const {
+        fileList
+      } = reactData;
       const formReadonly = computeFormReadonly.value;
       const showTipText = computedShowTipText.value;
       const defTipText = computedDefTipText.value;
@@ -43861,6 +43932,8 @@ const saveLocalFile = options => {
         class: 'vxe-upload--image-action-btn',
         onClick: clickEvent
       }, defaultSlot ? defaultSlot({
+        isMoreView,
+        options: fileList,
         $upload: $xeUpload
       }) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-action-box',
@@ -43874,6 +43947,8 @@ const saveLocalFile = options => {
       }, buttonText ? `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(buttonText) ? buttonText({}) : buttonText}` : getI18n('vxe.upload.imgBtnText')) : renderEmptyElement($xeUpload), showTipText && (defTipText || tipSlot) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-action-hint'
       }, tipSlot ? vn_getSlotVNs(tipSlot({
+        isMoreView,
+        options: fileList,
         $upload: $xeUpload
       })) : `${defTipText}`) : renderEmptyElement($xeUpload)])])]);
     };
@@ -43887,6 +43962,7 @@ const saveLocalFile = options => {
         isDragMove
       } = reactData;
       const moreOpts = computeMoreOpts.value;
+      const moreBtnSlot = slots.moreButton || slots['more-button'];
       const {
         maxCount,
         showMoreButton
@@ -43908,7 +43984,9 @@ const saveLocalFile = options => {
         default: () => renderImageItemList(currList, false).concat([showMoreButton && overMaxNum ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: 'om',
           class: 'vxe-upload--image-over-more'
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+        }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
+          options: fileList
+        })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
           mode: 'text',
           content: getI18n('vxe.upload.moreBtnText', [fileList.length]),
           status: 'primary',
@@ -43918,7 +43996,9 @@ const saveLocalFile = options => {
         class: 'vxe-upload--image-list'
       }, renderImageItemList(currList, false).concat([showMoreButton && overMaxNum ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-over-more'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
+      }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
+        options: fileList
+      })) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
         mode: 'text',
         content: getI18n('vxe.upload.moreBtnText', [fileList.length]),
         status: 'primary',