vxe-pc-ui 4.10.10 → 4.10.12

package/lib/{split/src/split.js → splitter/src/splitter.js}

@@ -14,25 +14,25 @@ var _log = require("../../ui/src/log");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeSplit',
+  name: 'VxeSplitter',
   props: {
     width: [Number, String],
     height: [Number, String],
     vertical: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().split.vertical
+      default: () => (0, _ui.getConfig)().splitter.vertical
     },
     border: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().split.border
+      default: () => (0, _ui.getConfig)().splitter.border
     },
     padding: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().split.padding
+      default: () => (0, _ui.getConfig)().splitter.padding
     },
     resize: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().split.resize
+      default: () => (0, _ui.getConfig)().splitter.resize
     },
     items: Array,
     itemConfig: Object,
@@ -41,7 +41,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     actionConfig: Object,
     size: {
       type: String,
-      default: () => (0, _ui.getConfig)().split.size || (0, _ui.getConfig)().size
+      default: () => (0, _ui.getConfig)().splitter.size || (0, _ui.getConfig)().size
     }
   },
   emits: ['action-dblclick', 'action-click', 'toggle-expand', 'resize-start', 'resize-drag', 'resize-end'],
@@ -53,7 +53,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const xID = _xeUtils.default.uniqueId();
     const refElem = (0, _vue.ref)();
     const refBarInfoElem = (0, _vue.ref)();
-    const refResizableSplitTip = (0, _vue.ref)();
+    const refResizableSplitterTip = (0, _vue.ref)();
     const {
       computeSize
     } = (0, _ui.useSize)(props);
@@ -68,16 +68,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       wrapperHeight: 0
     };
     const computeItemOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().split.itemConfig, props.itemConfig);
+      return Object.assign({}, (0, _ui.getConfig)().splitter.itemConfig, props.itemConfig);
     });
     const computeBarOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().split.barConfig, props.barConfig);
+      return Object.assign({}, (0, _ui.getConfig)().splitter.barConfig, props.barConfig);
     });
     const computeResizeOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().split.resizeConfig, props.resizeConfig);
+      return Object.assign({}, (0, _ui.getConfig)().splitter.resizeConfig, props.resizeConfig);
     });
     const computeActionOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().split.actionConfig, props.actionConfig);
