vxe-pc-ui 4.10.10 → 4.10.12

package/lib/index.umd.js

@@ -1956,6 +1956,8 @@ __webpack_require__.d(__webpack_exports__, {
   Slider: function() { return /* reexport */ Slider; },
   Split: function() { return /* reexport */ Split; },
   SplitPane: function() { return /* reexport */ SplitPane; },
+  Splitter: function() { return /* reexport */ Splitter; },
+  SplitterPanel: function() { return /* reexport */ SplitterPanel; },
   Steps: function() { return /* reexport */ Steps; },
   Switch: function() { return /* reexport */ Switch; },
   TabPane: function() { return /* reexport */ TabPane; },
@@ -2037,6 +2039,8 @@ __webpack_require__.d(__webpack_exports__, {
   VxeSlider: function() { return /* reexport */ VxeSlider; },
   VxeSplit: function() { return /* reexport */ VxeSplit; },
   VxeSplitPane: function() { return /* reexport */ VxeSplitPane; },
+  VxeSplitter: function() { return /* reexport */ VxeSplitter; },
+  VxeSplitterPanel: function() { return /* reexport */ VxeSplitterPanel; },
   VxeSteps: function() { return /* reexport */ VxeSteps; },
   VxeSwitch: function() { return /* reexport */ VxeSwitch; },
   VxeTabPane: function() { return /* reexport */ VxeTabPane; },
@@ -2181,6 +2185,8 @@ __webpack_require__.d(components_namespaceObject, {
   Slider: function() { return Slider; },
   Split: function() { return Split; },
   SplitPane: function() { return SplitPane; },
+  Splitter: function() { return Splitter; },
+  SplitterPanel: function() { return SplitterPanel; },
   Steps: function() { return Steps; },
   Switch: function() { return Switch; },
   TabPane: function() { return TabPane; },
@@ -2262,6 +2268,8 @@ __webpack_require__.d(components_namespaceObject, {
   VxeSlider: function() { return VxeSlider; },
   VxeSplit: function() { return VxeSplit; },
   VxeSplitPane: function() { return VxeSplitPane; },
+  VxeSplitter: function() { return VxeSplitter; },
+  VxeSplitterPanel: function() { return VxeSplitterPanel; },
   VxeSteps: function() { return VxeSteps; },
   VxeSwitch: function() { return VxeSwitch; },
   VxeTabPane: function() { return VxeTabPane; },
@@ -3588,14 +3596,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.10.10"}`;
+const log_version = `ui v${"4.10.12"}`;
 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.10";
+const ui_version = "4.10.12";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -3894,7 +3902,7 @@ setConfig({
       oSize: 2
     }
   },
-  split: {
+  splitter: {
     resize: true,
     itemConfig: {
       minWidth: 40,
@@ -3905,7 +3913,7 @@ setConfig({
       showTip: true
     }
   },
-  splitPane: {},
+  splitterPanel: {},
   slider: {
     max: 100,
     min: 0
@@ -34214,7 +34222,7 @@ dynamicApp.use(VxeSelect);
 index_esm_VxeUI.component(src_select);
 const Select = VxeSelect;
 /* harmony default export */ var packages_select = (VxeSelect);
-;// CONCATENATED MODULE: ./packages/split/src/split.ts
+;// CONCATENATED MODULE: ./packages/splitter/src/splitter.ts
 
 
 
@@ -34224,26 +34232,26 @@ const Select = VxeSelect;
 
 
 
-/* harmony default export */ var split = (defineVxeComponent({
-  name: 'VxeSplit',
+/* harmony default export */ var splitter = (defineVxeComponent({
+  name: 'VxeSplitter',
   props: {
     width: [Number, String],
     height: [Number, String],
     vertical: {
       type: Boolean,
-      default: () => getConfig().split.vertical
+      default: () => getConfig().splitter.vertical
     },
     border: {
       type: Boolean,
-      default: () => getConfig().split.border
+      default: () => getConfig().splitter.border
     },
     padding: {
       type: Boolean,
-      default: () => getConfig().split.padding
+      default: () => getConfig().splitter.padding
     },
     resize: {
       type: Boolean,
-      default: () => getConfig().split.resize
+      default: () => getConfig().splitter.resize
     },
     items: Array,
     itemConfig: Object,
@@ -34252,7 +34260,7 @@ const Select = VxeSelect;
     actionConfig: Object,
     size: {
       type: String,
-      default: () => getConfig().split.size || getConfig().size
+      default: () => getConfig().splitter.size || getConfig().size
     }
   },
   emits: ['action-dblclick', 'action-click', 'toggle-expand', 'resize-start', 'resize-drag', 'resize-end'],
@@ -34264,7 +34272,7 @@ 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 refBarInfoElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refResizableSplitTip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refResizableSplitterTip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const {
       computeSize
     } = useSize(props);
@@ -34279,16 +34287,16 @@ const Select = VxeSelect;
       wrapperHeight: 0
     };
     const computeItemOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().split.itemConfig, props.itemConfig);
+      return Object.assign({}, getConfig().splitter.itemConfig, props.itemConfig);
     });
     const computeBarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().split.barConfig, props.barConfig);
+      return Object.assign({}, getConfig().splitter.barConfig, props.barConfig);
     });
     const computeResizeOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().split.resizeConfig, props.resizeConfig);
+      return Object.assign({}, getConfig().splitter.resizeConfig, props.resizeConfig);
     });
     const computeActionOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().split.actionConfig, props.actionConfig);
+      return Object.assign({}, getConfig().splitter.actionConfig, props.actionConfig);
     });
     const computeVisibleItems = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return reactData.itemList.filter(item => item.isExpand);
@@ -34358,7 +34366,7 @@ const Select = VxeSelect;
     const refMaps = {
       refElem
     };
-    const $xeSplit = {
+    const $xeSplitter = {
       xID,
       props,
       context,
@@ -34369,7 +34377,7 @@ const Select = VxeSelect;
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, {
-        $split: $xeSplit
+        $splitter: $xeSplitter
       }, params));
     };
     const callSlot = (slotFunc, params) => {
@@ -34443,13 +34451,13 @@ const Select = VxeSelect;
       };
       reactData.itemList = list.map(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['[split] show-action']);
+          warnLog('vxe.error.removeProp', ['[splitter] show-action']);
         }
         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', [`[split] ${func}`]);
+                errLog('vxe.error.notSlot', [`[splitter] ${func}`]);
               }
             }
           });
