vxe-pc-ui 4.5.4 → 4.5.5

package/lib/split/src/split.js

@@ -9,6 +9,7 @@ var _ui = require("../../ui");
 var _vn = require("../../ui/src/vn");
 var _dom = require("../../ui/src/dom");
 var _utils = require("../../ui/src/utils");
+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, _vue.defineComponent)({
@@ -28,11 +29,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       type: Boolean,
       default: () => (0, _ui.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,
@@ -41,7 +43,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const xID = _xeUtils.default.uniqueId();
     const refElem = (0, _vue.ref)();
     const reactData = (0, _vue.reactive)({
-      staticItems: []
+      staticItems: [],
+      itemList: []
     });
     const internalData = {};
     const computeItemOpts = (0, _vue.computed)(() => {
@@ -142,9 +145,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const reset = () => {
       const {
-        staticItems
+        itemList
       } = reactData;
-      staticItems.forEach(item => {
+      itemList.forEach(item => {
         item.isExpand = true;
         item.isVisible = true;
         item.foldHeight = 0;
@@ -154,13 +157,52 @@ var _default = exports.default = (0, _vue.defineComponent)({
       });
       return (0, _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) {
+          _xeUtils.default.each(item.slots, func => {
+            if (!_xeUtils.default.isFunction(func)) {
+              if (!slots[func]) {
+                (0, _log.errLog)('vxe.error.notSlot', [func]);
+              }
+            }
+          });
+        }
+        return Object.assign({}, isReset ? null : itemDef, item, isReset ? itemDef : null, {
+          id: _xeUtils.default.uniqueId()
+        });
+      });
+      if (staticItems.length) {
+        (0, _log.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, _vue.nextTick)().then(() => {
         const {
           vertical
         } = props;
         const {
-          staticItems
+          itemList
         } = reactData;
         const el = refElem.value;
         if (!el) {
@@ -177,7 +219,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const residueItems = [];
         if (vertical) {
           let countHeight = 0;
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const {
               height
             } = item;
@@ -202,7 +244,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         } else {
           let countWidth = 0;
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const {
               width
             } = item;
@@ -234,7 +276,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         vertical
       } = props;
       const {
-        staticItems
+        itemList
       } = reactData;
       const barEl = evnt.currentTarget;
       const handleEl = barEl.parentElement;
@@ -243,8 +285,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return;
       }
       const itemId = handleEl.getAttribute('itemid');
-      const itemIndex = _xeUtils.default.findIndexOf(staticItems, item => item.id === itemId);
-      const item = staticItems[itemIndex];
+      const itemIndex = _xeUtils.default.findIndexOf(itemList, item => item.id === itemId);
+      const item = itemList[itemIndex];
       if (!item) {
         return;
       }
@@ -255,7 +297,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const itemOpts = computeItemOpts.value;
       const allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
       const allMinHeight = _xeUtils.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;
@@ -369,15 +411,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
         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 = _xeUtils.default.findIndexOf(staticItems, item => item.id === itemId);
-      const item = staticItems[itemIndex];
-      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)];
+      const itemIndex = _xeUtils.default.findIndexOf(itemList, item => item.id === itemId);
+      const item = itemList[itemIndex];
+      const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)];
       if (item) {
         const {
           showAction,
@@ -401,7 +443,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
               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,
@@ -412,13 +454,51 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       }
     };
+    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 = _xeUtils.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 = _xeUtils.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);
@@ -431,12 +511,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         isExpand,
         showAction
       } = item;
-      const btnOns = {};
-      if (actionOpts.trigger === 'dblclick') {
-        btnOns.onDblclick = handleItemActionEvent;
-      } else {
-        btnOns.onClick = handleItemActionEvent;
-      }
       return (0, _vue.h)('div', {
         itemid: id,
         class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
@@ -444,9 +518,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-split-item-handle-bar',
         style: barStyle,
         onMousedown: dragEvent
-      }), showAction ? (0, _vue.h)('span', Object.assign({
-        class: 'vxe-split-item-action-btn'
-      }, btnOns), [(0, _vue.h)('i', {
+      }), showAction ? (0, _vue.h)('span', {
+        class: 'vxe-split-item-action-btn',
+        onDblclick: handleActionDblclickEvent,
+        onClick: handleActionClickEvent
+      }, [(0, _vue.h)('i', {
         class: (isExpand ? actionOpts.openIcon : actionOpts.closeIcon) || getDefaultActionIcon(item)
       })]) : (0, _ui.renderEmptyElement)($xeSplit)]);
     };
@@ -457,13 +533,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         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,
@@ -505,7 +582,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
           class: 'vxe-split-item--wrapper'
         }, [(0, _vue.h)('div', {
           class: 'vxe-split-item--inner'
-        }, defaultSlot ? callSlot(defaultSlot, {}) : [])]), isFoldNext && index < staticItems.length - 1 ? renderHandleBar(item) : (0, _ui.renderEmptyElement)($xeSplit)]));
+        }, defaultSlot ? callSlot(defaultSlot, {
+          name,
+          isVisible,
+          isExpand
+        }) : [])]), isFoldNext && index < itemList.length - 1 ? renderHandleBar(item) : (0, _ui.renderEmptyElement)($xeSplit)]));
       });
       return (0, _vue.h)('div', {
         class: 'vxe-split-wrapper'
@@ -533,7 +614,21 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-split-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderItems()]);
     };
