vxe-pc-ui 4.9.19 → 4.9.21

package/lib/list/style/style.css

@@ -25,4 +25,17 @@
 
 .vxe-list--virtual-wrapper {
   height: 100px;
+}
+
+.vxe-list {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-list.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-list.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-list.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
 }

package/lib/list/style/style.min.css

@@ -1 +1 @@
-.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}
+.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}.vxe-list{font-size:var(--vxe-ui-font-size-default)}.vxe-list.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/menu/style/style.css

@@ -10,9 +10,7 @@
   min-height: 4em;
 }
 
-.vxe-menu,
-.vxe-menu--collapse-wrapper {
-  font-size: var(--vxe-ui-font-size-default);
+.vxe-menu {
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   background-color: var(--vxe-ui-layout-background-color);
@@ -40,7 +38,6 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  height: var(--vxe-ui-menu-item-height);
   color: var(--vxe-ui-font-color);
   text-decoration: none;
   -webkit-user-select: none;
@@ -107,10 +104,6 @@
   padding: 0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7);
 }
 
-.vxe-menu--item-level3 {
-  font-size: 13px;
-}
-
 .vxe-menu--item-group {
   display: none;
 }
@@ -124,4 +117,37 @@
 }
 .vxe-menu--item-wrapper.is--expand > .vxe-menu--item-group {
   display: block;
+}
+
+.vxe-menu--item-level3 {
+  font-size: 13px;
+}
+
+.vxe-menu--item-link {
+  height: var(--vxe-ui-menu-item-height-default);
+}
+
+.vxe-menu {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-menu.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-menu.size--medium .vxe-menu--item-link {
+  height: var(--vxe-ui-menu-item-height-medium);
+}
+.vxe-menu.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-menu.size--small .vxe-menu--item-link {
+  height: var(--vxe-ui-menu-item-height-small);
+}
+.vxe-menu.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}
+.vxe-menu.size--mini .vxe-menu--item-link {
+  height: var(--vxe-ui-menu-item-height-mini);
+}
+.vxe-menu.size--small .vxe-menu--item-level3, .vxe-menu.size--mini .vxe-menu--item-level3 {
+  font-size: 12px;
 }

package/lib/menu/style/style.min.css

@@ -1 +1 @@
-.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu,.vxe-menu--collapse-wrapper{font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;height:var(--vxe-ui-menu-item-height);color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-menu--item-link:hover{color:var(--vxe-ui-menu-item-hover-color);background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-level3{font-size:13px}.vxe-menu--item-group{display:none}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{display:block}
+.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu{color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-menu--item-link:hover{color:var(--vxe-ui-menu-item-hover-color);background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{display:none}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{display:block}.vxe-menu--item-level3{font-size:13px}.vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-default)}.vxe-menu{font-size:var(--vxe-ui-font-size-default)}.vxe-menu.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-menu.size--medium .vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-menu.size--small .vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-small)}.vxe-menu.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-menu.size--mini .vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu.size--mini .vxe-menu--item-level3,.vxe-menu.size--small .vxe-menu--item-level3{font-size:12px}

package/lib/pulldown/src/pulldown.js

@@ -21,9 +21,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       type: String,
       default: (0, _ui.getConfig)().pulldown.trigger
     },
+    zIndex: Number,
     size: {
       type: String,
-      default: () => (0, _ui.getConfig)().size
+      default: () => (0, _ui.getConfig)().pulldown.size || (0, _ui.getConfig)().size
     },
     options: Array,
     className: {
@@ -98,7 +99,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     let pulldownMethods = {};
     const updateZindex = () => {
-      if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
         reactData.panelIndex = (0, _utils.nextZIndex)();
       }
     };