@@ -34459,7 +34467,7 @@ const Select = VxeSelect;
         });
       });
       if (staticItems.length) {
-        errLog('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items']);
+        errLog('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
       }
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
         errLog('vxe.error.errConflicts', ['action-config.showPrevButton | action-config.showNextButton', 'Only supports 2 item']);
@@ -34472,6 +34480,79 @@ const Select = VxeSelect;
     const reloadItem = list => {
       return handleLoadItem(list || [], true);
     };
+    const handleItemByName = name => {
+      const {
+        itemList
+      } = reactData;
+      let index = -1;
+      let currItem = null;
+      let prevItem = null;
+      let nextItem = null;
+      for (let i = 0; i < itemList.length; i++) {
+        const item = itemList[i];
+        if (item.name === name) {
+          index = i;
+          currItem = item;
+          prevItem = itemList[i - 1] || null;
+          nextItem = itemList[i + 1] || null;
+          break;
+        }
+      }
+      return {
+        index,
+        currItem,
+        prevItem,
+        nextItem
+      };
+    };
+    const setItemExpand = (name, expanded) => {
+      const restItem = handleItemByName(name);
+      if (restItem) {
+        const {
+          currItem,
+          prevItem,
+          nextItem
+        } = restItem;
+        if (currItem) {
+          if (expanded ? !currItem.isExpand : currItem.isExpand) {
+            if (nextItem) {
+              if (nextItem.isExpand) {
+                handleItemActionEvent(null, currItem, nextItem, false);
+              }
+            } else if (prevItem) {
+              if (prevItem.isExpand) {
+                handleItemActionEvent(null, prevItem, currItem, true);
+              }
+            }
+          }
+        }
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const toggleItemExpand = name => {
+      const restItem = handleItemByName(name);
+      if (restItem) {
+        const {
+          currItem
+        } = restItem;
+        if (currItem) {
+          return setItemExpand(name, !currItem.isExpand);
+        }
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const getItemExpand = name => {
+      const restItem = handleItemByName(name);
+      if (restItem) {
+        const {
+          currItem
+        } = restItem;
+        if (currItem) {
+          return currItem.isExpand;
+        }
+      }
+      return false;
+    };
     const recalculate = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
         const {
@@ -34587,8 +34668,8 @@ const Select = VxeSelect;
       }
       const containerRect = el.getBoundingClientRect();
       const barRect = barEl.getBoundingClientRect();
-      const rsSplitLineEl = refResizableSplitTip.value;
-      const rsSplitTipEl = rsSplitLineEl ? rsSplitLineEl.children[0] : null;
+      const rsSplitterLineEl = refResizableSplitterTip.value;
+      const rsSplitterTipEl = rsSplitterLineEl ? rsSplitterLineEl.children[0] : null;
       const itemOpts = computeItemOpts.value;
       const resizeOpts = computeResizeOpts.value;
       const {
@@ -34621,11 +34702,11 @@ const Select = VxeSelect;
       let nextResizeHeight = 0;
       let offsetTop = startOffsetTop;
       const handleReStyle = evnt => {
-        if (!rsSplitLineEl) {
+        if (!rsSplitterLineEl) {
           return;
         }
-        const rsNumPrevEl = rsSplitTipEl ? rsSplitTipEl.children[0] : null;
-        const rsNumNextEl = rsSplitTipEl ? rsSplitTipEl.children[1] : null;
+        const rsNumPrevEl = rsSplitterTipEl ? rsSplitterTipEl.children[0] : null;
+        const rsNumNextEl = rsSplitterTipEl ? rsSplitterTipEl.children[1] : null;
         if (vertical) {
           let tipWidth = 0;
           if (rsNumPrevEl) {
@@ -34650,10 +34731,10 @@ const Select = VxeSelect;
           if (rsLeft > containerRect.width - tipWidth - 1) {
             rsLeft = containerRect.width - tipWidth - 1;
           }
-          rsSplitLineEl.style.left = '0';
-          rsSplitLineEl.style.top = `${offsetTop}px`;
-          if (rsSplitTipEl) {
-            rsSplitTipEl.style.left = `${rsLeft}px`;
+          rsSplitterLineEl.style.left = '0';
+          rsSplitterLineEl.style.top = `${offsetTop}px`;
+          if (rsSplitterTipEl) {
+            rsSplitterTipEl.style.left = `${rsLeft}px`;
           }
         } else {
           let tipHeight = 0;
@@ -34679,10 +34760,10 @@ const Select = VxeSelect;
           if (rsTop > containerRect.height - tipHeight - 1) {
             rsTop = containerRect.height - tipHeight - 1;
           }
-          rsSplitLineEl.style.top = '0';
-          rsSplitLineEl.style.left = `${offsetLeft}px`;
-          if (rsSplitTipEl) {
-            rsSplitTipEl.style.top = `${rsTop}px`;
+          rsSplitterLineEl.style.top = '0';
+          rsSplitterLineEl.style.left = `${offsetLeft}px`;
+          if (rsSplitterTipEl) {
+            rsSplitterTipEl.style.top = `${rsTop}px`;
           }
         }
       };
@@ -34728,7 +34809,7 @@ const Select = VxeSelect;
             nextEl.style.width = toCssUnit(nextResizeWidth);
           }
         }
-        if (rsSplitLineEl) {
+        if (rsSplitterLineEl) {
           handleReStyle(evnt);
         }
         dispatchEvent('resize-drag', {
@@ -34745,8 +34826,8 @@ const Select = VxeSelect;
       document.onmouseup = evnt => {
         document.onmousemove = null;
         document.onmouseup = null;
-        if (rsSplitLineEl) {
-          rsSplitLineEl.style.display = '';
+        if (rsSplitterLineEl) {
+          rsSplitterLineEl.style.display = '';
         }
         handleUpdate();
         removeClass(el, 'is--drag');
@@ -34758,8 +34839,8 @@ const Select = VxeSelect;
         }, evnt);
         recalculate();
       };
-      if (rsSplitLineEl) {
-        rsSplitLineEl.style.display = 'block';
+      if (rsSplitterLineEl) {
+        rsSplitterLineEl.style.display = 'block';
         handleReStyle(evnt);
       }
       handleDrag(evnt);
@@ -34806,12 +34887,14 @@ const Select = VxeSelect;
           nextItem.foldWidth = (prevItem.resizeWidth || prevItem.renderWidth) + (nextItem.resizeWidth || nextItem.renderWidth);
         }
       }
-      dispatchEvent('toggle-expand', {
-        prevItem,
-        nextItem,
-        expanded,
-        item
-      }, evnt);
+      if (evnt) {
+        dispatchEvent('toggle-expand', {
+          prevItem,
+          nextItem,
+          expanded,
+          item
+        }, evnt);
+      }
       recalculate();
     };
     const handlePrevActionDblclickEvent = evnt => {
@@ -34913,15 +34996,18 @@ const Select = VxeSelect;
     const handleGlobalResizeEvent = () => {
       recalculate();
     };
-    const splitMethods = {
+    const splitterMethods = {
       dispatchEvent,
+      setItemExpand,
+      toggleItemExpand,
+      getItemExpand,
       recalculate,
       reset,
       loadItem,
       reloadItem
     };
-    const splitPrivateMethods = {};
-    Object.assign($xeSplit, splitMethods, splitPrivateMethods);
+    const splitterPrivateMethods = {};
+    Object.assign($xeSplitter, splitterMethods, splitterPrivateMethods);
     const renderHandleBar = (prevItem, nextItem) => {
       const {
         border,
@@ -34943,29 +35029,29 @@ const Select = VxeSelect;
         immediate
       } = resizeOpts;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: ['vxe-split-pane-handle', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+        class: ['vxe-splitter-panel-handle', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
           'is--resize': resize,
           'is--border': border
         }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split-pane-handle-bar',
+        class: 'vxe-splitter-panel-handle-bar',
         style: barStyle,
         onMousedown: dragEvent
       }), itemList.length === 2 ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split-pane-action-btn-wrapper'
+        class: 'vxe-splitter-panel-action-btn-wrapper'
       }, [showPrevButton && nextItem.isExpand ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split-pane-action-btn',
+        class: 'vxe-splitter-panel-action-btn',
         onDblclick: handlePrevActionDblclickEvent,
         onClick: handlePrevActionClickEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: getActionIcon(prevItem, nextItem, false)
-      })]) : renderEmptyElement($xeSplit), showNextButton && prevItem.isExpand ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split-pane-action-btn',
+      })]) : renderEmptyElement($xeSplitter), showNextButton && prevItem.isExpand ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-splitter-panel-action-btn',
         onDblclick: handleNextActionDblclickEvent,
         onClick: handleNextActionClickEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: getActionIcon(prevItem, nextItem, true)
-      })]) : renderEmptyElement($xeSplit)]) : renderEmptyElement($xeSplit)]);
+      })]) : renderEmptyElement($xeSplitter)]) : renderEmptyElement($xeSplitter)]);
     };
     const renderItems = () => {
       const {
@@ -35031,7 +35117,7 @@ const Select = VxeSelect;
         }
         itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           itemid: id,
-          class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+          class: ['vxe-splitter-panel', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
             [`size--${vSize}`]: vSize,
             'is--resize': resize,
             'is--padding': padding,
@@ -35045,9 +35131,9 @@ const Select = VxeSelect;
           style: stys
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           itemid: id,
-          class: 'vxe-split-pane--wrapper'
+          class: 'vxe-splitter-panel--wrapper'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          class: 'vxe-split-pane--inner'
+          class: 'vxe-splitter-panel--inner'
         }, defaultSlot ? callSlot(defaultSlot, {
           name,
           isExpand
@@ -35057,7 +35143,7 @@ const Select = VxeSelect;
         }
       });
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split-wrapper'
+        class: 'vxe-splitter-wrapper'
       }, itemVNs);
     };
     const renderVN = () => {
@@ -35082,26 +35168,26 @@ const Select = VxeSelect;
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+        class: ['vxe-splitter', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
           [`size--${vSize}`]: vSize
         }],
         style: stys
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split-slots'
+        class: 'vxe-splitter-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderItems(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refResizableSplitTip,
-        class: ['vxe-split--resizable-split-tip', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy']
+        ref: refResizableSplitterTip,
+        class: ['vxe-splitter--resizable-splitter-tip', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy']
       }, showTip ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split--resizable-split-tip-number'
+        class: 'vxe-splitter--resizable-splitter-tip-number'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split--resizable-split-number-prev'
+        class: 'vxe-splitter--resizable-splitter-number-prev'
       }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split--resizable-split-number-next'
