vxe-pc-ui 4.5.4 → 4.5.6

package/lib/index.umd.js

@@ -4183,14 +4183,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.5.4"}`;
+const log_version = `ui v${"4.5.6"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.5.4";
+const ui_version = "4.5.6";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -9664,7 +9664,7 @@ const Col = VxeCol;
       default: () => getConfig().collapse.size || getConfig().size
     }
   },
-  emits: ['update:modelValue', 'load', 'change'],
+  emits: ['update:modelValue', 'load', 'change', 'toggle-expand'],
   setup(props, context) {
     const {
       emit,
@@ -9790,7 +9790,9 @@ const Col = VxeCol;
       } = item;
       if (name) {
         const aIndex = activeNames.indexOf(name);
+        let expanded = false;
         if (aIndex === -1) {
+          expanded = true;
           activeNames.push(name);
         } else {
           activeNames.splice(aIndex, 1);
@@ -9800,6 +9802,11 @@ const Col = VxeCol;
           value: activeNames,
           name
         }, evnt);
+        dispatchEvent('toggle-expand', {
+          value: activeNames,
+          name,
+          expanded
+        }, evnt);
       }
     };
     const collapsePrivateMethods = {};
@@ -18439,19 +18446,17 @@ const validErrorRuleValue = (rule, val) => {
     };
     const loadItem = list => {
       if (list.length) {
-        if (true) {
-          list.forEach(item => {
-            if (item.slots) {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, func => {
-                if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
-                  if (!slots[func]) {
-                    errLog('vxe.error.notSlot', [func]);
-                  }
+        list.forEach(item => {
+          if (item.slots) {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, func => {
+              if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
+                if (!slots[func]) {
+                  errLog('vxe.error.notSlot', [func]);
                 }
-              });
-            }
-          });
-        }
+              }
+            });
+          }
+        });
       }
       reactData.staticItems = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().mapTree(list, item => createItem($xeForm, item), {
         children: 'children'
@@ -19058,10 +19063,8 @@ const validErrorRuleValue = (rule, val) => {
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-        if (true) {
-          if (props.customLayout && props.items) {
-            errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
-          }
+        if (props.customLayout && props.items) {
+          errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
         }
       });
     });
@@ -22993,7 +22996,6 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         showMaximize,
         draggable
       } = props;
-      const isMsg = computeIsMsg.value;
       const headerSlot = slots.header || propSlots.header;
       if (props.showHeader) {
         const headerOns = {};
@@ -23006,7 +23008,7 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           ref: refHeaderElem,
           class: ['vxe-modal--header', {
-            'is--ellipsis': !isMsg && props.showTitleOverflow
+            'is--ellipsis': props.showTitleOverflow
           }],
           ...headerOns
         }, headerSlot ? getSlotVNs(headerSlot({
@@ -34602,7 +34604,7 @@ const saveLocalFile = options => {
       }
       return '';
     });
-    const computedDefHintText = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+    const computedDefTipText = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         limitSize,
         fileTypes,
@@ -34615,26 +34617,26 @@ const saveLocalFile = options => {
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(tipText)) {
         return tipText;
       }
-      const defHints = [];
+      const defTips = [];
       if (isImage) {
         if (multiple && limitCount) {
-          defHints.push(i18n_getI18n('vxe.upload.imgCountHint', [limitCount]));
+          defTips.push(i18n_getI18n('vxe.upload.imgCountHint', [limitCount]));
         }
         if (limitSize && limitSizeUnit) {
-          defHints.push(i18n_getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]));
+          defTips.push(i18n_getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]));
         }
       } else {
         if (fileTypes && fileTypes.length) {
-          defHints.push(i18n_getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]));
+          defTips.push(i18n_getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]));
         }
         if (limitSize && limitSizeUnit) {
-          defHints.push(i18n_getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]));
+          defTips.push(i18n_getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]));
         }
         if (multiple && limitCount) {
-          defHints.push(i18n_getI18n('vxe.upload.fileCountHint', [limitCount]));
+          defTips.push(i18n_getI18n('vxe.upload.fileCountHint', [limitCount]));
         }
       }
-      return defHints.join(i18n_getI18n('vxe.base.comma'));
+      return defTips.join(i18n_getI18n('vxe.base.comma'));
     });
     const computeImageOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, props.imageConfig || props.imageStyle);
@@ -35572,7 +35574,7 @@ const saveLocalFile = options => {
       } = props;
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
-      const defHintText = computedDefHintText.value;
+      const defTipText = computedDefTipText.value;
       const overCount = computeOverCount.value;
       const defaultSlot = slots.default;
       const tipSlot = slots.tip || slots.hint;
@@ -35591,11 +35593,11 @@ const saveLocalFile = options => {
         content: isMoreView || showButtonText ? buttonText ? `${buttonText}` : i18n_getI18n('vxe.upload.fileBtnText') : '',
         icon: showButtonIcon ? buttonIcon || getIcon().UPLOAD_FILE_ADD : '',
         disabled: isDisabled
-      })]), isMoreView && (defHintText || tipSlot) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      })]), defTipText || tipSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--file-action-tip'
       }, tipSlot ? getSlotVNs(tipSlot({
         $upload: $xeUpload
-      })) : defHintText) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
+      })) : defTipText) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
     };
     const renderAllMode = () => {
       const {
@@ -35751,11 +35753,11 @@ const saveLocalFile = options => {
         autoHiddenButton
       } = props;
       const formReadonly = computeFormReadonly.value;
-      const defHintText = computedDefHintText.value;
+      const defTipText = computedDefTipText.value;
       const overCount = computeOverCount.value;
       const imgStyle = computeImgStyle.value;
       const defaultSlot = slots.default;
-      const hintSlot = slots.hint;
+      const tipSlot = slots.tip || slots.hint;
       if (formReadonly || !showUploadButton || autoHiddenButton && overCount) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
       }
@@ -35776,11 +35778,11 @@ const saveLocalFile = options => {
         class: buttonIcon || getIcon().UPLOAD_IMAGE_ADD
       })]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), isMoreView || showButtonText ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-action-content'
-      }, buttonText ? `${buttonText}` : i18n_getI18n('vxe.upload.imgBtnText')) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), isMoreView && (defHintText || hintSlot) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, buttonText ? `${buttonText}` : i18n_getI18n('vxe.upload.imgBtnText')) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), defTipText || tipSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-action-hint'
-      }, hintSlot ? getSlotVNs(hintSlot({
+      }, tipSlot ? getSlotVNs(tipSlot({
         $upload: $xeUpload
-      })) : defHintText) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])])]);
+      })) : defTipText) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])])]);
     };
     const renderImageMode = () => {
       const {
@@ -45112,6 +45114,7 @@ const Select = VxeSelect;
 
 
 
+
 /* harmony default export */ var split = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeSplit',
   props: {
@@ -45129,11 +45132,12 @@ const Select = VxeSelect;
       type: Boolean,
       default: () => getConfig().split.padding
     },
+    items: Array,
     itemConfig: Object,
     barConfig: Object,
     actionConfig: Object
   },
-  emits: ['action-dblclick', 'action-click', 'resize-start', 'resize-drag', 'resize-end'],
+  emits: ['action-dblclick', 'action-click', 'toggle-expand', 'resize-start', 'resize-drag', 'resize-end'],
   setup(props, context) {
     const {
       emit,
@@ -45142,7 +45146,8 @@ const Select = VxeSelect;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
-      staticItems: []
+      staticItems: [],
+      itemList: []
     });
     const internalData = {};
     const computeItemOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
@@ -45243,9 +45248,9 @@ const Select = VxeSelect;
     };
     const reset = () => {
       const {
-        staticItems
+        itemList
       } = reactData;
-      staticItems.forEach(item => {
+      itemList.forEach(item => {
         item.isExpand = true;
         item.isVisible = true;
         item.foldHeight = 0;
@@ -45255,13 +45260,52 @@ const Select = VxeSelect;
       });
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
+    const handleLoadItem = (list, isReset) => {
+      const {
+        staticItems
+      } = reactData;
+      const itemDef = {
+        isVisible: true,
+        isExpand: true,
+        renderWidth: 0,
+        resizeWidth: 0,
+        foldWidth: 0,
+        renderHeight: 0,
+        resizeHeight: 0,
+        foldHeight: 0
+      };
+      reactData.itemList = list.map(item => {
+        if (item.slots) {
+          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(item.slots, func => {
+            if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(func)) {
+              if (!slots[func]) {
+                errLog('vxe.error.notSlot', [func]);
+              }
+            }
+          });
+        }
+        return Object.assign({}, isReset ? null : itemDef, item, isReset ? itemDef : null, {
+          id: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId()
+        });
+      });
+      if (staticItems.length) {
+        errLog('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items']);
+      }
+      return recalculate();
+    };
+    const loadItem = list => {
+      return handleLoadItem(list || [], false);
+    };
+    const reloadItem = list => {
+      return handleLoadItem(list || [], true);
+    };
     const recalculate = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
         const {
           vertical
         } = props;
         const {
-          staticItems
+          itemList
         } = reactData;
         const el = refElem.value;
         if (!el) {
@@ -45278,7 +45322,7 @@ const Select = VxeSelect;
         const residueItems = [];
         if (vertical) {
           let countHeight = 0;
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const {
               height
             } = item;
@@ -45303,7 +45347,7 @@ const Select = VxeSelect;
           }
         } else {
           let countWidth = 0;
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const {
               width
             } = item;
@@ -45335,7 +45379,7 @@ const Select = VxeSelect;
         vertical
       } = props;
       const {
-        staticItems
+        itemList
       } = reactData;
       const barEl = evnt.currentTarget;
       const handleEl = barEl.parentElement;
@@ -45344,8 +45388,8 @@ const Select = VxeSelect;
         return;
       }
       const itemId = handleEl.getAttribute('itemid');
-      const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === itemId);
-      const item = staticItems[itemIndex];
+      const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(itemList, item => item.id === itemId);
+      const item = itemList[itemIndex];
       if (!item) {
         return;
       }
@@ -45356,7 +45400,7 @@ const Select = VxeSelect;
       const itemOpts = computeItemOpts.value;
       const allMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minWidth);
       const allMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minHeight);
-      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)];
       const targetItemEl = targetItem ? el.querySelector(`.vxe-split-item[itemid="${targetItem.id}"]`) : null;
       const currItemEl = item ? el.querySelector(`.vxe-split-item[itemid="${item.id}"]`) : null;
       const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0;
@@ -45470,15 +45514,15 @@ const Select = VxeSelect;
         vertical
       } = props;
       const {
-        staticItems
+        itemList
       } = reactData;
       const isFoldNext = computeIsFoldNext.value;
       const btnEl = evnt.currentTarget;
       const handleEl = btnEl.parentElement;
       const itemId = handleEl.getAttribute('itemid');
-      const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === itemId);
-      const item = staticItems[itemIndex];
-      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(itemList, item => item.id === itemId);
+      const item = itemList[itemIndex];
+      const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)];
       if (item) {
         const {
           showAction,
@@ -45502,7 +45546,7 @@ const Select = VxeSelect;
               item.foldWidth = isExpand ? (targetItem.resizeWidth || targetItem.renderWidth) + (item.resizeWidth || item.renderWidth) : 0;
             }
           }
-          dispatchEvent(evnt.type === 'dblclick' ? 'action-dblclick' : 'action-click', {
+          dispatchEvent('toggle-expand', {
             item,
             name: item.name,
             targetItem,
@@ -45513,13 +45557,51 @@ const Select = VxeSelect;
         }
       }
     };
+    const handleActionDblclickEvent = evnt => {
+      const {
+        itemList
+      } = reactData;
+      const actionOpts = computeActionOpts.value;
+      const btnEl = evnt.currentTarget;
+      const handleEl = btnEl.parentElement;
+      const itemId = handleEl.getAttribute('itemid');
+      const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(itemList, item => item.id === itemId);
+      const item = itemList[itemIndex];
+      if (actionOpts.trigger === 'dblclick') {
+        handleItemActionEvent(evnt);
+      }
+      dispatchEvent('action-dblclick', {
+        item,
+        name: item ? item.name : ''
+      }, evnt);
+    };
+    const handleActionClickEvent = evnt => {
+      const {
+        itemList
+      } = reactData;
+      const actionOpts = computeActionOpts.value;
+      const btnEl = evnt.currentTarget;
+      const handleEl = btnEl.parentElement;
+      const itemId = handleEl.getAttribute('itemid');
+      const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(itemList, item => item.id === itemId);
+      const item = itemList[itemIndex];
+      if (actionOpts.trigger !== 'dblclick') {
+        handleItemActionEvent(evnt);
+      }
+      dispatchEvent('action-click', {
+        item,
+        name: item ? item.name : ''
+      }, evnt);
+    };
     const handleGlobalResizeEvent = () => {
       recalculate();
     };
     const splitMethods = {
       dispatchEvent,
       recalculate,
-      reset
+      reset,
+      loadItem,
+      reloadItem
     };
     const splitPrivateMethods = {};
     Object.assign($xeSplit, splitMethods, splitPrivateMethods);
@@ -45532,12 +45614,6 @@ const Select = VxeSelect;
         isExpand,
         showAction
       } = item;
-      const btnOns = {};
-      if (actionOpts.trigger === 'dblclick') {
-        btnOns.onDblclick = handleItemActionEvent;
-      } else {
-        btnOns.onClick = handleItemActionEvent;
-      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         itemid: id,
         class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
@@ -45547,7 +45623,8 @@ const Select = VxeSelect;
         onMousedown: dragEvent
       }), showAction ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-split-item-action-btn',
-        ...btnOns
+        onDblclick: handleActionDblclickEvent,
+        onClick: handleActionClickEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: (isExpand ? actionOpts.openIcon : actionOpts.closeIcon) || getDefaultActionIcon(item)
       })]) : renderEmptyElement($xeSplit)]);
@@ -45559,13 +45636,14 @@ const Select = VxeSelect;
         vertical
       } = props;
       const {
-        staticItems
+        itemList
       } = reactData;
       const isFoldNext = computeIsFoldNext.value;
       const itemVNs = [];
-      staticItems.forEach((item, index) => {
+      itemList.forEach((item, index) => {
         const {
           id,
+          name,
           slots,
           renderHeight,
           resizeHeight,
@@ -45607,7 +45685,11 @@ const Select = VxeSelect;
           class: 'vxe-split-item--wrapper'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-split-item--inner'
-        }, defaultSlot ? callSlot(defaultSlot, {}) : [])]), isFoldNext && index < staticItems.length - 1 ? renderHandleBar(item) : renderEmptyElement($xeSplit)]));
+        }, defaultSlot ? callSlot(defaultSlot, {
+          name,
+          isVisible,
+          isExpand
+        }) : [])]), isFoldNext && index < itemList.length - 1 ? renderHandleBar(item) : renderEmptyElement($xeSplit)]));
       });
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-split-wrapper'
@@ -45635,7 +45717,21 @@ const Select = VxeSelect;
         class: 'vxe-split-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderItems()]);
     };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticItems, () => {
+    const itemFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.items ? props.items.length : -1, () => {
+      itemFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.items, () => {
+      itemFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(itemFlag, () => {
+      loadItem(props.items || []);
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticItems, val => {
+      if (props.items && props.items.length) {
+        errLog('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items']);
+      }
+      reactData.itemList = val;
       recalculate();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
@@ -45650,6 +45746,9 @@ const Select = VxeSelect;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
       recalculate();
     });
+    if (props.items) {
+      loadItem(props.items);
+    }
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplit', $xeSplit);
     $xeSplit.renderVN = renderVN;
     return $xeSplit;