package/lib/pulldown/src/pulldown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","show-panel","hide-panel","visible-change"],setup(g,e){const{slots:w,emit:n}=e,i=(0,_vue.inject)("$xeModal",null),t=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const h=(0,_ui.useSize)(g)["computeSize"],x=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),u={hpTimeout:void 0},P=(0,_vue.ref)(),y=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(a||i||t||o)return!0}return e}),s={refElem:P},V={xID:l,props:g,context:e,reactData:x,internalData:u,getRefMaps:()=>s};const d=()=>{x.panelIndex<(0,_utils.getLastZIndex)()&&(x.panelIndex=(0,_utils.nextZIndex)())};const r=()=>{const i=g["placement"],n=x["panelIndex"],t=y.value,a=T.value,o=E.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(t,a,{placement:i,teleportTo:o}),l=Object.assign(e.style,{zIndex:n});x.panelStyle=l,x.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},v=()=>(x.initialized||(x.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(u.hpTimeout&&clearTimeout(u.hpTimeout),x.isActivated=!0,x.isAniVisible=!0,setTimeout(()=>{x.visiblePanel=!0,n("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d(),b("visible-change",{visible:!0},null))})),p=()=>(x.visiblePanel=!1,b("visible-change",{visible:!1},null),n("update:modelValue",!1),new Promise(e=>{x.isAniVisible?u.hpTimeout=setTimeout(()=>{(x.isAniVisible=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const A=(e,l)=>{l.disabled||(x.visiblePanel&&(p(),b("hide-panel",{},e)),b("option-click",{option:l},e))},z=e=>{var l=g["trigger"];"click"===l&&(x.visiblePanel?(p(),b("hide-panel",{},e)):(v(),b("show-panel",{},e))),b("click",{$pulldown:V},e)},c=e=>{var l=g["disabled"],i=x["visiblePanel"],n=T.value;l||i&&((0,_dom.getEventTargetNode)(e,n).flag?r():(p(),b("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=x["visiblePanel"],n=P.value,t=T.value;l||(x.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!x.isActivated&&(p(),b("hide-panel",{},e)))},m=e=>{var{visiblePanel:l,isActivated:i}=x;l&&(p(),b("hide-panel",{},e)),i&&(x.isActivated=!1)},f=()=>{var e=x["visiblePanel"];e&&r()},b=(e,l,i)=>{n(e,(0,_ui.createEvent)(i,{$pulldown:V},l))};l={dispatchEvent:b,isPanelVisible:()=>x.visiblePanel,togglePanel:()=>(x.visiblePanel?p:v)(),showPanel:v,hidePanel:p},Object.assign(V,l),(0,_vue.watch)(()=>g.modelValue,e=>{x.isActivated=!!e,(e?v:p)()}),(0,_vue.nextTick)(()=>{g.modelValue&&v(),_ui.globalEvents.on(V,"mousewheel",c),_ui.globalEvents.on(V,"mousedown",_),_ui.globalEvents.on(V,"blur",m),_ui.globalEvents.on(V,"resize",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"mousewheel"),_ui.globalEvents.off(V,"mousedown"),_ui.globalEvents.off(V,"blur"),_ui.globalEvents.off(V,"resize")});return V.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:n,destroyOnClose:t,disabled:a}=g,{initialized:o,isActivated:u,isAniVisible:s,visiblePanel:d,panelStyle:r,panelPlacement:v}=x,p=E.value,c=h.value,_=w.default,m=w.header,f=w.footer,b=w.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:V}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":a,"is--active":u}]},[(0,_vue.h)("div",{ref:y,class:"vxe-pulldown--content",onClick:z},_?_({$pulldown:V}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!o},[(0,_vue.h)("div",{ref:T,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:V}):i:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":s,"ani--enter":d}],placement:v,style:r},[(0,_vue.h)("div",{class:["vxe-pulldown--panel-wrapper",{"is--shadow":n}]},o&&(!t||d||s)?[m?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},m({$pulldown:V})):(0,_ui.renderEmptyElement)(V),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},b?b({$pulldown:V}):[(e=>{const i=w.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){A(e,l)}},i?i({$pulldown:V,option:l}):""+(l.label||""))):[])})(l)]),f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},f({$pulldown:V})):(0,_ui.renderEmptyElement)(V)]:[])])])])},V},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().pulldown.size||(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","show-panel","hide-panel","visible-change"],setup(g,e){const{slots:x,emit:n}=e,i=(0,_vue.inject)("$xeModal",null),t=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(g)["computeSize"],h=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),o={hpTimeout:void 0},P=(0,_vue.ref)(),y=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(a||i||t||u)return!0}return e}),s={refElem:P},z={xID:l,props:g,context:e,reactData:h,internalData:o,getRefMaps:()=>s};const d=()=>{var e=g["zIndex"];e?h.panelIndex=e:h.panelIndex<(0,_utils.getLastZIndex)()&&(h.panelIndex=(0,_utils.nextZIndex)())};const r=()=>{const i=g["placement"],n=h["panelIndex"],t=y.value,a=T.value,u=E.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(t,a,{placement:i,teleportTo:u}),l=Object.assign(e.style,{zIndex:n});h.panelStyle=l,h.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},v=()=>(h.initialized||(h.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(o.hpTimeout&&clearTimeout(o.hpTimeout),h.isActivated=!0,h.isAniVisible=!0,setTimeout(()=>{h.visiblePanel=!0,n("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d(),b("visible-change",{visible:!0},null))})),p=()=>(h.visiblePanel=!1,b("visible-change",{visible:!1},null),n("update:modelValue",!1),new Promise(e=>{h.isAniVisible?o.hpTimeout=setTimeout(()=>{(h.isAniVisible=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const V=(e,l)=>{l.disabled||(h.visiblePanel&&(p(),b("hide-panel",{},e)),b("option-click",{option:l},e))},A=e=>{var l=g["trigger"];"click"===l&&(h.visiblePanel?(p(),b("hide-panel",{},e)):(v(),b("show-panel",{},e))),b("click",{$pulldown:z},e)},c=e=>{var l=g["disabled"],i=h["visiblePanel"],n=T.value;l||i&&((0,_dom.getEventTargetNode)(e,n).flag?r():(p(),b("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=h["visiblePanel"],n=P.value,t=T.value;l||(h.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!h.isActivated&&(p(),b("hide-panel",{},e)))},m=e=>{var{visiblePanel:l,isActivated:i}=h;l&&(p(),b("hide-panel",{},e)),i&&(h.isActivated=!1)},f=()=>{var e=h["visiblePanel"];e&&r()},b=(e,l,i)=>{n(e,(0,_ui.createEvent)(i,{$pulldown:z},l))};l={dispatchEvent:b,isPanelVisible:()=>h.visiblePanel,togglePanel:()=>(h.visiblePanel?p:v)(),showPanel:v,hidePanel:p},Object.assign(z,l),(0,_vue.watch)(()=>g.modelValue,e=>{h.isActivated=!!e,(e?v:p)()}),(0,_vue.nextTick)(()=>{g.modelValue&&v(),_ui.globalEvents.on(z,"mousewheel",c),_ui.globalEvents.on(z,"mousedown",_),_ui.globalEvents.on(z,"blur",m),_ui.globalEvents.on(z,"resize",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(z,"mousewheel"),_ui.globalEvents.off(z,"mousedown"),_ui.globalEvents.off(z,"blur"),_ui.globalEvents.off(z,"resize")});return z.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:n,destroyOnClose:t,disabled:a}=g,{initialized:u,isActivated:o,isAniVisible:s,visiblePanel:d,panelStyle:r,panelPlacement:v}=h,p=E.value,c=w.value,_=x.default,m=x.header,f=x.footer,b=x.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:z}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":a,"is--active":o}]},[(0,_vue.h)("div",{ref:y,class:"vxe-pulldown--content",onClick:A},_?_({$pulldown:z}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!u},[(0,_vue.h)("div",{ref:T,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:z}):i:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":s,"ani--enter":d}],placement:v,style:r},[(0,_vue.h)("div",{class:["vxe-pulldown--panel-wrapper",{"is--shadow":n}]},u&&(!t||d||s)?[m?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},m({$pulldown:z})):(0,_ui.renderEmptyElement)(z),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},b?b({$pulldown:z}):[(e=>{const i=x.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){V(e,l)}},i?i({$pulldown:z,option:l}):""+(l.label||""))):[])})(l)]),f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},f({$pulldown:z})):(0,_ui.renderEmptyElement)(z)]:[])])])])},z},render(){return this.renderVN()}});

package/lib/select/src/select.js

@@ -80,6 +80,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       type: [String, Number],
       default: null
     },
+    zIndex: Number,
     size: {
       type: String,
       default: () => (0, _ui.getConfig)().select.size || (0, _ui.getConfig)().size
@@ -434,7 +435,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const updateZIndex = () => {
-      if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
         reactData.panelIndex = (0, _utils.nextZIndex)();
       }
     };