+      return Object.assign({}, (0, _ui.getConfig)().splitter.actionConfig, props.actionConfig);
     });
     const computeVisibleItems = (0, _vue.computed)(() => {
       return reactData.itemList.filter(item => item.isExpand);
@@ -147,7 +147,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refMaps = {
       refElem
     };
-    const $xeSplit = {
+    const $xeSplitter = {
       xID,
       props,
       context,
@@ -158,7 +158,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, (0, _ui.createEvent)(evnt, {
-        $split: $xeSplit
+        $splitter: $xeSplitter
       }, params));
     };
     const callSlot = (slotFunc, params) => {
@@ -232,13 +232,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       };
       reactData.itemList = list.map(item => {
         if (item.showAction) {
-          (0, _log.warnLog)('vxe.error.removeProp', ['[split] show-action']);
+          (0, _log.warnLog)('vxe.error.removeProp', ['[splitter] show-action']);
         }
         if (item.slots) {
           _xeUtils.default.each(item.slots, func => {
             if (!_xeUtils.default.isFunction(func)) {
               if (!slots[func]) {
-                (0, _log.errLog)('vxe.error.notSlot', [`[split] ${func}`]);
+                (0, _log.errLog)('vxe.error.notSlot', [`[splitter] ${func}`]);
               }
             }
           });
@@ -248,7 +248,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         });
       });
       if (staticItems.length) {
-        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items']);
+        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
       }
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
         (0, _log.errLog)('vxe.error.errConflicts', ['action-config.showPrevButton | action-config.showNextButton', 'Only supports 2 item']);
@@ -261,6 +261,79 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     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, _vue.nextTick)();
+    };
+    const toggleItemExpand = name => {
+      const restItem = handleItemByName(name);
+      if (restItem) {
+        const {
+          currItem
+        } = restItem;
+        if (currItem) {
+          return setItemExpand(name, !currItem.isExpand);
+        }
+      }
+      return (0, _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, _vue.nextTick)().then(() => {
         const {
@@ -376,8 +449,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       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 {
@@ -410,11 +483,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       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) {
@@ -439,10 +512,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           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;
@@ -468,10 +541,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           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`;
           }
         }
       };
@@ -517,7 +590,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             nextEl.style.width = (0, _dom.toCssUnit)(nextResizeWidth);
           }
         }
-        if (rsSplitLineEl) {
+        if (rsSplitterLineEl) {
           handleReStyle(evnt);
         }
         dispatchEvent('resize-drag', {
@@ -534,8 +607,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       document.onmouseup = evnt => {
         document.onmousemove = null;
         document.onmouseup = null;
-        if (rsSplitLineEl) {
-          rsSplitLineEl.style.display = '';
+        if (rsSplitterLineEl) {
+          rsSplitterLineEl.style.display = '';
         }
         handleUpdate();
         (0, _dom.removeClass)(el, 'is--drag');
@@ -547,8 +620,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }, evnt);
         recalculate();
       };
-      if (rsSplitLineEl) {
-        rsSplitLineEl.style.display = 'block';
+      if (rsSplitterLineEl) {
+        rsSplitterLineEl.style.display = 'block';
         handleReStyle(evnt);
       }
       handleDrag(evnt);
@@ -595,12 +668,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           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 => {
@@ -702,15 +777,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     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,
@@ -732,29 +810,29 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         immediate
       } = resizeOpts;
       return (0, _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, _vue.h)('div', {
-        class: 'vxe-split-pane-handle-bar',
+        class: 'vxe-splitter-panel-handle-bar',
         style: barStyle,
         onMousedown: dragEvent
       }), itemList.length === 2 ? (0, _vue.h)('div', {
-        class: 'vxe-split-pane-action-btn-wrapper'
+        class: 'vxe-splitter-panel-action-btn-wrapper'
       }, [showPrevButton && nextItem.isExpand ? (0, _vue.h)('div', {
-        class: 'vxe-split-pane-action-btn',
+        class: 'vxe-splitter-panel-action-btn',
         onDblclick: handlePrevActionDblclickEvent,
         onClick: handlePrevActionClickEvent
       }, [(0, _vue.h)('i', {
         class: getActionIcon(prevItem, nextItem, false)
-      })]) : (0, _ui.renderEmptyElement)($xeSplit), showNextButton && prevItem.isExpand ? (0, _vue.h)('div', {
-        class: 'vxe-split-pane-action-btn',
+      })]) : (0, _ui.renderEmptyElement)($xeSplitter), showNextButton && prevItem.isExpand ? (0, _vue.h)('div', {
+        class: 'vxe-splitter-panel-action-btn',
         onDblclick: handleNextActionDblclickEvent,
         onClick: handleNextActionClickEvent
       }, [(0, _vue.h)('i', {
         class: getActionIcon(prevItem, nextItem, true)
-      })]) : (0, _ui.renderEmptyElement)($xeSplit)]) : (0, _ui.renderEmptyElement)($xeSplit)]);
+      })]) : (0, _ui.renderEmptyElement)($xeSplitter)]) : (0, _ui.renderEmptyElement)($xeSplitter)]);
     };
     const renderItems = () => {
       const {
@@ -820,7 +898,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
         itemVNs.push((0, _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,
@@ -834,9 +912,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           style: stys
         }, [(0, _vue.h)('div', {
           itemid: id,
-          class: 'vxe-split-pane--wrapper'
+          class: 'vxe-splitter-panel--wrapper'
         }, [(0, _vue.h)('div', {
-          class: 'vxe-split-pane--inner'
+          class: 'vxe-splitter-panel--inner'
         }, defaultSlot ? callSlot(defaultSlot, {
           name,
           isExpand
@@ -846,7 +924,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       });
       return (0, _vue.h)('div', {
-        class: 'vxe-split-wrapper'
+        class: 'vxe-splitter-wrapper'
       }, itemVNs);
     };
     const renderVN = () => {
@@ -871,26 +949,26 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return (0, _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, _vue.h)('div', {
-        class: 'vxe-split-slots'
+        class: 'vxe-splitter-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderItems(), (0, _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, _vue.h)('div', {
-        class: 'vxe-split--resizable-split-tip-number'
+        class: 'vxe-splitter--resizable-splitter-tip-number'
       }, [(0, _vue.h)('div', {
-        class: 'vxe-split--resizable-split-number-prev'
+        class: 'vxe-splitter--resizable-splitter-number-prev'
       }), (0, _vue.h)('div', {
-        class: 'vxe-split--resizable-split-number-next'
+        class: 'vxe-splitter--resizable-splitter-number-next'
       })])] : []), (0, _vue.h)('div', {
-        class: 'vxe-split--render-vars'
+        class: 'vxe-splitter--render-vars'
       }, [(0, _vue.h)('div', {
         ref: refBarInfoElem,
-        class: 'vxe-split--handle-bar-info'
+        class: 'vxe-splitter--handle-bar-info'
       })])]);
     };
     const itemFlag = (0, _vue.ref)(0);
@@ -910,15 +988,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         showNextButton
       } = actionOpts;
       if (props.items && props.items.length) {
-        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items']);
+        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-splitter-panel ...>', 'items']);
       }
       reactData.itemList = val || [];
       if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
-        (0, _log.errLog)('vxe.error.modelConflicts', ['[split] action-config.showPrevButton | action-config.showNextButton', '<vxe-split-pane ...> Only supports 2 panel']);
+        (0, _log.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) {
-          (0, _log.warnLog)('vxe.error.removeProp', ['[split] showAction']);
+          (0, _log.warnLog)('vxe.error.removeProp', ['[splitter] showAction']);
         }
       });
       recalculate();
@@ -937,15 +1015,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       const actionOpts = computeActionOpts.value;
       if (actionOpts.direction) {
-        (0, _log.errLog)('vxe.error.delProp', ['[split] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
+        (0, _log.errLog)('vxe.error.delProp', ['[splitter] action-config.direction', 'action-config.showPrevButton | action-config.showNextButton']);
       }
-      _ui.globalEvents.on($xeSplit, 'resize', handleGlobalResizeEvent);
+      _ui.globalEvents.on($xeSplitter, 'resize', handleGlobalResizeEvent);
     });
     (0, _vue.onUnmounted)(() => {
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
-      _ui.globalEvents.off($xeSplit, 'resize');
+      _ui.globalEvents.off($xeSplitter, 'resize');
     });
     (0, _vue.onActivated)(() => {
       recalculate();
@@ -953,9 +1031,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     if (props.items) {
       loadItem(props.items);
     }
-    (0, _vue.provide)('$xeSplit', $xeSplit);
-    $xeSplit.renderVN = renderVN;
-    return $xeSplit;
+    (0, _vue.provide)('$xeSplitter', $xeSplitter);
+    $xeSplitter.renderVN = renderVN;
+    return $xeSplitter;
   },
   render() {
     return this.renderVN();

package/lib/splitter/src/splitter.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitter",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().splitter.resize},items:Array,itemConfig:Object,barConfig:Object,resizeConfig:Object,actionConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().splitter.size||(0,_ui.getConfig)().size}},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(c,e){const{emit:r,slots:a}=e;var t=_xeUtils.default.uniqueId();const A=(0,_vue.ref)(),p=(0,_vue.ref)(),M=(0,_vue.ref)(),d=(0,_ui.useSize)(c)["computeSize"],P=(0,_vue.reactive)({staticItems:[],itemList:[],barWidth:0,barHeight:0}),g={wrapperWidth:0,wrapperHeight:0},D=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.itemConfig,c.itemConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.barConfig,c.barConfig)),q=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.resizeConfig,c.resizeConfig)),u=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().splitter.actionConfig,c.actionConfig)),h=(0,_vue.computed)(()=>P.itemList.filter(e=>e.isExpand)),v=(0,_vue.computed)(()=>{var e=c["vertical"];const n=[];let o=0,a=0;return P.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:r,isExpand:s,height:l}=e,s=s?r||i||t:0;l||n.push(e),o+=s}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:r,isExpand:s,width:l}=e,s=s?r||i||t:0;l||n.push(e),a+=s}),{autoItems:n,heightCount:o,heightRatio:o/100,widthCount:a,widthRatio:a/100}}),m=(0,_vue.computed)(()=>{var{width:e,height:t}=s.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:D,computeBarOpts:s,computeActionOpts:u},l={refElem:A},f={xID:t,props:c,context:e,reactData:P,internalData:g,getRefMaps:()=>l,getComputeMaps:()=>i},j=(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$splitter:f},t))},H=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],x=(e,t,i)=>{var r=c["vertical"],s="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION";let a="";return(a=r?i?t.isExpand?l:s:e.isExpand?s:l:i?t.isExpand?o:n:e.isExpand?n:o)?(0,_ui.getIcon)()[a]:""};const n=(e,t)=>{var i=P["staticItems"],{showPrevButton:r,showNextButton:s}=u.value;const l={isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return P.itemList=e.map(e=>(e.showAction&&(0,_log.warnLog)("vxe.error.removeProp",["[splitter] show-action"]),e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||a[e]||(0,_log.errLog)("vxe.error.notSlot",["[splitter] "+e])}),Object.assign({},t?null:l,e,t?l:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),(r||s)&&2<P.itemList.length&&(0,_log.errLog)("vxe.error.errConflicts",["action-config.showPrevButton | action-config.showNextButton","Only supports 2 item"]),R()},o=e=>n(e||[],!1);const _=t=>{var i=P["itemList"];let r=-1,s=null,l=null,n=null;for(let e=0;e<i.length;e++){var o=i[e];if(o.name===t){r=e,s=o,l=i[e-1]||null,n=i[e+1]||null;break}}return{index:r,currItem:s,prevItem:l,nextItem:n}},b=(e,t)=>{var i,r,e=_(e);return e&&({currItem:e,prevItem:i,nextItem:r}=e,e)&&(t?!e.isExpand:e.isExpand)&&(r?r.isExpand&&z(null,e,r,!1):i&&i.isExpand&&z(null,i,e,!0)),(0,_vue.nextTick)()};const R=()=>(0,_vue.nextTick)().then(()=>{var e=c["vertical"],t=P["itemList"],i=A.value,r=p.value;if(i){var s=i.clientWidth,i=i.clientHeight;if(s&&i){r&&(P.barWidth=r.offsetWidth,P.barHeight=r.offsetHeight);const l=s-(e?0:P.barWidth*(t.length-1)),n=i-(e?P.barHeight*(t.length-1):0);r=D.value;const o=_xeUtils.default.toNumber(r.minWidth),a=_xeUtils.default.toNumber(r.minHeight),d=[];if(e){let r=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):d.push(e),r+=i}),d.length){const u=(n-r)/d.length;d.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),u)})}}else{let r=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderWidth=i):d.push(e),r+=i}),d.length){const h=(l-r)/d.length;d.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,o)),h)})}}g.wrapperWidth=l,g.wrapperHeight=n}}}),E=e=>{const{resize:t,vertical:p}=c;var i=P["itemList"];if(t){e.preventDefault();var r=e.currentTarget,s=r.parentElement;const m=A.value;if(m){const f=s.previousElementSibling,x=s.nextElementSibling;if(f&&x){const l=f.getAttribute("itemid"),n=x.getAttribute("itemid"),_=i.find(e=>e.id===l),b=i.find(e=>e.id===n);if(_&&b){const E=m.getBoundingClientRect();s=r.getBoundingClientRect();const z=M.value,C=z?z.children[0]:null;i=D.value;const w=q.value["immediate"];var r=_xeUtils.default.toNumber(i.minWidth),i=_xeUtils.default.toNumber(i.minHeight),g=Math.ceil(s.width-(e.clientX-s.left)),s=Math.ceil(e.clientY-s.top);const y=f.offsetWidth,H=x.offsetWidth;var v=_xeUtils.default.toNumber(_?(0,_utils.getGlobalDefaultConfig)(_.minWidth,r):r),r=_xeUtils.default.toNumber(b?(0,_utils.getGlobalDefaultConfig)(b.minWidth,r):r);const I=f.offsetLeft+v-g,W=x.offsetLeft+x.offsetWidth-r-g,U=e.clientX-E.left;let l=-1,n=0,o=0,a=U;const L=f.offsetHeight,N=x.offsetHeight;v=_xeUtils.default.toNumber(_?(0,_utils.getGlobalDefaultConfig)(_.minHeight,i):i),r=_xeUtils.default.toNumber(b?(0,_utils.getGlobalDefaultConfig)(b.minHeight,i):i);const S=f.offsetTop+v+s,T=x.offsetTop+x.offsetHeight-r+s,k=e.clientY-E.top;let d=-1,u=0,h=0,c=k;const B=i=>{if(z){var r=C?C.children[0]:null,s=C?C.children[1]:null;if(p){let e=0,t=(r&&(d<0?r.style.display="none":(r.textContent=Math.floor(u)+"px",r.style.display="block",e=r.offsetWidth)),s&&(d<0?(s.textContent=Math.floor(h)+"px",s.style.display="block",e=s.offsetWidth):s.style.display="none"),Math.max(1,i.clientX-E.left-e/2));t>E.width-e-1&&(t=E.width-e-1),z.style.left="0",z.style.top=c+"px",C&&(C.style.left=t+"px")}else{let e=0,t=(r&&(l<0?r.style.display="none":(r.textContent=Math.floor(n)+"px",r.style.display="block",e=r.offsetHeight)),s&&(l<0?(s.textContent=Math.floor(o)+"px",s.style.display="block",e=s.offsetHeight):s.style.display="none"),Math.max(1,i.clientY-E.top-e/2));t>E.height-e-1&&(t=E.height-e-1),z.style.top="0",z.style.left=a+"px",C&&(C.style.top=t+"px")}}},O=e=>{p?((c=(c=e.clientY-E.top)<S?S:c)>T&&(c=T),d=c-k,u=L+d,h=N-d):((a=(a=e.clientX-E.left)<I?I:a)>W&&(a=W),l=a-U,n=y+l,o=H-l),w&&(p?(f.style.height=(0,_dom.toCssUnit)(u),x.style.height=(0,_dom.toCssUnit)(h)):(f.style.width=(0,_dom.toCssUnit)(n),x.style.width=(0,_dom.toCssUnit)(o))),z&&B(e),j("resize-drag",{prevItem:_,nextItem:b,offsetHeight:d,offsetWidth:l},e)};document.onmousemove=e=>{e.preventDefault(),O(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,z&&(z.style.display=""),p?(_.resizeHeight=u,b.resizeHeight=h):(_.resizeWidth=n,b.resizeWidth=o),(0,_dom.removeClass)(m,"is--drag"),j("resize-end",{prevItem:_,nextItem:b,offsetHeight:d,offsetWidth:l},e),R()},z&&(z.style.display="block",B(e)),O(e),(0,_dom.addClass)(m,"is--drag"),j("resize-start",{prevItem:_,nextItem:b},e)}}}}},z=(e,t,i,r)=>{var s=c["vertical"];let l=!1,n=t;r?(n=i,l=!i.isExpand,i.isExpand=l):(l=!t.isExpand,t.isExpand=l),s?t.isExpand&&i.isExpand?(t.foldHeight=0,i.foldHeight=0):t.isExpand?(i.foldHeight=0,t.foldHeight=(t.resizeHeight||t.renderHeight)+(i.resizeHeight||i.renderHeight)):(t.foldHeight=0,i.foldHeight=(t.resizeHeight||t.renderHeight)+(i.resizeHeight||i.renderHeight)):t.isExpand&&i.isExpand?(t.foldWidth=0,i.foldWidth=0):t.isExpand?(i.foldWidth=0,t.foldWidth=(t.resizeWidth||t.renderWidth)+(i.resizeWidth||i.renderWidth)):(t.foldWidth=0,i.foldWidth=(t.resizeWidth||t.renderWidth)+(i.resizeWidth||i.renderWidth)),e&&j("toggle-expand",{prevItem:t,nextItem:i,expanded:l,item:n},e),R()},C=e=>{var t=P["itemList"],i=u.value,r=e.currentTarget.parentElement.parentElement;const s=r.previousElementSibling.getAttribute("itemid");var l=t.find(e=>e.id===s);const n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"===i.trigger&&l&&r&&r.isExpand&&z(e,l,r,!1),j("action-dblclick",{prevItem:l,nextItem:r},e)},w=e=>{var t=P["itemList"],i=u.value,r=e.currentTarget.parentElement.parentElement;const s=r.previousElementSibling.getAttribute("itemid");var l=t.find(e=>e.id===s);const n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"!==i.trigger&&l&&r&&r.isExpand&&z(e,l,r,!1),j("action-click",{prevItem:l,nextItem:r},e)},y=e=>{var t=P["itemList"],i=u.value,r=e.currentTarget.parentElement.parentElement;const s=r.previousElementSibling.getAttribute("itemid");var l=t.find(e=>e.id===s);const n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"===i.trigger&&l&&r&&l.isExpand&&z(e,l,r,!0),j("action-dblclick",{prevItem:l,nextItem:r},e)},U=e=>{var t=P["itemList"],i=u.value,r=e.currentTarget.parentElement.parentElement;const s=r.previousElementSibling.getAttribute("itemid");var l=t.find(e=>e.id===s);const n=r.nextElementSibling.getAttribute("itemid");r=t.find(e=>e.id===n);"dblclick"!==i.trigger&&l&&r&&l.isExpand&&z(e,l,r,!0),j("action-click",{prevItem:l,nextItem:r},e)},L=()=>{R()};t={dispatchEvent:j,setItemExpand:b,toggleItemExpand:e=>{var t=_(e);if(t){t=t["currItem"];if(t)return b(e,!t.isExpand)}return(0,_vue.nextTick)()},getItemExpand:e=>{e=_(e);if(e){e=e["currItem"];if(e)return e.isExpand}return!1},recalculate:R,reset:()=>{var e=P["itemList"];return e.forEach(e=>{e.isExpand=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:o,reloadItem:e=>n(e||[],!0)};Object.assign(f,t,{});const N=(e,t)=>{var{border:i,resize:r,vertical:s}=c,l=P["itemList"],n=m.value,o=u.value,a=o["direction"],d=_xeUtils.default.isBoolean(o.showPrevButton)?o.showPrevButton:l.some(e=>e.showAction),o=_xeUtils.default.isBoolean(o.showNextButton)?o.showNextButton:"next"===a&&l.some(e=>e.showAction),a=q.value["immediate"];return(0,_vue.h)("div",{class:["vxe-splitter-panel-handle",s?"is--vertical":"is--horizontal",a?"is-resize--immediate":"is-resize--lazy",{"is--resize":r,"is--border":i}]},[(0,_vue.h)("div",{class:"vxe-splitter-panel-handle-bar",style:n,onMousedown:E}),2===l.length?(0,_vue.h)("div",{class:"vxe-splitter-panel-action-btn-wrapper"},[d&&t.isExpand?(0,_vue.h)("div",{class:"vxe-splitter-panel-action-btn",onDblclick:C,onClick:w},[(0,_vue.h)("i",{class:x(e,t,!1)})]):(0,_ui.renderEmptyElement)(f),o&&e.isExpand?(0,_vue.h)("div",{class:"vxe-splitter-panel-action-btn",onDblclick:y,onClick:U},[(0,_vue.h)("i",{class:x(e,t,!0)})]):(0,_ui.renderEmptyElement)(f)]):(0,_ui.renderEmptyElement)(f)])};const I=(0,_vue.ref)(0);(0,_vue.watch)(()=>c.items?c.items.length:-1,()=>{I.value++}),(0,_vue.watch)(()=>c.items,()=>{I.value++}),(0,_vue.watch)(I,()=>{o(c.items||[])}),(0,_vue.watch)(()=>P.staticItems,e=>{var{showPrevButton:t,showNextButton:i}=u.value;c.items&&c.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-splitter-panel ...>","items"]),P.itemList=e||[],(t||i)&&2<P.itemList.length&&(0,_log.errLog)("vxe.error.modelConflicts",["[splitter] action-config.showPrevButton | action-config.showNextButton","<vxe-splitter-panel ...> Only supports 2 panel"]),P.itemList.forEach(e=>{e.showAction&&(0,_log.warnLog)("vxe.error.removeProp",["[splitter] showAction"])}),R()});let W;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{R()});var e=A.value,e=(e&&(W=_ui.globalResize.create(()=>{R()})).observe(e),u.value);e.direction&&(0,_log.errLog)("vxe.error.delProp",["[splitter] action-config.direction","action-config.showPrevButton | action-config.showNextButton"]),_ui.globalEvents.on(f,"resize",L)}),(0,_vue.onUnmounted)(()=>{W&&W.disconnect(),_ui.globalEvents.off(f,"resize")}),(0,_vue.onActivated)(()=>{R()}),c.items&&o(c.items),(0,_vue.provide)("$xeSplitter",f),f.renderVN=()=>{var{vertical:e,width:t,height:i}=c,r=d.value,{immediate:s,showTip:l}=q.value,n=a.default,o={};return i&&(o.height=(0,_dom.toCssUnit)(i)),t&&(o.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:A,class:["vxe-splitter",e?"is--vertical":"is--horizontal",s?"is-resize--immediate":"is-resize--lazy",{["size--"+r]:r}],style:o},[(0,_vue.h)("div",{class:"vxe-splitter-slots"},n?n({}):[]),(()=>{const{border:m,padding:f,resize:x,vertical:_}=c,b=P["itemList"],E=d.value;const z=q.value["immediate"],C=h.value,w=v.value["autoItems"],y=[];return b.forEach((e,t)=>{var{id:i,name:r,slots:s,renderHeight:l,resizeHeight:n,foldHeight:o,renderWidth:a,resizeWidth:d,foldWidth:u,isExpand:h}=e,t=b[t+1],s=s?s.default:null,c={};let p=h?u||d||a:0,g=h?o||n||l:0,v=(1===w.length&&(_?e.height||(g=0):e.width||(p=0)),!0);_?g&&1<C.length&&(v=!1,c.height=(0,_dom.toCssUnit)(g)):p&&1<C.length&&(v=!1,c.width=(0,_dom.toCssUnit)(p)),y.push((0,_vue.h)("div",{itemid:i,class:["vxe-splitter-panel",_?"is--vertical":"is--horizontal",z?"is-resize--immediate":"is-resize--lazy",{["size--"+E]:E,"is--resize":x,"is--padding":f,"is--border":m,"is--height":g,"is--width":p,"is--visible":h,"is--hidden":!h,"is--fill":h&&v}],style:c},[(0,_vue.h)("div",{itemid:i,class:"vxe-splitter-panel--wrapper"},[(0,_vue.h)("div",{class:"vxe-splitter-panel--inner"},s?H(s,{name:r,isExpand:h}):[])])])),t&&y.push(N(e,t))}),(0,_vue.h)("div",{class:"vxe-splitter-wrapper"},y)})(),(0,_vue.h)("div",{ref:M,class:["vxe-splitter--resizable-splitter-tip",e?"is--vertical":"is--horizontal",s?"is-resize--immediate":"is-resize--lazy"]},l?[(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-tip-number"},[(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-number-prev"}),(0,_vue.h)("div",{class:"vxe-splitter--resizable-splitter-number-next"})])]:[]),(0,_vue.h)("div",{class:"vxe-splitter--render-vars"},[(0,_vue.h)("div",{ref:p,class:"vxe-splitter--handle-bar-info"})])])},f},render(){return this.renderVN()}});

package/lib/{split → splitter}/src/util.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.assembleSplitItem = assembleSplitItem;
-exports.destroySplitItem = destroySplitItem;
+exports.assembleSplitterItem = assembleSplitterItem;
+exports.destroySplitterItem = destroySplitterItem;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function assembleSplitItem($xeSplit, elem, paneConfig) {
-  const staticItems = $xeSplit.reactData.staticItems;
+function assembleSplitterItem($xeSplitter, elem, paneConfig) {
+  const staticItems = $xeSplitter.reactData.staticItems;
   const parentElem = elem.parentNode;
   if (parentElem) {
     staticItems.splice(_xeUtils.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 = _xeUtils.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);
 }

package/lib/splitter/src/util.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleSplitterItem=assembleSplitterItem,exports.destroySplitterItem=destroySplitterItem;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function assembleSplitterItem(e,t,r){var i=e.reactData.staticItems,s=t.parentNode;s&&(i.splice(_xeUtils.default.arrayIndexOf(s.children,t),0,r),e.reactData.staticItems=i.slice(0))}function destroySplitterItem(e,t){var r=e.reactData.staticItems,i=_xeUtils.default.findIndexOf(r,e=>e.id===t.id);-1<i&&r.splice(i,1),e.reactData.staticItems=r.slice(0)}

package/lib/splitter/style/index.js

@@ -0,0 +1 @@
+require('./style.css')