vxe-pc-ui 4.5.6 → 4.5.8

package/lib/split/src/{split-item.js → split-pane.js}

@@ -10,7 +10,7 @@ var _util = require("./util");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = (0, _vue.defineComponent)({
-  name: 'VxeSplitItem',
+  name: 'VxeSplitPane',
   props: {
     name: [Number, String],
     width: [Number, String],
@@ -34,7 +34,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const xID = _xeUtils.default.uniqueId();
     const $xeSplit = (0, _vue.inject)('$xeSplit', null);
     const refElem = (0, _vue.ref)();
-    const chunkConfig = (0, _vue.reactive)({
+    const paneConfig = (0, _vue.reactive)({
       id: xID,
       name: props.name,
       width: props.width,
@@ -69,46 +69,46 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, (0, _ui.createEvent)(evnt, {
-        $splitItem: $xeSplitItem
+        $splitPane: $xeSplitItem
       }, params));
     };
-    const splitItemMethods = {
+    const splitPaneMethods = {
       dispatchEvent
     };
-    const splitItemPrivateMethods = {};
-    Object.assign($xeSplitItem, splitItemMethods, splitItemPrivateMethods);
+    const splitPanePrivateMethods = {};
+    Object.assign($xeSplitItem, splitPaneMethods, splitPanePrivateMethods);
     const renderVN = () => {
       return (0, _vue.h)('div', {
         ref: refElem
       });
     };
     (0, _vue.watch)(() => props.name, val => {
-      chunkConfig.name = val;
+      paneConfig.name = val;
     });
     (0, _vue.watch)(() => props.width, val => {
-      chunkConfig.width = val;
+      paneConfig.width = val;
     });
     (0, _vue.watch)(() => props.height, val => {
-      chunkConfig.height = val;
+      paneConfig.height = val;
     });
     (0, _vue.watch)(() => props.minWidth, val => {
-      chunkConfig.minWidth = val;
+      paneConfig.minWidth = val;
     });
     (0, _vue.watch)(() => props.minHeight, val => {
-      chunkConfig.minHeight = val;
+      paneConfig.minHeight = val;
     });
     (0, _vue.watch)(() => props.showAction, val => {
-      chunkConfig.showAction = val;
+      paneConfig.showAction = val;
     });
     (0, _vue.onMounted)(() => {
       const elem = refElem.value;
       if ($xeSplit && elem) {
-        (0, _util.assembleSplitItem)($xeSplit, elem, chunkConfig);
+        (0, _util.assembleSplitItem)($xeSplit, elem, paneConfig);
       }
     });
     (0, _vue.onUnmounted)(() => {
       if ($xeSplit) {
-        (0, _util.destroySplitItem)($xeSplit, chunkConfig);
+        (0, _util.destroySplitItem)($xeSplit, paneConfig);
       }
     });
     (0, _vue.provide)('$xeSplitItem', $xeSplitItem);

package/lib/split/src/{split-item.min.js → split-pane.min.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplitItem",props:{name:[Number,String],width:[Number,String],height:[Number,String],showAction:Boolean,minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null}},emits:[],setup(e,t){const{emit:n,slots:i}=t;var r=_xeUtils.default.uniqueId();const u=(0,_vue.inject)("$xeSplit",null),h=(0,_vue.ref)(),a=(0,_vue.reactive)({id:r,name:e.name,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,showAction:e.showAction,isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:i});var d=(0,_vue.reactive)({});const l={},o={refElem:h},s={xID:r,props:e,context:t,reactData:d,internalData:{},getRefMaps:()=>o,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$splitItem:s},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{a.name=e}),(0,_vue.watch)(()=>e.width,e=>{a.width=e}),(0,_vue.watch)(()=>e.height,e=>{a.height=e}),(0,_vue.watch)(()=>e.minWidth,e=>{a.minWidth=e}),(0,_vue.watch)(()=>e.minHeight,e=>{a.minHeight=e}),(0,_vue.watch)(()=>e.showAction,e=>{a.showAction=e}),(0,_vue.onMounted)(()=>{var e=h.value;u&&e&&(0,_util.assembleSplitItem)(u,e,a)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroySplitItem)(u,a)}),(0,_vue.provide)("$xeSplitItem",s),s.renderVN=()=>(0,_vue.h)("div",{ref:h}),s},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplitPane",props:{name:[Number,String],width:[Number,String],height:[Number,String],showAction:Boolean,minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null}},emits:[],setup(e,t){const{emit:n,slots:i}=t;var r=_xeUtils.default.uniqueId();const u=(0,_vue.inject)("$xeSplit",null),a=(0,_vue.ref)(),h=(0,_vue.reactive)({id:r,name:e.name,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,showAction:e.showAction,isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:i});var d=(0,_vue.reactive)({});const l={},o={refElem:a},s={xID:r,props:e,context:t,reactData:d,internalData:{},getRefMaps:()=>o,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$splitPane:s},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{h.name=e}),(0,_vue.watch)(()=>e.width,e=>{h.width=e}),(0,_vue.watch)(()=>e.height,e=>{h.height=e}),(0,_vue.watch)(()=>e.minWidth,e=>{h.minWidth=e}),(0,_vue.watch)(()=>e.minHeight,e=>{h.minHeight=e}),(0,_vue.watch)(()=>e.showAction,e=>{h.showAction=e}),(0,_vue.onMounted)(()=>{var e=a.value;u&&e&&(0,_util.assembleSplitItem)(u,e,h)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroySplitItem)(u,h)}),(0,_vue.provide)("$xeSplitItem",s),s.renderVN=()=>(0,_vue.h)("div",{ref:a}),s},render(){return this.renderVN()}});

package/lib/split/src/split.js

@@ -186,7 +186,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       });
       if (staticItems.length) {
-        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items']);
+        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items']);
       }
       return recalculate();
     };
