vxe-pc-ui 4.5.3 → 4.5.5

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.2"}`;
+const log_version = `ui v${"4.5.5"}`;
 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.2";
+const ui_version = "4.5.5";
 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']);
         }
       });
     });
@@ -45112,6 +45115,7 @@ const Select = VxeSelect;
 
 
 
+
 /* harmony default export */ var split = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeSplit',
   props: {
@@ -45129,11 +45133,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 +45147,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)(() => {
@@ -45241,13 +45247,66 @@ const Select = VxeSelect;
       }
       return '';
     };
+    const reset = () => {
+      const {
+        itemList
+      } = reactData;
+      itemList.forEach(item => {
+        item.isExpand = true;
+        item.isVisible = true;
+        item.foldHeight = 0;
+        item.foldWidth = 0;
+        item.resizeHeight = 0;
+        item.resizeWidth = 0;
+      });
+      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) {
@@ -45264,7 +45323,7 @@ const Select = VxeSelect;
         const residueItems = [];
         if (vertical) {
           let countHeight = 0;
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const {
               height
             } = item;
@@ -45289,7 +45348,7 @@ const Select = VxeSelect;
           }
         } else {
           let countWidth = 0;
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const {
               width
             } = item;
@@ -45321,7 +45380,7 @@ const Select = VxeSelect;
         vertical
       } = props;
       const {
-        staticItems
+        itemList
       } = reactData;
       const barEl = evnt.currentTarget;
       const handleEl = barEl.parentElement;
@@ -45330,8 +45389,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;
       }
@@ -45342,7 +45401,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;
@@ -45440,6 +45499,7 @@ const Select = VxeSelect;
           resizeHeight: item.resizeHeight,
           resizeWidth: item.resizeWidth
         }, evnt);
+        recalculate();
       };
       dispatchEvent('resize-start', {
         item,
@@ -45455,15 +45515,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,
@@ -45487,22 +45547,62 @@ 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,
             targetName: targetItem ? targetItem.name : '',
             expanded: item.isExpand
           }, evnt);
+          recalculate();
         }
       }
     };
+    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
+      recalculate,
+      reset,
+      loadItem,
+      reloadItem
     };
     const splitPrivateMethods = {};
     Object.assign($xeSplit, splitMethods, splitPrivateMethods);
@@ -45515,12 +45615,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']
@@ -45530,7 +45624,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)]);
@@ -45542,13 +45637,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,
@@ -45590,7 +45686,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'
@@ -45618,7 +45718,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)(() => {
@@ -45633,6 +45747,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;