-    (0, _vue.watch)(() => reactData.staticItems, () => {
+    const itemFlag = (0, _vue.ref)(0);
+    (0, _vue.watch)(() => props.items ? props.items.length : -1, () => {
+      itemFlag.value++;
+    });
+    (0, _vue.watch)(() => props.items, () => {
+      itemFlag.value++;
+    });
+    (0, _vue.watch)(itemFlag, () => {
+      loadItem(props.items || []);
+    });
+    (0, _vue.watch)(() => reactData.staticItems, val => {
+      if (props.items && props.items.length) {
+        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items']);
+      }
+      reactData.itemList = val;
       recalculate();
     });
     (0, _vue.onMounted)(() => {
@@ -548,6 +643,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
     (0, _vue.onActivated)(() => {
       recalculate();
     });
+    if (props.items) {
+      loadItem(props.items);
+    }
     (0, _vue.provide)('$xeSplit', $xeSplit);
     $xeSplit.renderVN = renderVN;
     return $xeSplit;

package/lib/split/src/split.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","resize-start","resize-drag","resize-end"],setup(z,e){const{emit:s,slots:l}=e;var t=_xeUtils.default.uniqueId();const C=(0,_vue.ref)(),H=(0,_vue.reactive)({staticItems:[]});const W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,z.itemConfig)),n=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,z.barConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,z.actionConfig)),E=(0,_vue.computed)(()=>{return"next"===d.value.direction}),o=(0,_vue.computed)(()=>{var{width:e,height:t}=n.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:W,computeBarOpts:n,computeActionOpts:d,computeIsFoldNext:E},r={refElem:C},x={xID:t,props:z,context:e,reactData:H,internalData:{},getRefMaps:()=>r,getComputeMaps:()=>i},U=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:x},t))},b=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=l[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const I=()=>(0,_vue.nextTick)().then(()=>{var e=z["vertical"],t=H["staticItems"],i=C.value;if(i){const n=i.clientWidth,l=i.clientHeight;if(n&&l){i=W.value;const r=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),d=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):d.push(e),s+=i}),d.length){const o=(l-s)/d.length;d.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),o)})}}else{let s=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):d.push(e),s+=i}),d.length){const u=(n-s)/d.length;d.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,r)),u)})}}}}}),u=e=>{e.preventDefault();const s=z["vertical"];var t=H["staticItems"],i=e.currentTarget.parentElement;const n=C.value;if(n){const a=i.getAttribute("itemid");i=_xeUtils.default.findIndexOf(t,e=>e.id===a);const d=t[i];if(d&&d.isExpand){const o=E.value;var l=W.value,r=_xeUtils.default.toNumber(l.minWidth),l=_xeUtils.default.toNumber(l.minHeight);const u=t[i+(o?1:-1)];t=u?n.querySelector(`.vxe-split-item[itemid="${u.id}"]`):null,i=d?n.querySelector(`.vxe-split-item[itemid="${d.id}"]`):null;const c=t?t.clientWidth:0,h=i?i.clientWidth:0,m=t?t.clientHeight:0,g=i?i.clientHeight:0,f=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minWidth,r):r),v=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minWidth,r)),_=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minHeight,l):l),p=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minHeight,l)),x=e.clientX,b=e.clientY;(0,_dom.addClass)(n,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=o?b-e.clientY:e.clientY-b)?u&&g-t>=p&&(i=g-t,u.resizeHeight=m+t,d.resizeHeight=i,U("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):u&&m+t>=_&&(i=g-t,u.resizeHeight=m+t,d.resizeHeight=i,U("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=o?x-e.clientX:e.clientX-x)?u&&h-t>=v&&(i=h-t,u.resizeWidth=c+t,d.resizeWidth=i,U("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):u&&c+t>=f&&(i=h-t,u.resizeWidth=c+t,d.resizeWidth=i,U("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(n,"is--drag"),U("resize-end",{item:d,name:d.name,resizeHeight:d.resizeHeight,resizeWidth:d.resizeWidth},e),I()},U("resize-start",{item:d,name:d.name},e)}}},c=e=>{if(C.value){var t=z["vertical"],i=H["staticItems"],s=E.value;const r=e.currentTarget.parentElement.getAttribute("itemid");var n=_xeUtils.default.findIndexOf(i,e=>e.id===r),l=i[n],i=i[n+(s?1:-1)];l&&({showAction:n,isExpand:s}=l,n)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,l.isExpand=!s,l.isVisible=!0,l.foldHeight=s?(i.resizeHeight||i.renderHeight)+(l.resizeHeight||l.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,l.isExpand=!s,l.isVisible=!0,l.foldWidth=s?(i.resizeWidth||i.renderWidth)+(l.resizeWidth||l.renderWidth):0),U("dblclick"===e.type?"action-dblclick":"action-click",{item:l,name:l.name,targetItem:i,targetName:i?i.name:"",expanded:l.isExpand},e),I())}},a=()=>{I()};t={dispatchEvent:U,recalculate:I,reset:()=>{var e=H["staticItems"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()}};Object.assign(x,t,{});const N=e=>{var t=o.value,i=d.value,s=E.value,{id:n,isExpand:l,showAction:r}=e,a={};return"dblclick"===i.trigger?a.onDblclick=c:a.onClick=c,(0,_vue.h)("div",{itemid:n,class:["vxe-split-item-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-item-handle-bar",style:t,onMousedown:u}),r?(0,_vue.h)("span",Object.assign({class:"vxe-split-item-action-btn"},a),[(0,_vue.h)("i",{class:(l?i.openIcon:i.closeIcon)||(e=>{var t=z["vertical"],{showAction:e,isExpand:i}=e,s=E.value,n="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",r="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?l:n:i?a:r:t?i?n:l:i?r:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(x)])};return(0,_vue.watch)(()=>H.staticItems,()=>{I()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{I()}),_ui.globalEvents.on(x,"resize",a)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(x,"resize")}),(0,_vue.onActivated)(()=>{I()}),(0,_vue.provide)("$xeSplit",x),x.renderVN=()=>{var{vertical:e,width:t,height:i}=z,s=l.default,n={};return i&&(n.height=(0,_dom.toCssUnit)(i)),t&&(n.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:C,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:n},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:m,padding:g,vertical:f}=z,v=H["staticItems"],_=E.value,p=[];return v.forEach((e,t)=>{var{id:i,slots:s,renderHeight:n,resizeHeight:l,foldHeight:r,renderWidth:a,resizeWidth:d,foldWidth:o,isVisible:u,isExpand:c}=e,s=s?s.default:null,h={},o=u?o||d||a:0,d=u?r||l||n:0;f?d&&(h.height=(0,_dom.toCssUnit)(d)):o&&(h.width=(0,_dom.toCssUnit)(o)),p.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-item",f?"is--vertical":"is--horizontal",{"is--padding":g,"is--border":m,"is--height":d,"is--width":o,"is--fill":u&&!d&&!o,"is--handle":0<t,"is--expand":c,"is--hidden":!u}],style:h},[t&&!_?N(e):(0,_ui.renderEmptyElement)(x),(0,_vue.h)("div",{itemid:i,class:"vxe-split-item--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-item--inner"},s?b(s,{}):[])]),_&&t<v.length-1?N(e):(0,_ui.renderEmptyElement)(x)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},p)})()])},x},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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,_vue.defineComponent)({name:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(z,e){const{emit:s,slots:l}=e;var t=_xeUtils.default.uniqueId();const H=(0,_vue.ref)(),C=(0,_vue.reactive)({staticItems:[],itemList:[]});const W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,z.itemConfig)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,z.barConfig)),a=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,z.actionConfig)),E=(0,_vue.computed)(()=>{return"next"===a.value.direction}),o=(0,_vue.computed)(()=>{var{width:e,height:t}=r.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:W,computeBarOpts:r,computeActionOpts:a,computeIsFoldNext:E},n={refElem:H},b={xID:t,props:z,context:e,reactData:C,internalData:{},getRefMaps:()=>n,getComputeMaps:()=>i},U=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:b},t))},I=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=l[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const d=(e,t)=>{var i=C["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return C.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||l[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-item ...>","items"]),N()},u=e=>d(e||[],!1);const N=()=>(0,_vue.nextTick)().then(()=>{var e=z["vertical"],t=C["itemList"],i=H.value;if(i){const r=i.clientWidth,l=i.clientHeight;if(r&&l){i=W.value;const n=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),o=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(l-s)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),d)})}}else{let s=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(r-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,n)),u)})}}}}}),m=e=>{e.preventDefault();const s=z["vertical"];var t=C["itemList"],i=e.currentTarget.parentElement;const r=H.value;if(r){const a=i.getAttribute("itemid");i=_xeUtils.default.findIndexOf(t,e=>e.id===a);const o=t[i];if(o&&o.isExpand){const d=E.value;var l=W.value,n=_xeUtils.default.toNumber(l.minWidth),l=_xeUtils.default.toNumber(l.minHeight);const u=t[i+(d?1:-1)];t=u?r.querySelector(`.vxe-split-item[itemid="${u.id}"]`):null,i=o?r.querySelector(`.vxe-split-item[itemid="${o.id}"]`):null;const m=t?t.clientWidth:0,c=i?i.clientWidth:0,h=t?t.clientHeight:0,g=i?i.clientHeight:0,f=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minWidth,n):n),v=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minWidth,n)),_=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minHeight,l):l),p=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minHeight,l)),x=e.clientX,b=e.clientY;(0,_dom.addClass)(r,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=d?b-e.clientY:e.clientY-b)?u&&g-t>=p&&(i=g-t,u.resizeHeight=h+t,o.resizeHeight=i,U("resize-drag",{item:o,name:o.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):u&&h+t>=_&&(i=g-t,u.resizeHeight=h+t,o.resizeHeight=i,U("resize-drag",{item:o,name:o.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=d?x-e.clientX:e.clientX-x)?u&&c-t>=v&&(i=c-t,u.resizeWidth=m+t,o.resizeWidth=i,U("resize-drag",{item:o,name:o.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):u&&m+t>=f&&(i=c-t,u.resizeWidth=m+t,o.resizeWidth=i,U("resize-drag",{item:o,name:o.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(r,"is--drag"),U("resize-end",{item:o,name:o.name,resizeHeight:o.resizeHeight,resizeWidth:o.resizeWidth},e),N()},U("resize-start",{item:o,name:o.name},e)}}},c=e=>{if(H.value){var t=z["vertical"],i=C["itemList"],s=E.value;const n=e.currentTarget.parentElement.getAttribute("itemid");var r=_xeUtils.default.findIndexOf(i,e=>e.id===n),l=i[r],i=i[r+(s?1:-1)];l&&({showAction:r,isExpand:s}=l,r)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,l.isExpand=!s,l.isVisible=!0,l.foldHeight=s?(i.resizeHeight||i.renderHeight)+(l.resizeHeight||l.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,l.isExpand=!s,l.isVisible=!0,l.foldWidth=s?(i.resizeWidth||i.renderWidth)+(l.resizeWidth||l.renderWidth):0),U("toggle-expand",{item:l,name:l.name,targetItem:i,targetName:i?i.name:"",expanded:l.isExpand},e),N())}},h=e=>{var t=C["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&c(e),U("action-dblclick",{item:t,name:t?t.name:""},e)},g=e=>{var t=C["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&c(e),U("action-click",{item:t,name:t?t.name:""},e)},f=()=>{N()};t={dispatchEvent:U,recalculate:N,reset:()=>{var e=C["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:u,reloadItem:e=>d(e||[],!0)};Object.assign(b,t,{});const O=e=>{var t=o.value,i=a.value,s=E.value,{id:r,isExpand:l,showAction:n}=e;return(0,_vue.h)("div",{itemid:r,class:["vxe-split-item-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-item-handle-bar",style:t,onMousedown:m}),n?(0,_vue.h)("span",{class:"vxe-split-item-action-btn",onDblclick:h,onClick:g},[(0,_vue.h)("i",{class:(l?i.openIcon:i.closeIcon)||(e=>{var t=z["vertical"],{showAction:e,isExpand:i}=e,s=E.value,r="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?l:r:i?a:n:t?i?r:l:i?n:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(b)])};const v=(0,_vue.ref)(0);return(0,_vue.watch)(()=>z.items?z.items.length:-1,()=>{v.value++}),(0,_vue.watch)(()=>z.items,()=>{v.value++}),(0,_vue.watch)(v,()=>{u(z.items||[])}),(0,_vue.watch)(()=>C.staticItems,e=>{z.items&&z.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-item ...>","items"]),C.itemList=e,N()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{N()}),_ui.globalEvents.on(b,"resize",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(b,"resize")}),(0,_vue.onActivated)(()=>{N()}),z.items&&u(z.items),(0,_vue.provide)("$xeSplit",b),b.renderVN=()=>{var{vertical:e,width:t,height:i}=z,s=l.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:H,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:g,padding:f,vertical:v}=z,_=C["itemList"],p=E.value,x=[];return _.forEach((e,t)=>{var{id:i,name:s,slots:r,renderHeight:l,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isVisible:m,isExpand:c}=e,r=r?r.default:null,h={},u=m?u||d||o:0,d=m?a||n||l:0;v?d&&(h.height=(0,_dom.toCssUnit)(d)):u&&(h.width=(0,_dom.toCssUnit)(u)),x.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-item",v?"is--vertical":"is--horizontal",{"is--padding":f,"is--border":g,"is--height":d,"is--width":u,"is--fill":m&&!d&&!u,"is--handle":0<t,"is--expand":c,"is--hidden":!m}],style:h},[t&&!p?O(e):(0,_ui.renderEmptyElement)(b),(0,_vue.h)("div",{itemid:i,class:"vxe-split-item--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-item--inner"},r?I(r,{name:s,isVisible:m,isExpand:c}):[])]),p&&t<_.length-1?O(e):(0,_ui.renderEmptyElement)(b)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},x)})()])},b},render(){return this.renderVN()}});