+        class: 'vxe-splitter--resizable-splitter-number-next'
       })])] : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-split--render-vars'
+        class: 'vxe-splitter--render-vars'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refBarInfoElem,
-        class: 'vxe-split--handle-bar-info'
+        class: 'vxe-splitter--handle-bar-info'
       })])]);
     };
     const itemFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
@@ -35121,15 +35207,15 @@ const Select = VxeSelect;
         showNextButton
       } = actionOpts;
       if (props.items && props.items.length) {
-        errLog('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items']);
+        errLog('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
       }
       reactData.itemList = val || [];
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
-        errLog('vxe.error.modelConflicts', ['[split] action-config.showPrevButton | action-config.showNextButton', '<vxe-split-pane ...> Only supports 2 panel']);
+        errLog('vxe.error.modelConflicts', ['[splitter] action-config.showPrevButton | action-config.showNextButton', '<vxe-splitter-panel ...> Only supports 2 panel']);
       }
       reactData.itemList.forEach(item => {
         if (item.showAction) {
-          warnLog('vxe.error.removeProp', ['[split] showAction']);
+          warnLog('vxe.error.removeProp', ['[splitter] showAction']);
         }
       });
       recalculate();
@@ -35148,15 +35234,15 @@ const Select = VxeSelect;
       }
       const actionOpts = computeActionOpts.value;
       if (actionOpts.direction) {
-        errLog('vxe.error.delProp', ['[split] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
+        errLog('vxe.error.delProp', ['[splitter] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
       }
-      globalEvents.on($xeSplit, 'resize', handleGlobalResizeEvent);
+      globalEvents.on($xeSplitter, 'resize', handleGlobalResizeEvent);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
-      globalEvents.off($xeSplit, 'resize');
+      globalEvents.off($xeSplitter, 'resize');
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
       recalculate();
@@ -35164,53 +35250,53 @@ const Select = VxeSelect;
     if (props.items) {
       loadItem(props.items);
     }
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplit', $xeSplit);
-    $xeSplit.renderVN = renderVN;
-    return $xeSplit;
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplitter', $xeSplitter);
+    $xeSplitter.renderVN = renderVN;
+    return $xeSplitter;
   },
   render() {
     return this.renderVN();
   }
 }));
