vxe-pc-ui 4.4.26 → 4.5.1

package/lib/split/src/split.js

@@ -0,0 +1,323 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _ui = require("../../ui");
+var _vn = require("../../ui/src/vn");
+var _dom = require("../../ui/src/dom");
+var _utils = require("../../ui/src/utils");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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
+    },
+    itemConfig: Object
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      emit,
+      slots
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const refElem = (0, _vue.ref)();
+    const reactData = (0, _vue.reactive)({
+      staticItems: []
+    });
+    const internalData = {};
+    const computeItemOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, (0, _ui.getConfig)().split.itemConfig, props.itemConfig);
+    });
+    const computeMaps = {
+      computeItemOpts
+    };
+    const refMaps = {
+      refElem
+    };
+    const $xeSplit = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $split: $xeSplit
+      }, params));
+    };
+    const callSlot = (slotFunc, params) => {
+      if (slotFunc) {
+        if (_xeUtils.default.isString(slotFunc)) {
+          slotFunc = slots[slotFunc] || null;
+        }
+        if (_xeUtils.default.isFunction(slotFunc)) {
+          return (0, _vn.getSlotVNs)(slotFunc(params));
+        }
+      }
+      return [];
+    };
+    const recalculate = () => {
+      return (0, _vue.nextTick)().then(() => {
+        const {
+          vertical
+        } = props;
+        const {
+          staticItems
+        } = reactData;
+        const el = refElem.value;
+        if (!el) {
+          return;
+        }
+        const wrapperWidth = el.clientWidth;
+        const wrapperHeight = el.clientHeight;
+        if (!wrapperWidth || !wrapperHeight) {
+          return;
+        }
+        const itemOpts = computeItemOpts.value;
+        const allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
+        const allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
+        const residueItems = [];
+        if (vertical) {
+          let countHeight = 0;
+          staticItems.forEach(item => {
+            const {
+              height
+            } = item;
+            let itemHeight = 0;
+            if (height) {
+              if ((0, _dom.isScale)(height)) {
+                itemHeight = wrapperHeight * _xeUtils.default.toNumber(height);
+              } else {
+                itemHeight = _xeUtils.default.toNumber(height);
+              }
+              item.renderHeight = itemHeight;
+            } else {
+              residueItems.push(item);
+            }
+            countHeight += itemHeight;
+          });
+          if (residueItems.length) {
+            const reMeanHeight = (wrapperHeight - countHeight) / residueItems.length;
+            residueItems.forEach(item => {
+              item.renderHeight = Math.max(_xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight)), reMeanHeight);
+            });
+          }
+        } else {
+          let countWidth = 0;
+          staticItems.forEach(item => {
+            const {
+              width
+            } = item;
+            let itemWidth = 0;
+            if (width) {
+              if ((0, _dom.isScale)(width)) {
+                itemWidth = wrapperWidth * _xeUtils.default.toNumber(width);
+              } else {
+                itemWidth = _xeUtils.default.toNumber(width);
+              }
+              item.renderWidth = itemWidth;
+            } else {
+              residueItems.push(item);
+            }
+            countWidth += itemWidth;
+          });
+          if (residueItems.length) {
+            const reMeanWidth = (wrapperWidth - countWidth) / residueItems.length;
+            residueItems.forEach(item => {
+              item.renderWidth = Math.max(_xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth)), reMeanWidth);
+            });
+          }
+        }
+      });
+    };
+    const dragEvent = evnt => {
+      evnt.preventDefault();
+      const {
+        vertical
+      } = props;
+      const {
+        staticItems
+      } = reactData;
+      const handleEl = evnt.currentTarget;
+      const el = refElem.value;
+      if (!el) {
+        return;
+      }
+      const itemId = handleEl.getAttribute('xid');
+      const itemIndex = _xeUtils.default.findIndexOf(staticItems, item => item.id === itemId);
+      const item = staticItems[itemIndex];
+      if (!item) {
+        return;
+      }
+      const itemOpts = computeItemOpts.value;
+      const allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
+      const allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
+      const prevItem = staticItems[itemIndex - 1];
+      const prevItemEl = prevItem ? el.querySelector(`.vxe-split-item[xid="${prevItem.id}"]`) : null;
+      const currItemEl = item ? el.querySelector(`.vxe-split-item[xid="${item.id}"]`) : null;
+      const prevWidth = prevItemEl ? prevItemEl.clientWidth : 0;
+      const currWidth = currItemEl ? currItemEl.clientWidth : 0;
+      const prevHeight = prevItemEl ? prevItemEl.clientHeight : 0;
+      const currHeight = currItemEl ? currItemEl.clientHeight : 0;
+      const prevMinWidth = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minWidth, allMinWidth) : allMinWidth);
+      const currMinWidth = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth));
+      const prevMinHeight = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minHeight, allMinHeight) : allMinHeight);
+      const currMinHeight = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight));
+      const disX = evnt.clientX;
+      const disY = evnt.clientY;
+      (0, _dom.addClass)(el, 'is--drag');
+      document.onmousemove = evnt => {
+        evnt.preventDefault();
+        if (vertical) {
+          const offsetTop = evnt.clientY - disY;
+          if (offsetTop > 0) {
+            if (prevItem) {
+              if (currHeight - offsetTop >= currMinHeight) {
+                prevItem.renderHeight = prevHeight + offsetTop;
+                item.renderHeight = currHeight - offsetTop;
+              }
+            }
+          } else {
+            if (prevItem) {
+              if (prevHeight + offsetTop >= prevMinHeight) {
+                prevItem.renderHeight = prevHeight + offsetTop;
+                item.renderHeight = currHeight - offsetTop;
+              }
+            }
+          }
+        } else {
+          const offsetLeft = evnt.clientX - disX;
+          if (offsetLeft > 0) {
+            if (prevItem) {
+              if (currWidth - offsetLeft >= currMinWidth) {
+                prevItem.renderWidth = prevWidth + offsetLeft;
+                item.renderWidth = currWidth - offsetLeft;
+              }
+            }
+          } else {
+            if (prevItem) {
+              if (prevWidth + offsetLeft >= prevMinWidth) {
+                prevItem.renderWidth = prevWidth + offsetLeft;
+                item.renderWidth = currWidth - offsetLeft;
+              }
+            }
+          }
+        }
+      };
+      document.onmouseup = () => {
+        document.onmousemove = null;
+        document.onmouseup = null;
+        (0, _dom.removeClass)(el, 'is--drag');
+      };
+    };
+    const splitMethods = {
+      dispatchEvent,
+      recalculate
+    };
+    const splitPrivateMethods = {};
+    Object.assign($xeSplit, splitMethods, splitPrivateMethods);
+    const renderItems = () => {
+      const {
+        border,
+        vertical
+      } = props;
+      const {
+        staticItems
+      } = reactData;
+      const itemVNs = [];
+      staticItems.forEach((item, index) => {
+        const {
+          id,
+          slots,
+          renderHeight,
+          renderWidth
+        } = item;
+        const defaultSlot = slots ? slots.default : null;
+        const stys = {};
+        if (vertical) {
+          if (renderHeight) {
+            stys.height = (0, _dom.toCssUnit)(renderHeight);
+          }
+        } else {
+          if (renderWidth) {
+            stys.width = (0, _dom.toCssUnit)(renderWidth);
+          }
+        }
+        itemVNs.push((0, _vue.h)('div', {
+          xid: id,
+          class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
+            'is--border': border,
+            'is--height': renderHeight,
+            'is--width': renderWidth,
+            'is--fill': !renderHeight && !renderWidth,
+            'is--handle': index > 0
+          }],
+          style: stys
+        }, [index ? (0, _vue.h)('div', {
+          xid: id,
+          class: 'vxe-split-item-handle',
+          onMousedown: dragEvent
+        }) : (0, _ui.renderEmptyElement)($xeSplit), (0, _vue.h)('div', {
+          xid: id,
+          class: 'vxe-split-item--wrapper'
+        }, defaultSlot ? callSlot(defaultSlot, {}) : [])]));
+      });
+      return (0, _vue.h)('div', {
+        class: 'vxe-split-wrapper'
+      }, itemVNs);
+    };
+    const renderVN = () => {
+      const {
+        vertical,
+        width,
+        height
+      } = props;
+      const defaultSlot = slots.default;
+      const stys = {};
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal'],
+        style: stys
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-split-slots'
+      }, defaultSlot ? defaultSlot({}) : []), renderItems()]);
+    };
+    (0, _vue.watch)(() => reactData.staticItems, () => {
+      recalculate();
+    });
+    (0, _vue.onMounted)(() => {
+      recalculate();
+    });
+    (0, _vue.onActivated)(() => {
+      recalculate();
+    });
+    (0, _vue.provide)('$xeSplit', $xeSplit);
+    $xeSplit.renderVN = renderVN;
+    return $xeSplit;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

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