@@ -298,8 +298,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
       const allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
       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 targetItemEl = targetItem ? el.querySelector(`.vxe-split-pane[itemid="${targetItem.id}"]`) : null;
+      const currItemEl = item ? el.querySelector(`.vxe-split-pane[itemid="${item.id}"]`) : null;
       const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0;
       const currWidth = currItemEl ? currItemEl.clientWidth : 0;
       const targetHeight = targetItemEl ? targetItemEl.clientHeight : 0;
@@ -513,13 +513,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = item;
       return (0, _vue.h)('div', {
         itemid: id,
-        class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
+        class: ['vxe-split-pane-handle', isFoldNext ? 'to--next' : 'to--prev']
       }, [(0, _vue.h)('div', {
-        class: 'vxe-split-item-handle-bar',
+        class: 'vxe-split-pane-handle-bar',
         style: barStyle,
         onMousedown: dragEvent
       }), showAction ? (0, _vue.h)('span', {
-        class: 'vxe-split-item-action-btn',
+        class: 'vxe-split-pane-action-btn',
         onDblclick: handleActionDblclickEvent,
         onClick: handleActionClickEvent
       }, [(0, _vue.h)('i', {
@@ -566,7 +566,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         itemVNs.push((0, _vue.h)('div', {
           itemid: id,
-          class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
+          class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', {
             'is--padding': padding,
             'is--border': border,
             'is--height': itemHeight,
@@ -579,9 +579,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
           style: stys
         }, [index && !isFoldNext ? renderHandleBar(item) : (0, _ui.renderEmptyElement)($xeSplit), (0, _vue.h)('div', {
           itemid: id,
-          class: 'vxe-split-item--wrapper'
+          class: 'vxe-split-pane--wrapper'
         }, [(0, _vue.h)('div', {
-          class: 'vxe-split-item--inner'
+          class: 'vxe-split-pane--inner'
         }, defaultSlot ? callSlot(defaultSlot, {
           name,
           isVisible,
@@ -626,7 +626,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     });
     (0, _vue.watch)(() => reactData.staticItems, val => {
       if (props.items && props.items.length) {
-        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items']);
+        (0, _log.errLog)('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items']);
       }
       reactData.itemList = val;
       recalculate();

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"),_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()}});
+"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:r}=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)),n=(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}=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:a,computeIsFoldNext:E},l={refElem:H},b={xID:t,props:z,context:e,reactData:C,internalData:{},getRefMaps:()=>l,getComputeMaps:()=>i},U=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:b},t))},I=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[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)||r[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-pane ...>","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 n=i.clientWidth,r=i.clientHeight;if(n&&r){i=W.value;const l=_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)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(r-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)?n*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(n-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,l)),u)})}}}}}),c=e=>{e.preventDefault();const s=z["vertical"];var t=C["itemList"],i=e.currentTarget.parentElement;const n=H.value;if(n){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 r=W.value,l=_xeUtils.default.toNumber(r.minWidth),r=_xeUtils.default.toNumber(r.minHeight);const u=t[i+(d?1:-1)];t=u?n.querySelector(`.vxe-split-pane[itemid="${u.id}"]`):null,i=o?n.querySelector(`.vxe-split-pane[itemid="${o.id}"]`):null;const c=t?t.clientWidth:0,m=i?i.clientWidth:0,h=t?t.clientHeight:0,g=i?i.clientHeight:0,f=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minWidth,l):l),v=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minWidth,l)),_=_xeUtils.default.toNumber(u?(0,_utils.getGlobalDefaultConfig)(u.minHeight,r):r),p=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minHeight,r)),x=e.clientX,b=e.clientY;(0,_dom.addClass)(n,"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&&m-t>=v&&(i=m-t,u.resizeWidth=c+t,o.resizeWidth=i,U("resize-drag",{item:o,name:o.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):u&&c+t>=f&&(i=m-t,u.resizeWidth=c+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)(n,"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)}}},m=e=>{if(H.value){var t=z["vertical"],i=C["itemList"],s=E.value;const l=e.currentTarget.parentElement.getAttribute("itemid");var n=_xeUtils.default.findIndexOf(i,e=>e.id===l),r=i[n],i=i[n+(s?1:-1)];r&&({showAction:n,isExpand:s}=r,n)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,r.isExpand=!s,r.isVisible=!0,r.foldHeight=s?(i.resizeHeight||i.renderHeight)+(r.resizeHeight||r.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,r.isExpand=!s,r.isVisible=!0,r.foldWidth=s?(i.resizeWidth||i.renderWidth)+(r.resizeWidth||r.renderWidth):0),U("toggle-expand",{item:r,name:r.name,targetItem:i,targetName:i?i.name:"",expanded:r.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&&m(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&&m(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:n,isExpand:r,showAction:l}=e;return(0,_vue.h)("div",{itemid:n,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:c}),l?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:h,onClick:g},[(0,_vue.h)("i",{class:(r?i.openIcon:i.closeIcon)||(e=>{var t=z["vertical"],{showAction:e,isExpand:i}=e,s=E.value,n="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",l="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?r:n:i?a:l:t?i?n:r:i?l: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-pane ...>","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=r.default,n={};return i&&(n.height=(0,_dom.toCssUnit)(i)),t&&(n.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:H,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:n},[(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:n,renderHeight:r,resizeHeight:l,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isVisible:c,isExpand:m}=e,n=n?n.default:null,h={},u=c?u||d||o:0,d=c?a||l||r: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-pane",v?"is--vertical":"is--horizontal",{"is--padding":f,"is--border":g,"is--height":d,"is--width":u,"is--fill":c&&!d&&!u,"is--handle":0<t,"is--expand":m,"is--hidden":!c}],style:h},[t&&!p?O(e):(0,_ui.renderEmptyElement)(b),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},n?I(n,{name:s,isVisible:c,isExpand:m}):[])]),p&&t<_.length-1?O(e):(0,_ui.renderEmptyElement)(b)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},x)})()])},b},render(){return this.renderVN()}});

package/lib/split/src/util.js

@@ -7,17 +7,17 @@ exports.assembleSplitItem = assembleSplitItem;
 exports.destroySplitItem = destroySplitItem;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function assembleSplitItem($xeSplit, elem, chunkConfig) {
+function assembleSplitItem($xeSplit, elem, paneConfig) {
   const staticItems = $xeSplit.reactData.staticItems;
   const parentElem = elem.parentNode;
   if (parentElem) {
-    staticItems.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, chunkConfig);
+    staticItems.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, paneConfig);
     $xeSplit.reactData.staticItems = staticItems.slice(0);
   }
 }
-function destroySplitItem($xeSplit, chunkConfig) {
+function destroySplitItem($xeSplit, paneConfig) {
   const staticItems = $xeSplit.reactData.staticItems;
-  const index = _xeUtils.default.findIndexOf(staticItems, item => item.id === chunkConfig.id);
+  const index = _xeUtils.default.findIndexOf(staticItems, item => item.id === paneConfig.id);
   if (index > -1) {
     staticItems.splice(index, 1);
   }

package/lib/split/style/style.css

@@ -1,7 +1,7 @@
 .vxe-split.is--vertical > .vxe-split-wrapper {
   flex-direction: column;
 }
-.vxe-split.is--vertical > .vxe-split-wrapper > .vxe-split-item {
+.vxe-split.is--vertical > .vxe-split-wrapper > .vxe-split-pane {
   width: 100%;
 }
 .vxe-split.is--drag {
@@ -9,7 +9,7 @@
      -moz-user-select: none;
           user-select: none;
 }
-.vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-item > .vxe-split-item--wrapper::after {
+.vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-pane > .vxe-split-pane--wrapper::after {
   content: "";
   position: absolute;
   top: 0;
@@ -31,7 +31,7 @@
   display: none;
 }
 
-.vxe-split-item-handle {
+.vxe-split-pane-handle {
   position: relative;
   flex-shrink: 0;
   -webkit-user-select: none;
@@ -39,27 +39,27 @@
           user-select: none;
 }
 
-.vxe-split-item--wrapper {
+.vxe-split-pane--wrapper {
   position: relative;
   word-break: break-word;
   overflow: hidden;
   flex-grow: 1;
 }
 
-.vxe-split-item--inner {
+.vxe-split-pane--inner {
   height: 100%;
   width: 100%;
   overflow: auto;
 }
-.vxe-split-item--inner > .vxe-split {
+.vxe-split-pane--inner > .vxe-split {
   height: 100%;
 }
 
-.vxe-split-item-handle-bar {
+.vxe-split-pane-handle-bar {
   background-color: var(--vxe-split-handle-bar-background-color);
 }
 
-.vxe-split-item-action-btn {
+.vxe-split-pane-action-btn {
   display: block;
   position: absolute;
   z-index: 2;
@@ -69,92 +69,92 @@
   transition: transform 0.1s ease-in-out;
 }
 
-.vxe-split-item {
+.vxe-split-pane {
   display: flex;
   position: relative;
   overflow: hidden;
 }
-.vxe-split-item.is--hidden {
+.vxe-split-pane.is--hidden {
   width: 0;
 }
-.vxe-split-item.is--padding > .vxe-split-item--wrapper {
+.vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
   padding: var(--vxe-ui-layout-padding-default);
 }
-.vxe-split-item.is--fill {
+.vxe-split-pane.is--fill {
   flex-grow: 1;
 }
-.vxe-split-item.is--width, .vxe-split-item.is--height {
+.vxe-split-pane.is--width, .vxe-split-pane.is--height {
   flex-shrink: 0;
 }
-.vxe-split-item.is--border > .vxe-split-item--wrapper, .vxe-split-item.is--border > .vxe-split-item-handle {
+.vxe-split-pane.is--border > .vxe-split-pane--wrapper, .vxe-split-pane.is--border > .vxe-split-pane-handle {
   border: 1px solid var(--vxe-ui-base-popup-border-color);
 }
-.vxe-split-item.is--expand.is--horizontal > .vxe-split-item-handle .vxe-split-item-handle-bar {
+.vxe-split-pane.is--expand.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
   cursor: w-resize;
 }
-.vxe-split-item.is--expand.is--vertical > .vxe-split-item-handle .vxe-split-item-handle-bar {
+.vxe-split-pane.is--expand.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
   cursor: n-resize;
 }
-.vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar {
+.vxe-split-pane.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar {
   background-color: var(--vxe-split-handle-bar-background-color);
 }
-.vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar:hover {
+.vxe-split-pane.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:hover {
   background-color: var(--vxe-ui-font-primary-lighten-color);
 }
-.vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar:active {
+.vxe-split-pane.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
   background-color: var(--vxe-ui-font-primary-darken-color);
 }
-.vxe-split-item.is--horizontal {
+.vxe-split-pane.is--horizontal {
   flex-direction: row;
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle.to--prev .vxe-split-item-action-btn {
+.vxe-split-pane.is--horizontal > .vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn {
   left: 0;
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle.to--next .vxe-split-item-action-btn {
+.vxe-split-pane.is--horizontal > .vxe-split-pane-handle.to--next .vxe-split-pane-action-btn {
   right: 0;
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-handle-bar {
+.vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
   width: var(--vxe-split-handle-bar-width);
   height: 100%;
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn {
+.vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-action-btn {
   top: 50%;
   transform: translateY(-50%);
   padding: 1em 0;
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn:hover {
+.vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-action-btn:hover {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn:active {
+.vxe-split-pane.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-action-btn:active {
   transform: translateY(-50%) scale(0.9);
 }
-.vxe-split-item.is--horizontal.is--border > .vxe-split-item-handle {
+.vxe-split-pane.is--horizontal.is--border > .vxe-split-pane-handle {
   border-width: 1px 0 1px 0;
 }
-.vxe-split-item.is--vertical {
+.vxe-split-pane.is--vertical {
   flex-direction: column;
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle.to--prev .vxe-split-item-action-btn {
+.vxe-split-pane.is--vertical > .vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn {
   top: 0;
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle.to--next .vxe-split-item-action-btn {
+.vxe-split-pane.is--vertical > .vxe-split-pane-handle.to--next .vxe-split-pane-action-btn {
   bottom: 0;
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-handle-bar {
+.vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
   height: var(--vxe-split-handle-bar-height);
   width: 100%;
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn {
+.vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-action-btn {
   left: 50%;
   transform: translateX(-50%);
   padding: 0 1em;
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn:hover {
+.vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-action-btn:hover {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn:active {
+.vxe-split-pane.is--vertical > .vxe-split-pane-handle .vxe-split-pane-action-btn:active {
   transform: translateX(-50%) scale(0.9);
 }
-.vxe-split-item.is--vertical.is--border > .vxe-split-item-handle {
+.vxe-split-pane.is--vertical.is--border > .vxe-split-pane-handle {
   border-width: 0 1px 0 1px;
 }

package/lib/split/style/style.min.css

@@ -1 +1 @@
-.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item--inner>.vxe-split{height:100%}.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-item{display:flex;position:relative;overflow:hidden}.vxe-split-item.is--hidden{width:0}.vxe-split-item.is--padding>.vxe-split-item--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--expand.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:w-resize}.vxe-split-item.is--expand.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:n-resize}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{left:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{right:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateY(-50%) scale(.9)}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{top:0}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{bottom:0}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}
+.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-pane-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper,.vxe-split-pane.is--border>.vxe-split-pane-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--expand.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--expand.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-pane.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn{left:0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle.to--next .vxe-split-pane-action-btn{right:0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn:active{transform:translateY(-50%) scale(.9)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle.to--prev .vxe-split-pane-action-btn{top:0}.vxe-split-pane.is--vertical>.vxe-split-pane-handle.to--next .vxe-split-pane-action-btn{bottom:0}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}

package/lib/split-pane/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeSplitPane = exports.SplitPane = void 0;
+var _core = require("@vxe-ui/core");
+var _splitPane = _interopRequireDefault(require("../split/src/split-pane"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeSplitPane = exports.VxeSplitPane = Object.assign({}, _splitPane.default, {
+  install(app) {
+    app.component(_splitPane.default.name, _splitPane.default);
+    app.component('VxeSplitItem', _splitPane.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeSplitPane);
+_core.VxeUI.component(_splitPane.default);
+const SplitPane = exports.SplitPane = VxeSplitPane;
+var _default = exports.default = VxeSplitPane;

package/lib/split-pane/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSplitPane=exports.SplitPane=void 0;var _core=require("@vxe-ui/core"),_splitPane=_interopRequireDefault(require("../split/src/split-pane")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeSplitPane=exports.VxeSplitPane=Object.assign({},_splitPane.default,{install(e){e.component(_splitPane.default.name,_splitPane.default),e.component("VxeSplitItem",_splitPane.default)}}),SplitPane=(_dynamics.dynamicApp.use(VxeSplitPane),_core.VxeUI.component(_splitPane.default),exports.SplitPane=VxeSplitPane);var _default=exports.default=VxeSplitPane;