-;// CONCATENATED MODULE: ./packages/split/index.ts
+;// CONCATENATED MODULE: ./packages/splitter/index.ts
 
 
 
-const VxeSplit = Object.assign({}, split, {
+const VxeSplitter = Object.assign({}, splitter, {
   install(app) {
-    app.component(split.name, split);
+    app.component(splitter.name, splitter);
   }
 });
-dynamicApp.use(VxeSplit);
-index_esm_VxeUI.component(split);
-const Split = VxeSplit;
-/* harmony default export */ var packages_split = (VxeSplit);
-;// CONCATENATED MODULE: ./packages/split/src/util.ts
-
-function assembleSplitItem($xeSplit, elem, paneConfig) {
-  const staticItems = $xeSplit.reactData.staticItems;
+dynamicApp.use(VxeSplitter);
+index_esm_VxeUI.component(splitter);
+const Splitter = VxeSplitter;
+/* harmony default export */ var packages_splitter = (VxeSplitter);
+;// CONCATENATED MODULE: ./packages/splitter/src/util.ts
+
+function assembleSplitterItem($xeSplitter, elem, paneConfig) {
+  const staticItems = $xeSplitter.reactData.staticItems;
   const parentElem = elem.parentNode;
   if (parentElem) {
     staticItems.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, paneConfig);
-    $xeSplit.reactData.staticItems = staticItems.slice(0);
+    $xeSplitter.reactData.staticItems = staticItems.slice(0);
   }
 }
-function destroySplitItem($xeSplit, paneConfig) {
-  const staticItems = $xeSplit.reactData.staticItems;
+function destroySplitterItem($xeSplitter, paneConfig) {
+  const staticItems = $xeSplitter.reactData.staticItems;
   const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === paneConfig.id);
   if (index > -1) {
     staticItems.splice(index, 1);
   }
-  $xeSplit.reactData.staticItems = staticItems.slice(0);
+  $xeSplitter.reactData.staticItems = staticItems.slice(0);
 }
-;// CONCATENATED MODULE: ./packages/split/src/split-pane.ts
+;// CONCATENATED MODULE: ./packages/splitter/src/splitter-panel.ts
 
 
 
 
 
-/* harmony default export */ var split_pane = (defineVxeComponent({
-  name: 'VxeSplitPane',
+/* harmony default export */ var splitter_panel = (defineVxeComponent({
+  name: 'VxeSplitterPanel',
   props: {
     name: [Number, String],
     width: [Number, String],
@@ -35233,7 +35319,7 @@ function destroySplitItem($xeSplit, paneConfig) {
       slots
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    const $xeSplit = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSplit', null);
+    const $xeSplitter = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSplitter', null);
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const paneConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       id: xID,
@@ -35258,7 +35344,7 @@ function destroySplitItem($xeSplit, paneConfig) {
     const refMaps = {
       refElem
     };
-    const $xeSplitItem = {
+    const $xeSplitterItem = {
       xID,
       props,
       context,
@@ -35269,14 +35355,14 @@ function destroySplitItem($xeSplit, paneConfig) {
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, {
-        $splitPane: $xeSplitItem
+        $splitterPanel: $xeSplitterItem
       }, params));
     };
-    const splitPaneMethods = {
+    const splitterPanelMethods = {
       dispatchEvent
     };
-    const splitPanePrivateMethods = {};
-    Object.assign($xeSplitItem, splitPaneMethods, splitPanePrivateMethods);
+    const splitterPanelPrivateMethods = {};
+    Object.assign($xeSplitterItem, splitterPanelMethods, splitterPanelPrivateMethods);
     const renderVN = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem
@@ -35302,37 +35388,63 @@ function destroySplitItem($xeSplit, paneConfig) {
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const elem = refElem.value;
-      if ($xeSplit && elem) {
-        assembleSplitItem($xeSplit, elem, paneConfig);
+      if ($xeSplitter && elem) {
+        assembleSplitterItem($xeSplitter, elem, paneConfig);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
-      if ($xeSplit) {
-        destroySplitItem($xeSplit, paneConfig);
+      if ($xeSplitter) {
+        destroySplitterItem($xeSplitter, paneConfig);
       }
     });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplitItem', $xeSplitItem);
-    $xeSplitItem.renderVN = renderVN;
-    return $xeSplitItem;
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplitterItem', $xeSplitterItem);
+    $xeSplitterItem.renderVN = renderVN;
+    return $xeSplitterItem;
   },
   render() {
     return this.renderVN();
   }
 }));
+;// CONCATENATED MODULE: ./packages/splitter-panel/index.ts
+
+
+
+const VxeSplitterPanel = Object.assign({}, splitter_panel, {
+  install(app) {
+    app.component(splitter_panel.name, splitter_panel);
+  }
+});
+dynamicApp.use(VxeSplitterPanel);
+index_esm_VxeUI.component(splitter_panel);
+const SplitterPanel = VxeSplitterPanel;
+/* harmony default export */ var packages_splitter_panel = (VxeSplitterPanel);
+;// CONCATENATED MODULE: ./packages/split/index.ts
+
+
+
+const VxeSplit = Object.assign({}, splitter, {
+  install(app) {
+    app.component('VxeSplit', splitter);
+  }
+});
+dynamicApp.use(VxeSplit);
+index_esm_VxeUI.component(splitter);
+const Split = VxeSplit;
+/* harmony default export */ var split = (VxeSplit);
 ;// CONCATENATED MODULE: ./packages/split-pane/index.ts
 
 
 
-const VxeSplitPane = Object.assign({}, split_pane, {
+const VxeSplitPane = Object.assign({}, splitter_panel, {
   install(app) {
-    app.component(split_pane.name, split_pane);
-    app.component('VxeSplitItem', split_pane);
+    app.component('VxeSplitPane', splitter_panel);
+    app.component('VxeSplitItem', splitter_panel);
   }
 });
 dynamicApp.use(VxeSplitPane);
-index_esm_VxeUI.component(split_pane);
+index_esm_VxeUI.component(splitter_panel);
 const SplitPane = VxeSplitPane;
-/* harmony default export */ var packages_split_pane = (VxeSplitPane);
+/* harmony default export */ var split_pane = (VxeSplitPane);
 ;// CONCATENATED MODULE: ./packages/slider/src/slider.ts
 
 
@@ -44269,6 +44381,8 @@ const Watermark = VxeWatermark;
 
 
 
+
+
 
 
 
@@ -44278,7 +44392,7 @@ const {
   setTheme: components_setTheme,
   setConfig: components_setConfig
 } = index_esm_VxeUI;
-const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_select, packages_split, packages_split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_tip, packages_tooltip, packages_tree, packages_tree_select, packages_upload, packages_watermark];
+const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_tip, packages_tooltip, packages_tree, packages_tree_select, packages_upload, packages_watermark];
 function install(app, options) {
   components_setConfig(options);
   components_components.forEach(component => app.use(component));
@@ -44375,6 +44489,8 @@ const readFile = readLocalFile;
 
 
 
+
+