@@ -0,0 +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},itemConfig:Object},emits:[],setup(b,e){const{emit:l,slots:s}=e;var t=_xeUtils.default.uniqueId();const U=(0,_vue.ref)(),C=(0,_vue.reactive)({staticItems:[]});const N=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,b.itemConfig)),i={computeItemOpts:N},r={refElem:U},a={xID:t,props:b,context:e,reactData:C,internalData:{},getRefMaps:()=>r,getComputeMaps:()=>i};const d=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=s[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],u=()=>(0,_vue.nextTick)().then(()=>{var e=b["vertical"],t=C["staticItems"],i=U.value;if(i){const r=i.clientWidth,s=i.clientHeight;if(r&&s){i=N.value;const u=_xeUtils.default.toNumber(i.minWidth),n=_xeUtils.default.toNumber(i.minHeight),o=[];if(e){let l=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?s*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),l+=i}),o.length){const a=(s-l)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,n)),a)})}}else{let l=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),l+=i}),o.length){const d=(r-l)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,u)),d)})}}}}}),c=e=>{e.preventDefault();const i=b["vertical"];var t=C["staticItems"],l=e.currentTarget;const r=U.value;if(r){const n=l.getAttribute("xid");l=_xeUtils.default.findIndexOf(t,e=>e.id===n);const o=t[l];if(o){var s=N.value,u=_xeUtils.default.toNumber(s.minWidth),s=_xeUtils.default.toNumber(s.minHeight);const a=t[l-1];t=a?r.querySelector(`.vxe-split-item[xid="${a.id}"]`):null,l=o?r.querySelector(`.vxe-split-item[xid="${o.id}"]`):null;const d=t?t.clientWidth:0,c=l?l.clientWidth:0,h=t?t.clientHeight:0,m=l?l.clientHeight:0,f=_xeUtils.default.toNumber(a?(0,_utils.getGlobalDefaultConfig)(a.minWidth,u):u),v=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minWidth,u)),_=_xeUtils.default.toNumber(a?(0,_utils.getGlobalDefaultConfig)(a.minHeight,s):s),g=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(o.minHeight,s)),p=e.clientX,x=e.clientY;(0,_dom.addClass)(r,"is--drag"),document.onmousemove=e=>{var t;e.preventDefault(),i?0<(t=e.clientY-x)?a&&m-t>=g&&(a.renderHeight=h+t,o.renderHeight=m-t):a&&h+t>=_&&(a.renderHeight=h+t,o.renderHeight=m-t):0<(t=e.clientX-p)?a&&c-t>=v&&(a.renderWidth=d+t,o.renderWidth=c-t):a&&d+t>=f&&(a.renderWidth=d+t,o.renderWidth=c-t)},document.onmouseup=()=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(r,"is--drag")}}}};t={dispatchEvent:(e,t,i)=>{l(e,(0,_ui.createEvent)(i,{$split:a},t))},recalculate:u};Object.assign(a,t,{});return(0,_vue.watch)(()=>C.staticItems,()=>{u()}),(0,_vue.onMounted)(()=>{u()}),(0,_vue.onActivated)(()=>{u()}),(0,_vue.provide)("$xeSplit",a),a.renderVN=()=>{var{vertical:e,width:t,height:i}=b,l=s.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:U,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},l?l({}):[]),(()=>{const{border:u,vertical:n}=b;var e=C["staticItems"];const o=[];return e.forEach((e,t)=>{var{id:e,slots:i,renderHeight:l,renderWidth:r}=e,i=i?i.default:null,s={};n?l&&(s.height=(0,_dom.toCssUnit)(l)):r&&(s.width=(0,_dom.toCssUnit)(r)),o.push((0,_vue.h)("div",{xid:e,class:["vxe-split-item",n?"is--vertical":"is--horizontal",{"is--border":u,"is--height":l,"is--width":r,"is--fill":!l&&!r,"is--handle":0<t}],style:s},[t?(0,_vue.h)("div",{xid:e,class:"vxe-split-item-handle",onMousedown:c}):(0,_ui.renderEmptyElement)(a),(0,_vue.h)("div",{xid:e,class:"vxe-split-item--wrapper"},i?d(i,{}):[])]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},o)})()])},a},render(){return this.renderVN()}});

