vxe-pc-ui 4.10.10 → 4.10.12

package/lib/split/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VxeSplit = exports.Split = void 0;
 var _core = require("@vxe-ui/core");
-var _split = _interopRequireDefault(require("./src/split"));
+var _splitter = _interopRequireDefault(require("../splitter/src/splitter"));
 var _dynamics = require("../dynamics");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VxeSplit = exports.VxeSplit = Object.assign({}, _split.default, {
+const VxeSplit = exports.VxeSplit = Object.assign({}, _splitter.default, {
   install(app) {
-    app.component(_split.default.name, _split.default);
+    app.component('VxeSplit', _splitter.default);
   }
 });
 _dynamics.dynamicApp.use(VxeSplit);
-_core.VxeUI.component(_split.default);
+_core.VxeUI.component(_splitter.default);
 const Split = exports.Split = VxeSplit;
 var _default = exports.default = VxeSplit;

package/lib/split/index.min.js

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

package/lib/split/style/style.css

@@ -1,31 +1,31 @@
-.vxe-split {
+.vxe-splitter {
   position: relative;
   width: 100%;
 }
-.vxe-split.is--vertical > .vxe-split-wrapper {
+.vxe-splitter.is--vertical > .vxe-splitter-wrapper {
   flex-direction: column;
 }
-.vxe-split.is--vertical > .vxe-split-wrapper > .vxe-split-pane {
+.vxe-splitter.is--vertical > .vxe-splitter-wrapper > .vxe-splitter-panel {
   width: 100%;
 }
-.vxe-split.is--drag {
+.vxe-splitter.is--drag {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.vxe-split.is--drag.is-resize--immediate.is--horizontal {
+.vxe-splitter.is--drag.is-resize--immediate.is--horizontal {
   cursor: w-resize;
 }
-.vxe-split.is--drag.is-resize--immediate.is--vertical {
+.vxe-splitter.is--drag.is-resize--immediate.is--vertical {
   cursor: n-resize;
 }
-.vxe-split.is--drag.is-resize--lazy.is--horizontal {
+.vxe-splitter.is--drag.is-resize--lazy.is--horizontal {
   cursor: col-resize;
 }
-.vxe-split.is--drag.is-resize--lazy.is--vertical {
+.vxe-splitter.is--drag.is-resize--lazy.is--vertical {
   cursor: row-resize;
 }
-.vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-pane > .vxe-split-pane--wrapper::after {
+.vxe-splitter.is--drag > .vxe-splitter-wrapper > .vxe-splitter-panel > .vxe-splitter-panel--wrapper::after {
   content: "";
   position: absolute;
   top: 0;
@@ -39,7 +39,7 @@
           user-select: none;
 }
 
-.vxe-split--resizable-split-tip {
+.vxe-splitter--resizable-splitter-tip {
   display: none;
   position: absolute;
   top: 0;
@@ -51,34 +51,34 @@
           user-select: none;
   cursor: col-resize;
 }
-.vxe-split--resizable-split-tip.is-resize--lazy:before {
+.vxe-splitter--resizable-splitter-tip.is-resize--lazy:before {
   content: "";
   display: block;
   height: 100%;
-  background-color: var(--vxe-ui-split-resizable-drag-line-color);
+  background-color: var(--vxe-ui-splitter-resizable-drag-line-color);
 }
-.vxe-split--resizable-split-tip.is--horizontal {
+.vxe-splitter--resizable-splitter-tip.is--horizontal {
   width: 1px;
   height: 100%;
 }
-.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev {
+.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev {
   right: 0;
 }
-.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next {
+.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next {
   left: 1px;
 }
-.vxe-split--resizable-split-tip.is--vertical {
+.vxe-splitter--resizable-splitter-tip.is--vertical {
   width: 100%;
   height: 1px;
 }
-.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev {
+.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev {
   bottom: 0;
 }
-.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next {
+.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next {
   top: 1px;
 }
 
-.vxe-split--resizable-split-tip-number {
+.vxe-splitter--resizable-splitter-tip-number {
   position: absolute;
   top: 0;
   left: 0;
@@ -88,29 +88,29 @@
   pointer-events: none;
 }
 
-.vxe-split--resizable-split-number-prev,
-.vxe-split--resizable-split-number-next {
+.vxe-splitter--resizable-splitter-number-prev,
+.vxe-splitter--resizable-splitter-number-next {
   position: absolute;
   padding: 0.25em 0.25em;
   font-size: 12px;
   border-radius: var(--vxe-ui-border-radius);
   white-space: nowrap;
   color: #ffffff;
-  background-color: var(--vxe-ui-split-resizable-drag-line-color);
+  background-color: var(--vxe-ui-splitter-resizable-drag-line-color);
 }
 
-.vxe-split-wrapper {
+.vxe-splitter-wrapper {
   height: 100%;
   display: flex;
   flex-direction: row;
   overflow: hidden;
 }
 
-.vxe-split-slots {
+.vxe-splitter-slots {
   display: none;
 }
 
-.vxe-split-pane-handle {
+.vxe-splitter-panel-handle {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -119,170 +119,172 @@
           user-select: none;
 }
 
-.vxe-split-pane--wrapper {
+.vxe-splitter-panel--wrapper {
   position: relative;
   word-break: break-word;
   overflow: hidden;
   flex-grow: 1;
 }
 
-.vxe-split-pane--inner {
+.vxe-splitter-panel--inner {
   height: 100%;
   width: 100%;
   overflow: auto;
 }
-.vxe-split-pane--inner > .vxe-split {
+.vxe-splitter-panel--inner > .vxe-splitter {
   height: 100%;
 }
 
-.vxe-split-pane-handle-bar {
-  background-color: var(--vxe-ui-split-handle-bar-background-color);
+.vxe-splitter-panel-handle-bar {
+  background-color: var(--vxe-ui-splitter-handle-bar-background-color);
 }
-.vxe-split-pane-handle-bar:hover {
-  background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
+.vxe-splitter-panel-handle-bar:hover {
+  background-color: var(--vxe-ui-splitter-handle-bar-hover-background-color);
 }
 
-.vxe-split-pane-action-btn-wrapper {
+.vxe-splitter-panel-action-btn-wrapper {
   position: absolute;
   display: flex;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 2;
+  pointer-events: none;
 }
 
-.vxe-split-pane-action-btn {
+.vxe-splitter-panel-action-btn {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   border-radius: var(--vxe-ui-base-border-radius);
   color: var(--vxe-ui-layout-background-color);
-  background-color: var(--vxe-ui-split-handle-button-background-color);
+  background-color: var(--vxe-ui-splitter-handle-button-background-color);
   border: 1px solid var(--vxe-ui-input-border-color);
   cursor: pointer;
+  pointer-events: all;
   transition: transform 0.1s ease-in-out;
 }
-.vxe-split-pane-action-btn:hover {
+.vxe-splitter-panel-action-btn:hover {
   color: #ffffff;
   background-color: var(--vxe-ui-font-primary-color);
 }
-.vxe-split-pane-action-btn:active {
+.vxe-splitter-panel-action-btn:active {
   transform: scale(0.9);
 }
-.vxe-split-pane-action-btn > i {
+.vxe-splitter-panel-action-btn > i {
   font-size: 0.6em;
 }
 
-.vxe-split-pane-handle.is--horizontal {
+.vxe-splitter-panel-handle.is--horizontal {
   flex-direction: row;
 }
-.vxe-split-pane-handle.is--horizontal.is--border {
+.vxe-splitter-panel-handle.is--horizontal.is--border {
   border-width: 1px 0 1px 0;
 }
-.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper {
+.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper {
   flex-direction: column;
 }
-.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div {
+.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div {
   margin-top: 1em;
 }
-.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child {
+.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div:first-child {
   margin-top: 0;
 }
-.vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar {
-  width: var(--vxe-ui-split-handle-bar-horizontal-width);
+.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar {
+  width: var(--vxe-ui-splitter-handle-bar-horizontal-width);
   height: 100%;
 }
-.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn {
-  width: var(--vxe-ui-split-handle-bar-horizontal-width);
-  height: var(--vxe-ui-split-handle-bar-horizontal-height);
+.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn {
+  width: var(--vxe-ui-splitter-handle-bar-horizontal-width);
+  height: var(--vxe-ui-splitter-handle-bar-horizontal-height);
 }
-.vxe-split-pane-handle.is--vertical {
+.vxe-splitter-panel-handle.is--vertical {
   flex-direction: column;
 }
-.vxe-split-pane-handle.is--vertical.is--border {
+.vxe-splitter-panel-handle.is--vertical.is--border {
   border-width: 0 1px 0 1px;
 }
-.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper {
+.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper {
   flex-direction: row;
 }
-.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div {
+.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div {
   margin-left: 1em;
 }
-.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child {
+.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div:first-child {
   margin-left: 0;
 }
-.vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar {
-  height: var(--vxe-ui-split-handle-bar-vertical-height);
+.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar {
+  height: var(--vxe-ui-splitter-handle-bar-vertical-height);
   width: 100%;
 }
-.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn {
-  width: var(--vxe-ui-split-handle-bar-vertical-width);
-  height: var(--vxe-ui-split-handle-bar-vertical-height);
+.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn {
+  width: var(--vxe-ui-splitter-handle-bar-vertical-width);
+  height: var(--vxe-ui-splitter-handle-bar-vertical-height);
 }
-.vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar {
+.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar {
   cursor: w-resize;
 }
-.vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar {
+.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar {
   cursor: n-resize;
 }
-.vxe-split-pane-handle.is--resize.is-resize--immediate > .vxe-split-pane-handle-bar:active {
+.vxe-splitter-panel-handle.is--resize.is-resize--immediate > .vxe-splitter-panel-handle-bar:active {
   background-color: var(--vxe-ui-font-primary-color);
 }
-.vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar {
+.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar {
   cursor: col-resize;
 }
-.vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar {
+.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar {
   cursor: row-resize;
 }
 
-.vxe-split-pane {
+.vxe-splitter-panel {
   display: flex;
   position: relative;
   overflow: hidden;
 }
-.vxe-split-pane.is--fill {
+.vxe-splitter-panel.is--fill {
   flex-grow: 1;
 }
-.vxe-split-pane.is--hidden.is--horizontal {
+.vxe-splitter-panel.is--hidden.is--horizontal {
   width: 0;
 }
-.vxe-split-pane.is--hidden.is--vertical {
+.vxe-splitter-panel.is--hidden.is--vertical {
   height: 0;
 }
-.vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
+.vxe-splitter-panel.is--padding > .vxe-splitter-panel--wrapper {
   padding: var(--vxe-ui-layout-padding-default);
 }
-.vxe-split-pane.is--hidden, .vxe-split-pane.is--width, .vxe-split-pane.is--height {
+.vxe-splitter-panel.is--hidden, .vxe-splitter-panel.is--width, .vxe-splitter-panel.is--height {
   flex-shrink: 0;
 }
-.vxe-split-pane.is--border > .vxe-split-pane--wrapper {
+.vxe-splitter-panel.is--border > .vxe-splitter-panel--wrapper {
   border: 1px solid var(--vxe-ui-base-popup-border-color);
 }
 
-.vxe-split--render-vars {
+.vxe-splitter--render-vars {
   width: 0;
   height: 0;
   overflow: hidden;
 }
-.vxe-split--render-vars .vxe-split--handle-bar-info {
-  width: var(--vxe-ui-split-handle-bar-horizontal-width);
-  height: var(--vxe-ui-split-handle-bar-vertical-height);
+.vxe-splitter--render-vars .vxe-splitter--handle-bar-info {
+  width: var(--vxe-ui-splitter-handle-bar-horizontal-width);
+  height: var(--vxe-ui-splitter-handle-bar-vertical-height);
 }
 
-.vxe-modal--content > .vxe-split {
+.vxe-modal--content > .vxe-splitter {
   height: 100%;
 }
 
-.vxe-split {
+.vxe-splitter {
   font-size: var(--vxe-ui-font-size-default);
 }
-.vxe-split.size--medium {
+.vxe-splitter.size--medium {
   font-size: var(--vxe-ui-font-size-medium);
 }
-.vxe-split.size--small {
+.vxe-splitter.size--small {
   font-size: var(--vxe-ui-font-size-small);
 }
-.vxe-split.size--mini {
+.vxe-splitter.size--mini {
   font-size: var(--vxe-ui-font-size-mini);
 }

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

@@ -1 +1 @@
-.vxe-split{position:relative;width:100%}.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.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.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;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{display:flex;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-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn-wrapper{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.vxe-split-pane-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:scale(.9)}.vxe-split-pane-action-btn>i{font-size:.6em}.vxe-split-pane-handle.is--horizontal{flex-direction:row}.vxe-split-pane-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper{flex-direction:column}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div{margin-top:1em}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child{margin-top:0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane-handle.is--vertical{flex-direction:column}.vxe-split-pane-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper{flex-direction:row}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div{margin-left:1em}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child{margin-left:0}.vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--hidden.is--horizontal{width:0}.vxe-split-pane.is--hidden.is--vertical{height:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--height,.vxe-split-pane.is--hidden,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split--render-vars{width:0;height:0;overflow:hidden}.vxe-split--render-vars .vxe-split--handle-bar-info{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-modal--content>.vxe-split{height:100%}.vxe-split{font-size:var(--vxe-ui-font-size-default)}.vxe-split.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-split.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-split.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-splitter{position:relative;width:100%}.vxe-splitter.is--vertical>.vxe-splitter-wrapper{flex-direction:column}.vxe-splitter.is--vertical>.vxe-splitter-wrapper>.vxe-splitter-panel{width:100%}.vxe-splitter.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-splitter.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-splitter.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-splitter.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-splitter.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-splitter.is--drag>.vxe-splitter-wrapper>.vxe-splitter-panel>.vxe-splitter-panel--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-splitter--resizable-splitter-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-splitter--resizable-splitter-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter--resizable-splitter-tip.is--horizontal{width:1px;height:100%}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev{right:0}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next{left:1px}.vxe-splitter--resizable-splitter-tip.is--vertical{width:100%;height:1px}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev{bottom:0}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next{top:1px}.vxe-splitter--resizable-splitter-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-splitter--resizable-splitter-number-next,.vxe-splitter--resizable-splitter-number-prev{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-splitter-slots{display:none}.vxe-splitter-panel-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-splitter-panel--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-splitter-panel--inner{height:100%;width:100%;overflow:auto}.vxe-splitter-panel--inner>.vxe-splitter{height:100%}.vxe-splitter-panel-handle-bar{background-color:var(--vxe-ui-splitter-handle-bar-background-color)}.vxe-splitter-panel-handle-bar:hover{background-color:var(--vxe-ui-splitter-handle-bar-hover-background-color)}.vxe-splitter-panel-action-btn-wrapper{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vxe-splitter-panel-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-splitter-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;pointer-events:all;transition:transform .1s ease-in-out}.vxe-splitter-panel-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-action-btn:active{transform:scale(.9)}.vxe-splitter-panel-action-btn>i{font-size:.6em}.vxe-splitter-panel-handle.is--horizontal{flex-direction:row}.vxe-splitter-panel-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper{flex-direction:column}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div{margin-top:1em}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div:first-child{margin-top:0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:100%}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-height)}.vxe-splitter-panel-handle.is--vertical{flex-direction:column}.vxe-splitter-panel-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper{flex-direction:row}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div{margin-left:1em}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div:first-child{margin-left:0}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:100%}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-vertical-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar{cursor:w-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar{cursor:n-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate>.vxe-splitter-panel-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar{cursor:col-resize}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar{cursor:row-resize}.vxe-splitter-panel{display:flex;position:relative;overflow:hidden}.vxe-splitter-panel.is--fill{flex-grow:1}.vxe-splitter-panel.is--hidden.is--horizontal{width:0}.vxe-splitter-panel.is--hidden.is--vertical{height:0}.vxe-splitter-panel.is--padding>.vxe-splitter-panel--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-splitter-panel.is--height,.vxe-splitter-panel.is--hidden,.vxe-splitter-panel.is--width{flex-shrink:0}.vxe-splitter-panel.is--border>.vxe-splitter-panel--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-splitter--render-vars{width:0;height:0;overflow:hidden}.vxe-splitter--render-vars .vxe-splitter--handle-bar-info{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-modal--content>.vxe-splitter{height:100%}.vxe-splitter{font-size:var(--vxe-ui-font-size-default)}.vxe-splitter.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-splitter.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-splitter.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/split-pane/index.js

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSplitPane=exports.SplitPane=void 0;var _core=require("@vxe-ui/core"),_splitterPanel=_interopRequireDefault(require("../splitter/src/splitter-panel")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeSplitPane=exports.VxeSplitPane=Object.assign({},_splitterPanel.default,{install(e){e.component("VxeSplitPane",_splitterPanel.default),e.component("VxeSplitItem",_splitterPanel.default)}}),SplitPane=(_dynamics.dynamicApp.use(VxeSplitPane),_core.VxeUI.component(_splitterPanel.default),exports.SplitPane=VxeSplitPane);var _default=exports.default=VxeSplitPane;

package/lib/splitter/index.js

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

package/lib/splitter/index.min.js

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

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

@@ -11,7 +11,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, _comp.defineVxeComponent)({
-  name: 'VxeSplitPane',
+  name: 'VxeSplitterPanel',
   props: {
     name: [Number, String],
     width: [Number, String],
@@ -34,7 +34,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       slots
     } = context;
     const xID = _xeUtils.default.uniqueId();
-    const $xeSplit = (0, _vue.inject)('$xeSplit', null);
+    const $xeSplitter = (0, _vue.inject)('$xeSplitter', null);
     const refElem = (0, _vue.ref)();
     const paneConfig = (0, _vue.reactive)({
       id: xID,
@@ -59,7 +59,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refMaps = {
       refElem
     };
-    const $xeSplitItem = {
+    const $xeSplitterItem = {
       xID,
       props,
       context,
@@ -70,14 +70,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, (0, _ui.createEvent)(evnt, {
-        $splitPane: $xeSplitItem
+        $splitterPanel: $xeSplitterItem
       }, params));
     };
-    const splitPaneMethods = {
+    const splitterPanelMethods = {
       dispatchEvent
     };
-    const splitPanePrivateMethods = {};
-    Object.assign($xeSplitItem, splitPaneMethods, splitPanePrivateMethods);
+    const splitterPanelPrivateMethods = {};
+    Object.assign($xeSplitterItem, splitterPanelMethods, splitterPanelPrivateMethods);
     const renderVN = () => {
       return (0, _vue.h)('div', {
         ref: refElem
@@ -103,18 +103,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     (0, _vue.onMounted)(() => {
       const elem = refElem.value;
-      if ($xeSplit && elem) {
-        (0, _util.assembleSplitItem)($xeSplit, elem, paneConfig);
+      if ($xeSplitter && elem) {
+        (0, _util.assembleSplitterItem)($xeSplitter, elem, paneConfig);
       }
     });
     (0, _vue.onUnmounted)(() => {
-      if ($xeSplit) {
-        (0, _util.destroySplitItem)($xeSplit, paneConfig);
+      if ($xeSplitter) {
+        (0, _util.destroySplitterItem)($xeSplitter, paneConfig);
       }
     });
-    (0, _vue.provide)('$xeSplitItem', $xeSplitItem);
-    $xeSplitItem.renderVN = renderVN;
-    return $xeSplitItem;
+    (0, _vue.provide)('$xeSplitterItem', $xeSplitterItem);
+    $xeSplitterItem.renderVN = renderVN;
+    return $xeSplitterItem;
   },
   render() {
     return this.renderVN();

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitterPanel",props:{name:[Number,String],width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null},showAction:Boolean},emits:[],setup(e,t){const{emit:r,slots:i}=t;var n=_xeUtils.default.uniqueId();const u=(0,_vue.inject)("$xeSplitter",null),a=(0,_vue.ref)(),h=(0,_vue.reactive)({id:n,name:e.name,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,showAction:e.showAction,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:i});var o=(0,_vue.reactive)({});const l={},d={refElem:a},s={xID:n,props:e,context:t,reactData:o,internalData:{},getRefMaps:()=>d,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$splitterPanel: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.assembleSplitterItem)(u,e,h)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroySplitterItem)(u,h)}),(0,_vue.provide)("$xeSplitterItem",s),s.renderVN=()=>(0,_vue.h)("div",{ref:a}),s},render(){return this.renderVN()}});