package/lib/select/src/select.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function createInternalData(){return{synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteConfig:Object,emptyText:String,showTotalButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showTotalButoon},showCheckedButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButoon},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showClearButton},transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,remoteMethod:Function,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(C,e){const{slots:L,emit:a}=e,b=(0,_vue.inject)("$xeModal",null),T=(0,_vue.inject)("$xeDrawer",null),E=(0,_vue.inject)("$xeTable",null),i=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const I=(0,_vue.ref)(),O=(0,_vue.ref)(),P=(0,_vue.ref)(),w=(0,_vue.ref)(),A=(0,_vue.ref)(),U=(0,_vue.ref)(),Y=(0,_ui.useSize)(C)["computeSize"],k=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),S=createInternalData(),y={refElem:I},M={xID:t,props:C,context:e,reactData:k,internalData:S,getRefMaps:()=>y},q=(0,_vue.computed)(()=>{var e=C["readonly"];return null===e?!!i&&i.props.readonly:e}),N=(0,_vue.computed)(()=>{var e=C["disabled"];return null===e?!!i&&i.props.disabled:e}),B=(0,_vue.computed)(()=>{var e=C["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(E||b||T||i)return!0}return e}),H=(0,_vue.computed)(()=>{var e=C["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),j=(0,_vue.computed)(()=>Object.assign({},C.defaultConfig)),z=(0,_vue.computed)(()=>Object.assign({},C.optionProps)),K=(0,_vue.computed)(()=>Object.assign({},C.optionGroupProps)),c=(0,_vue.computed)(()=>{return z.value.label||"label"}),V=(0,_vue.computed)(()=>{return z.value.value||"value"}),$=(0,_vue.computed)(()=>{return K.value.label||"label"}),G=(0,_vue.computed)(()=>{return K.value.options||"options"}),R=(0,_vue.computed)(()=>{var e=C["modelValue"];return te(e)}),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,C.virtualYConfig||C.scrollY)),X=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,C.remoteConfig)),Z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,C.optionConfig)),J=(0,_vue.computed)(()=>_xeUtils.default.toNumber(C.multiCharOverflow)),Q=(0,_vue.computed)(()=>{const{modelValue:e,remote:t,multiple:l}=C;var a,i=k["reactFlag"];const o=J.value;return _xeUtils.default.eqNull(e)?"":(a=_xeUtils.default.isArray(e)?e:[e],(t&&i?a.map(e=>le(e)):a.map(e=>{e=ae(e);return l&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),D=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=L[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],r=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$select:M},t))},ee=e=>{a("update:modelValue",e)},_=()=>{return Z.value.keyField||C.optionId||"_X_OPTION_KEY"},F=e=>{e=e[_()];return e?encodeURIComponent(e):""},te=e=>{var{multiple:t,max:l}=C;return!(!t||!l)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(l)},le=e=>{var{remoteValMaps:t,optFullValMaps:l}=S,a=c.value,t=t[e]||l[e],l=t?t.item:null;return _xeUtils.default.toValueString(l?l[a]:e)},ae=e=>{var t=S["optFullValMaps"],l=c.value,t=k.reactFlag?t[e]:null;return t?t.item[l]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:t,filterable:e,filterMethod:l}=C,a=k["searchValue"],{fullData:i,optFullValMaps:o}=S,n=c.value,s=V.value,r=(""+(a||"")).toLowerCase();let u=[];return(u=e&&l?i.filter(e=>isOptionVisible(e)&&l({$select:M,group:null,option:e,searchValue:a,value:t})):e?i.filter(e=>isOptionVisible(e)&&(!r||-1<(""+(e[n]||e[s])).toLowerCase().indexOf(r))):i.filter(isOptionVisible)).forEach((e,t)=>{e=o[e[s]];e&&(e._index=t)}),S.afterVisibleList=u,(0,_vue.nextTick)()},ie=e=>{e&&(k.currentOption=e)},s=()=>{const l=C["placement"],a=k["panelIndex"],i=I.value,o=A.value,n=B.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,o,{placement:l,teleportTo:n}),t=Object.assign(e.style,{zIndex:a});k.panelStyle=t,k.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},v=()=>{var{loading:e,filterable:t,remote:l}=C,{fullData:a,hpTimeout:i}=S,o=N.value,n=X.value;e||o||(i&&(clearTimeout(i),S.hpTimeout=void 0),k.initialized||(k.initialized=!0),k.isActivated=!0,k.isAniVisible=!0,t&&(l&&n.enabled&&n.autoLoad&&!a.length?Te:(g(),f))(),setTimeout(()=>{k.visiblePanel=!0,C.filterable&&(0,_vue.nextTick)(()=>{var e=P.value;e&&e.focus()});x().then(()=>m())},10),setTimeout(()=>{x().then(()=>m())},100),k.panelIndex<(0,_utils.getLastZIndex)()&&(k.panelIndex=(0,_utils.nextZIndex)()),s(),r("visible-change",{visible:!0},null))},d=()=>{k.searchValue="",k.searchLoading=!1,k.visiblePanel=!1,S.hpTimeout=setTimeout(()=>{k.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},u=(e,t,l)=>{ee(t),t!==C.modelValue&&(r("change",{value:t,option:l},e),i)&&o&&i.triggerItemEvent(e,o.itemConfig.field,t)},p=(e,t)=>{S.remoteValMaps={},u(e,t,null),r("clear",{value:t},e)},oe=e=>{e=e.$event;p(e,null),d()},ne=e=>{var e=e["$event"],{modelValue:t,multiple:l,max:a}=C,i=k["optList"],o=V.value;if(l){var n=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t];for(let e=0;e<i.length;e++){const s=i[e][o];if(te(n)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.select.overSizeErr",[a]),status:"warning"});break}n.some(e=>e===s)||n.push(s)}u(e,n,i[0]),r("all-change",{value:n},e)}},se=e=>{e=e.$event;p(e,null),d()},re=(t,l)=>{var{modelValue:a,multiple:e}=C,i=S["remoteValMaps"];const o=l[V.value];var n=i[o];if(k.visiblePanel){if(n?n.item=l:i[o]={key:F(l),item:l,_index:-1},e){let e=[];n=_xeUtils.default.eqNull(a)?[]:_xeUtils.default.isArray(a)?a:[a],i=_xeUtils.default.findIndexOf(n,e=>e===o);e=-1===i?n.concat([o]):n.filter(e=>e!==o),u(t,e,l)}else u(t,o,l),d();k.reactFlag++}},ue=e=>{var t=k["visiblePanel"];N.value||t&&(t=A.value,((0,_dom.getEventTargetNode)(e,t).flag?s:d)())},ce=e=>{var t,l,a=k["visiblePanel"];N.value||(t=I.value,l=A.value,k.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!k.isActivated&&d())},h=e=>{var t=e.disabled,e=F(e);return!t&&!Pe(e)},ve=(e,t)=>{var l=C["allowCreate"],a=k["optList"],{optFullValMaps:i,optAddMaps:o,afterVisibleList:n}=S,s=V.value;let r=n,u=0;if(l&&a.length&&(n=a[0],o[l=F(n)])&&(u=1,r=[o[l]].concat(r)),!e)if(t)for(let e=0;e<r.length;e++){var c=r[e];if(h(c))return c}else for(let e=r.length-1;0<=e;e--){var v=r[e];if(h(v))return v}let d=0;a=e?i[e[s]]:null;if(-1<(d=a?a._index+u:d))if(t)for(let e=d+1;e<=r.length-1;e++){var p=r[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=r[e];if(h(f))return f}return null},de=t=>{var e=C["clearable"],{visiblePanel:l,currentOption:a}=k;if(!N.value){var i=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);if(i&&(k.isActivated=!1),l){if(n||i)d();else if(o)a&&(t.preventDefault(),t.stopPropagation(),re(t,a));else if(s||r){t.preventDefault();let e=ve(a,r);(e=e||ve(null,r))&&(ie(e),((e,t)=>{const{scrollYLoad:l}=k,{optFullValMaps:a,scrollYStore:i}=S,o=V.value,n=a[e[o]];if(n){const s=n.key;const r=n._index;if(r>-1){const u=w.value;const c=A.value;if(!c)return;const v=c.querySelector(`[optid='${s}']`);if(u)if(v){const d=u.offsetHeight;const p=1;if(t){if(v.offsetTop+v.offsetHeight-u.scrollTop>d)u.scrollTop=v.offsetTop+v.offsetHeight-d;else if(v.offsetTop+p<u.scrollTop||v.offsetTop+p>u.scrollTop+u.clientHeight)u.scrollTop=v.offsetTop-p}else if(v.offsetTop+p<u.scrollTop||v.offsetTop+p>u.scrollTop+u.clientHeight)u.scrollTop=v.offsetTop-p;else if(v.offsetTop+v.offsetHeight-u.scrollTop>d)u.scrollTop=v.offsetTop+v.offsetHeight-d}else if(l)if(t)u.scrollTop=r*i.rowHeight-u.clientHeight+i.rowHeight;else u.scrollTop=r*i.rowHeight}}})(e,r))}}else(s||r||o)&&k.isActivated&&(t.preventDefault(),v());k.isActivated&&u&&e&&p(t,null)}},pe=()=>{var{visiblePanel:e,isActivated:t}=k;e&&d(),t&&(k.isActivated=!1),(e||t)&&(e=O.value)&&e.blur()},fe=()=>{var e=k["visiblePanel"];e&&s()},_e=e=>{N.value||k.visiblePanel||(k.triggerFocusPanel=!0,v(),setTimeout(()=>{k.triggerFocusPanel=!1},500)),r("focus",{},e)},ge=e=>{ye(e),r("click",{triggerButton:!1,visible:k.visiblePanel},e)},he=e=>{k.isActivated=!1,r("blur",{},e)},me=e=>{ye(e),r("click",{triggerButton:!0,visible:k.visiblePanel},e)},xe=e=>{k.searchValue=e},be=()=>{k.isActivated=!0},Te=()=>{var{modelValue:e,remote:t,remoteMethod:l}=C,a=k["searchValue"],i=X.value,l=i.queryMethod||l;t&&l&&i.enabled?(k.searchLoading=!0,Promise.resolve(l({$select:M,searchValue:a,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{k.searchLoading=!1,g(),f()})):(g(),f())},Ee=_xeUtils.default.debounce(Te,350,{trailing:!0}),ye=e=>{e=e.$event;e.preventDefault(),k.triggerFocusPanel?k.triggerFocusPanel=!1:(k.visiblePanel?d:v)()},Se=()=>{var e=k["scrollYLoad"],{scrollYStore:t,afterVisibleList:l}=S;k.bodyHeight=e?l.length*t.rowHeight:0,k.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},Ve=()=>{var{filterable:e,allowCreate:t}=C;const{scrollYLoad:l,searchValue:a}=k;var{optAddMaps:i,scrollYStore:o,afterVisibleList:n}=S;const s=c.value;var r=V.value,o=l?n.slice(o.startIndex,o.endIndex):n.slice(0);return e&&t&&a&&(o.some(e=>e[s]===a)||(n=i[a]||(0,_vue.reactive)({[_()]:a,[s]:a,[r]:a}),i[a]=n,o.unshift(n))),k.optList=o,(0,_vue.nextTick)()},f=()=>{Ve(),Se()},Ce=()=>(0,_vue.nextTick)().then(()=>{var e=k["scrollYLoad"],t=S["scrollYStore"],l=U.value,a=W.value;let i=0,o;(o=l?o||l.children[0]:o)&&(i=o.offsetHeight),i=Math.max(20,i),t.rowHeight=i,(e?(l=w.value,e=Math.max(8,l?Math.ceil(l.clientHeight/i):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),f):Se)()}),Le=(e,t)=>{var l=w.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),k.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:t}=S;return n().then(()=>{if(e||t)return S.lastScrollLeft=0,S.lastScrollTop=0,Le(e,t)})},x=()=>{var e=I.value;return e&&e.clientWidth&&e.clientHeight?Ce():Promise.resolve()},Ie=e=>{var t=S["scrollYStore"],{startIndex:l,endIndex:a,visibleSize:i,offsetSize:o,rowHeight:n}=t,e=e.target.scrollTop,e=Math.floor(e/n),n=Math.max(0,e-1-o),o=e+i+o;!(e<=l||a-i-1<=e)||l===n&&a===o||(t.startIndex=n,t.endIndex=o,f())},Oe=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==S.lastScrollLeft,i=l!==S.lastScrollTop;S.lastScrollTop=l,S.lastScrollLeft=t,k.scrollYLoad&&Ie(e),S.lastScrollTime=Date.now(),r("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:i},e)},l=e=>{{var t=e||[];const s=G.value,r=V.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let t=F(e);t||(t=getOptUniqueId(),e[u]=t),v[e[r]]={key:t,item:e,_index:-1}};t.forEach(e=>{p(e),e[s]&&(c[e[u]]=e)[s].forEach(p)}),S.fullData=d,S.optGroupKeyMaps=c,S.optFullValMaps=v,k.reactFlag++,g()}var{isLoaded:t,fullData:l,scrollYStore:a}=S,i=j.value,o=W.value;const n=V.value;if(Object.assign(a,{startIndex:0,endIndex:1,visibleSize:0}),S.synchData=e||[],k.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=l.length),Ve(),!t){a=i["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(C.modelValue)){if("first"===a||"last"===a){const f=_xeUtils.default[a](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(C.modelValue)&&ee(f[n])})}S.isLoaded=!0}}return Ce().then(()=>{m()})},n=()=>{var e=w.value;return e&&(e.scrollTop=0,e.scrollLeft=0),S.lastScrollTop=0,(S.lastScrollLeft=0,_vue.nextTick)()},Pe=e=>{var t=S["optGroupKeyMaps"];return!!t[e]};t={dispatchEvent:r,loadData:l,reloadData(e){return S.isLoaded=!1,n(),l(e)},isPanelVisible(){return k.visiblePanel},togglePanel(){return(k.visiblePanel?d:v)(),(0,_vue.nextTick)()},hidePanel(){return k.visiblePanel&&d(),(0,_vue.nextTick)()},showPanel(){return k.visiblePanel||v(),(0,_vue.nextTick)()},refreshOption(){return g(),f(),(0,_vue.nextTick)()},focus(){var e=O.value;return e&&e.blur(),k.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=O.value;return e&&e.blur(),(k.isActivated=!1,_vue.nextTick)()},recalculate:x,clearScroll:n};Object.assign(M,t);const we=e=>{const{allowCreate:f,optionKey:_,modelValue:g}=C,h=k["currentOption"],m=S["optAddMaps"];var t=Z.value;const x=c.value,b=V.value,T=$.value,E=t["useKey"],y=L.option;return e.map((t,e)=>{var{slots:l,className:a}=t,i=F(t),o=t[b];const n=Pe(i);var s=!(!f||!m[i]),r=!s&&(_xeUtils.default.isArray(g)?-1<g.indexOf(o):g===o),u=s||!n||isOptionVisible(t);const c=!s&&(v=r,!!t.disabled||!(!R.value||v));var v=l?l.default:null,l={option:t,group:n?t:null,$select:M};let d="",p=[];return p=y?D(y,l):v?D(v,l):d=(0,_utils.getFuncText)(t[n?T:x]||o),u?(0,_vue.h)("div",{key:E||_?i:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(l):a:"",{"vxe-select-optgroup":n,"is--disabled":c,"is--selected":r,"is--add":s,"is--hover":h&&F(h)===i}],optid:i,title:d||null,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{c||n||re(e,t)},onMouseenter:()=>{var e;c||n||(e=S.lastScrollTime)&&Date.now()<e+250||ie(t)}},f?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},p),s?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().SELECT_ADD_OPTION})]):(0,_ui.renderEmptyElement)(M)]:p):(0,_ui.renderEmptyElement)(M)})};return(0,_vue.watch)(()=>k.staticOptions,e=>{l(e)}),(0,_vue.watch)(()=>C.options,e=>{l(e||[])}),(0,_vue.watch)(()=>C.optionGroups,e=>{l(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=C;t?l(t):e&&l(e)}),_ui.globalEvents.on(M,"mousewheel",ue),_ui.globalEvents.on(M,"mousedown",ce),_ui.globalEvents.on(M,"keydown",de),_ui.globalEvents.on(M,"blur",pe),_ui.globalEvents.on(M,"resize",fe)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(M,"mousewheel"),_ui.globalEvents.off(M,"mousedown"),_ui.globalEvents.off(M,"keydown"),_ui.globalEvents.off(M,"blur"),_ui.globalEvents.off(M,"resize"),_xeUtils.default.assign(S,createInternalData())}),(0,_vue.provide)("$xeSelect",M),M.renderVN=()=>{var{modelValue:e,className:t,popupClassName:l,multiple:a,loading:i,filterable:o,showTotalButoon:n,showCheckedButoon:s,showClearButton:r}=C,{initialized:u,isActivated:c,isAniVisible:v,optList:d,visiblePanel:p,bodyHeight:f,topSpaceHeight:_}=k,g=Y.value,h=N.value,m=Q.value,x=B.value,b=q.value,T=H.value,E=L.default,y=L.header,S=L.footer;const V=L.prefix;return b?(0,_vue.h)("div",{ref:I,class:["vxe-select--readonly",t]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},m)]):(b=_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e],(0,_vue.h)("div",{ref:I,class:["vxe-select",t?_xeUtils.default.isFunction(t)?t({$select:M}):t:"",{["size--"+g]:g,"is--visible":p,"is--disabled":h,"is--filter":o,"is--loading":i,"is--active":c}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)(_input.default,{ref:O,clearable:C.clearable,placeholder:T,readonly:!0,disabled:h,type:"text",prefixIcon:C.prefixIcon,suffixIcon:i?(0,_ui.getIcon)().SELECT_LOADED:p?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,title:m,modelValue:m,onClear:oe,onClick:ge,onFocus:_e,onBlur:he,onSuffixClick:me},V?{prefix:()=>V({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!x||!u},[(0,_vue.h)("div",{ref:A,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:M}):l:"",{["size--"+g]:g,"is--transfer":x,"ani--leave":!i&&v,"ani--enter":!i&&p}],placement:k.panelPlacement,style:k.panelStyle},u&&(p||v)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:P,class:"vxe-select-search--input",modelValue:k.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":xe,onFocus:be,onChange:Ee,onSearch:Ee})]):(0,_ui.renderEmptyElement)(M),n||s&&a||r||y?(0,_vue.h)("div",{class:"vxe-select--panel-header"},y?D(y,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[n?(0,_vue.h)("div",{class:"vxe-select--header-total"},(0,_ui.getI18n)("vxe.select.total",[b.length,d.length])):(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-select--header-btns"},[s&&a?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.allChecked"),mode:"text",onClick:ne}):(0,_ui.renderEmptyElement)(M),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.clear"),mode:"text",onClick:se}):(0,_ui.renderEmptyElement)(M)])])]):(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:w,class:"vxe-select-option--wrapper",onScroll:Oe},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:f?f+"px":""}}),(0,_vue.h)("div",{ref:U,class:"vxe-select--body",style:{transform:`translateY(${_}px)`}},(()=>{var{optList:e,searchLoading:t}=k;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?we(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},C.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),S?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},D(S,{})):(0,_ui.renderEmptyElement)(M)])]:[])])]))},M},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function createInternalData(){return{synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteConfig:Object,emptyText:String,showTotalButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showTotalButoon},showCheckedButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButoon},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showClearButton},transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,remoteMethod:Function,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(I,e){const{slots:C,emit:a}=e,b=(0,_vue.inject)("$xeModal",null),T=(0,_vue.inject)("$xeDrawer",null),E=(0,_vue.inject)("$xeTable",null),i=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const L=(0,_vue.ref)(),O=(0,_vue.ref)(),P=(0,_vue.ref)(),w=(0,_vue.ref)(),A=(0,_vue.ref)(),U=(0,_vue.ref)(),Y=(0,_ui.useSize)(I)["computeSize"],k=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),S=createInternalData(),y={refElem:L},M={xID:t,props:I,context:e,reactData:k,internalData:S,getRefMaps:()=>y},q=(0,_vue.computed)(()=>{var e=I["readonly"];return null===e?!!i&&i.props.readonly:e}),N=(0,_vue.computed)(()=>{var e=I["disabled"];return null===e?!!i&&i.props.disabled:e}),B=(0,_vue.computed)(()=>{var e=I["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(E||b||T||i)return!0}return e}),H=(0,_vue.computed)(()=>{var e=I["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),z=(0,_vue.computed)(()=>Object.assign({},I.defaultConfig)),j=(0,_vue.computed)(()=>Object.assign({},I.optionProps)),K=(0,_vue.computed)(()=>Object.assign({},I.optionGroupProps)),c=(0,_vue.computed)(()=>{return j.value.label||"label"}),V=(0,_vue.computed)(()=>{return j.value.value||"value"}),$=(0,_vue.computed)(()=>{return K.value.label||"label"}),G=(0,_vue.computed)(()=>{return K.value.options||"options"}),R=(0,_vue.computed)(()=>{var e=I["modelValue"];return te(e)}),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,I.virtualYConfig||I.scrollY)),X=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,I.remoteConfig)),Z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,I.optionConfig)),J=(0,_vue.computed)(()=>_xeUtils.default.toNumber(I.multiCharOverflow)),Q=(0,_vue.computed)(()=>{const{modelValue:e,remote:t,multiple:l}=I;var a,i=k["reactFlag"];const o=J.value;return _xeUtils.default.eqNull(e)?"":(a=_xeUtils.default.isArray(e)?e:[e],(t&&i?a.map(e=>le(e)):a.map(e=>{e=ae(e);return l&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),D=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=C[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],r=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$select:M},t))},ee=e=>{a("update:modelValue",e)},_=()=>{return Z.value.keyField||I.optionId||"_X_OPTION_KEY"},F=e=>{e=e[_()];return e?encodeURIComponent(e):""},te=e=>{var{multiple:t,max:l}=I;return!(!t||!l)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(l)},le=e=>{var{remoteValMaps:t,optFullValMaps:l}=S,a=c.value,t=t[e]||l[e],l=t?t.item:null;return _xeUtils.default.toValueString(l?l[a]:e)},ae=e=>{var t=S["optFullValMaps"],l=c.value,t=k.reactFlag?t[e]:null;return t?t.item[l]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:t,filterable:e,filterMethod:l}=I,a=k["searchValue"],{fullData:i,optFullValMaps:o}=S,n=c.value,s=V.value,r=(""+(a||"")).toLowerCase();let u=[];return(u=e&&l?i.filter(e=>isOptionVisible(e)&&l({$select:M,group:null,option:e,searchValue:a,value:t})):e?i.filter(e=>isOptionVisible(e)&&(!r||-1<(""+(e[n]||e[s])).toLowerCase().indexOf(r))):i.filter(isOptionVisible)).forEach((e,t)=>{e=o[e[s]];e&&(e._index=t)}),S.afterVisibleList=u,(0,_vue.nextTick)()},ie=e=>{e&&(k.currentOption=e)},s=()=>{const l=I["placement"],a=k["panelIndex"],i=L.value,o=A.value,n=B.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,o,{placement:l,teleportTo:n}),t=Object.assign(e.style,{zIndex:a});k.panelStyle=t,k.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},v=()=>{var{loading:e,filterable:t,remote:l}=I,{fullData:a,hpTimeout:i}=S,o=N.value,n=X.value;e||o||(i&&(clearTimeout(i),S.hpTimeout=void 0),k.initialized||(k.initialized=!0),k.isActivated=!0,k.isAniVisible=!0,t&&(l&&n.enabled&&n.autoLoad&&!a.length?Te:(g(),f))(),setTimeout(()=>{k.visiblePanel=!0,I.filterable&&(0,_vue.nextTick)(()=>{var e=P.value;e&&e.focus()});x().then(()=>m())},10),setTimeout(()=>{x().then(()=>m())},100),(e=I.zIndex)?k.panelIndex=e:k.panelIndex<(0,_utils.getLastZIndex)()&&(k.panelIndex=(0,_utils.nextZIndex)()),s(),r("visible-change",{visible:!0},null))},d=()=>{k.searchValue="",k.searchLoading=!1,k.visiblePanel=!1,S.hpTimeout=setTimeout(()=>{k.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},u=(e,t,l)=>{ee(t),t!==I.modelValue&&(r("change",{value:t,option:l},e),i)&&o&&i.triggerItemEvent(e,o.itemConfig.field,t)},p=(e,t)=>{S.remoteValMaps={},u(e,t,null),r("clear",{value:t},e)},oe=e=>{e=e.$event;p(e,null),d()},ne=e=>{var e=e["$event"],{modelValue:t,multiple:l,max:a}=I,i=k["optList"],o=V.value;if(l){var n=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t];for(let e=0;e<i.length;e++){const s=i[e][o];if(te(n)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.select.overSizeErr",[a]),status:"warning"});break}n.some(e=>e===s)||n.push(s)}u(e,n,i[0]),r("all-change",{value:n},e)}},se=e=>{e=e.$event;p(e,null),d()},re=(t,l)=>{var{modelValue:a,multiple:e}=I,i=S["remoteValMaps"];const o=l[V.value];var n=i[o];if(k.visiblePanel){if(n?n.item=l:i[o]={key:F(l),item:l,_index:-1},e){let e=[];n=_xeUtils.default.eqNull(a)?[]:_xeUtils.default.isArray(a)?a:[a],i=_xeUtils.default.findIndexOf(n,e=>e===o);e=-1===i?n.concat([o]):n.filter(e=>e!==o),u(t,e,l)}else u(t,o,l),d();k.reactFlag++}},ue=e=>{var t=k["visiblePanel"];N.value||t&&(t=A.value,((0,_dom.getEventTargetNode)(e,t).flag?s:d)())},ce=e=>{var t,l,a=k["visiblePanel"];N.value||(t=L.value,l=A.value,k.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!k.isActivated&&d())},h=e=>{var t=e.disabled,e=F(e);return!t&&!Pe(e)},ve=(e,t)=>{var l=I["allowCreate"],a=k["optList"],{optFullValMaps:i,optAddMaps:o,afterVisibleList:n}=S,s=V.value;let r=n,u=0;if(l&&a.length&&(n=a[0],o[l=F(n)])&&(u=1,r=[o[l]].concat(r)),!e)if(t)for(let e=0;e<r.length;e++){var c=r[e];if(h(c))return c}else for(let e=r.length-1;0<=e;e--){var v=r[e];if(h(v))return v}let d=0;a=e?i[e[s]]:null;if(-1<(d=a?a._index+u:d))if(t)for(let e=d+1;e<=r.length-1;e++){var p=r[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=r[e];if(h(f))return f}return null},de=t=>{var e=I["clearable"],{visiblePanel:l,currentOption:a}=k;if(!N.value){var i=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);if(i&&(k.isActivated=!1),l){if(n||i)d();else if(o)a&&(t.preventDefault(),t.stopPropagation(),re(t,a));else if(s||r){t.preventDefault();let e=ve(a,r);(e=e||ve(null,r))&&(ie(e),((e,t)=>{const{scrollYLoad:l}=k,{optFullValMaps:a,scrollYStore:i}=S,o=V.value,n=a[e[o]];if(n){const s=n.key;const r=n._index;if(r>-1){const u=w.value;const c=A.value;if(!c)return;const v=c.querySelector(`[optid='${s}']`);if(u)if(v){const d=u.offsetHeight;const p=1;if(t){if(v.offsetTop+v.offsetHeight-u.scrollTop>d)u.scrollTop=v.offsetTop+v.offsetHeight-d;else if(v.offsetTop+p<u.scrollTop||v.offsetTop+p>u.scrollTop+u.clientHeight)u.scrollTop=v.offsetTop-p}else if(v.offsetTop+p<u.scrollTop||v.offsetTop+p>u.scrollTop+u.clientHeight)u.scrollTop=v.offsetTop-p;else if(v.offsetTop+v.offsetHeight-u.scrollTop>d)u.scrollTop=v.offsetTop+v.offsetHeight-d}else if(l)if(t)u.scrollTop=r*i.rowHeight-u.clientHeight+i.rowHeight;else u.scrollTop=r*i.rowHeight}}})(e,r))}}else(s||r||o)&&k.isActivated&&(t.preventDefault(),v());k.isActivated&&u&&e&&p(t,null)}},pe=()=>{var{visiblePanel:e,isActivated:t}=k;e&&d(),t&&(k.isActivated=!1),(e||t)&&(e=O.value)&&e.blur()},fe=()=>{var e=k["visiblePanel"];e&&s()},_e=e=>{N.value||k.visiblePanel||(k.triggerFocusPanel=!0,v(),setTimeout(()=>{k.triggerFocusPanel=!1},500)),r("focus",{},e)},ge=e=>{ye(e),r("click",{triggerButton:!1,visible:k.visiblePanel},e)},he=e=>{k.isActivated=!1,r("blur",{},e)},me=e=>{ye(e),r("click",{triggerButton:!0,visible:k.visiblePanel},e)},xe=e=>{k.searchValue=e},be=()=>{k.isActivated=!0},Te=()=>{var{modelValue:e,remote:t,remoteMethod:l}=I,a=k["searchValue"],i=X.value,l=i.queryMethod||l;t&&l&&i.enabled?(k.searchLoading=!0,Promise.resolve(l({$select:M,searchValue:a,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{k.searchLoading=!1,g(),f()})):(g(),f())},Ee=_xeUtils.default.debounce(Te,350,{trailing:!0}),ye=e=>{e=e.$event;e.preventDefault(),k.triggerFocusPanel?k.triggerFocusPanel=!1:(k.visiblePanel?d:v)()},Se=()=>{var e=k["scrollYLoad"],{scrollYStore:t,afterVisibleList:l}=S;k.bodyHeight=e?l.length*t.rowHeight:0,k.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},Ve=()=>{var{filterable:e,allowCreate:t}=I;const{scrollYLoad:l,searchValue:a}=k;var{optAddMaps:i,scrollYStore:o,afterVisibleList:n}=S;const s=c.value;var r=V.value,o=l?n.slice(o.startIndex,o.endIndex):n.slice(0);return e&&t&&a&&(o.some(e=>e[s]===a)||(n=i[a]||(0,_vue.reactive)({[_()]:a,[s]:a,[r]:a}),i[a]=n,o.unshift(n))),k.optList=o,(0,_vue.nextTick)()},f=()=>{Ve(),Se()},Ie=()=>(0,_vue.nextTick)().then(()=>{var e=k["scrollYLoad"],t=S["scrollYStore"],l=U.value,a=W.value;let i=0,o;(o=l?o||l.children[0]:o)&&(i=o.offsetHeight),i=Math.max(20,i),t.rowHeight=i,(e?(l=w.value,e=Math.max(8,l?Math.ceil(l.clientHeight/i):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),f):Se)()}),Ce=(e,t)=>{var l=w.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),k.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:t}=S;return n().then(()=>{if(e||t)return S.lastScrollLeft=0,S.lastScrollTop=0,Ce(e,t)})},x=()=>{var e=L.value;return e&&e.clientWidth&&e.clientHeight?Ie():Promise.resolve()},Le=e=>{var t=S["scrollYStore"],{startIndex:l,endIndex:a,visibleSize:i,offsetSize:o,rowHeight:n}=t,e=e.target.scrollTop,e=Math.floor(e/n),n=Math.max(0,e-1-o),o=e+i+o;!(e<=l||a-i-1<=e)||l===n&&a===o||(t.startIndex=n,t.endIndex=o,f())},Oe=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==S.lastScrollLeft,i=l!==S.lastScrollTop;S.lastScrollTop=l,S.lastScrollLeft=t,k.scrollYLoad&&Le(e),S.lastScrollTime=Date.now(),r("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:i},e)},l=e=>{{var t=e||[];const s=G.value,r=V.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let t=F(e);t||(t=getOptUniqueId(),e[u]=t),v[e[r]]={key:t,item:e,_index:-1}};t.forEach(e=>{p(e),e[s]&&(c[e[u]]=e)[s].forEach(p)}),S.fullData=d,S.optGroupKeyMaps=c,S.optFullValMaps=v,k.reactFlag++,g()}var{isLoaded:t,fullData:l,scrollYStore:a}=S,i=z.value,o=W.value;const n=V.value;if(Object.assign(a,{startIndex:0,endIndex:1,visibleSize:0}),S.synchData=e||[],k.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=l.length),Ve(),!t){a=i["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(I.modelValue)){if("first"===a||"last"===a){const f=_xeUtils.default[a](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(I.modelValue)&&ee(f[n])})}S.isLoaded=!0}}return Ie().then(()=>{m()})},n=()=>{var e=w.value;return e&&(e.scrollTop=0,e.scrollLeft=0),S.lastScrollTop=0,(S.lastScrollLeft=0,_vue.nextTick)()},Pe=e=>{var t=S["optGroupKeyMaps"];return!!t[e]};t={dispatchEvent:r,loadData:l,reloadData(e){return S.isLoaded=!1,n(),l(e)},isPanelVisible(){return k.visiblePanel},togglePanel(){return(k.visiblePanel?d:v)(),(0,_vue.nextTick)()},hidePanel(){return k.visiblePanel&&d(),(0,_vue.nextTick)()},showPanel(){return k.visiblePanel||v(),(0,_vue.nextTick)()},refreshOption(){return g(),f(),(0,_vue.nextTick)()},focus(){var e=O.value;return e&&e.blur(),k.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=O.value;return e&&e.blur(),(k.isActivated=!1,_vue.nextTick)()},recalculate:x,clearScroll:n};Object.assign(M,t);const we=e=>{const{allowCreate:f,optionKey:_,modelValue:g}=I,h=k["currentOption"],m=S["optAddMaps"];var t=Z.value;const x=c.value,b=V.value,T=$.value,E=t["useKey"],y=C.option;return e.map((t,e)=>{var{slots:l,className:a}=t,i=F(t),o=t[b];const n=Pe(i);var s=!(!f||!m[i]),r=!s&&(_xeUtils.default.isArray(g)?-1<g.indexOf(o):g===o),u=s||!n||isOptionVisible(t);const c=!s&&(v=r,!!t.disabled||!(!R.value||v));var v=l?l.default:null,l={option:t,group:n?t:null,$select:M};let d="",p=[];return p=y?D(y,l):v?D(v,l):d=(0,_utils.getFuncText)(t[n?T:x]||o),u?(0,_vue.h)("div",{key:E||_?i:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(l):a:"",{"vxe-select-optgroup":n,"is--disabled":c,"is--selected":r,"is--add":s,"is--hover":h&&F(h)===i}],optid:i,title:d||null,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{c||n||re(e,t)},onMouseenter:()=>{var e;c||n||(e=S.lastScrollTime)&&Date.now()<e+250||ie(t)}},f?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},p),s?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().SELECT_ADD_OPTION})]):(0,_ui.renderEmptyElement)(M)]:p):(0,_ui.renderEmptyElement)(M)})};return(0,_vue.watch)(()=>k.staticOptions,e=>{l(e)}),(0,_vue.watch)(()=>I.options,e=>{l(e||[])}),(0,_vue.watch)(()=>I.optionGroups,e=>{l(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=I;t?l(t):e&&l(e)}),_ui.globalEvents.on(M,"mousewheel",ue),_ui.globalEvents.on(M,"mousedown",ce),_ui.globalEvents.on(M,"keydown",de),_ui.globalEvents.on(M,"blur",pe),_ui.globalEvents.on(M,"resize",fe)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(M,"mousewheel"),_ui.globalEvents.off(M,"mousedown"),_ui.globalEvents.off(M,"keydown"),_ui.globalEvents.off(M,"blur"),_ui.globalEvents.off(M,"resize"),_xeUtils.default.assign(S,createInternalData())}),(0,_vue.provide)("$xeSelect",M),M.renderVN=()=>{var{modelValue:e,className:t,popupClassName:l,multiple:a,loading:i,filterable:o,showTotalButoon:n,showCheckedButoon:s,showClearButton:r}=I,{initialized:u,isActivated:c,isAniVisible:v,optList:d,visiblePanel:p,bodyHeight:f,topSpaceHeight:_}=k,g=Y.value,h=N.value,m=Q.value,x=B.value,b=q.value,T=H.value,E=C.default,y=C.header,S=C.footer;const V=C.prefix;return b?(0,_vue.h)("div",{ref:L,class:["vxe-select--readonly",t]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},m)]):(b=_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e],(0,_vue.h)("div",{ref:L,class:["vxe-select",t?_xeUtils.default.isFunction(t)?t({$select:M}):t:"",{["size--"+g]:g,"is--visible":p,"is--disabled":h,"is--filter":o,"is--loading":i,"is--active":c}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)(_input.default,{ref:O,clearable:I.clearable,placeholder:T,readonly:!0,disabled:h,type:"text",prefixIcon:I.prefixIcon,suffixIcon:i?(0,_ui.getIcon)().SELECT_LOADED:p?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,title:m,modelValue:m,onClear:oe,onClick:ge,onFocus:_e,onBlur:he,onSuffixClick:me},V?{prefix:()=>V({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!x||!u},[(0,_vue.h)("div",{ref:A,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:M}):l:"",{["size--"+g]:g,"is--transfer":x,"ani--leave":!i&&v,"ani--enter":!i&&p}],placement:k.panelPlacement,style:k.panelStyle},u&&(p||v)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:P,class:"vxe-select-search--input",modelValue:k.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":xe,onFocus:be,onChange:Ee,onSearch:Ee})]):(0,_ui.renderEmptyElement)(M),n||s&&a||r||y?(0,_vue.h)("div",{class:"vxe-select--panel-header"},y?D(y,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[n?(0,_vue.h)("div",{class:"vxe-select--header-total"},(0,_ui.getI18n)("vxe.select.total",[b.length,d.length])):(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-select--header-btns"},[s&&a?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.allChecked"),mode:"text",onClick:ne}):(0,_ui.renderEmptyElement)(M),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.clear"),mode:"text",onClick:se}):(0,_ui.renderEmptyElement)(M)])])]):(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:w,class:"vxe-select-option--wrapper",onScroll:Oe},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:f?f+"px":""}}),(0,_vue.h)("div",{ref:U,class:"vxe-select--body",style:{transform:`translateY(${_}px)`}},(()=>{var{optList:e,searchLoading:t}=k;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?we(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},I.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),S?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},D(S,{})):(0,_ui.renderEmptyElement)(M)])]:[])])]))},M},render(){return this.renderVN()}});