package/lib/split/src/util.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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) {
+  const staticItems = $xeSplit.reactData.staticItems;
+  const parentElem = elem.parentNode;
+  if (parentElem) {
+    staticItems.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, chunkConfig);
+    $xeSplit.reactData.staticItems = staticItems.slice(0);
+  }
+}
+function destroySplitItem($xeSplit, chunkConfig) {
+  const staticItems = $xeSplit.reactData.staticItems;
+  const index = _xeUtils.default.findIndexOf(staticItems, item => item.id === chunkConfig.id);
+  if (index > -1) {
+    staticItems.splice(index, 1);
+  }
+  $xeSplit.reactData.staticItems = staticItems.slice(0);
+}

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

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

package/lib/split/style/index.js

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

package/lib/split/style/style.css

@@ -0,0 +1,91 @@
+.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: transparent;
+}
+
+.vxe-split-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+
+.vxe-split-slots {
+  display: none;
+}
+
+.vxe-split-item-handle {
+  flex-shrink: 0;
+  background-color: var(--vxe-split-handle-bar-background-color);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-split-item-handle:hover {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-split-item-handle:active {
+  background-color: var(--vxe-ui-font-primary-darken-color);
+}
+
+.vxe-split-item--wrapper {
+  position: relative;
+  word-break: break-word;
+  overflow: auto;
+  flex-grow: 1;
+}
+.vxe-split-item--wrapper > .vxe-split {
+  height: 100%;
+}
+
+.vxe-split-item {
+  display: flex;
+  position: relative;
+  overflow: auto;
+}
+.vxe-split-item.is--fill {
+  flex-grow: 1;
+}
+.vxe-split-item.is--width, .vxe-split-item.is--height {
+  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--horizontal {
+  flex-direction: row;
+}
+.vxe-split-item.is--horizontal > .vxe-split-item-handle {
+  width: var(--vxe-split-handle-bar-width);
+  cursor: w-resize;
+}
+.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 {
+  height: var(--vxe-split-handle-bar-height);
+  cursor: n-resize;
+}
+.vxe-split-item.is--vertical.is--border > .vxe-split-item-handle {
+  border-width: 0 1px 0 1px;
+}

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

@@ -0,0 +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{flex-shrink:0;background-color:var(--vxe-split-handle-bar-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item-handle:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item-handle:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:auto;flex-grow:1}.vxe-split-item--wrapper>.vxe-split{height:100%}.vxe-split-item{display:flex;position:relative;overflow:auto}.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--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle{width:var(--vxe-split-handle-bar-width);cursor:w-resize}.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{height:var(--vxe-split-handle-bar-height);cursor:n-resize}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}

package/lib/split-item/index.js

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

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

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

package/lib/split-item/style/index.js

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