package/lib/select/style/style.css

@@ -155,7 +155,6 @@
 .vxe-select-option {
   position: relative;
   padding: 0 0.6em;
-  max-width: 600px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/select/style/style.min.css

@@ -1 +1 @@
-.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}

package/lib/split/src/split.js

@@ -38,7 +38,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     itemConfig: Object,
     barConfig: Object,
     resizeConfig: Object,
-    actionConfig: Object
+    actionConfig: Object,
+    size: {
+      type: String,
+      default: () => (0, _ui.getConfig)().split.size || (0, _ui.getConfig)().size
+    }
   },
   emits: ['action-dblclick', 'action-click', 'toggle-expand', 'resize-start', 'resize-drag', 'resize-end'],
   setup(props, context) {
@@ -50,6 +54,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refElem = (0, _vue.ref)();
     const refBarInfoElem = (0, _vue.ref)();
     const refResizableSplitTip = (0, _vue.ref)();
+    const {
+      computeSize
+    } = (0, _ui.useSize)(props);
     const reactData = (0, _vue.reactive)({
       staticItems: [],
       itemList: [],
@@ -759,6 +766,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const {
         itemList
       } = reactData;
+      const vSize = computeSize.value;
       const resizeOpts = computeResizeOpts.value;
       const {
         immediate
@@ -813,6 +821,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         itemVNs.push((0, _vue.h)('div', {
           itemid: id,
           class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+            [`size--${vSize}`]: vSize,
             'is--resize': resize,
             'is--padding': padding,
             'is--border': border,
@@ -846,6 +855,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         width,
         height
       } = props;
+      const vSize = computeSize.value;
       const resizeOpts = computeResizeOpts.value;
       const {
         immediate,
@@ -861,7 +871,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy'],
+        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+          [`size--${vSize}`]: vSize
+        }],
         style: stys
       }, [(0, _vue.h)('div', {
         class: 'vxe-split-slots'

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

package/lib/split/style/style.css

@@ -270,4 +270,17 @@
 
 .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);
 }

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;font-size:.5em;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-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{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;font-size:.5em;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-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)}